TypeScript redux-localstorage.default函數代碼示例

  ui: uiReducer,
})

const reducer = compose(mergePersistedState())(combinedReducers)

let localStorage: any = null

if (typeof window !== 'undefined') {
  localStorage = window.localStorage
} else {
  localStorage = {
    clearItem: () => null,
    getItem: () => null,
    setItem: () => null,
  }
}

const storage = compose(filter(['quiz', 'playground', 'data']))(
  adapter(localStorage),
)

const enhancer = compose(persistState(storage, 'howtographql-redux'))

const functions = [enhancer]

if (process.env.NODE_ENV !== 'production') {
  functions.push(applyMiddleware(logger))
}

export default () => createStore(reducer, compose.apply(null, functions))

  constructor(
    private ngRedux: NgRedux<IAppState>,
    private devTool: DevToolsExtension,
    private rootEpic: RootEpic,
    private router: Router,
  ) {
    const middleware = [
      createEpicMiddleware(this.rootEpic.combineAll()),
      createLogger(),
    ];

    const reducer = compose(
      mergePersistedState()
    )(rootReducer);

    const storage = compose(
      filter('auth')
    )(adapter(window.localStorage));

    const enhancers = [
      persistState(storage, 'fyibn/store'),
    ];

    if (devTool.isEnabled()) {
      enhancers.push(devTool.enhancer());
    }

    this.ngRedux.configureStore(
      reducer,
      {} as IAppState,
      middleware,
      enhancers,
    );
  }

function _getEnhancers() {
  let enhancers = [
    persistState('session', _getStorageConfig())
  ];

  if (__DEV__ && window.devToolsExtension) {
    enhancers = [...enhancers, window.devToolsExtension()];
  }

  return enhancers;
}

function configureStore(initialState) {
  const store = createStore(
    rootReducer,
    initialState,
    compose(
      applyMiddleware(..._getMiddleware()),
      persistState('session', _getStorageConfig()),
      __DEV__ && environment.devToolsExtension ?
        environment.devToolsExtension() :
        f => f));

  _enableHotLoader(store);
  return store;
}

function _getEnhancers() {
  const persistentStore = require('redux-pouchdb-plus').persistentStore;
  const PouchDB = require('pouchdb');
  const db = new PouchDB('todos');
  let enhancers = [
    persistentStore({db}),
    persistState('session', _getStorageConfig())
  ];

  if (__DEV__ && window.devToolsExtension) {
    enhancers = [ ...enhancers, window.devToolsExtension() ];
  }

  return enhancers;
}

const persist = k => persistState(k, {
  key: `angular2-chat-${k}`,
  serialize: store => {
    if (store == null) {
      return null;
    }
    return JSON.stringify(store[k].toJS());
  },
  deserialize: state => {
    if (state == null) {
      return null;
    }
    const parsed = JSON.parse(state);
    if (parsed == null) {
      return null;
    }
    return { [k]: state ? fromJS(parsed) : fromJS({}) };
  }
});

function configureStore(initialState) {
  const store = compose(
  __DEV__
  ? applyMiddleware(reduxRouterMiddleware, promiseMiddleware, thunk, logger)
  : applyMiddleware(reduxRouterMiddleware, promiseMiddleware, thunk),
    persistState('session', storageConfig)
  )(createStore)(rootReducer, initialState);

  if (module.hot) {
    module.hot.accept('../reducers', () => {
      const nextRootReducer = require('../reducers');
      store.replaceReducer(nextRootReducer);
    });
  }

  // Required for replaying actions from devtools to work
  if (__DEV__) {
    reduxRouterMiddleware.listenForReplays(store);
  }

  return store;
}

import adapterLocalStorage = require("redux-localstorage/lib/adapters/localStorage");
import adapterSessionStorage = require("redux-localstorage/lib/adapters/sessionStorage");

const AsyncStorage: any = {};

const rootReducer: Reducer<any> = (state: any, action: any) => state;

const reducer = compose(
    mergePersistedState()
)(rootReducer);

const storageAsyncStorage = adapterAsyncStorage(AsyncStorage);
const storageLocalStorage = adapterLocalStorage(window.localStorage);
const storageSessionStorage = adapterSessionStorage(window.sessionStorage);

const createStoreAsyncStorage = compose(
    persistState(storageAsyncStorage, "foo")
)(createStore)(reducer);

const createStoreLocalStorage = compose(
    persistState(storageLocalStorage, "foo")
)(createStore)(reducer);

const createStoreSessionStorage = compose(
    persistState(storageSessionStorage, "foo")
)(createStore)(reducer);

const storage = compose(
    transformState([JSON.stringify, btoa], [atob, JSON.parse])
)(storageLocalStorage);

  IAppState,
  ISession,
  IObjection,
  IRebuttal,
  IList,
  ICounter,
  rootReducer,
  reimmutify,
};

export let middleware = [];
export let enhancers = [
  persistState(
    '',
    {
      key: 'bernie-app',
      serialize: store => JSON.stringify(deimmutify(store)),
      deserialize: state => reimmutify(JSON.parse(state)),
    })
];

if (__DEV__) {
  middleware.push(
    createLogger({
    level: 'info',
    collapsed: true,
    stateTransformer: deimmutify,
  }));

  const environment: any = window || this;
  if (environment.devToolsExtension) {

///<reference path="./dev-types.d.ts"/>

import { Map, fromJS } from 'immutable';
const persistState = require('redux-localstorage');
import logger from './configure-logger';

const baseEnhancers = [
  persistState('session', {
    key: 'angular2-redux-seed',
    serialize: (store) => {
      return store && store.session ?
        JSON.stringify(store.session.toJS()) : store;
    },
    deserialize: (state) => ({
      session: state ? fromJS(JSON.parse(state)) : fromJS({}),
    }),
  })
];

export const middleware = __DEV__ ? [ logger ] : [];

export const enhancers = __DEV__ && window.devToolsExtension ?
  [ ...baseEnhancers, window.devToolsExtension() ] :
  baseEnhancers;