dbecdc5618
* feat(seed): Add modern challenge * chore(react): Use prop-types package * feat: Initial refactor to redux-first-router BREAKING CHANGE: Everything is different! * feat: First rendering * feat(routes): Challenges view render but failing * fix(Challenges): Remove contain HOC * fix(RFR): Add params selector * fix(RFR): :en should be :lang * fix: Update berks utils for redux * fix(Map): Challenge link to arg * fix(Map): Add trailing slash to map page * fix(RFR): Use FCC Link Use fcc Link to get around issue of lang being undefined * fix(Router): Link to is required * fix(app): Rely on RFR state for app lang * chore(RFR): Remove unused RFR Link * fix(RFR): Hydrate initial challenge using RFR and RO * fix: Casing issue * fix(RFR): Undefined links * fix(RFR): Use onRoute<name> convention for route types * feat(server/react): Add helpful redux logging/throwing * fix(server/react): Strip out nonjson from state This prevents thunks in routesMap from breaking serialization * fix(RFR/Link): Should accept any renderable * fix(RFR): Get redirects working * fix(RFR): Redirects and not found's * fix(Map): Move challenge onClick handler * fix(Map): Allow Router.link to handle clicks after onClick * fix(routes): Remove react-router-redux * feat(Router): Add lang to all route actions by default * fix(entities): Only fetch challenge if not already loaded * fix(Files): Move files to own feature * chore(Challenges): Remove vestigial hints logic * fix(RFR): Update challenges on route challenges * fix(code-storage): Should use events instead of commands * fix(Map): ClickOnMap should not hold on to event * chore(lint): Use eslint-config-freecodecamp Closes #15938 * feat(Panes): Update panes on route instead of render * fix(Panes): Store panesmap and update on fetchchallenges * fix(Panes): Normalize panesmaps * fix(Panes): Remove filter from createpanemap * fix(Panes): Middleware on location meta object * feat(Panes): Filter preview on nonhtml challenges * build(babel): Add lodash babel plugin * chore(lint): Lint js files * fix(server/user-stats): Remove use of lodash chain this interferes with babel-plugin-lodash * feat(dev): Add remote redux devtools for ssr * fix(Panes): Dispatch mount action this is needed to trigger window/divider epics * fix(Panes): Getpane to use new panesmap format * fix(Panes): Always update panes after state this lets the panes logic be affected by changes in state
79 lines
2.2 KiB
JavaScript
79 lines
2.2 KiB
JavaScript
import './es6-shims';
|
|
import Rx from 'rx';
|
|
import debug from 'debug';
|
|
import { render } from 'redux-epic';
|
|
import createHistory from 'history/createBrowserHistory';
|
|
import useLangRoutes from './utils/use-lang-routes';
|
|
import sendPageAnalytics from './utils/send-page-analytics';
|
|
import flashToToast from './utils/flash-to-toast';
|
|
|
|
import { App, createApp, provideStore } from '../common/app';
|
|
import { getLangFromPath } from '../common/app/utils/lang';
|
|
|
|
// client specific epics
|
|
import epics from './epics';
|
|
|
|
import {
|
|
isColdStored,
|
|
getColdStorage,
|
|
saveToColdStorage
|
|
} from './cold-reload';
|
|
|
|
const isDev = Rx.config.longStackSupport = debug.enabled('fcc:*');
|
|
const log = debug('fcc:client');
|
|
const hotReloadTimeout = 2000;
|
|
const { csrf: { token: csrfToken } = {} } = window.__fcc__;
|
|
const DOMContainer = document.getElementById('fcc');
|
|
const defaultState = isColdStored() ?
|
|
getColdStorage() :
|
|
window.__fcc__.data;
|
|
const primaryLang = getLangFromPath(window.location.pathname);
|
|
|
|
defaultState.app.csrfToken = csrfToken;
|
|
defaultState.toasts = flashToToast(window.__fcc__.flash);
|
|
|
|
// make empty object so hot reload works
|
|
window.__fcc__ = {};
|
|
|
|
const serviceOptions = { xhrPath: '/services', context: { _csrf: csrfToken } };
|
|
|
|
const history = useLangRoutes(createHistory, primaryLang)();
|
|
sendPageAnalytics(history, window.ga);
|
|
|
|
const devTools = window.devToolsExtension ? window.devToolsExtension() : f => f;
|
|
|
|
const epicOptions = {
|
|
isDev,
|
|
window,
|
|
document: window.document,
|
|
location: window.location,
|
|
history: window.history
|
|
};
|
|
|
|
createApp({
|
|
history,
|
|
serviceOptions,
|
|
defaultState,
|
|
epics,
|
|
epicOptions,
|
|
enhancers: [ devTools ]
|
|
})
|
|
.doOnNext(({ store }) => {
|
|
if (module.hot && typeof module.hot.accept === 'function') {
|
|
module.hot.accept(err => {
|
|
if (err) { console.error(err); }
|
|
log('saving state and refreshing.');
|
|
log('ignore react ssr warning.');
|
|
saveToColdStorage(store.getState());
|
|
setTimeout(() => window.location.reload(), hotReloadTimeout);
|
|
});
|
|
}
|
|
})
|
|
.doOnNext(() => log('rendering'))
|
|
.flatMap(({ store }) => render(provideStore(App, store), DOMContainer))
|
|
.subscribe(
|
|
() => debug('react rendered'),
|
|
err => { throw err; },
|
|
() => debug('react closed subscription')
|
|
);
|