1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
|
/* 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
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
"use strict";
const {
combineReducers,
createStore,
applyMiddleware,
} = require("resource://devtools/client/shared/vendor/redux.js");
const {
thunk,
} = require("resource://devtools/client/shared/redux/middleware/thunk.js");
const {
waitUntilService,
} = require("resource://devtools/client/shared/redux/middleware/wait-service.js");
const {
task,
} = require("resource://devtools/client/shared/redux/middleware/task.js");
const {
promise,
} = require("resource://devtools/client/shared/redux/middleware/promise.js");
const flags = require("resource://devtools/shared/flags.js");
loader.lazyRequireGetter(
this,
"log",
"resource://devtools/client/shared/redux/middleware/log.js",
true
);
/**
* 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:
* - enableTaskMiddleware: if true, include the task middleware
* - log: log all dispatched actions to console
* - middleware: array of middleware to be included in the redux store
* - thunkOptions: object that will be spread within a {dispatch, getState} object,
* that will be passed in each thunk action.
*/
const createStoreWithMiddleware = (opts = {}) => {
const middleware = [];
if (opts.enableTaskMiddleware) {
middleware.push(task);
}
middleware.push(
thunk(opts.thunkOptions),
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);
}
return applyMiddleware(...middleware)(createStore);
};
module.exports = (
reducers,
{
shouldLog = false,
initialState = undefined,
thunkOptions,
enableTaskMiddleware = false,
} = {}
) => {
const reducer =
typeof reducers === "function" ? reducers : combineReducers(reducers);
const store = createStoreWithMiddleware({
enableTaskMiddleware,
log: flags.testing && shouldLog,
thunkOptions,
})(reducer, initialState);
return store;
};
|
