From f14eb61e5f3ce175202c0f91fd2a41d58fe45f49 Mon Sep 17 00:00:00 2001
From: Brian Vaughn <brian.david.vaughn@gmail.com>
Date: Mon, 6 Nov 2017 13:37:45 +0000
Subject: [PATCH] Removed HTML boilerplate from examples folder to simplify
 build script

---
 examples/index.html |  3 ---
 gatsby-node.js      | 30 +++++++++++++-----------------
 2 files changed, 13 insertions(+), 20 deletions(-)
 delete mode 100644 examples/index.html

diff --git a/examples/index.html b/examples/index.html
deleted file mode 100644
index 461f1105..00000000
--- a/examples/index.html
+++ /dev/null
@@ -1,3 +0,0 @@
-<div id="root">
-  <!-- This div's content will be managed by React. -->
-</div>
\ No newline at end of file
diff --git a/gatsby-node.js b/gatsby-node.js
index 4b250d38..0003ccb7 100644
--- a/gatsby-node.js
+++ b/gatsby-node.js
@@ -168,25 +168,21 @@ exports.createPages = async ({graphql, boundActionCreators}) => {
   });
 
   // Create Codepen example pages
-  const htmlTemplate = fs.readFileSync('./examples/index.html', 'utf8');
   fs.readdirSync('./examples').forEach(file => {
-    // Only create pages for the JS files
-    if (file.endsWith('.js')) {
-      const slug = file.substring(0, file.length - 3);
-      const jsTemplate = fs.readFileSync(`./examples/${file}`, 'utf8');
-
-      createPage({
-        path: `/examples/${slug}`,
-        component: resolve('./src/templates/codepen-example.js'),
-        context: {
-          slug,
-          payload: {
-            html: htmlTemplate,
-            js: jsTemplate,
-          },
+    const slug = file.substring(0, file.length - 3); // Trim extension
+    const jsTemplate = fs.readFileSync(`./examples/${file}`, 'utf8');
+
+    createPage({
+      path: `/examples/${slug}`,
+      component: resolve('./src/templates/codepen-example.js'),
+      context: {
+        slug,
+        payload: {
+          html: '<div id="root"></div>',
+          js: jsTemplate,
         },
-      });
-    }
+      },
+    });
   });
 };