feat: add config option to use the react-router HashRouter

Author: ephys

src/framework/client/_react-router.js

@@ -0,0 +1,19 @@
+// @flow
+
+// this module is ran on node before webpack bundles it.
+
+/* eslint-disable import/no-commonjs */
+
+// need to import from /lib (the version in which webpack is running) otherwise it will use /es
+const config = require('../../../lib/shared/framework-config');
+
+module.exports = function getRouteDeclarations() {
+
+  const routerKey = config.default.routingType === 'hash' ? 'HashRouter' : 'BrowserRouter';
+
+  return {
+    code: `
+      export { ${routerKey} as Router } from 'react-router-dom';
+    `,
+  };
+};

src/framework/client/init-render.js

@@ -1,23 +1,22 @@
+// @flow
+
 import React from 'react';
 import ReactDOM from 'react-dom';
-import { createBrowserHistory } from 'history';
-import { Router } from 'react-router-dom';
 import { CookiesProvider } from 'react-cookie';
 import serverStyleCleanup from 'node-style-loader/clientCleanup';
 import { loadableReady } from '@loadable/component';
+import { Router } from 'val-loader!./_react-router';
 import { getDefault } from '../../shared/util/ModuleUtil';
 import ReworkRootComponent from '../app/ReworkRootComponent';
 import { rootRoute } from '../common/kernel';
 import BrowserLanguageProvider from './browser-language-provider';
 import ClientHooks from './client-hooks';
 
-// TODO: support hashHistory somehow (cli option ?)
-
 let rootComponent = (
   <BrowserLanguageProvider>
     <CookiesProvider>
       <ReworkRootComponent>
-        <Router history={createBrowserHistory()}>
+        <Router>
           {rootRoute}
         </Router>
       </ReworkRootComponent>

src/shared/framework-config/framework-config-type.js

@@ -5,6 +5,9 @@ export type FrameworkPluginConfig = {
 };
 
 export type FrameworkConfigStruct = {
+
+  routingType: 'browser' | 'hash',
+
   directories: {
     logs: string,
     build: string,

src/shared/framework-config/index.js

@@ -40,6 +40,7 @@ function getUserConfig() {
 
 function normalizeConfig(config: Object) {
   const schema = Joi.object().keys({
+    routingType: Joi.string().valid(['browser', 'hash']).default('browser'),
     routes: Joi.string().default('src/**/*.route.js'),
     'entry-react': Joi.string().allow(null).default(null),
     'render-html': Joi.string().allow(null).default(null),