remotion 4.0.147 → 4.0.149

package/bundle.ts

@@ -0,0 +1,35 @@
+import {build} from 'bun';
+
+const output = await build({
+	entrypoints: ['src/index.ts'],
+	naming: '[name].mjs',
+	target: 'browser',
+	external: ['remotion', 'remotion/no-react', 'react', 'react-dom'],
+});
+
+const [file] = output.outputs;
+const text = (await file.text())
+	.replace(/jsxDEV/g, 'jsx')
+	.replace(/react\/jsx-dev-runtime/g, 'react/jsx-runtime');
+
+await Bun.write('dist/esm/index.mjs', text);
+
+const versionOutput = await build({
+	entrypoints: ['src/version.ts'],
+	naming: '[name].mjs',
+	target: 'browser',
+});
+
+const [versionFile] = versionOutput.outputs;
+await Bun.write('dist/esm/version.mjs', await versionFile.text());
+
+const noReactOutput = await build({
+	entrypoints: ['src/no-react.ts'],
+	naming: '[name].mjs',
+	target: 'browser',
+	external: ['remotion', 'react', 'react-dom'],
+});
+const [noReactFile] = noReactOutput.outputs;
+await Bun.write('dist/esm/no-react.mjs', await noReactFile.text());
+
+export {};

package/dist/cjs/Img.js

@@ -68,7 +68,8 @@ const ImgRefForwarding = ({ onError, maxRetries = 2, src, pauseWhenLoading, dela
         const isPremounting = Boolean(sequenceContext === null || sequenceContext === void 0 ? void 0 : sequenceContext.premounting);
         // eslint-disable-next-line react-hooks/rules-of-hooks
         (0, react_1.useLayoutEffect)(() => {
-            if (process.env.NODE_ENV === 'test') {
+            var _a, _b;
+            if (((_b = (_a = window.process) === null || _a === void 0 ? void 0 : _a.env) === null || _b === void 0 ? void 0 : _b.NODE_ENV) === 'test') {
                 return;
             }
             const newHandle = (0, delay_render_js_1.delayRender)('Loading <Img> with src=' + actualSrc, {

package/dist/cjs/audio/AudioForRendering.js

@@ -89,7 +89,8 @@ const AudioForRenderingRefForwardingFunction = (props, ref) => {
     const needsToRenderAudioTag = ref || _remotionInternalNeedsDurationCalculation;
     // If audio source switches, make new handle
     (0, react_1.useLayoutEffect)(() => {
-        if (process.env.NODE_ENV === 'test') {
+        var _a, _b;
+        if (((_b = (_a = window.process) === null || _a === void 0 ? void 0 : _a.env) === null || _b === void 0 ? void 0 : _b.NODE_ENV) === 'test') {
             return;
         }
         if (!needsToRenderAudioTag) {

package/dist/cjs/get-remotion-environment.js

@@ -7,10 +7,13 @@ exports.getRemotionEnvironment = void 0;
  */
 const getRemotionEnvironment = () => {
     const isPlayer = typeof window !== 'undefined' && window.remotion_isPlayer;
-    const isRendering = process.env.NODE_ENV === 'test' ||
-        (process.env.NODE_ENV === 'production' &&
-            typeof window !== 'undefined' &&
-            typeof window.remotion_puppeteerTimeout !== 'undefined');
+    const isRendering = typeof window !== 'undefined' &&
+        typeof window.process !== 'undefined' &&
+        typeof window.process.env !== 'undefined' &&
+        (window.process.env.NODE_ENV === 'test' ||
+            (window.process.env.NODE_ENV === 'production' &&
+                typeof window !== 'undefined' &&
+                typeof window.remotion_puppeteerTimeout !== 'undefined'));
     const isStudio = typeof window !== 'undefined' && window.remotion_isStudio;
     return {
         isStudio,

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/use-media-in-timeline.js

@@ -59,14 +59,15 @@ const useMediaInTimeline = ({ volume, mediaVolume, mediaRef, src, mediaType, pla
         }
     }, [initialVolume, mediaType, src, volume]);
     (0, react_1.useEffect)(() => {
-        var _a;
+        var _a, _b, _c;
         if (!mediaRef.current) {
             return;
         }
         if (!src) {
             throw new Error('No src passed');
         }
-        if (!(0, get_remotion_environment_js_1.getRemotionEnvironment)().isStudio && process.env.NODE_ENV !== 'test') {
+        if (!(0, get_remotion_environment_js_1.getRemotionEnvironment)().isStudio &&
+            ((_b = (_a = window.process) === null || _a === void 0 ? void 0 : _a.env) === null || _b === void 0 ? void 0 : _b.NODE_ENV) !== 'test') {
             return;
         }
         if (!showInTimeline) {
@@ -78,7 +79,7 @@ const useMediaInTimeline = ({ volume, mediaVolume, mediaRef, src, mediaType, pla
             id,
             duration,
             from: 0,
-            parent: (_a = parentSequence === null || parentSequence === void 0 ? void 0 : parentSequence.id) !== null && _a !== void 0 ? _a : null,
+            parent: (_c = parentSequence === null || parentSequence === void 0 ? void 0 : parentSequence.id) !== null && _c !== void 0 ? _c : null,
             displayName: displayName !== null && displayName !== void 0 ? displayName : (0, get_asset_file_name_js_1.getAssetDisplayName)(src),
             rootId,
             volume: volumes,

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.149";

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.149';

package/dist/cjs/video/VideoForRendering.js

@@ -92,6 +92,7 @@ const VideoForRenderingForwardFunction = ({ onError, volume: volumeProp, allowAm
         return videoRef.current;
     }, []);
     (0, react_1.useEffect)(() => {
+        var _a, _b;
         if (!window.remotion_videoEnabled) {
             return;
         }
@@ -109,7 +110,7 @@ const VideoForRenderingForwardFunction = ({ onError, volume: volumeProp, allowAm
             retries: delayRenderRetries !== null && delayRenderRetries !== void 0 ? delayRenderRetries : undefined,
             timeoutInMilliseconds: delayRenderTimeoutInMilliseconds !== null && delayRenderTimeoutInMilliseconds !== void 0 ? delayRenderTimeoutInMilliseconds : undefined,
         });
-        if (process.env.NODE_ENV === 'test') {
+        if (((_b = (_a = window.process) === null || _a === void 0 ? void 0 : _a.env) === null || _b === void 0 ? void 0 : _b.NODE_ENV) === 'test') {
             (0, delay_render_js_1.continueRender)(handle);
             return;
         }
@@ -173,7 +174,8 @@ const VideoForRenderingForwardFunction = ({ onError, volume: volumeProp, allowAm
     if (environment.isRendering) {
         // eslint-disable-next-line react-hooks/rules-of-hooks
         (0, react_1.useLayoutEffect)(() => {
-            if (process.env.NODE_ENV === 'test') {
+            var _a, _b;
+            if (((_b = (_a = window.process) === null || _a === void 0 ? void 0 : _a.env) === null || _b === void 0 ? void 0 : _b.NODE_ENV) === 'test') {
                 return;
             }
             const newHandle = (0, delay_render_js_1.delayRender)('Loading <Video> duration with src=' + src, {