mirror of
https://github.com/betagouv/mon-entreprise
synced 2025-02-08 22:15:02 +00:00
cb1bdb2b5b
On compile maintenant pour les navigateurs récents (qui supportent les modules es6. On ajoute une config de build pour les browser legacy (ie11). Cela permet : - De ne plus être dépendant de polyfill.io (qui nous a claqué dans les doigts et a peté la prod) - D'avoir un JS transpilé plus léger et plus proche du code écrit pour les navigateurs récents - De pouvoir ajuster le build en fonction du navigateur (on ajoute pas le serviceWorker dans IE par exemple. A l'inverse, on pourrait multiplier le nombre de bundle pour tirer profit de HTTP2)
95 lines
2.8 KiB
JavaScript
95 lines
2.8 KiB
JavaScript
import { ThemeColoursProvider } from 'Components/utils/withColours'
|
|
import { SitePathProvider } from 'Components/utils/withSitePaths'
|
|
import { TrackerProvider } from 'Components/utils/withTracker'
|
|
import createHistory from 'history/createBrowserHistory'
|
|
import i18next from 'i18next'
|
|
import React, { PureComponent } from 'react'
|
|
import { I18nextProvider } from 'react-i18next'
|
|
import { Provider as ReduxProvider } from 'react-redux'
|
|
import { Router } from 'react-router-dom'
|
|
import reducers from 'Reducers/rootReducer'
|
|
import { applyMiddleware, compose, createStore } from 'redux'
|
|
import { enableBatching } from 'redux-batched-actions'
|
|
import thunk from 'redux-thunk'
|
|
import { getIframeOption, inIframe } from './utils'
|
|
|
|
const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose
|
|
|
|
if (
|
|
process.env.NODE_ENV === 'production' &&
|
|
'serviceWorker' in navigator &&
|
|
!inIframe()
|
|
) {
|
|
window.addEventListener('load', () => {
|
|
navigator.serviceWorker
|
|
.register('/sw.js')
|
|
.then(registration => {
|
|
console.log('SW registered: ', registration)
|
|
})
|
|
.catch(registrationError => {
|
|
console.log('SW registration failed: ', registrationError)
|
|
})
|
|
})
|
|
}
|
|
|
|
export default class Provider extends PureComponent {
|
|
constructor(props) {
|
|
super(props)
|
|
this.history = createHistory({
|
|
basename: process.env.NODE_ENV === 'production' ? '' : this.props.basename
|
|
})
|
|
this.props.tracker?.connectToHistory(this.history)
|
|
const storeEnhancer = composeEnhancers(
|
|
applyMiddleware(
|
|
// Allows us to painlessly do route transition in action creators
|
|
thunk.withExtraArgument({
|
|
history: this.history,
|
|
sitePaths: this.props.sitePaths
|
|
}),
|
|
...props.reduxMiddlewares
|
|
)
|
|
)
|
|
if (this.props.language) {
|
|
i18next.changeLanguage(this.props.language)
|
|
if (this.props.initialStore)
|
|
this.props.initialStore.lang = this.props.language
|
|
}
|
|
this.store = createStore(
|
|
enableBatching(reducers),
|
|
this.props.initialStore,
|
|
storeEnhancer
|
|
)
|
|
this.props.onStoreCreated && this.props.onStoreCreated(this.store)
|
|
|
|
// Remove loader
|
|
var css = document.createElement('style')
|
|
css.type = 'text/css'
|
|
css.innerHTML = `
|
|
#js {
|
|
opacity: 1 !important;
|
|
transform: translateY(0px) !important;
|
|
}
|
|
#lds-ellipsis {
|
|
display: none !important;
|
|
}`
|
|
document.body.appendChild(css)
|
|
}
|
|
render() {
|
|
return (
|
|
// If IE < 11 display nothing
|
|
<ReduxProvider store={this.store}>
|
|
<ThemeColoursProvider colour={getIframeOption('couleur')}>
|
|
<TrackerProvider value={this.props.tracker}>
|
|
<SitePathProvider value={this.props.sitePaths}>
|
|
<I18nextProvider i18n={i18next}>
|
|
<Router history={this.history}>
|
|
<>{this.props.children}</>
|
|
</Router>
|
|
</I18nextProvider>
|
|
</SitePathProvider>
|
|
</TrackerProvider>
|
|
</ThemeColoursProvider>
|
|
</ReduxProvider>
|
|
)
|
|
}
|
|
}
|