reframe-video 0.6.11 → 0.6.13

package/dist/bin.js

@@ -633,7 +633,7 @@ var init_validate = __esm({
       rect: [...COMMON_PROPS, "width", "height", "fill", "stroke", "strokeWidth", "radius"],
       ellipse: [...COMMON_PROPS, "width", "height", "fill", "stroke", "strokeWidth"],
       line: ["x1", "y1", "x2", "y2", "stroke", "strokeWidth", "opacity", "progress", ...FX_PROPS],
-      text: [...COMMON_PROPS, "content", "contentDecimals", "contentThousands", "fontFamily", "fontSize", "fontWeight", "fill", "letterSpacing"],
+      text: [...COMMON_PROPS, "content", "contentDecimals", "contentThousands", "prefix", "suffix", "fontFamily", "fontSize", "fontWeight", "fill", "letterSpacing"],
       image: [...COMMON_PROPS, "src", "width", "height", "fit"],
       video: [...COMMON_PROPS, "src", "width", "height", "fit", "start", "rate", "clipStart", "volume"],
       path: [...COMMON_PROPS, "d", "fill", "stroke", "strokeWidth", "progress", "originX", "originY"],
@@ -968,6 +968,13 @@ var init_effects = __esm({
   }
 });
 
+// ../core/src/layout.ts
+var init_layout = __esm({
+  "../core/src/layout.ts"() {
+    "use strict";
+  }
+});
+
 // ../core/src/montage.ts
 var init_montage = __esm({
   "../core/src/montage.ts"() {
@@ -1467,6 +1474,7 @@ var init_src = __esm({
     init_camera();
     init_gradient();
     init_effects();
+    init_layout();
     init_montage();
     init_presets();
     init_devicePreset();
@@ -2467,9 +2475,9 @@ __export(batch_exports, {
 import { mkdir as mkdir3, mkdtemp as mkdtemp4, readFile as readFile5, rm as rm4, writeFile as writeFile4 } from "node:fs/promises";
 import { tmpdir as tmpdir5 } from "node:os";
 import { join as join8, dirname as dirname5 } from "node:path";
-function overlayFromFlat(row, name) {
+function overlayFromFlat(row2, name) {
   const doc = { reframeOverlay: 1, name };
-  for (const [key2, raw] of Object.entries(row)) {
+  for (const [key2, raw] of Object.entries(row2)) {
     if (key2.startsWith("_")) continue;
     if (raw === null || raw === void 0 || raw === "") continue;
     const value = raw;
@@ -2530,13 +2538,13 @@ function parseCsv(text2) {
   const headers = split(lines[0]).map((h) => h.trim());
   return lines.slice(1).map((line) => {
     const cells = split(line);
-    const row = {};
+    const row2 = {};
     headers.forEach((h, i) => {
       const cell = (cells[i] ?? "").trim();
       const asNumber = Number(cell);
-      row[h] = cell !== "" && !Number.isNaN(asNumber) ? asNumber : cell;
+      row2[h] = cell !== "" && !Number.isNaN(asNumber) ? asNumber : cell;
     });
-    return row;
+    return row2;
   });
 }
 async function loadRows(path2) {
@@ -2554,11 +2562,11 @@ async function runBatch(scene2, rows, opts) {
     for (; ; ) {
       const index = next++;
       if (index >= rows.length) return;
-      const row = rows[index];
-      const name = sanitize(String(row._name ?? `row-${index}`));
+      const row2 = rows[index];
+      const name = sanitize(String(row2._name ?? `row-${index}`));
       let result;
       try {
-        const rowOverlay = overlayFromFlat(row, name);
+        const rowOverlay = overlayFromFlat(row2, name);
         const { ir, report } = composeScene(scene2, ...opts.baseOverlays, rowOverlay);
         const framesDir = await mkdtemp4(join8(tmpdir5(), `reframe-batch-${index}-`));
         const output = join8(opts.outDir, `${name}.mp4`);
@@ -2698,6 +2706,7 @@ var ROOT2 = PACKAGED ? resolve6(HERE2, "..") : resolve6(HERE2, "..", "..", "..")
 var USER_CWD = process.env.INIT_CWD ?? process.cwd();
 var RENDER_CLI = PACKAGED ? join9(ROOT2, "dist", "cli.js") : join9(ROOT2, "packages", "render-cli", "src", "cli.ts");
 var LABELS = PACKAGED ? join9(ROOT2, "dist", "labels.js") : join9(ROOT2, "packages", "render-cli", "src", "labels.ts");
+var DIFF = PACKAGED ? join9(ROOT2, "dist", "diff.js") : join9(ROOT2, "packages", "render-cli", "src", "diff.ts");
 var PLAYER = PACKAGED ? join9(ROOT2, "dist", "player.js") : join9(ROOT2, "packages", "render-cli", "src", "player.ts");
 var ANALYZE = PACKAGED ? join9(ROOT2, "dist", "analyze.js") : join9(ROOT2, "benchmark", "harness", "motion", "analyze.ts");
 var TRACE = PACKAGED ? join9(ROOT2, "dist", "trace-cli.js") : join9(ROOT2, "benchmark", "harness", "motion", "trace-cli.ts");
@@ -2717,7 +2726,8 @@ usage:
   ${CMD} labels <scene.ts|.json>  print the event clock (label \u2192 exact seconds; for sound design / timing)
   ${CMD} motion <mp4|framesDir>  motion-profile a rendered clip
   ${CMD} trace <ref.mp4> [--apply scene.ts]  extract a video's motion structure \u2192 MotionSketch / timeline
-  ${CMD} guide [--regen]         print the scene-authoring guide (for you or your AI)
+  ${CMD} diff <ref-image> [<scene.ts>] [--t S] [--mode side|blend|diff|grid]  compare/measure a render against a reference image
+  ${CMD} guide [--regen|--directing]  print a guide (--regen: stable-address contract; --directing: high-end workflow)
   ${CMD} demo                    run the edit-survival demo (3 mp4s into out/)
 `;
 var userPath = (p) => isAbsolute5(p) ? p : resolve6(USER_CWD, p);
@@ -3016,8 +3026,30 @@ ${results.length - failed} rendered (${orphaned} with orphans), ${failed} failed
         await (PACKAGED ? run2(process.execPath, [TRACE, userPath(input), ...args]) : run2("npx", ["tsx", TRACE, userPath(input), ...args]))
       );
     }
+    case "diff": {
+      const input = rest[0];
+      if (!input || input.startsWith("-")) {
+        fail(`usage: ${CMD} diff <ref-image> [<scene.ts>] [--t <sec>] [--mode side|blend|diff|grid] [-o out.png]`);
+      }
+      let seenScene = false;
+      const args = rest.map((a, i) => {
+        if (i === 0) return userPath(a);
+        if (rest[i - 1] === "-o") return userPath(a);
+        if (!a.startsWith("-") && rest[i - 1] !== "--t" && rest[i - 1] !== "--mode" && !seenScene) {
+          seenScene = true;
+          return userPath(a);
+        }
+        return a;
+      });
+      process.exit(
+        await (PACKAGED ? run2(process.execPath, [DIFF, ...args]) : run2("npx", ["tsx", DIFF, ...args]))
+      );
+    }
     case "guide": {
-      const file = rest.includes("--regen") ? PACKAGED ? join9(ROOT2, "guides", "regen-contract.md") : join9(ROOT2, "docs", "regen-contract.md") : PACKAGED ? join9(ROOT2, "guides", "edsl-guide.md") : join9(ROOT2, "benchmark", "guides", "edsl-guide.md");
+      const which = rest.includes("--regen") ? "regen" : rest.includes("--directing") ? "directing" : "edsl";
+      const repoFile = { regen: join9(ROOT2, "docs", "regen-contract.md"), directing: join9(ROOT2, "benchmark", "guides", "directing-guide.md"), edsl: join9(ROOT2, "benchmark", "guides", "edsl-guide.md") };
+      const pkgFile = { regen: join9(ROOT2, "guides", "regen-contract.md"), directing: join9(ROOT2, "guides", "directing-guide.md"), edsl: join9(ROOT2, "guides", "edsl-guide.md") };
+      const file = (PACKAGED ? pkgFile : repoFile)[which];
       const { readFile: readFile7 } = await import("node:fs/promises");
       process.stdout.write(await readFile7(file, "utf8"));
       return;

package/dist/browserEntry.js

@@ -343,7 +343,7 @@
     rect: [...COMMON_PROPS, "width", "height", "fill", "stroke", "strokeWidth", "radius"],
     ellipse: [...COMMON_PROPS, "width", "height", "fill", "stroke", "strokeWidth"],
     line: ["x1", "y1", "x2", "y2", "stroke", "strokeWidth", "opacity", "progress", ...FX_PROPS],
-    text: [...COMMON_PROPS, "content", "contentDecimals", "contentThousands", "fontFamily", "fontSize", "fontWeight", "fill", "letterSpacing"],
+    text: [...COMMON_PROPS, "content", "contentDecimals", "contentThousands", "prefix", "suffix", "fontFamily", "fontSize", "fontWeight", "fill", "letterSpacing"],
     image: [...COMMON_PROPS, "src", "width", "height", "fit"],
     video: [...COMMON_PROPS, "src", "width", "height", "fit", "start", "rate", "clipStart", "volume"],
     path: [...COMMON_PROPS, "d", "fill", "stroke", "strokeWidth", "progress", "originX", "originY"],
@@ -903,12 +903,14 @@
             0,
             Math.round(num(id, "contentDecimals", node.props.contentDecimals ?? 0))
           );
+          const body = typeof raw === "number" ? formatNumber(raw, decimals, node.props.contentThousands === true) : raw;
           ops.push({
             type: "text",
             id,
             transform: projDraw(matrix, 0, 0),
             opacity,
-            content: typeof raw === "number" ? formatNumber(raw, decimals, node.props.contentThousands === true) : raw,
+            // static affixes wrap the (possibly counting-up) body; absent ⇒ body unchanged
+            content: (node.props.prefix ?? "") + body + (node.props.suffix ?? ""),
             fontFamily: str(id, "fontFamily", node.props.fontFamily),
             fontSize: num(id, "fontSize", node.props.fontSize),
             fontWeight: num(id, "fontWeight", node.props.fontWeight ?? 400),

package/dist/cli.js

@@ -348,7 +348,7 @@ var PROPS_BY_TYPE = {
   rect: [...COMMON_PROPS, "width", "height", "fill", "stroke", "strokeWidth", "radius"],
   ellipse: [...COMMON_PROPS, "width", "height", "fill", "stroke", "strokeWidth"],
   line: ["x1", "y1", "x2", "y2", "stroke", "strokeWidth", "opacity", "progress", ...FX_PROPS],
-  text: [...COMMON_PROPS, "content", "contentDecimals", "contentThousands", "fontFamily", "fontSize", "fontWeight", "fill", "letterSpacing"],
+  text: [...COMMON_PROPS, "content", "contentDecimals", "contentThousands", "prefix", "suffix", "fontFamily", "fontSize", "fontWeight", "fill", "letterSpacing"],
   image: [...COMMON_PROPS, "src", "width", "height", "fit"],
   video: [...COMMON_PROPS, "src", "width", "height", "fit", "start", "rate", "clipStart", "volume"],
   path: [...COMMON_PROPS, "d", "fill", "stroke", "strokeWidth", "progress", "originX", "originY"],