@remotion/transitions 4.0.79 → 4.0.82
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.
|
@@ -6,6 +6,10 @@ type SeriesSequenceProps = PropsWithChildren<{
|
|
|
6
6
|
durationInFrames: number;
|
|
7
7
|
offset?: number;
|
|
8
8
|
className?: string;
|
|
9
|
+
/**
|
|
10
|
+
* @deprecated For internal use only
|
|
11
|
+
*/
|
|
12
|
+
stack?: string;
|
|
9
13
|
} & LayoutAndStyle & Pick<SequencePropsWithoutDuration, 'name'>>;
|
|
10
14
|
declare const SeriesSequence: ({ children }: SeriesSequenceProps) => JSX.Element;
|
|
11
15
|
declare const TransitionSeries: FC<SequencePropsWithoutDuration> & {
|
package/dist/TransitionSeries.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { Children, useMemo } from 'react';
|
|
3
|
-
import { Sequence, useCurrentFrame, useVideoConfig } from 'remotion';
|
|
3
|
+
import { Internals, Sequence, useCurrentFrame, useVideoConfig } from 'remotion';
|
|
4
4
|
import { flattenChildren } from './flatten-children.js';
|
|
5
5
|
import { slide } from './presentations/slide.js';
|
|
6
6
|
import { validateDurationInFrames } from './validate.js';
|
|
@@ -119,29 +119,30 @@ const TransitionSeriesChildren = ({ children, }) => {
|
|
|
119
119
|
const prevPresentation = (_c = prev.props.presentation) !== null && _c !== void 0 ? _c : slide();
|
|
120
120
|
const UppercaseNextPresentation = nextPresentation.component;
|
|
121
121
|
const UppercasePrevPresentation = prevPresentation.component;
|
|
122
|
-
return (_jsx(Sequence, { from: Math.floor(actualStartFrame), durationInFrames: durationInFramesProp, layout: "none",
|
|
122
|
+
return (_jsx(Sequence, { name: "<TS.Sequence>", from: Math.floor(actualStartFrame), durationInFrames: durationInFramesProp, layout: "none", stack: passedProps.stack, children: _jsx(UppercaseNextPresentation, { passedProps: (_d = nextPresentation.props) !== null && _d !== void 0 ? _d : {}, presentationDirection: "exiting", presentationProgress: nextProgress, children: _jsx(UppercasePrevPresentation, { passedProps: (_e = prevPresentation.props) !== null && _e !== void 0 ? _e : {}, presentationDirection: "entering", presentationProgress: prevProgress, children: _jsx(Sequence, { showInTimeline: false, ...passedProps, children: child }) }) }) }));
|
|
123
123
|
}
|
|
124
124
|
if (prevProgress !== null && prev) {
|
|
125
125
|
const prevPresentation = (_f = prev.props.presentation) !== null && _f !== void 0 ? _f : slide();
|
|
126
126
|
const UppercasePrevPresentation = prevPresentation.component;
|
|
127
|
-
return (_jsx(Sequence, { from: Math.floor(actualStartFrame), durationInFrames: durationInFramesProp, layout: "none",
|
|
127
|
+
return (_jsx(Sequence, { name: "<TS.Sequence>", from: Math.floor(actualStartFrame), durationInFrames: durationInFramesProp, layout: "none", stack: passedProps.stack, children: _jsx(UppercasePrevPresentation, { passedProps: (_g = prevPresentation.props) !== null && _g !== void 0 ? _g : {}, presentationDirection: "entering", presentationProgress: prevProgress, children: _jsx(Sequence, { showInTimeline: false, ...passedProps, children: child }) }) }));
|
|
128
128
|
}
|
|
129
129
|
if (nextProgress !== null && next) {
|
|
130
130
|
const nextPresentation = (_h = next.props.presentation) !== null && _h !== void 0 ? _h : slide();
|
|
131
131
|
const UppercaseNextPresentation = nextPresentation.component;
|
|
132
|
-
return (_jsx(Sequence, { from: Math.floor(actualStartFrame), durationInFrames: durationInFramesProp, layout: "none",
|
|
132
|
+
return (_jsx(Sequence, { name: "<TS.Sequence>", from: Math.floor(actualStartFrame), durationInFrames: durationInFramesProp, layout: "none", stack: passedProps.stack, children: _jsx(UppercaseNextPresentation, { passedProps: (_j = nextPresentation.props) !== null && _j !== void 0 ? _j : {}, presentationDirection: "exiting", presentationProgress: nextProgress, children: _jsx(Sequence, { showInTimeline: false, ...passedProps, children: child }) }) }));
|
|
133
133
|
}
|
|
134
|
-
return (_jsx(Sequence, { from: Math.floor(actualStartFrame), durationInFrames: durationInFramesProp, ...passedProps, children: child }));
|
|
134
|
+
return (_jsx(Sequence, { name: "<TS.Sequence>", from: Math.floor(actualStartFrame), durationInFrames: durationInFramesProp, ...passedProps, children: child }));
|
|
135
135
|
});
|
|
136
136
|
}, [children, fps, frame]);
|
|
137
137
|
// eslint-disable-next-line react/jsx-no-useless-fragment
|
|
138
138
|
return _jsx(_Fragment, { children: childrenValue });
|
|
139
139
|
};
|
|
140
|
-
const TransitionSeries = ({ children, ...otherProps }) => {
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
return (_jsx(Sequence, { showInTimeline: showInTimeline, ...otherProps, children: _jsx(TransitionSeriesChildren, { children: children }) }));
|
|
140
|
+
const TransitionSeries = ({ children, name, ...otherProps }) => {
|
|
141
|
+
const displayName = name !== null && name !== void 0 ? name : '<TransitionSeries>';
|
|
142
|
+
return (_jsx(Sequence, { name: displayName, ...otherProps, children: _jsx(TransitionSeriesChildren, { children: children }) }));
|
|
144
143
|
};
|
|
145
144
|
TransitionSeries.Sequence = SeriesSequence;
|
|
146
145
|
TransitionSeries.Transition = TransitionSeriesTransition;
|
|
147
146
|
export { TransitionSeries };
|
|
147
|
+
Internals.addSequenceStackTraces(TransitionSeries);
|
|
148
|
+
Internals.addSequenceStackTraces(SeriesSequence);
|
|
@@ -6,6 +6,10 @@ type SeriesSequenceProps = PropsWithChildren<{
|
|
|
6
6
|
durationInFrames: number;
|
|
7
7
|
offset?: number;
|
|
8
8
|
className?: string;
|
|
9
|
+
/**
|
|
10
|
+
* @deprecated For internal use only
|
|
11
|
+
*/
|
|
12
|
+
stack?: string;
|
|
9
13
|
} & LayoutAndStyle & Pick<SequencePropsWithoutDuration, 'name'>>;
|
|
10
14
|
declare const SeriesSequence: ({ children }: SeriesSequenceProps) => JSX.Element;
|
|
11
15
|
declare const TransitionSeries: FC<SequencePropsWithoutDuration> & {
|
package/dist/cjs/index.js
CHANGED
|
@@ -249,31 +249,32 @@ const TransitionSeriesChildren = ({ children, }) => {
|
|
|
249
249
|
const prevPresentation = (_c = prev.props.presentation) !== null && _c !== void 0 ? _c : slide();
|
|
250
250
|
const UppercaseNextPresentation = nextPresentation.component;
|
|
251
251
|
const UppercasePrevPresentation = prevPresentation.component;
|
|
252
|
-
return (jsxRuntime.jsx(remotion.Sequence, { from: Math.floor(actualStartFrame), durationInFrames: durationInFramesProp, layout: "none",
|
|
252
|
+
return (jsxRuntime.jsx(remotion.Sequence, { name: "<TS.Sequence>", from: Math.floor(actualStartFrame), durationInFrames: durationInFramesProp, layout: "none", stack: passedProps.stack, children: jsxRuntime.jsx(UppercaseNextPresentation, { passedProps: (_d = nextPresentation.props) !== null && _d !== void 0 ? _d : {}, presentationDirection: "exiting", presentationProgress: nextProgress, children: jsxRuntime.jsx(UppercasePrevPresentation, { passedProps: (_e = prevPresentation.props) !== null && _e !== void 0 ? _e : {}, presentationDirection: "entering", presentationProgress: prevProgress, children: jsxRuntime.jsx(remotion.Sequence, { showInTimeline: false, ...passedProps, children: child }) }) }) }));
|
|
253
253
|
}
|
|
254
254
|
if (prevProgress !== null && prev) {
|
|
255
255
|
const prevPresentation = (_f = prev.props.presentation) !== null && _f !== void 0 ? _f : slide();
|
|
256
256
|
const UppercasePrevPresentation = prevPresentation.component;
|
|
257
|
-
return (jsxRuntime.jsx(remotion.Sequence, { from: Math.floor(actualStartFrame), durationInFrames: durationInFramesProp, layout: "none",
|
|
257
|
+
return (jsxRuntime.jsx(remotion.Sequence, { name: "<TS.Sequence>", from: Math.floor(actualStartFrame), durationInFrames: durationInFramesProp, layout: "none", stack: passedProps.stack, children: jsxRuntime.jsx(UppercasePrevPresentation, { passedProps: (_g = prevPresentation.props) !== null && _g !== void 0 ? _g : {}, presentationDirection: "entering", presentationProgress: prevProgress, children: jsxRuntime.jsx(remotion.Sequence, { showInTimeline: false, ...passedProps, children: child }) }) }));
|
|
258
258
|
}
|
|
259
259
|
if (nextProgress !== null && next) {
|
|
260
260
|
const nextPresentation = (_h = next.props.presentation) !== null && _h !== void 0 ? _h : slide();
|
|
261
261
|
const UppercaseNextPresentation = nextPresentation.component;
|
|
262
|
-
return (jsxRuntime.jsx(remotion.Sequence, { from: Math.floor(actualStartFrame), durationInFrames: durationInFramesProp, layout: "none",
|
|
262
|
+
return (jsxRuntime.jsx(remotion.Sequence, { name: "<TS.Sequence>", from: Math.floor(actualStartFrame), durationInFrames: durationInFramesProp, layout: "none", stack: passedProps.stack, children: jsxRuntime.jsx(UppercaseNextPresentation, { passedProps: (_j = nextPresentation.props) !== null && _j !== void 0 ? _j : {}, presentationDirection: "exiting", presentationProgress: nextProgress, children: jsxRuntime.jsx(remotion.Sequence, { showInTimeline: false, ...passedProps, children: child }) }) }));
|
|
263
263
|
}
|
|
264
|
-
return (jsxRuntime.jsx(remotion.Sequence, { from: Math.floor(actualStartFrame), durationInFrames: durationInFramesProp, ...passedProps, children: child }));
|
|
264
|
+
return (jsxRuntime.jsx(remotion.Sequence, { name: "<TS.Sequence>", from: Math.floor(actualStartFrame), durationInFrames: durationInFramesProp, ...passedProps, children: child }));
|
|
265
265
|
});
|
|
266
266
|
}, [children, fps, frame]);
|
|
267
267
|
// eslint-disable-next-line react/jsx-no-useless-fragment
|
|
268
268
|
return jsxRuntime.jsx(jsxRuntime.Fragment, { children: childrenValue });
|
|
269
269
|
};
|
|
270
|
-
const TransitionSeries = ({ children, ...otherProps }) => {
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
return (jsxRuntime.jsx(remotion.Sequence, { showInTimeline: showInTimeline, ...otherProps, children: jsxRuntime.jsx(TransitionSeriesChildren, { children: children }) }));
|
|
270
|
+
const TransitionSeries = ({ children, name, ...otherProps }) => {
|
|
271
|
+
const displayName = name !== null && name !== void 0 ? name : '<TransitionSeries>';
|
|
272
|
+
return (jsxRuntime.jsx(remotion.Sequence, { name: displayName, ...otherProps, children: jsxRuntime.jsx(TransitionSeriesChildren, { children: children }) }));
|
|
274
273
|
};
|
|
275
274
|
TransitionSeries.Sequence = SeriesSequence;
|
|
276
275
|
TransitionSeries.Transition = TransitionSeriesTransition;
|
|
276
|
+
remotion.Internals.addSequenceStackTraces(TransitionSeries);
|
|
277
|
+
remotion.Internals.addSequenceStackTraces(SeriesSequence);
|
|
277
278
|
|
|
278
279
|
exports.TransitionSeries = TransitionSeries;
|
|
279
280
|
exports.linearTiming = linearTiming;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@remotion/transitions",
|
|
3
|
-
"version": "4.0.
|
|
3
|
+
"version": "4.0.82",
|
|
4
4
|
"description": "Transition presets for Remotion",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"main": "dist/cjs/index.js",
|
|
@@ -16,9 +16,9 @@
|
|
|
16
16
|
"url": "https://github.com/remotion-dev/remotion/issues"
|
|
17
17
|
},
|
|
18
18
|
"dependencies": {
|
|
19
|
-
"remotion": "4.0.
|
|
20
|
-
"@remotion/
|
|
21
|
-
"@remotion/
|
|
19
|
+
"remotion": "4.0.82",
|
|
20
|
+
"@remotion/paths": "4.0.82",
|
|
21
|
+
"@remotion/shapes": "4.0.82"
|
|
22
22
|
},
|
|
23
23
|
"devDependencies": {
|
|
24
24
|
"@jonny/eslint-config": "3.0.276",
|
|
@@ -33,8 +33,8 @@
|
|
|
33
33
|
"@vitejs/plugin-react": "^2.0.0",
|
|
34
34
|
"rollup": "^2.70.1",
|
|
35
35
|
"@rollup/plugin-typescript": "^8.2.0",
|
|
36
|
-
"remotion": "4.0.
|
|
37
|
-
"@remotion/test-utils": "4.0.
|
|
36
|
+
"remotion": "4.0.82",
|
|
37
|
+
"@remotion/test-utils": "4.0.82"
|
|
38
38
|
},
|
|
39
39
|
"peerDependencies": {
|
|
40
40
|
"react": ">=16.8.0",
|