@koda-sl/baker-cli 0.275.0-dev.1f1c09c80 → 0.276.0-dev.1f1c09c80

package/dist/cli.js

@@ -31002,7 +31002,7 @@ function classifyReelFindings(json) {
   if (!r.brand_mark_visible) {
     findings.push({
       severity: "warning",
-      what: "No brand mark is visible in any frame. `baker canvas scaffold-ad` draws one from `brand.logo` (the repo path in src/brand/BRAND.md) \u2014 top-left throughout and large on the closing card \u2014 so a mark missing here means the spec carried no logo, or the path did not resolve and the scaffold said so."
+      what: "No brand mark is visible in any frame. THIS IS NOT A RE-RENDER: the mark is drawn by the caption composition as an ordinary `<img>`, never generated as a picture \u2014 so fix the mark itself (a bad path, or an SVG whose geometry clips its own wordmark) or the `.brand-mark` / `.endcard-logo` rules in `<composition>/index.html`, then re-run. Every clip comes back from the cache and only the composition pass renders again, so it costs seconds and no generation."
     });
   }
   if (!r.shows_more_than_a_face) {
@@ -31429,7 +31429,7 @@ ${describeRewrites(healed.rewrites)}
       `Reviewed the finished video and found ${review.length} thing${review.length === 1 ? "" : "s"} to fix. Show the user what is wrong before you show them the ad.`,
       ...review.map((f) => `${f.severity === "blocking" ? "MUST FIX" : "SHOULD FIX"} \u2014 ${f.what}`),
       ...review.some((f) => f.scene) ? [
-        `Fix them, then re-run: edit the \`show\` of the scene files named above \u2014 a shot with a person handling equipment is where limbs and objects go wrong, so widen it, move the hands out of frame, or drop the person from that beat. Re-running re-renders ONLY the scenes you edited; everything else comes from the cache (this run: ${result.stats?.cached_nodes ?? 0} of ${result.stats?.total_nodes ?? 0} nodes were cached).`
+        `Anything about the MARK or the closing card is a composition fix, not a re-render: both are drawn as HTML by the caption composition, so editing it and re-running re-renders only that pass \u2014 the clips are cached and no generation is paid for again. Fix them, then re-run: edit the \`show\` of the scene files named above \u2014 a shot with a person handling equipment is where limbs and objects go wrong, so widen it, move the hands out of frame, or drop the person from that beat. Re-running re-renders ONLY the scenes you edited; everything else comes from the cache (this run: ${result.stats?.cached_nodes ?? 0} of ${result.stats?.total_nodes ?? 0} nodes were cached).`
       ] : []
     ] : [];
     if (poster) {
@@ -32864,6 +32864,7 @@ function adSpecToBlueprint(spec) {
 }
 
 // src/engine/scaffold/ad-brand-overlay.ts
+var markFallback = (name) => name.trim() ? ` onerror="this.replaceWith(Object.assign(document.createElement('span'),{className:this.className+' brand-wordmark',textContent:${JSON.stringify(name.trim())}}))"` : "";
 var escapeHtml2 = (s) => s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
 function firstHex(palette) {
   const hex = (palette ?? []).find((h) => /^#?[0-9a-fA-F]{6}$/.test(h.trim()));
@@ -32883,12 +32884,14 @@ function buildAdBrandOverlay(opts) {
   ];
   if (logo) {
     parts.push(
-      `<img class="clip brand-mark" src="${escapeHtml2(logo.file)}" alt="${escapeHtml2(logo.alt)}" data-start="0" data-dur="${totalS}" />`
+      `<img class="clip brand-mark" src="${escapeHtml2(logo.file)}" alt="${escapeHtml2(logo.alt)}" data-start="0" data-dur="${totalS}"${markFallback(logo.alt)} />`
     );
   }
   const cardBits = [];
   if (logo) {
-    cardBits.push(`<img class="endcard-logo" src="${escapeHtml2(logo.file)}" alt="${escapeHtml2(logo.alt)}" />`);
+    cardBits.push(
+      `<img class="endcard-logo" src="${escapeHtml2(logo.file)}" alt="${escapeHtml2(logo.alt)}"${markFallback(logo.alt)} />`
+    );
   }
   if (cta?.trim()) {
     const style = accent ? ` style="background:${escapeHtml2(accent)}"` : "";
@@ -32959,6 +32962,11 @@ function adBrandOverlayCss() {
     "      .endcard-logo { width: 62%; height: auto; max-height: 300px; object-fit: contain;",
     "        padding: 46px 56px; border-radius: 40px; background: rgba(255,255,255,0.96);",
     "        box-shadow: 0 10px 40px rgba(0,0,0,0.28); }",
+    "      /* The name, when the mark itself could not be drawn. */",
+    "      .brand-wordmark { display: inline-block; font-family: 'Arial Black', 'Helvetica Neue', Arial, sans-serif;",
+    "        font-weight: 900; color: #14231b; letter-spacing: -0.01em; }",
+    "      .brand-mark.brand-wordmark { font-size: 34px; line-height: 1; height: auto; }",
+    "      .endcard-logo.brand-wordmark { font-size: 96px; line-height: 1; width: auto; }",
     "      /* Capped and wrapping, not sized to its content: measured in a real browser,",
     "         `GET YOUR FREE QUOTE` renders 948px wide against a 1080px canvas, so the next",
     "         slightly longer call to action runs off the frame. Two lines beat an edge. */",