use theme name from config

Author: Jason Maurer

src/core/compiler.js

@@ -19,7 +19,7 @@ module.exports = async (env, props) => {
     entry: {
       main: [
         isDev && 'webpack-hot-middleware/client',
-        `${THEMES_DIR}/browser.js`,
+        `${THEMES_DIR}/${props.config.theme}/index.js`,
       ].filter(Boolean),
     },
     output: {

themes/default/application/index.js

@@ -5,7 +5,7 @@ import Header from '../header'
 import Sidebar from '../sidebar'
 import Page from '../page'
 import NotFound from '../not-found'
-import Routes from '../../routes'
+import Routes from '../routes'
 import styles from './styles'
 
 export default class extends Component {

themes/browser.js renamed to themes/default/index.js

@@ -2,7 +2,7 @@ import React from 'react'
 import ReactDOM from 'react-dom'
 import { BrowserRouter } from 'react-router-dom'
 // import { rehydrate } from 'glamor'
-import App from './'
+import App from './application'
 
 const render = process.env.NODE_ENV === 'production'
   ? ReactDOM.hydrate

themes/markdown.js renamed to themes/default/markdown.js

@@ -1,6 +1,6 @@
 import React, { Component } from 'react'
 import Helmet from 'react-helmet'
-import Markdown from '../../markdown'
+import Markdown from '../markdown'
 import Loading from '../loading'
 import styles from './styles'
 

themes/default/page/index.js

@@ -1,8 +1,10 @@
 import React from 'react'
 import { StaticRouter } from 'react-router-dom'
-import App from './'
 
 export default function (route, props) {
+  const { theme } = props.config
+  const App = require(`./${theme}/application`).default
+
   return (
     <StaticRouter
       context={{}}