remotion 4.0.0-lambda.3 → 4.0.0-newpathfunctions.13

package/dist/config.d.ts

@@ -0,0 +1,285 @@
+/**
+ * The configuration has moved to @remotion/cli.
+ * For the moment the type definitions are going to stay here
+ */
+declare type Concurrency = number | null;
+import type { Configuration } from 'webpack';
+declare type WebpackConfiguration = Configuration;
+declare type WebpackOverrideFn = (currentConfiguration: WebpackConfiguration) => WebpackConfiguration;
+declare type BrowserExecutable = string | null;
+declare type FrameRange = number | [number, number];
+declare type FfmpegExecutable = string | null;
+declare type Loop = number | null;
+declare type CodecOrUndefined = 'h264' | 'h265' | 'vp8' | 'vp9' | 'mp3' | 'aac' | 'wav' | 'prores' | 'h264-mkv' | 'gif' | undefined;
+declare type Crf = number | undefined;
+declare type FlatConfig = ObjectConfig['Bundling'] & ObjectConfig['Log'] & ObjectConfig['Preview'] & ObjectConfig['Puppeteer'] & ObjectConfig['Output'] & ObjectConfig['Rendering'];
+declare type ObjectConfig = {
+    /**
+     * @deprecated New flat config format: You can now replace `Config.Preview.` with `Config.`
+     */
+    readonly Preview: {
+        /**
+         * Change the maximum amount of tracks that are shown in the timeline.
+         * @param maxTracks The maximum amount of timeline tracks that you would like to show.
+         * @default 15
+         */
+        readonly setMaxTimelineTracks: (maxTracks: number) => void;
+        /**
+         * Enable Keyboard shortcuts in the Remotion Preview.
+         * @param enabled Boolean whether to enable the keyboard shortcuts
+         * @default true
+         */
+        readonly setKeyboardShortcutsEnabled: (enableShortcuts: boolean) => void;
+        /**
+         * Set number of shared audio tags. https://www.remotion.dev/docs/player/autoplay#use-the-numberofsharedaudiotags-property
+         * @param numberOfAudioTags
+         * @default 0
+         */
+        readonly setNumberOfSharedAudioTags: (numberOfAudioTags: number) => void;
+        /**
+         * Enable Webpack polling instead of file system listeners for hot reloading in the preview.
+         * This is useful if you are using a remote directory or a virtual machine.
+         * @param interval
+         * @default null
+         */
+        readonly setWebpackPollingInMilliseconds: (interval: number | null) => void;
+        /**
+         * Whether Remotion should open a browser when starting the Preview.
+         * @param should
+         * @default true
+         */
+        readonly setShouldOpenBrowser: (should: boolean) => void;
+    };
+    /**
+     * @deprecated New flat config format: You can now replace `Config.Bundling.` with `Config.`
+     */
+    readonly Bundling: {
+        /**
+         * Specify the entry point so you don't have to specify it in the
+         * CLI command
+         */
+        readonly setEntryPoint: (src: string) => void;
+        /**
+         * Pass in a function which takes the current Webpack config
+         * and return a modified Webpack configuration.
+         * Docs: http://remotion.dev/docs/webpack
+         */
+        readonly overrideWebpackConfig: (fn: WebpackOverrideFn) => void;
+        /**
+         * Whether Webpack bundles should be cached to make
+         * subsequent renders faster. Default: true
+         */
+        readonly setCachingEnabled: (flag: boolean) => void;
+        /**
+         * Define on which port Remotion should start it's HTTP servers during preview and rendering.
+         * By default, Remotion will try to find a free port.
+         * If you specify a port, but it's not available, Remotion will throw an error.
+         */
+        readonly setPort: (port: number | undefined) => void;
+        /**
+         * Define the location of the public/ directory.
+         * By default it is a folder named "public" inside the current working directory.
+         * You can set an absolute path or a relative path that will be resolved from the closest package.json location.
+         */
+        readonly setPublicDir: (publicDir: string | null) => void;
+    };
+    /**
+     * @deprecated New flat config format: You can now replace `Config.Log.` with `Config.`
+     */
+    readonly Log: {
+        /**
+         * Set the log level.
+         * Acceptable values: 'error' | 'warning' | 'info' | 'verbose'
+         * Default value: 'info'
+         *
+         * Set this to 'verbose' to get browser logs and other IO.
+         */
+        readonly setLevel: (newLogLevel: 'verbose' | 'info' | 'warn' | 'error') => void;
+    };
+    /**
+     * @deprecated New flat config format: You can now replace `Config.Puppeteer.` with `Config.`
+     */
+    readonly Puppeteer: {
+        /**
+         * Specify executable path for the browser to use.
+         * Default: null, which will make Remotion find or download a version of said browser.
+         */
+        readonly setBrowserExecutable: (newBrowserExecutablePath: BrowserExecutable) => void;
+        /**
+         * Set how many milliseconds a frame may take to render before it times out.
+         * Default: `30000`
+         */
+        readonly setDelayRenderTimeoutInMilliseconds: (newPuppeteerTimeout: number) => void;
+        /**
+         * @deprecated Renamed to `setDelayRenderTimeoutInMilliseconds`.
+         * Set how many milliseconds a frame may take to render before it times out.
+         * Default: `30000`
+         */
+        readonly setTimeoutInMilliseconds: (newPuppeteerTimeout: number) => void;
+        /**
+         * Setting deciding whether to disable CORS and other Chrome security features.
+         * Default: false
+         */
+        readonly setChromiumDisableWebSecurity: (should: boolean) => void;
+        /**
+         * Setting whether to ignore any invalid SSL certificates, such as self-signed ones.
+         * Default: false
+         */
+        readonly setChromiumIgnoreCertificateErrors: (should: boolean) => void;
+        /**
+         * If false, will open an actual browser during rendering to observe progress.
+         * Default: true
+         */
+        readonly setChromiumHeadlessMode: (should: boolean) => void;
+        /**
+         * Set the OpenGL rendering backend for Chrome. Possible values: 'egl', 'angle', 'swiftshader' and 'swangle'.
+         * Default: 'swangle' in Lambda, null elsewhere.
+         */
+        readonly setChromiumOpenGlRenderer: (renderer: 'swangle' | 'angle' | 'egl' | 'swiftshader') => void;
+    };
+    /**
+     * @deprecated New flat config format: You can now replace `Config.Rendering.` with `Config.`
+     */
+    readonly Rendering: {
+        /**
+         * Set a custom location for a .env file.
+         * Default: `.env`
+         */
+        readonly setDotEnvLocation: (file: string) => void;
+        /**
+         * Sets how many Puppeteer instances will work on rendering your video in parallel.
+         * Default: `null`, meaning half of the threads available on your CPU.
+         */
+        readonly setConcurrency: (newConcurrency: Concurrency) => void;
+        /**
+         * Set the JPEG quality for the frames.
+         * Must be between 0 and 100.
+         * Must be between 0 and 100.
+         * Default: 80
+         */
+        readonly setQuality: (q: number | undefined) => void;
+        /** Decide in which image format to render. Can be either 'jpeg' or 'png'.
+         * PNG is slower, but supports transparency.
+         */
+        readonly setImageFormat: (format: 'png' | 'jpeg' | 'none') => void;
+        /**
+         * Render only a subset of a video.
+         * Pass in a tuple [20, 30] to only render frames 20-30 into a video.
+         * Pass in a single number `20` to only render a single frame as an image.
+         * The frame count starts at 0.
+         */
+        readonly setFrameRange: (newFrameRange: FrameRange | null) => void;
+        /**
+         * Specify local ffmpeg executable.
+         * 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.
+         */
+        readonly setScale: (newScale: number) => void;
+        /**
+         * Specify which frames should be picked for rendering a GIF
+         * Default: 1, which means every frame
+         * https://remotion.dev/docs/render-as-gif
+         */
+        readonly setEveryNthFrame: (frame: number) => void;
+        /**
+         * Specify the number of Loop a GIF should have.
+         * Default: null (means GIF will loop infinite)
+         */
+        readonly setNumberOfGifLoops: (newLoop: Loop) => void;
+        /**
+         * Disable audio output.
+         * Default: false
+         */
+        readonly setMuted: (muted: boolean) => void;
+        /**
+         * Don't render an audio track if it would be silent.
+         * Default: true
+         */
+        readonly setEnforceAudioTrack: (enforceAudioTrack: boolean) => void;
+    };
+    /**
+     * @deprecated New flat config format: You can now replace `Config.Output.` with `Config.`
+     */
+    readonly Output: {
+        /**
+         * Set the output file location string. Default: `out/{composition}.{codec}`
+         */
+        readonly setOutputLocation: (newOutputLocation: string) => void;
+        /**
+         * If the video file already exists, should Remotion overwrite
+         * the output? Default: true
+         */
+        readonly setOverwriteOutput: (newOverwrite: boolean) => void;
+        /**
+         * Sets the pixel format in FFMPEG.
+         * See https://trac.ffmpeg.org/wiki/Chroma%20Subsampling for an explanation.
+         * You can override this using the `--pixel-format` Cli flag.
+         */
+        readonly setPixelFormat: (format: 'yuv420p' | 'yuva420p' | 'yuv422p' | 'yuv444p' | 'yuv420p10le' | 'yuv422p10le' | 'yuv444p10le' | 'yuva444p10le') => void;
+        /**
+         * @deprecated Use setCodec() and setImageSequence() instead.
+         * Specify what kind of output you, either `mp4` or `png-sequence`.
+         */
+        readonly setOutputFormat: (newLegacyFormat: 'mp4' | 'png-sequence') => void;
+        /**
+         * Specify the codec for stitching the frames into a video.
+         * Can be `h264` (default), `h265`, `vp8` or `vp9`
+         */
+        readonly setCodec: (newCodec: CodecOrUndefined) => void;
+        /**
+         * Set the Constant Rate Factor to pass to FFMPEG.
+         * Lower values mean better quality, but be aware that the ranges of
+         * possible values greatly differs between codecs.
+         */
+        readonly setCrf: (newCrf: Crf) => void;
+        /**
+         * Set to true if don't want a video but an image sequence as the output.
+         */
+        readonly setImageSequence: (newImageSequence: boolean) => void;
+        /**
+         * Overrides the height of a composition
+         */
+        readonly overrideHeight: (newHeight: number) => void;
+        /**
+         * Overrides the width of a composition
+         */
+        readonly overrideWidth: (newWidth: number) => void;
+        /**
+         * Set the ProRes profile.
+         * This method is only valid if the codec has been set to 'prores'.
+         * Possible values: 4444-xq, 4444, hq, standard, light, proxy. Default: 'hq'
+         * See https://avpres.net/FFmpeg/im_ProRes.html for meaning of possible values.
+         */
+        readonly setProResProfile: (profile: '4444-xq' | '4444' | 'hq' | 'standard' | 'light' | 'proxy' | undefined) => void;
+        /**
+         * Override the arguments that Remotion passes to FFMPEG.
+         * Consult https://remotion.dev/docs/renderer/render-media#ffmpegoverride before using this feature.
+         */
+        readonly overrideFfmpegCommand: (command: (info: {
+            type: 'pre-stitcher' | 'stitcher';
+            args: string[];
+        }) => string[]) => void;
+        /**
+         * Set a target audio bitrate to be passed to FFMPEG.
+         */
+        readonly setAudioBitrate: (bitrate: string | null) => void;
+        /**
+         * Set a target video bitrate to be passed to FFMPEG.
+         * Mutually exclusive with setCrf().
+         */
+        readonly setVideoBitrate: (bitrate: string | null) => void;
+    };
+};
+export declare type ConfigType = ObjectConfig & FlatConfig;
+export type { Concurrency, WebpackConfiguration, WebpackOverrideFn };
+export declare const Config: ConfigType;
+export declare const enableLegacyRemotionConfig: () => void;

package/dist/config.js

@@ -0,0 +1,21 @@
+"use strict";
+/**
+ * The configuration has moved to @remotion/cli.
+ * For the moment the type definitions are going to stay here
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.enableLegacyRemotionConfig = exports.Config = void 0;
+const conf = {};
+let enabled = false;
+exports.Config = new Proxy(conf, {
+    get(target, prop, receiver) {
+        if (!enabled) {
+            throw new Error('To use the Remotion config file, you need to have @remotion/cli installed.\n- Make sure that all versions of Remotion are the same.\n- Make sure that @remotion/cli is installed.\n- Make sure Config is imported from "@remotion/cli", not "remotion".');
+        }
+        return Reflect.get(target, prop, receiver);
+    },
+});
+const enableLegacyRemotionConfig = () => {
+    enabled = true;
+};
+exports.enableLegacyRemotionConfig = enableLegacyRemotionConfig;

package/dist/default-css.d.ts

@@ -1,2 +1,3 @@
 export declare const injectCSS: (css: string) => void;
+export declare const OFFTHREAD_VIDEO_CLASS_NAME = "__remotion_offthreadvideo";
 export declare const makeDefaultCSS: (scope: string | null, backgroundColor: string) => string;

package/dist/default-css.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.makeDefaultCSS = exports.injectCSS = void 0;
+exports.makeDefaultCSS = exports.OFFTHREAD_VIDEO_CLASS_NAME = exports.injectCSS = void 0;
 const injected = {};
 const injectCSS = (css) => {
     // Skip in node
@@ -13,10 +13,11 @@ const injectCSS = (css) => {
     const head = document.head || document.getElementsByTagName('head')[0];
     const style = document.createElement('style');
     style.appendChild(document.createTextNode(css));
-    head.appendChild(style);
+    head.prepend(style);
     injected[css] = true;
 };
 exports.injectCSS = injectCSS;
+exports.OFFTHREAD_VIDEO_CLASS_NAME = '__remotion_offthreadvideo';
 const makeDefaultCSS = (scope, backgroundColor) => {
     if (!scope) {
         return `
@@ -27,6 +28,9 @@ const makeDefaultCSS = (scope, backgroundColor) => {
       margin: 0;
 	    background-color: ${backgroundColor};
     }
+    .${exports.OFFTHREAD_VIDEO_CLASS_NAME} {
+      object-fit: contain;
+    }
     `;
     }
     return `
@@ -37,6 +41,9 @@ const makeDefaultCSS = (scope, backgroundColor) => {
       width: 100%;
       height: 100%;
     }
+    ${scope} .${exports.OFFTHREAD_VIDEO_CLASS_NAME} {
+      object-fit: contain;
+    }
   `;
 };
 exports.makeDefaultCSS = makeDefaultCSS;

package/dist/delay-render.js

@@ -2,7 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.continueRender = exports.delayRender = exports.DELAY_RENDER_CALLSTACK_TOKEN = void 0;
 const get_environment_1 = require("./get-environment");
-const timeout_1 = require("./timeout");
 const truthy_1 = require("./truthy");
 if (typeof window !== 'undefined') {
     window.ready = false;
@@ -10,6 +9,7 @@ if (typeof window !== 'undefined') {
 let handles = [];
 const timeouts = {};
 exports.DELAY_RENDER_CALLSTACK_TOKEN = 'The delayRender was called:';
+const defaultTimeout = 30000;
 /**
  * Call this function to tell Remotion to wait before capturing this frame until data has loaded. Use continueRender() to unblock the render.
  * @param label _optional_ A label to identify the call in case it does time out.
@@ -17,7 +17,7 @@ exports.DELAY_RENDER_CALLSTACK_TOKEN = 'The delayRender was called:';
  * @link https://www.remotion.dev/docs/delay-render
  */
 const delayRender = (label) => {
-    var _a, _b;
+    var _a, _b, _c;
     if (typeof label !== 'string' && typeof label !== 'undefined') {
         throw new Error('The label parameter of delayRender() must be a string or undefined, got: ' +
             JSON.stringify(label));
@@ -27,8 +27,8 @@ const delayRender = (label) => {
     const called = (_b = (_a = Error().stack) === null || _a === void 0 ? void 0 : _a.replace(/^Error/g, '')) !== null && _b !== void 0 ? _b : '';
     if ((0, get_environment_1.getRemotionEnvironment)() === 'rendering') {
         const timeoutToUse = typeof window === 'undefined'
-            ? timeout_1.DEFAULT_PUPPETEER_TIMEOUT
-            : window.remotion_puppeteerTimeout - 2000;
+            ? defaultTimeout
+            : ((_c = window.remotion_puppeteerTimeout) !== null && _c !== void 0 ? _c : defaultTimeout) - 2000;
         timeouts[handle] = setTimeout(() => {
             const message = [
                 `A delayRender()`,

package/dist/freeze.d.ts

@@ -3,5 +3,5 @@ declare type FreezeProps = {
     frame: number;
     children: React.ReactNode;
 };
-declare const Freeze: React.FC<FreezeProps>;
-export { Freeze };
+export declare const Freeze: React.FC<FreezeProps>;
+export {};

package/dist/freeze.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Freeze = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const sequencing_1 = require("./sequencing");
+const Sequence_1 = require("./Sequence");
 const timeline_position_state_1 = require("./timeline-position-state");
 const Freeze = ({ frame, children }) => {
     if (typeof frame === 'undefined') {
@@ -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 }) }));
+    return ((0, jsx_runtime_1.jsx)(timeline_position_state_1.TimelineContext.Provider, { value: value, children: (0, jsx_runtime_1.jsx)(Sequence_1.SequenceContext.Provider, { value: null, children: children }) }));
 };
 exports.Freeze = Freeze;

package/dist/get-compositions-from-markup.d.ts

@@ -0,0 +1,3 @@
+import type { ComponentType } from 'react';
+import type { TCompMetadata } from './CompositionManager';
+export declare const getCompositionsFromMarkup: (Comp: ComponentType) => TCompMetadata[];

package/dist/get-compositions-from-markup.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getCompositionsFromMarkup = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const server_1 = require("react-dom/server");
+const Composition_1 = require("./Composition");
+const getCompositionsFromMarkup = (Comp) => {
+    // TODO: Is this still necessary?
+    process.env.REMOTION_SERVER_RENDERING = 'true';
+    const str = (0, server_1.renderToString)((0, jsx_runtime_1.jsx)(Composition_1.GetCompositionsFromMarkupModeProvider, { children: (0, jsx_runtime_1.jsx)(Comp, {}) }));
+    const matches = str.matchAll(/<div>(.*?)<\/div>/g);
+    const metadata = [];
+    for (const match of matches) {
+        const json = JSON.parse(match[1]);
+        metadata.push(json);
+    }
+    return metadata;
+};
+exports.getCompositionsFromMarkup = getCompositionsFromMarkup;

package/dist/get-environment.d.ts

@@ -1,2 +1,3 @@
 export declare type RemotionEnvironment = 'preview' | 'rendering' | 'player-development' | 'player-production';
 export declare const getRemotionEnvironment: () => RemotionEnvironment;
+export declare const useRemotionEnvironment: () => RemotionEnvironment;

package/dist/get-environment.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getRemotionEnvironment = void 0;
+exports.useRemotionEnvironment = exports.getRemotionEnvironment = void 0;
+const is_player_1 = require("./is-player");
 const getRemotionEnvironment = () => {
     if (process.env.NODE_ENV === 'production') {
         if (typeof window !== 'undefined' && window.remotion_isPlayer) {
@@ -8,7 +9,7 @@ const getRemotionEnvironment = () => {
         }
         return 'rendering';
     }
-    // The Jest framework sets NODE_ENV as test.
+    // The Vitest framework sets NODE_ENV as test.
     // Right now we don't need to treat it in a special
     // way which is good - defaulting to `rendering`.
     if (process.env.NODE_ENV === 'test') {
@@ -20,3 +21,14 @@ const getRemotionEnvironment = () => {
     return 'preview';
 };
 exports.getRemotionEnvironment = getRemotionEnvironment;
+const useRemotionEnvironment = () => {
+    const isPlayer = (0, is_player_1.useIsPlayer)();
+    if (isPlayer) {
+        if (process.env.NODE_ENV === 'production') {
+            return 'player-production';
+        }
+        return 'player-development';
+    }
+    return (0, exports.getRemotionEnvironment)();
+};
+exports.useRemotionEnvironment = useRemotionEnvironment;

package/dist/get-static-files.d.ts

@@ -0,0 +1,17 @@
+export declare const getStaticFiles: () => StaticFile[];
+export declare type StaticFile = {
+    /**
+     * A string that you can pass to the `src` attribute of an `<Audio>`, `<Img>` and `<Video>` element.
+     */
+    src: string;
+    /**
+     * The filepath of the file, relative to the public folder.
+     * Example: `subfolder/image.png`
+     */
+    name: string;
+    sizeInBytes: number;
+    /**
+     * UNIX timestamp in milliseconds
+     */
+    lastModified: number;
+};

package/dist/get-static-files.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getStaticFiles = void 0;
+let warnedServer = false;
+let warnedPlayer = false;
+const warnServerOnce = () => {
+    if (warnedServer) {
+        return;
+    }
+    warnedServer = true;
+    console.warn('Called getStaticFiles() on the server. The API is only available in the browser. An empty array was returned.');
+};
+const warnPlayerOnce = () => {
+    if (warnedPlayer) {
+        return;
+    }
+    warnedPlayer = true;
+    console.warn('Called getStaticFiles() while using the Remotion Player. The API is only available while using the Remotion Preview. An empty array was returned.');
+};
+const getStaticFiles = () => {
+    if (typeof document === 'undefined') {
+        warnServerOnce();
+        return [];
+    }
+    if (window.remotion_isPlayer) {
+        warnPlayerOnce();
+        return [];
+    }
+    return window.remotion_staticFiles;
+};
+exports.getStaticFiles = getStaticFiles;

package/dist/get-timeline-clip-name.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getTimelineClipName = void 0;
 const react_1 = require("react");
+const HIDDEN_NAMES = ['__WEBPACK_DEFAULT_EXPORT__'];
 const getTimelineClipName = (children) => {
     var _a;
     const tree = (_a = react_1.Children.map(children, (ch) => {
@@ -10,7 +11,7 @@ const getTimelineClipName = (children) => {
         }
         // Must be name, not ID
         const name = typeof ch.type !== 'string' && ch.type.name;
-        if (name) {
+        if (name && !HIDDEN_NAMES.includes(name)) {
             return name;
         }
         if (ch.props.children) {

package/dist/index.d.ts

@@ -1,26 +1,35 @@
 import './asset-types';
-import { TAsset, TCompMetadata } from './CompositionManager';
+import type { TAsset, TCompMetadata } from './CompositionManager';
+import type { StaticFile } from './get-static-files';
+import type { ClipRegion } from './NativeLayers';
 declare global {
     interface Window {
         ready: boolean;
         getStaticCompositions: () => TCompMetadata[];
         setBundleMode: (bundleMode: BundleState) => void;
         remotion_staticBase: string;
+        remotion_staticFiles: StaticFile[];
         remotion_editorName: string | null;
+        remotion_numberOfAudioTags: number;
         remotion_projectName: string;
         remotion_cwd: string;
+        remotion_previewServerCommand: string;
         remotion_setFrame: (frame: number) => void;
         remotion_initialFrame: number;
         remotion_proxyPort: number;
+        remotion_audioEnabled: boolean;
+        remotion_videoEnabled: boolean;
         remotion_puppeteerTimeout: number;
         remotion_inputProps: string;
         remotion_envVariables: string;
         remotion_collectAssets: () => TAsset[];
+        remotion_getClipRegion: () => ClipRegion | null;
         remotion_isPlayer: boolean;
-        remotion_imported: boolean;
         remotion_isBuilding: undefined | (() => void);
         remotion_finishedBuilding: undefined | (() => void);
-        siteVersion: '3';
+        siteVersion: '4';
+        remotion_version: string;
+        remotion_imported: string | boolean;
     }
 }
 export declare type BundleState = {
@@ -30,31 +39,51 @@ export declare type BundleState = {
 } | {
     type: 'composition';
     compositionName: string;
+    compositionDefaultProps: unknown;
+    compositionHeight: number;
+    compositionDurationInFrames: number;
+    compositionWidth: number;
+    compositionFps: number;
 };
 export * from './AbsoluteFill';
 export * from './audio';
 export * from './Composition';
-export { SmallTCompMetadata, TAsset, TCompMetadata, TFolder, } from './CompositionManager';
-export * from './config';
+export { SmallTCompMetadata, TAsset, TCompMetadata } from './CompositionManager';
+export { Config, ConfigType } from './config';
 export { getInputProps } from './config/input-props';
 export * from './delay-render';
 export * from './easing';
+export * from './Folder';
 export * from './freeze';
+export { getStaticFiles, StaticFile } from './get-static-files';
 export * from './IFrame';
 export * from './Img';
 export * from './internals';
 export * from './interpolate';
-export { interpolateColors } from './interpolateColors';
+export { interpolateColors } from './interpolate-colors';
 export { Loop } from './loop';
-export * from './random';
+export { ClipRegion } from './NativeLayers';
+export { prefetch } from './prefetch';
+export { random, RandomSeed } from './random';
 export { registerRoot } from './register-root';
-export { Sequence } from './sequencing';
+export { Sequence } from './Sequence';
 export { Series } from './series';
 export * from './spring';
 export { staticFile } from './static-file';
 export * from './Still';
 export type { PlayableMediaTag } from './timeline-position-state';
-export { useCurrentFrame } from './use-frame';
+export { useCurrentFrame } from './use-current-frame';
 export * from './use-video-config';
+export * from './version';
 export * from './video';
 export * from './video-config';
+export declare const Experimental: {
+    Clipper: import("react").FC<{
+        width: number;
+        height: number;
+        x: number;
+        y: number;
+    }>;
+    Null: import("react").FC<{}>;
+    useIsPlayer: () => boolean;
+};