@remotion/transitions - npm Package Compare versions

Comparing version 4.0.79 to 4.0.81

dist/cjs/index.js

@@ -252,3 +252,3 @@ 'use strict';
                 const UppercasePrevPresentation = prevPresentation.component;
-                return (jsxRuntime.jsx(remotion.Sequence, { from: Math.floor(actualStartFrame), durationInFrames: durationInFramesProp, layout: "none", showInTimeline: false, 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, { ...passedProps, children: child }) }) }) }));
+                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 }) }) }) }));
             }
@@ -258,3 +258,3 @@ if (prevProgress !== null && prev) {
                 const UppercasePrevPresentation = prevPresentation.component;
-                return (jsxRuntime.jsx(remotion.Sequence, { from: Math.floor(actualStartFrame), durationInFrames: durationInFramesProp, layout: "none", showInTimeline: false, children: jsxRuntime.jsx(UppercasePrevPresentation, { passedProps: (_g = prevPresentation.props) !== null && _g !== void 0 ? _g : {}, presentationDirection: "entering", presentationProgress: prevProgress, children: jsxRuntime.jsx(remotion.Sequence, { ...passedProps, children: child }) }) }));
+                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 }) }) }));
             }
@@ -264,5 +264,5 @@ if (nextProgress !== null && next) {
                 const UppercaseNextPresentation = nextPresentation.component;
-                return (jsxRuntime.jsx(remotion.Sequence, { from: Math.floor(actualStartFrame), durationInFrames: durationInFramesProp, layout: "none", showInTimeline: false, children: jsxRuntime.jsx(UppercaseNextPresentation, { passedProps: (_j = nextPresentation.props) !== null && _j !== void 0 ? _j : {}, presentationDirection: "exiting", presentationProgress: nextProgress, children: jsxRuntime.jsx(remotion.Sequence, { ...passedProps, children: child }) }) }));
+                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 }) }) }));
             }
-            return (jsxRuntime.jsx(remotion.Sequence, { from: Math.floor(actualStartFrame), durationInFrames: durationInFramesProp, ...passedProps, children: child }));
+            return (jsxRuntime.jsx(remotion.Sequence, { name: "<TS.Sequence>", from: Math.floor(actualStartFrame), durationInFrames: durationInFramesProp, ...passedProps, children: child }));
         });
@@ -273,9 +273,10 @@ }, [children, fps, frame]);
 };
-const TransitionSeries = ({ children, ...otherProps }) => {
-    var _a;
-    const showInTimeline = ((_a = otherProps.from) !== null && _a !== void 0 ? _a : 0) !== 0;
-    return (jsxRuntime.jsx(remotion.Sequence, { showInTimeline: showInTimeline, ...otherProps, children: jsxRuntime.jsx(TransitionSeriesChildren, { children: children }) }));
+const TransitionSeries = ({ children, name, ...otherProps }) => {
+    const displayName = name !== null && name !== void 0 ? name : '<TransitionSeries>';
+    return (jsxRuntime.jsx(remotion.Sequence, { name: displayName, ...otherProps, children: jsxRuntime.jsx(TransitionSeriesChildren, { children: children }) }));
 };
 TransitionSeries.Sequence = SeriesSequence;
 TransitionSeries.Transition = TransitionSeriesTransition;
+remotion.Internals.addSequenceStackTraces(TransitionSeries);
+remotion.Internals.addSequenceStackTraces(SeriesSequence);
 
@@ -282,0 +283,0 @@ exports.TransitionSeries = TransitionSeries;

dist/cjs/TransitionSeries.d.ts

@@ -9,2 +9,6 @@ import type { FC, PropsWithChildren } from 'react';
     className?: string;
+    /**
+     * @deprecated For internal use only
+     */
+    stack?: string;
 } & LayoutAndStyle & Pick<SequencePropsWithoutDuration, 'name'>>;
@@ -11,0 +15,0 @@ declare const SeriesSequence: ({ children }: SeriesSequenceProps) => JSX.Element;

dist/TransitionSeries.d.ts

@@ -9,2 +9,6 @@ import type { FC, PropsWithChildren } from 'react';
     className?: string;
+    /**
+     * @deprecated For internal use only
+     */
+    stack?: string;
 } & LayoutAndStyle & Pick<SequencePropsWithoutDuration, 'name'>>;
@@ -11,0 +15,0 @@ declare const SeriesSequence: ({ children }: SeriesSequenceProps) => JSX.Element;

dist/TransitionSeries.js

 import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 import { Children, useMemo } from 'react';
-import { Sequence, useCurrentFrame, useVideoConfig } from 'remotion';
+import { Internals, Sequence, useCurrentFrame, useVideoConfig } from 'remotion';
 import { flattenChildren } from './flatten-children.js';
@@ -122,3 +122,3 @@ import { slide } from './presentations/slide.js';
                 const UppercasePrevPresentation = prevPresentation.component;
-                return (_jsx(Sequence, { from: Math.floor(actualStartFrame), durationInFrames: durationInFramesProp, layout: "none", showInTimeline: false, 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, { ...passedProps, children: child }) }) }) }));
+                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 }) }) }) }));
             }
@@ -128,3 +128,3 @@ if (prevProgress !== null && prev) {
                 const UppercasePrevPresentation = prevPresentation.component;
-                return (_jsx(Sequence, { from: Math.floor(actualStartFrame), durationInFrames: durationInFramesProp, layout: "none", showInTimeline: false, children: _jsx(UppercasePrevPresentation, { passedProps: (_g = prevPresentation.props) !== null && _g !== void 0 ? _g : {}, presentationDirection: "entering", presentationProgress: prevProgress, children: _jsx(Sequence, { ...passedProps, children: child }) }) }));
+                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 }) }) }));
             }
@@ -134,5 +134,5 @@ if (nextProgress !== null && next) {
                 const UppercaseNextPresentation = nextPresentation.component;
-                return (_jsx(Sequence, { from: Math.floor(actualStartFrame), durationInFrames: durationInFramesProp, layout: "none", showInTimeline: false, children: _jsx(UppercaseNextPresentation, { passedProps: (_j = nextPresentation.props) !== null && _j !== void 0 ? _j : {}, presentationDirection: "exiting", presentationProgress: nextProgress, children: _jsx(Sequence, { ...passedProps, children: child }) }) }));
+                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 }) }) }));
             }
-            return (_jsx(Sequence, { from: Math.floor(actualStartFrame), durationInFrames: durationInFramesProp, ...passedProps, children: child }));
+            return (_jsx(Sequence, { name: "<TS.Sequence>", from: Math.floor(actualStartFrame), durationInFrames: durationInFramesProp, ...passedProps, children: child }));
         });
@@ -143,6 +143,5 @@ }, [children, fps, frame]);
 };
-const TransitionSeries = ({ children, ...otherProps }) => {
-    var _a;
-    const showInTimeline = ((_a = otherProps.from) !== null && _a !== void 0 ? _a : 0) !== 0;
-    return (_jsx(Sequence, { showInTimeline: showInTimeline, ...otherProps, children: _jsx(TransitionSeriesChildren, { children: children }) }));
+const TransitionSeries = ({ children, name, ...otherProps }) => {
+    const displayName = name !== null && name !== void 0 ? name : '<TransitionSeries>';
+    return (_jsx(Sequence, { name: displayName, ...otherProps, children: _jsx(TransitionSeriesChildren, { children: children }) }));
 };
@@ -152,1 +151,3 @@ TransitionSeries.Sequence = SeriesSequence;
 export { TransitionSeries };
+Internals.addSequenceStackTraces(TransitionSeries);
+Internals.addSequenceStackTraces(SeriesSequence);

package.json

 {
   "name": "@remotion/transitions",
-  "version": "4.0.79",
+  "version": "4.0.81",
   "description": "Transition presets for Remotion",
@@ -19,5 +19,5 @@ "sideEffects": false,
   "dependencies": {
-    "remotion": "4.0.79",
-    "@remotion/shapes": "4.0.79",
-    "@remotion/paths": "4.0.79"
+    "remotion": "4.0.81",
+    "@remotion/shapes": "4.0.81",
+    "@remotion/paths": "4.0.81"
   },
@@ -37,4 +37,4 @@ "devDependencies": {
     "@rollup/plugin-typescript": "^8.2.0",
-    "remotion": "4.0.79",
-    "@remotion/test-utils": "4.0.79"
+    "remotion": "4.0.81",
+    "@remotion/test-utils": "4.0.81"
   },
@@ -41,0 +41,0 @@ "peerDependencies": {

No alert changes

Improved metrics

Total package byte prevSize

63965

increased by1.07%

Lines of code

1352

increased by0.75%

Dependency changes

• + Added@remotion/paths@4.0.81(transitive)

• + Added@remotion/shapes@4.0.81(transitive)

• + Addedremotion@4.0.81(transitive)

• - Removed@remotion/paths@4.0.79(transitive)

• - Removed@remotion/shapes@4.0.79(transitive)

• - Removedremotion@4.0.79(transitive)

• Updated@remotion/paths@4.0.81

• Updated@remotion/shapes@4.0.81

• Updatedremotion@4.0.81