This repository has been archived by the owner on May 17, 2019. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 17
/
browser.js
70 lines (66 loc) · 2.09 KB
/
browser.js
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
/** Copyright (c) 2018 Uber Technologies, Inc.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
/* eslint-env browser */
/* globals __REDUX_DEVTOOLS_EXTENSION__ */
import React from 'react';
import {createPlugin, unescape} from 'fusion-core';
import {Provider} from 'react-redux';
import {compose, createStore} from 'redux';
import ctxEnhancer from './ctx-enhancer';
import {ReducerToken, PreloadedStateToken, EnhancerToken} from './tokens.js';
export default () => {
let storeCache = null;
return createPlugin({
deps: {
reducer: ReducerToken,
preloadedState: PreloadedStateToken.optional,
enhancer: EnhancerToken.optional,
},
provides({reducer, preloadedState, enhancer}) {
class Redux {
constructor(ctx) {
if (storeCache) {
this.store = storeCache;
} else {
// We only use initialState for client-side hydration
// The real initial state should be derived from the reducer and the @@INIT action
if (!preloadedState) {
const stateElement = document.getElementById('__REDUX_STATE__');
if (stateElement) {
preloadedState = JSON.parse(unescape(stateElement.textContent));
}
}
const devTool =
__DEV__ &&
window.__REDUX_DEVTOOLS_EXTENSION__ &&
__REDUX_DEVTOOLS_EXTENSION__();
const enhancers = [enhancer, ctxEnhancer(ctx), devTool].filter(
Boolean
);
this.store = createStore(
reducer,
preloadedState,
compose(...enhancers)
);
storeCache = this.store;
}
}
}
return {
from: ctx => {
return new Redux(ctx);
},
};
},
middleware(_, redux) {
return (ctx, next) => {
const {store} = redux.from(ctx);
ctx.element = <Provider store={store}>{ctx.element}</Provider>;
return next();
};
},
});
};