feat(cache): reset cache for browser request

lib/ngx-transfer-http/src/transfer-http.service.ts

@@ -1,14 +1,19 @@
-import { Injectable } from '@angular/core';
+import { Injectable, Inject, PLATFORM_ID } from '@angular/core';
 import { HttpClient, HttpHeaders, HttpParams } from '@angular/common/http';
 import { TransferState } from '@angular/platform-browser';
 import { Observable } from 'rxjs';
 import { tap } from 'rxjs/operators';
 import { fromPromise } from 'rxjs/observable/fromPromise';
+import { isPlatformBrowser, isPlatformServer } from '@angular/common';
 
 @Injectable()
 export class TransferHttpService {
-  constructor(protected transferState: TransferState,
-    private httpClient: HttpClient) {
+  constructor(
+    protected transferState: TransferState,
+    private httpClient: HttpClient,
+    @Inject(PLATFORM_ID) private platformId: Object
+  ) {
+
   }
 
   public request(method: string, uri: string | Request, options?: {
@@ -226,13 +231,21 @@ export class TransferHttpService {
     }
   }
 
-  private resolveData(key: string): any {
+  private resolveData(key: any): any {
     const data = this.getFromCache(key);
 
     if (!data) {
       throw new Error();
     }
 
+    if (isPlatformBrowser(this.platformId)) {
+      // Client only code.
+      this.transferState.remove(key);
+    }
+    if (isPlatformServer(this.platformId)) {
+      // Server only code.
+    }
+
     return fromPromise(Promise.resolve(data));
   }
 

src/app/transfer-back/transfer-back.component.html

@@ -2,7 +2,7 @@ <h1>{{ "back-http.title" | translate }}</h1>
 <p>{{ "back-http.text" | translate }}</p>
 
 <hr>
-
+<button (click)="loadPost()">load post</button>
 <strong>{{ "back-http.delay" | translate }}</strong>
 <pre *ngIf="result; else noResult">
     {{ result | json }}

src/app/transfer-back/transfer-back.component.ts

@@ -12,20 +12,26 @@ export class TransferBackComponent implements OnInit {
   public resultPost: any;
 
   constructor(private http: TransferHttpService,
-              @Inject(AppStorage) private appStorage: Storage,
-              @Inject('ORIGIN_URL') public baseUrl: string) {
+    @Inject(AppStorage) private appStorage: Storage,
+    @Inject('ORIGIN_URL') public baseUrl: string) {
     console.log(`ORIGIN_URL=${baseUrl}`);
   }
 
   ngOnInit(): void {
     this.http.get('https://reqres.in/api/users?delay=3').subscribe(result => {
       this.result = result;
     });
-    this.http.post('https://reqres.in/api/users', JSON.stringify({
+    this.loadPost();
+  }
+
+  loadPost() {
+    console.log('see network');
+    const resultSub = this.http.post('https://reqres.in/api/users', JSON.stringify({
       'name': 'morpheus',
       'job': 'leader'
     })).subscribe(result => {
       this.resultPost = result;
+      resultSub.unsubscribe();
     });
   }
 }