xbintsc 0.5.36 → 0.5.38

package/dist/tests/e2e/gui-dom.test.js

@@ -98,5 +98,220 @@ describe.skipIf(!guiAvailable)("gui extension — dom", () => {
         expect(value("winCompat")).toBe("win:div#inner.warm");
         expect(value("stopped")).toBe("inner");
     });
+    it("mutates the tree with append/prepend/replaceChildren/insertAdjacentHTML and namespaces", () => {
+        const { value } = harness.compileAndRun("dom-mutation", `
+      import { createWindow, run } from "gui";
+
+      const HTML = \`
+      <html><body style="margin:0">
+        <div id="host"></div>
+      </body></html>\`;
+
+      const SVG_NS = "http://www.w3.org/2000/svg";
+      const win = createWindow({ title: "dom-mutation", width: 400, height: 300 });
+      win.on("ready", () => {
+        const doc = win.document;
+        const host: any = doc.getElementById("host");
+
+        // append/prepend mix nodes and strings, like the DOM.
+        host.append("a", doc.createElement("b"));
+        console.log("append=" + host.textContent + ":" + host.children.length + ":" +
+                    host.lastElementChild.tagName);
+        host.prepend("z", doc.createElement("i"));
+        console.log("prepend=" + host.textContent + ":" + host.firstElementChild.tagName);
+
+        // insertAdjacentHTML at all four positions.
+        host.insertAdjacentHTML("beforebegin", "<p id='pre'>pre</p>");
+        host.insertAdjacentHTML("afterbegin", "<b>head</b>");
+        host.insertAdjacentHTML("beforeend", "<u>tail</u>");
+        host.insertAdjacentHTML("afterend", "<p id='post'>post</p>");
+        console.log("adjacent=" + doc.getElementById("pre").textContent + ":" +
+                    doc.getElementById("post").textContent + ":" +
+                    host.firstElementChild.tagName + ":" + host.lastElementChild.tagName);
+
+        // replaceChildren keeps a node argument that used to be a child.
+        const keep: any = doc.createElement("em");
+        keep.textContent = "keep";
+        host.append(keep);
+        host.replaceChildren("t", keep);
+        console.log("replace=" + host.textContent + ":" + host.children.length + ":" +
+                    host.firstElementChild.tagName);
+
+        // createElementNS records the namespace and preserves SVG's case.
+        const gradient: any = doc.createElementNS(SVG_NS, "svg:linearGradient");
+        console.log("ns=" + gradient.namespaceURI + ":" + gradient.localName + ":" +
+                    gradient.prefix + ":" + gradient.tagName);
+        const rect: any = doc.createElementNS(SVG_NS, "rect");
+        console.log("svg-case=" + rect.tagName + ":" + rect.localName + ":" + rect.prefix);
+        const html: any = doc.createElementNS("http://www.w3.org/1999/xhtml", "DIV");
+        console.log("html-ns=" + html.localName + ":" + html.namespaceURI + ":" + html.tagName);
+        win.close();
+      });
+      win.loadHTML(HTML);
+      run();
+      `);
+        expect(value("append")).toBe("a:1:B");
+        expect(value("prepend")).toBe("za:I");
+        expect(value("adjacent")).toBe("pre:post:B:U");
+        expect(value("replace")).toBe("tkeep:1:EM");
+        expect(value("ns")).toBe("http://www.w3.org/2000/svg:linearGradient:svg:linearGradient");
+        expect(value("svg-case")).toBe("rect:rect:null");
+        expect(value("html-ns")).toBe("div:http://www.w3.org/1999/xhtml:DIV");
+    });
+    it("honours the style object, computed style and geometry arguments", () => {
+        const { value } = harness.compileAndRun("dom-style-args", `
+      import { createWindow, run } from "gui";
+
+      const HTML = \`
+      <html><head><style>
+        body { margin: 0; }
+        #box { width: 100px; height: 40px; margin-top: 10px; }
+        #box::before { content: "hi"; color: #123456; }
+      </style></head><body>
+        <div id="box">x</div>
+      </body></html>\`;
+
+      const win = createWindow({ title: "dom-style-args", width: 400, height: 300 });
+      win.on("ready", () => {
+        const doc = win.document;
+        const box: any = doc.getElementById("box");
+        const cl = box.classList;
+
+        // toggle(name, force) is idempotent; toggle(name) still flips.
+        console.log("t1=" + cl.toggle("on", true) + ":" + box.className);
+        console.log("t2=" + cl.toggle("on", true) + ":" + box.className);
+        console.log("t3=" + cl.toggle("on", false) + ":" + box.className);
+        console.log("t4=" + cl.toggle("on", false) + ":" + box.className);
+        console.log("t5=" + cl.toggle("on") + ":" + box.className);
+
+        box.style.setProperty("color", "#ff0000", "important");
+        console.log("p1=" + box.style.getPropertyValue("color") + ":" + box.style.getPropertyPriority("color"));
+        box.style.setProperty("color", "#0000ff");
+        console.log("p2=" + box.style.getPropertyPriority("color") + ":" + getComputedStyle(box).getPropertyValue("color"));
+        // An invalid priority makes the call a no-op, as in the CSSOM.
+        box.style.setProperty("color", "#00ff00", "urgent");
+        console.log("p3=" + box.style.getPropertyValue("color"));
+        console.log("rm=" + box.style.removeProperty("color") + ":" + box.style.getPropertyValue("color"));
+
+        box.style.cssText = "background-color: #010203; width: 55px";
+        console.log("ct=" + box.style.getPropertyValue("width") + ":" + box.style.getPropertyValue("background-color"));
+
+        const cs: any = getComputedStyle(box);
+        console.log("cs=" + cs.getPropertyValue("display") + ":" + cs.getPropertyValue("width") +
+                    ":" + cs.getPropertyPriority("width") + ":" + cs.getPropertyValue("margin-top"));
+        const before: any = getComputedStyle(box, "::before");
+        console.log("before=" + before.getPropertyValue("content") + ":" + before.getPropertyValue("color"));
+        console.log("unsupported-pseudo=" + getComputedStyle(box, "::marker").getPropertyValue("color"));
+
+        doc.title = "changed";
+        console.log("title=" + doc.title);
+
+        const rect: any = box.getBoundingClientRect();
+        console.log("rect=" + rect.x + "," + rect.y + "," + rect.top + "," + rect.right + "," +
+                    rect.bottom + "," + rect.left + "," + rect.width);
+        win.close();
+      });
+      win.loadHTML(HTML);
+      run();
+      `);
+        expect(value("t1")).toBe("true:on");
+        expect(value("t2")).toBe("true:on");
+        expect(value("t3")).toBe("false:");
+        expect(value("t4")).toBe("false:");
+        expect(value("t5")).toBe("true:on");
+        expect(value("p1")).toBe("#ff0000:important");
+        expect(value("p2")).toBe(":rgb(0, 0, 255)");
+        expect(value("p3")).toBe("#0000ff");
+        expect(value("rm")).toBe("#0000ff:");
+        expect(value("ct")).toBe("55px:#010203");
+        expect(value("cs")).toBe("block:55px::10px");
+        expect(value("before")).toBe('"hi":rgb(18, 52, 86)');
+        expect(value("unsupported-pseudo")).toBe("");
+        expect(value("title")).toBe("changed");
+        expect(value("rect")).toBe("0,10,10,55,50,0,55");
+    });
+    it("writes style and dataset properties through named access", () => {
+        const { value } = harness.compileAndRun("dom-properties", `
+      import { createWindow, run } from "gui";
+
+      const HTML = \`
+      <html><head><style>
+        body { margin: 0; }
+        #box { width: 100px; height: 40px; margin-top: 10px; }
+        #box::before { content: "hi"; color: #123456; }
+      </style></head><body>
+        <div id="box" data-role="lead" data-user-id="7">x</div>
+      </body></html>\`;
+
+      const win = createWindow({ title: "dom-properties", width: 400, height: 300 });
+      win.on("ready", () => {
+        const doc = win.document;
+        const box: any = doc.getElementById("box");
+
+        // Property assignment used to park a dead field on the JS object.
+        box.style.width = "50%";
+        box.style.height = "30px";
+        console.log("width=" + box.style.width + ":" + win.computedStyle("#box", "width"));
+        console.log("rect=" + box.getBoundingClientRect().width + "x" + box.getBoundingClientRect().height);
+        box.style.backgroundColor = "#ff0000";
+        console.log("bg=" + box.style.backgroundColor + ":" + win.computedStyle("#box", "background-color"));
+        box.style.display = "none";
+        console.log("hidden=" + win.computedStyle("#box", "display"));
+        box.style.display = "";
+        console.log("shown=" + win.computedStyle("#box", "display"));
+        box.style.zIndex = "5";
+        console.log("z=" + win.computedStyle("#box", "z-index"));
+
+        // setProperty and named access address the same declaration block.
+        box.style.setProperty("color", "#00ff00");
+        console.log("color=" + box.style.color + ":" + box.style.getPropertyValue("color") +
+                    ":" + win.computedStyle("#box", "color"));
+        box.style.setProperty("--accent", "#abcdef");
+        console.log("custom=" + box.style.getPropertyValue("--accent") + ":" + box.style["--accent"]);
+        console.log("decl=" + box.style.length + ":" + box.style.item(0) + ":" + box.style.item(5));
+        box.style.removeProperty("z-index");
+        console.log("removed=" + ("zIndex" in box.style) + ":" + box.style.zIndex);
+
+        // dataset maps camelCase keys to data-* attributes, both ways.
+        console.log("dataset=" + box.dataset.role + ":" + box.dataset.userId);
+        box.dataset.count = "3";
+        console.log("data-set=" + box.getAttribute("data-count") + ":" + ("count" in box.dataset) +
+                    ":" + box.dataset.hasOwnProperty("count"));
+        box.dataset.role = "hero";
+        console.log("data-write=" + box.getAttribute("data-role"));
+        delete box.dataset.count;
+        console.log("data-delete=" + box.hasAttribute("data-count") + ":" + (box.dataset.count === undefined));
+        console.log("data-keys=" + Object.keys(box.dataset).join(","));
+
+        // getComputedStyle answers named properties from the cascade too.
+        const cs: any = getComputedStyle(box);
+        console.log("cs=" + cs.width + ":" + cs.height + ":" + cs.backgroundColor + ":" +
+                    cs.marginTop + ":" + cs.getPropertyValue("background-color") +
+                    ":" + cs.getPropertyValue("--accent"));
+        const before: any = getComputedStyle(box, "::before");
+        console.log("before=" + before.content + ":" + before.color);
+        win.close();
+      });
+      win.loadHTML(HTML);
+      run();
+      `);
+        expect(value("width")).toBe("50%:50%");
+        expect(value("rect")).toBe("200x30");
+        expect(value("bg")).toBe("#ff0000:rgb(255, 0, 0)");
+        expect(value("hidden")).toBe("none");
+        expect(value("shown")).toBe("block");
+        expect(value("z")).toBe("5");
+        expect(value("color")).toBe("#00ff00:#00ff00:rgb(0, 255, 0)");
+        expect(value("custom")).toBe("#abcdef:#abcdef");
+        expect(value("decl")).toBe("6:width:--accent");
+        expect(value("removed")).toBe("false:");
+        expect(value("dataset")).toBe("lead:7");
+        expect(value("data-set")).toBe("3:true:true");
+        expect(value("data-write")).toBe("hero");
+        expect(value("data-delete")).toBe("false:true");
+        expect(value("data-keys")).toBe("role,userId");
+        expect(value("cs")).toBe("50%:30px:rgb(255, 0, 0):10px:rgb(255, 0, 0):#abcdef");
+        expect(value("before")).toBe('"hi":rgb(18, 52, 86)');
+    });
 });
 //# sourceMappingURL=gui-dom.test.js.map

package/dist/tests/e2e/gui-dom.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"gui-dom.test.js","sourceRoot":"","sources":["../../../tests/e2e/gui-dom.test.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"gui-dom.test.js","sourceRoot":"","sources":["../../../tests/e2e/gui-dom.test.ts"],"names":[],"mappings":"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"}

package/dist/tests/e2e/gui-events.test.js

@@ -88,5 +88,117 @@ describe.skipIf(!guiAvailable)("gui extension — events", () => {
         expect(stdout).not.toContain("web-event=click:");
         expect(stdout).toContain("web-event=key:a");
     });
+    it("honours listener options, event init fields and dispatch identity", () => {
+        const { value } = harness.compileAndRun("event-options", `
+      import { createWindow, run } from "gui";
+
+      const HTML = \`
+      <html><body style="margin:0">
+        <div id="outer"><div id="inner">x</div></div>
+      </body></html>\`;
+
+      const win = createWindow({ title: "event-options", width: 300, height: 200 });
+      win.on("ready", () => {
+        const doc = win.document;
+        const outer: any = doc.getElementById("outer");
+        const inner: any = doc.getElementById("inner");
+
+        // once
+        let once = 0;
+        inner.addEventListener("click", () => { once++; }, { once: true });
+        inner.click();
+        inner.click();
+        console.log("once=" + once);
+
+        // passive: preventDefault is ignored, a normal listener still cancels
+        let passive = false;
+        inner.addEventListener("click", (e: any) => {
+          e.preventDefault();
+          passive = e.defaultPrevented;
+        }, { passive: true });
+        inner.click();
+        console.log("passive=" + passive);
+        let active = false;
+        inner.addEventListener("click", (e: any) => {
+          e.preventDefault();
+          active = e.defaultPrevented;
+        });
+        inner.click();
+        console.log("active=" + active);
+
+        // signal removes the listener, including an already-aborted one
+        const controller = new AbortController();
+        let signaled = 0;
+        inner.addEventListener("click", () => { signaled++; }, { signal: controller.signal });
+        inner.click();
+        controller.abort();
+        inner.click();
+        console.log("signal=" + signaled + ":" + controller.signal.aborted);
+        const abortEvent = new AbortController();
+        let onAbort = 0;
+        abortEvent.signal.addEventListener("abort", () => { onAbort++; });
+        abortEvent.abort();
+        console.log("abort-event=" + onAbort + ":" + abortEvent.signal.aborted +
+                    ":" + (abortEvent.signal.reason instanceof Error));
+        const pre = new AbortController();
+        pre.abort();
+        let never = 0;
+        inner.addEventListener("click", () => { never++; }, { signal: pre.signal });
+        inner.click();
+        console.log("pre-aborted=" + never);
+
+        // window listeners take the same options
+        let winOnce = 0;
+        win.addEventListener("custom", () => { winOnce++; }, { once: true });
+        win.sendEvent("custom", {});
+        win.sendEvent("custom", {});
+        console.log("win-once=" + winOnce);
+        const winAbort = new AbortController();
+        let winSignaled = 0;
+        win.addEventListener("custom2", () => { winSignaled++; }, { signal: winAbort.signal });
+        win.sendEvent("custom2", {});
+        winAbort.abort();
+        win.sendEvent("custom2", {});
+        console.log("win-signal=" + winSignaled);
+
+        // EventInit fields survive construction
+        const custom: any = new CustomEvent("ping", { detail: 42, bubbles: true, composed: true });
+        console.log("event=" + custom.type + ":" + custom.detail + ":" + custom.bubbles +
+                    ":" + custom.composed + ":" + custom.isTrusted + ":" + custom.eventPhase);
+        const mouse: any = new MouseEvent("click", { clientX: 7, clientY: 8, button: 2, bubbles: true });
+        console.log("mouse=" + mouse.clientX + "," + mouse.clientY + "," + mouse.button);
+
+        // dispatchEvent keeps the event identity and exposes the path/phases
+        const phases: string[] = [];
+        outer.addEventListener("click", (e: any) => {
+          phases.push("capture" + e.eventPhase + ":" + (e.composedPath()[0] === inner));
+        }, true);
+        inner.addEventListener("click", (e: any) => {
+          phases.push("target" + e.eventPhase + ":" + (e.composedPath().length > 1));
+        });
+        const dispatched: any = new CustomEvent("click", { bubbles: true });
+        let seen = false;
+        inner.addEventListener("click", (e: any) => { seen = e === dispatched; });
+        inner.dispatchEvent(dispatched);
+        console.log("path=" + phases.join("|") + ":identity=" + seen + ":target=" + (dispatched.target === inner));
+        win.close();
+      });
+      win.loadHTML(HTML);
+      run();
+      `);
+        expect(value("once")).toBe("1");
+        expect(value("passive")).toBe("false");
+        expect(value("active")).toBe("true");
+        expect(value("signal")).toBe("1:true");
+        expect(value("abort-event")).toBe("1:true:true");
+        expect(value("pre-aborted")).toBe("0");
+        expect(value("win-once")).toBe("1");
+        expect(value("win-signal")).toBe("1");
+        expect(value("event")).toBe("ping:42:true:true:false:0");
+        expect(value("mouse")).toBe("7,8,2");
+        // Capture runs ancestor-first (phase 1), the target runs at phase 2, the
+        // dispatched object keeps its identity and gains its target.
+        expect(value("path")).toBe("capture1:true|target2:true:identity=true:target=true");
+    });
 });
 //# sourceMappingURL=gui-events.test.js.map

package/dist/tests/e2e/gui-events.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"gui-events.test.js","sourceRoot":"","sources":["../../../tests/e2e/gui-events.test.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAElE,MAAM,OAAO,GAAG,gBAAgB,EAAE,CAAC;AAEnC,QAAQ,CAAC,MAAM,CAAC,CAAC,YAAY,CAAC,CAAC,wBAAwB,EAAE,GAAG,EAAE;IAC5D,SAAS,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC;IACjC,QAAQ,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC,CAAC;IAElC,EAAE,CAAC,0DAA0D,EAAE,GAAG,EAAE;QAClE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,aAAa,CAC7C,OAAO,EACP;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAmCC,CACF,CAAC;QAEF,2DAA2D;QAC3D,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QAC7C,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QACzC,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACrC,2EAA2E;QAC3E,MAAM,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,sBAAsB,CAAC,CAAC;QACjD,MAAM,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,wBAAwB,CAAC,CAAC;QACnD,MAAM,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,2BAA2B,CAAC,CAAC;QACtD,MAAM,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;QAC5C,MAAM,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,mBAAmB,CAAC,CAAC;IAChD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gFAAgF,EAAE,GAAG,EAAE;QACxF,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,aAAa,CAC7C,YAAY,EACZ;YACE,0CAA0C;YAC1C,EAAE;YACF,sEAAsE;YACtE,iBAAiB;YACjB,uDAAuD;YACvD,gDAAgD;YAChD,yCAAyC;YACzC,yCAAyC;YACzC,4CAA4C;YAC5C,EAAE;YACF,sFAAsF;YACtF,uCAAuC;YACvC,+CAA+C;YAC/C,sDAAsD;YACtD,yDAAyD;YACzD,6DAA6D;YAC7D,gBAAgB;YAChB,KAAK;YACL,0CAA0C;YAC1C,QAAQ;YACR,4CAA4C;SAC7C,CAAC,IAAI,CAAC,IAAI,CAAC,CACb,CAAC;QACF,8CAA8C;QAC9C,MAAM,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAC7C,MAAM,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAC3C,MAAM,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,wBAAwB,CAAC,CAAC;QACnD,6EAA6E;QAC7E,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,kBAAkB,CAAC,CAAC;QACjD,MAAM,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAC9C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
+{"version":3,"file":"gui-events.test.js","sourceRoot":"","sources":["../../../tests/e2e/gui-events.test.ts"],"names":[],"mappings":"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"}

package/dist/tests/e2e/gui-script-import-order.test.d.ts

@@ -0,0 +1,10 @@
+/**
+ * GUI e2e: `<script src>` module imports run after `loadHTML`.
+ *
+ * A browser evaluates a module script's import graph after the document has
+ * been parsed, so the imported modules already see real elements (and any DOM
+ * work at their top level is not wasted on an empty document). The `.html`
+ * loader marks relative imports as deferred; the bundler wraps the module and
+ * the registered script invokes it at `loadHTML` time.
+ */
+export {};

package/dist/tests/e2e/gui-script-import-order.test.js

@@ -0,0 +1,161 @@
+/**
+ * GUI e2e: `<script src>` module imports run after `loadHTML`.
+ *
+ * A browser evaluates a module script's import graph after the document has
+ * been parsed, so the imported modules already see real elements (and any DOM
+ * work at their top level is not wasted on an empty document). The `.html`
+ * loader marks relative imports as deferred; the bundler wraps the module and
+ * the registered script invokes it at `loadHTML` time.
+ */
+import { afterAll, beforeAll, describe, expect, it } from "vitest";
+import { createGuiHarness, guiAvailable } from "./gui-helpers.js";
+import { nodeExtension } from "../../src/extensions/node/index.js";
+const harness = createGuiHarness();
+const PROBE_PAGE = `<html><body>
+  <div class="touch"></div><div class="touch"></div><div class="touch"></div>
+  <canvas id="probe-canvas" width="120" height="80"></canvas>
+  <script src="./probe.ts"></script>
+</body></html>`;
+const PAGE = `<html><body>
+  <div id="box">hi</div>
+  <script src="./app.ts"></script>
+  <script src="./app2.ts"></script>
+  <script src="./app3.ts"></script>
+  <script src="./app4.ts"></script>
+  <script src="./app6.ts"></script>
+  <script src="./app7.ts"></script>
+  <script src="./app8.ts"></script>
+  <script src="./app9.ts"></script>
+  <script src="./app10.ts"></script>
+  <script src="./app11.ts"></script>
+</body></html>`;
+describe.skipIf(!guiAvailable)("gui extension — deferred <script src> imports", () => {
+    beforeAll(() => harness.setup());
+    afterAll(() => harness.cleanup());
+    it("evaluates the import graph after loadHTML and shares module state", () => {
+        const { value, stdout } = harness.compileAndRun("script-import-order", `
+      import { createWindow } from "gui";
+      import page from "./page.html";
+      import { shared } from "./shared";
+
+      const win = createWindow({ title: "deferred", width: 320, height: 240 });
+      console.log("shared-main=" + shared);
+      const label = (name: string, value: any): void => console.log(name + "=" + value);
+      label("before", (win as any).imported === undefined ? "undefined" : "set");
+      label("before-deep", (win as any).deep === undefined ? "undefined" : "set");
+      win.loadHTML(page);
+      label("after", (win as any).imported);
+      label("after-deep", (win as any).deep);
+      label("body", (win as any).scriptBody);
+      win.close();
+      `, {
+            extensions: [nodeExtension],
+            files: {
+                "page.html": PAGE,
+                "app.ts": `
+import { probe } from "./helper";
+const box = document.getElementById("box");
+console.log("app=" + box.textContent);
+( window as any ).scriptBody = probe() + ":" + box.textContent;
+`,
+                "app2.ts": `
+import { bump } from "./counter";
+console.log("app2=" + bump());
+`,
+                "helper.ts": `
+import "./deep";
+const box = document.getElementById("box");
+( window as any ).imported = "yes:" + box.textContent;
+console.log("helper=" + box.textContent);
+export function probe(): string { return "probe"; }
+`,
+                "deep.ts": `
+( window as any ).deep = "yes";
+console.log("deep");
+`,
+                "counter.ts": `
+import { seed } from "./seed";
+let n = 0;
+export function bump(): number { n += seed; return n; }
+`,
+                "seed.ts": "export const seed = 1;",
+                "app3.ts": 'import { value } from "./reexport"; console.log("app3=" + value);',
+                "reexport.ts": 'import { value } from "./value"; export { value };',
+                "app6.ts": 'import { shared } from "./shared"; console.log("app6=" + shared);',
+                "shared.ts": 'export const shared = "s"; console.log("shared-eager");',
+                "app7.ts": 'import { A, E } from "./klass"; console.log("app7=" + new A().x + ":" + E.One);',
+                "klass.ts": 'export class A { x = 1; } export enum E { One }',
+                "app8.ts": 'import make from "./anon"; console.log("app8=" + make());',
+                "anon.ts": 'export default function () { return 5; }',
+                "app9.ts": 'import Shape from "./anonclass"; console.log("app9=" + new Shape().x);',
+                "anonclass.ts": 'export default class { x = 3; }',
+                "app10.ts": 'import * as math from "./mathmod"; console.log("app10=" + math.add(2, 3) + math.tag);',
+                "mathmod.ts": 'export function add(a: number, b: number): number { return a + b; } export const tag = "m";',
+                "app11.ts": 'import { readEmpty } from "./guilib"; console.log("app11=" + (readEmpty() === ""));',
+                "guilib.ts": 'import { readFileSync } from "fs"; export function readEmpty(): string { return readFileSync("/dev/null", "utf8"); }',
+                "value.ts": 'export const value = "v";',
+                "app4.ts": 'import { value } from "./wide"; console.log("app4=" + value);',
+                "wide.ts": 'export * from "./value";',
+            },
+        });
+        /* Module top-level code runs while the script functions run (during
+         * loadHTML), not at program start. */
+        expect(value("before")).toBe("undefined");
+        expect(value("before-deep")).toBe("undefined");
+        expect(value("after")).toBe("yes:hi");
+        expect(value("after-deep")).toBe("yes");
+        expect(value("body")).toBe("probe:hi");
+        expect(stdout).toContain("helper=hi");
+        expect(stdout).toContain("deep");
+        /* The script order is document order, and the shared module was evaluated
+         * once, so the second script sees the incremented state. */
+        expect(stdout.indexOf("helper=hi")).toBeLessThan(stdout.indexOf("app="));
+        expect(stdout).toContain("app2=1");
+        expect(stdout).toContain("app3=v");
+        expect(stdout).toContain("app4=v");
+        expect(stdout).toContain("app6=s");
+        expect(stdout).toContain("app7=1:0");
+        expect(stdout).toContain("app8=5");
+        expect(stdout).toContain("app9=3");
+        expect(stdout).toContain("app10=5m");
+        expect(stdout).toContain("app11=true");
+        expect(stdout).toContain("shared-main=s");
+        /* The shared module was already reachable eagerly and must not run twice. */
+        expect(stdout.match(/shared-eager/g)?.length).toBe(1);
+    });
+    it("gives imported modules the real window, document and canvas", () => {
+        const { value } = harness.compileAndRun("script-import-probe", `
+      import { createWindow } from "gui";
+      import page from "./probe.html";
+
+      const win = createWindow({ title: "probe", width: 1280, height: 720 });
+      const label = (name: string, value: any): void => console.log(name + "=" + value);
+      label("before", (win as any).probe === undefined ? "undefined" : "set");
+      win.loadHTML(page);
+      label("probe", (win as any).probe);
+      win.close();
+      `, {
+            files: {
+                "probe.html": PROBE_PAGE,
+                "probe.ts": `
+const canvas: any = document.getElementById("probe-canvas");
+const gl: any = canvas.getContext("webgl2");
+const span: any = document.createElement("span");
+span.dataset.touch = "ok";
+const touches = document.querySelectorAll(".touch");
+( window as any ).probe = [
+  window.innerWidth + "x" + window.innerHeight,
+  touches.length,
+  span.tagName + ":" + span.dataset.touch,
+  canvas.width + "x" + canvas.height,
+  gl != null
+].join(",");
+console.log("probe-module=" + ( window as any ).probe);
+`,
+            },
+        });
+        expect(value("before")).toBe("undefined");
+        expect(value("probe")).toBe("1280x720,3,SPAN:ok,120x80,true");
+    });
+});
+//# sourceMappingURL=gui-script-import-order.test.js.map

package/dist/tests/e2e/gui-script-import-order.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gui-script-import-order.test.js","sourceRoot":"","sources":["../../../tests/e2e/gui-script-import-order.test.ts"],"names":[],"mappings":"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"}

package/dist/tests/e2e/gui-webgl2-shadow.test.d.ts

@@ -0,0 +1,10 @@
+/**
+ * GUI e2e: WebGL 2 identity and three.js-style sampler arrays.
+ *
+ * A browser reports a WebGL 2 context as `WebGL2RenderingContext` (and *not* as
+ * `WebGLRenderingContext`), which is how three.js decides whether to use its
+ * WebGL 2 path. Its shadow-map chunks also index sampler arrays with a loop
+ * variable; Vulkan GLSL only accepts a constant index, so the rewriter has to
+ * expand the pragma-marked loop before compiling.
+ */
+export {};