xbintsc 0.5.37 → 0.5.41

package/dist/tests/e2e/gui-webgl2-shadow-sampler.test.js

@@ -0,0 +1,336 @@
+/**
+ * GUI e2e: comparative shadow samplers and `gl_FragDepth`.
+ *
+ * `sampler2DShadow` must reach SDL_GPU as a comparison sampler, and a fragment
+ * shader that writes `gl_FragDepth` must actually update the depth attachment.
+ * Both are checked by rendering and reading pixels back.
+ */
+import { afterAll, beforeAll, describe, expect, it } from "vitest";
+import { createGuiHarness, guiAvailable } from "./gui-helpers.js";
+const harness = createGuiHarness();
+const PAGE = `
+<html><head><title>webgl2-shadow-sampler</title></head>
+<body style="margin:0">
+  <canvas id="c" width="64" height="64"></canvas>
+</body></html>`;
+describe.skipIf(!guiAvailable)("gui extension — shadow samplers and gl_FragDepth", () => {
+    beforeAll(() => harness.setup());
+    afterAll(() => harness.cleanup());
+    it("samples a depth texture through sampler2DShadow", () => {
+        const { value } = harness.compileAndRun("webgl2-shadow-sampler", `
+      import { createWindow } from "gui";
+      import page from "./page.html";
+
+      const win = createWindow({ title: "shadow-sampler", width: 320, height: 240 });
+      const label = (name: string, value: any): void => console.log(name + "=" + value);
+
+      win.on("ready", () => {
+        const canvas: any = document.getElementById("c");
+        const gl: any = canvas.getContext("webgl2");
+        if (gl == null) {
+          console.log("webgl2=false");
+          win.close();
+          return;
+        }
+        const px = new Uint8Array(4);
+        const probe = (): string => {
+          gl.readPixels(32, 32, 1, 1, gl.RGBA, gl.UNSIGNED_BYTE, px);
+          return px[0] + "," + px[1] + "," + px[2] + "," + px[3];
+        };
+
+        const vs: any = gl.createShader(gl.VERTEX_SHADER);
+        gl.shaderSource(vs, "#version 300 es\\n" +
+          "in vec2 a_pos; void main() { gl_Position = vec4(a_pos, 0.0, 1.0); }");
+        gl.compileShader(vs);
+
+        const fs: any = gl.createShader(gl.FRAGMENT_SHADER);
+        gl.shaderSource(fs, "#version 300 es\\n" +
+          "precision highp float;\\n" +
+          "uniform highp sampler2DShadow u_depth;\\n" +
+          "uniform highp float u_ref;\\n" +
+          "out highp vec4 fragColor;\\n" +
+          "void main() {\\n" +
+          "  float v = texture(u_depth, vec3(0.5, 0.5, u_ref));\\n" +
+          "  fragColor = vec4(v, v, v, 1.0);\\n" +
+          "}");
+        gl.compileShader(fs);
+        const fs_ok = gl.getShaderParameter(fs, gl.COMPILE_STATUS);
+        label("fs", fs_ok === true ? "true" : "false:" + gl.getShaderInfoLog(fs));
+
+        const program: any = gl.createProgram();
+        gl.attachShader(program, vs);
+        gl.attachShader(program, fs);
+        gl.linkProgram(program);
+        label("link", gl.getProgramParameter(program, gl.LINK_STATUS) === true);
+
+        const quad = gl.createBuffer();
+        gl.bindBuffer(gl.ARRAY_BUFFER, quad);
+        gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([-1, -1, 3, -1, -1, 3]), gl.STATIC_DRAW);
+        gl.useProgram(program);
+        const pos: any = gl.getAttribLocation(program, "a_pos");
+        gl.enableVertexAttribArray(pos);
+        gl.vertexAttribPointer(pos, 2, gl.FLOAT, false, 8, 0);
+
+        // A depth texture cleared to 0.5, attached to a 16x16 framebuffer.
+        const depthTex: any = gl.createTexture();
+        gl.bindTexture(gl.TEXTURE_2D, depthTex);
+        gl.texImage2D(gl.TEXTURE_2D, 0, gl.DEPTH_COMPONENT24, 16, 16, 0,
+          gl.DEPTH_COMPONENT, gl.UNSIGNED_INT, null);
+        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST);
+        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST);
+        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_COMPARE_MODE, gl.COMPARE_REF_TO_TEXTURE);
+        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_COMPARE_FUNC, gl.LEQUAL);
+        label("compare-mode", gl.getTexParameter(gl.TEXTURE_2D, gl.TEXTURE_COMPARE_MODE));
+        label("compare-func", gl.getTexParameter(gl.TEXTURE_2D, gl.TEXTURE_COMPARE_FUNC));
+
+        const colorTex: any = gl.createTexture();
+        gl.bindTexture(gl.TEXTURE_2D, colorTex);
+        gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA8, 16, 16, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);
+
+        const fb: any = gl.createFramebuffer();
+        gl.bindFramebuffer(gl.FRAMEBUFFER, fb);
+        gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, colorTex, 0);
+        gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.DEPTH_ATTACHMENT, gl.TEXTURE_2D, depthTex, 0);
+        label("framebuffer", gl.checkFramebufferStatus(gl.FRAMEBUFFER) === gl.FRAMEBUFFER_COMPLETE);
+        gl.viewport(0, 0, 16, 16);
+        gl.clearColor(0, 0, 0, 1);
+        gl.clearDepth(0.5);
+        gl.clear(gl.COLOR_BUFFER_BIT | gl.DEPTH_BUFFER_BIT);
+
+        gl.bindFramebuffer(gl.FRAMEBUFFER, null);
+        gl.viewport(0, 0, 64, 64);
+        gl.activeTexture(gl.TEXTURE0);
+        gl.bindTexture(gl.TEXTURE_2D, depthTex);
+        gl.uniform1i(gl.getUniformLocation(program, "u_depth"), 0);
+        const ref: any = gl.getUniformLocation(program, "u_ref");
+
+        gl.clearColor(0, 0, 0, 1);
+        gl.clear(gl.COLOR_BUFFER_BIT);
+        gl.uniform1f(ref, 0.25);
+        gl.drawArrays(gl.TRIANGLES, 0, 3);
+        label("passes", probe());
+
+        gl.clear(gl.COLOR_BUFFER_BIT);
+        gl.uniform1f(ref, 0.75);
+        gl.drawArrays(gl.TRIANGLES, 0, 3);
+        label("fails", probe());
+        label("error", gl.getError());
+        win.close();
+      });
+      win.loadHTML(page);
+      `, { files: { "page.html": PAGE } });
+        expect(value("fs")).toBe("true");
+        expect(value("link")).toBe("true");
+        expect(value("compare-mode")).toBe("34894"); // COMPARE_REF_TO_TEXTURE, 0x884e
+        expect(value("compare-func")).toBe("515"); // LEQUAL, 0x0203
+        expect(value("framebuffer")).toBe("true");
+        // ref 0.25 <= stored 0.5 -> pass (white); ref 0.75 > 0.5 -> fail (black).
+        expect(value("passes")).toBe("255,255,255,255");
+        expect(value("fails")).toBe("0,0,0,255");
+        expect(value("error")).toBe("0");
+    });
+    it("writes gl_FragDepth into the depth attachment", () => {
+        const { value } = harness.compileAndRun("webgl2-frag-depth", `
+      import { createWindow } from "gui";
+      import page from "./page.html";
+
+      const win = createWindow({ title: "frag-depth", width: 320, height: 240 });
+      const label = (name: string, value: any): void => console.log(name + "=" + value);
+
+      win.on("ready", () => {
+        const canvas: any = document.getElementById("c");
+        const gl: any = canvas.getContext("webgl2");
+        if (gl == null) {
+          console.log("webgl2=false");
+          win.close();
+          return;
+        }
+        const px = new Uint8Array(4);
+        const probe = (): string => {
+          gl.readPixels(32, 32, 1, 1, gl.RGBA, gl.UNSIGNED_BYTE, px);
+          return px[0] + "," + px[1] + "," + px[2] + "," + px[3];
+        };
+
+        const vs: any = gl.createShader(gl.VERTEX_SHADER);
+        gl.shaderSource(vs, "#version 300 es\\n" +
+          "in vec2 a_pos; uniform float u_z;" +
+          "void main() { gl_Position = vec4(a_pos, u_z, 1.0); }");
+        gl.compileShader(vs);
+
+        const depth_fs: any = gl.createShader(gl.FRAGMENT_SHADER);
+        gl.shaderSource(depth_fs, "#version 300 es\\n" +
+          "precision highp float; out vec4 fragColor;\\n" +
+          "void main() { gl_FragDepth = 0.25; fragColor = vec4(0.0, 0.0, 0.0, 1.0); }");
+        gl.compileShader(depth_fs);
+        label("depth-fs", gl.getShaderParameter(depth_fs, gl.COMPILE_STATUS) === true);
+
+        const red_fs: any = gl.createShader(gl.FRAGMENT_SHADER);
+        gl.shaderSource(red_fs, "#version 300 es\\n" +
+          "precision highp float; out vec4 fragColor;\\n" +
+          "void main() { fragColor = vec4(1.0, 0.0, 0.0, 1.0); }");
+        gl.compileShader(red_fs);
+
+        const depth_program: any = gl.createProgram();
+        gl.attachShader(depth_program, vs);
+        gl.attachShader(depth_program, depth_fs);
+        gl.linkProgram(depth_program);
+        label("depth-link", gl.getProgramParameter(depth_program, gl.LINK_STATUS) === true);
+
+        const red_program: any = gl.createProgram();
+        gl.attachShader(red_program, vs);
+        gl.attachShader(red_program, red_fs);
+        gl.linkProgram(red_program);
+        label("red-link", gl.getProgramParameter(red_program, gl.LINK_STATUS) === true);
+
+        const quad = gl.createBuffer();
+        gl.bindBuffer(gl.ARRAY_BUFFER, quad);
+        gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([-1, -1, 3, -1, -1, 3]), gl.STATIC_DRAW);
+
+        gl.viewport(0, 0, 64, 64);
+        gl.clearColor(0, 0, 0, 1);
+        gl.clearDepth(1.0);
+        gl.clear(gl.COLOR_BUFFER_BIT | gl.DEPTH_BUFFER_BIT);
+
+        gl.enable(gl.DEPTH_TEST);
+        gl.depthFunc(gl.ALWAYS);
+        gl.depthMask(true);
+        gl.useProgram(depth_program);
+        let pos: any = gl.getAttribLocation(depth_program, "a_pos");
+        gl.enableVertexAttribArray(pos);
+        gl.vertexAttribPointer(pos, 2, gl.FLOAT, false, 8, 0);
+        gl.uniform1f(gl.getUniformLocation(depth_program, "u_z"), 0.0);
+        gl.drawArrays(gl.TRIANGLES, 0, 3);
+
+        // z = 0.5 is farther than the 0.25 the first pass wrote, so LESS fails.
+        gl.depthFunc(gl.LESS);
+        gl.depthMask(false);
+        gl.useProgram(red_program);
+        pos = gl.getAttribLocation(red_program, "a_pos");
+        gl.enableVertexAttribArray(pos);
+        gl.vertexAttribPointer(pos, 2, gl.FLOAT, false, 8, 0);
+        gl.uniform1f(gl.getUniformLocation(red_program, "u_z"), 0.5);
+        gl.drawArrays(gl.TRIANGLES, 0, 3);
+        label("occluded", probe());
+
+        gl.depthMask(true);
+        gl.disable(gl.DEPTH_TEST);
+        label("error", gl.getError());
+        win.close();
+      });
+      win.loadHTML(page);
+      `, { files: { "page.html": PAGE } });
+        expect(value("depth-fs")).toBe("true");
+        expect(value("depth-link")).toBe("true");
+        expect(value("red-link")).toBe("true");
+        // If gl_FragDepth were ignored the depth stayed 1.0 and the red quad would
+        // have painted over the black first pass.
+        expect(value("occluded")).toBe("0,0,0,255");
+        expect(value("error")).toBe("0");
+    });
+    it("copies a depth attachment with blitFramebuffer", () => {
+        const { value } = harness.compileAndRun("webgl2-depth-blit", `
+      import { createWindow } from "gui";
+      import page from "./page.html";
+
+      const win = createWindow({ title: "depth-blit", width: 320, height: 240 });
+      const label = (name: string, value: any): void => console.log(name + "=" + value);
+
+      win.on("ready", () => {
+        const canvas: any = document.getElementById("c");
+        const gl: any = canvas.getContext("webgl2");
+        if (gl == null) {
+          console.log("webgl2=false");
+          win.close();
+          return;
+        }
+        const px = new Uint8Array(4);
+        const probe = (x: number, y: number): string => {
+          gl.readPixels(x, y, 1, 1, gl.RGBA, gl.UNSIGNED_BYTE, px);
+          return px[0] + "," + px[1] + "," + px[2] + "," + px[3];
+        };
+        const make_program = (vs_source: string, fs_source: string): any => {
+          const vs: any = gl.createShader(gl.VERTEX_SHADER);
+          gl.shaderSource(vs, vs_source);
+          gl.compileShader(vs);
+          const fs: any = gl.createShader(gl.FRAGMENT_SHADER);
+          gl.shaderSource(fs, fs_source);
+          gl.compileShader(fs);
+          const program: any = gl.createProgram();
+          gl.attachShader(program, vs);
+          gl.attachShader(program, fs);
+          gl.linkProgram(program);
+          return program;
+        };
+        const show = make_program(
+          "#version 300 es\\nin vec2 a_pos; out vec2 v_uv;" +
+          "void main() { v_uv = a_pos * 0.5 + 0.5;" +
+          "  gl_Position = vec4(a_pos, 0.0, 1.0); }",
+          "#version 300 es\\nprecision highp float; in vec2 v_uv;" +
+          "uniform sampler2D u_tex; out vec4 fragColor;" +
+          "void main() { fragColor = vec4(vec3(texture(u_tex, v_uv).r), 1.0); }");
+        label("show-link", gl.getProgramParameter(show, gl.LINK_STATUS) === true);
+
+        const make_target = (depth_value: number): any[] => {
+          const depth: any = gl.createTexture();
+          gl.bindTexture(gl.TEXTURE_2D, depth);
+          gl.texImage2D(gl.TEXTURE_2D, 0, gl.DEPTH_COMPONENT24, 16, 16, 0,
+            gl.DEPTH_COMPONENT, gl.UNSIGNED_INT, null);
+          gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST);
+          gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST);
+          const color: any = gl.createTexture();
+          gl.bindTexture(gl.TEXTURE_2D, color);
+          gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA8, 16, 16, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);
+          const fb: any = gl.createFramebuffer();
+          gl.bindFramebuffer(gl.FRAMEBUFFER, fb);
+          gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, color, 0);
+          gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.DEPTH_ATTACHMENT, gl.TEXTURE_2D, depth, 0);
+          gl.viewport(0, 0, 16, 16);
+          gl.clearColor(0, 0, 0, 1);
+          gl.clearDepth(depth_value);
+          gl.clear(gl.COLOR_BUFFER_BIT | gl.DEPTH_BUFFER_BIT);
+          return [fb, color, depth];
+        };
+        const source = make_target(0.25);
+        const destination = make_target(1.0);
+        label("complete",
+          gl.checkFramebufferStatus(gl.FRAMEBUFFER) === gl.FRAMEBUFFER_COMPLETE);
+
+        // Copy only the left half of the source into the right half of the
+        // destination; the destination's left half must keep depth 1.0.
+        gl.bindFramebuffer(gl.READ_FRAMEBUFFER, source[0]);
+        gl.bindFramebuffer(gl.DRAW_FRAMEBUFFER, destination[0]);
+        gl.blitFramebuffer(0, 0, 8, 16, 8, 0, 16, 16, gl.DEPTH_BUFFER_BIT, gl.NEAREST);
+        label("blit-error", gl.getError());
+
+        gl.bindFramebuffer(gl.FRAMEBUFFER, null);
+        gl.viewport(0, 0, 64, 64);
+        gl.useProgram(show);
+        gl.uniform1i(gl.getUniformLocation(show, "u_tex"), 0);
+        gl.activeTexture(gl.TEXTURE0);
+        gl.bindTexture(gl.TEXTURE_2D, destination[2]);
+        gl.clearColor(0, 0, 0, 1);
+        gl.clear(gl.COLOR_BUFFER_BIT);
+        const quad = gl.createBuffer();
+        gl.bindBuffer(gl.ARRAY_BUFFER, quad);
+        gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([-1, -1, 3, -1, -1, 3]), gl.STATIC_DRAW);
+        const pos: any = gl.getAttribLocation(show, "a_pos");
+        gl.enableVertexAttribArray(pos);
+        gl.vertexAttribPointer(pos, 2, gl.FLOAT, false, 8, 0);
+        gl.drawArrays(gl.TRIANGLES, 0, 3);
+        label("untouched", probe(16, 32));
+        label("copied", probe(48, 32));
+        win.close();
+      });
+      win.loadHTML(page);
+      `, { files: { "page.html": PAGE } });
+        expect(value("show-link")).toBe("true");
+        expect(value("complete")).toBe("true");
+        expect(value("blit-error")).toBe("0");
+        // 1.0 stays white; the copied 0.25 depth reads back near 64.
+        expect(value("untouched")).toBe("255,255,255,255");
+        const copied = value("copied").split(",").map(Number);
+        expect(copied[0] ?? 0).toBeGreaterThan(55);
+        expect(copied[0] ?? 0).toBeLessThan(75);
+    });
+});
+//# sourceMappingURL=gui-webgl2-shadow-sampler.test.js.map

package/dist/tests/e2e/gui-webgl2-shadow-sampler.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gui-webgl2-shadow-sampler.test.js","sourceRoot":"","sources":["../../../tests/e2e/gui-webgl2-shadow-sampler.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 {};

package/dist/tests/e2e/gui-webgl2-shadow.test.js

@@ -0,0 +1,108 @@
+/**
+ * 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.
+ */
+import { afterAll, beforeAll, describe, expect, it } from "vitest";
+import { createGuiHarness, guiAvailable } from "./gui-helpers.js";
+const harness = createGuiHarness();
+const PAGE = `
+<html><head><title>webgl2-shadow</title></head>
+<body style="margin:0">
+  <canvas id="c" width="64" height="64"></canvas>
+  <canvas id="c1" width="32" height="32"></canvas>
+</body></html>`;
+describe.skipIf(!guiAvailable)("gui extension — WebGL 2 identity and sampler arrays", () => {
+    beforeAll(() => harness.setup());
+    afterAll(() => harness.cleanup());
+    it("reports the WebGL 2 constructor/prototype and unrolls shadow loops", () => {
+        const { value } = harness.compileAndRun("webgl2-shadow", `
+      import { createWindow } from "gui";
+      import page from "./page.html";
+
+      const win = createWindow({ title: "webgl2-shadow", width: 320, height: 240 });
+      const label = (name: string, value: any): void => console.log(name + "=" + value);
+
+      win.on("ready", () => {
+        const canvas: any = document.getElementById("c");
+        const gl: any = canvas.getContext("webgl2");
+        label("webgl2", gl != null);
+        if (gl == null) {
+          win.close();
+          return;
+        }
+        label("constructor", gl.constructor.name);
+        label("instanceof-webgl2", gl instanceof WebGL2RenderingContext);
+        label("instanceof-webgl1", gl instanceof WebGLRenderingContext);
+        label("constructor-after-global", gl.constructor.name);
+        label("canvas", gl.canvas === canvas);
+        label("drawing-buffer", gl.drawingBufferWidth + "x" + gl.drawingBufferHeight);
+        label("shared-prototype",
+          gl.constructor.prototype === WebGLRenderingContext.prototype);
+
+        const canvas1: any = document.getElementById("c1");
+        const gl1: any = canvas1.getContext("webgl");
+        label("webgl1", gl1 != null);
+        if (gl1 != null) {
+          label("constructor1", gl1.constructor.name);
+          label("gl1-instanceof-webgl2", gl1 instanceof WebGL2RenderingContext);
+          label("gl1-instanceof-webgl1", gl1 instanceof WebGLRenderingContext);
+        }
+
+        const vs: any = gl.createShader(gl.VERTEX_SHADER);
+        gl.shaderSource(vs, "#version 300 es\\n" +
+          "in vec2 a_pos; void main() { gl_Position = vec4(a_pos, 0.0, 1.0); }");
+        gl.compileShader(vs);
+        label("vs", gl.getShaderParameter(vs, gl.COMPILE_STATUS));
+
+        const fs: any = gl.createShader(gl.FRAGMENT_SHADER);
+        gl.shaderSource(fs, "#version 300 es\\n" +
+          "precision highp float;\\n" +
+          "uniform sampler2D u_shadowMap[2];\\n" +
+          "out highp vec4 fragColor;\\n" +
+          "void main() {\\n" +
+          "  float shadow = 0.0;\\n" +
+          "  #pragma unroll_loop_start\\n" +
+          "  for ( int i = 0; i < 2; i ++ ) {\\n" +
+          "    #if ( UNROLLED_LOOP_INDEX < 2 )\\n" +
+          "    shadow += texture( u_shadowMap[ i ], vec2( 0.5 ) ).r;\\n" +
+          "    #endif\\n" +
+          "  }\\n" +
+          "  #pragma unroll_loop_end\\n" +
+          "  fragColor = vec4( shadow );\\n" +
+          "}");
+        gl.compileShader(fs);
+        const ok = gl.getShaderParameter(fs, gl.COMPILE_STATUS);
+        label("fs", ok === true ? "true" : "false:" + gl.getShaderInfoLog(fs));
+
+        const program: any = gl.createProgram();
+        gl.attachShader(program, vs);
+        gl.attachShader(program, fs);
+        gl.linkProgram(program);
+        label("link", gl.getProgramParameter(program, gl.LINK_STATUS));
+        win.close();
+      });
+      win.loadHTML(page);
+      `, { files: { "page.html": PAGE } });
+        expect(value("webgl2")).toBe("true");
+        expect(value("constructor")).toBe("WebGL2RenderingContext");
+        expect(value("instanceof-webgl2")).toBe("true");
+        expect(value("instanceof-webgl1")).toBe("false");
+        expect(value("constructor-after-global")).toBe("WebGL2RenderingContext");
+        expect(value("shared-prototype")).toBe("false");
+        expect(value("canvas")).toBe("true");
+        expect(value("drawing-buffer")).toBe("64x64");
+        expect(value("webgl1")).toBe("true");
+        expect(value("constructor1")).toBe("WebGLRenderingContext");
+        expect(value("gl1-instanceof-webgl2")).toBe("false");
+        expect(value("gl1-instanceof-webgl1")).toBe("true");
+        expect(value("vs")).toBe("true");
+        expect(value("fs")).toBe("true");
+        expect(value("link")).toBe("true");
+    });
+});
+//# sourceMappingURL=gui-webgl2-shadow.test.js.map

package/dist/tests/e2e/gui-webgl2-shadow.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gui-webgl2-shadow.test.js","sourceRoot":"","sources":["../../../tests/e2e/gui-webgl2-shadow.test.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;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,MAAM,IAAI,GAAG;;;;;eAKE,CAAC;AAEhB,QAAQ,CAAC,MAAM,CAAC,CAAC,YAAY,CAAC,CAAC,qDAAqD,EAAE,GAAG,EAAE;IACzF,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,oEAAoE,EAAE,GAAG,EAAE;QAC5E,MAAM,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC,aAAa,CACrC,eAAe,EACf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAmEC,EACD,EAAE,KAAK,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,EAAE,CACjC,CAAC;QAEF,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACrC,MAAM,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,wBAAwB,CAAC,CAAC;QAC5D,MAAM,CAAC,KAAK,CAAC,mBAAmB,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAChD,MAAM,CAAC,KAAK,CAAC,mBAAmB,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACjD,MAAM,CAAC,KAAK,CAAC,0BAA0B,CAAC,CAAC,CAAC,IAAI,CAAC,wBAAwB,CAAC,CAAC;QACzE,MAAM,CAAC,KAAK,CAAC,kBAAkB,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAChD,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACrC,MAAM,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAC9C,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACrC,MAAM,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,uBAAuB,CAAC,CAAC;QAC5D,MAAM,CAAC,KAAK,CAAC,uBAAuB,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACrD,MAAM,CAAC,KAAK,CAAC,uBAAuB,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACpD,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACjC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACjC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACrC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/tests/e2e/url.test.d.ts

@@ -0,0 +1,6 @@
+/**
+ * URL: relative-reference resolution and the components a compiled program
+ * reads. A reference with no scheme is a filesystem path and defaults to the
+ * `file:` protocol (resolved against the working directory).
+ */
+export {};

package/dist/tests/e2e/url.test.js

@@ -0,0 +1,114 @@
+/**
+ * URL: relative-reference resolution and the components a compiled program
+ * reads. A reference with no scheme is a filesystem path and defaults to the
+ * `file:` protocol (resolved against the working directory).
+ */
+import { join } from "node:path";
+import { tmpdir } from "node:os";
+import { mkdtempSync, rmSync, writeFileSync } from "node:fs";
+import { afterAll, expect, it } from "vitest";
+import { describeE2E } from "./harness.js";
+const workdir = mkdtempSync(join(tmpdir(), "xbintsc-url-"));
+afterAll(() => rmSync(workdir, { recursive: true, force: true }));
+describeE2E("URL", (harness) => {
+    it("resolves relative references and exposes the components", () => {
+        const out = harness.runProgram(`
+      const base = new URL("https://example.com/a/b/index.html?x=1#h");
+      console.log(base.href);
+      console.log(new URL("../img/pic.png", base).href);
+      console.log(new URL("/root", base).href);
+      console.log(new URL("//cdn.example.com/x", base).href);
+      console.log(new URL("./x", "https://example.com/a/b/").href);
+      console.log(base.protocol, base.host, base.hostname, base.port);
+      console.log(base.pathname, base.search, base.hash);
+      console.log(base.toString());
+
+      const file = new URL("file:///D:/proj/build/app.exe");
+      console.log(file.origin, file.protocol, new URL("../../audio/clip.mp3", file).href);
+    `);
+        expect(out).toBe([
+            "https://example.com/a/b/index.html?x=1#h",
+            "https://example.com/a/img/pic.png",
+            "https://example.com/root",
+            "https://cdn.example.com/x",
+            "https://example.com/a/b/x",
+            "https: example.com example.com ",
+            "/a/b/index.html ?x=1 #h",
+            "https://example.com/a/b/index.html?x=1#h",
+            "null file: file:///D:/audio/clip.mp3",
+        ].join("\n"));
+    });
+    it("defaults a scheme-less reference to file://", () => {
+        const out = harness.runProgram(`
+      const url = new URL("./assets/model.glb?rev=2#top");
+      console.log(url.protocol);
+      console.log(url.origin);
+      console.log(url.href.startsWith("file:///"));
+      console.log(url.pathname.endsWith("/assets/model.glb"));
+      console.log(url.search, url.searchParams.get("rev"));
+      console.log(url.hash);
+      console.log(new URL("/tmp/shared.txt").href.startsWith("file:///"));
+      console.log(new URL("nested/file.txt").pathname.endsWith("/nested/file.txt"));
+    `);
+        expect(out).toBe([
+            "file:",
+            "null",
+            "true",
+            "true",
+            "?rev=2 2",
+            "#top",
+            "true",
+            "true",
+        ].join("\n"));
+    });
+    it("canonicalizes the Windows spellings of a file: URL", () => {
+        const windowsForm = JSON.stringify("file://C:\\proj\\build\\app.exe");
+        const backslashForm = JSON.stringify("file://D:\\assets\\model.glb?rev=2#top");
+        const out = harness.runProgram(`
+      const drive = new URL(${windowsForm});
+      console.log(drive.href);
+      console.log(drive.pathname, JSON.stringify(drive.host), drive.origin);
+      const backslash = new URL(${backslashForm});
+      console.log(backslash.href);
+      console.log(backslash.pathname, backslash.search, backslash.hash);
+    `);
+        expect(out).toBe([
+            "file:///C:/proj/build/app.exe",
+            "/C:/proj/build/app.exe \"\" null",
+            "file:///D:/assets/model.glb?rev=2#top",
+            "/D:/assets/model.glb ?rev=2 #top",
+        ].join("\n"));
+    });
+    it("reads relative and file: URLs with fetch", async () => {
+        const target = join(workdir, "payload.json");
+        writeFileSync(target, '{"value":"ok"}');
+        const out = harness.runProgram(`
+      async function main(): Promise<void> {
+        const response = await fetch(${JSON.stringify(target)});
+        console.log("status=" + response.status + " ok=" + response.ok);
+        const data: any = await response.json();
+        console.log("value=" + data.value);
+        console.log("file=" + (await fetch(${JSON.stringify("file://" + target)})).status);
+        const missing = await fetch(${JSON.stringify(join(workdir, "missing.txt"))}).then(
+          () => "resolved",
+          (error: any) => "rejected:" + (error instanceof TypeError),
+        );
+        console.log("missing=" + missing);
+        const empty = await fetch("").then(
+          () => "resolved",
+          (error: any) => "rejected:" + (error instanceof TypeError),
+        );
+        console.log("empty=" + empty);
+      }
+      main();
+    `);
+        expect(out).toBe([
+            "status=200 ok=true",
+            "value=ok",
+            "file=200",
+            "missing=rejected:true",
+            "empty=rejected:true",
+        ].join("\n"));
+    });
+});
+//# sourceMappingURL=url.test.js.map

package/dist/tests/e2e/url.test.js.map

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