fix: run tokensetup outside ngzone

Author: ctaepper

angular-oauth2-oidc/src/oauth-service.ts

@@ -1,4 +1,4 @@
-import { Injectable, Optional } from '@angular/core';
+import { Injectable, NgZone, Optional } from '@angular/core'
 import { HttpClient, HttpHeaders, HttpParams } from '@angular/common/http';
 import { Observable } from 'rxjs/Observable';
 import { Subject } from 'rxjs/Subject';
@@ -67,6 +67,7 @@ export class OAuthService
     private inImplicitFlow = false;
 
     constructor(
+        private ngZone: NgZone,
         private http: HttpClient,
         @Optional() storage: OAuthStorage,
         @Optional() tokenValidationHandler: ValidationHandler,
@@ -262,26 +263,42 @@ export class OAuthService
     private setupAccessTokenTimer(): void {
         let expiration = this.getAccessTokenExpiration();
         let storedAt = this.getAccessTokenStoredAt();
-        let timeout = this.calcTimeout(storedAt, expiration);
-
-        this.accessTokenTimeoutSubscription =
-            Observable
-                .of(new OAuthInfoEvent('token_expires', 'access_token'))
-                .delay(timeout)
-                .subscribe(e => this.eventsSubject.next(e));
+        // let timeout = this.calcTimeout(storedAt, expiration);
+        let timeout = 5000;
+
+        this.ngZone.runOutsideAngular(() => {
+            this.accessTokenTimeoutSubscription =
+                Observable
+                    .of(new OAuthInfoEvent('token_expires', 'access_token'))
+                    .delay(timeout)
+                    .subscribe(e => {
+                        this.ngZone.run(() => {
+                            console.log('setupAccessTokenTimer')
+                            this.eventsSubject.next(e);
+                        })
+                    });
+        })
     }
 
 
     private setupIdTokenTimer(): void {
         let expiration = this.getIdTokenExpiration();
         let storedAt = this.getIdTokenStoredAt();
-        let timeout = this.calcTimeout(storedAt, expiration);
-
-        this.idTokenTimeoutSubscription =
-            Observable
-                .of(new OAuthInfoEvent('token_expires', 'id_token'))
-                .delay(timeout)
-                .subscribe(e => this.eventsSubject.next(e));
+        // let timeout = this.calcTimeout(storedAt, expiration);
+        let timeout = 5000;
+
+        this.ngZone.runOutsideAngular(() => {
+            this.idTokenTimeoutSubscription =
+                Observable
+                    .of(new OAuthInfoEvent('token_expires', 'id_token'))
+                    .delay(timeout)
+                    .subscribe(e => {
+                        this.ngZone.run(() => {
+                            console.log('setupIdTokenTimer')
+                            this.eventsSubject.next(e);
+                        })
+                    });
+        })
     }
 
     private clearAccessTokenTimer(): void {