experiment: isolate dashboard layout into its own process

A/B for the Simulation contamination hypothesis: run dashboard layout alone in a fresh process (fresh term, cold V8) alongside the in-suite render.bench.ts version, to compare run-to-run variance across repeat runs of the same commit.

Author: natemoo-re

.github/workflows/benchmark.yml

@@ -96,7 +96,9 @@ jobs:
         with:
           mode: simulation
           # IMPORTANT! deno task bench fails in CI due to incompatible V8 bindings
-          run: node bench/mod.ts
+          run: |
+            node bench/mod.ts
+            node bench/dashboard.bench.ts
 
   walltime:
     name: Run benchmarks (walltime)

bench/dashboard.bench.ts

@@ -0,0 +1,85 @@
+import { Bench } from "tinybench";
+import { withCodSpeed } from "@codspeed/tinybench-plugin";
+import { createTerm } from "../term.ts";
+import { close, fixed, grow, open, rgba, text } from "../ops.ts";
+import type { Op } from "../ops.ts";
+
+let term = await createTerm({ width: 80, height: 24 });
+
+let dashboardOps: Op[] = [
+  open("root", {
+    layout: { width: grow(), height: grow(), direction: "ttb" },
+  }),
+  open("header", {
+    layout: {
+      width: grow(),
+      height: fixed(3),
+      padding: { left: 1 },
+      direction: "ltr",
+    },
+    bg: rgba(30, 30, 40),
+    border: { color: rgba(80, 80, 100), bottom: 1 },
+  }),
+  text("Dashboard", { color: rgba(255, 255, 255) }),
+  close(),
+  open("body", {
+    layout: { width: grow(), height: grow(), direction: "ltr" },
+  }),
+  open("sidebar", {
+    layout: {
+      width: fixed(20),
+      height: grow(),
+      direction: "ttb",
+      padding: { left: 1, top: 1 },
+    },
+    bg: rgba(25, 25, 35),
+    border: { color: rgba(60, 60, 80), right: 1 },
+  }),
+  text("Nav 1"),
+  text("Nav 2"),
+  text("Nav 3"),
+  text("Nav 4"),
+  close(),
+  open("main", {
+    layout: {
+      width: grow(),
+      height: grow(),
+      direction: "ttb",
+      padding: { left: 2, top: 1 },
+    },
+  }),
+  ...Array.from({ length: 10 }, (_, i) => [
+    open(`row-${i}`, {
+      layout: {
+        width: grow(),
+        height: fixed(1),
+        direction: "ltr",
+      },
+      bg: i % 2 === 0 ? rgba(35, 35, 45) : undefined,
+    }),
+    text(`Row ${i}: data value ${i * 42}`),
+    close(),
+  ]).flat(),
+  close(),
+  close(),
+  open("footer", {
+    layout: {
+      width: grow(),
+      height: fixed(1),
+      padding: { left: 1 },
+    },
+    bg: rgba(30, 30, 40),
+  }),
+  text("Ready"),
+  close(),
+  close(),
+];
+
+let bench = withCodSpeed(new Bench());
+
+bench.add("dashboard layout (isolated)", () => {
+  term.render(dashboardOps);
+});
+
+await bench.run();
+console.table(bench.table());