kevinast / feature-redux Goto Github PK

import React from 'react'; // peerDependencies
import { extendAspectProperty, createAspect, launchApp } from 'feature-u'; // peerDependency:
import { createReducerAspect } from 'feature-redux';
import { persistStore } from 'redux-persist';
import { PersistGate } from 'redux-persist/integration/react';

import verify from './util/verify';

export const logf = launchApp.diag.logf.newLogger(
  '- ***feature-redux-persist*** reduxPersistAspect: '
);

// TODO tests !
export function createPersistedReducerAspect(name = 'reducer') {
  // validate parameters
  const check = verify.prefix(
    'createPersistedReducerAspect() parameter violation: '
  );

  check(name, 'name is required');
  check(typeof name === 'string', 'name must be a string'); // NOTE: didn't want to introduce lodash.isstring dependancy (in the mix of everything else going on in the 1.0.0 upgrade)

  const reduxAspect = createReducerAspect(name);
  const {
    getReduxStore,
    getReduxMiddleware,
    ...restrictedReduxAspect
  } = reduxAspect;

  return createAspect({
    ...restrictedReduxAspect,
    genesis,
    injectRootAppElm: (fassets, curRootAppElm) => {
      const persistor = persistStore(reduxAspect.getReduxStore());

      return reduxAspect.injectRootAppElm(
        fassets,
        injectRootAppElm(fassets, curRootAppElm, persistor)
      );
    },
  });
}

function genesis() {
  logf(
    'genesis() registering two new Aspect properties: getReduxStore() -and- getReduxMiddleware()'
  );

  // extendAspectProperty('getReduxStore', 'feature-redux-persist'); // Aspect.getReduxStore(): store
  // extendAspectProperty('getReduxMiddleware', 'feature-redux-persist'); // Aspect.getReduxMiddleware(): reduxMiddleware
}

function injectRootAppElm(fassets, curRootAppElm, persistor) {
  if (curRootAppElm) {
    throw new Error(
      '***ERROR*** Please register reduxPersistAspect (from feature-router) after feautre-redux aspect ' +
        'that inject content in the rootAppElm ...'
    );
  }

  return (
    <PersistGate loading={null} persistor={persistor}>
      {curRootAppElm}
    </PersistGate>
  );
}