feat(docs): Added a TestRouterAdapter

This adapter keeps everything in memory rather than messing with the
actual URL.

relates #21

Author: Airblader

projects/ngqp-demo/src/app/app.module.ts

@@ -3,10 +3,11 @@ import { BrowserModule } from '@angular/platform-browser';
 import { FormsModule } from '@angular/forms';
 import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
-import { QueryParamModule } from '@ngqp/core';
+import { QueryParamModule, NGQP_ROUTER_ADAPTER } from '@ngqp/core';
 import { AppRoutingModule } from './app-routing.module';
 import { AppComponent } from './app.component';
 import { PlaygroundComponent } from './playground/playground.component';
+import { TestRouterAdapter } from './test-router-adapter.service';
 
 @NgModule({
     declarations: [
@@ -21,7 +22,10 @@ import { PlaygroundComponent } from './playground/playground.component';
         FontAwesomeModule,
         QueryParamModule
     ],
-    providers: [],
+    providers: [
+        // TODO Sandbox this
+        // { provide: NGQP_ROUTER_ADAPTER, useClass: TestRouterAdapter },
+    ],
     bootstrap: [ AppComponent ]
 })
 export class AppModule {

projects/ngqp-demo/src/app/test-router-adapter.service.ts

@@ -0,0 +1,65 @@
+import { Injectable } from '@angular/core';
+import { convertToParamMap, ParamMap, Params } from '@angular/router';
+import { ReplaySubject } from 'rxjs';
+import { RouterAdapter } from '@ngqp/core';
+
+@Injectable()
+export class TestRouterAdapter implements RouterAdapter {
+
+    private _queryParamMap = new ReplaySubject<ParamMap>(1);
+    public readonly queryParamMap = this._queryParamMap.asObservable();
+
+    public url: string;
+
+    private _params: Params = {};
+
+    constructor() {
+        this.emitQueryParamMap();
+    }
+
+    public navigate(queryParams: Params): Promise<boolean> {
+        return new Promise(resolve => {
+            setTimeout(() => {
+                const newParams = {
+                    ...this.params,
+                    ...queryParams,
+                };
+
+                if (JSON.stringify(newParams) === JSON.stringify(this.params)) {
+                    resolve(false);
+                    return;
+                }
+
+                this.params = newParams;
+                this.emitQueryParamMap();
+                resolve(true);
+            }, 1);
+        });
+    }
+
+    private set params(params: Params) {
+        this._params = params;
+
+        const urlSearchParams = new URLSearchParams();
+        Object.entries(this.params).forEach(([paramName, value]) => {
+            if (Array.isArray(value)) {
+                // TODO Support non-string values using JSON.stringify
+                value.forEach(item => urlSearchParams.append(paramName, '' + item));
+            } else {
+                // TODO Support non-string values using JSON.stringify
+                urlSearchParams.append(paramName, '' + value);
+            }
+        });
+
+        this.url = '?' + urlSearchParams.toString();
+    }
+
+    private get params(): Params {
+        return { ...this._params };
+    }
+
+    private emitQueryParamMap(): void {
+        this._queryParamMap.next(convertToParamMap(this.params));
+    }
+
+}