.eslintignore

@@ -1,4 +1,4 @@
 node_modules/
-public/bundle
+exports/
 index.js
-test
+test/

client/index.js

@@ -6,10 +6,11 @@ import { BrowserRouter } from 'react-router-dom';
 import Reducer from 'reducers';
 import createSagaMiddleware from 'redux-saga';
 import rootSaga  from 'sagas';
-
 import GAListener from 'components/GAListener';
 import App from './app';
 
+const siteConfig = require('siteConfig.js');
+
 // get the state from a global variable injected into the server-generated HTML
 const preloadedState = window.__PRELOADED_STATE__ || null;
 
@@ -21,7 +22,7 @@ const sagaMiddleware = createSagaMiddleware();
 const middleware = applyMiddleware(sagaMiddleware);
 const reduxMiddleware = window.__REDUX_DEVTOOLS_EXTENSION__ ? compose(middleware, window.__REDUX_DEVTOOLS_EXTENSION__()) : middleware;
 
-// create teh store
+// create the store
 let store;
 if (preloadedState) {
   store = createStore(Reducer, preloadedState, reduxMiddleware);
@@ -29,6 +30,11 @@ if (preloadedState) {
   store = createStore(Reducer, reduxMiddleware);
 }
 
+function Client () {
+  this.configureSiteDetails = (userConfig) => {
+    siteConfig.update(userConfig);
+  };
+  this.start = () => {
     // run the saga middlweare
     sagaMiddleware.run(rootSaga);
 
@@ -43,3 +49,7 @@ hydrate(
       </Provider>,
       document.getElementById('react-app')
     );
+  };
+};
+
+module.exports = Client;

client/utils/dynamicImport.js

@@ -2,7 +2,6 @@ const { customComponents } = require('siteConfig.js');
 
 function getDeepestChildValue (parent, childrenKeys) {
   if (!parent[childrenKeys[0]]) {
-    console.log('NO PAGE FOUND FOR:', childrenKeys[0], 'in', parent);
     return null;
   }
   let childKey = childrenKeys.shift(); // .shift() retrieves the first element of array and removes it from array
@@ -24,6 +23,7 @@ export const dynamicImport = (filePath) => {
     throw new Error('file path provided to dynamicImport() must be a string');
   }
   if (!customComponents) {
+    console.log('No customComponents found in siteConfig.js');
     return null;
   }
   // split out the file folders  // filter out any empty or white-space-only strings
@@ -32,8 +32,10 @@ export const dynamicImport = (filePath) => {
   // i.e. customComponents[folders[0]][folders[2][...][folders[n]]
   const component = getDeepestChildValue(customComponents, folders);
   if (component) {
-    return component;  // return custom component
+    console.log('Found custom component:', component);
+    return component;
   } else {
+    console.log('Found custom component:', component);
     return null;
   }
 };

webpack.client.common.js

@@ -6,9 +6,9 @@ module.exports = {
   target: 'web',
   entry : ['babel-polyfill', 'whatwg-fetch', './client/index.js'],
   output: {
-    path      : Path.join(__dirname, 'public/bundle/'),
+    path      : Path.join(__dirname, 'exports/'),
-    publicPath: 'public/bundle/',
+    publicPath: 'exports/',
-    filename  : 'bundle.js',
+    filename  : 'clientBundle.js',
   },
   module: {
     loaders: [

webpack.config.js

@@ -1,7 +1,7 @@
 const packageBaseConfig = require('./webpack.package.common.js');
-const clientBaseConfig = require('./webpack.client.common.js');
+// const clientBaseConfig = require('./webpack.client.common.js');
 
 module.exports = [
-  clientBaseConfig,
+  // clientBaseConfig,
   packageBaseConfig,
 ];

webpack.package.common.js

@@ -10,11 +10,11 @@ module.exports = {
     __dirname: false,
   },
   externals: [nodeExternals()],
-  entry    : ['babel-polyfill', 'whatwg-fetch', './speech.js'],
+  entry    : ['babel-polyfill', 'whatwg-fetch', './speechPackage.js'],
   output   : {
-    path         : Path.join(__dirname, '/'),
+    path         : Path.join(__dirname, 'exports/'),
-    publicPath   : '/',
+    publicPath   : 'exports/',
-    filename     : 'index.js',
+    filename     : 'nodeBundle.js',
     library      : '',
     libraryTarget: 'commonjs-module',
   },