@nodegx/preview 0.0.0-stage → 0.1.0

package/dist/external/deploy/index.html

@@ -0,0 +1,90 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta
+      name="apple-mobile-web-app-status-bar-style"
+      content="black-translucent"
+    />
+
+    <title>{{#title#}}</title>
+{{#customHeadCode#}}
+
+    <style>
+      body {
+        margin: 0;
+        padding: 0;
+        background-color: white;
+      }
+
+      .body-scroll {
+        overflow: hidden auto;
+      }
+
+      img {
+        -webkit-user-drag: none;
+      }
+
+      * {
+        box-sizing: border-box;
+        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+      }
+
+      #root {
+        display: flex;
+        width: 100%;
+        height: 100%;
+        /* NDA-008: defensive, and honestly labelled — this element is NOT the one
+           that caused the reported scroll jump. Measured live: with the app root
+           inside it set to `clip`, focusing an input 2018px below the fold moved
+           this element 0px, because its only child is `height: 100%` so its content
+           never exceeds it. The active fix is in viewer.jsx.
+
+           Kept anyway because it is the same trap one layout change away: `hidden`
+           around taller content is a scroll container the *browser* can scroll (any
+           real DOM focus does) and the user cannot scroll back, since hidden only
+           removes the scrollbars. `clip` creates no scroll container at all.
+
+           Both declared: browsers without `clip` (Safari < 16) keep exactly today's
+           behaviour rather than falling back to `visible` and letting content escape.
+           Dropping `hidden` also drops the block formatting context it implied;
+           `position: fixed` below already provides the positional containment. */
+        overflow: hidden;
+        overflow: clip;
+        position: fixed;
+      }
+
+      .body-scroll > #root {
+        width: 100%;
+        height: auto;
+        min-height: 100vh;
+        flex-direction: column;
+        overflow: initial;
+        position: initial;
+      }
+    </style>
+  </head>
+  <body>
+    <noscript> You need to enable JavaScript to run this app. </noscript>
+
+    <div id="root"></div>
+
+    <script src="%baseUrl%react.production.min.js"></script>
+    <script src="%baseUrl%react-dom.production.min.js"></script>
+
+    <%modules_dependencies%>
+    <%index_js%>
+
+    <%modules_main%>
+
+    <script src="%baseUrl%noodl.deploy.js"></script>
+    <script type="application/javascript">
+      document.addEventListener("DOMContentLoaded", function () {
+        const root = document.getElementById("root");
+        window.Noodl._viewerReact.renderDeployed(root, __noodl_modules, window.projectData);
+      });
+    </script>
+  </body>
+</html>

package/dist/external/deploy/index.js

@@ -0,0 +1,23 @@
+window.__noodl_modules = [];
+window.Noodl = {
+    defineModule:function(m) {
+        // CN-003: adopt the manifest name the injector set just before this
+        // kit's script. Must happen here, not in `registerModule` — see the
+        // viewer's copy of this bootstrap for why.
+        if (m && !m.name && window.__noodl_module_name) m.name = window.__noodl_module_name;
+        // ISL-013: a kit another kit requires is told its folder too, so `getModule` finds it by either
+        if (m && !m.folder && window.__noodl_module_folder) m.folder = window.__noodl_module_folder;
+        window.__noodl_modules.push(m);
+    },
+    // ISL-013: what a kit you `require` shares (its module's `exports`), by its name or folder; undefined when it is not loaded
+    getModule:function(id) {
+        for (var i = window.__noodl_modules.length - 1; i >= 0; i--) {
+            var m = window.__noodl_modules[i];
+            if (m && (m.name === id || m.folder === id)) return m.exports;
+        }
+    },
+    deployed: true,
+    Env: {}
+}
+
+window.projectData = {{#export#}};

package/dist/external/deploy/index.json

@@ -0,0 +1,9 @@
+[
+  {"url":"index.html", "injectHTML": true},
+  {"url":"index.js", "injectExport": true},
+  {"url":"noodl-app.png"},
+  {"url":"load_terminator.js"},
+  {"url":"noodl.deploy.js"},
+  {"url":"react.production.min.js"},
+  {"url":"react-dom.production.min.js"}
+]

package/dist/external/deploy/load_terminator.js

@@ -0,0 +1 @@
+// Empty file, used to know when script elements are fully loaded