ugcinc-render 1.8.3 → 1.8.5

package/dist/index.js

@@ -2063,7 +2063,7 @@ function VideoEditorComposition({
 var import_remotion6 = require("remotion");
 
 // src/components/CaptionOverlay.tsx
-var import_react6 = require("react");
+var import_react6 = __toESM(require("react"));
 var import_remotion5 = require("remotion");
 var import_jsx_runtime6 = require("react/jsx-runtime");
 function createPages(words, wordsPerPage) {
@@ -2100,6 +2100,7 @@ function CaptionOverlay({ captions, style, previewTimeMs }) {
   );
   if (!currentPage) return null;
   const maxWidthPx = style.maxWidth / 100 * width;
+  console.log(`[CaptionOverlay] style.maxWidth: ${style.maxWidth}%, video width: ${width}px, calculated maxWidthPx: ${maxWidthPx}px`);
   const scaleFactor = height / 1920;
   const scaledFontSize = style.fontSize * scaleFactor;
   const scaledStrokeWidth = style.strokeWidth * scaleFactor;
@@ -2185,20 +2186,21 @@ function CaptionOverlay({ captions, style, previewTimeMs }) {
         );
       }
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-      "span",
-      {
-        style: {
-          color,
-          display: "inline-block",
-          transform: `scale(${scale})`,
-          transformOrigin: "center center",
-          marginRight: index < currentPage.words.length - 1 ? "0.25em" : 0
-        },
-        children: word.word
-      },
-      `${word.word}-${word.startMs}-${index}`
-    );
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_react6.default.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        "span",
+        {
+          style: {
+            color,
+            display: "inline-block",
+            transform: `scale(${scale})`,
+            transformOrigin: "center center"
+          },
+          children: word.word
+        }
+      ),
+      index < currentPage.words.length - 1 && " "
+    ] }, `${word.word}-${word.startMs}-${index}`);
   }) }) });
 }
 

package/dist/index.mjs

@@ -1201,9 +1201,9 @@ function VideoEditorComposition({
 import { AbsoluteFill as AbsoluteFill3, Video, OffthreadVideo as OffthreadVideo2 } from "remotion";
 
 // src/components/CaptionOverlay.tsx
-import { useMemo as useMemo6 } from "react";
+import React6, { useMemo as useMemo6 } from "react";
 import { useCurrentFrame as useCurrentFrame4, useVideoConfig as useVideoConfig4, interpolate } from "remotion";
-import { jsx as jsx6 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 function createPages(words, wordsPerPage) {
   const pages = [];
   for (let i = 0; i < words.length; i += wordsPerPage) {
@@ -1238,6 +1238,7 @@ function CaptionOverlay({ captions, style, previewTimeMs }) {
   );
   if (!currentPage) return null;
   const maxWidthPx = style.maxWidth / 100 * width;
+  console.log(`[CaptionOverlay] style.maxWidth: ${style.maxWidth}%, video width: ${width}px, calculated maxWidthPx: ${maxWidthPx}px`);
   const scaleFactor = height / 1920;
   const scaledFontSize = style.fontSize * scaleFactor;
   const scaledStrokeWidth = style.strokeWidth * scaleFactor;
@@ -1323,31 +1324,32 @@ function CaptionOverlay({ captions, style, previewTimeMs }) {
         );
       }
     }
-    return /* @__PURE__ */ jsx6(
-      "span",
-      {
-        style: {
-          color,
-          display: "inline-block",
-          transform: `scale(${scale})`,
-          transformOrigin: "center center",
-          marginRight: index < currentPage.words.length - 1 ? "0.25em" : 0
-        },
-        children: word.word
-      },
-      `${word.word}-${word.startMs}-${index}`
-    );
+    return /* @__PURE__ */ jsxs4(React6.Fragment, { children: [
+      /* @__PURE__ */ jsx6(
+        "span",
+        {
+          style: {
+            color,
+            display: "inline-block",
+            transform: `scale(${scale})`,
+            transformOrigin: "center center"
+          },
+          children: word.word
+        }
+      ),
+      index < currentPage.words.length - 1 && " "
+    ] }, `${word.word}-${word.startMs}-${index}`);
   }) }) });
 }
 
 // src/compositions/AutoCaptionComposition.tsx
-import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 function AutoCaptionComposition({
   videoUrl,
   captions,
   style
 }) {
-  return /* @__PURE__ */ jsxs4(AbsoluteFill3, { style: { backgroundColor: "#000000" }, children: [
+  return /* @__PURE__ */ jsxs5(AbsoluteFill3, { style: { backgroundColor: "#000000" }, children: [
     /* @__PURE__ */ jsx7(
       OffthreadVideo2,
       {
@@ -1367,7 +1369,7 @@ function AutoCaptionCompositionWithVideo({
   captions,
   style
 }) {
-  return /* @__PURE__ */ jsxs4(AbsoluteFill3, { style: { backgroundColor: "#000000" }, children: [
+  return /* @__PURE__ */ jsxs5(AbsoluteFill3, { style: { backgroundColor: "#000000" }, children: [
     /* @__PURE__ */ jsx7(
       Video,
       {
@@ -1466,7 +1468,7 @@ function useResolvedPositions(elements, textValues) {
 
 // src/Root.tsx
 import { Composition } from "remotion";
-import { Fragment, jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
 var defaultImageProps = {
   config: {
     width: 1080,
@@ -1561,7 +1563,7 @@ var calculateImageMetadata = async ({ props }) => {
   };
 };
 var RenderRoot = () => {
-  return /* @__PURE__ */ jsxs5(Fragment, { children: [
+  return /* @__PURE__ */ jsxs6(Fragment, { children: [
     /* @__PURE__ */ jsx8(
       Composition,
       {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ugcinc-render",
-  "version": "1.8.3",
+  "version": "1.8.5",
   "description": "Unified rendering package for UGC Inc - shared types, components, and compositions for pixel-perfect client/server rendering",
   "main": "dist/index.js",
   "module": "dist/index.mjs",