storyforge 0.16.0 → 0.18.0

package/dist/{bridge-poller-NDX5EL7P.js → bridge-poller-WSSTXFPC.js}

@@ -5652,13 +5652,40 @@ var renderGeminiRemotion = async (shot, ctx) => {
         ...shot.textAnimation ? { textAnimation: shot.textAnimation } : {},
         ...shot.textAccent ? { textAccent: shot.textAccent } : {},
         ...shot.textAccentColor ? { textAccentColor: shot.textAccentColor } : {},
-        ...shot.textColor ? { textColor: shot.textColor } : {}
+        ...shot.textColor ? { textColor: shot.textColor } : {},
+        // ── Tesla-grade primitive composition fields (v10+) ──
+        // These were being silently dropped before this fix, so
+        // ForgeShot's PrimitiveDispatch never fired.
+        ...shot.shotKind ? { shotKind: shot.shotKind } : {},
+        ...shot.heroText ? { heroText: shot.heroText } : {},
+        ...shot.chipLabel ? { chipLabel: shot.chipLabel } : {},
+        ...shot.statBadges ? { statBadges: shot.statBadges } : {},
+        ...shot.bars ? { bars: shot.bars } : {},
+        ...shot.comparisonImage ? { comparisonImage: shot.comparisonImage } : {},
+        ...shot.photoFilter ? { photoFilter: shot.photoFilter } : {},
+        ...typeof shot.vignette === "boolean" ? { vignette: shot.vignette } : {},
+        // v11+ template dispatch — picks a cinematic Tier-1 composition.
+        ...shot.template ? { template: shot.template } : {}
       },
       null,
       2
     )
   );
-  const compId = ctx.aspect === "9:16" ? "ForgeShotVertical" : "ForgeShot";
+  const TEMPLATE_COMP_IDS = {
+    "hero-number": { h: "HeroNumber", v: "HeroNumberVertical" },
+    "bar-comparison": { h: "BarComparison", v: "BarComparisonVertical" },
+    "stat-row": { h: "StatRow", v: "StatRowVertical" }
+  };
+  const templateComp = shot.template ? TEMPLATE_COMP_IDS[shot.template.slug] : null;
+  const compId = templateComp ? ctx.aspect === "9:16" ? templateComp.v : templateComp.h : ctx.aspect === "9:16" ? "ForgeShotVertical" : "ForgeShot";
+  if (shot.template) {
+    const propsData = JSON.parse(fs4.readFileSync(propsPath, "utf-8"));
+    Object.assign(propsData, shot.template.props);
+    if (!propsData.backdropImage && propsData.imagePath) {
+      propsData.backdropImage = propsData.imagePath;
+    }
+    fs4.writeFileSync(propsPath, JSON.stringify(propsData, null, 2));
+  }
   ctx.progress.emit({
     phase: "compositing",
     shotId: shot.id,
@@ -5759,6 +5786,71 @@ function overlayFontSize(aspect) {
 function escapeHtml(s) {
   return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
+function wrapLlmHyperframesHtml(rawHtml, opts) {
+  const { width, height } = dimensionsForAspect(opts.aspect);
+  const compositionId = `forge-shot-${opts.shotId}`;
+  const lower = rawHtml.toLowerCase();
+  const hasDoctype = lower.includes("<!doctype");
+  const hasHtmlTag = /<html[\s>]/i.test(rawHtml);
+  const hasBody = /<body[\s>]/i.test(rawHtml);
+  const hasCompositionId = rawHtml.includes("data-composition-id");
+  const hasTimelineRegistration = /window\.__timelines\s*\[/.test(rawHtml);
+  const hasGsapTimeline = /gsap\.timeline\s*\(/.test(rawHtml);
+  let patched = rawHtml;
+  if (hasGsapTimeline && !hasTimelineRegistration) {
+    patched = patched.replace(
+      /(<script\b[^>]*>)([\s\S]*?gsap\.timeline\s*\([\s\S]*?)(<\/script>)/i,
+      (_full, open, body, close) => {
+        const inject = `
+window.__timelines = window.__timelines || {};
+window.__timelines[${JSON.stringify(compositionId)}] = tl;
+try { tl.pause(); } catch(e) {}
+`;
+        return `${open}${body}${inject}${close}`;
+      }
+    );
+  }
+  if (!hasCompositionId) {
+    if (hasBody) {
+      patched = patched.replace(
+        /<body([^>]*)>([\s\S]*?)<\/body>/i,
+        (_full, attrs, inner) => `<body${attrs}><div id="root" data-composition-id="${compositionId}" data-start="0" data-width="${width}" data-height="${height}">${inner}</div></body>`
+      );
+    } else {
+      const scripts = [];
+      const styles = [];
+      const visible = patched.replace(/<script[\s\S]*?<\/script>/gi, (m) => {
+        scripts.push(m);
+        return "";
+      }).replace(/<style[\s\S]*?<\/style>/gi, (m) => {
+        styles.push(m);
+        return "";
+      });
+      patched = styles.join("") + `<div id="root" data-composition-id="${compositionId}" data-start="0" data-width="${width}" data-height="${height}">` + visible + `</div>` + scripts.join("");
+    }
+  }
+  if (!hasDoctype || !hasHtmlTag || !hasBody) {
+    patched = `<!doctype html>
+<html lang="en">
+<head>
+<meta charset="utf-8" />
+<title>${compositionId}</title>
+<style>
+  html,body{margin:0;padding:0;width:${width}px;height:${height}px;overflow:hidden;background:#000;font-family:'Inter',system-ui,sans-serif;}
+</style>
+</head>
+<body>
+${patched}
+</body>
+</html>`;
+  } else {
+    patched = patched.replace(
+      /<head([^>]*)>/i,
+      (_m, attrs) => `<head${attrs}><style>html,body{margin:0;padding:0;width:${width}px;height:${height}px;overflow:hidden;background:#000;}</style>`
+    );
+  }
+  return patched;
+}
 
 // ../pipeline/src/clip-render/engines/hyperframes.ts
 var HyperFramesNotInstalledError = class extends Error {
@@ -5818,7 +5910,11 @@ ${stderrTail}`));
 }
 function resolveShotHtml(shot, aspect) {
   if (shot.hyperframesHtml && shot.hyperframesHtml.trim().length > 0) {
-    return shot.hyperframesHtml;
+    return wrapLlmHyperframesHtml(shot.hyperframesHtml, {
+      shotId: shot.id,
+      durationSec: shot.durationSec,
+      aspect
+    });
   }
   if (shot.imagePath || shot.overlayText) {
     return buildHyperframesHtml(shot, {
@@ -7201,6 +7297,11 @@ var renderHyperframesRunPod = async (shot, ctx) => {
   }
   ctx.progress.emit({ phase: "preparing", shotId: shot.id });
   const dims = ctx.aspect === "9:16" ? { width: 1080, height: 1920 } : { width: 1920, height: 1080 };
+  const wrappedHtml = wrapLlmHyperframesHtml(shot.hyperframesHtml, {
+    shotId: shot.id,
+    durationSec: shot.durationSec,
+    aspect: ctx.aspect
+  });
   const status = await runJob(
     endpointId,
     {
@@ -7209,7 +7310,7 @@ var renderHyperframesRunPod = async (shot, ctx) => {
       // so the payload must be nested under `input_data`.
       input: {
         input_data: {
-          html: shot.hyperframesHtml,
+          html: wrappedHtml,
           durationSec: shot.durationSec,
           fps: ctx.fps,
           width: dims.width,

package/dist/index.js

@@ -1689,7 +1689,7 @@ Return ONLY the complete updated TSX. No markdown fences, no explanation.`;
         return "0.0.0";
       })();
       void (async () => {
-        const { BridgePoller } = await import("./bridge-poller-NDX5EL7P.js");
+        const { BridgePoller } = await import("./bridge-poller-WSSTXFPC.js");
         const poller = new BridgePoller({ baseUrl: bridgeUrl, token: bridgeToken2, clientVersion: `storyforge ${pkgVersion}` });
         poller.start();
       })();
@@ -2512,7 +2512,7 @@ function resolveBridgeToken2(explicit) {
 // package.json
 var package_default = {
   name: "storyforge",
-  version: "0.16.0",
+  version: "0.18.0",
   description: "StoryForge \u2014 local bridge for the Forge video production web app. Parallel clip-render orchestrator (Remotion 4 + Manim + HyperFrames + ffmpeg) + final video stitcher + dependency doctor.",
   type: "module",
   bin: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "storyforge",
-  "version": "0.16.0",
+  "version": "0.18.0",
   "description": "StoryForge — local bridge for the Forge video production web app. Parallel clip-render orchestrator (Remotion 4 + Manim + HyperFrames + ffmpeg) + final video stitcher + dependency doctor.",
   "type": "module",
   "bin": {