remotion 4.0.146 → 4.0.148

package/dist/cjs/CompositionManager.d.ts

@@ -69,7 +69,7 @@ export type TRenderAsset = {
     audioStartFrame: number;
 };
 export declare const compositionsRef: React.RefObject<{
-    getCompositions: () => TCompMetadataWithCalcFunction<AnyZodObject, Record<string, unknown>>[];
+    getCompositions: () => AnyComposition[];
 }>;
 export declare const CompositionManagerProvider: React.FC<{
     readonly children: React.ReactNode;

package/dist/cjs/EditorProps.d.ts

@@ -9,7 +9,10 @@ export type EditorPropsContextType = {
     }) => void;
 };
 export declare const EditorPropsContext: React.Context<EditorPropsContextType>;
+export declare const editorPropsProviderRef: React.RefObject<{
+    getProps: () => Props;
+}>;
 export declare const EditorPropsProvider: React.FC<{
-    children: React.ReactNode;
+    readonly children: React.ReactNode;
 }>;
 export {};

package/dist/cjs/EditorProps.js

@@ -23,7 +23,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.EditorPropsProvider = exports.EditorPropsContext = void 0;
+exports.EditorPropsProvider = exports.editorPropsProviderRef = exports.EditorPropsContext = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importStar(require("react"));
 exports.EditorPropsContext = (0, react_1.createContext)({
@@ -32,6 +32,7 @@ exports.EditorPropsContext = (0, react_1.createContext)({
         throw new Error('Not implemented');
     },
 });
+exports.editorPropsProviderRef = react_1.default.createRef();
 const EditorPropsProvider = ({ children }) => {
     const [props, setProps] = react_1.default.useState({});
     const updateProps = (0, react_1.useCallback)(({ defaultProps, id, newProps, }) => {
@@ -45,6 +46,11 @@ const EditorPropsProvider = ({ children }) => {
             };
         });
     }, []);
+    (0, react_1.useImperativeHandle)(exports.editorPropsProviderRef, () => {
+        return {
+            getProps: () => props,
+        };
+    }, [props]);
     const ctx = (0, react_1.useMemo)(() => {
         return { props, updateProps };
     }, [props, updateProps]);

package/dist/cjs/internals.d.ts

@@ -64,7 +64,7 @@ export declare const Internals: {
     readonly isCompositionIdValid: (id: string) => RegExpMatchArray | null;
     readonly getPreviewDomElement: () => HTMLElement | null;
     readonly compositionsRef: import("react").RefObject<{
-        getCompositions: () => import("./CompositionManager.js").TCompMetadataWithCalcFunction<import("zod").AnyZodObject, Record<string, unknown>>[];
+        getCompositions: () => import("./CompositionManager.js").AnyComposition[];
     }>;
     readonly portalNode: () => HTMLElement;
     readonly waitForRoot: (fn: (comp: import("react").FC<{}>) => void) => () => void;
@@ -83,7 +83,7 @@ export declare const Internals: {
     }>;
     readonly useIsPlayer: () => boolean;
     readonly EditorPropsProvider: import("react").FC<{
-        children: import("react").ReactNode;
+        readonly children: import("react").ReactNode;
     }>;
     readonly EditorPropsContext: import("react").Context<import("./EditorProps.js").EditorPropsContextType>;
     readonly usePreload: (src: string) => string;
@@ -155,5 +155,10 @@ export declare const Internals: {
             height: number;
         };
     }) => number;
+    readonly editorPropsProviderRef: import("react").RefObject<{
+        getProps: () => {
+            [x: string]: Record<string, unknown>;
+        };
+    }>;
 };
 export type { CompositionManagerContext, CompProps, MediaVolumeContextValue, RemotionEnvironment, SerializedJSONWithCustomFields, SetMediaVolumeContextValue, SetTimelineContextValue, TRenderAsset as TAsset, TCompMetadata, TComposition, TimelinePosition as Timeline, TimelineContextValue, TSequence, WatchRemotionStaticFilesPayload, };

package/dist/cjs/internals.js

@@ -124,4 +124,5 @@ exports.Internals = {
     CurrentScaleContext: use_current_scale_js_1.CurrentScaleContext,
     PreviewSizeContext: use_current_scale_js_1.PreviewSizeContext,
     calculateScale: use_current_scale_js_1.calculateScale,
+    editorPropsProviderRef: EditorProps_js_1.editorPropsProviderRef,
 };

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.146";
+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.146';
+exports.VERSION = '4.0.148';

package/dist/esm/index.mjs

@@ -1,4 +1,4 @@
-import React, { createContext, useState, useMemo, useLayoutEffect, useContext, useEffect, forwardRef, useCallback, useRef, createRef, useImperativeHandle, useReducer, Suspense, Children } from 'react';
+import React, { createContext, useState, useMemo, useLayoutEffect, useContext, useEffect, forwardRef, useCallback, useRef, useImperativeHandle, createRef, useReducer, Suspense, Children } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { createPortal } from 'react-dom';
 
@@ -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.146';
+const VERSION = '4.0.148';
 
 const checkMultipleRemotionVersions = () => {
     if (typeof globalThis === 'undefined') {
@@ -265,6 +265,7 @@ const EditorPropsContext = createContext({
         throw new Error('Not implemented');
     },
 });
+const editorPropsProviderRef = React.createRef();
 const EditorPropsProvider = ({ children }) => {
     const [props, setProps] = React.useState({});
     const updateProps = useCallback(({ defaultProps, id, newProps, }) => {
@@ -278,6 +279,11 @@ const EditorPropsProvider = ({ children }) => {
             };
         });
     }, []);
+    useImperativeHandle(editorPropsProviderRef, () => {
+        return {
+            getProps: () => props,
+        };
+    }, [props]);
     const ctx = useMemo(() => {
         return { props, updateProps };
     }, [props, updateProps]);
@@ -4059,6 +4065,7 @@ const Internals = {
     CurrentScaleContext,
     PreviewSizeContext,
     calculateScale,
+    editorPropsProviderRef,
 };
 
 /**
@@ -4516,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;
@@ -4560,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;
@@ -4594,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.146';
+const VERSION = '4.0.148';
 
 export { VERSION };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "remotion",
-  "version": "4.0.146",
+  "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",