@vosjs/cli 0.14.0 → 0.15.0

package/dist/{chunk-MMKDYE57.js → chunk-HGLKXIXH.js}

@@ -3950,8 +3950,9 @@ function resolveFace(family, weights) {
     url: fontFaceUrl(entry.slug, w),
     weight: w
   }));
-  return { stack: fontStack(entry), fonts };
+  return { stack: fontStack(entry), category: entry.category, fonts };
 }
+var HOUSE_SERIF = "Fraunces";
 function posterValues(brand, words) {
   const b = brand ?? {};
   const bgA = b.bgA && HEX.test(b.bgA) ? b.bgA : null;
@@ -3981,9 +3982,10 @@ function posterValues(brand, words) {
   values.kicker = kicker ? kicker : [wordmark, release].filter(Boolean).join("  ").toUpperCase();
   const fonts = [];
   const display = resolveFace(b.fontDisplay, [600, 700]);
-  if (display) {
-    values.fontDisplay = display.stack;
-    fonts.push(...display.fonts);
+  const serif = display && display.category === "serif" ? display : resolveFace(HOUSE_SERIF, [600, 700]);
+  if (serif) {
+    values.fontDisplay = serif.stack;
+    fonts.push(...serif.fonts);
   }
   const body = resolveFace(b.fontBody, [700]);
   if (body) {
@@ -3993,6 +3995,89 @@ function posterValues(brand, words) {
   return { values, fonts, lightGround };
 }
 
+// src/plugin/stages.ts
+var HOUSE_SERIF2 = "Fraunces";
+var str = (v, fallback) => typeof v === "string" && v.trim() ? v.trim() : fallback;
+var firstFamily = (stack) => stack.split(",")[0].replace(/['"]/g, "").trim();
+function stageSplitCover(input) {
+  const R = input.size.w / Math.max(1, input.size.h);
+  const portrait = R < 0.87;
+  const square = !portrait && R <= 1.15;
+  const v = input.values;
+  const ground = `linear-gradient(135deg, ${str(v.bgA, "#8a3d2a")}, ${str(v.bgC, str(v.bgB, "#5c5a2e"))})`;
+  const ink = str(v.ink, "#fff6ec");
+  const inkSoft = str(v.inkSoft, ink);
+  const serif = firstFamily(str(v.fontDisplay, HOUSE_SERIF2));
+  const body = firstFamily(str(v.fontBody, "Lexend"));
+  const headline = str(v.headline, "");
+  const kicker = str(v.kicker, "");
+  const brand = str(v.brand, "");
+  const inset = portrait ? { left: 0.08, right: -0.08, top: 0.44, bottom: -0.1 } : square ? { left: 0.1, right: -0.1, top: 0.5, bottom: -0.12 } : { left: 0.44, right: -0.06, top: 0.3, bottom: -0.12 };
+  const shot = {
+    x: inset.left,
+    y: inset.top,
+    w: 1 - inset.left - inset.right,
+    h: 1 - inset.top - inset.bottom
+  };
+  const set = [
+    `frame.background=${JSON.stringify(ground)}`,
+    "frame.backgroundMedia=null",
+    "frame.fit=cover",
+    `frame.inset=${JSON.stringify(inset)}`,
+    'frame.focus={"cx":0,"cy":0}',
+    "frame.radius=16",
+    "frame.shadow=0.45",
+    "frame.shadowContact=0.25",
+    "frame.border=0",
+    "zoom=[]",
+    `tilt=[{"id":"stage","in":0,"out":${input.sourceSeconds.toFixed(3)},"rx":3,"ry":${portrait || square ? 0 : 10}}]`,
+    "cursor.visible=false",
+    "cursor.clickFx.style=none"
+  ];
+  const designW = 1080 * input.size.w / input.size.h;
+  const boxes = [];
+  const clips = [];
+  const column = portrait || square ? 0.84 : 0.36;
+  const left = portrait || square ? 0.08 : 0.07;
+  const size = portrait ? 60 : square ? 68 : 84;
+  const word = (id, text, preset, family, px, y, color, extra, role) => {
+    if (!text) return;
+    const lines = text.split("\n");
+    const longest = Math.max(...lines.map((l) => l.length));
+    const widest = Math.min(column, longest * px * (preset === "title" ? 0.5 : 0.62) / designW);
+    const lh = preset === "title" ? 1.05 : 1.2;
+    const h = lines.length * px * lh / 1080;
+    clips.push({
+      id,
+      kind: "text",
+      text,
+      preset,
+      family,
+      size: px,
+      color,
+      align: "left",
+      maxWidth: column,
+      lineHeight: lh,
+      transform: { x: left + widest / 2, y, scale: 1, rotation: 0 },
+      shadow: "none",
+      start: 0,
+      duration: +input.outputSeconds.toFixed(3),
+      enter: "none",
+      exit: "none",
+      ...extra
+    });
+    boxes.push({ x: left, y: y - h / 2, w: widest, h, color, role, label: text.length > 24 ? `${text.slice(0, 24)}\u2026` : text });
+  };
+  const kickerY = portrait ? 0.1 : square ? 0.12 : 0.24;
+  const titleY = portrait ? 0.24 : square ? 0.28 : 0.46;
+  const brandY = portrait ? 0.94 : square ? 0.94 : 0.86;
+  word("stage-kicker", kicker, "label", "JetBrains Mono", 19, kickerY, inkSoft, { letterSpacing: 6, weight: 400 }, "body");
+  word("stage-title", headline, "title", serif, size, titleY, ink, { weight: 600 }, "headline");
+  word("stage-brand", brand, "label", body, 25, brandY, ink, { weight: 700, letterSpacing: 1 }, "body");
+  set.push(`overlays=${JSON.stringify(clips)}`);
+  return { set, text: boxes, shot };
+}
+
 // src/plugin/motionPlan.ts
 import { ratedSegments as ratedSegments4, spanOutputExtent as spanOutputExtent4 } from "@vosjs/studio-core";
 var SOUND_DESTINATIONS = /* @__PURE__ */ new Set([
@@ -4218,6 +4303,7 @@ function templateForCard(d, opts) {
   }
   const config = templateByName(name);
   if (!config) return null;
+  if (name === "split-cover") return { config, from: "stage split-cover", note, stage: true };
   return { config, from: `template ${name}`, note };
 }
 function lookOverrides(look, placement, size, video, opts) {
@@ -4453,6 +4539,53 @@ async function deliverTake(browser, dir, opts) {
       await writeFile6(join5(serveDir, "shot.png"), encodePng(baked));
       const shotAspect = raw.w / raw.h;
       for (const { d, plan } of cardPlans) {
+        if (plan.stage) {
+          const staged = stageSplitCover({
+            size: d.px,
+            values: fill.values,
+            sourceSeconds: meta.durationMs / 1e3,
+            outputSeconds: duration
+          });
+          opts.onPhase?.(`${d.channel} ${d.asset} (${specWords(d)}) from ${plan.from}`);
+          const shotDir = await mkdtemp(join5(tmpdir(), "vos-stage-"));
+          try {
+            const captured = await framesTake(browser, dir, {
+              times: [heroTime],
+              width: d.px.w,
+              height: d.px.h,
+              outDir: shotDir,
+              overrides: {
+                ...opts.overrides,
+                set: [...staged.set, ...opts.overrides?.set ?? []]
+              }
+            });
+            const to2 = join5(outDir, `${d.id}.png`);
+            await rename4(captured.frames[0].file, to2);
+            const bytes2 = (await stat(to2)).size;
+            if (d.maxBytes !== void 0 && bytes2 > d.maxBytes) {
+              skipped.push(`${d.channel} ${d.asset}: ${overCeiling(bytes2, d.maxBytes)} (kept at ${to2})`);
+              continue;
+            }
+            assets.push({
+              channel: d.channel,
+              asset: d.asset,
+              destination: d.id,
+              path: relative(outDir, to2),
+              w: d.px.w,
+              h: d.px.h,
+              bytes: bytes2,
+              seconds: null,
+              frameTime: heroTime,
+              source: "stage",
+              template: "split-cover-stage",
+              text: staged.text,
+              shot: staged.shot
+            });
+          } finally {
+            await rm3(shotDir, { recursive: true, force: true });
+          }
+          continue;
+        }
         const problems = templateProblems(plan.config);
         if (problems.length) {
           skipped.push(
@@ -4677,7 +4810,8 @@ var RUBRIC = [
   "Name three ways this asset acknowledges THIS product (its data, its state, its brand), not a generic window."
 ];
 function rolesFor(asset) {
-  if (asset.source === "poster" && asset.template) return [asset.template];
+  if ((asset.source === "poster" || asset.source === "stage") && asset.template)
+    return [asset.template.replace(/-stage$/, "")];
   const spec = DESTINATIONS2.find((d) => d.id === asset.destination);
   if (spec?.kind === "video") {
     const portrait = spec.px.w < spec.px.h;
@@ -4844,9 +4978,11 @@ async function judgeKit(kitPath, manifestPath, outDir) {
   return { sheets, skipped, outDir: out, verdictFile };
 }
 function winRate(verdicts) {
-  const judged = verdicts.filter((v) => v.win !== null).length;
-  const wins = verdicts.filter((v) => v.win === true).length;
-  return { wins, judged, rate: judged ? wins / judged : null };
+  const judgedList = verdicts.filter((v) => v.win !== null || (v.reasons?.length ?? 0) > 0);
+  const wins = judgedList.filter((v) => v.win === true).length;
+  const ties = judgedList.filter((v) => v.win === null).length;
+  const judged = judgedList.length;
+  return { wins, ties, judged, rate: judged ? (wins + ties / 2) / judged : null };
 }
 
 // src/plugin/kitPicture.ts
@@ -5069,13 +5205,16 @@ function duplicateFindings(stills) {
     }
     if (g.length > 1) groups.push(g);
   }
-  return groups.map((g) => ({
-    code: "duplicate",
-    severity: g.length >= 3 ? "error" : "warning",
-    asset: g.map((s) => s.destination).join(", "),
-    message: `${g.length} assets share one frame${g[0].time !== null ? ` (${g[0].time.toFixed(2)}s)` : ""}: ${g.map((s) => s.destination).join(", ")}`,
-    fixHint: "a kit is many moments: let deliver pick from the step timeline, or pass --times with one step per still; a poster template composes each card differently from one shot"
-  }));
+  return groups.map((g) => {
+    const composed = g.every((s) => stills.find((x) => x.destination === s.destination)?.composed);
+    return {
+      code: "duplicate",
+      severity: composed ? "info" : g.length >= 3 ? "error" : "warning",
+      asset: g.map((s) => s.destination).join(", "),
+      message: composed ? `${g.length} channels share one cover: ${g.map((s) => s.destination).join(", ")}` : `${g.length} assets share one frame${g[0].time !== null ? ` (${g[0].time.toFixed(2)}s)` : ""}: ${g.map((s) => s.destination).join(", ")}`,
+      fixHint: "a kit is many moments: let deliver pick from the step timeline, or pass --times with one step per still; a poster template composes each card differently from one shot"
+    };
+  });
 }
 async function videoFrame(file, at2, ffmpeg) {
   try {
@@ -5124,7 +5263,8 @@ async function pictureChecks(assets) {
           destination: a.destination,
           hash: m.hash,
           time: null,
-          genre: a.spec?.genre
+          genre: a.spec?.genre,
+          composed: !!a.shot
         });
       continue;
     }
@@ -5328,7 +5468,7 @@ async function validateKit(kitPath, opts = {}) {
       text: a.text,
       seconds,
       composed: a.composed,
-      shot: a.source === "poster" ? a.shot : void 0
+      shot: a.source === "poster" || a.source === "stage" ? a.shot : void 0
     });
     if (!spec) {
       if (a.channel !== "demo")
@@ -7900,7 +8040,7 @@ function mostCommon(values) {
     }
   return best;
 }
-function firstFamily(fontFamily) {
+function firstFamily2(fontFamily) {
   const first = fontFamily.split(",")[0]?.trim() ?? "";
   return first.replace(/^["']|["']$/g, "");
 }
@@ -8032,10 +8172,10 @@ function composeBrand(input) {
   const bgC = mixHex2(bgA, accent, 0.14);
   p.bgC = `bgA tinted 14% toward the accent (a highlight ground)`;
   p.ink = w.h1 ? `the h1's colour` : `the body's colour`;
-  const fontDisplay = design?.fonts[0] ?? (w.h1 ? firstFamily(w.h1.fontFamily) : firstFamily(w.body.fontFamily));
+  const fontDisplay = design?.fonts[0] ?? (w.h1 ? firstFamily2(w.h1.fontFamily) : firstFamily2(w.body.fontFamily));
   p.fontDisplay = design?.fonts[0] ? `named in design.md` : w.h1 ? `the h1's computed face` : `the body's computed face (no h1)`;
   const designBody = design?.fonts.slice(1).find((f) => !/\bmono\b/i.test(f));
-  const fontBody = designBody ?? firstFamily(w.body.fontFamily);
+  const fontBody = designBody ?? firstFamily2(w.body.fontFamily);
   p.fontBody = designBody ? `named in design.md` : `the body's computed face`;
   const logoUrl = design?.logos.find((u) => /wordmark|logo/i.test(u)) ?? null;
   const iconUrl = w.icons.find((u) => /apple-touch/i.test(u)) ?? (w.icons.length ? w.icons[0] : null);
@@ -8847,9 +8987,10 @@ ground (a paper site is a plate, a dark site is dark), and with no brand
 the house gradient. Screenshot-genre stills never take a look.
 Card-genre destinations (OG, LinkedIn, X, YouTube thumbnail, the CWS
 tile + marquee, GitHub social preview) COMPOSE by default: each renders
-from its destination's poster TEMPLATE (split-cover carries a headline
-column beside the shot; card-on-gradient is the shot alone on a mesh, the
-store's tile rule), filled with BRAND.md's colours and faces and the
+from its destination's poster TEMPLATE (split-cover is a STAGE, the
+take's own card leaning in perspective with its chrome and shadow beside
+a serif headline column, on the brand's ground; card-on-gradient is the
+shot alone on a mesh, the store's tile rule), filled with BRAND.md's colours and faces and the
 release's words, the shot baked as an object (padded, rounded, shadowed,
 a hairline on a light ground), PNG at exact pixels; kit.json records the
 template and the text boxes. The headline is LAUNCH.md's headline role
@@ -9717,7 +9858,7 @@ async function cmdJudge(argv) {
   ${lines.join("\n  ")}` : "") + (result.skipped.length ? `
   skipped: ${result.skipped.join("\n  skipped: ")}` : "") + `
 Judge each pair both ways (the rubric is beside it) and fill ${result.verdictFile}` + (rate.judged ? `
-Win rate so far: ${rate.wins}/${rate.judged} (${(rate.rate * 100).toFixed(0)}%); parity with the references is 50%, the marketability bar is 40%` : "")
+Win rate so far: ${rate.wins} win(s), ${rate.ties} tie(s) of ${rate.judged} judged (${(rate.rate * 100).toFixed(0)}%; a tie counts a half); parity with the references is 50%, the marketability bar is 40%` : "")
   );
   return EXIT_OK;
 }
@@ -10008,4 +10149,4 @@ export {
   convertAgentBrowser,
   run
 };
-//# sourceMappingURL=chunk-MMKDYE57.js.map
+//# sourceMappingURL=chunk-HGLKXIXH.js.map