fix: add cookies module

Author: patrickmichalina

package-lock.json

@@ -76,6 +76,7 @@
     "@types/express": "^4.16.0",
     "@types/fs-extra": "^5.0.4",
     "@types/jest": "^23.1.6",
+    "@types/js-cookie": "^2.1.0",
     "@types/lru-cache": "^4.1.1",
     "@types/node": "^10.5.2",
     "@types/object-hash": "^1.2.0",
@@ -99,6 +100,7 @@
     "jest-junit-reporter": "^1.1.0",
     "jest-preset-angular": "^5.2.3",
     "jest-zone-patch": "0.0.8",
+    "js-cookie": "^2.2.0",
     "lru-cache": "^4.1.3",
     "ng2-fused": "^0.5.1",
     "node-sass": "^4.9.2",

package.json

@@ -0,0 +1,14 @@
+import { Observable } from 'rxjs'
+import { CookieAttributes } from 'js-cookie'
+
+export interface ICookieService {
+  readonly valueChanges: Observable<StringDict>
+  readonly getAll: () => any
+  readonly get: (name: string) => any
+  readonly set: (name: string, value: any, options?: CookieAttributes) => void
+  readonly remove: (name: string, options?: CookieAttributes) => void
+}
+
+export interface StringDict {
+  readonly [key: string]: any
+}

src/modules/cookies/common.ts

@@ -0,0 +1,8 @@
+import { NgModule } from '@angular/core'
+import { CookieService } from './cookies.browser.service'
+
+// tslint:disable-next-line:no-class
+@NgModule({
+  providers: [CookieService]
+})
+export class CookiesBrowserModule {}

src/modules/cookies/cookies.browser.module.ts

@@ -0,0 +1,34 @@
+import { Injectable } from '@angular/core'
+import { Subject } from 'rxjs'
+import { CookieAttributes, getJSON, remove, set } from 'js-cookie'
+import { ICookieService, StringDict } from './common'
+
+// tslint:disable:no-this
+// tslint:disable-next-line:no-class
+@Injectable()
+export class CookieService implements ICookieService {
+  private readonly cookieSource = new Subject<StringDict>()
+  public readonly valueChanges = this.cookieSource.asObservable()
+
+  public set(name: string, value: any, opts?: CookieAttributes): void {
+    set(name, value, opts)
+    this.updateSource()
+  }
+
+  public remove(name: string, opts?: CookieAttributes): void {
+    remove(name, opts)
+    this.updateSource()
+  }
+
+  public get(name: string): any {
+    return getJSON(name)
+  }
+
+  public getAll(): any {
+    return getJSON()
+  }
+
+  private updateSource() {
+    this.cookieSource.next(this.getAll())
+  }
+}

src/modules/cookies/cookies.browser.service.ts

@@ -0,0 +1,9 @@
+import { NgModule } from '@angular/core'
+import { CookieService } from './cookies.browser.service'
+import { ServerCookieService } from './cookies.server.service'
+
+// tslint:disable-next-line:no-class
+@NgModule({
+  providers: [{ provide: CookieService, useClass: ServerCookieService }]
+})
+export class CookiesServerModule {}

src/modules/cookies/cookies.server.module.ts

@@ -0,0 +1,39 @@
+import { empty } from 'rxjs'
+import { REQUEST } from '@nguniversal/express-engine/tokens'
+import { Inject, Injectable } from '@angular/core'
+import { CookieAttributes } from 'js-cookie'
+import { ICookieService } from './common'
+import * as express from 'express'
+
+// tslint:disable:no-this
+// tslint:disable-next-line:no-class
+@Injectable()
+export class ServerCookieService implements ICookieService {
+  public readonly valueChanges = empty()
+
+  constructor(@Inject(REQUEST) private req: express.Request) {}
+
+  public get(name: string): any {
+    try {
+      return JSON.parse(this.req.cookies[name])
+    } catch (err) {
+      return this.req ? this.req.cookies[name] : undefined
+    }
+  }
+
+  public getAll(): any {
+    return this.req && this.req.cookies
+  }
+
+  public set(name: string, value: any, opts?: CookieAttributes): void {
+    // noop
+  }
+
+  public remove(name: string, opts?: CookieAttributes): void {
+    // noop
+  }
+
+  updateSource() {
+    // noop
+  }
+}

src/modules/cookies/cookies.server.service.ts

@@ -0,0 +1,5 @@
+export { CookieService } from './cookies.browser.service'
+export { ServerCookieService } from './cookies.server.service'
+export { CookiesServerModule } from './cookies.server.module'
+export { CookiesBrowserModule } from './cookies.browser.module'
+export { ICookieService } from './common'

src/modules/cookies/index.ts

@@ -4,12 +4,14 @@ import { BrowserTransferStateModule, BrowserModule } from '@angular/platform-bro
 import { AppComponent } from '../app/app.component'
 import { EnvironmentBrowserModule } from 'fusing-angular-cli/.build/modules/src/modules/environment'
 import { WindowBrowserModule } from 'fusing-angular-cli/.build/modules/src/modules'
+import { CookiesBrowserModule } from 'fusing-angular-cli/.build/modules/src/modules/cookies'
 
 @NgModule({
   imports: [
     BrowserModule.withServerTransition({ appId: 'app-root' }),
     BrowserTransferStateModule,
     WindowBrowserModule.forRoot(),
+    CookiesBrowserModule,
     EnvironmentBrowserModule,
     AppModule
   ],

src/templates/core/browser/app.browser.module.ts.txt

@@ -4,11 +4,13 @@ import { AppModule } from '../app/app.module'
 import { AppComponent } from '../app/app.component'
 import { WindowServerModule } from 'fusing-angular-cli/.build/modules/src/modules'
 import { EnvironmentServerModule } from 'fusing-angular-cli/.build/modules/src/modules/environment'
+import { CookiesServerModule } from 'fusing-angular-cli/.build/modules/src/modules/cookies'
 
 @NgModule({
   imports: [
     ServerTransferStateModule,
     WindowServerModule.forRoot({}),
+    CookiesServerModule,
     EnvironmentServerModule,
     ServerModule,
     AppModule