feat(ssr): support ssr

Author: Brooooooklyn

.eslintrc.json

@@ -22,10 +22,12 @@
       }
     ],
     "@typescript-eslint/explicit-function-return-type": "off",
+    "@typescript-eslint/no-non-null-assertion": "off",
     "@typescript-eslint/no-parameter-properties": "off",
     "@typescript-eslint/no-use-before-define": ["error", { "functions": false, "classes": false }],
     "@typescript-eslint/no-explicit-any": "off",
     "@typescript-eslint/no-var-requires": "off",
+    "@typescript-eslint/ban-ts-ignore": "off",
     "no-console": ["error", { "allow": ["warn", "error"] }]
   },
   "settings": {

jest.config.js

@@ -1,4 +1,8 @@
 module.exports = {
   preset: 'ts-jest',
   testEnvironment: 'node',
+  testMatch: [
+    '**/__tests__/**/?(*.)+(spec|test).ts?(x)', '**/?(*.)+(spec|test).ts?(x)', 
+  ],
+  globalSetup: './setup.js'
 }

package.json

@@ -5,7 +5,7 @@
   "main": "./dist/index.js",
   "module": "./esm/index.js",
   "esnext": "./esnext/index.js",
-  "types": "./dist/index.d.ts",
+  "types": "./esm/index.d.ts",
   "sideEffects": false,
   "repository": {
     "type": "git",
@@ -62,6 +62,7 @@
   },
   "devDependencies": {
     "@asuka/di": "^0.2.0",
+    "@types/express": "^4.17.0",
     "@types/jest": "^24.0.16",
     "@types/lodash": "^4.14.136",
     "@types/node": "^12.6.9",

setup.js

@@ -0,0 +1,3 @@
+module.exports = function setupTestEnv() {
+  process.env.ENABLE_AYANAMI_SSR = 'false'
+}

src/core/ayanami.ts

@@ -1,11 +1,50 @@
-import { Observable } from 'rxjs'
+import { Observable, noop } from 'rxjs'
 
 import { ActionOfAyanami } from './types'
 import { combineWithIkari, destroyIkariFrom } from './ikari'
+import { moduleNameKey, globalKey } from '../ssr/ssr-module'
+import { isSSREnabled } from '../ssr/flag'
+
+const globalScope =
+  typeof self !== 'undefined'
+    ? self
+    : typeof window !== 'undefined'
+    ? window
+    : typeof global !== 'undefined'
+    ? global
+    : {}
 
 export abstract class Ayanami<State> {
   abstract defaultState: State
 
+  // @internal
+  ssrLoadKey = Symbol('SSR_LOADED')
+
+  // @internal
+  scopeName!: string
+
+  constructor() {
+    if (!isSSREnabled()) {
+      const name = Object.getPrototypeOf(this)[moduleNameKey]
+      if (!name) {
+        return
+      }
+      // @ts-ignore
+      const globalCache = globalScope[globalKey]
+
+      if (globalCache) {
+        const moduleCache = globalCache[name]
+        if (moduleCache) {
+          Reflect.defineMetadata(this.ssrLoadKey, true, this)
+          Object.defineProperty(this, 'defaultState', {
+            get: () => moduleCache[this.scopeName],
+            set: noop,
+          })
+        }
+      }
+    }
+  }
+
   destroy() {
     destroyIkariFrom(this)
   }

src/core/decorators/action-related.ts

@@ -3,8 +3,9 @@ import { Ayanami } from '../ayanami'
 import { ConstructorOf } from '../types'
 
 export function createActionDecorator(symbols: ActionSymbols) {
-  return () => ({ constructor }: any, propertyKey: string) => {
-    addActionName(symbols, constructor, propertyKey)
+  return () => (target: any, propertyKey: string, descriptor: PropertyDescriptor) => {
+    addActionName(symbols, target.constructor, propertyKey)
+    return descriptor
   }
 }
 

src/core/decorators/index.ts

@@ -8,7 +8,7 @@ import { createActionDecorator } from './action-related'
 export * from './action-related'
 
 interface DecoratorReturnType<V> {
-  (target: any, propertyKey: string, descriptor: { value?: V }): void
+  (target: any, propertyKey: string, descriptor: { value?: V }): PropertyDescriptor
 }
 
 export const ImmerReducer: <S = any>() => DecoratorReturnType<
@@ -23,4 +23,4 @@ export const Effect: <A = any, S = any>() => DecoratorReturnType<
   (action: Observable<A>, state$: Observable<S>) => Observable<EffectAction>
 > = createActionDecorator(effectSymbols)
 
-export const DefineAction = createActionDecorator(defineActionSymbols)
+export const DefineAction: () => any = createActionDecorator(defineActionSymbols)

src/core/ikari.ts

@@ -1,5 +1,5 @@
 import { merge, Observable, Subject, Subscription, NEVER } from 'rxjs'
-import { map, catchError } from 'rxjs/operators'
+import { map, catchError, takeUntil, filter } from 'rxjs/operators'
 import { mapValues } from 'lodash'
 import produce from 'immer'
 
@@ -14,9 +14,11 @@ import {
   EffectActionFactories,
 } from './types'
 import { Ayanami } from './ayanami'
-import { BasicState, getEffectActionFactories, getOriginalFunctions } from './utils'
+import { createState, getEffectActionFactories, getOriginalFunctions } from './utils'
 import { logStateAction } from '../redux-devtools-extension'
 import { ikariSymbol } from './symbols'
+import { TERMINATE_ACTION } from '../ssr/terminate'
+import { isSSREnabled } from '../ssr/flag'
 
 interface Config<State> {
   nameForLog: string
@@ -74,13 +76,13 @@ export function destroyIkariFrom<S>(ayanami: Ayanami<S>): void {
 }
 
 export class Ikari<State> {
-  static createAndBindAt<S>(target: { defaultState: S }, config: Config<S>): Ikari<S> {
+  static createAndBindAt<S>(target: Ayanami<S>, config: Config<S>): Ikari<S> {
     const createdIkari = this.getFrom(target)
 
     if (createdIkari) {
       return createdIkari
     } else {
-      const ikari = new Ikari(config)
+      const ikari = new Ikari(target, config)
       Reflect.defineMetadata(ikariSymbol, ikari, target)
       return ikari
     }
@@ -90,18 +92,18 @@ export class Ikari<State> {
     return Reflect.getMetadata(ikariSymbol, target)
   }
 
-  state: BasicState<State>
+  state = createState(this.config.defaultState)
 
-  effectActionFactories: EffectActionFactories
+  effectActionFactories = this.config.effectActionFactories
 
   triggerActions: TriggerActions = {}
 
   subscription = new Subscription()
 
-  constructor(private readonly config: Readonly<Config<State>>) {
-    this.effectActionFactories = config.effectActionFactories
-    this.state = new BasicState<State>(config.defaultState)
+  // @internal
+  terminate$ = new Subject<typeof TERMINATE_ACTION | null>()
 
+  constructor(readonly ayanami: Ayanami<State>, private readonly config: Readonly<Config<State>>) {
     const [effectActions$, effectActions] = setupEffectActions(
       this.config.effects,
       this.state.state$,
@@ -124,8 +126,18 @@ export class Ikari<State> {
       ...mapValues(this.config.defineActions, ({ next }) => next),
     }
 
+    let effectActionsWithTerminate$: Observable<Action<any>>
+
+    if (!isSSREnabled()) {
+      effectActionsWithTerminate$ = effectActions$
+    } else {
+      effectActionsWithTerminate$ = effectActions$.pipe(
+        takeUntil(this.terminate$.pipe(filter((action) => action === null))),
+      )
+    }
+
     this.subscription.add(
-      effectActions$.subscribe((action) => {
+      effectActionsWithTerminate$.subscribe((action) => {
         this.log(action)
         this.handleAction(action)
       }),
@@ -152,12 +164,10 @@ export class Ikari<State> {
   }
 
   private log = ({ originalActionName, effectAction, reducerAction }: Action<State>) => {
-    if (effectAction) {
+    if (effectAction && effectAction !== TERMINATE_ACTION) {
       logStateAction(this.config.nameForLog, {
         params: effectAction.params,
-        actionName: `${originalActionName}/👉${effectAction.ayanami.constructor.name}/️${
-          effectAction.actionName
-        }`,
+        actionName: `${originalActionName}/👉${effectAction.ayanami.constructor.name}/️${effectAction.actionName}`,
       })
     }
 
@@ -172,8 +182,12 @@ export class Ikari<State> {
 
   private handleAction = ({ effectAction, reducerAction }: Action<State>) => {
     if (effectAction) {
-      const { ayanami, actionName, params } = effectAction
-      combineWithIkari(ayanami).triggerActions[actionName](params)
+      if (effectAction !== TERMINATE_ACTION) {
+        const { ayanami, actionName, params } = effectAction
+        combineWithIkari(ayanami).triggerActions[actionName](params)
+      } else {
+        this.terminate$.next(effectAction)
+      }
     }
 
     if (reducerAction) {

src/core/scope/__test__/scope.spec.ts

@@ -2,18 +2,9 @@ import 'reflect-metadata'
 import { Injectable } from '@asuka/di'
 
 import { getInstanceWithScope, TransientScope, SameScope } from '../'
-import { createNewInstance, createOrGetInstanceInScope } from '../utils'
+import { createOrGetInstanceInScope } from '../utils'
 
 describe('Scope spec:', () => {
-  describe('createNewInstance', () => {
-    it('should always return new instance', () => {
-      class Test {}
-
-      expect(createNewInstance(Test)).toBeInstanceOf(Test)
-      expect(createNewInstance(Test) === createNewInstance(Test)).toBeFalsy()
-    })
-  })
-
   describe('createOrGetInstanceInScope', () => {
     class Test {}
     const scope = 'Scope'
@@ -102,7 +93,7 @@ describe('Scope spec:', () => {
         }
 
         it('should return same instance if is same scope', () => {
-          const scope = 'scope'
+          const scope = Symbol('scope')
           const b = getInstanceWithScope(B, scope)
           const c = getInstanceWithScope(C, scope)
 
@@ -111,9 +102,9 @@ describe('Scope spec:', () => {
         })
 
         it('should return different instance if is different scope', () => {
-          const b = getInstanceWithScope(B, 'b')
-          const c1 = getInstanceWithScope(C, 'c1')
-          const c2 = getInstanceWithScope(C, 'c2')
+          const b = getInstanceWithScope(B, Symbol('b'))
+          const c1 = getInstanceWithScope(C, Symbol('c1'))
+          const c2 = getInstanceWithScope(C, Symbol('c2'))
 
           expect(b.a).toBeInstanceOf(A)
           expect(c1.a).toBeInstanceOf(A)

src/core/scope/index.ts

@@ -1,11 +1,11 @@
-import { InjectableFactory, ValueProvider } from '@asuka/di'
+import { InjectableFactory } from '@asuka/di'
 
 import { ConstructorOf } from '../types'
 import { ScopeConfig } from './type'
-import { createNewInstance, createOrGetInstanceInScope } from './utils'
-import { getSameScopeInjectionParams, SameScope } from './same-scope-decorator'
+import { createOrGetInstanceInScope, createScopeWithRequest } from './utils'
+import { SameScope } from './same-scope-decorator'
 
-export { ScopeConfig, SameScope }
+export { ScopeConfig, SameScope, createScopeWithRequest }
 
 export const TransientScope = Symbol('scope:transient')
 
@@ -15,19 +15,12 @@ export function getInstanceWithScope<T>(
   constructor: ConstructorOf<T>,
   scope: ScopeConfig['scope'] = SingletonScope,
 ): T {
-  const providers = getSameScopeInjectionParams(constructor).map(
-    (sameScopeInjectionParam): ValueProvider => ({
-      provide: sameScopeInjectionParam,
-      useValue: getInstanceWithScope(sameScopeInjectionParam, scope),
-    }),
-  )
-
   switch (scope) {
     case SingletonScope:
       return InjectableFactory.getInstance(constructor)
     case TransientScope:
-      return createNewInstance(constructor, providers)
+      return InjectableFactory.initialize(constructor)
     default:
-      return createOrGetInstanceInScope(constructor, scope, providers)
+      return createOrGetInstanceInScope(constructor, scope)
   }
 }