Source code
Revision control
Copy as Markdown
Other Tools
/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
/* global window */
/**
* Redux store utils
* @module utils/create-store
*/
import {
createStore,
applyMiddleware,
} from "devtools/client/shared/vendor/redux";
import { waitUntilService } from "./middleware/wait-service";
import { log } from "./middleware/log";
import { promise } from "./middleware/promise";
import { thunk } from "./middleware/thunk";
import { timing } from "./middleware/timing";
import { context } from "./middleware/context";
/**
* @memberof utils/create-store
* @static
*/
/**
* This creates a dispatcher with all the standard middleware in place
* that all code requires. It can also be optionally configured in
* various ways, such as logging and recording.
*
* @param {object} opts:
* - log: log all dispatched actions to console
* - history: an array to store every action in. Should only be
* used in tests.
* - middleware: array of middleware to be included in the redux store
* @memberof utils/create-store
* @static
*/
const configureStore = (opts = {}) => {
const middleware = [
thunk(opts.makeThunkArgs),
context,
promise,
// Order is important: services must go last as they always
// operate on "already transformed" actions. Actions going through
// them shouldn't have any special fields like promises, they
// should just be normal JSON objects.
waitUntilService,
];
if (opts.middleware) {
opts.middleware.forEach(fn => middleware.push(fn));
}
if (opts.log) {
middleware.push(log);
}
if (opts.timing) {
middleware.push(timing);
}
// Hook in the redux devtools browser extension if it exists
const devtoolsExt =
typeof window === "object" && window.devToolsExtension
? window.devToolsExtension()
: f => f;
return applyMiddleware(...middleware)(devtoolsExt(createStore));
};
export default configureStore;