41 lines
1.0 KiB
JavaScript
41 lines
1.0 KiB
JavaScript
|
import React from 'react'
|
||
|
|
import { render } from 'react-dom'
|
||
|
|
import { compose, createStore, applyMiddleware } from 'redux'
|
||
|
|
import reducers from './reducers'
|
||
|
|
import DevTools from './DevTools'
|
||
|
|
import { AppContainer } from 'react-hot-loader'
|
||
|
|
import debounceFormChangeActions from './debounceFormChangeActions'
|
||
|
|
import computeThemeColours from './components/themeColours'
|
||
|
|
import { getIframeOption, getUrl } from './utils'
|
||
|
|
|
||
|
|
import App from './containers/App.dev'
|
||
|
|
|
||
|
|
let initialStore = {
|
||
|
|
iframe: getUrl().includes('iframe'),
|
||
|
|
themeColours: computeThemeColours(getIframeOption('couleur'))
|
||
|
|
}
|
||
|
|
|
||
|
|
let enhancer = compose(
|
||
|
|
applyMiddleware(debounceFormChangeActions()),
|
||
|
|
DevTools.instrument()
|
||
|
|
)
|
||
|
|
|
||
|
|
let store = createStore(reducers, initialStore, enhancer)
|
||
|
|
let anchor = document.querySelector('#js')
|
||
|
|
|
||
|
|
render(<App store={store} />, anchor)
|
||
|
|
|
||
|
|
// Hot react component reloading. Unstable but helpful.
|
||
|
|
if (module.hot) {
|
||
|
|
module.hot.accept('./containers/App.dev', () => {
|
||
|
|
render(
|
||
|
|
<AppContainer>
|
||
|
|
<App store={store} />
|
||
|
|
</AppContainer>,
|
||
|
|
anchor
|
||
|
|
)
|
||
|
|
})
|
||
|
|
}
|
||
|
|
|
||
|
|
export { anchor }
|