ugcinc-render 1.5.31 → 1.5.32
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.
- package/dist/index.js +2 -40
- package/dist/index.mjs +2 -40
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1604,11 +1604,11 @@ function BackgroundImage({
|
|
|
1604
1604
|
}
|
|
1605
1605
|
|
|
1606
1606
|
// src/compositions/VideoEditorComposition.tsx
|
|
1607
|
-
var import_react5 =
|
|
1607
|
+
var import_react5 = require("react");
|
|
1608
1608
|
var import_remotion4 = require("remotion");
|
|
1609
1609
|
|
|
1610
1610
|
// src/components/VideoElement.tsx
|
|
1611
|
-
var import_react4 =
|
|
1611
|
+
var import_react4 = require("react");
|
|
1612
1612
|
var import_remotion3 = require("remotion");
|
|
1613
1613
|
var import_jsx_runtime4 = require("react/jsx-runtime");
|
|
1614
1614
|
function fitModeToCss2(fit) {
|
|
@@ -1623,17 +1623,6 @@ function VideoElement({
|
|
|
1623
1623
|
}) {
|
|
1624
1624
|
const frame = (0, import_remotion3.useCurrentFrame)();
|
|
1625
1625
|
const { fps } = (0, import_remotion3.useVideoConfig)();
|
|
1626
|
-
import_react4.default.useEffect(() => {
|
|
1627
|
-
console.log(`[VideoElement] Rendering segment ${segment.id}:`, {
|
|
1628
|
-
src,
|
|
1629
|
-
startFrame,
|
|
1630
|
-
durationInFrames,
|
|
1631
|
-
width: segment.width,
|
|
1632
|
-
height: segment.height,
|
|
1633
|
-
fit: segment.fit,
|
|
1634
|
-
startTrim: segment.startTrim
|
|
1635
|
-
});
|
|
1636
|
-
}, [segment, src, startFrame, durationInFrames]);
|
|
1637
1626
|
const fit = segment.fit ?? VIDEO_DEFAULTS.fit;
|
|
1638
1627
|
const speed = segment.speed ?? VIDEO_DEFAULTS.speed;
|
|
1639
1628
|
const volume = (segment.volume ?? VIDEO_DEFAULTS.volume) / 100;
|
|
@@ -1756,21 +1745,6 @@ function VideoEditorComposition({
|
|
|
1756
1745
|
}) {
|
|
1757
1746
|
const frame = (0, import_remotion4.useCurrentFrame)();
|
|
1758
1747
|
const { fps, durationInFrames } = (0, import_remotion4.useVideoConfig)();
|
|
1759
|
-
import_react5.default.useEffect(() => {
|
|
1760
|
-
console.log("[VideoEditorComposition] Mounted with:", {
|
|
1761
|
-
configChannels: config.channels.length,
|
|
1762
|
-
sources,
|
|
1763
|
-
textContent,
|
|
1764
|
-
fps,
|
|
1765
|
-
durationInFrames,
|
|
1766
|
-
segments: config.channels.flatMap((c) => c.segments.map((s) => ({
|
|
1767
|
-
id: s.id,
|
|
1768
|
-
type: s.type,
|
|
1769
|
-
source: s.source,
|
|
1770
|
-
inputRef: s.inputRef
|
|
1771
|
-
})))
|
|
1772
|
-
});
|
|
1773
|
-
}, [config, sources, textContent, fps, durationInFrames]);
|
|
1774
1748
|
const segmentTimings = (0, import_react5.useMemo)(
|
|
1775
1749
|
() => calculateSegmentTimings(config, fps),
|
|
1776
1750
|
[config, fps]
|
|
@@ -1829,13 +1803,7 @@ function VideoEditorComposition({
|
|
|
1829
1803
|
}
|
|
1830
1804
|
if (segment.type === "image") {
|
|
1831
1805
|
const src = getSource(segment);
|
|
1832
|
-
console.log(`[VideoEditorComposition] Image segment ${segment.id}:`, {
|
|
1833
|
-
inputRef: segment.inputRef,
|
|
1834
|
-
src,
|
|
1835
|
-
hasSource: !!src
|
|
1836
|
-
});
|
|
1837
1806
|
if (!src) {
|
|
1838
|
-
console.warn(`No source found for image segment: ${segment.id}`);
|
|
1839
1807
|
return null;
|
|
1840
1808
|
}
|
|
1841
1809
|
return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
|
|
@@ -1851,13 +1819,7 @@ function VideoEditorComposition({
|
|
|
1851
1819
|
}
|
|
1852
1820
|
if (segment.type === "video") {
|
|
1853
1821
|
const src = getSource(segment);
|
|
1854
|
-
console.log(`[VideoEditorComposition] Video segment ${segment.id}:`, {
|
|
1855
|
-
inputRef: segment.inputRef,
|
|
1856
|
-
src,
|
|
1857
|
-
hasSource: !!src
|
|
1858
|
-
});
|
|
1859
1822
|
if (!src) {
|
|
1860
|
-
console.warn(`No source found for video segment: ${segment.id}`);
|
|
1861
1823
|
return null;
|
|
1862
1824
|
}
|
|
1863
1825
|
return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
|
package/dist/index.mjs
CHANGED
|
@@ -1518,11 +1518,11 @@ function BackgroundImage({
|
|
|
1518
1518
|
}
|
|
1519
1519
|
|
|
1520
1520
|
// src/compositions/VideoEditorComposition.tsx
|
|
1521
|
-
import
|
|
1521
|
+
import { useMemo as useMemo5 } from "react";
|
|
1522
1522
|
import { AbsoluteFill as AbsoluteFill2, useCurrentFrame as useCurrentFrame3, useVideoConfig as useVideoConfig3, Sequence, Audio } from "remotion";
|
|
1523
1523
|
|
|
1524
1524
|
// src/components/VideoElement.tsx
|
|
1525
|
-
import
|
|
1525
|
+
import { useMemo as useMemo4 } from "react";
|
|
1526
1526
|
import { OffthreadVideo, useCurrentFrame as useCurrentFrame2, useVideoConfig as useVideoConfig2 } from "remotion";
|
|
1527
1527
|
import { jsx as jsx4 } from "react/jsx-runtime";
|
|
1528
1528
|
function fitModeToCss2(fit) {
|
|
@@ -1537,17 +1537,6 @@ function VideoElement({
|
|
|
1537
1537
|
}) {
|
|
1538
1538
|
const frame = useCurrentFrame2();
|
|
1539
1539
|
const { fps } = useVideoConfig2();
|
|
1540
|
-
React4.useEffect(() => {
|
|
1541
|
-
console.log(`[VideoElement] Rendering segment ${segment.id}:`, {
|
|
1542
|
-
src,
|
|
1543
|
-
startFrame,
|
|
1544
|
-
durationInFrames,
|
|
1545
|
-
width: segment.width,
|
|
1546
|
-
height: segment.height,
|
|
1547
|
-
fit: segment.fit,
|
|
1548
|
-
startTrim: segment.startTrim
|
|
1549
|
-
});
|
|
1550
|
-
}, [segment, src, startFrame, durationInFrames]);
|
|
1551
1540
|
const fit = segment.fit ?? VIDEO_DEFAULTS.fit;
|
|
1552
1541
|
const speed = segment.speed ?? VIDEO_DEFAULTS.speed;
|
|
1553
1542
|
const volume = (segment.volume ?? VIDEO_DEFAULTS.volume) / 100;
|
|
@@ -1670,21 +1659,6 @@ function VideoEditorComposition({
|
|
|
1670
1659
|
}) {
|
|
1671
1660
|
const frame = useCurrentFrame3();
|
|
1672
1661
|
const { fps, durationInFrames } = useVideoConfig3();
|
|
1673
|
-
React5.useEffect(() => {
|
|
1674
|
-
console.log("[VideoEditorComposition] Mounted with:", {
|
|
1675
|
-
configChannels: config.channels.length,
|
|
1676
|
-
sources,
|
|
1677
|
-
textContent,
|
|
1678
|
-
fps,
|
|
1679
|
-
durationInFrames,
|
|
1680
|
-
segments: config.channels.flatMap((c) => c.segments.map((s) => ({
|
|
1681
|
-
id: s.id,
|
|
1682
|
-
type: s.type,
|
|
1683
|
-
source: s.source,
|
|
1684
|
-
inputRef: s.inputRef
|
|
1685
|
-
})))
|
|
1686
|
-
});
|
|
1687
|
-
}, [config, sources, textContent, fps, durationInFrames]);
|
|
1688
1662
|
const segmentTimings = useMemo5(
|
|
1689
1663
|
() => calculateSegmentTimings(config, fps),
|
|
1690
1664
|
[config, fps]
|
|
@@ -1743,13 +1717,7 @@ function VideoEditorComposition({
|
|
|
1743
1717
|
}
|
|
1744
1718
|
if (segment.type === "image") {
|
|
1745
1719
|
const src = getSource(segment);
|
|
1746
|
-
console.log(`[VideoEditorComposition] Image segment ${segment.id}:`, {
|
|
1747
|
-
inputRef: segment.inputRef,
|
|
1748
|
-
src,
|
|
1749
|
-
hasSource: !!src
|
|
1750
|
-
});
|
|
1751
1720
|
if (!src) {
|
|
1752
|
-
console.warn(`No source found for image segment: ${segment.id}`);
|
|
1753
1721
|
return null;
|
|
1754
1722
|
}
|
|
1755
1723
|
return /* @__PURE__ */ jsx5(
|
|
@@ -1765,13 +1733,7 @@ function VideoEditorComposition({
|
|
|
1765
1733
|
}
|
|
1766
1734
|
if (segment.type === "video") {
|
|
1767
1735
|
const src = getSource(segment);
|
|
1768
|
-
console.log(`[VideoEditorComposition] Video segment ${segment.id}:`, {
|
|
1769
|
-
inputRef: segment.inputRef,
|
|
1770
|
-
src,
|
|
1771
|
-
hasSource: !!src
|
|
1772
|
-
});
|
|
1773
1736
|
if (!src) {
|
|
1774
|
-
console.warn(`No source found for video segment: ${segment.id}`);
|
|
1775
1737
|
return null;
|
|
1776
1738
|
}
|
|
1777
1739
|
return /* @__PURE__ */ jsx5(
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "ugcinc-render",
|
|
3
|
-
"version": "1.5.
|
|
3
|
+
"version": "1.5.32",
|
|
4
4
|
"description": "Unified rendering package for UGC Inc - shared types, components, and compositions for pixel-perfect client/server rendering",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/index.mjs",
|