fix: add universal environment module

Author: patrickmichalina

src/modules/environment/common.ts

@@ -0,0 +1,5 @@
+import { InjectionToken } from '@angular/core'
+import { makeStateKey } from '@angular/platform-browser'
+
+export const ENV_CONFIG = new InjectionToken<any>('cfg.env')
+export const ENV_CONFIG_TS_KEY = makeStateKey<any>('cfg.env.ts')

src/modules/environment/environment.browser.module.ts

@@ -0,0 +1,21 @@
+import { NgModule } from '@angular/core'
+import { EnvironmentService } from './environment.service'
+import { ENV_CONFIG, ENV_CONFIG_TS_KEY } from './common'
+import { TransferState } from '@angular/platform-browser'
+
+export function fuseBoxConfigFactory(ts: TransferState) {
+  return ts.get(ENV_CONFIG_TS_KEY, {})
+}
+
+// tslint:disable-next-line:no-class
+@NgModule({
+  providers: [
+    EnvironmentService,
+    {
+      provide: ENV_CONFIG,
+      useFactory: fuseBoxConfigFactory,
+      deps: [TransferState]
+    }
+  ]
+})
+export class EnvironmentBrowserModule {}

src/modules/environment/environment.server.module.ts

@@ -0,0 +1,65 @@
+import { NgModule, APP_BOOTSTRAP_LISTENER, ApplicationRef } from '@angular/core'
+import { EnvironmentService, IBaseConfig } from './environment.service'
+import { ENV_CONFIG, ENV_CONFIG_TS_KEY } from './common'
+import { TransferState } from '@angular/platform-browser'
+import { filter, first, take } from 'rxjs/operators'
+import { REQUEST } from '@nguniversal/express-engine/tokens'
+
+function getConfigFromProcess() {
+  return JSON.parse(process.env.FUSING_ANGULAR || '{}')
+}
+
+export function serverEnvConfigFactory() {
+  return getConfigFromProcess()
+}
+
+// IF ENV CONTAINS SERVER_, remove from object
+function removeServerSpecific(
+  obj: { readonly [key: string]: string },
+  filterKey = 'SERVER_'
+) {
+  return Object.keys(obj)
+    .filter(key => !key.includes(filterKey))
+    .reduce((acc, curr) => {
+      return {
+        ...acc,
+        [curr]: obj[curr]
+      }
+    }, {})
+}
+
+export function onBootstrap(
+  appRef: ApplicationRef,
+  transferState: TransferState,
+  req: any
+) {
+  return () => {
+    appRef.isStable
+      .pipe(
+        filter(Boolean),
+        first(),
+        take(1)
+      )
+      .subscribe(() => {
+        transferState.set<IBaseConfig>(
+          ENV_CONFIG_TS_KEY,
+          removeServerSpecific(getConfigFromProcess())
+        )
+      })
+  }
+}
+
+// tslint:disable-next-line:no-class
+@NgModule({
+  providers: [
+    EnvironmentService,
+    { provide: ENV_CONFIG, useFactory: serverEnvConfigFactory },
+    {
+      provide: APP_BOOTSTRAP_LISTENER,
+      useFactory: onBootstrap,
+      deps: [ApplicationRef, TransferState, REQUEST],
+      multi: true
+    }
+  ]
+})
+export class EnvironmentServerModule {}

src/modules/environment/environment.service.ts

@@ -0,0 +1,19 @@
+import { Inject, Injectable } from '@angular/core'
+import { ENV_CONFIG } from './common'
+
+export interface IBaseConfig {
+  readonly [key: string]: string | undefined
+  readonly env?: string
+  readonly port?: string
+}
+
+export interface IEnvironmentService<TConfig extends IBaseConfig> {
+  readonly config: TConfig
+}
+
+// tslint:disable-next-line:no-class
+@Injectable()
+export class EnvironmentService<TConfig extends IBaseConfig = IBaseConfig>
+  implements IEnvironmentService<TConfig> {
+  constructor(@Inject(ENV_CONFIG) public config: TConfig = {} as TConfig) {}
+}

src/modules/environment/index.ts

@@ -0,0 +1,4 @@
+export { ENV_CONFIG_TS_KEY, ENV_CONFIG } from './common'
+export { EnvironmentService } from './environment.service'
+export { EnvironmentBrowserModule } from './environment.browser.module'
+export { EnvironmentServerModule } from './environment.server.module'