Cleanup and file reorganization

2017-02-20 19:33:39 +01:00
parent 6cfd53a47a
commit 9f33c7a8ca
30 changed files with 176 additions and 446 deletions
--- a/js/server.js
+++ b/js/server.js
@@ -0,0 +1,52 @@
+import React from 'react';
+import { renderToString } from 'react-dom/server';
+import { createStore } from 'redux';
+import { Provider } from 'react-redux';
+
+import App from './components/App';
+
+const appReducer = (state = {}, action) => {
+  return state;
+}
+
+export const renderPage = (radar, pageName) => {
+  // Create a new Redux store instance
+  const store = createStore(appReducer, {
+    ...radar,
+    pageName
+  });
+
+  // Render the component to a string
+  const html = renderToString(
+    <Provider store={store}>
+      <App />
+    </Provider>
+  )
+
+  // Grab the initial state from our Redux store
+  const preloadedState = store.getState()
+
+  // Send the rendered page back to the client
+  return renderFullPage(html, preloadedState);
+
+  // Save file
+  // return save(fullHtml, pageName);
+}
+
+const renderFullPage = (html, preloadedState) => {
+  return `
+  <html>
+    <head>
+      <title>AOE Technology Radar - AOE Tech Radar</title>
+      <link rel="stylesheet" href="/styles.css"/>
+    </head>
+    <body>
+      <div id="root">${html}</div>
+      <script>
+        window.__TECHRADAR__ = ${JSON.stringify(preloadedState)}
+      </script>
+      <script src="/bundle.js"></script>
+    </body>
+  </html>
+    `
+}