diff --git a/bench/baked-shadow-diagnose.mjs b/bench/baked-shadow-diagnose.mjs
deleted file mode 100644
index 6a5bc9a3..00000000
--- a/bench/baked-shadow-diagnose.mjs
+++ /dev/null
@@ -1,139 +0,0 @@
-#!/usr/bin/env node
-/**
- * Visual + structural diagnostic for the baked-mode cast-shadow path.
- *
- * Renders the same minimal cube-on-a-ground scene in four configurations
- * (baked/dynamic × castShadow on/off) and reports:
- * - element counts (leaves, shadow leaves, mesh wrappers)
- * - scene-root state (`--shadow-ground-cssz`, `--clx`, data-polycss-lighting)
- * - inline transform on the first few shadow leaves
- * - a screenshot of each variant
- *
- * Usage:
- * node bench/baked-shadow-diagnose.mjs # headless, all variants
- * node bench/baked-shadow-diagnose.mjs --headed # open browser
- * node bench/baked-shadow-diagnose.mjs --port=4400
- *
- * Requires the bench bundle to be built first (`node bench/build.mjs` or
- * `pnpm bench:build`).
- */
-import { chromium } from "playwright";
-import { spawn } from "node:child_process";
-import { mkdir, writeFile } from "node:fs/promises";
-import { resolve, dirname } from "node:path";
-import { fileURLToPath } from "node:url";
-import { chromiumArgsWithGpuDefault } from "./chromium-defaults.mjs";
-
-const __dirname = dirname(fileURLToPath(import.meta.url));
-const repoRoot = resolve(__dirname, "..");
-
-const argv = process.argv.slice(2);
-const optStr = (name, dflt = "") => {
- const i = argv.indexOf(`--${name}`);
- if (i >= 0) return argv[i + 1] ?? dflt;
- const eq = argv.find((a) => a.startsWith(`--${name}=`));
- return eq ? eq.slice(name.length + 3) : dflt;
-};
-const hasFlag = (name) => argv.includes(`--${name}`) || argv.includes(`--${name}=true`);
-
-const PORT = Number(optStr("port", "4400"));
-const HEADED = hasFlag("headed");
-
-// Start the perf-serve static server so the .generated/polycss.js bundle
-// resolves under the same origin as the HTML page.
-const serverProc = spawn(
- "node",
- ["bench/perf-serve.mjs", "--port", String(PORT)],
- { cwd: repoRoot, stdio: ["ignore", "pipe", "pipe"] },
-);
-await new Promise((resolveReady) => {
- const onLine = (data) => {
- if (String(data).includes("[perf-serve] index")) {
- serverProc.stdout.off("data", onLine);
- resolveReady();
- }
- };
- serverProc.stdout.on("data", onLine);
-});
-
-const outDir = resolve(repoRoot, "bench/results/baked-shadow");
-await mkdir(outDir, { recursive: true });
-
-const browser = await chromium.launch({
- headless: !HEADED,
- args: chromiumArgsWithGpuDefault([], { softwareBackend: false }),
-});
-
-const variants = [
- { name: "baked-cast", query: "?mode=baked&cast=1" },
- { name: "baked-nocast", query: "?mode=baked&cast=0" },
- { name: "dynamic-cast", query: "?mode=dynamic&cast=1" },
- { name: "dynamic-nocast",query: "?mode=dynamic&cast=0" },
-];
-
-const report = {};
-
-try {
- const ctx = await browser.newContext({ viewport: { width: 800, height: 600 } });
- for (const v of variants) {
- const page = await ctx.newPage();
- const url = `http://localhost:${PORT}/baked-shadow.html${v.query}`;
- const consoleMsgs = [];
- page.on("console", (msg) => {
- if (msg.type() === "error" || msg.type() === "warning") {
- consoleMsgs.push(`[${msg.type()}] ${msg.text()}`);
- }
- });
- page.on("pageerror", (err) => {
- consoleMsgs.push(`[pageerror] ${err.message}`);
- });
-
- await page.goto(url, { waitUntil: "networkidle", timeout: 10000 });
- // Give the scene a tick to render.
- await page.waitForTimeout(200);
-
- const snapshot = await page.evaluate(() => window.__polySnapshot());
-
- const shotPath = resolve(outDir, `${v.name}.png`);
- await page.screenshot({ path: shotPath, fullPage: false });
-
- report[v.name] = {
- url,
- snapshot,
- consoleMsgs,
- screenshot: shotPath.slice(repoRoot.length + 1),
- };
-
- await page.close();
- }
-} finally {
- await browser.close();
- serverProc.kill();
-}
-
-const summaryPath = resolve(outDir, "report.json");
-await writeFile(summaryPath, JSON.stringify(report, null, 2));
-
-console.log("\n──── baked-shadow diagnose report ────\n");
-for (const [name, r] of Object.entries(report)) {
- console.log(`▷ ${name} (${r.url})`);
- const s = r.snapshot;
- console.log(` mode=${s.mode} cast=${s.castShadow} data-polycss-lighting=${s.lightingAttr}`);
- console.log(` meshes=${s.meshCount} leaves=${s.leafCount} shadows=${s.shadowCount}`);
- console.log(` --shadow-ground-cssz=${s.groundCssZ_var} --clx=${s.clx_var}`);
- if (s.sample.length > 0) {
- console.log(` shadow leaf samples:`);
- for (const sa of s.sample) {
- const t = sa.transform.length > 100 ? sa.transform.slice(0, 100) + "…" : sa.transform;
- console.log(` transform: ${t}`);
- console.log(` width=${sa.width} height=${sa.height} color=${sa.color}`);
- }
- }
- if (r.consoleMsgs.length > 0) {
- console.log(` !! console:`);
- for (const m of r.consoleMsgs) console.log(` ${m}`);
- }
- console.log(` screenshot: ${r.screenshot}\n`);
-}
-
-console.log(`Full report: ${summaryPath.slice(repoRoot.length + 1)}`);
diff --git a/bench/baked-shadow.html b/bench/baked-shadow.html
deleted file mode 100644
index 8ba602cd..00000000
--- a/bench/baked-shadow.html
+++ /dev/null
@@ -1,127 +0,0 @@
-
-
-
-
- polycss baked-shadow diagnose
-
-
-
-
-
-
-
-
-
diff --git a/bench/bat-shadow-diagnose.mjs b/bench/bat-shadow-diagnose.mjs
deleted file mode 100644
index 22204ba8..00000000
--- a/bench/bat-shadow-diagnose.mjs
+++ /dev/null
@@ -1,151 +0,0 @@
-#!/usr/bin/env node
-/**
- * Visits the gallery at the user-provided model URL, enables castShadow,
- * and dumps:
- * - the shadow SVG outerHTML (truncated)
- * - the subpath count + winding signs for each M…L…Z block
- * - a screenshot of the result
- *
- * Goal: figure out why the bat model gets holes in its shadow even after
- * the per-polygon CCW normalization. Suspects: degenerate (near-zero
- * area) projections, self-intersecting non-convex merged polys.
- */
-import { chromium } from "playwright";
-import { mkdir, writeFile } from "node:fs/promises";
-import { resolve, dirname } from "node:path";
-import { fileURLToPath } from "node:url";
-import { chromiumArgsWithGpuDefault } from "./chromium-defaults.mjs";
-
-const __dirname = dirname(fileURLToPath(import.meta.url));
-const repoRoot = resolve(__dirname, "..");
-
-const argv = process.argv.slice(2);
-const optStr = (name, dflt = "") => {
- const i = argv.indexOf(`--${name}`);
- if (i >= 0) return argv[i + 1] ?? dflt;
- const eq = argv.find((a) => a.startsWith(`--${name}=`));
- return eq ? eq.slice(name.length + 3) : dflt;
-};
-const hasFlag = (name) => argv.includes(`--${name}`) || argv.includes(`--${name}=true`);
-
-const URL_STR = optStr("url", "http://localhost:4321/gallery?model=922117102");
-const HEADED = hasFlag("headed");
-
-const outDir = resolve(repoRoot, "bench/results/bat-shadow");
-await mkdir(outDir, { recursive: true });
-
-const browser = await chromium.launch({
- headless: !HEADED,
- args: chromiumArgsWithGpuDefault([], { softwareBackend: false }),
-});
-
-try {
- const ctx = await browser.newContext({ viewport: { width: 1400, height: 900 } });
- const page = await ctx.newPage();
- page.on("pageerror", (err) => console.log(`[pageerror] ${err.message}`));
-
- await page.goto(URL_STR, { waitUntil: "networkidle", timeout: 30000 });
- await page.waitForFunction(
- () => !!document.querySelector(".polycss-mesh"),
- { timeout: 30000 },
- );
- await page.waitForTimeout(1500);
-
- // Toggle Cast shadow + Show ground via the tweakpane labels.
- await page.evaluate(() => {
- const clickToggle = (labelText) => {
- const all = Array.from(document.querySelectorAll("div, span, label"));
- const labelEl = all.find((el) => (el.textContent || "").trim() === labelText);
- if (!labelEl) return false;
- let parent = labelEl.parentElement;
- for (let i = 0; i < 8 && parent; i++) {
- const cb = parent.querySelector('input[type="checkbox"]');
- if (cb) {
- if (!cb.checked) cb.click();
- return true;
- }
- parent = parent.parentElement;
- }
- return false;
- };
- clickToggle("Cast shadow");
- clickToggle("Show ground");
- });
- await page.waitForTimeout(1000);
-
- // Save the raw shadow SVG outerHTML so we can render it standalone on a
- // white background — the gallery's dark background hides any actual holes.
- const rawSvg = await page.evaluate(() => {
- const svg = document.querySelector("svg.polycss-shadow");
- return svg ? svg.outerHTML : null;
- });
- if (rawSvg) {
- await writeFile(resolve(outDir, "shadow-extracted.html"),
- `
-
- ${rawSvg.replace(/transform:[^"]*"/, 'transform:translate(0,0)"')}
-
`);
- }
-
- // Snapshot the shadow SVG and analyze its compound path.
- const snapshot = await page.evaluate(() => {
- const svg = document.querySelector("svg.polycss-shadow");
- if (!svg) return { found: false };
- const paths = svg.querySelectorAll("path");
- const all = Array.from(paths).map((path) => {
- const d = path.getAttribute("d") || "";
- // Split d into M…Z subpaths.
- const subpaths = d.split("Z").filter((s) => s.trim().length > 0);
- const analyzed = subpaths.map((sub) => {
- const cleaned = sub.replace(/^M/, "");
- // Each token is "x,y" separated by "L".
- const tokens = cleaned.split("L");
- const verts = tokens.map((t) => t.split(",").map(Number));
- // Signed area (positive = CCW in math; negative = CW).
- let a = 0;
- for (let i = 0; i < verts.length; i++) {
- const p = verts[i];
- const q = verts[(i + 1) % verts.length];
- a += p[0] * q[1] - q[0] * p[1];
- }
- return {
- n: verts.length,
- signedArea: a / 2,
- };
- });
- // Per-subpath winding summary.
- const ccw = analyzed.filter((s) => s.signedArea > 0).length;
- const cw = analyzed.filter((s) => s.signedArea < 0).length;
- const zero = analyzed.filter((s) => Math.abs(s.signedArea) < 1e-6).length;
- const minArea = analyzed.length > 0 ? Math.min(...analyzed.map((s) => Math.abs(s.signedArea))) : 0;
- const maxArea = analyzed.length > 0 ? Math.max(...analyzed.map((s) => Math.abs(s.signedArea))) : 0;
- return {
- subpathCount: subpaths.length,
- ccw, cw, zero,
- minArea,
- maxArea,
- fillRule: path.getAttribute("fill-rule"),
- opacity: path.getAttribute("opacity"),
- dLength: d.length,
- };
- });
- return {
- found: true,
- svgClass: svg.getAttribute("class"),
- svgWidth: svg.getAttribute("width"),
- svgHeight: svg.getAttribute("height"),
- svgTransform: svg.style.transform.slice(0, 100),
- pathCount: paths.length,
- paths: all,
- };
- });
-
- console.log(JSON.stringify(snapshot, null, 2));
-
- const shotPath = resolve(outDir, "shadow.png");
- await page.screenshot({ path: shotPath, fullPage: false });
- console.log(`Screenshot: ${shotPath}`);
- await writeFile(resolve(outDir, "report.json"), JSON.stringify(snapshot, null, 2));
-} finally {
- await browser.close();
-}
diff --git a/bench/composite-shadow-diagnose.mjs b/bench/composite-shadow-diagnose.mjs
deleted file mode 100644
index fc68e26a..00000000
--- a/bench/composite-shadow-diagnose.mjs
+++ /dev/null
@@ -1,81 +0,0 @@
-#!/usr/bin/env node
-/**
- * Loads bench/composite-shadow.html (caster pole on receiver cube) and
- * dumps the resulting shadow SVG structure + a screenshot. Used to
- * validate the experimental per-receiver-face shadow projection in
- * polycss createPolyScene.
- */
-import { chromium } from "playwright";
-import { spawn } from "node:child_process";
-import { mkdir } from "node:fs/promises";
-import { resolve, dirname } from "node:path";
-import { fileURLToPath } from "node:url";
-import { chromiumArgsWithGpuDefault } from "./chromium-defaults.mjs";
-
-const __dirname = dirname(fileURLToPath(import.meta.url));
-const repoRoot = resolve(__dirname, "..");
-
-const PORT = 4400;
-const HEADED = process.argv.includes("--headed");
-
-const outDir = resolve(repoRoot, "bench/results/composite-shadow");
-await mkdir(outDir, { recursive: true });
-
-const server = spawn(
- "node",
- ["bench/perf-serve.mjs", "--port", String(PORT)],
- { cwd: repoRoot, stdio: ["ignore", "pipe", "pipe"] },
-);
-await new Promise((ok) => {
- const onLine = (data) => {
- if (String(data).includes("[perf-serve] index")) {
- server.stdout.off("data", onLine);
- ok();
- }
- };
- server.stdout.on("data", onLine);
-});
-
-const browser = await chromium.launch({
- headless: !HEADED,
- args: chromiumArgsWithGpuDefault([], { softwareBackend: false }),
-});
-
-try {
- const ctx = await browser.newContext({ viewport: { width: 1200, height: 900 } });
- const page = await ctx.newPage();
- page.on("pageerror", (err) => console.log(`[pageerror] ${err.message}`));
- page.on("console", (msg) => {
- if (msg.type() === "error") console.log(`[console.error] ${msg.text()}`);
- });
-
- await page.goto(`http://localhost:${PORT}/composite-shadow.html`, {
- waitUntil: "networkidle",
- timeout: 10000,
- });
- await page.waitForTimeout(500);
-
- const snap = await page.evaluate(() => {
- const shadows = document.querySelectorAll("svg.polycss-shadow");
- const receiverShadows = document.querySelectorAll("svg.polycss-shadow-receiver");
- return {
- shadowCount: shadows.length,
- receiverShadowCount: receiverShadows.length,
- shadowOuter: Array.from(shadows).slice(0, 4).map((svg) => ({
- classes: svg.getAttribute("class"),
- width: svg.getAttribute("width"),
- height: svg.getAttribute("height"),
- transform: svg.style.transform.slice(0, 120),
- pathD: svg.querySelector("path")?.getAttribute("d")?.slice(0, 120),
- })),
- };
- });
-
- console.log(JSON.stringify(snap, null, 2));
-
- await page.screenshot({ path: resolve(outDir, "composite.png"), fullPage: false });
- console.log(`Screenshot: ${outDir}/composite.png`);
-} finally {
- await browser.close();
- server.kill();
-}
diff --git a/bench/composite-shadow.html b/bench/composite-shadow.html
deleted file mode 100644
index 13b30913..00000000
--- a/bench/composite-shadow.html
+++ /dev/null
@@ -1,192 +0,0 @@
-
-
-
-
- polycss composite shadow — caster on receiver
-
-
-
-
-
-
-
-
60°
-
-
-
45°
-
-
-
0
-
-
-
0
-
-
-
0
-
-
-
-
Drag the canvas to orbit · scroll to zoom
-
+