Add static routing

Author: johno

.gitignore

@@ -1,5 +1,4 @@
 node_modules
-npm-debug.log
+dist
 .DS_STORE
 *.swp
-tmp

package.json

@@ -5,7 +5,7 @@
   "description": "Documentation for Tachyons -- a performant, mobile-first, and 100% responsive modular css framework.",
   "scripts": {
     "start": "x0 dev src/App.js -o",
-    "build": "x0 build src/App.js",
+    "build": "x0 build src/App.js -sd dist",
     "prepare": "node modules"
   },
   "repository": "tachyons-css/docs",
@@ -101,5 +101,12 @@
   ],
   "devDependencies": {
     "@compositor/x0": "^3.0.2"
+  },
+  "x0": {
+    "routes": [
+      "/",
+      "/docs",
+      "/docs/table-of-styles"
+    ]
   }
 }

src/App.js

@@ -1,21 +1,24 @@
 import React from 'react'
 
 import {
-  BrowserRouter as Router,
+  BrowserRouter,
+  StaticRouter,
   Route
 } from 'react-router-dom'
 
+const Router = typeof document === 'undefined' ? StaticRouter : BrowserRouter
+
 import withData from './withData'
 import Layout from './Layout'
 import Home from './Home'
 import Docs from './Docs'
 
 const App = props =>
-  <Router>
+  <Router location={props.pathname}>
     <Layout {...props}>
       <Route exact path='/' component={withData(Home)} />
-      <Route path='/docs' component={Docs} />
+      <Route path='/docs' component={withData(Docs)} />
     </Layout>
   </Router>
 
-export default App
+export default withData(App)

src/Layout.js

@@ -4,15 +4,15 @@ import Header from './Header'
 import Footer from './Footer'
 
 export default ({
-  title = 'Tachyons - Css Toolkit',
+  title = 'TACHYONS - Css Toolkit',
   version,
   children
 }) =>
   <div className='w-100 sans-serif'>
     <title>{title}</title>
     <link
       rel='stylesheet'
-      href={`https://unpkg.com/tachyons/css/tachyons.min.css`}
+      href='https://unpkg.com/tachyons/css/tachyons.min.css'
     />
 
     <Header version={version} />

src/withData.js

@@ -5,7 +5,7 @@ import data from '../data.json'
 
 export default Component => props =>
   <Component
-    version={version}
     {...props}
     {...data}
+    version={version}
   />