steal the store from redux

Author: mariusandra

src/store/reducer.js

@@ -1,15 +1,22 @@
 import { combineReducers } from 'redux'
 
+export const ATTACH_REDUCER = '@KEA/ATTACH_REDUCER'
+
 // worker functions are loaded globally, reducers locally in store
 let defaultReducerRoot = null
 
 // all reducers that are created
 let reducerTree = {}
 let rootReducers = {}
-let syncedWithStore = {}
+let syncedWithStore = {} // TODO: remove?
+let store
 
 const defaultState = {}
 
+export function attachStore (storeReference) {
+  store = storeReference
+}
+
 export function clearReducerCache () {
   defaultReducerRoot = null
   reducerTree = {}
@@ -78,6 +85,7 @@ export function addReducer (path, reducer) {
   }
 
   regenerateRootReducer(pathStart)
+  store && store.dispatch({ type: ATTACH_REDUCER, payload: { path, reducer } })
 }
 
 export function regenerateRootReducer (pathStart) {

src/store/store.js

@@ -1,6 +1,6 @@
 import { createStore, applyMiddleware, combineReducers, compose } from 'redux'
 
-import { keaReducer } from './reducer'
+import { keaReducer, attachStore } from './reducer'
 // import { globalPlugins, activatePlugin } from '../plugins'
 
 const reduxDevToolsCompose = typeof window !== 'undefined' && window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__
@@ -51,6 +51,11 @@ export function getStore (opts = {}) {
   // create store
   const store = finalCreateStore(combinedReducers, Object.assign({}, options.preloadedState))
 
+  // give kea direct access to this store
+  // we need this to dispatch hydration actions when new kea logic stores are
+  // injected together with react components
+  attachStore(store)
+
   // // run post-hooks
   // globalPlugins.afterReduxStore.forEach(f => f(options, store))