ranger-compiler 3.5.0 → 3.5.2

package/dist/lib/evg/showcase/tests/gl_smoke.mjs

@@ -0,0 +1,125 @@
+/**
+ * gl_smoke.mjs — does the WebGL viewer actually draw the pages?
+ *
+ *   node lib/evg/showcase/tests/gl_smoke.mjs [dist]
+ *
+ * The PDF and PNG targets have suites that would have caught a missing shape;
+ * the GPU backend had none, and a page of charts came out as bare text — every
+ * path silently dropped, because the display list had no path commands and the
+ * viewer had nothing to draw them with. This asserts what that failure looked
+ * like: how many paths each page draws, and that none were skipped.
+ *
+ * Needs a built showcase (`npm run showcase`) and Playwright. Without
+ * Playwright it says so and exits 0, the way the Vela parity harness does —
+ * a silent skip would read as a pass.
+ */
+import http from "node:http";
+import fs from "node:fs";
+import path from "node:path";
+import { createRequire } from "node:module";
+import { fileURLToPath } from "node:url";
+
+const HERE = path.dirname(fileURLToPath(import.meta.url));
+const ROOT = path.resolve(HERE, "../../../..");
+const DIST = path.resolve(process.argv[2] || path.join(HERE, "..", "dist"));
+
+// What each page must draw. A page that draws fewer paths than this has lost
+// geometry, which is exactly the regression this file exists for.
+const EXPECT = [
+  { list: "charts-editorial.json", minPaths: 40, minText: 40 },
+  { list: "chart_api-editorial.json", minPaths: 20, minText: 40 },
+  { list: "charts-autumn.json", minPaths: 40, minText: 40 },
+  { list: "plots-editorial.json", minPaths: 40, minText: 60 },
+  { list: "plots-studio.json", minPaths: 40, minText: 60 },
+  { list: "more-editorial.json", minPaths: 40, minText: 60 },
+  { list: "views-editorial.json", minPaths: 20, minText: 40 },
+  { list: "variants-editorial.json", minPaths: 40, minText: 60 },
+  { list: "tables-editorial.json", minPaths: 10, minText: 20 },
+  { list: "drawing-editorial.json", minPaths: 20, minText: 30 },
+  { list: "vector-editorial.json", minPaths: 8, minText: 5 },
+  { list: "album-editorial.json", minPaths: 0, minText: 3, minImages: 4 },
+];
+
+function loadPlaywright() {
+  const anchors = [
+    "/opt/node22/lib/node_modules/x",
+    path.join(ROOT, "package.json"),
+    path.join(process.cwd(), "package.json"),
+    import.meta.url,
+  ];
+  for (const anchor of anchors) {
+    for (const name of ["playwright", "playwright-core"]) {
+      try {
+        return createRequire(anchor)(name);
+      } catch { /* try the next anchor */ }
+    }
+  }
+  return null;
+}
+
+const pw = loadPlaywright();
+if (!pw) {
+  console.log("Playwright is not available — the WebGL viewer was not checked.");
+  process.exit(0);
+}
+if (!fs.existsSync(path.join(DIST, "gl", "view.html"))) {
+  console.error(`no build in ${path.relative(ROOT, DIST)} — run: npm run showcase`);
+  process.exit(1);
+}
+
+const TYPES = { ".html": "text/html", ".js": "text/javascript", ".json": "application/json", ".png": "image/png" };
+const server = http.createServer((req, res) => {
+  const file = path.join(DIST, req.url.split("?")[0]);
+  if (!file.startsWith(DIST) || !fs.existsSync(file) || fs.statSync(file).isDirectory()) {
+    res.writeHead(404);
+    res.end();
+    return;
+  }
+  res.writeHead(200, { "content-type": TYPES[path.extname(file)] || "application/octet-stream" });
+  fs.createReadStream(file).pipe(res);
+});
+await new Promise((r) => server.listen(0, "127.0.0.1", r));
+const port = server.address().port;
+
+// SwiftShader, because CI has no GPU. It is a software rasterizer for the same
+// GL calls, so it exercises every code path a real driver would.
+const browser = await pw.chromium.launch({
+  args: ["--use-gl=swiftshader", "--enable-unsafe-swiftshader"],
+});
+
+let failed = 0;
+for (const want of EXPECT) {
+  const page = await browser.newPage({ viewport: { width: 700, height: 950 } });
+  const errors = [];
+  page.on("pageerror", (e) => errors.push(String(e)));
+  page.on("console", (m) => { if (m.type() === "error") errors.push(m.text()); });
+  await page.goto(`http://127.0.0.1:${port}/gl/view.html?list=${want.list}`, { waitUntil: "networkidle" });
+  await page.waitForTimeout(1500);
+  const s = await page.evaluate(() => window.__evgStats || null);
+  await page.close();
+
+  const problems = [];
+  if (!s) problems.push("the viewer reported no stats at all");
+  else {
+    if (s.error) problems.push(s.error);
+    if ((s.paths || 0) < want.minPaths) problems.push(`${s.paths || 0} paths, expected at least ${want.minPaths}`);
+    if ((s.textRuns || 0) < want.minText) problems.push(`${s.textRuns || 0} text runs, expected at least ${want.minText}`);
+    if (want.minImages && (s.images || 0) < want.minImages) problems.push(`${s.images || 0} images, expected ${want.minImages}`);
+    if (s.skippedFills) problems.push(`${s.skippedFills} fills skipped — the context has no stencil buffer`);
+    if (s.missingImages) problems.push(`${s.missingImages} images could not be loaded`);
+  }
+  for (const e of errors.slice(0, 3)) problems.push("console: " + e);
+
+  if (problems.length) {
+    failed += 1;
+    console.log(`  FAIL ${want.list}`);
+    for (const p of problems) console.log(`       ${p}`);
+  } else {
+    console.log(`  ok   ${want.list}: ${s.drawn} quads, ${s.paths} paths, ${s.textRuns} text runs, ${s.images} images`);
+  }
+}
+
+await browser.close();
+server.close();
+console.log(failed ? `\n${failed} page(s) failed` : `\n${EXPECT.length} pages drawn by the GPU backend`);
+process.exit(failed ? 1 : 0);

package/dist/lib/evg/showcase/themes/chart_api-default.css

@@ -0,0 +1,15 @@
+/* GENERATED by gallery/vela/tools/vela_evg.rgr — do not edit by hand. */
+/* The colours the Vega specifications asked for, as the DEFAULT layer:
+   a theme's own chart rules are scoped and override these, and a build
+   with no chart theme still draws the chart the spec described. */
+
+.chartFrame { stroke: #ddd; }
+.chartGrid { stroke: #ddd; }
+.chartTick { stroke: #888; }
+.chartLabel { color: #000; }
+.chartDomain { stroke: #888; }
+.chartTitle { color: #000; }
+.chartFill0 { fill: #4c78a8; }
+.chartStroke0 { stroke: #4c78a8; }
+.chartFill1 { fill: #f58518; }
+.chartStroke1 { stroke: #f58518; }

package/dist/lib/evg/showcase/themes/charts-default.css

@@ -0,0 +1,29 @@
+/* GENERATED by gallery/vela/tools/vela_evg.rgr — do not edit by hand. */
+/* The colours the Vega specifications asked for, as the DEFAULT layer:
+   a theme's own chart rules are scoped and override these, and a build
+   with no chart theme still draws the chart the spec described. */
+
+.chartFrame { stroke: #8a8f98; }
+.chartGrid { stroke: #8a8f98; }
+.chartTick { stroke: #8a8f98; }
+.chartLabel { color: #8a8f98; }
+.chartDomain { stroke: #8a8f98; }
+.chartTitle { color: #8a8f98; }
+.chartFill0 { fill: #4c78a8; }
+.chartStroke0 { stroke: #4c78a8; }
+.chartFill1 { fill: #f58518; }
+.chartStroke1 { stroke: #f58518; }
+.chartFill2 { fill: #e45756; }
+.chartStroke2 { stroke: #e45756; }
+.chartFill3 { fill: #72b7b2; }
+.chartStroke3 { stroke: #72b7b2; }
+.chartFill4 { fill: #54a24b; }
+.chartStroke4 { stroke: #54a24b; }
+.chartFill5 { fill: #eeca3b; }
+.chartStroke5 { stroke: #eeca3b; }
+.chartFill6 { fill: #b279a2; }
+.chartStroke6 { stroke: #b279a2; }
+.chartFill7 { fill: #ff9da6; }
+.chartStroke7 { stroke: #ff9da6; }
+.chartFill8 { fill: #9d755d; }
+.chartStroke8 { stroke: #9d755d; }

package/dist/lib/evg/showcase/themes/drawing-default.css

@@ -0,0 +1,35 @@
+/* GENERATED by gallery/vela/tools/vela_evg.rgr — do not edit by hand. */
+/* The colours the Vega specifications asked for, as the DEFAULT layer:
+   a theme's own chart rules are scoped and override these, and a build
+   with no chart theme still draws the chart the spec described. */
+
+.chartTick { stroke: #888; }
+.chartLabel { color: #000; }
+.chartDomain { stroke: #888; }
+.chartGrid { stroke: #ddd; }
+.chartTitle { color: #000; }
+.chartText1 { color: #1c3f5e; }
+.chartFill0 { fill: #4c78a8; }
+.chartStroke0 { stroke: #4c78a8; }
+.chartFill1 { fill: #1c3f5e; }
+.chartStroke1 { stroke: #1c3f5e; }
+.chartFill2 { fill: #f58518; }
+.chartStroke2 { stroke: #f58518; }
+.chartFill3 { fill: #e45756; }
+.chartStroke3 { stroke: #e45756; }
+.chartFill4 { fill: #72b7b2; }
+.chartStroke4 { stroke: #72b7b2; }
+.chartFill5 { fill: #54a24b; }
+.chartStroke5 { stroke: #54a24b; }
+.chartFill6 { fill: #eeca3b; }
+.chartStroke6 { stroke: #eeca3b; }
+.chartFill7 { fill: #b279a2; }
+.chartStroke7 { stroke: #b279a2; }
+.chartFill8 { fill: #ff9da6; }
+.chartStroke8 { stroke: #ff9da6; }
+.chartFill9 { fill: #9d755d; }
+.chartStroke9 { stroke: #9d755d; }
+.chartFill10 { fill: #1e5b18; }
+.chartStroke10 { stroke: #1e5b18; }
+.chartFill11 { fill: #b03a2e; }
+.chartStroke11 { stroke: #b03a2e; }

package/dist/lib/evg/showcase/themes/more-default.css

@@ -0,0 +1,128 @@
+/* GENERATED by gallery/vela/tools/vela_evg.rgr — do not edit by hand. */
+/* The colours the Vega specifications asked for, as the DEFAULT layer:
+   a theme's own chart rules are scoped and override these, and a build
+   with no chart theme still draws the chart the spec described. */
+
+.chartFrame { stroke: #8a8f98; }
+.chartTick { stroke: #8a8f98; }
+.chartLabel { color: #8a8f98; }
+.chartDomain { stroke: #8a8f98; }
+.chartTitle { color: #8a8f98; }
+.chartGrid { stroke: #8a8f98; }
+.chartText57 { color: #8a8f98; }
+.chartFill0 { fill: rgb(212, 238, 180); }
+.chartStroke0 { stroke: rgb(212, 238, 180); }
+.chartFill1 { fill: rgb(69, 180, 194); }
+.chartStroke1 { stroke: rgb(69, 180, 194); }
+.chartFill2 { fill: rgb(134, 208, 187); }
+.chartStroke2 { stroke: rgb(134, 208, 187); }
+.chartFill3 { fill: rgb(28, 49, 133); }
+.chartStroke3 { stroke: rgb(28, 49, 133); }
+.chartFill4 { fill: rgb(34, 82, 161); }
+.chartStroke4 { stroke: rgb(34, 82, 161); }
+.chartFill5 { fill: rgb(79, 185, 193); }
+.chartStroke5 { stroke: rgb(79, 185, 193); }
+.chartFill6 { fill: rgb(239, 249, 189); }
+.chartStroke6 { stroke: rgb(239, 249, 189); }
+.chartFill7 { fill: rgb(32, 61, 146); }
+.chartStroke7 { stroke: rgb(32, 61, 146); }
+.chartFill8 { fill: rgb(84, 187, 192); }
+.chartStroke8 { stroke: rgb(84, 187, 192); }
+.chartFill9 { fill: rgb(234, 247, 187); }
+.chartStroke9 { stroke: rgb(234, 247, 187); }
+.chartFill10 { fill: rgb(229, 245, 185); }
+.chartStroke10 { stroke: rgb(229, 245, 185); }
+.chartFill11 { fill: rgb(224, 243, 182); }
+.chartStroke11 { stroke: rgb(224, 243, 182); }
+.chartFill12 { fill: rgb(219, 241, 180); }
+.chartStroke12 { stroke: rgb(219, 241, 180); }
+.chartFill13 { fill: rgb(204, 235, 181); }
+.chartStroke13 { stroke: rgb(204, 235, 181); }
+.chartFill14 { fill: rgb(197, 232, 181); }
+.chartStroke14 { stroke: rgb(197, 232, 181); }
+.chartFill15 { fill: rgb(189, 229, 181); }
+.chartStroke15 { stroke: rgb(189, 229, 181); }
+.chartFill16 { fill: rgb(179, 225, 182); }
+.chartStroke16 { stroke: rgb(179, 225, 182); }
+.chartFill17 { fill: rgb(169, 221, 183); }
+.chartStroke17 { stroke: rgb(169, 221, 183); }
+.chartFill18 { fill: rgb(158, 217, 184); }
+.chartStroke18 { stroke: rgb(158, 217, 184); }
+.chartFill19 { fill: rgb(148, 213, 185); }
+.chartStroke19 { stroke: rgb(148, 213, 185); }
+.chartFill20 { fill: rgb(137, 209, 186); }
+.chartStroke20 { stroke: rgb(137, 209, 186); }
+.chartFill21 { fill: rgb(126, 205, 188); }
+.chartStroke21 { stroke: rgb(126, 205, 188); }
+.chartFill22 { fill: rgb(116, 201, 189); }
+.chartStroke22 { stroke: rgb(116, 201, 189); }
+.chartFill23 { fill: rgb(105, 197, 190); }
+.chartStroke23 { stroke: rgb(105, 197, 190); }
+.chartFill24 { fill: rgb(96, 193, 191); }
+.chartStroke24 { stroke: rgb(96, 193, 191); }
+.chartFill25 { fill: rgb(87, 189, 192); }
+.chartStroke25 { stroke: rgb(87, 189, 192); }
+.chartFill26 { fill: rgb(78, 184, 193); }
+.chartStroke26 { stroke: rgb(78, 184, 193); }
+.chartFill27 { fill: rgb(63, 175, 194); }
+.chartStroke27 { stroke: rgb(63, 175, 194); }
+.chartFill28 { fill: rgb(57, 169, 193); }
+.chartStroke28 { stroke: rgb(57, 169, 193); }
+.chartFill29 { fill: rgb(50, 164, 193); }
+.chartStroke29 { stroke: rgb(50, 164, 193); }
+.chartFill30 { fill: rgb(44, 158, 192); }
+.chartStroke30 { stroke: rgb(44, 158, 192); }
+.chartFill31 { fill: rgb(41, 151, 190); }
+.chartStroke31 { stroke: rgb(41, 151, 190); }
+.chartFill32 { fill: rgb(38, 144, 188); }
+.chartStroke32 { stroke: rgb(38, 144, 188); }
+.chartFill33 { fill: rgb(36, 137, 186); }
+.chartStroke33 { stroke: rgb(36, 137, 186); }
+.chartFill34 { fill: rgb(33, 130, 184); }
+.chartStroke34 { stroke: rgb(33, 130, 184); }
+.chartFill35 { fill: rgb(33, 122, 181); }
+.chartStroke35 { stroke: rgb(33, 122, 181); }
+.chartFill36 { fill: rgb(33, 115, 177); }
+.chartStroke36 { stroke: rgb(33, 115, 177); }
+.chartFill37 { fill: rgb(33, 107, 173); }
+.chartStroke37 { stroke: rgb(33, 107, 173); }
+.chartFill38 { fill: rgb(33, 99, 170); }
+.chartStroke38 { stroke: rgb(33, 99, 170); }
+.chartFill39 { fill: rgb(34, 92, 167); }
+.chartStroke39 { stroke: rgb(34, 92, 167); }
+.chartFill40 { fill: rgb(34, 85, 163); }
+.chartStroke40 { stroke: rgb(34, 85, 163); }
+.chartFill41 { fill: rgb(35, 78, 160); }
+.chartStroke41 { stroke: rgb(35, 78, 160); }
+.chartFill42 { fill: rgb(35, 71, 156); }
+.chartStroke42 { stroke: rgb(35, 71, 156); }
+.chartFill43 { fill: rgb(33, 66, 150); }
+.chartStroke43 { stroke: rgb(33, 66, 150); }
+.chartFill44 { fill: rgb(32, 60, 145); }
+.chartStroke44 { stroke: rgb(32, 60, 145); }
+.chartFill45 { fill: rgb(30, 55, 139); }
+.chartStroke45 { stroke: rgb(30, 55, 139); }
+.chartFill46 { fill: black; }
+.chartStroke46 { stroke: black; }
+.chartFill47 { fill: #4c78a8; }
+.chartStroke47 { stroke: #4c78a8; }
+.chartFill48 { fill: white; }
+.chartStroke48 { stroke: white; }
+.chartFill49 { fill: #f58518; }
+.chartStroke49 { stroke: #f58518; }
+.chartFill50 { fill: #e45756; }
+.chartStroke50 { stroke: #e45756; }
+.chartFill51 { fill: #72b7b2; }
+.chartStroke51 { stroke: #72b7b2; }
+.chartFill52 { fill: #54a24b; }
+.chartStroke52 { stroke: #54a24b; }
+.chartFill53 { fill: #eeca3b; }
+.chartStroke53 { stroke: #eeca3b; }
+.chartFill54 { fill: #b279a2; }
+.chartStroke54 { stroke: #b279a2; }
+.chartFill55 { fill: #ff9da6; }
+.chartStroke55 { stroke: #ff9da6; }
+.chartFill56 { fill: #9d755d; }
+.chartStroke56 { stroke: #9d755d; }
+.chartFill57 { fill: #8a8f98; }
+.chartStroke57 { stroke: #8a8f98; }

package/dist/lib/evg/showcase/themes/plots-default.css

@@ -0,0 +1,18 @@
+/* GENERATED by gallery/vela/tools/vela_evg.rgr — do not edit by hand. */
+/* The colours the Vega specifications asked for, as the DEFAULT layer:
+   a theme's own chart rules are scoped and override these, and a build
+   with no chart theme still draws the chart the spec described. */
+
+.chartFrame { stroke: #8a8f98; }
+.chartGrid { stroke: #8a8f98; }
+.chartTick { stroke: #8a8f98; }
+.chartLabel { color: #8a8f98; }
+.chartDomain { stroke: #8a8f98; }
+.chartTitle { color: #8a8f98; }
+.chartText2 { color: #8a8f98; }
+.chartFill0 { fill: #4c78a8; }
+.chartStroke0 { stroke: #4c78a8; }
+.chartFill1 { fill: #f58518; }
+.chartStroke1 { stroke: #f58518; }
+.chartFill2 { fill: #8a8f98; }
+.chartStroke2 { stroke: #8a8f98; }