xbintsc 0.5.51 → 0.5.52

package/dist/tests/e2e/gui-css-features.test.js

@@ -0,0 +1,270 @@
+/**
+ * End-to-end tests for the CSS features that need more than a value parser:
+ * `calc()`, `box-shadow`, Gaussian `text-shadow`, `backdrop-filter`, CSS
+ * transitions (arbitrary properties + cubic-bezier/steps) and `@keyframes`.
+ */
+import { afterAll, beforeAll, describe, expect, it } from "vitest";
+import { createGuiHarness, guiAvailable } from "./gui-helpers.js";
+const harness = createGuiHarness();
+describe.skipIf(!guiAvailable)("gui extension — CSS features", () => {
+    beforeAll(() => harness.setup());
+    afterAll(() => harness.cleanup());
+    it("evaluates calc() arithmetic in every length property", () => {
+        const { value } = harness.compileAndRun("calc", `
+      import { createWindow, run } from "gui";
+
+      const HTML = \`
+      <html><head><style>
+        body { margin: 0; }
+        #a {
+          position: absolute;
+          box-sizing: border-box;
+          font-size: calc(8px + 2px);
+          left: calc(10px + 5%);
+          top: calc(1em + 4px);
+          width: calc(100px + 2 * 10px);
+          height: calc(50px - 5px);
+          padding-left: calc(1em * 2 - 4px);
+          background: #ff0000;
+        }
+        #b { width: min(calc(100px + 10px), 200px); height: clamp(10px, calc(2 * 5px), 40px); }
+      </style></head><body><div id="a"></div><div id="b"></div></body></html>
+      \`;
+
+      const win = createWindow({ title: "calc", width: 400, height: 300 });
+      win.on("ready", () => {
+        const a = win.getBoundingClientRect("#a");
+        console.log("a=" + a.x.toFixed(1) + "," + a.y.toFixed(1) + "," +
+                    a.width.toFixed(1) + "," + a.height.toFixed(1));
+        console.log("font=" + win.computedStyle("#a", "font-size"));
+        console.log("width=" + win.computedStyle("#a", "width"));
+        const b = win.getBoundingClientRect("#b");
+        console.log("b=" + b.width.toFixed(1) + "," + b.height.toFixed(1));
+        win.close();
+      });
+      win.loadHTML(HTML);
+      run();
+      `);
+        // 5% of the 400px viewport is 20px; 1em is the calc'd 10px font size.
+        expect(value("a")).toBe("30.0,14.0,120.0,45.0");
+        expect(value("font")).toBe("10px");
+        expect(value("width")).toBe("calc(100px + 2 * 10px)");
+        expect(value("b")).toBe("110.0,10.0");
+    });
+    it("paints box-shadow and blurred text-shadow as Gaussian masks", () => {
+        const { value, stdout } = harness.compileAndRun("shadows", `
+      import { createWindow, run } from "gui";
+
+      const HTML = \`
+      <html><head><style>
+        body { margin: 0; }
+        #box {
+          width: 100px; height: 50px; background: #336699;
+          box-shadow: 4px 6px 12px 2px rgba(0, 0, 0, 0.5), inset 0 0 8px #ff0000;
+        }
+        #text { font-size: 20px; color: #ffffff; text-shadow: 2px 3px 6px #00ff00; }
+      </style></head><body><div id="box"></div><div id="text">Hi</div></body></html>
+      \`;
+
+      const win = createWindow({ title: "shadows", width: 400, height: 300 });
+      win.on("ready", () => {
+        console.log("box=" + win.computedStyle("#box", "box-shadow"));
+        console.log("text=" + win.computedStyle("#text", "text-shadow"));
+        console.log("list-start");
+        console.log(win.paintList());
+        console.log("list-end");
+        let frames = 0;
+        const tick = (): void => {
+          frames += 1;
+          if (frames < 2) win.requestAnimationFrame(tick);
+          else win.close();
+        };
+        win.requestAnimationFrame(tick);
+      });
+      win.loadHTML(HTML);
+      run();
+      `, { autocloseMs: 10_000 });
+        const list = stdout.slice(stdout.indexOf("list-start"), stdout.indexOf("list-end"));
+        expect(value("box")).toContain("inset 0px 0px 8px");
+        expect(value("box")).toContain("4px 6px 12px 2px");
+        expect(value("text")).toBe("2px 3px 6px rgb(0, 255, 0)");
+        // A nonzero blur is one pre-blurred texture, not a stack of offset copies.
+        expect(list).toContain("bitmap=bs:o:");
+        expect(list).toContain("bitmap=bs:i:");
+        expect(list).toContain("bitmap=ts:");
+    });
+    it("runs @keyframes with direction, timing and fill modes", () => {
+        const { value } = harness.compileAndRun("keyframes", `
+      import { createWindow, run } from "gui";
+
+      const HTML = \`
+      <html><head><style>
+        body { margin: 0; }
+        @keyframes fade {
+          from { opacity: 0; transform: translateX(0px); }
+          50% { opacity: 1; }
+          to { opacity: 0; transform: translateX(100px); }
+        }
+        #k { width: 20px; height: 20px; background: #000000;
+             animation: fade 1000ms linear forwards; }
+      </style></head><body><div id="k"></div></body></html>
+      \`;
+
+      const win = createWindow({ title: "keyframes", width: 400, height: 300 });
+      win.on("ready", () => {
+        console.log("t0=" + win.computedStyle("#k", "opacity"));
+        win.advance(250);
+        console.log("t25=" + win.computedStyle("#k", "opacity"));
+        console.log("x25=" + win.computedStyle("#k", "transform"));
+        win.advance(250);
+        console.log("t50=" + win.computedStyle("#k", "opacity"));
+        win.advance(250);
+        console.log("t75=" + win.computedStyle("#k", "opacity"));
+        console.log("x75=" + win.computedStyle("#k", "transform"));
+        win.advance(250);
+        console.log("t100=" + win.computedStyle("#k", "opacity"));
+        win.advance(1000);
+        console.log("held=" + win.computedStyle("#k", "opacity"));
+        win.close();
+      });
+      win.loadHTML(HTML);
+      run();
+      `);
+        expect(value("t0")).toBe("0");
+        expect(value("t25")).toBe("0.5");
+        expect(value("x25")).toBe("translateX(25px)");
+        expect(value("t50")).toBe("1");
+        expect(value("t75")).toBe("0.5");
+        expect(value("x75")).toBe("translateX(75px)");
+        expect(value("t100")).toBe("0");
+        // `forwards` holds the final keyframe instead of snapping back.
+        expect(value("held")).toBe("0");
+    });
+    it("honours animation delay, backwards fill and alternate direction", () => {
+        const { value } = harness.compileAndRun("keyframes-delay", `
+      import { createWindow, run } from "gui";
+
+      const HTML = \`
+      <html><head><style>
+        body { margin: 0; }
+        @keyframes fade { from { opacity: 0; } to { opacity: 1; } }
+        #d { animation: fade 1000ms linear 500ms backwards; }
+        #e { animation: fade 1000ms linear infinite alternate; }
+      </style></head><body><div id="d"></div><div id="e"></div></body></html>
+      \`;
+
+      const win = createWindow({ title: "keyframes-delay", width: 400, height: 300 });
+      win.on("ready", () => {
+        console.log("d0=" + win.computedStyle("#d", "opacity"));
+        console.log("e0=" + win.computedStyle("#e", "opacity"));
+        win.advance(500);
+        console.log("d500=" + win.computedStyle("#d", "opacity"));
+        win.advance(500);
+        console.log("d1000=" + win.computedStyle("#d", "opacity"));
+        console.log("e1000=" + win.computedStyle("#e", "opacity"));
+        win.advance(500);
+        console.log("e1500=" + win.computedStyle("#e", "opacity"));
+        win.close();
+      });
+      win.loadHTML(HTML);
+      run();
+      `);
+        // `backwards` shows the first keyframe throughout the delay.
+        expect(value("d0")).toBe("0");
+        expect(value("d500")).toBe("0");
+        expect(value("d1000")).toBe("0.5");
+        // `alternate` starts the second iteration at the first one's end value
+        // and then runs it backwards.
+        expect(value("e0")).toBe("0");
+        expect(value("e1000")).toBe("1");
+        expect(value("e1500")).toBe("0.5");
+    });
+    it("interpolates transitions with arbitrary properties, cubic-bezier and steps", () => {
+        const { value } = harness.compileAndRun("transition-easing", `
+      import { createWindow, run } from "gui";
+
+      const HTML = \`
+      <html><head><style>
+        body { margin: 0; }
+        #t {
+          width: 100px; height: 20px; opacity: 1;
+          background: #000000;
+          transition: width 1000ms steps(4, end),
+                      opacity 1000ms cubic-bezier(0.5, 0, 0.5, 1);
+        }
+        #t:hover { width: 200px; opacity: 0.2; }
+      </style></head><body><div id="t"></div></body></html>
+      \`;
+
+      const win = createWindow({ title: "transition-easing", width: 400, height: 300 });
+      win.on("ready", () => {
+        win.sendEvent("mousemove", { x: 50, y: 10 });
+        console.log("start=" + win.getBoundingClientRect("#t").width.toFixed(1));
+        win.advance(200);
+        console.log("w20=" + win.getBoundingClientRect("#t").width.toFixed(1));
+        win.advance(300);
+        console.log("w50=" + win.getBoundingClientRect("#t").width.toFixed(1));
+        console.log("o50=" + win.computedStyle("#t", "opacity"));
+        win.advance(300);
+        console.log("w80=" + win.getBoundingClientRect("#t").width.toFixed(1));
+        win.close();
+      });
+      win.loadHTML(HTML);
+      run();
+      `);
+        // steps(4, end) holds 100px until 250ms, then jumps by 25px.
+        expect(value("start")).toBe("100.0");
+        expect(value("w20")).toBe("100.0");
+        expect(value("w50")).toBe("150.0");
+        // cubic-bezier(0.5, 0, 0.5, 1) is symmetric: 50% progress -> 0.6 opacity.
+        expect(value("o50")).toBe("0.6");
+        expect(value("w80")).toBe("175.0");
+    });
+    it("composites backdrop-filter from an offscreen snapshot of the scene", () => {
+        const { value, stdout, stderr } = harness.compileAndRun("backdrop", `
+      import { createWindow, run } from "gui";
+
+      const HTML = \`
+      <html><head><style>
+        body { margin: 0; }
+        #scene { width: 200px; height: 100px; background: #3366cc; }
+        #glass {
+          position: absolute; left: 20px; top: 20px; width: 80px; height: 40px;
+          border-radius: 8px;
+          backdrop-filter: blur(4px) brightness(0.5);
+          background: rgba(255, 255, 255, 0.2);
+        }
+      </style></head><body>
+        <div id="scene"><div id="glass"></div></div>
+      </body></html>
+      \`;
+
+      const win = createWindow({ title: "backdrop", width: 400, height: 300 });
+      win.on("ready", () => {
+        console.log("filter=" + win.computedStyle("#glass", "backdrop-filter"));
+        console.log("list-start");
+        console.log(win.paintList());
+        console.log("list-end");
+        /* Keep the loop alive for a couple of frames: the compositor compiles
+         * its shaders on the first draw, which is what exercises the backdrop
+         * pass (the assertions read its stderr). */
+        let frames = 0;
+        const tick = (): void => {
+          frames += 1;
+          if (frames < 3) win.requestAnimationFrame(tick);
+          else win.close();
+        };
+        win.requestAnimationFrame(tick);
+      });
+      win.loadHTML(HTML);
+      run();
+      `, { features: ["gpu"], autocloseMs: 10_000 });
+        const list = stdout.slice(stdout.indexOf("list-start"), stdout.indexOf("list-end"));
+        expect(value("filter")).toBe("blur(4px) brightness(0.5)");
+        expect(list).toContain("backdrop x=20.0 y=20.0 w=80.0 h=40.0 r=8.0 blur=4.0");
+        // The runtime shader must have compiled; a failure would only log.
+        expect(stderr).not.toContain("backdrop-filter shader unavailable");
+        expect(stderr).not.toContain("backdrop-filter pipeline creation failed");
+    });
+});
+//# sourceMappingURL=gui-css-features.test.js.map

package/dist/tests/e2e/gui-css-features.test.js.map

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

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

@@ -130,15 +130,16 @@ describe.skipIf(!guiAvailable)("gui extension — effects", () => {
         const list = stdout.slice(stdout.indexOf("list-start"), stdout.indexOf("list-end"));
         expect(value("image")).toContain("radial-gradient()");
         expect(value("image")).toContain("linear-gradient()");
-        // The radial layer is one rasterised gradient carrying its stops; the linear
-        // layer is still painted as solid bands.
+        // Both layers are one rasterised gradient carrying its stops: a band walk
+        // would composite a translucent stop once per band and cannot place a stop
+        // narrower than a band.
         expect(list).toContain("gradient=radial");
+        expect(list).toContain("gradient=linear");
         expect(list).toContain("#ff0000ff");
         expect(list).toContain("#00ff00ff");
         expect(list).toMatch(/#0000[0-9a-f]{2}ff/);
-        // Eighteen linear strips plus the background colour: the gradient image is
-        // not a stack of rectangles.
-        expect(Number(value("count"))).toBe(19);
+        // Only the background colour is a rectangle: the gradient layers are images.
+        expect(Number(value("count"))).toBe(1);
     });
     it("rasterises a translucent radial vignette as one gradient image", () => {
         const { value, stdout } = harness.compileAndRun("vignette", `
@@ -210,10 +211,13 @@ describe.skipIf(!guiAvailable)("gui extension — effects", () => {
         const list = stdout.slice(stdout.indexOf("list-start"), stdout.indexOf("list-end"));
         // The computed value keeps the repeating function name ...
         expect(value("image")).toBe("repeating-linear-gradient()");
-        // ... and the whole 100px box is tiled: a 20% period gives five red and
-        // five blue bands, not one ramp that holds the final colour.
-        expect((list.match(/#ff0000ff/g) ?? []).length).toBeGreaterThan(4);
-        expect((list.match(/#0000ffff/g) ?? []).length).toBeGreaterThan(4);
+        // ... and the ramp is one per-pixel gradient image carrying both stops and
+        // the period the renderer tiles: a 20% period repeats five times over the
+        // 100px box, so the dump's stops stop at 0.2 rather than holding at 1.0.
+        expect(list).toContain("gradient=repeating-linear");
+        expect(list).toContain("#ff0000ff@0.0000");
+        expect(list).toContain("#0000ffff@0.1000");
+        expect(list).toContain("#0000ffff@0.2000");
     });
     it("resolves pixel offsets in repeating gradients", () => {
         const { value, stdout } = harness.compileAndRun("repeating-gradient-px", `
@@ -243,8 +247,85 @@ describe.skipIf(!guiAvailable)("gui extension — effects", () => {
       `);
         const list = stdout.slice(stdout.indexOf("list-start"), stdout.indexOf("list-end"));
         expect(value("image")).toBe("repeating-linear-gradient()");
-        expect((list.match(/#123456ff/g) ?? []).length).toBeGreaterThan(4);
-        expect((list.match(/#abcdefff/g) ?? []).length).toBeGreaterThan(4);
+        // 10px of a 100px line is 0.1: pixel offsets resolve against the gradient
+        // line exactly like percentages, and become the tiling period.
+        expect(list).toContain("gradient=repeating-linear");
+        expect(list).toContain("#123456ff@0.1000");
+        expect(list).toContain("#abcdefff@0.2000");
+    });
+    it("resolves percentages inside calc() gradient stops against the gradient line", () => {
+        const { value, stdout } = harness.compileAndRun("gradient-calc-offsets", `
+      import { createWindow, run } from "gui";
+
+      const HTML = \`
+      <html><head><style>
+        body { margin: 0; }
+        #c {
+          width: 100px; height: 20px;
+          background: linear-gradient(90deg,
+            #ff0000 0 calc(50% - 1px), #0000ff calc(50% - 1px) 100%);
+        }
+      </style></head><body><div id="c"></div></body></html>
+      \`;
+
+      const win = createWindow({ title: "gradient-calc-offsets", width: 400, height: 300 });
+      win.on("ready", () => {
+        console.log("image=" + win.computedStyle("#c", "background-image"));
+        console.log("list-start");
+        console.log(win.paintList());
+        console.log("list-end");
+        win.close();
+      });
+      win.loadHTML(HTML);
+      run();
+      `);
+        const list = stdout.slice(stdout.indexOf("list-start"), stdout.indexOf("list-end"));
+        expect(value("image")).toBe("linear-gradient()");
+        // 50% - 1px of a 100px line is 49px, i.e. 0.49 — not 1/3 and 2/3, which is
+        // what resolving the `%` against a zero base (=-1px, then re-distributed as
+        // an omitted offset) used to produce.
+        expect(list).toContain("#ff0000ff@0.4900");
+        expect(list).toContain("#0000ffff@0.4900");
+        expect(list).toContain("#0000ffff@1.0000");
+        expect(list).not.toContain("@0.3333");
+        expect(list).not.toContain("@0.6667");
+    });
+    it("keeps a repeating 1px divider a divider, not a solid band", () => {
+        const { value, stdout } = harness.compileAndRun("gradient-hairline", `
+      import { createWindow, run } from "gui";
+
+      const HTML = \`
+      <html><head><style>
+        body { margin: 0; }
+        #h {
+          width: 372px; height: 17px;
+          background: repeating-linear-gradient(90deg,
+            transparent 0 calc(10% - 1px), rgba(4, 7, 11, 0.65) calc(10% - 1px) 10%);
+        }
+      </style></head><body><div id="h"></div></body></html>
+      \`;
+
+      const win = createWindow({ title: "gradient-hairline", width: 600, height: 300 });
+      win.on("ready", () => {
+        console.log("image=" + win.computedStyle("#h", "background-image"));
+        console.log("count=" + win.paintCount());
+        console.log("list-start");
+        console.log(win.paintList());
+        console.log("list-end");
+        win.close();
+      });
+      win.loadHTML(HTML);
+      run();
+      `);
+        const list = stdout.slice(stdout.indexOf("list-start"), stdout.indexOf("list-end"));
+        expect(value("image")).toBe("repeating-linear-gradient()");
+        // One gradient image, not a rectangle per band ...
+        expect(list).toContain("gradient=repeating-linear");
+        expect(Number(value("count"))).toBe(0);
+        // ... and the 1px stop keeps its position instead of landing at 1/3, 2/3.
+        expect(list).toContain("#00000000@0.0973");
+        expect(list).toContain("#04070ba6@0.0973");
+        expect(list).toContain("#04070ba6@0.1000");
     });
     it("tiles repeating radial gradients", () => {
         const { value, stdout } = harness.compileAndRun("repeating-radial-gradient", `

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

@@ -1 +1 @@
-{"version":3,"file":"gui-effects.test.js","sourceRoot":"","sources":["../../../tests/e2e/gui-effects.test.ts"],"names":[],"mappings":"AAAA;;;;GAIG;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,yBAAyB,EAAE,GAAG,EAAE;IAC7D,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,kEAAkE,EAAE,GAAG,EAAE;QAC1E,MAAM,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC,aAAa,CACrC,OAAO,EACP;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA8BC,CACF,CAAC;QACF,wEAAwE;QACxE,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;QAC1C,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;QAC1C,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;QAC1C,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACnC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uEAAuE,EAAE,GAAG,EAAE;QAC/E,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,aAAa,CAC7C,QAAQ,EACR;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA8BC,CACF,CAAC;QACF,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC;QACpF,qDAAqD;QACrD,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACpC,qEAAqE;QACrE,MAAM,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;QAC9B,MAAM,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;QACjC,MAAM,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;QACpC,0DAA0D;QAC1D,MAAM,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;QACxC,2EAA2E;QAC3E,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QACnC,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;QACnC,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;QACrC,MAAM,CAAC,MAAM,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC;QACzC,MAAM,CAAC,GAAG,CAAC,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;QACpC,MAAM,CAAC,KAAK,CAAC,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC;QACnC,wEAAwE;QACxE,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IACzC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4DAA4D,EAAE,GAAG,EAAE;QACpE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,aAAa,CAC7C,aAAa,EACb;;;;;;;;;;;;;;;;;;;;;;;;;;;OA2BC,CACF,CAAC;QACF,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC;QACpF,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,mBAAmB,CAAC,CAAC;QACtD,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,mBAAmB,CAAC,CAAC;QACtD,6EAA6E;QAC7E,yCAAyC;QACzC,MAAM,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;QAC1C,MAAM,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;QACpC,MAAM,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;QACpC,MAAM,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,oBAAoB,CAAC,CAAC;QAC3C,2EAA2E;QAC3E,6BAA6B;QAC7B,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAC1C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gEAAgE,EAAE,GAAG,EAAE;QACxE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,aAAa,CAC7C,UAAU,EACV;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA4BC,CACF,CAAC;QACF,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC;QACpF,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,mBAAmB,CAAC,CAAC;QACtD,uEAAuE;QACvE,yEAAyE;QACzE,2BAA2B;QAC3B,MAAM,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,kBAAkB,CAAC,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAC9D,MAAM,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,kBAAkB,CAAC,CAAC;QAC3C,MAAM,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,kBAAkB,CAAC,CAAC;QAC3C,uEAAuE;QACvE,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACnC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACxD,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,aAAa,CAC7C,oBAAoB,EACpB;;;;;;;;;;;;;;;;;;;;;;;;OAwBC,CACF,CAAC;QACF,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC;QACpF,2DAA2D;QAC3D,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,6BAA6B,CAAC,CAAC;QAC3D,wEAAwE;QACxE,6DAA6D;QAC7D,MAAM,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;QACnE,MAAM,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;IACrE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+CAA+C,EAAE,GAAG,EAAE;QACvD,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,aAAa,CAC7C,uBAAuB,EACvB;;;;;;;;;;;;;;;;;;;;;;;;OAwBC,CACF,CAAC;QACF,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC;QACpF,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,6BAA6B,CAAC,CAAC;QAC3D,MAAM,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;QACnE,MAAM,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;IACrE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kCAAkC,EAAE,GAAG,EAAE;QAC1C,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,aAAa,CAC7C,2BAA2B,EAC3B;;;;;;;;;;;;;;;;;;;;;;;;OAwBC,CACF,CAAC;QACF,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC;QACpF,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,6BAA6B,CAAC,CAAC;QAC3D,MAAM,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,2BAA2B,CAAC,CAAC;QACpD,MAAM,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;QACpC,MAAM,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2CAA2C,EAAE,GAAG,EAAE;QACnD,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,aAAa,CAC7C,aAAa,EACb;;;;;;;;;;;;;;;;;;;;OAoBC,CACF,CAAC;QACF,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC;QACpF,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,wBAAwB,CAAC,CAAC;QACvD,MAAM,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,sBAAsB,CAAC,CAAC;QAC/C,MAAM,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,+BAA+B,CAAC,CAAC;QACxD,oDAAoD;QACpD,MAAM,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,sBAAsB,CAAC,CAAC;IACjD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4CAA4C,EAAE,GAAG,EAAE;QACpD,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,aAAa,CAC7C,WAAW,EACX;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA8BC,CACF,CAAC;QACF,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC;QACpF,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,4BAA4B,CAAC,CAAC;QAC1D,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;QAC/C,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;QAC1C,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;QAC3C,oEAAoE;QACpE,MAAM,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC;QACtC,MAAM,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;QACpC,MAAM,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0DAA0D,EAAE,GAAG,EAAE;QAClE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,aAAa,CAC7C,QAAQ,EACR;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAiCC,CACF,CAAC;QACF,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC;QACpF,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,8BAA8B,CAAC,CAAC;QAC7D,2EAA2E;QAC3E,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,2BAA2B,CAAC,CAAC;QAC5D,+DAA+D;QAC/D,MAAM,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;QACpC,yCAAyC;QACzC,MAAM,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;QACpC,gEAAgE;QAChE,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;QAClD,4DAA4D;QAC5D,MAAM,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;QACpC,MAAM,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACtC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
+{"version":3,"file":"gui-effects.test.js","sourceRoot":"","sources":["../../../tests/e2e/gui-effects.test.ts"],"names":[],"mappings":"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"}

package/dist/tests/e2e/gui-font-face.test.d.ts

@@ -0,0 +1,10 @@
+/**
+ * GUI e2e: author `@font-face` rules load real local font files.
+ *
+ * The program is spawned with the suite's work directory as CWD, so a relative
+ * `src: url("./fonts/…")` exercises the documented `file:` resolution. The same
+ * measurements run once with the default (auto-selected) shaping backend and
+ * once with `--no-feature shaping`, because custom files may be TrueType (both
+ * backends) or CFF (shaping only).
+ */
+export {};

package/dist/tests/e2e/gui-font-face.test.js

@@ -0,0 +1,142 @@
+/**
+ * GUI e2e: author `@font-face` rules load real local font files.
+ *
+ * The program is spawned with the suite's work directory as CWD, so a relative
+ * `src: url("./fonts/…")` exercises the documented `file:` resolution. The same
+ * measurements run once with the default (auto-selected) shaping backend and
+ * once with `--no-feature shaping`, because custom files may be TrueType (both
+ * backends) or CFF (shaping only).
+ */
+import { copyFileSync, existsSync, mkdirSync } from "node:fs";
+import { join } from "node:path";
+import { pathToFileURL } from "node:url";
+import { afterAll, beforeAll, describe, expect, it } from "vitest";
+import { createGuiHarness, guiAvailable } from "./gui-helpers.js";
+const harness = createGuiHarness();
+/** A serif fixture whose regular and bold faces are visibly different. */
+function detectCustomFonts() {
+    const pairs = [
+        [
+            "/System/Library/Fonts/Supplemental/Georgia.ttf",
+            "/System/Library/Fonts/Supplemental/Georgia Bold.ttf",
+        ],
+        [
+            "/usr/share/fonts/truetype/dejavu/DejaVuSerif.ttf",
+            "/usr/share/fonts/truetype/dejavu/DejaVuSerif-Bold.ttf",
+        ],
+        [
+            "/usr/share/fonts/TTF/DejaVuSerif.ttf",
+            "/usr/share/fonts/TTF/DejaVuSerif-Bold.ttf",
+        ],
+        [
+            "/usr/share/fonts/truetype/liberation/LiberationSerif-Regular.ttf",
+            "/usr/share/fonts/truetype/liberation/LiberationSerif-Bold.ttf",
+        ],
+        ["C:\\Windows\\Fonts\\georgia.ttf", "C:\\Windows\\Fonts\\georgiab.ttf"],
+        ["C:\\Windows\\Fonts\\times.ttf", "C:\\Windows\\Fonts\\timesbd.ttf"],
+    ];
+    for (const [regular, bold] of pairs) {
+        if (existsSync(regular) && existsSync(bold))
+            return { regular, bold };
+    }
+    return undefined;
+}
+const customFonts = detectCustomFonts();
+function sampleHtml(fileUrl) {
+    return `<html><head><style>
+    body { margin: 0; }
+    .sample { display: inline-block; white-space: nowrap; font-size: 40px; }
+    @font-face {
+      font-family: "Xt Relative";
+      src: local("No Such Local Font"),
+           url("./fonts/absent.woff2") format("woff2"),
+           url("./fonts/custom-regular.ttf") format("truetype");
+      font-weight: 400;
+    }
+    @font-face {
+      font-family: "Xt Relative";
+      src: url("./fonts/custom-bold.ttf") format("truetype");
+      font-weight: 700;
+    }
+    @font-face {
+      font-family: "Xt File";
+      src: url("${fileUrl}");
+    }
+    @font-face {
+      font-family: "Xt Missing";
+      src: url("./fonts/does-not-exist.ttf");
+    }
+    #regular { font-family: "Xt Relative"; font-weight: 400; }
+    #bold { font-family: "Xt Relative"; font-weight: 700; }
+    #file { font-family: "Xt File"; }
+    #missing { font-family: "Xt Missing", sans-serif; }
+    #control { font-family: sans-serif; }
+  </style></head><body>
+    <div id="regular" class="sample">mmmmmmmmmm</div>
+    <div id="bold" class="sample">mmmmmmmmmm</div>
+    <div id="file" class="sample">mmmmmmmmmm</div>
+    <div id="missing" class="sample">mmmmmmmmmm</div>
+    <div id="control" class="sample">mmmmmmmmmm</div>
+  </body></html>`;
+}
+function measure(options) {
+    const fileUrl = pathToFileURL(join(harness.workdir, "fonts", "custom-regular.ttf")).href;
+    const html = sampleHtml(fileUrl);
+    const { value } = harness.compileAndRun(options.name, `
+    import { createWindow, run } from "gui";
+    const HTML = ${JSON.stringify(html)};
+    const win = createWindow({ title: "font-face", width: 900, height: 500 });
+    win.on("ready", () => {
+      console.log("regular=" + win.getBoundingClientRect("#regular").width);
+      console.log("bold=" + win.getBoundingClientRect("#bold").width);
+      console.log("file=" + win.getBoundingClientRect("#file").width);
+      console.log("missing=" + win.getBoundingClientRect("#missing").width);
+      console.log("control=" + win.getBoundingClientRect("#control").width);
+      win.close();
+    });
+    win.loadHTML(HTML);
+    run();
+    `, {
+        cwd: harness.workdir,
+        autocloseMs: 4000,
+        ...(options.features !== undefined ? { features: options.features } : {}),
+        ...(options.noFeatures !== undefined ? { noFeatures: options.noFeatures } : {}),
+    });
+    return {
+        regular: Number(value("regular")),
+        bold: Number(value("bold")),
+        file: Number(value("file")),
+        missing: Number(value("missing")),
+        control: Number(value("control")),
+    };
+}
+function expectCustomFonts(result) {
+    expect(result.regular).toBeGreaterThan(0);
+    // The custom family is a serif fixture; if @font-face had not resolved, the
+    // element would have measured exactly like the generic sans control.
+    expect(Math.abs(result.regular - result.control)).toBeGreaterThan(1);
+    // The 700 descriptor selects the bold file rather than reusing the 400 face.
+    expect(result.bold).toBeGreaterThan(result.regular);
+    // An absolute `file:` URL resolves to the same regular face.
+    expect(result.file).toBeCloseTo(result.regular, 3);
+    // A family whose only source is missing falls through to the next family.
+    expect(result.missing).toBeCloseTo(result.control, 3);
+}
+describe.skipIf(!guiAvailable)("gui extension — author @font-face", () => {
+    beforeAll(() => {
+        harness.setup();
+        if (customFonts !== undefined) {
+            mkdirSync(join(harness.workdir, "fonts"), { recursive: true });
+            copyFileSync(customFonts.regular, join(harness.workdir, "fonts", "custom-regular.ttf"));
+            copyFileSync(customFonts.bold, join(harness.workdir, "fonts", "custom-bold.ttf"));
+        }
+    });
+    afterAll(() => harness.cleanup());
+    it.skipIf(customFonts === undefined)("loads relative and file: sources through stb_truetype", () => {
+        expectCustomFonts(measure({ name: "font-face-stb", noFeatures: ["shaping"] }));
+    });
+    it.skipIf(customFonts === undefined)("loads the same sources through the shaping backend", () => {
+        expectCustomFonts(measure({ name: "font-face-shaping", features: ["shaping"] }));
+    });
+});
+//# sourceMappingURL=gui-font-face.test.js.map

package/dist/tests/e2e/gui-font-face.test.js.map

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

package/dist/tests/e2e/gui-fonts.test.d.ts

@@ -0,0 +1,10 @@
+/**
+ * GUI e2e: CSS `font-family` / `font-weight` select real installed faces.
+ *
+ * The assertions are made through layout widths, which is what a page actually
+ * sees: a bold face with wider advances makes the inline-block wider, and two
+ * different families lay the same text out differently. The suites pick a
+ * family whose bold face exists on the host, so a host without one skips them
+ * instead of asserting a synthetic-bold behaviour the engine does not have.
+ */
+export {};