Move frame JS to file

natefaubion · natefaubion · commit b06be78e1f64 · 2018-11-15T21:32:49.000-08:00
diff --git a/frame.html b/frame.html
@@ -5,65 +5,9 @@
   <meta content="text/html;charset=utf-8" http-equiv="Content-Type">
   <meta content="utf-8" http-equiv="encoding">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <link rel="stylesheet" href="css/style.css">
+  <script src="js/frame.js"></script>
 </head>
 <body>
 <main id="main"></main>
-<script type="text/javascript">
-  (function() {
-    function evalPureScript(sources) {
-      var modules = {};
-      function dirname(str) {
-        var ix = str.lastIndexOf("/");
-        return ix < 0 ? "" : str.slice(0, ix);
-      }
-      function resolvePath(a, b) {
-        if (b[0] === "." && b[1] === "/") {
-          return dirname(a) + b.slice(1);
-        }
-        if (b[0] === "." && b[1] === "." && b[2] === "/") {
-          return dirname(dirname(a)) + b.slice(2);
-        }
-        return b;
-      }
-      return function load(name) {
-        if (modules[name]) {
-          return modules[name].exports;
-        }
-        function require(path) {
-          return load(resolvePath(name, path));
-        }
-        var module = modules[name] = { exports: {} };
-        new Function("module", "exports", "require", sources[name])(module, module.exports, require);
-        return module.exports;
-      };
-    }
-
-    function loadScripts(scripts, cb) {
-      if (scripts.length === 0) {
-        return cb();
-      }
-      var script = document.createElement("script");
-      script.type = "text/javascript";
-      script.src = scripts[0];
-      script.addEventListener("load", function() {
-        loadScripts(scripts.slice(1), cb);
-      }, { once: true });
-      document.head.appendChild(script);
-    }
-
-    document.addEventListener("DOMContentLoaded", function() {
-      window.addEventListener("message", function(event) {
-        loadScripts(event.data.scripts, function() {
-          var file = evalPureScript(event.data.sources)("<file>");
-          if (file.main && typeof file.main === "function") {
-            file.main();
-          }
-        });
-        event.source.postMessage("trypurescript", "*");
-      }, { once: true });
-    }, { once: true });
-  })();
-</script>
 </body>
 </html>
diff --git a/js/frame.js b/js/frame.js
@@ -0,0 +1,54 @@
+(function() {
+  function evalPureScript(sources) {
+    var modules = {};
+    function dirname(str) {
+      var ix = str.lastIndexOf("/");
+      return ix < 0 ? "" : str.slice(0, ix);
+    }
+    function resolvePath(a, b) {
+      if (b[0] === "." && b[1] === "/") {
+        return dirname(a) + b.slice(1);
+      }
+      if (b[0] === "." && b[1] === "." && b[2] === "/") {
+        return dirname(dirname(a)) + b.slice(2);
+      }
+      return b;
+    }
+    return function load(name) {
+      if (modules[name]) {
+        return modules[name].exports;
+      }
+      function require(path) {
+        return load(resolvePath(name, path));
+      }
+      var module = modules[name] = { exports: {} };
+      new Function("module", "exports", "require", sources[name])(module, module.exports, require);
+      return module.exports;
+    };
+  }
+
+  function loadScripts(scripts, cb) {
+    if (scripts.length === 0) {
+      return cb();
+    }
+    var script = document.createElement("script");
+    script.type = "text/javascript";
+    script.src = scripts[0];
+    script.addEventListener("load", function() {
+      loadScripts(scripts.slice(1), cb);
+    }, { once: true });
+    document.head.appendChild(script);
+  }
+
+  document.addEventListener("DOMContentLoaded", function() {
+    window.addEventListener("message", function(event) {
+      loadScripts(event.data.scripts, function() {
+        var file = evalPureScript(event.data.sources)("<file>");
+        if (file.main && typeof file.main === "function") {
+          file.main();
+        }
+      });
+      event.source.postMessage("trypurescript", "*");
+    }, { once: true });
+  }, { once: true });
+})();
diff --git a/js/index.js b/js/index.js
