xbintsc 0.5.31 → 0.5.36

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

@@ -0,0 +1,287 @@
+/**
+ * End-to-end tests for Web Audio in the `gui` extension.
+ *
+ * The context is created with the private `{ __offline: true }` option, which
+ * keeps SDL out of the test and makes `ctx.__render(frames)` return the mixed
+ * audio synchronously. That is the same graph and renderer the SDL callback
+ * drives, so these tests pin the DSP (sources, gain, AudioParam automation,
+ * mixing) without needing an audio device.
+ *
+ * `decodeAudioData` is exercised with a WAV generated inside the program, both
+ * to prove the in-engine decoder and to feed a decoded buffer back into the
+ * mixer.
+ */
+import { existsSync, readFileSync } from "node:fs";
+import { dirname, join } from "node:path";
+import { fileURLToPath } from "node:url";
+import { afterAll, beforeAll, describe, expect, it } from "vitest";
+import { findRuntimeLibrary } from "../../src/driver/runtime-lib.js";
+import { mediaExtension } from "../../src/extensions/media/index.js";
+import { nodeExtension } from "../../src/extensions/node/index.js";
+import { createGuiHarness, guiAvailable } from "./gui-helpers.js";
+const harness = createGuiHarness();
+/* A 20 ms 440 Hz Ogg/Vorbis tone. The engine's WAV decoder rejects it, so the
+ * test exercises the FFmpeg memory decoder behind the optional media extension.
+ * Stored as base64 because the test work directory only takes text files. */
+const fixtureDir = join(dirname(fileURLToPath(import.meta.url)), "fixtures");
+const oggFixture = join(fixtureDir, "tiny-ogg.b64");
+const OGG_BASE64 = existsSync(oggFixture) ? readFileSync(oggFixture, "utf8").trim() : "";
+const mediaAvailable = findRuntimeLibrary("media") !== undefined;
+const WAV_HELPERS = `
+  function makeWav(samples: number[]): ArrayBuffer {
+    const frames = samples.length;
+    const dataBytes = frames * 2;
+    const buffer = new ArrayBuffer(44 + dataBytes);
+    const bytes = new Uint8Array(buffer);
+    const view = new DataView(buffer);
+    const tag = (offset: number, text: string): void => {
+      for (let i = 0; i < text.length; i++) bytes[offset + i] = text.charCodeAt(i);
+    };
+    tag(0, "RIFF");
+    view.setUint32(4, 36 + dataBytes, true);
+    tag(8, "WAVE");
+    tag(12, "fmt ");
+    view.setUint32(16, 16, true);
+    view.setUint16(20, 1, true);       // PCM
+    view.setUint16(22, 1, true);       // mono
+    view.setUint32(24, 48000, true);   // sample rate
+    view.setUint32(28, 96000, true);   // byte rate
+    view.setUint16(32, 2, true);       // block align
+    view.setUint16(34, 16, true);      // bits per sample
+    tag(36, "data");
+    view.setUint32(40, dataBytes, true);
+    for (let i = 0; i < frames; i++) {
+      view.setInt16(44 + i * 2, Math.round(samples[i] * 32767), true);
+    }
+    return buffer;
+  }
+`;
+describe.skipIf(!guiAvailable)("gui extension — Web Audio", () => {
+    beforeAll(() => harness.setup());
+    afterAll(() => harness.cleanup());
+    it("exposes the standard AudioContext surface", () => {
+        const { value } = harness.compileAndRun("audio-surface", `
+      async function main(): Promise<void> {
+        const ctx = new AudioContext({ __offline: true });
+        const factories = ["createGain", "createOscillator", "createBufferSource",
+          "createBiquadFilter", "createDynamicsCompressor", "createStereoPanner",
+          "createConstantSource", "createDelay", "createBuffer", "decodeAudioData",
+          "resume", "suspend", "close"];
+        let present = 0;
+        for (const name of factories) if (typeof ctx[name] === "function") present += 1;
+        console.log("api=" + ctx.sampleRate + ":" + ctx.state + ":" +
+          (ctx.destination != null) + ":" + present + "/" + factories.length);
+
+        const gain = ctx.createGain();
+        const methods = ["setValueAtTime", "linearRampToValueAtTime",
+          "exponentialRampToValueAtTime", "setTargetAtTime",
+          "cancelScheduledValues", "cancelAndHoldAtTime"];
+        let paramMethods = 0;
+        for (const name of methods) if (typeof gain.gain[name] === "function") paramMethods += 1;
+        console.log("param=" + gain.gain.value + ":" + gain.gain.defaultValue + ":" +
+          paramMethods + "/" + methods.length + ":" + (typeof gain.connect) + ":" +
+          (typeof gain.disconnect) + ":" + (typeof gain.start) + ":" + (typeof gain.stop));
+
+        const before = ctx.currentTime;
+        await ctx.suspend();
+        console.log("suspend=" + ctx.state);
+        await ctx.resume();
+        console.log("resume=" + ctx.state);
+        await ctx.close();
+        console.log("close=" + ctx.state + ":" + (ctx.currentTime === before));
+      }
+      main();
+      `, { console: true });
+        expect(value("api")).toBe("48000:running:true:13/13");
+        expect(value("param")).toBe("1:1:6/6:function:function:function:function");
+        expect(value("suspend")).toBe("suspended");
+        expect(value("resume")).toBe("running");
+        expect(value("close")).toBe("closed:true");
+    });
+    it("renders constant sources, stereo panners and delays", () => {
+        const { value } = harness.compileAndRun("audio-nodes", `
+      const ctx = new AudioContext({ __offline: true });
+      const constant = ctx.createConstantSource();
+      constant.offset.value = 0.5;
+      constant.connect(ctx.destination);
+      constant.start();
+      const body = ctx.__render(4);
+      console.log("constant=" + body[0].toFixed(3) + ":" + body[1].toFixed(3));
+
+      const panned = new AudioContext({ __offline: true });
+      const left = panned.createConstantSource();
+      left.offset.value = 0.5;
+      const panner = panned.createStereoPanner();
+      panner.pan.value = -1;
+      left.connect(panner);
+      panner.connect(panned.destination);
+      left.start();
+      const pan = panned.__render(4);
+      console.log("panner=" + pan[0].toFixed(3) + ":" + pan[1].toFixed(3));
+
+      const delayed = new AudioContext({ __offline: true });
+      const source = delayed.createConstantSource();
+      source.offset.value = 0.5;
+      const delay = delayed.createDelay(1);
+      delay.delayTime.value = 1 / 48000;
+      source.connect(delay);
+      delay.connect(delayed.destination);
+      source.start();
+      const echo = delayed.__render(8);
+      console.log("delay=" + echo[0].toFixed(3) + ":" + echo[2].toFixed(3));
+      `, { console: true });
+        expect(value("constant")).toBe("0.500:0.500");
+        expect(value("panner")).toBe("0.500:0.000");
+        expect(value("delay")).toBe("0.000:0.500");
+    });
+    it("decodes a WAV into a real AudioBuffer", () => {
+        const { value } = harness.compileAndRun("audio-decode", `
+      ${WAV_HELPERS}
+
+      async function main(): Promise<void> {
+        const ctx = new AudioContext({ __offline: true });
+        const decoded = await ctx.decodeAudioData(makeWav([0.5, -0.5, 0.25, 0.25]));
+        const channel = decoded.getChannelData(0);
+        console.log("format=" + decoded.numberOfChannels + ":" + decoded.length + ":" +
+          decoded.sampleRate + ":" + Math.round(decoded.duration * 48000));
+        console.log("samples=" + channel[0].toFixed(3) + "," + channel[1].toFixed(3) +
+          "," + channel[2].toFixed(3));
+        console.log("channel=" + (channel instanceof Float32Array) + ":" + channel.length);
+
+        // A typed-array view (not just a bare ArrayBuffer) is accepted too.
+        const view = new Uint8Array(makeWav([0.5, -0.5, 0.25, 0.25]));
+        const fromView = await ctx.decodeAudioData(view);
+        console.log("view=" + fromView.length + ":" +
+          fromView.getChannelData(0)[0].toFixed(3));
+      }
+      main();
+      `, { console: true });
+        expect(value("format")).toBe("1:4:48000:4");
+        expect(value("samples")).toBe("0.500,-0.500,0.250");
+        expect(value("channel")).toBe("true:4");
+        expect(value("view")).toBe("4:0.500");
+    });
+    it("mixes sources and a gain into the destination", () => {
+        const { value } = harness.compileAndRun("audio-mix", `
+      function constantSource(ctx: any, value: number): any {
+        const buffer = ctx.createBuffer(1, 256, 48000);
+        const data = buffer.getChannelData(0);
+        for (let i = 0; i < data.length; i++) data[i] = value;
+        const source = ctx.createBufferSource();
+        source.buffer = buffer;
+        return source;
+      }
+
+      // One source through a gain: 0.5 * 0.25 = 0.125 in both channels.
+      const ctx = new AudioContext({ __offline: true });
+      const source = constantSource(ctx, 0.5);
+      const gain = ctx.createGain();
+      gain.gain.value = 0.25;
+      source.connect(gain);
+      gain.connect(ctx.destination);
+      source.start(0);
+      const soft = ctx.__render(64);
+      console.log("gain=" + soft.length + ":" + soft[0].toFixed(3) + ":" +
+        soft[1].toFixed(3) + ":" + soft[126].toFixed(3));
+
+      // Two sources sum at the destination: 0.5 + 0.5 = 1.0.
+      const sum = new AudioContext({ __offline: true });
+      const first = constantSource(sum, 0.5);
+      first.connect(sum.destination);
+      first.start(0);
+      const second = constantSource(sum, 0.5);
+      second.connect(sum.destination);
+      second.start(0);
+      const both = sum.__render(8);
+      console.log("sum=" + both[0].toFixed(3) + ":" + both[14].toFixed(3));
+
+      // Stereo buffer: left 0.5, right -0.25.
+      const stereo = new AudioContext({ __offline: true });
+      const buffer = stereo.createBuffer(2, 64, 48000);
+      const left = buffer.getChannelData(0);
+      const right = buffer.getChannelData(1);
+      for (let i = 0; i < left.length; i++) { left[i] = 0.5; right[i] = -0.25; }
+      const player = stereo.createBufferSource();
+      player.buffer = buffer;
+      player.connect(stereo.destination);
+      player.start(0);
+      const channels = stereo.__render(4);
+      console.log("stereo=" + channels[0].toFixed(3) + ":" + channels[1].toFixed(3));
+      `, { console: true });
+        expect(value("gain")).toBe("128:0.125:0.125:0.125");
+        expect(value("sum")).toBe("1.000:1.000");
+        expect(value("stereo")).toBe("0.500:-0.250");
+    });
+    it("renders oscillator waveforms and AudioParam automation", () => {
+        const { value } = harness.compileAndRun("audio-params", `
+      // A 480 Hz sine at 48 kHz advances by 1/100 of a cycle per frame.
+      const ctx = new AudioContext({ __offline: true });
+      const osc = ctx.createOscillator();
+      osc.type = "sine";
+      osc.frequency.value = 480;
+      osc.connect(ctx.destination);
+      osc.start();
+      const sine = ctx.__render(4);
+      console.log("sine=" + sine[0].toFixed(4) + ":" + sine[2].toFixed(4) + ":" +
+        sine[4].toFixed(4) + ":" + sine[6].toFixed(4));
+
+      // A linear ramp from 0 to 1 over 48 frames, on a constant 0.5 source.
+      const rampCtx = new AudioContext({ __offline: true });
+      const buffer = rampCtx.createBuffer(1, 128, 48000);
+      const data = buffer.getChannelData(0);
+      for (let i = 0; i < data.length; i++) data[i] = 0.5;
+      const source = rampCtx.createBufferSource();
+      source.buffer = buffer;
+      const gain = rampCtx.createGain();
+      gain.gain.setValueAtTime(0, 0);
+      gain.gain.linearRampToValueAtTime(1, 48 / 48000);
+      source.connect(gain);
+      gain.connect(rampCtx.destination);
+      source.start(0);
+      const ramp = rampCtx.__render(64);
+      console.log("ramp=" + ramp[0].toFixed(3) + ":" + ramp[96].toFixed(3) + ":" +
+        ramp[126].toFixed(3));
+
+      // currentTime follows the rendered quanta (128-frame granularity).
+      console.log("clock=" + rampCtx.currentTime.toFixed(4));
+      `, { console: true });
+        expect(value("sine")).toBe("0.0000:0.0628:0.1253:0.1874");
+        expect(value("ramp")).toBe("0.000:0.500:0.500");
+        expect(value("clock")).toBe("0.0027");
+    });
+    it.skipIf(!mediaAvailable || OGG_BASE64.length === 0)("decodes compressed audio through the media extension", () => {
+        const { value } = harness.compileAndRun("audio-media", `
+        import { Buffer } from "buffer";
+
+        const OGG = ${JSON.stringify(OGG_BASE64)};
+
+        async function main(): Promise<void> {
+          const data: any = Buffer.from(OGG, "base64");
+          const ctx: any = new AudioContext({ __offline: true });
+          const decoded: any = await ctx.decodeAudioData(data);
+          console.log("bytes=" + data.length);
+          console.log("ogg=" + decoded.numberOfChannels + ":" + decoded.sampleRate + ":" +
+            (decoded.length > 50));
+        }
+        main();
+        `, { extensions: [mediaExtension, nodeExtension], console: true });
+        expect(value("bytes")).toBe("2707");
+        expect(value("ogg")).toBe("1:48000:true");
+    });
+    it("rejects bytes that are not a supported audio file", () => {
+        const { value } = harness.compileAndRun("audio-error", `
+      async function main(): Promise<void> {
+        const ctx = new AudioContext({ __offline: true });
+        try {
+          await ctx.decodeAudioData(new ArrayBuffer(16));
+          console.log("error=none");
+        } catch (e: any) {
+          console.log("error=" + e.name + ":" + (e.message.indexOf("decode") >= 0));
+        }
+      }
+      main();
+      `, { console: true });
+        expect(value("error")).toBe("EncodingError:true");
+    });
+});
+//# sourceMappingURL=gui-audio.test.js.map

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

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

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

@@ -74,7 +74,7 @@ describe.skipIf(!guiAvailable)("gui extension — browser globals", () => {
         expect(value("pending")).toBe("true");
         expect(value("audio")).toBe("48000:running:0.5");
         expect(value("buffer")).toBe("8:0.25:1");
-        expect(value("webgl")).toBe("undefined");
+        expect(value("webgl")).toBe("function");
         expect(value("adopt")).toBe("true:true");
         expect(value("bound")).toBe("hi:hi");
         expect(value("title")).toBe("ropes page:complete:false");

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

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

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

@@ -0,0 +1,6 @@
+/**
+ * End-to-end tests for the `gui` extension — CSS decorative effects:
+ * `@media`, generated content, background layers, `text-shadow`, `clip-path`
+ * and `filter`.
+ */
+export {};

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

@@ -0,0 +1,262 @@
+/**
+ * End-to-end tests for the `gui` extension — CSS decorative effects:
+ * `@media`, generated content, background layers, `text-shadow`, `clip-path`
+ * and `filter`.
+ */
+import { afterAll, beforeAll, describe, expect, it } from "vitest";
+import { createGuiHarness, guiAvailable } from "./gui-helpers.js";
+const harness = createGuiHarness();
+describe.skipIf(!guiAvailable)("gui extension — effects", () => {
+    beforeAll(() => harness.setup());
+    afterAll(() => harness.cleanup());
+    it("applies @media rules against the viewport and skips @media print", () => {
+        const { value } = harness.compileAndRun("media", `
+      import { createWindow, run } from "gui";
+
+      const HTML = \`
+      <html><head><style>
+        body { margin: 0; }
+        #a { width: 10px; height: 10px; background: #111111; }
+        @media (min-width: 600px) { #a { background: #ff0000; } }
+        @media (max-width: 500px) { #a { background: #00ff00; } }
+        @media (orientation: landscape) { #b { color: #0000ff; } }
+        @media print { #a { background: #000000; } }
+        @media (min-width: 1000px) { #a { background: #ffff00; } }
+        @media screen and (min-width: 100px) and (max-width: 900px) {
+          #c { color: #00ff00; }
+        }
+      </style></head><body>
+        <div id="a"></div><div id="b">b</div><div id="c">c</div>
+      </body></html>
+      \`;
+
+      const win = createWindow({ title: "media", width: 800, height: 600 });
+      win.on("ready", () => {
+        console.log("a=" + win.computedStyle("#a", "background-color"));
+        console.log("b=" + win.computedStyle("#b", "color"));
+        console.log("c=" + win.computedStyle("#c", "color"));
+        console.log("mq=" + win.matchMedia("(min-width: 600px)").matches);
+        win.close();
+      });
+      win.loadHTML(HTML);
+      run();
+      `);
+        // 800x600 matches min-width:600px but not max-width:500px/1000px/print.
+        expect(value("a")).toBe("rgb(255, 0, 0)");
+        expect(value("b")).toBe("rgb(0, 0, 255)");
+        expect(value("c")).toBe("rgb(0, 255, 0)");
+        expect(value("mq")).toBe("true");
+    });
+    it("generates ::before/::after boxes with content and places them in flow", () => {
+        const { value, stdout } = harness.compileAndRun("pseudo", `
+      import { createWindow, run } from "gui";
+
+      const HTML = \`
+      <html><head><style>
+        body { margin: 0; }
+        #card { position: relative; width: 120px; height: 30px; background: #202020; color: #ffffff; }
+        #card::before {
+          content: "B"; display: inline-block; width: 10px; height: 10px;
+          background: #00ff00; color: #ff0000;
+        }
+        #card::after { content: attr(data-tail); color: #0000ff; }
+        #none::before { content: none; }
+      </style></head><body>
+        <div id="card" data-tail="tail">card</div>
+        <div id="none">x</div>
+      </body></html>
+      \`;
+
+      const win = createWindow({ title: "pseudo", width: 400, height: 300 });
+      win.on("ready", () => {
+        console.log("count=" + win.paintCount());
+        console.log("children=" + win.queryCount("#card > *"));
+        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"));
+        // The synthetic nodes never appear in DOM traversal.
+        expect(value("children")).toBe("0");
+        // Generated text and the inline-block pseudo background are painted.
+        expect(list).toContain('"B"');
+        expect(list).toContain('"tail"');
+        expect(list).toContain("#00ff00ff");
+        // `content: none` generates no box: no colour of its own.
+        expect(list).not.toContain("#ffff00ff");
+        // The before box comes before the card's own text, the after box after it.
+        const before = list.indexOf('"B"');
+        const own = list.indexOf('"card"');
+        const after = list.indexOf('"tail"');
+        expect(before).toBeGreaterThanOrEqual(0);
+        expect(own).toBeGreaterThan(before);
+        expect(after).toBeGreaterThan(own);
+        // `paintCount` counts rectangles: the card's background and ::before's.
+        expect(Number(value("count"))).toBe(2);
+    });
+    it("paints multi-layer linear/radial backgrounds bottom-to-top", () => {
+        const { value, stdout } = harness.compileAndRun("backgrounds", `
+      import { createWindow, run } from "gui";
+
+      const HTML = \`
+      <html><head><style>
+        body { margin: 0; }
+        #g {
+          width: 100px; height: 60px;
+          background-color: #000000;
+          background-image:
+            radial-gradient(circle at 50% 50%, #ff0000, #00ff00),
+            linear-gradient(180deg, #0000ff, #000000);
+        }
+      </style></head><body><div id="g"></div></body></html>
+      \`;
+
+      const win = createWindow({ title: "backgrounds", width: 400, height: 300 });
+      win.on("ready", () => {
+        console.log("image=" + win.computedStyle("#g", "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")).toContain("radial-gradient()");
+        expect(value("image")).toContain("linear-gradient()");
+        // Both layers are painted: the red radial core and its green outer ring
+        // (the linear blue layer is underneath them).
+        expect(list).toContain("#ff0000ff");
+        expect(list).toContain("#00ff00ff");
+        expect(list).toMatch(/#0000[0-9a-f]{2}ff/);
+        // Radial bands plus the linear strips.
+        expect(Number(value("count"))).toBeGreaterThan(30);
+    });
+    it("paints text-shadow copies behind the text", () => {
+        const { value, stdout } = harness.compileAndRun("text-shadow", `
+      import { createWindow, run } from "gui";
+
+      const HTML = \`
+      <html><head><style>
+        body { margin: 0; }
+        #t { font-size: 20px; color: #ffffff; text-shadow: 2px 3px 0 #ff0000; }
+      </style></head><body><div id="t">Hi</div></body></html>
+      \`;
+
+      const win = createWindow({ title: "text-shadow", width: 400, height: 300 });
+      win.on("ready", () => {
+        console.log("shadow=" + win.computedStyle("#t", "text-shadow"));
+        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("shadow")).toBe("2px 3px rgb(255, 0, 0)");
+        expect(list).toContain('text x=2.0 baseline=');
+        expect(list).toContain('color=#ff0000ff "Hi" shadow=1');
+        // The main run is still painted in the text colour.
+        expect(list).toContain('color=#ffffffff "Hi"');
+    });
+    it("clips boxes and descendants with clip-path", () => {
+        const { value, stdout } = harness.compileAndRun("clip-path", `
+      import { createWindow, run } from "gui";
+
+      const HTML = \`
+      <html><head><style>
+        body { margin: 0; }
+        #c {
+          position: relative; width: 100px; height: 100px; background: #ff0000;
+          clip-path: inset(10px 20px 30px 40px);
+        }
+        #in { position: absolute; left: 0; top: 0; width: 20px; height: 20px; background: #0000ff; }
+        #p { width: 50px; height: 50px; background: #00ff00;
+             clip-path: polygon(50% 0, 100% 100%, 0 100%); }
+      </style></head><body>
+        <div id="c"><div id="in"></div></div>
+        <div id="p"></div>
+      </body></html>
+      \`;
+
+      const win = createWindow({ title: "clip", width: 400, height: 300 });
+      win.on("ready", () => {
+        console.log("inset=" + win.computedStyle("#c", "clip-path"));
+        console.log("polygon=" + win.computedStyle("#p", "clip-path"));
+        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("inset")).toBe("inset(10px 20px 30px 40px)");
+        expect(value("polygon")).toContain("polygon(");
+        expect(value("polygon")).toContain("50%");
+        expect(value("polygon")).toContain("100%");
+        // Both the clipped box and its child carry the resolved path index.
+        expect(list).toContain("clip-path=0");
+        expect(list).toContain("#ff0000ff");
+        expect(list).toContain("#0000ffff");
+    });
+    it("applies colour filters and approximates blur/drop-shadow", () => {
+        const { value, stdout } = harness.compileAndRun("filter", `
+      import { createWindow, run } from "gui";
+
+      const HTML = \`
+      <html><head><style>
+        body { margin: 0; }
+        #grey { width: 100px; height: 50px; background: #ff0000;
+                filter: grayscale(1) brightness(1.2); }
+        #dim { width: 10px; height: 10px; background: #ffffff; filter: opacity(0.5); }
+        #soft { position: absolute; left: 0; top: 100px; width: 20px; height: 20px;
+                background: #00ff00; filter: blur(4px); }
+        #shadow { position: absolute; left: 200px; top: 0; width: 20px; height: 20px;
+                  background: #0000ff; filter: drop-shadow(5px 5px 0 #000000); }
+        #glass { position: absolute; left: 250px; top: 0; width: 20px; height: 20px;
+                 backdrop-filter: blur(4px) brightness(0.5); }
+      </style></head><body>
+        <div id="grey"></div><div id="dim"></div><div id="soft"></div><div id="shadow"></div>
+        <div id="glass"></div>
+      </body></html>
+      \`;
+
+      const win = createWindow({ title: "filter", width: 400, height: 300 });
+      win.on("ready", () => {
+        console.log("filter=" + win.computedStyle("#grey", "filter"));
+        console.log("backdrop=" + win.computedStyle("#glass", "backdrop-filter"));
+        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("filter")).toBe("grayscale(1) brightness(1.2)");
+        // `backdrop-filter` parses/cascades; it is not painted (no backdrop pass).
+        expect(value("backdrop")).toBe("blur(4px) brightness(0.5)");
+        // grayscale(red) = 0.2126, brightness 1.2 = 0.2551 -> #414141.
+        expect(list).toContain("#414141ff");
+        // opacity(0.5) halves the painted alpha.
+        expect(list).toContain("#ffffff80");
+        // blur(4px) spreads the green box into nine translucent copies.
+        expect(Number(value("count"))).toBeGreaterThan(9);
+        // drop-shadow paints a black rectangle behind the blue box.
+        expect(list).toContain("#000000ff");
+        expect(list).toContain("#0000ffff");
+    });
+});
+//# sourceMappingURL=gui-effects.test.js.map

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

@@ -0,0 +1 @@
+{"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-example-webgl.test.d.ts

@@ -0,0 +1,10 @@
+/**
+ * End-to-end smoke test for `examples/gui/webgl-cube`.
+ *
+ * The scene (`scene.js`) is loaded by `index.html` as a classic script, so a
+ * browser runs the same document. The test compiles the native host, runs it
+ * with an auto-close guard, and checks the readback probes: the cube's faces
+ * are lit by the directional light and the whole frame is produced by WebGL on
+ * the GPU.
+ */
+export {};