PromucFlow_constructor/app/client/src/store.ts
2021-08-27 14:55:28 +05:30

48 lines
1.4 KiB
TypeScript

import { reduxBatch } from "@manaflair/redux-batch";
import { createStore, applyMiddleware, compose } from "redux";
import {
useSelector as useReduxSelector,
TypedUseSelectorHook,
} from "react-redux";
import appReducer, { AppState } from "./reducers";
import createSagaMiddleware from "redux-saga";
import { rootSaga } from "sagas";
import { composeWithDevTools } from "redux-devtools-extension/logOnlyInProduction";
import * as Sentry from "@sentry/react";
import { ReduxActionTypes } from "constants/ReduxActionConstants";
const sagaMiddleware = createSagaMiddleware();
const sentryReduxEnhancer = Sentry.createReduxEnhancer({
actionTransformer: (action) => {
if (
action.type === ReduxActionTypes.SET_EVALUATED_TREE ||
action.type === ReduxActionTypes.EXECUTE_PLUGIN_ACTION_SUCCESS
) {
// Return null to not log the action to Sentry
action.payload = null;
}
return action;
},
});
export default createStore(
appReducer,
composeWithDevTools(
reduxBatch,
applyMiddleware(sagaMiddleware),
reduxBatch,
sentryReduxEnhancer,
),
);
export const testStore = (initialState: Partial<AppState>) =>
createStore(
appReducer,
initialState,
compose(reduxBatch, applyMiddleware(sagaMiddleware), reduxBatch),
);
sagaMiddleware.run(rootSaga);
export const useSelector: TypedUseSelectorHook<AppState> = useReduxSelector;