@remotion/three 4.0.528 → 4.0.530
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.
|
@@ -13,6 +13,6 @@ type ThreeCanvasInternalsProps = ThreeCanvasProps & {
|
|
|
13
13
|
readonly FrameRenderer: React.ComponentType<ThreeCanvasFrameRendererProps>;
|
|
14
14
|
readonly advanceOnCreated: boolean;
|
|
15
15
|
};
|
|
16
|
-
export declare const ThreeCanvasInternals: ({ from, durationInFrames, trimBefore, playbackRate, freeze, hidden, name, showInTimeline, premountFor, postmountFor, styleWhilePremounted, styleWhilePostmounted, style, ...props }: ThreeCanvasInternalsProps) => import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
export declare const ThreeCanvasInternals: ({ from, durationInFrames, trimBefore, playbackRate, loop, freeze, hidden, name, showInTimeline, premountFor, postmountFor, styleWhilePremounted, styleWhilePostmounted, style, ...props }: ThreeCanvasInternalsProps) => import("react/jsx-runtime").JSX.Element;
|
|
17
17
|
export declare const ThreeCanvas: (props: ThreeCanvasProps) => import("react/jsx-runtime").JSX.Element;
|
|
18
18
|
export {};
|
package/dist/cjs/ThreeCanvas.js
CHANGED
|
@@ -69,10 +69,14 @@ const ThreeCanvasContent = (props) => {
|
|
|
69
69
|
jsx_runtime_1.jsx(Scale, { width: width, height: height }), jsx_runtime_1.jsxs(remotion_1.Internals.RemotionContextProvider, { contexts: contexts, children: [isRendering && jsx_runtime_1.jsx(FrameRenderer, { onRendered: handleRendered }), children] })
|
|
70
70
|
] }) }));
|
|
71
71
|
};
|
|
72
|
-
const ThreeCanvasInternals = ({ from, durationInFrames, trimBefore, playbackRate, freeze, hidden, name, showInTimeline, premountFor, postmountFor, styleWhilePremounted, styleWhilePostmounted, style, ...props }) => {
|
|
72
|
+
const ThreeCanvasInternals = ({ from, durationInFrames, trimBefore, playbackRate, loop, freeze, hidden, name, showInTimeline, premountFor, postmountFor, styleWhilePremounted, styleWhilePostmounted, style, ...props }) => {
|
|
73
73
|
const { effectivePremountFor, effectivePostmountFor, freezeFrame, isPremountingOrPostmounting, premountingActive, postmountingActive, premountingStyle, } = remotion_1.Internals.usePremounting({
|
|
74
74
|
from: from !== null && from !== void 0 ? from : 0,
|
|
75
|
-
durationInFrames:
|
|
75
|
+
durationInFrames: remotion_1.Internals.resolveSequenceDuration({
|
|
76
|
+
durationInFrames,
|
|
77
|
+
playbackRate,
|
|
78
|
+
loop,
|
|
79
|
+
}),
|
|
76
80
|
premountFor: premountFor !== null && premountFor !== void 0 ? premountFor : null,
|
|
77
81
|
postmountFor: postmountFor !== null && postmountFor !== void 0 ? postmountFor : null,
|
|
78
82
|
style: style !== null && style !== void 0 ? style : null,
|
|
@@ -80,7 +84,7 @@ const ThreeCanvasInternals = ({ from, durationInFrames, trimBefore, playbackRate
|
|
|
80
84
|
styleWhilePostmounted: styleWhilePostmounted !== null && styleWhilePostmounted !== void 0 ? styleWhilePostmounted : null,
|
|
81
85
|
hideWhilePremounted: 'opacity',
|
|
82
86
|
});
|
|
83
|
-
return (jsx_runtime_1.jsx(remotion_1.Freeze, { frame: freezeFrame, active: isPremountingOrPostmounting, children: jsx_runtime_1.jsx(remotion_1.Sequence, { layout: "none", from: from, durationInFrames: durationInFrames, trimBefore: trimBefore, playbackRate: playbackRate, freeze: freeze, hidden: hidden, name: name !== null && name !== void 0 ? name : '<ThreeCanvas>', showInTimeline: showInTimeline !== null && showInTimeline !== void 0 ? showInTimeline : false, _remotionInternalPremountDisplay: effectivePremountFor || null, _remotionInternalPostmountDisplay: effectivePostmountFor || null, _remotionInternalIsPremounting: premountingActive, _remotionInternalIsPostmounting: postmountingActive, children: jsx_runtime_1.jsx(ThreeCanvasContent, { ...props, style: premountingStyle !== null && premountingStyle !== void 0 ? premountingStyle : undefined }) }) }));
|
|
87
|
+
return (jsx_runtime_1.jsx(remotion_1.Freeze, { frame: freezeFrame, active: isPremountingOrPostmounting, children: jsx_runtime_1.jsx(remotion_1.Sequence, { layout: "none", from: from, durationInFrames: durationInFrames, trimBefore: trimBefore, playbackRate: playbackRate, loop: loop, freeze: freeze, hidden: hidden, name: name !== null && name !== void 0 ? name : '<ThreeCanvas>', showInTimeline: showInTimeline !== null && showInTimeline !== void 0 ? showInTimeline : false, _remotionInternalPremountDisplay: effectivePremountFor || null, _remotionInternalPostmountDisplay: effectivePostmountFor || null, _remotionInternalIsPremounting: premountingActive, _remotionInternalIsPostmounting: postmountingActive, children: jsx_runtime_1.jsx(ThreeCanvasContent, { ...props, style: premountingStyle !== null && premountingStyle !== void 0 ? premountingStyle : undefined }) }) }));
|
|
84
88
|
};
|
|
85
89
|
exports.ThreeCanvasInternals = ThreeCanvasInternals;
|
|
86
90
|
/*
|
package/dist/esm/index.mjs
CHANGED
|
@@ -171,6 +171,7 @@ var ThreeCanvasInternals = ({
|
|
|
171
171
|
durationInFrames,
|
|
172
172
|
trimBefore,
|
|
173
173
|
playbackRate,
|
|
174
|
+
loop,
|
|
174
175
|
freeze,
|
|
175
176
|
hidden,
|
|
176
177
|
name,
|
|
@@ -192,7 +193,11 @@ var ThreeCanvasInternals = ({
|
|
|
192
193
|
premountingStyle
|
|
193
194
|
} = Internals.usePremounting({
|
|
194
195
|
from: from ?? 0,
|
|
195
|
-
durationInFrames:
|
|
196
|
+
durationInFrames: Internals.resolveSequenceDuration({
|
|
197
|
+
durationInFrames,
|
|
198
|
+
playbackRate,
|
|
199
|
+
loop
|
|
200
|
+
}),
|
|
196
201
|
premountFor: premountFor ?? null,
|
|
197
202
|
postmountFor: postmountFor ?? null,
|
|
198
203
|
style: style ?? null,
|
|
@@ -209,6 +214,7 @@ var ThreeCanvasInternals = ({
|
|
|
209
214
|
durationInFrames,
|
|
210
215
|
trimBefore,
|
|
211
216
|
playbackRate,
|
|
217
|
+
loop,
|
|
212
218
|
freeze,
|
|
213
219
|
hidden,
|
|
214
220
|
name: name ?? "<ThreeCanvas>",
|
package/dist/esm/webgpu.mjs
CHANGED
|
@@ -177,6 +177,7 @@ var ThreeCanvasInternals = ({
|
|
|
177
177
|
durationInFrames,
|
|
178
178
|
trimBefore,
|
|
179
179
|
playbackRate,
|
|
180
|
+
loop,
|
|
180
181
|
freeze,
|
|
181
182
|
hidden,
|
|
182
183
|
name,
|
|
@@ -198,7 +199,11 @@ var ThreeCanvasInternals = ({
|
|
|
198
199
|
premountingStyle
|
|
199
200
|
} = Internals.usePremounting({
|
|
200
201
|
from: from ?? 0,
|
|
201
|
-
durationInFrames:
|
|
202
|
+
durationInFrames: Internals.resolveSequenceDuration({
|
|
203
|
+
durationInFrames,
|
|
204
|
+
playbackRate,
|
|
205
|
+
loop
|
|
206
|
+
}),
|
|
202
207
|
premountFor: premountFor ?? null,
|
|
203
208
|
postmountFor: postmountFor ?? null,
|
|
204
209
|
style: style ?? null,
|
|
@@ -215,6 +220,7 @@ var ThreeCanvasInternals = ({
|
|
|
215
220
|
durationInFrames,
|
|
216
221
|
trimBefore,
|
|
217
222
|
playbackRate,
|
|
223
|
+
loop,
|
|
218
224
|
freeze,
|
|
219
225
|
hidden,
|
|
220
226
|
name: name ?? "<ThreeCanvas>",
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"url": "https://github.com/remotion-dev/remotion/tree/main/packages/three"
|
|
4
4
|
},
|
|
5
5
|
"name": "@remotion/three",
|
|
6
|
-
"version": "4.0.
|
|
6
|
+
"version": "4.0.530",
|
|
7
7
|
"description": "Include React Three Fiber components in a Remotion video",
|
|
8
8
|
"main": "dist/cjs/index.js",
|
|
9
9
|
"types": "dist/cjs/index.d.ts",
|
|
@@ -21,14 +21,14 @@
|
|
|
21
21
|
"url": "https://github.com/remotion-dev/remotion/issues"
|
|
22
22
|
},
|
|
23
23
|
"dependencies": {
|
|
24
|
-
"remotion": "4.0.
|
|
24
|
+
"remotion": "4.0.530"
|
|
25
25
|
},
|
|
26
26
|
"peerDependencies": {
|
|
27
27
|
"@react-three/fiber": ">=8.0.0",
|
|
28
28
|
"react": ">=16.8.0",
|
|
29
29
|
"react-dom": ">=16.8.0",
|
|
30
30
|
"three": ">=0.137.0",
|
|
31
|
-
"remotion": "4.0.
|
|
31
|
+
"remotion": "4.0.530"
|
|
32
32
|
},
|
|
33
33
|
"devDependencies": {
|
|
34
34
|
"@react-three/fiber": "9.2.0",
|
|
@@ -37,9 +37,9 @@
|
|
|
37
37
|
"@types/web": "0.0.166",
|
|
38
38
|
"react": "19.2.3",
|
|
39
39
|
"react-dom": "19.2.3",
|
|
40
|
-
"remotion": "4.0.
|
|
40
|
+
"remotion": "4.0.530",
|
|
41
41
|
"three": "0.178.0",
|
|
42
|
-
"@remotion/eslint-config-internal": "4.0.
|
|
42
|
+
"@remotion/eslint-config-internal": "4.0.530",
|
|
43
43
|
"eslint": "9.19.0",
|
|
44
44
|
"@typescript/native-preview": "7.0.0-dev.20260217.1"
|
|
45
45
|
},
|