From 1a7135096dfdaa152a9375ac8816cbacd712c1ef Mon Sep 17 00:00:00 2001
From: Pomax <pomax@nihongoresources.com>
Date: Sun, 2 Apr 2017 14:34:05 -0700
Subject: [PATCH] .

---
 tools/generate-full-index.js | 32 ++++++++++++++++++++++++++++++++
 1 file changed, 32 insertions(+)
 create mode 100644 tools/generate-full-index.js

diff --git a/tools/generate-full-index.js b/tools/generate-full-index.js
new file mode 100644
index 00000000..15157cb4
--- /dev/null
+++ b/tools/generate-full-index.js
@@ -0,0 +1,32 @@
+/**********************************************************************
+ *
+ *  This script takes the article as generated by webpack, and uses the
+ *  ReactDOMServer library to serialize it to pure HTML markup. This is
+ *  then injected into the index.html template, with code injected to
+ *  load the
+ *
+ **********************************************************************/
+
+var fs = require("fs-extra");
+var path = require("path");
+const BASEDIR = path.join(__dirname, "..");
+
+var React = require("react");
+var Server = require("react-dom/server");
+
+var FullArticle = require(path.join(BASEDIR, "./article")).FullArticle;
+var article = React.createElement(FullArticle, {});
+var staticMarkup = Server.renderToStaticMarkup(article);
+
+// make sure to remove the `<base>` tag from the index, and replace the JSX "className" with "class"
+var html = fs.readFileSync(path.join(BASEDIR, "index.template.html")).toString();
+html = html.replace('    <base href="..">\n', '');
+html = html.replace('<script src="en-GB/article.js');
+html = "<!-- AUTOGENERATED CONTENT, PLEASE EDIT 'index.template.html' INSTEAD! -->\n" + html;
+
+// surgery:
+var parts = html.split('<article>');
+var leadin = parts[0];
+var reassembled = `${leadin}<article>${staticMarkup}</article></body>\n</html>\n`;
+
+fs.writeFileSync(path.join(BASEDIR, "index.full.html"), reassembled);