remotion 4.0.147 → 4.0.148

package/dist/cjs/series/index.d.ts

@@ -1,18 +1,23 @@
 import type { FC, PropsWithChildren } from 'react';
+import React from 'react';
 import type { LayoutAndStyle, SequenceProps } from '../Sequence.js';
+import { ENABLE_V5_BREAKING_CHANGES } from '../v5-flag.js';
 type SeriesSequenceProps = PropsWithChildren<{
-    durationInFrames: number;
-    offset?: number;
-    className?: string;
+    readonly durationInFrames: number;
+    readonly offset?: number;
+    readonly className?: string;
 } & Pick<SequenceProps, 'layout' | 'name'> & LayoutAndStyle>;
-declare const SeriesSequence: import("react").ForwardRefExoticComponent<SeriesSequenceProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const SeriesSequence: React.ForwardRefExoticComponent<SeriesSequenceProps & React.RefAttributes<HTMLDivElement>>;
+type V4Props = {
+    children: React.ReactNode;
+};
+type V5Props = SequenceProps;
+type SeriesProps = true extends typeof ENABLE_V5_BREAKING_CHANGES ? V5Props : V4Props;
 /**
  * @description with this component, you can easily stitch together scenes that should play sequentially after another.
  * @see [Documentation](https://www.remotion.dev/docs/series)
  */
-declare const Series: FC<{
-    children: React.ReactNode;
-}> & {
+declare const Series: FC<SeriesProps> & {
     Sequence: typeof SeriesSequence;
 };
 export { Series };

package/dist/cjs/series/index.js

@@ -5,6 +5,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const Sequence_js_1 = require("../Sequence.js");
 const enable_sequence_stack_traces_js_1 = require("../enable-sequence-stack-traces.js");
+const v5_flag_js_1 = require("../v5-flag.js");
 const validate_duration_in_frames_js_1 = require("../validation/validate-duration-in-frames.js");
 const flatten_children_js_1 = require("./flatten-children.js");
 const is_inside_series_js_1 = require("./is-inside-series.js");
@@ -19,10 +20,10 @@ const SeriesSequence = (0, react_1.forwardRef)(SeriesSequenceRefForwardingFuncti
  * @description with this component, you can easily stitch together scenes that should play sequentially after another.
  * @see [Documentation](https://www.remotion.dev/docs/series)
  */
-const Series = ({ children }) => {
+const Series = (props) => {
     const childrenValue = (0, react_1.useMemo)(() => {
         let startFrame = 0;
-        const flattenedChildren = (0, flatten_children_js_1.flattenChildren)(children);
+        const flattenedChildren = (0, flatten_children_js_1.flattenChildren)(props.children);
         return react_1.Children.map(flattenedChildren, (child, i) => {
             var _a;
             const castedChild = child;
@@ -63,7 +64,10 @@ const Series = ({ children }) => {
             startFrame += durationInFramesProp + offset;
             return ((0, jsx_runtime_1.jsx)(Sequence_js_1.Sequence, { name: name || '<Series.Sequence>', from: currentStartFrame, durationInFrames: durationInFramesProp, ...passedProps, ref: castedChild.ref, children: child }));
         });
-    }, [children]);
+    }, [props.children]);
+    if (v5_flag_js_1.ENABLE_V5_BREAKING_CHANGES) {
+        return ((0, jsx_runtime_1.jsx)(is_inside_series_js_1.IsInsideSeriesContainer, { children: (0, jsx_runtime_1.jsx)(Sequence_js_1.Sequence, { ...props, children: childrenValue }) }));
+    }
     return (0, jsx_runtime_1.jsx)(is_inside_series_js_1.IsInsideSeriesContainer, { children: childrenValue });
 };
 exports.Series = Series;

package/dist/cjs/spring/spring-utils.js

@@ -11,6 +11,9 @@ const advanceCache = {};
 function advance({ animation, now, config, }) {
     const { toValue, lastTimestamp, current, velocity } = animation;
     const deltaTime = Math.min(now - lastTimestamp, 64);
+    if (config.damping <= 0) {
+        throw new Error('Spring damping must be greater than 0, otherwise the spring() animation will never end, causing an infinite loop.');
+    }
     const c = config.damping;
     const m = config.mass;
     const k = config.stiffness;

package/dist/cjs/version.d.ts

@@ -3,4 +3,4 @@
  * @see [Documentation](https://remotion.dev/docs/version)
  * @returns {string} The current version of the remotion package
  */
-export declare const VERSION = "4.0.147";
+export declare const VERSION = "4.0.148";

package/dist/cjs/version.js

@@ -7,4 +7,4 @@ exports.VERSION = void 0;
  * @see [Documentation](https://remotion.dev/docs/version)
  * @returns {string} The current version of the remotion package
  */
-exports.VERSION = '4.0.147';
+exports.VERSION = '4.0.148';

package/dist/esm/index.mjs

@@ -110,7 +110,7 @@ function truthy(value) {
  * @see [Documentation](https://remotion.dev/docs/version)
  * @returns {string} The current version of the remotion package
  */
-const VERSION = '4.0.147';
+const VERSION = '4.0.148';
 
 const checkMultipleRemotionVersions = () => {
     if (typeof globalThis === 'undefined') {
@@ -4523,10 +4523,10 @@ const SeriesSequence = forwardRef(SeriesSequenceRefForwardingFunction);
  * @description with this component, you can easily stitch together scenes that should play sequentially after another.
  * @see [Documentation](https://www.remotion.dev/docs/series)
  */
-const Series = ({ children }) => {
+const Series = (props) => {
     const childrenValue = useMemo(() => {
         let startFrame = 0;
-        const flattenedChildren = flattenChildren(children);
+        const flattenedChildren = flattenChildren(props.children);
         return Children.map(flattenedChildren, (child, i) => {
             var _a;
             const castedChild = child;
@@ -4567,7 +4567,7 @@ const Series = ({ children }) => {
             startFrame += durationInFramesProp + offset;
             return (jsx(Sequence, { name: name || '<Series.Sequence>', from: currentStartFrame, durationInFrames: durationInFramesProp, ...passedProps, ref: castedChild.ref, children: child }));
         });
-    }, [children]);
+    }, [props.children]);
     return jsx(IsInsideSeriesContainer, { children: childrenValue });
 };
 Series.Sequence = SeriesSequence;
@@ -4601,6 +4601,9 @@ const advanceCache = {};
 function advance({ animation, now, config, }) {
     const { toValue, lastTimestamp, current, velocity } = animation;
     const deltaTime = Math.min(now - lastTimestamp, 64);
+    if (config.damping <= 0) {
+        throw new Error('Spring damping must be greater than 0, otherwise the spring() animation will never end, causing an infinite loop.');
+    }
     const c = config.damping;
     const m = config.mass;
     const k = config.stiffness;

package/dist/esm/version.mjs

@@ -4,6 +4,6 @@
  * @see [Documentation](https://remotion.dev/docs/version)
  * @returns {string} The current version of the remotion package
  */
-const VERSION = '4.0.147';
+const VERSION = '4.0.148';
 
 export { VERSION };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "remotion",
-  "version": "4.0.147",
+  "version": "4.0.148",
   "description": "Render videos in React",
   "main": "dist/cjs/index.js",
   "types": "dist/cjs/index.d.ts",
@@ -24,15 +24,15 @@
     "@happy-dom/global-registrator": "14.5.1",
     "happy-dom": "14.5.1",
     "@types/node": "18.14.6",
-    "@types/react": "18.2.48",
-    "@types/react-dom": "18.2.18",
+    "@types/react": "18.3.1",
+    "@types/react-dom": "18.3.0",
     "eslint": "8.56.0",
     "eslint-plugin-require-extensions": "^0.1.2",
     "jsdom": "21.1.0",
     "prettier": "3.2.5",
     "prettier-plugin-organize-imports": "3.2.4",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
     "rimraf": "^3.0.2",
     "rollup": "^2.70.1",
     "vitest": "0.31.1",