@koda-sl/baker-cli 0.265.1-dev.1f1c09c80 → 0.265.2-dev.1f1c09c80

package/dist/cli.js

@@ -32651,8 +32651,9 @@ function buildAdBrandOverlay(opts) {
   const parts = [
     "<!-- Brand layer, emitted by `baker canvas scaffold-ad`. The mark and the closing",
     "     card are drawn HERE, by the composition \u2014 never generated as a picture, because",
-    "     a video model garbles a wordmark every time. Restyle freely; keep the `clip`",
-    "     class and the data-start/data-dur attributes, which is how the runtime times them. -->"
+    "     a video model garbles a wordmark every time. Restyle freely, but keep the",
+    "     data-start/data-dur attributes and the script below: that script is what shows",
+    "     and hides these, and the host composition has nothing that would. -->"
   ];
   if (logo) {
     parts.push(
@@ -32670,10 +32671,40 @@ function buildAdBrandOverlay(opts) {
   parts.push(
     `<div class="clip endcard" data-start="${cardAtS}" data-dur="${cardDurationS}" data-role="cta">`,
     ...cardBits.map((b) => `  ${b}`),
-    "</div>"
+    "</div>",
+    brandLayerDriver()
   );
   return parts.join("\n");
 }
+function brandLayerDriver() {
+  return [
+    "<script>",
+    "  (function () {",
+    "    var els = Array.prototype.slice.call(document.querySelectorAll('.brand-mark, .endcard'));",
+    "    if (!els.length) return;",
+    "    els.forEach(function (el) { gsap.set(el, { visibility: 'hidden' }); });",
+    "    function attach(tl) {",
+    "      if (!tl) return;",
+    "      els.forEach(function (el) {",
+    "        var at = parseFloat(el.getAttribute('data-start') || '0') || 0;",
+    "        var dur = parseFloat(el.getAttribute('data-dur') || '0') || 0;",
+    "        tl.set(el, { visibility: 'visible' }, at);",
+    "        if (dur > 0) tl.set(el, { visibility: 'hidden' }, at + dur);",
+    "      });",
+    "    }",
+    "    var store = window.__timelines || {};",
+    "    var main = store.main;",
+    "    if (main) { attach(main); return; }",
+    "    Object.defineProperty(store, 'main', {",
+    "      configurable: true,",
+    "      get: function () { return main; },",
+    "      set: function (tl) { main = tl; attach(tl); },",
+    "    });",
+    "    window.__timelines = store;",
+    "  })();",
+    "</script>"
+  ].join("\n");
+}
 function adBrandOverlayCss() {
   return [
     "      /* --- brand layer (baker canvas scaffold-ad) --- */",