WIP - Force trailing slash

src/index.js

@@ -5,32 +5,48 @@ import 'file?name=index.html!../example/index.html';
 import 'react-toolbox/lib/commons.scss';
 import Root from './root';
 import registry from './lib/registry';
+import { forceTrailingSlash } from './lib/pathHelper';
 import './index.css';
 
 if (process.env.NODE_ENV !== 'production') {
   require('./utils.css'); // eslint-disable-line
 }
 
-// Create mount element dynamically
-const el = document.createElement('div');
-el.id = 'root';
-document.body.appendChild(el);
+const fixUrl = (pathname) => {
+  window.location.href = 
+      `${ window.location.protocol }//${ window.location.host }${ pathname }` 
+    + `${ window.location.search }${ window.location.hash }`;
+};
 
-render((
-  <AppContainer>
-    <Root />
-  </AppContainer>
-), el);
+const init = () => {
+  // Create mount element dynamically
+  const el = document.createElement('div');
+  el.id = 'root';
+  document.body.appendChild(el);
 
-if (process.env.NODE_ENV !== 'production' && module.hot) {
-  module.hot.accept('./root', () => {
-    const NextRoot = require('./root').default; // eslint-disable-line
-    render((
-      <AppContainer>
-        <NextRoot />
-      </AppContainer>
-    ), el);
-  });
+  render((
+    <AppContainer>
+      <Root />
+    </AppContainer>
+  ), el);
+
+  if (process.env.NODE_ENV !== 'production' && module.hot) {
+    module.hot.accept('./root', () => {
+      const NextRoot = require('./root').default; // eslint-disable-line
+      render((
+        <AppContainer>
+          <NextRoot />
+        </AppContainer>
+      ), el);
+    });
+  }
+};
+
+const fixedPathname = forceTrailingSlash(window.location.pathname);
+if (fixedPathname !== window.location.pathname) {
+  fixUrl(fixedPathname);
+} else {
+  init();
 }
 
 const buildtInPlugins = [{

src/lib/__tests__/pathHelper.spec.js

@@ -0,0 +1,33 @@
+import { forceTrailingSlash } from '../pathHelper';
+
+describe('forceTrailingSlash', () => {
+  it('should NOT fix a good path', () => {
+    expect(
+      forceTrailingSlash('/admin/')
+    ).toEqual(
+      '/admin/'
+    );
+  });
+
+  it('should add a trailing slash to a path without one', () => {
+    expect(
+      forceTrailingSlash('/admin')
+    ).toEqual(
+      '/admin/'
+    );
+  });
+
+  it('should remove all trailing but one slashes from a path ending in multiple slashes', () => {
+    expect(
+      forceTrailingSlash('/admin//')
+    ).toEqual(
+      '/admin/'
+    );
+
+    expect(
+      forceTrailingSlash('/admin///')
+    ).toEqual(
+      '/admin/'
+    );
+  });
+});

src/lib/pathHelper.js

@@ -1,6 +1,11 @@
 const absolutePath = new RegExp('^(?:[a-z]+:)?//', 'i');
 const normalizePath = path => path.replace(/[\\\/]+/g, '/');
 
+// Fix path to have a single trailing slash
+export function forceTrailingSlash(basePath) {
+  return basePath.replace(/\/*$/, '/');
+}
+
 export function resolvePath(path, basePath) { // eslint-disable-line
   // No path provided, skip
   if (!path) return null;