remotion 4.0.0-preload.17 → 4.0.0-spawn.10
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/.turbo/turbo-build.log +5 -5
- package/dist/AbsoluteFill.js +1 -1
- package/dist/Composition.js +1 -1
- package/dist/CompositionManager.js +6 -2
- package/dist/IFrame.js +1 -1
- package/dist/Img.js +1 -1
- package/dist/RemotionRoot.js +1 -1
- package/dist/Still.js +1 -1
- package/dist/audio/Audio.js +3 -3
- package/dist/audio/AudioForDevelopment.js +1 -1
- package/dist/audio/AudioForRendering.js +1 -1
- package/dist/audio/index.js +5 -1
- package/dist/audio/shared-audio-tags.js +6 -2
- package/dist/delay-render.d.ts +1 -1
- package/dist/freeze.js +1 -1
- package/dist/index.js +5 -1
- package/dist/internals.js +5 -1
- package/dist/loop/index.js +1 -1
- package/dist/sequencing/index.js +1 -1
- package/dist/series/index.js +3 -3
- package/dist/use-lazy-component.js +5 -1
- package/dist/video/OffthreadVideo.js +3 -3
- package/dist/video/OffthreadVideoForRendering.js +1 -1
- package/dist/video/Video.js +3 -3
- package/dist/video/VideoForDevelopment.js +1 -1
- package/dist/video/VideoForRendering.js +1 -1
- package/dist/wrap-remotion-context.js +6 -2
- package/package.json +3 -3
package/.turbo/turbo-build.log
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
[
|
|
2
|
-
[
|
|
3
|
-
[
|
|
4
|
-
[
|
|
5
|
-
[
|
|
1
|
+
[33mremotion:build: [0mcache hit, replaying output [2m3ddfe6800d8ef4db[0m
|
|
2
|
+
[33mremotion:build: [0m
|
|
3
|
+
[33mremotion:build: [0m> remotion@3.0.14 build /Users/jonathanburger/remotion/packages/core
|
|
4
|
+
[33mremotion:build: [0m> tsc -d
|
|
5
|
+
[33mremotion:build: [0m
|
package/dist/AbsoluteFill.js
CHANGED
|
@@ -19,6 +19,6 @@ const AbsoluteFill = (props) => {
|
|
|
19
19
|
...style,
|
|
20
20
|
};
|
|
21
21
|
}, [style]);
|
|
22
|
-
return (0, jsx_runtime_1.jsx)("div", { style: actualStyle, ...other }
|
|
22
|
+
return (0, jsx_runtime_1.jsx)("div", { style: actualStyle, ...other });
|
|
23
23
|
};
|
|
24
24
|
exports.AbsoluteFill = AbsoluteFill;
|
package/dist/Composition.js
CHANGED
|
@@ -34,7 +34,7 @@ const Folder = ({ name, children, }) => {
|
|
|
34
34
|
unregisterFolder(name, parentName);
|
|
35
35
|
};
|
|
36
36
|
}, [name, parent.folderName, parentName, registerFolder, unregisterFolder]);
|
|
37
|
-
return ((0, jsx_runtime_1.jsx)(FolderContext.Provider, { value: value, children: children }
|
|
37
|
+
return ((0, jsx_runtime_1.jsx)(FolderContext.Provider, { value: value, children: children }));
|
|
38
38
|
};
|
|
39
39
|
exports.Folder = Folder;
|
|
40
40
|
const Composition = ({ width, height, fps, durationInFrames, id, defaultProps, ...compProps }) => {
|
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
3
|
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
5
9
|
}) : (function(o, m, k, k2) {
|
|
6
10
|
if (k2 === undefined) k2 = k;
|
|
7
11
|
o[k2] = m[k];
|
|
@@ -139,6 +143,6 @@ const CompositionManagerProvider = ({ children }) => {
|
|
|
139
143
|
unregisterFolder,
|
|
140
144
|
folders,
|
|
141
145
|
]);
|
|
142
|
-
return ((0, jsx_runtime_1.jsx)(exports.CompositionManager.Provider, { value: contextValue, children: children }
|
|
146
|
+
return ((0, jsx_runtime_1.jsx)(exports.CompositionManager.Provider, { value: contextValue, children: children }));
|
|
143
147
|
};
|
|
144
148
|
exports.CompositionManagerProvider = CompositionManagerProvider;
|
package/dist/IFrame.js
CHANGED
|
@@ -19,6 +19,6 @@ const IFrameRefForwarding = ({ onLoad, onError, ...props }, ref) => {
|
|
|
19
19
|
console.error('Error loading iframe:', e, 'Handle the event using the onError() prop to make this message disappear.');
|
|
20
20
|
}
|
|
21
21
|
}, [handle, onError]);
|
|
22
|
-
return (0, jsx_runtime_1.jsx)("iframe", { ...props, ref: ref, onError: didGetError, onLoad: didLoad }
|
|
22
|
+
return (0, jsx_runtime_1.jsx)("iframe", { ...props, ref: ref, onError: didGetError, onLoad: didLoad });
|
|
23
23
|
};
|
|
24
24
|
exports.IFrame = (0, react_1.forwardRef)(IFrameRefForwarding);
|
package/dist/Img.js
CHANGED
|
@@ -37,6 +37,6 @@ const ImgRefForwarding = ({ onError, ...props }, ref) => {
|
|
|
37
37
|
(0, delay_render_1.continueRender)(newHandle);
|
|
38
38
|
};
|
|
39
39
|
}, [props.src]);
|
|
40
|
-
return (0, jsx_runtime_1.jsx)("img", { ...props, ref: imageRef, onError: didGetError }
|
|
40
|
+
return (0, jsx_runtime_1.jsx)("img", { ...props, ref: imageRef, onError: didGetError });
|
|
41
41
|
};
|
|
42
42
|
exports.Img = (0, react_1.forwardRef)(ImgRefForwarding);
|
package/dist/RemotionRoot.js
CHANGED
|
@@ -65,6 +65,6 @@ const RemotionRoot = ({ children }) => {
|
|
|
65
65
|
// In the preview, which is mostly played on Desktop, we opt out of the autoplay policy fix as described in https://github.com/remotion-dev/remotion/pull/554, as it mostly applies to mobile.
|
|
66
66
|
, {
|
|
67
67
|
// In the preview, which is mostly played on Desktop, we opt out of the autoplay policy fix as described in https://github.com/remotion-dev/remotion/pull/554, as it mostly applies to mobile.
|
|
68
|
-
numberOfAudioTags: 0, children: children }
|
|
68
|
+
numberOfAudioTags: 0, children: children }) }) }) }) }));
|
|
69
69
|
};
|
|
70
70
|
exports.RemotionRoot = RemotionRoot;
|
package/dist/Still.js
CHANGED
|
@@ -4,6 +4,6 @@ exports.Still = void 0;
|
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const Composition_1 = require("./Composition");
|
|
6
6
|
const Still = (props) => {
|
|
7
|
-
return (0, jsx_runtime_1.jsx)(Composition_1.Composition, { fps: 1, durationInFrames: 1, ...props }
|
|
7
|
+
return (0, jsx_runtime_1.jsx)(Composition_1.Composition, { fps: 1, durationInFrames: 1, ...props });
|
|
8
8
|
};
|
|
9
9
|
exports.Still = Still;
|
package/dist/audio/Audio.js
CHANGED
|
@@ -21,12 +21,12 @@ const AudioRefForwardingFunction = (props, ref) => {
|
|
|
21
21
|
(0, validate_start_from_props_1.validateStartFromProps)(startFrom, endAt);
|
|
22
22
|
const startFromFrameNo = startFrom !== null && startFrom !== void 0 ? startFrom : 0;
|
|
23
23
|
const endAtFrameNo = endAt !== null && endAt !== void 0 ? endAt : Infinity;
|
|
24
|
-
return ((0, jsx_runtime_1.jsx)(sequencing_1.Sequence, { layout: "none", from: 0 - startFromFrameNo, showInTimeline: false, durationInFrames: endAtFrameNo, children: (0, jsx_runtime_1.jsx)(exports.Audio, { ...otherProps, ref: ref }
|
|
24
|
+
return ((0, jsx_runtime_1.jsx)(sequencing_1.Sequence, { layout: "none", from: 0 - startFromFrameNo, showInTimeline: false, durationInFrames: endAtFrameNo, children: (0, jsx_runtime_1.jsx)(exports.Audio, { ...otherProps, ref: ref }) }));
|
|
25
25
|
}
|
|
26
26
|
(0, validate_media_props_1.validateMediaProps)(props, 'Audio');
|
|
27
27
|
if ((0, get_environment_1.getRemotionEnvironment)() === 'rendering') {
|
|
28
|
-
return (0, jsx_runtime_1.jsx)(AudioForRendering_1.AudioForRendering, { ...props, ref: ref, onError: onError }
|
|
28
|
+
return (0, jsx_runtime_1.jsx)(AudioForRendering_1.AudioForRendering, { ...props, ref: ref, onError: onError });
|
|
29
29
|
}
|
|
30
|
-
return ((0, jsx_runtime_1.jsx)(AudioForDevelopment_1.AudioForDevelopment, { shouldPreMountAudioTags: audioContext !== null && audioContext.numberOfAudioTags > 0, ...props, ref: ref, onError: onError }
|
|
30
|
+
return ((0, jsx_runtime_1.jsx)(AudioForDevelopment_1.AudioForDevelopment, { shouldPreMountAudioTags: audioContext !== null && audioContext.numberOfAudioTags > 0, ...props, ref: ref, onError: onError }));
|
|
31
31
|
};
|
|
32
32
|
exports.Audio = (0, react_1.forwardRef)(AudioRefForwardingFunction);
|
|
@@ -53,6 +53,6 @@ const AudioForDevelopmentForwardRefFunction = (props, ref) => {
|
|
|
53
53
|
if (initialShouldPreMountAudioElements) {
|
|
54
54
|
return null;
|
|
55
55
|
}
|
|
56
|
-
return (0, jsx_runtime_1.jsx)("audio", { ref: audioRef, ...propsToPass }
|
|
56
|
+
return (0, jsx_runtime_1.jsx)("audio", { ref: audioRef, ...propsToPass });
|
|
57
57
|
};
|
|
58
58
|
exports.AudioForDevelopment = (0, react_1.forwardRef)(AudioForDevelopmentForwardRefFunction);
|
|
@@ -63,6 +63,6 @@ const AudioForRenderingRefForwardingFunction = (props, ref) => {
|
|
|
63
63
|
playbackRate,
|
|
64
64
|
props.playbackRate,
|
|
65
65
|
]);
|
|
66
|
-
return (0, jsx_runtime_1.jsx)("audio", { ref: audioRef, ...nativeProps }
|
|
66
|
+
return (0, jsx_runtime_1.jsx)("audio", { ref: audioRef, ...nativeProps });
|
|
67
67
|
};
|
|
68
68
|
exports.AudioForRendering = (0, react_1.forwardRef)(AudioForRenderingRefForwardingFunction);
|
package/dist/audio/index.js
CHANGED
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
3
|
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
5
9
|
}) : (function(o, m, k, k2) {
|
|
6
10
|
if (k2 === undefined) k2 = k;
|
|
7
11
|
o[k2] = m[k];
|
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
3
|
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
5
9
|
}) : (function(o, m, k, k2) {
|
|
6
10
|
if (k2 === undefined) k2 = k;
|
|
7
11
|
o[k2] = m[k];
|
|
@@ -114,7 +118,7 @@ const SharedAudioContextProvider = ({ children, numberOfAudioTags }) => {
|
|
|
114
118
|
throw new TypeError('Expected audio data to be there');
|
|
115
119
|
}
|
|
116
120
|
return (0, jsx_runtime_1.jsx)("audio", { ref: ref, ...data.props }, id);
|
|
117
|
-
}), children] }
|
|
121
|
+
}), children] }));
|
|
118
122
|
};
|
|
119
123
|
exports.SharedAudioContextProvider = SharedAudioContextProvider;
|
|
120
124
|
const useSharedAudio = (aud) => {
|
package/dist/delay-render.d.ts
CHANGED
|
@@ -5,7 +5,7 @@ export declare const DELAY_RENDER_CALLSTACK_TOKEN = "The delayRender was called:
|
|
|
5
5
|
* @returns {number} An identifier to be passed to continueRender().
|
|
6
6
|
* @link https://www.remotion.dev/docs/delay-render
|
|
7
7
|
*/
|
|
8
|
-
export declare const delayRender: (label?: string
|
|
8
|
+
export declare const delayRender: (label?: string) => number;
|
|
9
9
|
/**
|
|
10
10
|
* Unblock a render that has been blocked by delayRender()
|
|
11
11
|
* @param handle The return value of delayRender().
|
package/dist/freeze.js
CHANGED
|
@@ -29,6 +29,6 @@ const Freeze = ({ frame, children }) => {
|
|
|
29
29
|
frame,
|
|
30
30
|
};
|
|
31
31
|
}, [context, frame]);
|
|
32
|
-
return ((0, jsx_runtime_1.jsx)(timeline_position_state_1.TimelineContext.Provider, { value: value, children: (0, jsx_runtime_1.jsx)(sequencing_1.SequenceContext.Provider, { value: null, children: children }
|
|
32
|
+
return ((0, jsx_runtime_1.jsx)(timeline_position_state_1.TimelineContext.Provider, { value: value, children: (0, jsx_runtime_1.jsx)(sequencing_1.SequenceContext.Provider, { value: null, children: children }) }));
|
|
33
33
|
};
|
|
34
34
|
exports.Freeze = Freeze;
|
package/dist/index.js
CHANGED
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
3
|
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
5
9
|
}) : (function(o, m, k, k2) {
|
|
6
10
|
if (k2 === undefined) k2 = k;
|
|
7
11
|
o[k2] = m[k];
|
package/dist/internals.js
CHANGED
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
3
|
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
5
9
|
}) : (function(o, m, k, k2) {
|
|
6
10
|
if (k2 === undefined) k2 = k;
|
|
7
11
|
o[k2] = m[k];
|
package/dist/loop/index.js
CHANGED
|
@@ -22,6 +22,6 @@ const Loop = ({ durationInFrames, times = Infinity, children, layout, name, }) =
|
|
|
22
22
|
return ((0, jsx_runtime_1.jsx)(__1.Sequence
|
|
23
23
|
// eslint-disable-next-line react/no-array-index-key
|
|
24
24
|
, { durationInFrames: durationInFrames, from: i * durationInFrames, layout: layout, name: name, showLoopTimesInTimeline: actualTimes, showInTimeline: i === 0, children: children }, `loop-${i}`));
|
|
25
|
-
}) }
|
|
25
|
+
}) }));
|
|
26
26
|
};
|
|
27
27
|
exports.Loop = Loop;
|
package/dist/sequencing/index.js
CHANGED
|
@@ -118,6 +118,6 @@ const Sequence = ({ from, durationInFrames = Infinity, children, name, layout =
|
|
|
118
118
|
bottom: 0,
|
|
119
119
|
left: 0,
|
|
120
120
|
right: 0,
|
|
121
|
-
}, children: content }
|
|
121
|
+
}, children: content })) : (content) }));
|
|
122
122
|
};
|
|
123
123
|
exports.Sequence = Sequence;
|
package/dist/series/index.js
CHANGED
|
@@ -8,7 +8,7 @@ const validate_duration_in_frames_1 = require("../validation/validate-duration-i
|
|
|
8
8
|
const flatten_children_1 = require("./flatten-children");
|
|
9
9
|
const SeriesSequence = ({ children }) => {
|
|
10
10
|
// eslint-disable-next-line react/jsx-no-useless-fragment
|
|
11
|
-
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children }
|
|
11
|
+
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });
|
|
12
12
|
};
|
|
13
13
|
const Series = ({ children }) => {
|
|
14
14
|
const childrenValue = (0, react_1.useMemo)(() => {
|
|
@@ -45,11 +45,11 @@ const Series = ({ children }) => {
|
|
|
45
45
|
}
|
|
46
46
|
const currentStartFrame = startFrame + offset;
|
|
47
47
|
startFrame += durationInFramesProp + offset;
|
|
48
|
-
return ((0, jsx_runtime_1.jsx)(sequencing_1.Sequence, { from: currentStartFrame, durationInFrames: durationInFramesProp, ...passedProps, children: child }
|
|
48
|
+
return ((0, jsx_runtime_1.jsx)(sequencing_1.Sequence, { from: currentStartFrame, durationInFrames: durationInFramesProp, ...passedProps, children: child }));
|
|
49
49
|
});
|
|
50
50
|
}, [children]);
|
|
51
51
|
/* eslint-disable react/jsx-no-useless-fragment */
|
|
52
|
-
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: childrenValue }
|
|
52
|
+
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: childrenValue });
|
|
53
53
|
};
|
|
54
54
|
exports.Series = Series;
|
|
55
55
|
Series.Sequence = SeriesSequence;
|
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
3
|
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
5
9
|
}) : (function(o, m, k, k2) {
|
|
6
10
|
if (k2 === undefined) k2 = k;
|
|
7
11
|
o[k2] = m[k];
|
|
@@ -14,12 +14,12 @@ const OffthreadVideo = (props) => {
|
|
|
14
14
|
(0, validate_start_from_props_1.validateStartFromProps)(startFrom, endAt);
|
|
15
15
|
const startFromFrameNo = startFrom !== null && startFrom !== void 0 ? startFrom : 0;
|
|
16
16
|
const endAtFrameNo = endAt !== null && endAt !== void 0 ? endAt : Infinity;
|
|
17
|
-
return ((0, jsx_runtime_1.jsx)(sequencing_1.Sequence, { layout: "none", from: 0 - startFromFrameNo, showInTimeline: false, durationInFrames: endAtFrameNo, children: (0, jsx_runtime_1.jsx)(exports.OffthreadVideo, { ...otherProps }
|
|
17
|
+
return ((0, jsx_runtime_1.jsx)(sequencing_1.Sequence, { layout: "none", from: 0 - startFromFrameNo, showInTimeline: false, durationInFrames: endAtFrameNo, children: (0, jsx_runtime_1.jsx)(exports.OffthreadVideo, { ...otherProps }) }));
|
|
18
18
|
}
|
|
19
19
|
(0, validate_media_props_1.validateMediaProps)(props, 'Video');
|
|
20
20
|
if ((0, get_environment_1.getRemotionEnvironment)() === 'rendering') {
|
|
21
|
-
return (0, jsx_runtime_1.jsx)(OffthreadVideoForRendering_1.OffthreadVideoForRendering, { ...otherProps }
|
|
21
|
+
return (0, jsx_runtime_1.jsx)(OffthreadVideoForRendering_1.OffthreadVideoForRendering, { ...otherProps });
|
|
22
22
|
}
|
|
23
|
-
return (0, jsx_runtime_1.jsx)(VideoForDevelopment_1.VideoForDevelopment, { ...otherProps }
|
|
23
|
+
return (0, jsx_runtime_1.jsx)(VideoForDevelopment_1.VideoForDevelopment, { ...otherProps });
|
|
24
24
|
};
|
|
25
25
|
exports.OffthreadVideo = OffthreadVideo;
|
|
@@ -82,6 +82,6 @@ const OffthreadVideoForRendering = ({ onError, volume: volumeProp, playbackRate,
|
|
|
82
82
|
const onErr = (0, react_1.useCallback)((e) => {
|
|
83
83
|
onError === null || onError === void 0 ? void 0 : onError(e);
|
|
84
84
|
}, [onError]);
|
|
85
|
-
return (0, jsx_runtime_1.jsx)(Img_1.Img, { src: actualSrc, ...props, onError: onErr }
|
|
85
|
+
return (0, jsx_runtime_1.jsx)(Img_1.Img, { src: actualSrc, ...props, onError: onErr });
|
|
86
86
|
};
|
|
87
87
|
exports.OffthreadVideoForRendering = OffthreadVideoForRendering;
|
package/dist/video/Video.js
CHANGED
|
@@ -18,12 +18,12 @@ const VideoForwardingFunction = (props, ref) => {
|
|
|
18
18
|
(0, validate_start_from_props_1.validateStartFromProps)(startFrom, endAt);
|
|
19
19
|
const startFromFrameNo = startFrom !== null && startFrom !== void 0 ? startFrom : 0;
|
|
20
20
|
const endAtFrameNo = endAt !== null && endAt !== void 0 ? endAt : Infinity;
|
|
21
|
-
return ((0, jsx_runtime_1.jsx)(sequencing_1.Sequence, { layout: "none", from: 0 - startFromFrameNo, showInTimeline: false, durationInFrames: endAtFrameNo, children: (0, jsx_runtime_1.jsx)(exports.Video, { ...otherProps, ref: ref }
|
|
21
|
+
return ((0, jsx_runtime_1.jsx)(sequencing_1.Sequence, { layout: "none", from: 0 - startFromFrameNo, showInTimeline: false, durationInFrames: endAtFrameNo, children: (0, jsx_runtime_1.jsx)(exports.Video, { ...otherProps, ref: ref }) }));
|
|
22
22
|
}
|
|
23
23
|
(0, validate_media_props_1.validateMediaProps)(props, 'Video');
|
|
24
24
|
if ((0, get_environment_1.getRemotionEnvironment)() === 'rendering') {
|
|
25
|
-
return (0, jsx_runtime_1.jsx)(VideoForRendering_1.VideoForRendering, { ...otherProps, ref: ref }
|
|
25
|
+
return (0, jsx_runtime_1.jsx)(VideoForRendering_1.VideoForRendering, { ...otherProps, ref: ref });
|
|
26
26
|
}
|
|
27
|
-
return (0, jsx_runtime_1.jsx)(VideoForDevelopment_1.VideoForDevelopment, { ...otherProps, ref: ref }
|
|
27
|
+
return (0, jsx_runtime_1.jsx)(VideoForDevelopment_1.VideoForDevelopment, { ...otherProps, ref: ref });
|
|
28
28
|
};
|
|
29
29
|
exports.Video = (0, react_1.forwardRef)(VideoForwardingFunction);
|
|
@@ -40,6 +40,6 @@ const VideoForDevelopmentRefForwardingFunction = (props, ref) => {
|
|
|
40
40
|
(0, react_1.useImperativeHandle)(ref, () => {
|
|
41
41
|
return videoRef.current;
|
|
42
42
|
});
|
|
43
|
-
return ((0, jsx_runtime_1.jsx)("video", { ref: videoRef, muted: muted || mediaMuted, playsInline: true, ...nativeProps }
|
|
43
|
+
return ((0, jsx_runtime_1.jsx)("video", { ref: videoRef, muted: muted || mediaMuted, playsInline: true, ...nativeProps }));
|
|
44
44
|
};
|
|
45
45
|
exports.VideoForDevelopment = (0, react_1.forwardRef)(VideoForDevelopmentRefForwardingFunction);
|
|
@@ -141,6 +141,6 @@ const VideoForRenderingForwardFunction = ({ onError, volume: volumeProp, playbac
|
|
|
141
141
|
frame,
|
|
142
142
|
mediaStartsAt,
|
|
143
143
|
]);
|
|
144
|
-
return (0, jsx_runtime_1.jsx)("video", { ref: videoRef, ...props, onError: onError }
|
|
144
|
+
return (0, jsx_runtime_1.jsx)("video", { ref: videoRef, ...props, onError: onError });
|
|
145
145
|
};
|
|
146
146
|
exports.VideoForRendering = (0, react_1.forwardRef)(VideoForRenderingForwardFunction);
|
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
3
|
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
5
9
|
}) : (function(o, m, k, k2) {
|
|
6
10
|
if (k2 === undefined) k2 = k;
|
|
7
11
|
o[k2] = m[k];
|
|
@@ -52,6 +56,6 @@ function useRemotionContexts() {
|
|
|
52
56
|
exports.useRemotionContexts = useRemotionContexts;
|
|
53
57
|
const RemotionContextProvider = (props) => {
|
|
54
58
|
const { children, contexts } = props;
|
|
55
|
-
return ((0, jsx_runtime_1.jsx)(nonce_1.NonceContext.Provider, { value: contexts.nonceContext, children: (0, jsx_runtime_1.jsx)(CompositionManager_1.CompositionManager.Provider, { value: contexts.compositionManagerCtx, children: (0, jsx_runtime_1.jsx)(timeline_position_state_1.TimelineContext.Provider, { value: contexts.timelineContext, children: (0, jsx_runtime_1.jsx)(timeline_position_state_1.SetTimelineContext.Provider, { value: contexts.setTimelineContext, children: (0, jsx_runtime_1.jsx)(sequencing_1.SequenceContext.Provider, { value: contexts.sequenceContext, children: children }
|
|
59
|
+
return ((0, jsx_runtime_1.jsx)(nonce_1.NonceContext.Provider, { value: contexts.nonceContext, children: (0, jsx_runtime_1.jsx)(CompositionManager_1.CompositionManager.Provider, { value: contexts.compositionManagerCtx, children: (0, jsx_runtime_1.jsx)(timeline_position_state_1.TimelineContext.Provider, { value: contexts.timelineContext, children: (0, jsx_runtime_1.jsx)(timeline_position_state_1.SetTimelineContext.Provider, { value: contexts.setTimelineContext, children: (0, jsx_runtime_1.jsx)(sequencing_1.SequenceContext.Provider, { value: contexts.sequenceContext, children: children }) }) }) }) }));
|
|
56
60
|
};
|
|
57
61
|
exports.RemotionContextProvider = RemotionContextProvider;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "remotion",
|
|
3
|
-
"version": "4.0.0-
|
|
3
|
+
"version": "4.0.0-spawn.10+911177607",
|
|
4
4
|
"description": "Render videos in React",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
"react-test-renderer": "^18.0.0",
|
|
42
42
|
"rimraf": "^3.0.2",
|
|
43
43
|
"ts-jest": "^27.0.5",
|
|
44
|
-
"typescript": "^4.
|
|
44
|
+
"typescript": "^4.7.0",
|
|
45
45
|
"webpack": "5.72.0"
|
|
46
46
|
},
|
|
47
47
|
"keywords": [
|
|
@@ -55,5 +55,5 @@
|
|
|
55
55
|
"publishConfig": {
|
|
56
56
|
"access": "public"
|
|
57
57
|
},
|
|
58
|
-
"gitHead": "
|
|
58
|
+
"gitHead": "911177607ac127d9f4d1c014ad8ae32fd14947dd"
|
|
59
59
|
}
|