fix: multiplying calls to token endpoint in code flow

Author: Ceteareth

package-lock.json

@@ -102,6 +102,7 @@ export class OAuthService extends AuthConfig implements OnDestroy {
   protected accessTokenTimeoutSubscription: Subscription;
   protected idTokenTimeoutSubscription: Subscription;
   protected tokenReceivedSubscription: Subscription;
+  protected automaticRefreshSubscription: Subscription;
   protected sessionCheckEventListener: EventListener;
   protected jwksUri: string;
   protected sessionCheckTimer: any;
@@ -222,7 +223,8 @@ export class OAuthService extends AuthConfig implements OnDestroy {
     noPrompt = true
   ): void {
     let shouldRunSilentRefresh = true;
-    this.events
+    this.clearAutomaticRefreshTimer();
+    this.automaticRefreshSubscription = this.events
       .pipe(
         tap(e => {
           if (e.type === 'token_received') {
@@ -448,6 +450,7 @@ export class OAuthService extends AuthConfig implements OnDestroy {
   public stopAutomaticRefresh() {
     this.clearAccessTokenTimer();
     this.clearIdTokenTimer();
+    this.clearAutomaticRefreshTimer();
   }
 
   protected clearAccessTokenTimer(): void {
@@ -462,6 +465,12 @@ export class OAuthService extends AuthConfig implements OnDestroy {
     }
   }
 
+  protected clearAutomaticRefreshTimer(): void {
+    if (this.automaticRefreshSubscription) {
+      this.automaticRefreshSubscription.unsubscribe();
+    }
+  }
+
   protected calcTimeout(storedAt: number, expiration: number): number {
     const now = Date.now();
     const delta =

projects/lib/src/oauth-service.ts

@@ -109,5 +109,13 @@ <h2>Further Actions</h2>
     <button class="btn btn-default" (click)="loadUserProfile()">
       Load User Profile
     </button>
+
+    <button class="btn btn-default" (click)="startAutomaticRefresh()">
+      Start automatic refresh
+    </button>
+
+    <button class="btn btn-default" (click)="stopAutomaticRefresh()">
+      Stop automatic refresh
+    </button>
   </div>
 </div>

projects/sample/src/app/home/home.component.html

@@ -86,6 +86,14 @@ export class HomeComponent implements OnInit {
     this.oauthService.loadUserProfile().then(up => (this.userProfile = up));
   }
 
+  startAutomaticRefresh(): void {
+    this.oauthService.setupAutomaticSilentRefresh();
+  }
+
+  stopAutomaticRefresh(): void {
+    this.oauthService.stopAutomaticRefresh();
+  }
+
   get givenName() {
     var claims = this.oauthService.getIdentityClaims();
     if (!claims) return null;