remotion 4.0.0-fastlambda.8 → 4.0.0-lambda.3

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
-remotion:build: cache hit, replaying output 4a4ef92a893fde14
+remotion:build: cache hit, replaying output 4c8fee7c2477e9d7
 remotion:build: 
-remotion:build: > remotion@3.0.7 build /Users/jonathanburger/remotion/packages/core
+remotion:build: > remotion@3.0.20 build /Users/jonathanburger/remotion/packages/core
 remotion:build: > tsc -d
 remotion:build: 

package/dist/AbsoluteFill.js

@@ -19,6 +19,6 @@ const AbsoluteFill = (props) => {
             ...style,
         };
     }, [style]);
-    return (0, jsx_runtime_1.jsx)("div", { style: actualStyle, ...other }, void 0);
+    return (0, jsx_runtime_1.jsx)("div", { style: actualStyle, ...other });
 };
 exports.AbsoluteFill = AbsoluteFill;

package/dist/Composition.d.ts

@@ -21,5 +21,5 @@ declare type CompositionProps<T> = StillProps<T> & {
     fps: number;
     durationInFrames: number;
 };
-export declare const Composition: <T>({ width, height, fps, durationInFrames, id, defaultProps, ...compProps }: CompositionProps<T>) => null;
+export declare const Composition: <T>({ width, height, fps, durationInFrames, id, defaultProps, ...compProps }: CompositionProps<T>) => React.ReactPortal | null;
 export {};

package/dist/Composition.js

@@ -3,10 +3,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Composition = exports.Folder = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
+const react_dom_1 = require("react-dom");
 const CompositionManager_1 = require("./CompositionManager");
+const input_props_1 = require("./config/input-props");
+const delay_render_1 = require("./delay-render");
+const get_environment_1 = require("./get-environment");
+const loading_indicator_1 = require("./loading-indicator");
 const nonce_1 = require("./nonce");
+const portal_node_1 = require("./portal-node");
 const truthy_1 = require("./truthy");
 const use_lazy_component_1 = require("./use-lazy-component");
+const use_video_1 = require("./use-video");
 const validate_composition_id_1 = require("./validation/validate-composition-id");
 const validate_dimensions_1 = require("./validation/validate-dimensions");
 const validate_duration_in_frames_1 = require("./validation/validate-duration-in-frames");
@@ -34,11 +41,19 @@ const Folder = ({ name, children, }) => {
             unregisterFolder(name, parentName);
         };
     }, [name, parent.folderName, parentName, registerFolder, unregisterFolder]);
-    return ((0, jsx_runtime_1.jsx)(FolderContext.Provider, { value: value, children: children }, void 0));
+    return ((0, jsx_runtime_1.jsx)(FolderContext.Provider, { value: value, children: children }));
 };
 exports.Folder = Folder;
+const Fallback = () => {
+    (0, react_1.useEffect)(() => {
+        const fallback = (0, delay_render_1.delayRender)('Waiting for Root component to unsuspend');
+        return () => (0, delay_render_1.continueRender)(fallback);
+    }, []);
+    return null;
+};
 const Composition = ({ width, height, fps, durationInFrames, id, defaultProps, ...compProps }) => {
     const { registerComposition, unregisterComposition } = (0, react_1.useContext)(CompositionManager_1.CompositionManager);
+    const video = (0, use_video_1.useVideo)();
     const lazy = (0, use_lazy_component_1.useLazyComponent)(compProps);
     const nonce = (0, nonce_1.useNonce)();
     const { folderName, parentName } = (0, react_1.useContext)(FolderContext);
@@ -81,6 +96,20 @@ const Composition = ({ width, height, fps, durationInFrames, id, defaultProps, .
         nonce,
         parentName,
     ]);
+    if ((0, get_environment_1.getRemotionEnvironment)() === 'preview' &&
+        video &&
+        video.component === lazy) {
+        const Comp = lazy;
+        const inputProps = (0, input_props_1.getInputProps)();
+        return (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(react_1.Suspense, { fallback: (0, jsx_runtime_1.jsx)(loading_indicator_1.Loading, {}), children: (0, jsx_runtime_1.jsx)(Comp, { ...defaultProps, ...inputProps }) }), (0, portal_node_1.portalNode)());
+    }
+    if ((0, get_environment_1.getRemotionEnvironment)() === 'rendering' &&
+        video &&
+        video.component === lazy) {
+        const Comp = lazy;
+        const inputProps = (0, input_props_1.getInputProps)();
+        return (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(react_1.Suspense, { fallback: (0, jsx_runtime_1.jsx)(Fallback, {}), children: (0, jsx_runtime_1.jsx)(Comp, { ...defaultProps, ...inputProps }) }), (0, portal_node_1.portalNode)());
+    }
     return null;
 };
 exports.Composition = Composition;

package/dist/CompositionManager.d.ts

@@ -12,7 +12,7 @@ export declare type TComposition<T = unknown> = {
     nonce: number;
 };
 export declare type TCompMetadata = Pick<TComposition, 'id' | 'height' | 'width' | 'fps' | 'durationInFrames' | 'defaultProps'>;
-export declare type SmallTCompMetadata = Pick<TComposition, 'id' | 'height' | 'width' | 'fps' | 'durationInFrames'>;
+export declare type SmallTCompMetadata = Pick<TComposition, 'id' | 'height' | 'width' | 'fps' | 'durationInFrames'> & Partial<Pick<TComposition, 'defaultProps'>>;
 declare type EnhancedTSequenceData = {
     type: 'sequence';
 } | {

package/dist/CompositionManager.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -139,6 +143,6 @@ const CompositionManagerProvider = ({ children }) => {
         unregisterFolder,
         folders,
     ]);
-    return ((0, jsx_runtime_1.jsx)(exports.CompositionManager.Provider, { value: contextValue, children: children }, void 0));
+    return ((0, jsx_runtime_1.jsx)(exports.CompositionManager.Provider, { value: contextValue, children: children }));
 };
 exports.CompositionManagerProvider = CompositionManagerProvider;

package/dist/IFrame.js

@@ -19,6 +19,6 @@ const IFrameRefForwarding = ({ onLoad, onError, ...props }, ref) => {
             console.error('Error loading iframe:', e, 'Handle the event using the onError() prop to make this message disappear.');
         }
     }, [handle, onError]);
-    return (0, jsx_runtime_1.jsx)("iframe", { ...props, ref: ref, onError: didGetError, onLoad: didLoad }, void 0);
+    return (0, jsx_runtime_1.jsx)("iframe", { ...props, ref: ref, onError: didGetError, onLoad: didLoad });
 };
 exports.IFrame = (0, react_1.forwardRef)(IFrameRefForwarding);

package/dist/Img.js

@@ -4,34 +4,39 @@ exports.Img = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const delay_render_1 = require("./delay-render");
-const ImgRefForwarding = ({ onLoad, onError, ...props }, ref) => {
-    const [handle] = (0, react_1.useState)(() => (0, delay_render_1.delayRender)('Loading <Img> with src=' + props.src));
-    (0, react_1.useEffect)(() => {
-        if (ref &&
-            ref.current.complete) {
-            (0, delay_render_1.continueRender)(handle);
-        }
-    }, [handle, ref]);
-    const didLoad = (0, react_1.useCallback)((e) => {
-        (0, delay_render_1.continueRender)(handle);
-        onLoad === null || onLoad === void 0 ? void 0 : onLoad(e);
-    }, [handle, onLoad]);
+const ImgRefForwarding = ({ onError, ...props }, ref) => {
+    const imageRef = (0, react_1.useRef)(null);
+    (0, react_1.useImperativeHandle)(ref, () => {
+        return imageRef.current;
+    });
     const didGetError = (0, react_1.useCallback)((e) => {
-        (0, delay_render_1.continueRender)(handle);
+        var _a;
         if (onError) {
             onError(e);
         }
         else {
-            console.error('Error loading image:', e, 'Handle the event using the onError() prop to make this message disappear.');
+            console.error('Error loading image with src:', (_a = imageRef.current) === null || _a === void 0 ? void 0 : _a.src, e, 'Handle the event using the onError() prop to make this message disappear.');
+        }
+    }, [onError]);
+    // If image source switches, make new handle
+    (0, react_1.useLayoutEffect)(() => {
+        const newHandle = (0, delay_render_1.delayRender)('Loading <Img> with src=' + props.src);
+        const { current } = imageRef;
+        const didLoad = () => {
+            (0, delay_render_1.continueRender)(newHandle);
+        };
+        if (current === null || current === void 0 ? void 0 : current.complete) {
+            (0, delay_render_1.continueRender)(newHandle);
+        }
+        else {
+            current === null || current === void 0 ? void 0 : current.addEventListener('load', didLoad, { once: true });
         }
-    }, [handle, onError]);
-    (0, react_1.useEffect)(() => {
-        console.log('mounting', props.src);
+        // If tag gets unmounted, clear pending handles because image is not going to load
         return () => {
-            (0, delay_render_1.continueRender)(handle);
-            console.log('unmounting', props.src);
+            current === null || current === void 0 ? void 0 : current.removeEventListener('load', didLoad);
+            (0, delay_render_1.continueRender)(newHandle);
         };
-    }, []);
-    return (0, jsx_runtime_1.jsx)("img", { ...props, ref: ref, onLoad: didLoad, onError: didGetError }, void 0);
+    }, [props.src]);
+    return (0, jsx_runtime_1.jsx)("img", { ...props, ref: imageRef, onError: didGetError });
 };
 exports.Img = (0, react_1.forwardRef)(ImgRefForwarding);

package/dist/RemotionRoot.js

@@ -65,6 +65,6 @@ const RemotionRoot = ({ children }) => {
                     // In the preview, which is mostly played on Desktop, we opt out of the autoplay policy fix as described in https://github.com/remotion-dev/remotion/pull/554, as it mostly applies to mobile.
                     , { 
                         // In the preview, which is mostly played on Desktop, we opt out of the autoplay policy fix as described in https://github.com/remotion-dev/remotion/pull/554, as it mostly applies to mobile.
-                        numberOfAudioTags: 0, children: children }, void 0) }, void 0) }, void 0) }, void 0) }, void 0));
+                        numberOfAudioTags: 0, children: children }) }) }) }) }));
 };
 exports.RemotionRoot = RemotionRoot;

package/dist/Still.js

@@ -4,6 +4,6 @@ exports.Still = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const Composition_1 = require("./Composition");
 const Still = (props) => {
-    return (0, jsx_runtime_1.jsx)(Composition_1.Composition, { fps: 1, durationInFrames: 1, ...props }, void 0);
+    return (0, jsx_runtime_1.jsx)(Composition_1.Composition, { fps: 1, durationInFrames: 1, ...props });
 };
 exports.Still = Still;

package/dist/audio/Audio.js

@@ -21,12 +21,12 @@ const AudioRefForwardingFunction = (props, ref) => {
         (0, validate_start_from_props_1.validateStartFromProps)(startFrom, endAt);
         const startFromFrameNo = startFrom !== null && startFrom !== void 0 ? startFrom : 0;
         const endAtFrameNo = endAt !== null && endAt !== void 0 ? endAt : Infinity;
-        return ((0, jsx_runtime_1.jsx)(sequencing_1.Sequence, { layout: "none", from: 0 - startFromFrameNo, showInTimeline: false, durationInFrames: endAtFrameNo, children: (0, jsx_runtime_1.jsx)(exports.Audio, { ...otherProps, ref: ref }, void 0) }, void 0));
+        return ((0, jsx_runtime_1.jsx)(sequencing_1.Sequence, { layout: "none", from: 0 - startFromFrameNo, showInTimeline: false, durationInFrames: endAtFrameNo, children: (0, jsx_runtime_1.jsx)(exports.Audio, { ...otherProps, ref: ref }) }));
     }
     (0, validate_media_props_1.validateMediaProps)(props, 'Audio');
     if ((0, get_environment_1.getRemotionEnvironment)() === 'rendering') {
-        return (0, jsx_runtime_1.jsx)(AudioForRendering_1.AudioForRendering, { ...props, ref: ref, onError: onError }, void 0);
+        return (0, jsx_runtime_1.jsx)(AudioForRendering_1.AudioForRendering, { ...props, ref: ref, onError: onError });
     }
-    return ((0, jsx_runtime_1.jsx)(AudioForDevelopment_1.AudioForDevelopment, { shouldPreMountAudioTags: audioContext !== null && audioContext.numberOfAudioTags > 0, ...props, ref: ref, onError: onError }, void 0));
+    return ((0, jsx_runtime_1.jsx)(AudioForDevelopment_1.AudioForDevelopment, { shouldPreMountAudioTags: audioContext !== null && audioContext.numberOfAudioTags > 0, ...props, ref: ref, onError: onError }));
 };
 exports.Audio = (0, react_1.forwardRef)(AudioRefForwardingFunction);

package/dist/audio/AudioForDevelopment.js

@@ -53,6 +53,6 @@ const AudioForDevelopmentForwardRefFunction = (props, ref) => {
     if (initialShouldPreMountAudioElements) {
         return null;
     }
-    return (0, jsx_runtime_1.jsx)("audio", { ref: audioRef, ...propsToPass }, void 0);
+    return (0, jsx_runtime_1.jsx)("audio", { ref: audioRef, ...propsToPass });
 };
 exports.AudioForDevelopment = (0, react_1.forwardRef)(AudioForDevelopmentForwardRefFunction);

package/dist/audio/AudioForRendering.js

@@ -63,6 +63,6 @@ const AudioForRenderingRefForwardingFunction = (props, ref) => {
         playbackRate,
         props.playbackRate,
     ]);
-    return (0, jsx_runtime_1.jsx)("audio", { ref: audioRef, ...nativeProps }, void 0);
+    return (0, jsx_runtime_1.jsx)("audio", { ref: audioRef, ...nativeProps });
 };
 exports.AudioForRendering = (0, react_1.forwardRef)(AudioForRenderingRefForwardingFunction);

package/dist/audio/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/dist/audio/shared-audio-tags.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -114,7 +118,7 @@ const SharedAudioContextProvider = ({ children, numberOfAudioTags }) => {
                     throw new TypeError('Expected audio data to be there');
                 }
                 return (0, jsx_runtime_1.jsx)("audio", { ref: ref, ...data.props }, id);
-            }), children] }, void 0));
+            }), children] }));
 };
 exports.SharedAudioContextProvider = SharedAudioContextProvider;
 const useSharedAudio = (aud) => {

package/dist/config/bundle-out-dir.d.ts

@@ -0,0 +1,2 @@
+export declare const getBundleOutDir: () => string | null;
+export declare const setBundleOutDir: (path: string) => void;

package/dist/config/bundle-out-dir.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setBundleOutDir = exports.getBundleOutDir = void 0;
+let bundleOutDir = null;
+const getBundleOutDir = () => {
+    return bundleOutDir;
+};
+exports.getBundleOutDir = getBundleOutDir;
+const setBundleOutDir = (path) => {
+    bundleOutDir = path;
+};
+exports.setBundleOutDir = setBundleOutDir;

package/dist/config/chromium-flags.d.ts

@@ -4,7 +4,7 @@ export declare const getChromiumDisableWebSecurity: () => boolean;
 export declare const setChromiumDisableWebSecurity: (should: boolean) => void;
 export declare const getIgnoreCertificateErrors: () => boolean;
 export declare const setChromiumIgnoreCertificateErrors: (should: boolean) => void;
-export declare const getChromiumOpenGlRenderer: () => "angle" | "egl" | "swiftshader" | null;
+export declare const getChromiumOpenGlRenderer: () => "swangle" | "angle" | "egl" | "swiftshader" | null;
 export declare const setChromiumOpenGlRenderer: (renderer: OpenGlRenderer) => void;
 export declare const getChromiumHeadlessMode: () => boolean;
 export declare const setChromiumHeadlessMode: (should: boolean) => void;

package/dist/config/every-nth-file.d.ts

@@ -0,0 +1,2 @@
+export declare const setEveryNthFrame: (frame: number) => void;
+export declare const getEveryNthFrame: () => number;

package/dist/config/every-nth-file.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getEveryNthFrame = exports.setEveryNthFrame = void 0;
+const validate_every_nth_frame_1 = require("../validation/validate-every-nth-frame");
+let everyNthFrame = 1;
+const setEveryNthFrame = (frame) => {
+    (0, validate_every_nth_frame_1.validateEveryNthFrame)(frame);
+    everyNthFrame = frame;
+};
+exports.setEveryNthFrame = setEveryNthFrame;
+const getEveryNthFrame = () => everyNthFrame;
+exports.getEveryNthFrame = getEveryNthFrame;

package/dist/config/ffmpeg-executable.d.ts

@@ -1,3 +1,5 @@
 export declare type FfmpegExecutable = string | null;
 export declare const setFfmpegExecutable: (ffmpegPath: FfmpegExecutable) => void;
 export declare const getCustomFfmpegExecutable: () => FfmpegExecutable;
+export declare const setFfprobeExecutable: (ffprobePath: FfmpegExecutable) => void;
+export declare const getCustomFfprobeExecutable: () => FfmpegExecutable;

package/dist/config/ffmpeg-executable.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getCustomFfmpegExecutable = exports.setFfmpegExecutable = void 0;
+exports.getCustomFfprobeExecutable = exports.setFfprobeExecutable = exports.getCustomFfmpegExecutable = exports.setFfmpegExecutable = void 0;
 let currentFfmpegExecutablePath = null;
+let currentFfprobeExecutablePath = null;
 const setFfmpegExecutable = (ffmpegPath) => {
     currentFfmpegExecutablePath = ffmpegPath;
 };
@@ -10,3 +11,11 @@ const getCustomFfmpegExecutable = () => {
     return currentFfmpegExecutablePath;
 };
 exports.getCustomFfmpegExecutable = getCustomFfmpegExecutable;
+const setFfprobeExecutable = (ffprobePath) => {
+    currentFfprobeExecutablePath = ffprobePath;
+};
+exports.setFfprobeExecutable = setFfprobeExecutable;
+const getCustomFfprobeExecutable = () => {
+    return currentFfprobeExecutablePath;
+};
+exports.getCustomFfprobeExecutable = getCustomFfprobeExecutable;

package/dist/config/index.d.ts

@@ -73,10 +73,10 @@ export declare const Config: {
          */
         readonly setChromiumHeadlessMode: (should: boolean) => void;
         /**
-         * Set the OpenGL rendering backend for Chrome. Possible values: 'egl', 'angle' and 'swiftshader'.
-         * Default: 'swiftshader' in Lambda, 'angle' elsewhere.
+         * Set the OpenGL rendering backend for Chrome. Possible values: 'egl', 'angle', 'swiftshader' and 'swangle'.
+         * Default: 'swangle' in Lambda, null elsewhere.
          */
-        readonly setChromiumOpenGlRenderer: (renderer: "angle" | "egl" | "swiftshader") => void;
+        readonly setChromiumOpenGlRenderer: (renderer: "swangle" | "angle" | "egl" | "swiftshader") => void;
     };
     readonly Rendering: {
         /**
@@ -112,6 +112,11 @@ export declare const Config: {
          * Default: null, which will use ffmpeg available in PATH.
          */
         readonly setFfmpegExecutable: (ffmpegPath: FfmpegExecutable) => void;
+        /**
+         * Specify local ffprobe executable.
+         * Default: null, which will use ffprobe available in PATH.
+         */
+        readonly setFfprobeExecutable: (ffprobePath: FfmpegExecutable) => void;
         /**
          * Scales the output dimensions by a factor.
          * Default: 1.

package/dist/config/index.js

@@ -87,8 +87,8 @@ exports.Config = {
          */
         setChromiumHeadlessMode: chromium_flags_1.setChromiumHeadlessMode,
         /**
-         * Set the OpenGL rendering backend for Chrome. Possible values: 'egl', 'angle' and 'swiftshader'.
-         * Default: 'swiftshader' in Lambda, 'angle' elsewhere.
+         * Set the OpenGL rendering backend for Chrome. Possible values: 'egl', 'angle', 'swiftshader' and 'swangle'.
+         * Default: 'swangle' in Lambda, null elsewhere.
          */
         setChromiumOpenGlRenderer: chromium_flags_1.setChromiumOpenGlRenderer,
     },
@@ -126,6 +126,11 @@ exports.Config = {
          * Default: null, which will use ffmpeg available in PATH.
          */
         setFfmpegExecutable: ffmpeg_executable_1.setFfmpegExecutable,
+        /**
+         * Specify local ffprobe executable.
+         * Default: null, which will use ffprobe available in PATH.
+         */
+        setFfprobeExecutable: ffmpeg_executable_1.setFfprobeExecutable,
         /**
          * Scales the output dimensions by a factor.
          * Default: 1.

package/dist/config/loop.d.ts

@@ -0,0 +1,3 @@
+export declare type Loop = number | null;
+export declare const setLoop: (newLoop: Loop) => void;
+export declare const getLoop: () => Loop;

package/dist/config/loop.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getLoop = exports.setLoop = void 0;
+let currentLoop = null;
+const setLoop = (newLoop) => {
+    if (typeof newLoop !== 'number') {
+        throw new Error('--loop flag must be a number.');
+    }
+    currentLoop = newLoop;
+};
+exports.setLoop = setLoop;
+const getLoop = () => {
+    return currentLoop;
+};
+exports.getLoop = getLoop;

package/dist/config/override-webpack.d.ts

@@ -1,11 +1,5 @@
 import { Configuration } from 'webpack';
-export declare type WebpackConfiguration = Configuration & {
-    devServer: {
-        contentBase: string;
-        historyApiFallback: boolean;
-        hot: true;
-    };
-};
+export declare type WebpackConfiguration = Configuration;
 export declare type WebpackOverrideFn = (currentConfiguration: WebpackConfiguration) => WebpackConfiguration;
 export declare const defaultOverrideFunction: WebpackOverrideFn;
 export declare const getWebpackOverrideFn: () => WebpackOverrideFn;

package/dist/config/public-path.d.ts

@@ -0,0 +1,2 @@
+export declare const getPublicPath: () => string | null;
+export declare const setPublicPath: (path: string) => void;

package/dist/config/public-path.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setPublicPath = exports.getPublicPath = void 0;
+let publicPath = null;
+const getPublicPath = () => {
+    return publicPath;
+};
+exports.getPublicPath = getPublicPath;
+const setPublicPath = (path) => {
+    publicPath = path;
+};
+exports.setPublicPath = setPublicPath;

package/dist/delay-render.d.ts

@@ -5,7 +5,7 @@ export declare const DELAY_RENDER_CALLSTACK_TOKEN = "The delayRender was called:
  * @returns {number} An identifier to be passed to continueRender().
  * @link https://www.remotion.dev/docs/delay-render
  */
-export declare const delayRender: (label?: string | undefined) => number;
+export declare const delayRender: (label?: string) => number;
 /**
  * Unblock a render that has been blocked by delayRender()
  * @param handle The return value of delayRender().

package/dist/freeze.js

@@ -29,6 +29,6 @@ const Freeze = ({ frame, children }) => {
             frame,
         };
     }, [context, frame]);
-    return ((0, jsx_runtime_1.jsx)(timeline_position_state_1.TimelineContext.Provider, { value: value, children: (0, jsx_runtime_1.jsx)(sequencing_1.SequenceContext.Provider, { value: null, children: children }, void 0) }, void 0));
+    return ((0, jsx_runtime_1.jsx)(timeline_position_state_1.TimelineContext.Provider, { value: value, children: (0, jsx_runtime_1.jsx)(sequencing_1.SequenceContext.Provider, { value: null, children: children }) }));
 };
 exports.Freeze = Freeze;

package/dist/index.d.ts

@@ -11,13 +11,16 @@ declare global {
         remotion_cwd: string;
         remotion_setFrame: (frame: number) => void;
         remotion_initialFrame: number;
+        remotion_proxyPort: number;
         remotion_puppeteerTimeout: number;
         remotion_inputProps: string;
         remotion_envVariables: string;
         remotion_collectAssets: () => TAsset[];
         remotion_isPlayer: boolean;
         remotion_imported: boolean;
-        siteVersion: '2';
+        remotion_isBuilding: undefined | (() => void);
+        remotion_finishedBuilding: undefined | (() => void);
+        siteVersion: '3';
     }
 }
 export declare type BundleState = {
@@ -51,7 +54,7 @@ export * from './spring';
 export { staticFile } from './static-file';
 export * from './Still';
 export type { PlayableMediaTag } from './timeline-position-state';
-export * from './use-frame';
+export { useCurrentFrame } from './use-frame';
 export * from './use-video-config';
 export * from './video';
 export * from './video-config';

package/dist/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -10,7 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.staticFile = exports.Series = exports.Sequence = exports.registerRoot = exports.Loop = exports.interpolateColors = exports.getInputProps = void 0;
+exports.useCurrentFrame = exports.staticFile = exports.Series = exports.Sequence = exports.registerRoot = exports.Loop = exports.interpolateColors = exports.getInputProps = void 0;
 require("./asset-types");
 const multiple_versions_warning_1 = require("./multiple-versions-warning");
 (0, multiple_versions_warning_1.checkMultipleRemotionVersions)();
@@ -42,7 +46,8 @@ __exportStar(require("./spring"), exports);
 var static_file_1 = require("./static-file");
 Object.defineProperty(exports, "staticFile", { enumerable: true, get: function () { return static_file_1.staticFile; } });
 __exportStar(require("./Still"), exports);
-__exportStar(require("./use-frame"), exports);
+var use_frame_1 = require("./use-frame");
+Object.defineProperty(exports, "useCurrentFrame", { enumerable: true, get: function () { return use_frame_1.useCurrentFrame; } });
 __exportStar(require("./use-video-config"), exports);
 __exportStar(require("./video"), exports);
 __exportStar(require("./video-config"), exports);

package/dist/internals.d.ts

@@ -49,6 +49,7 @@ export declare const Internals: {
     getRoot: () => import("react").FC<{}> | null;
     getBrowserExecutable: () => import("./config/browser-executable").BrowserExecutable;
     getCustomFfmpegExecutable: () => import("./config/ffmpeg-executable").FfmpegExecutable;
+    getCustomFfprobeExecutable: () => import("./config/ffmpeg-executable").FfmpegExecutable;
     getPixelFormat: () => "yuv420p" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le";
     getConcurrency: () => number | null;
     getRange: () => import("./config/frame-range").FrameRange | null;
@@ -93,9 +94,7 @@ export declare const Internals: {
     RemotionContextProvider: (props: import("./wrap-remotion-context").RemotionContextProviderProps) => JSX.Element;
     CSSUtils: typeof CSSUtils;
     setupEnvVariables: () => void;
-    setupInitialFrame: () => void;
     ENV_VARIABLES_ENV_NAME: "ENV_VARIABLES";
-    INITIAL_FRAME_LOCAL_STORAGE_KEY: string;
     getDotEnvLocation: () => string | null;
     getServerPort: () => number | undefined;
     MediaVolumeContext: import("react").Context<MediaVolumeContextValue>;
@@ -138,14 +137,17 @@ export declare const Internals: {
     getCurrentPuppeteerTimeout: () => number;
     getChromiumDisableWebSecurity: () => boolean;
     getIgnoreCertificateErrors: () => boolean;
-    validateOpenGlRenderer: (option: "angle" | "egl" | "swiftshader" | null) => "angle" | "egl" | "swiftshader" | null;
-    getChromiumOpenGlRenderer: () => "angle" | "egl" | "swiftshader" | null;
+    validateOpenGlRenderer: (option: "swangle" | "angle" | "egl" | "swiftshader" | null) => "swangle" | "angle" | "egl" | "swiftshader" | null;
+    getChromiumOpenGlRenderer: () => "swangle" | "angle" | "egl" | "swiftshader" | null;
     getChromiumHeadlessMode: () => boolean;
-    DEFAULT_OPENGL_RENDERER: "angle" | "egl" | "swiftshader" | null;
+    DEFAULT_OPENGL_RENDERER: "swangle" | "angle" | "egl" | "swiftshader" | null;
     getPreviewDomElement: () => HTMLElement | null;
     compositionsRef: import("react").RefObject<{
         getCompositions: () => TCompMetadata[];
     }>;
     DELAY_RENDER_CALLSTACK_TOKEN: string;
+    useAbsoluteCurrentFrame: () => number;
+    portalNode: () => HTMLElement;
+    waitForRoot: (fn: (comp: import("react").FC<{}>) => void) => () => void;
 };
 export type { TComposition, Timeline, TCompMetadata, TSequence, WebpackOverrideFn, TAsset, RenderAssetInfo, TimelineContextValue, SetTimelineContextValue, TimelineInOutContextValue, SetTimelineInOutContextValue, CompProps, CompositionManagerContext, MediaVolumeContextValue, SetMediaVolumeContextValue, RemotionEnvironment, ProResProfile, OpenGlRenderer, };