createStore.js

import autoMergeLevel1 from 'redux-persist/lib/stateReconciler/autoMergeLevel1';
import reduxThunk from 'redux-thunk';
import { composeWithDevTools } from 'redux-devtools-extension';
import { connectRouter, routerMiddleware } from 'connected-react-router';
import { createMemoryHistory, createBrowserHistory } from 'history';
import { createStore, applyMiddleware } from 'redux';
import { persistReducer, getStoredState } from 'redux-persist';
import { runtime } from 'js-info';
import reducers from '~/reducers';
import { config } from '.';

const history = (runtime.browser
  ? createBrowserHistory
  : createMemoryHistory)();
const composeEnhancers = composeWithDevTools({});

function getReducer(persistConfig) {
  return persistReducer(persistConfig, connectRouter(history)(reducers));
}

function getMiddleware() {
  return composeEnhancers(
    applyMiddleware(routerMiddleware(history), reduxThunk)
  );
}

function getStorage(context) {
  if (context.cookieJar) {
    const { CookieStorage } = require('redux-persist-cookie-storage');
    return new CookieStorage(context.cookieJar, {});
  }
  return require('redux-persist/lib/storage').default;
}

async function getInitialState({ cookieJar }, persistConfig) {
  const { initialState } = config;
  if (cookieJar) {
    try {
      const state = await getStoredState(persistConfig);
      if (state) return state;
    } catch (err) {
      return initialState;
    }
  }
  return initialState;
}

function getPersistConfig(context) {
  const { whitelist, blacklist } = config;
  const persistConfig = {
    key: 'root',
    storage: getStorage(context),
    stateReconciler: autoMergeLevel1
  };
  if (whitelist && whitelist.length) {
    persistConfig.whitelist = whitelist;
  } else if (blacklist && blacklist.length) {
    persistConfig.blacklist = blacklist;
  }
  return persistConfig;
}

export async function createWebStore(context) {
  const persistConfig = getPersistConfig(context);
  return {
    ...context,
    store: createStore(
      getReducer(persistConfig),
      await getInitialState(context, persistConfig),
      getMiddleware()
    ),
    history
  };
}

export default function create(context) {
  const { initialState } = config;
  const persistConfig = getPersistConfig(context);
  return {
    ...context,
    store: createStore(
      getReducer(persistConfig),
      initialState,
      getMiddleware()
    ),
    history
  };
}