@remotion/transitions 4.0.471 → 4.0.473
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/TransitionSeries.d.ts +0 -4
- package/dist/TransitionSeries.js +7 -9
- package/dist/esm/index.mjs +8 -10
- package/dist/types.d.ts +0 -4
- package/package.json +8 -8
|
@@ -9,10 +9,6 @@ type SeriesSequenceProps = PropsWithChildren<{
|
|
|
9
9
|
readonly durationInFrames: number;
|
|
10
10
|
readonly offset?: number;
|
|
11
11
|
readonly className?: string;
|
|
12
|
-
/**
|
|
13
|
-
* @deprecated For internal use only
|
|
14
|
-
*/
|
|
15
|
-
readonly stack?: string;
|
|
16
12
|
} & LayoutBasedProps & Pick<SequencePropsWithoutDuration, 'name'>>;
|
|
17
13
|
declare const SeriesSequence: ({ children }: SeriesSequenceProps) => import("react/jsx-runtime").JSX.Element;
|
|
18
14
|
export type DrawFunction = (prevImage: ElementImage | null, nextImage: ElementImage | null, progress: number) => void;
|
package/dist/TransitionSeries.js
CHANGED
|
@@ -9,6 +9,7 @@ const context_js_1 = require("./context.js");
|
|
|
9
9
|
const flatten_children_js_1 = require("./flatten-children.js");
|
|
10
10
|
const slide_js_1 = require("./presentations/slide.js");
|
|
11
11
|
const validate_js_1 = require("./validate.js");
|
|
12
|
+
const { SequenceWithoutSchema } = remotion_1.Internals;
|
|
12
13
|
const TransitionSeriesTransition = function (_props) {
|
|
13
14
|
return null;
|
|
14
15
|
};
|
|
@@ -140,7 +141,6 @@ const TransitionSeriesChildren = ({ children, }) => {
|
|
|
140
141
|
halfDuration,
|
|
141
142
|
children: overlayProps.children,
|
|
142
143
|
index: i,
|
|
143
|
-
stack: overlayProps.stack,
|
|
144
144
|
});
|
|
145
145
|
return null;
|
|
146
146
|
}
|
|
@@ -169,7 +169,7 @@ const TransitionSeriesChildren = ({ children, }) => {
|
|
|
169
169
|
const castedChildAgain = current;
|
|
170
170
|
const debugInfo = `index = ${i}, duration = ${castedChildAgain.props.durationInFrames}`;
|
|
171
171
|
const durationInFramesProp = castedChildAgain.props.durationInFrames;
|
|
172
|
-
const { durationInFrames, children: _children, ...passedProps } = castedChildAgain.props;
|
|
172
|
+
const { durationInFrames, children: _children, from: _from, ...passedProps } = castedChildAgain.props;
|
|
173
173
|
(0, validate_js_1.validateDurationInFrames)(durationInFramesProp, {
|
|
174
174
|
component: `of a <TransitionSeries.Sequence /> component`,
|
|
175
175
|
allowFloats: true,
|
|
@@ -238,7 +238,7 @@ const TransitionSeriesChildren = ({ children, }) => {
|
|
|
238
238
|
const prevPresentation = (_d = prev.props.presentation) !== null && _d !== void 0 ? _d : (0, slide_js_1.slide)();
|
|
239
239
|
const UppercaseNextPresentation = nextPresentation.component;
|
|
240
240
|
const UppercasePrevPresentation = prevPresentation.component;
|
|
241
|
-
return (jsx_runtime_1.jsx(
|
|
241
|
+
return (jsx_runtime_1.jsx(SequenceWithoutSchema
|
|
242
242
|
// eslint-disable-next-line react/no-array-index-key
|
|
243
243
|
, { from: actualStartFrame, durationInFrames: durationInFramesProp, ...passedProps, name: passedProps.name || '<TS.Sequence>', _remotionInternalDocumentationLink: passedProps.name
|
|
244
244
|
? undefined
|
|
@@ -257,7 +257,7 @@ const TransitionSeriesChildren = ({ children, }) => {
|
|
|
257
257
|
if (prevProgress !== null && prev) {
|
|
258
258
|
const prevPresentation = (_g = prev.props.presentation) !== null && _g !== void 0 ? _g : (0, slide_js_1.slide)();
|
|
259
259
|
const UppercasePrevPresentation = prevPresentation.component;
|
|
260
|
-
return (jsx_runtime_1.jsx(
|
|
260
|
+
return (jsx_runtime_1.jsx(SequenceWithoutSchema
|
|
261
261
|
// eslint-disable-next-line react/no-array-index-key
|
|
262
262
|
, { from: actualStartFrame, durationInFrames: durationInFramesProp, ...passedProps, name: passedProps.name || '<TS.Sequence>', _remotionInternalDocumentationLink: passedProps.name
|
|
263
263
|
? undefined
|
|
@@ -268,7 +268,7 @@ const TransitionSeriesChildren = ({ children, }) => {
|
|
|
268
268
|
if (nextProgress !== null && next) {
|
|
269
269
|
const nextPresentation = (_j = next.props.presentation) !== null && _j !== void 0 ? _j : (0, slide_js_1.slide)();
|
|
270
270
|
const UppercaseNextPresentation = nextPresentation.component;
|
|
271
|
-
return (jsx_runtime_1.jsx(
|
|
271
|
+
return (jsx_runtime_1.jsx(SequenceWithoutSchema
|
|
272
272
|
// eslint-disable-next-line react/no-array-index-key
|
|
273
273
|
, { from: actualStartFrame, durationInFrames: durationInFramesProp, ...passedProps, name: passedProps.name || '<TS.Sequence>', _remotionInternalDocumentationLink: passedProps.name
|
|
274
274
|
? undefined
|
|
@@ -276,7 +276,7 @@ const TransitionSeriesChildren = ({ children, }) => {
|
|
|
276
276
|
onPrevElementImage(null, null, null, i + 1);
|
|
277
277
|
}, bothEnteringAndExiting: false, children: jsx_runtime_1.jsx(context_js_1.WrapInExitingProgressContext, { presentationProgress: nextProgress, children: child }) }) }, i));
|
|
278
278
|
}
|
|
279
|
-
return (jsx_runtime_1.jsx(
|
|
279
|
+
return (jsx_runtime_1.jsx(SequenceWithoutSchema
|
|
280
280
|
// eslint-disable-next-line react/no-array-index-key
|
|
281
281
|
, { from: actualStartFrame, durationInFrames: durationInFramesProp, ...passedProps, name: passedProps.name || '<TS.Sequence>', _remotionInternalDocumentationLink: passedProps.name
|
|
282
282
|
? undefined
|
|
@@ -285,7 +285,7 @@ const TransitionSeriesChildren = ({ children, }) => {
|
|
|
285
285
|
// Now render overlay sequences
|
|
286
286
|
const overlayElements = overlayRenders.map((overlayInfo) => {
|
|
287
287
|
const info = overlayInfo;
|
|
288
|
-
return (jsx_runtime_1.jsx(
|
|
288
|
+
return (jsx_runtime_1.jsx(SequenceWithoutSchema, { from: Math.round(info.overlayFrom), durationInFrames: info.durationInFrames, name: "<TS.Overlay>", _remotionInternalDocumentationLink: "https://www.remotion.dev/docs/transitions/transitionseries", layout: "absolute-fill", children: info.children }, `overlay-${info.index}`));
|
|
289
289
|
});
|
|
290
290
|
return [...(mainChildren || []), ...overlayElements];
|
|
291
291
|
}, [flattedChildren, fps, frame, onPrevElementImage, onNextElementImage]);
|
|
@@ -312,5 +312,3 @@ TransitionSeries.Sequence = SeriesSequence;
|
|
|
312
312
|
TransitionSeries.Transition = TransitionSeriesTransition;
|
|
313
313
|
TransitionSeries.Overlay = SeriesOverlay;
|
|
314
314
|
remotion_1.Internals.addSequenceStackTraces(TransitionSeries);
|
|
315
|
-
remotion_1.Internals.addSequenceStackTraces(SeriesSequence);
|
|
316
|
-
remotion_1.Internals.addSequenceStackTraces(SeriesOverlay);
|
package/dist/esm/index.mjs
CHANGED
|
@@ -1148,6 +1148,7 @@ var validateDurationInFrames = NoReactInternals.validateDurationInFrames;
|
|
|
1148
1148
|
|
|
1149
1149
|
// src/TransitionSeries.tsx
|
|
1150
1150
|
import { jsx as jsx4, Fragment } from "react/jsx-runtime";
|
|
1151
|
+
var { SequenceWithoutSchema } = Internals2;
|
|
1151
1152
|
var TransitionSeriesTransition = function(_props) {
|
|
1152
1153
|
return null;
|
|
1153
1154
|
};
|
|
@@ -1260,8 +1261,7 @@ var TransitionSeriesChildren = ({
|
|
|
1260
1261
|
overlayOffset,
|
|
1261
1262
|
halfDuration,
|
|
1262
1263
|
children: overlayProps.children,
|
|
1263
|
-
index: i
|
|
1264
|
-
stack: overlayProps.stack
|
|
1264
|
+
index: i
|
|
1265
1265
|
});
|
|
1266
1266
|
return null;
|
|
1267
1267
|
}
|
|
@@ -1285,6 +1285,7 @@ var TransitionSeriesChildren = ({
|
|
|
1285
1285
|
const {
|
|
1286
1286
|
durationInFrames,
|
|
1287
1287
|
children: _children,
|
|
1288
|
+
from: _from,
|
|
1288
1289
|
...passedProps
|
|
1289
1290
|
} = castedChildAgain.props;
|
|
1290
1291
|
validateDurationInFrames(durationInFramesProp, {
|
|
@@ -1343,7 +1344,7 @@ var TransitionSeriesChildren = ({
|
|
|
1343
1344
|
const prevPresentation = prev.props.presentation ?? slide();
|
|
1344
1345
|
const UppercaseNextPresentation = nextPresentation.component;
|
|
1345
1346
|
const UppercasePrevPresentation = prevPresentation.component;
|
|
1346
|
-
return /* @__PURE__ */ jsx4(
|
|
1347
|
+
return /* @__PURE__ */ jsx4(SequenceWithoutSchema, {
|
|
1347
1348
|
from: actualStartFrame,
|
|
1348
1349
|
durationInFrames: durationInFramesProp,
|
|
1349
1350
|
...passedProps,
|
|
@@ -1389,7 +1390,7 @@ var TransitionSeriesChildren = ({
|
|
|
1389
1390
|
if (prevProgress !== null && prev) {
|
|
1390
1391
|
const prevPresentation = prev.props.presentation ?? slide();
|
|
1391
1392
|
const UppercasePrevPresentation = prevPresentation.component;
|
|
1392
|
-
return /* @__PURE__ */ jsx4(
|
|
1393
|
+
return /* @__PURE__ */ jsx4(SequenceWithoutSchema, {
|
|
1393
1394
|
from: actualStartFrame,
|
|
1394
1395
|
durationInFrames: durationInFramesProp,
|
|
1395
1396
|
...passedProps,
|
|
@@ -1415,7 +1416,7 @@ var TransitionSeriesChildren = ({
|
|
|
1415
1416
|
if (nextProgress !== null && next) {
|
|
1416
1417
|
const nextPresentation = next.props.presentation ?? slide();
|
|
1417
1418
|
const UppercaseNextPresentation = nextPresentation.component;
|
|
1418
|
-
return /* @__PURE__ */ jsx4(
|
|
1419
|
+
return /* @__PURE__ */ jsx4(SequenceWithoutSchema, {
|
|
1419
1420
|
from: actualStartFrame,
|
|
1420
1421
|
durationInFrames: durationInFramesProp,
|
|
1421
1422
|
...passedProps,
|
|
@@ -1438,7 +1439,7 @@ var TransitionSeriesChildren = ({
|
|
|
1438
1439
|
})
|
|
1439
1440
|
}, i);
|
|
1440
1441
|
}
|
|
1441
|
-
return /* @__PURE__ */ jsx4(
|
|
1442
|
+
return /* @__PURE__ */ jsx4(SequenceWithoutSchema, {
|
|
1442
1443
|
from: actualStartFrame,
|
|
1443
1444
|
durationInFrames: durationInFramesProp,
|
|
1444
1445
|
...passedProps,
|
|
@@ -1449,13 +1450,12 @@ var TransitionSeriesChildren = ({
|
|
|
1449
1450
|
});
|
|
1450
1451
|
const overlayElements = overlayRenders.map((overlayInfo) => {
|
|
1451
1452
|
const info = overlayInfo;
|
|
1452
|
-
return /* @__PURE__ */ jsx4(
|
|
1453
|
+
return /* @__PURE__ */ jsx4(SequenceWithoutSchema, {
|
|
1453
1454
|
from: Math.round(info.overlayFrom),
|
|
1454
1455
|
durationInFrames: info.durationInFrames,
|
|
1455
1456
|
name: "<TS.Overlay>",
|
|
1456
1457
|
_remotionInternalDocumentationLink: "https://www.remotion.dev/docs/transitions/transitionseries",
|
|
1457
1458
|
layout: "absolute-fill",
|
|
1458
|
-
...info.stack ? { stack: info.stack } : {},
|
|
1459
1459
|
children: info.children
|
|
1460
1460
|
}, `overlay-${info.index}`);
|
|
1461
1461
|
});
|
|
@@ -1485,8 +1485,6 @@ TransitionSeries.Sequence = SeriesSequence;
|
|
|
1485
1485
|
TransitionSeries.Transition = TransitionSeriesTransition;
|
|
1486
1486
|
TransitionSeries.Overlay = SeriesOverlay;
|
|
1487
1487
|
Internals2.addSequenceStackTraces(TransitionSeries);
|
|
1488
|
-
Internals2.addSequenceStackTraces(SeriesSequence);
|
|
1489
|
-
Internals2.addSequenceStackTraces(SeriesOverlay);
|
|
1490
1488
|
// src/use-transition-progress.ts
|
|
1491
1489
|
import React5 from "react";
|
|
1492
1490
|
var useTransitionProgress = () => {
|
package/dist/types.d.ts
CHANGED
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"url": "https://github.com/remotion-dev/remotion/tree/main/packages/transitions"
|
|
4
4
|
},
|
|
5
5
|
"name": "@remotion/transitions",
|
|
6
|
-
"version": "4.0.
|
|
6
|
+
"version": "4.0.473",
|
|
7
7
|
"description": "Library for creating transitions in Remotion",
|
|
8
8
|
"main": "dist/esm/index.mjs",
|
|
9
9
|
"module": "dist/esm/index.js",
|
|
@@ -22,18 +22,18 @@
|
|
|
22
22
|
"url": "https://github.com/remotion-dev/remotion/issues"
|
|
23
23
|
},
|
|
24
24
|
"dependencies": {
|
|
25
|
-
"remotion": "4.0.
|
|
26
|
-
"@remotion/shapes": "4.0.
|
|
27
|
-
"@remotion/paths": "4.0.
|
|
25
|
+
"remotion": "4.0.473",
|
|
26
|
+
"@remotion/shapes": "4.0.473",
|
|
27
|
+
"@remotion/paths": "4.0.473"
|
|
28
28
|
},
|
|
29
29
|
"devDependencies": {
|
|
30
30
|
"@happy-dom/global-registrator": "14.5.1",
|
|
31
|
-
"remotion": "4.0.
|
|
31
|
+
"remotion": "4.0.473",
|
|
32
32
|
"react": "19.2.3",
|
|
33
33
|
"react-dom": "19.2.3",
|
|
34
|
-
"@remotion/test-utils": "4.0.
|
|
35
|
-
"@remotion/player": "4.0.
|
|
36
|
-
"@remotion/eslint-config-internal": "4.0.
|
|
34
|
+
"@remotion/test-utils": "4.0.473",
|
|
35
|
+
"@remotion/player": "4.0.473",
|
|
36
|
+
"@remotion/eslint-config-internal": "4.0.473",
|
|
37
37
|
"eslint": "9.19.0",
|
|
38
38
|
"@typescript/native-preview": "7.0.0-dev.20260217.1"
|
|
39
39
|
},
|