ugcinc-render 1.5.29 → 1.5.31

package/dist/index.js

@@ -1604,11 +1604,11 @@ function BackgroundImage({
 }
 
 // src/compositions/VideoEditorComposition.tsx
-var import_react5 = require("react");
+var import_react5 = __toESM(require("react"));
 var import_remotion4 = require("remotion");
 
 // src/components/VideoElement.tsx
-var import_react4 = require("react");
+var import_react4 = __toESM(require("react"));
 var import_remotion3 = require("remotion");
 var import_jsx_runtime4 = require("react/jsx-runtime");
 function fitModeToCss2(fit) {
@@ -1623,6 +1623,17 @@ function VideoElement({
 }) {
   const frame = (0, import_remotion3.useCurrentFrame)();
   const { fps } = (0, import_remotion3.useVideoConfig)();
+  import_react4.default.useEffect(() => {
+    console.log(`[VideoElement] Rendering segment ${segment.id}:`, {
+      src,
+      startFrame,
+      durationInFrames,
+      width: segment.width,
+      height: segment.height,
+      fit: segment.fit,
+      startTrim: segment.startTrim
+    });
+  }, [segment, src, startFrame, durationInFrames]);
   const fit = segment.fit ?? VIDEO_DEFAULTS.fit;
   const speed = segment.speed ?? VIDEO_DEFAULTS.speed;
   const volume = (segment.volume ?? VIDEO_DEFAULTS.volume) / 100;
@@ -1745,6 +1756,21 @@ function VideoEditorComposition({
 }) {
   const frame = (0, import_remotion4.useCurrentFrame)();
   const { fps, durationInFrames } = (0, import_remotion4.useVideoConfig)();
+  import_react5.default.useEffect(() => {
+    console.log("[VideoEditorComposition] Mounted with:", {
+      configChannels: config.channels.length,
+      sources,
+      textContent,
+      fps,
+      durationInFrames,
+      segments: config.channels.flatMap((c) => c.segments.map((s) => ({
+        id: s.id,
+        type: s.type,
+        source: s.source,
+        inputRef: s.inputRef
+      })))
+    });
+  }, [config, sources, textContent, fps, durationInFrames]);
   const segmentTimings = (0, import_react5.useMemo)(
     () => calculateSegmentTimings(config, fps),
     [config, fps]
@@ -1803,6 +1829,11 @@ function VideoEditorComposition({
       }
       if (segment.type === "image") {
         const src = getSource(segment);
+        console.log(`[VideoEditorComposition] Image segment ${segment.id}:`, {
+          inputRef: segment.inputRef,
+          src,
+          hasSource: !!src
+        });
         if (!src) {
           console.warn(`No source found for image segment: ${segment.id}`);
           return null;
@@ -1820,6 +1851,11 @@ function VideoEditorComposition({
       }
       if (segment.type === "video") {
         const src = getSource(segment);
+        console.log(`[VideoEditorComposition] Video segment ${segment.id}:`, {
+          inputRef: segment.inputRef,
+          src,
+          hasSource: !!src
+        });
         if (!src) {
           console.warn(`No source found for video segment: ${segment.id}`);
           return null;

package/dist/index.mjs

@@ -1518,11 +1518,11 @@ function BackgroundImage({
 }
 
 // src/compositions/VideoEditorComposition.tsx
-import { useMemo as useMemo5 } from "react";
+import React5, { useMemo as useMemo5 } from "react";
 import { AbsoluteFill as AbsoluteFill2, useCurrentFrame as useCurrentFrame3, useVideoConfig as useVideoConfig3, Sequence, Audio } from "remotion";
 
 // src/components/VideoElement.tsx
-import { useMemo as useMemo4 } from "react";
+import React4, { useMemo as useMemo4 } from "react";
 import { OffthreadVideo, useCurrentFrame as useCurrentFrame2, useVideoConfig as useVideoConfig2 } from "remotion";
 import { jsx as jsx4 } from "react/jsx-runtime";
 function fitModeToCss2(fit) {
@@ -1537,6 +1537,17 @@ function VideoElement({
 }) {
   const frame = useCurrentFrame2();
   const { fps } = useVideoConfig2();
+  React4.useEffect(() => {
+    console.log(`[VideoElement] Rendering segment ${segment.id}:`, {
+      src,
+      startFrame,
+      durationInFrames,
+      width: segment.width,
+      height: segment.height,
+      fit: segment.fit,
+      startTrim: segment.startTrim
+    });
+  }, [segment, src, startFrame, durationInFrames]);
   const fit = segment.fit ?? VIDEO_DEFAULTS.fit;
   const speed = segment.speed ?? VIDEO_DEFAULTS.speed;
   const volume = (segment.volume ?? VIDEO_DEFAULTS.volume) / 100;
@@ -1659,6 +1670,21 @@ function VideoEditorComposition({
 }) {
   const frame = useCurrentFrame3();
   const { fps, durationInFrames } = useVideoConfig3();
+  React5.useEffect(() => {
+    console.log("[VideoEditorComposition] Mounted with:", {
+      configChannels: config.channels.length,
+      sources,
+      textContent,
+      fps,
+      durationInFrames,
+      segments: config.channels.flatMap((c) => c.segments.map((s) => ({
+        id: s.id,
+        type: s.type,
+        source: s.source,
+        inputRef: s.inputRef
+      })))
+    });
+  }, [config, sources, textContent, fps, durationInFrames]);
   const segmentTimings = useMemo5(
     () => calculateSegmentTimings(config, fps),
     [config, fps]
@@ -1717,6 +1743,11 @@ function VideoEditorComposition({
       }
       if (segment.type === "image") {
         const src = getSource(segment);
+        console.log(`[VideoEditorComposition] Image segment ${segment.id}:`, {
+          inputRef: segment.inputRef,
+          src,
+          hasSource: !!src
+        });
         if (!src) {
           console.warn(`No source found for image segment: ${segment.id}`);
           return null;
@@ -1734,6 +1765,11 @@ function VideoEditorComposition({
       }
       if (segment.type === "video") {
         const src = getSource(segment);
+        console.log(`[VideoEditorComposition] Video segment ${segment.id}:`, {
+          inputRef: segment.inputRef,
+          src,
+          hasSource: !!src
+        });
         if (!src) {
           console.warn(`No source found for video segment: ${segment.id}`);
           return null;

package/package.json

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