ugcinc-render 1.8.2 → 1.8.3

package/dist/index.js

@@ -2185,19 +2185,17 @@ function CaptionOverlay({ captions, style, previewTimeMs }) {
         );
       }
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       "span",
       {
         style: {
           color,
           display: "inline-block",
           transform: `scale(${scale})`,
-          transformOrigin: "center center"
+          transformOrigin: "center center",
+          marginRight: index < currentPage.words.length - 1 ? "0.25em" : 0
         },
-        children: [
-          word.word,
-          index < currentPage.words.length - 1 ? " " : ""
-        ]
+        children: word.word
       },
       `${word.word}-${word.startMs}-${index}`
     );
@@ -2219,7 +2217,7 @@ function AutoCaptionComposition({
         style: {
           width: "100%",
           height: "100%",
-          objectFit: "contain"
+          objectFit: "cover"
         }
       }
     ),
@@ -2239,7 +2237,7 @@ function AutoCaptionCompositionWithVideo({
         style: {
           width: "100%",
           height: "100%",
-          objectFit: "contain"
+          objectFit: "cover"
         }
       }
     ),

package/dist/index.mjs

@@ -1203,7 +1203,7 @@ import { AbsoluteFill as AbsoluteFill3, Video, OffthreadVideo as OffthreadVideo2
 // src/components/CaptionOverlay.tsx
 import { useMemo as useMemo6 } from "react";
 import { useCurrentFrame as useCurrentFrame4, useVideoConfig as useVideoConfig4, interpolate } from "remotion";
-import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx6 } from "react/jsx-runtime";
 function createPages(words, wordsPerPage) {
   const pages = [];
   for (let i = 0; i < words.length; i += wordsPerPage) {
@@ -1323,19 +1323,17 @@ function CaptionOverlay({ captions, style, previewTimeMs }) {
         );
       }
     }
-    return /* @__PURE__ */ jsxs4(
+    return /* @__PURE__ */ jsx6(
       "span",
       {
         style: {
           color,
           display: "inline-block",
           transform: `scale(${scale})`,
-          transformOrigin: "center center"
+          transformOrigin: "center center",
+          marginRight: index < currentPage.words.length - 1 ? "0.25em" : 0
         },
-        children: [
-          word.word,
-          index < currentPage.words.length - 1 ? " " : ""
-        ]
+        children: word.word
       },
       `${word.word}-${word.startMs}-${index}`
     );
@@ -1343,13 +1341,13 @@ function CaptionOverlay({ captions, style, previewTimeMs }) {
 }
 
 // src/compositions/AutoCaptionComposition.tsx
-import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
 function AutoCaptionComposition({
   videoUrl,
   captions,
   style
 }) {
-  return /* @__PURE__ */ jsxs5(AbsoluteFill3, { style: { backgroundColor: "#000000" }, children: [
+  return /* @__PURE__ */ jsxs4(AbsoluteFill3, { style: { backgroundColor: "#000000" }, children: [
     /* @__PURE__ */ jsx7(
       OffthreadVideo2,
       {
@@ -1357,7 +1355,7 @@ function AutoCaptionComposition({
         style: {
           width: "100%",
           height: "100%",
-          objectFit: "contain"
+          objectFit: "cover"
         }
       }
     ),
@@ -1369,7 +1367,7 @@ function AutoCaptionCompositionWithVideo({
   captions,
   style
 }) {
-  return /* @__PURE__ */ jsxs5(AbsoluteFill3, { style: { backgroundColor: "#000000" }, children: [
+  return /* @__PURE__ */ jsxs4(AbsoluteFill3, { style: { backgroundColor: "#000000" }, children: [
     /* @__PURE__ */ jsx7(
       Video,
       {
@@ -1377,7 +1375,7 @@ function AutoCaptionCompositionWithVideo({
         style: {
           width: "100%",
           height: "100%",
-          objectFit: "contain"
+          objectFit: "cover"
         }
       }
     ),
@@ -1468,7 +1466,7 @@ function useResolvedPositions(elements, textValues) {
 
 // src/Root.tsx
 import { Composition } from "remotion";
-import { Fragment, jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
 var defaultImageProps = {
   config: {
     width: 1080,
@@ -1563,7 +1561,7 @@ var calculateImageMetadata = async ({ props }) => {
   };
 };
 var RenderRoot = () => {
-  return /* @__PURE__ */ jsxs6(Fragment, { children: [
+  return /* @__PURE__ */ jsxs5(Fragment, { children: [
     /* @__PURE__ */ jsx8(
       Composition,
       {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ugcinc-render",
-  "version": "1.8.2",
+  "version": "1.8.3",
   "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",