lbry-desktop/src/ui/store.js

109 lines
3.1 KiB
JavaScript
Raw Normal View History

2019-07-23 10:05:51 +02:00
import { persistStore, persistReducer } from 'redux-persist';
import autoMergeLevel2 from 'redux-persist/lib/stateReconciler/autoMergeLevel2';
import createCompressor from 'redux-persist-transform-compress';
import createFilter from 'redux-persist-transform-filter';
import localForage from 'localforage';
2019-04-04 23:05:23 +02:00
import { createStore, applyMiddleware, compose } from 'redux';
import thunk from 'redux-thunk';
2019-04-04 23:05:23 +02:00
import { createHashHistory, createBrowserHistory } from 'history';
2019-06-11 20:10:58 +02:00
import { routerMiddleware } from 'connected-react-router';
2019-04-04 23:05:23 +02:00
import createRootReducer from './reducers';
2017-04-07 07:15:22 +02:00
function isFunction(object) {
return typeof object === 'function';
2017-04-07 07:15:22 +02:00
}
function isNotFunction(object) {
return !isFunction(object);
2017-04-07 07:15:22 +02:00
}
function createBulkThunkMiddleware() {
return ({ dispatch, getState }) => next => action => {
if (action.type === 'BATCH_ACTIONS') {
action.actions.filter(isFunction).map(actionFn => actionFn(dispatch, getState));
}
return next(action);
};
}
function enableBatching(reducer) {
return function batchingReducer(state, action) {
switch (action.type) {
case 'BATCH_ACTIONS':
return action.actions.filter(isNotFunction).reduce(batchingReducer, state);
default:
return reducer(state, action);
}
};
}
const contentFilter = createFilter('content', ['positions', 'history']);
const fileInfoFilter = createFilter('fileInfo', [
'fileListPublishedSort',
'fileListDownloadedSort',
'fileListSubscriptionSort',
]);
const appFilter = createFilter('app', ['hasClickedComment', 'searchOptionsExpanded']);
2018-04-18 06:03:01 +02:00
// We only need to persist the receiveAddress for the wallet
const walletFilter = createFilter('wallet', ['receiveAddress']);
2019-02-18 18:24:56 +01:00
const searchFilter = createFilter('search', ['options']);
2019-07-02 23:00:05 +02:00
const tagsFilter = createFilter('tags', ['followedTags']);
2019-07-01 06:35:36 +02:00
const whiteListedReducers = [
// @if TARGET='app'
'publish',
'wallet',
2019-07-23 10:05:51 +02:00
// 'fileInfo',
2019-07-01 06:35:36 +02:00
// @endif
'content',
'subscriptions',
'app',
'search',
'tags',
];
2019-07-02 23:00:05 +02:00
2019-07-23 10:05:51 +02:00
const transforms = [
// @if TARGET='app'
walletFilter,
contentFilter,
fileInfoFilter,
// @endif
appFilter,
searchFilter,
tagsFilter,
createCompressor(),
];
const persistOptions = {
2019-07-23 10:05:51 +02:00
key: 'v0',
storage: localForage,
stateReconciler: autoMergeLevel2,
2019-07-01 06:35:36 +02:00
whitelist: whiteListedReducers,
// Order is important. Needs to be compressed last or other transforms can't
// read the data
2019-07-23 10:05:51 +02:00
transforms,
};
2017-04-07 07:15:22 +02:00
2019-07-23 10:05:51 +02:00
let history;
// @if TARGET='app'
history = createHashHistory();
// @endif
// @if TARGET='web'
history = createBrowserHistory();
// @endif
const rootReducer = createRootReducer(history);
const persistedReducer = persistReducer(persistOptions, rootReducer);
const bulkThunk = createBulkThunkMiddleware();
const middleware = [routerMiddleware(history), thunk, bulkThunk];
const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;
const store = createStore(
enableBatching(persistedReducer),
{}, // initial state
composeEnhancers(applyMiddleware(...middleware))
);
const persistor = persistStore(store);
window.persistor = persistor;
2017-12-08 21:14:35 +01:00
2019-07-23 10:05:51 +02:00
export { store, persistor, history, whiteListedReducers };