import { createStore, compose, applyMiddleware, combineReducers, Reducer, ReducersMapObject, Middleware, Action, AnyAction, StoreEnhancer, Store, DeepPartial, Dispatch } from 'redux' import { composeWithDevTools, EnhancerOptions as DevToolsOptions } from './devtoolsExtension' import isPlainObject from './isPlainObject' import { ThunkMiddlewareFor, curryGetDefaultMiddleware, CurriedGetDefaultMiddleware } from './getDefaultMiddleware' import { DispatchForMiddlewares } from './tsHelpers' const IS_PRODUCTION = process.env.NODE_ENV === 'production' /** * Callback function type, to be used in `ConfigureStoreOptions.enhancers` * * @public */ export type ConfigureEnhancersCallback = ( defaultEnhancers: StoreEnhancer[] ) => StoreEnhancer[] /** * Options for `configureStore()`. * * @public */ export interface ConfigureStoreOptions< S = any, A extends Action = AnyAction, M extends Middlewares = Middlewares > { /** * A single reducer function that will be used as the root reducer, or an * object of slice reducers that will be passed to `combineReducers()`. */ reducer: Reducer | ReducersMapObject /** * An array of Redux middleware to install. If not supplied, defaults to * the set of middleware returned by `getDefaultMiddleware()`. */ middleware?: ((getDefaultMiddleware: CurriedGetDefaultMiddleware) => M) | M /** * Whether to enable Redux DevTools integration. Defaults to `true`. * * Additional configuration can be done by passing Redux DevTools options */ devTools?: boolean | DevToolsOptions /** * The initial state, same as Redux's createStore. * You may optionally specify it to hydrate the state * from the server in universal apps, or to restore a previously serialized * user session. If you use `combineReducers()` to produce the root reducer * function (either directly or indirectly by passing an object as `reducer`), * this must be an object with the same shape as the reducer map keys. */ // NOTE: The needlessly complicated `S extends any ? S : S` instead of just // `S` ensures that the TypeScript compiler doesn't attempt to infer `S` // based on the value passed as `preloadedState`, which might be a partial // state rather than the full thing. preloadedState?: DeepPartial /** * The store enhancers to apply. See Redux's `createStore()`. * All enhancers will be included before the DevTools Extension enhancer. * If you need to customize the order of enhancers, supply a callback * function that will receive the original array (ie, `[applyMiddleware]`), * and should return a new array (such as `[applyMiddleware, offline]`). * If you only need to add middleware, you can use the `middleware` parameter instead. */ enhancers?: StoreEnhancer[] | ConfigureEnhancersCallback } type Middlewares = ReadonlyArray> /** * A Redux store returned by `configureStore()`. Supports dispatching * side-effectful _thunks_ in addition to plain actions. * * @public */ export interface EnhancedStore< S = any, A extends Action = AnyAction, M extends Middlewares = Middlewares > extends Store { /** * The `dispatch` method of your store, enhanced by all its middlewares. * * @inheritdoc */ dispatch: DispatchForMiddlewares & Dispatch } /** * A friendly abstraction over the standard Redux `createStore()` function. * * @param config The store configuration. * @returns A configured Redux store. * * @public */ export function configureStore< S = any, A extends Action = AnyAction, M extends Middlewares = [ThunkMiddlewareFor] >(options: ConfigureStoreOptions): EnhancedStore { const curriedGetDefaultMiddleware = curryGetDefaultMiddleware() const { reducer = undefined, middleware = curriedGetDefaultMiddleware(), devTools = true, preloadedState = undefined, enhancers = undefined } = options || {} let rootReducer: Reducer if (typeof reducer === 'function') { rootReducer = reducer } else if (isPlainObject(reducer)) { rootReducer = combineReducers(reducer) } else { throw new Error( '"reducer" is a required argument, and must be a function or an object of functions that can be passed to combineReducers' ) } const middlewareEnhancer = applyMiddleware( ...(typeof middleware === 'function' ? middleware(curriedGetDefaultMiddleware) : middleware) ) let finalCompose = compose if (devTools) { finalCompose = composeWithDevTools({ // Enable capture of stack traces for dispatched Redux actions trace: !IS_PRODUCTION, ...(typeof devTools === 'object' && devTools) }) } let storeEnhancers: StoreEnhancer[] = [middlewareEnhancer] if (Array.isArray(enhancers)) { storeEnhancers = [middlewareEnhancer, ...enhancers] } else if (typeof enhancers === 'function') { storeEnhancers = enhancers(storeEnhancers) } const composedEnhancer = finalCompose(...storeEnhancers) as any return createStore(rootReducer, preloadedState as any, composedEnhancer) }