npm - storyforge - Versions diffs - 0.16.0 → 0.17.0 - Mend

storyforge 0.16.0 → 0.17.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/dist/{bridge-poller-NDX5EL7P.js → bridge-poller-TOYJEO7S.js} +88 -3
package/dist/index.js +2 -2
package/package.json +1 -1

package/dist/{bridge-poller-NDX5EL7P.js → bridge-poller-TOYJEO7S.js} RENAMED Viewed

@@ -5652,7 +5652,18 @@ 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 } : {}
       },
       null,
       2
@@ -5759,6 +5770,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 +5894,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 +7281,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 +7294,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 CHANGED Viewed

@@ -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-TOYJEO7S.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.17.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 CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "storyforge",
-  "version": "0.16.0",
+  "version": "0.17.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": {