feat: prep for modern challenges (#15781)

* 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

common/app/Map/redux/index.js

@@ -1,11 +1,12 @@
-import { createTypes } from 'redux-create-types';
-import { createAction, handleActions } from 'redux-actions';
+import {
+  createAction,
+  createTypes,
+  handleActions
+} from 'berkeleys-redux-utils';
 import { createSelector } from 'reselect';
-import identity from 'lodash/identity';
+import noop from 'lodash/noop';
 import capitalize from 'lodash/capitalize';
 
-import selectChallengeEpic from './select-challenge-epic.js';
-
 import * as utils from './utils.js';
 import ns from '../ns.json';
 import {
@@ -13,11 +14,10 @@ import {
   createEventMetaCreator
 } from '../../redux';
 
-export const epics = [
-  selectChallengeEpic
-];
+export const epics = [];
 
 export const types = createTypes([
+  'onRouteMap',
   'initMap',
 
   'toggleThisPanel',
@@ -37,7 +37,7 @@ export const collapseAll = createAction(types.collapseAll);
 export const expandAll = createAction(types.expandAll);
 export const clickOnChallenge = createAction(
   types.clickOnChallenge,
-  identity,
+  noop,
   createEventMetaCreator({
     category: capitalize(ns),
     action: 'click',
@@ -88,42 +88,38 @@ export function makePanelHiddenSelector(name) {
 //     }]
 //   }
 // }
-export default function createReducer() {
-  const reducer = handleActions(
-    {
-      [types.toggleThisPanel]: (state, { payload: name }) => {
-        return {
-          ...state,
-          mapUi: utils.toggleThisPanel(state.mapUi, name)
-        };
-      },
-      [types.collapseAll]: state => {
-        const mapUi = utils.collapseAllPanels(state.mapUi);
-        mapUi.isAllCollapsed = true;
-        return {
-          ...state,
-          mapUi
-        };
-      },
-      [types.expandAll]: state => {
-        const mapUi = utils.expandAllPanels(state.mapUi);
-        mapUi.isAllCollapsed = false;
-        return {
-          ...state,
-          mapUi
-        };
-      },
-      [app.fetchChallenges.complete]: (state, { payload }) => {
-        const { entities, result } = payload;
-        return {
-          ...state,
-          mapUi: utils.createMapUi(entities, result)
-        };
-      }
+export default handleActions(
+  ()=> ({
+    [types.toggleThisPanel]: (state, { payload: name }) => {
+      return {
+        ...state,
+        mapUi: utils.toggleThisPanel(state.mapUi, name)
+      };
     },
-    initialState
-  );
-
-  reducer.toString = () => ns;
-  return reducer;
-}
+    [types.collapseAll]: state => {
+      const mapUi = utils.collapseAllPanels(state.mapUi);
+      mapUi.isAllCollapsed = true;
+      return {
+        ...state,
+        mapUi
+      };
+    },
+    [types.expandAll]: state => {
+      const mapUi = utils.expandAllPanels(state.mapUi);
+      mapUi.isAllCollapsed = false;
+      return {
+        ...state,
+        mapUi
+      };
+    },
+    [app.fetchChallenges.complete]: (state, { payload }) => {
+      const { entities, result } = payload;
+      return {
+        ...state,
+        mapUi: utils.createMapUi(entities, result)
+      };
+    }
+  }),
+  initialState,
+  ns
+);