remotion 3.1.4 → 3.1.7

package/dist/config.d.ts

@@ -0,0 +1,188 @@
+/**
+ * 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;
+export declare type ConfigType = {
+    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;
+    };
+    readonly Bundling: {
+        /**
+         * 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;
+    };
+    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;
+    };
+    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 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;
+    };
+    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;
+    };
+    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;
+        /**
+         * 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;
+    };
+};
+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/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/index.d.ts

@@ -35,7 +35,7 @@ export * from './AbsoluteFill';
 export * from './audio';
 export * from './Composition';
 export { SmallTCompMetadata, TAsset, TCompMetadata } from './CompositionManager';
-export * from './config';
+export { Config, ConfigType } from './config';
 export { getInputProps } from './config/input-props';
 export * from './delay-render';
 export * from './easing';

package/dist/index.js

@@ -14,14 +14,15 @@ 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.useCurrentFrame = 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 = exports.Config = void 0;
 require("./asset-types");
 const multiple_versions_warning_1 = require("./multiple-versions-warning");
 (0, multiple_versions_warning_1.checkMultipleRemotionVersions)();
 __exportStar(require("./AbsoluteFill"), exports);
 __exportStar(require("./audio"), exports);
 __exportStar(require("./Composition"), exports);
-__exportStar(require("./config"), exports);
+var config_1 = require("./config");
+Object.defineProperty(exports, "Config", { enumerable: true, get: function () { return config_1.Config; } });
 var input_props_1 = require("./config/input-props");
 Object.defineProperty(exports, "getInputProps", { enumerable: true, get: function () { return input_props_1.getInputProps; } });
 __exportStar(require("./delay-render"), exports);

package/dist/internals.d.ts

@@ -1,115 +1,47 @@
+import type { Configuration } from 'webpack';
 import type { CompProps } from './Composition';
-import type { CompositionManagerContext, RenderAssetInfo, TAsset, TCompMetadata, TComposition, TSequence } from './CompositionManager';
-import * as AssetCompression from './compress-assets';
-import * as Logging from './config/log';
-import type { WebpackOverrideFn } from './config/override-webpack';
-import type { ProResProfile } from './config/prores-profile';
+import type { CompositionManagerContext, TAsset, TCompMetadata, TComposition, TSequence } from './CompositionManager';
 import * as CSSUtils from './default-css';
 import type { RemotionEnvironment } from './get-environment';
-import * as perf from './perf';
-import type { SetTimelineInOutContextValue, TimelineInOutContextValue } from './timeline-inout-position-state';
 import type { SetTimelineContextValue, TimelineContextValue } from './timeline-position-state';
+import * as TimelinePosition from './timeline-position-state';
 import { truthy } from './truthy';
-import type { OpenGlRenderer } from './validation/validate-opengl-renderer';
 import type { MediaVolumeContextValue, SetMediaVolumeContextValue } from './volume-position-state';
 import { useRemotionContexts } from './wrap-remotion-context';
-declare const Timeline: {
-    TimelineInOutContext: import("react").Context<TimelineInOutContextValue>;
-    SetTimelineInOutContext: import("react").Context<SetTimelineInOutContextValue>;
-    useTimelineInOutFramePosition: () => TimelineInOutContextValue;
-    useTimelineSetInOutFramePosition: () => SetTimelineInOutContextValue;
-    TimelineContext: import("react").Context<TimelineContextValue>;
-    SetTimelineContext: import("react").Context<SetTimelineContextValue>;
-    useTimelinePosition: () => number;
-    useTimelineSetFrame: () => (u: import("react").SetStateAction<number>) => void;
-    usePlayingState: () => readonly [boolean, (u: import("react").SetStateAction<boolean>) => void, import("react").MutableRefObject<boolean>];
-};
+declare const Timeline: typeof TimelinePosition;
 export declare const Internals: {
-    perf: typeof perf;
     useUnsafeVideoConfig: () => import("./video-config").VideoConfig | null;
-    Timeline: {
-        TimelineInOutContext: import("react").Context<TimelineInOutContextValue>;
-        SetTimelineInOutContext: import("react").Context<SetTimelineInOutContextValue>;
-        useTimelineInOutFramePosition: () => TimelineInOutContextValue;
-        useTimelineSetInOutFramePosition: () => SetTimelineInOutContextValue;
-        TimelineContext: import("react").Context<TimelineContextValue>;
-        SetTimelineContext: import("react").Context<SetTimelineContextValue>;
-        useTimelinePosition: () => number;
-        useTimelineSetFrame: () => (u: import("react").SetStateAction<number>) => void;
-        usePlayingState: () => readonly [boolean, (u: import("react").SetStateAction<boolean>) => void, import("react").MutableRefObject<boolean>];
-    };
+    Timeline: typeof TimelinePosition;
     CompositionManager: import("react").Context<CompositionManagerContext>;
     RemotionRoot: import("react").FC<{
         children: import("react").ReactNode;
     }>;
     useVideo: () => TComposition<unknown> | null;
     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;
-    getShouldOverwrite: () => boolean;
-    getOutputCodecOrUndefined: () => import("./config/codec").CodecOrUndefined;
-    getWebpackOverrideFn: () => WebpackOverrideFn;
-    getQuality: () => number | undefined;
-    getAndValidateEveryNthFrame: (codec: "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "gif") => number;
-    getAndValidateNumberOfGifLoops: (codec: "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "gif") => number | null;
-    getScale: () => number;
-    getShouldOutputImageSequence: (frameRange: import("./config/frame-range").FrameRange | null) => boolean;
-    validateSelectedCrfAndCodecCombination: (crf: unknown, codec: "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "gif") => void;
-    getFinalOutputCodec: ({ codec: inputCodec, fileExtension, emitWarning, }: {
-        codec: import("./config/codec").CodecOrUndefined;
-        fileExtension: string | null;
-        emitWarning: boolean;
-    }) => "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "gif";
     useMediaVolumeState: () => readonly [number, (u: number) => void];
     useMediaMutedState: () => readonly [boolean, (u: import("react").SetStateAction<boolean>) => void];
-    DEFAULT_CODEC: "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "gif";
-    DEFAULT_PIXEL_FORMAT: "yuv420p" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le";
-    FEATURE_FLAG_FIREFOX_SUPPORT: boolean;
-    DEFAULT_WEBPACK_CACHE_ENABLED: boolean;
-    getBrowser: () => import("./config/browser").Browser | null;
-    DEFAULT_BROWSER: import("./config/browser").Browser;
-    getDefaultCrfForCodec: (codec: "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "gif") => number;
-    getActualCrf: (codec: "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "gif") => number;
-    setFrameRangeFromCli: (newFrameRange: string | number) => void;
-    getUserPreferredImageFormat: () => "none" | "png" | "jpeg" | undefined;
-    validateSelectedPixelFormatAndImageFormatCombination: (pixelFormat: "yuv420p" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le", imageFormat: "none" | "png" | "jpeg") => "none" | "valid";
-    validateSelectedPixelFormatAndCodecCombination: (pixelFormat: "yuv420p" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le", codec: "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "gif") => void;
-    validateFrameRange: (frameRange: import("./config/frame-range").FrameRange | null) => void;
-    validateNonNullImageFormat: (imageFormat: "none" | "png" | "jpeg") => void;
-    getWebpackCaching: () => boolean;
     useLazyComponent: <T>(compProps: CompProps<T>) => import("react").ExoticComponent<(import("react").PropsWithoutRef<T> & import("react").RefAttributes<import("react").Component<T, any, any>>) | import("react").PropsWithRef<T>> & {
         readonly _result: import("react").ComponentType<T>;
     };
     truthy: typeof truthy;
-    isAudioCodec: (codec: "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "gif" | undefined) => boolean;
-    Logging: typeof Logging;
     SequenceContext: import("react").Context<import("./Sequence").SequenceContextType | null>;
     useRemotionContexts: typeof useRemotionContexts;
     RemotionContextProvider: (props: import("./wrap-remotion-context").RemotionContextProviderProps) => JSX.Element;
     CSSUtils: typeof CSSUtils;
     setupEnvVariables: () => void;
     ENV_VARIABLES_ENV_NAME: "ENV_VARIABLES";
-    getDotEnvLocation: () => string | null;
-    getServerPort: () => number | undefined;
     MediaVolumeContext: import("react").Context<MediaVolumeContextValue>;
     SetMediaVolumeContext: import("react").Context<SetMediaVolumeContextValue>;
     validateDurationInFrames: (durationInFrames: number, component: string) => void;
-    validateFps: (fps: number, location: string, codec: "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "gif" | null) => void;
+    validateFps: (fps: number, location: string, isGif: boolean) => void;
     validateDimension: (amount: number, nameOfProp: string, location: string) => void;
     getRemotionEnvironment: () => RemotionEnvironment;
-    getProResProfile: () => "4444-xq" | "4444" | "hq" | "standard" | "light" | "proxy" | undefined;
-    setProResProfile: (profile: "4444-xq" | "4444" | "hq" | "standard" | "light" | "proxy" | undefined) => void;
-    validateSelectedCodecAndProResCombination: (actualCodec: "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "gif", actualProResProfile: "4444-xq" | "4444" | "hq" | "standard" | "light" | "proxy" | undefined) => void;
-    getMaxTimelineTracks: () => number;
     SharedAudioContext: import("react").Context<{
-        registerAudio: (aud: import("./audio").RemotionAudioProps) => {
+        registerAudio: (aud: import("./audio").RemotionAudioProps, audioId: string) => {
             id: number;
             props: import("./audio").RemotionAudioProps;
             el: import("react").RefObject<HTMLAudioElement>;
+            audioId: string;
         };
         unregisterAudio: (id: number) => void;
         updateAudio: (id: number, aud: import("./audio").RemotionAudioProps) => void;
@@ -120,25 +52,8 @@ export declare const Internals: {
         numberOfAudioTags: number;
         children: import("react").ReactNode;
     }>;
-    validateQuality: (q: number | undefined) => void;
-    validateFrame: (frame: number, durationInFrames: number) => void;
-    setStillFrame: (frame: number) => void;
-    getStillFrame: () => number;
     invalidCompositionErrorMessage: string;
     isCompositionIdValid: (id: string) => RegExpMatchArray | null;
-    DEFAULT_OVERWRITE: boolean;
-    AssetCompression: typeof AssetCompression;
-    defaultOverrideFunction: WebpackOverrideFn;
-    DEFAULT_PUPPETEER_TIMEOUT: number;
-    setupPuppeteerTimeout: () => void;
-    setPuppeteerTimeout: (newPuppeteerTimeout: number) => void;
-    getCurrentPuppeteerTimeout: () => number;
-    getChromiumDisableWebSecurity: () => boolean;
-    getIgnoreCertificateErrors: () => boolean;
-    validateOpenGlRenderer: (option: "swangle" | "angle" | "egl" | "swiftshader" | null) => "swangle" | "angle" | "egl" | "swiftshader" | null;
-    getChromiumOpenGlRenderer: () => "swangle" | "angle" | "egl" | "swiftshader" | null;
-    getChromiumHeadlessMode: () => boolean;
-    DEFAULT_OPENGL_RENDERER: "swangle" | "angle" | "egl" | "swiftshader" | null;
     getPreviewDomElement: () => HTMLElement | null;
     compositionsRef: import("react").RefObject<{
         getCompositions: () => TCompMetadata[];
@@ -152,5 +67,8 @@ export declare const Internals: {
         children: import("react").ReactNode;
     }>;
     CanUseRemotionHooks: import("react").Context<boolean>;
+    enableLegacyRemotionConfig: () => void;
 };
-export type { TComposition, Timeline, TCompMetadata, TSequence, WebpackOverrideFn, TAsset, RenderAssetInfo, TimelineContextValue, SetTimelineContextValue, TimelineInOutContextValue, SetTimelineInOutContextValue, CompProps, CompositionManagerContext, MediaVolumeContextValue, SetMediaVolumeContextValue, RemotionEnvironment, ProResProfile, OpenGlRenderer, };
+declare type WebpackConfiguration = Configuration;
+declare type WebpackOverrideFn = (currentConfiguration: WebpackConfiguration) => WebpackConfiguration;
+export type { TComposition, Timeline, TCompMetadata, TSequence, WebpackOverrideFn, WebpackConfiguration, TAsset, TimelineContextValue, SetTimelineContextValue, CompProps, CompositionManagerContext, MediaVolumeContextValue, SetMediaVolumeContextValue, RemotionEnvironment, };

package/dist/internals.js

@@ -24,50 +24,20 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Internals = void 0;
+const config_1 = require("./config");
 const shared_audio_tags_1 = require("./audio/shared-audio-tags");
 const CanUseRemotionHooks_1 = require("./CanUseRemotionHooks");
 const CompositionManager_1 = require("./CompositionManager");
-const AssetCompression = __importStar(require("./compress-assets"));
-const browser_1 = require("./config/browser");
-const browser_executable_1 = require("./config/browser-executable");
-const chromium_flags_1 = require("./config/chromium-flags");
-const codec_1 = require("./config/codec");
-const concurrency_1 = require("./config/concurrency");
-const crf_1 = require("./config/crf");
-const env_file_1 = require("./config/env-file");
-const every_nth_frame_1 = require("./config/every-nth-frame");
-const ffmpeg_executable_1 = require("./config/ffmpeg-executable");
-const frame_range_1 = require("./config/frame-range");
-const image_format_1 = require("./config/image-format");
-const image_sequence_1 = require("./config/image-sequence");
-const Logging = __importStar(require("./config/log"));
-const max_timeline_tracks_1 = require("./config/max-timeline-tracks");
-const number_of_gif_loops_1 = require("./config/number-of-gif-loops");
-const override_webpack_1 = require("./config/override-webpack");
-const overwrite_1 = require("./config/overwrite");
-const pixel_format_1 = require("./config/pixel-format");
-const preview_server_1 = require("./config/preview-server");
-const prores_profile_1 = require("./config/prores-profile");
-const quality_1 = require("./config/quality");
-const scale_1 = require("./config/scale");
-const still_frame_1 = require("./config/still-frame");
-const timeout_1 = require("./config/timeout");
-const webpack_caching_1 = require("./config/webpack-caching");
 const CSSUtils = __importStar(require("./default-css"));
 const delay_render_1 = require("./delay-render");
-const feature_flags_1 = require("./feature-flags");
 const get_environment_1 = require("./get-environment");
 const get_preview_dom_element_1 = require("./get-preview-dom-element");
-const is_audio_codec_1 = require("./is-audio-codec");
-const perf = __importStar(require("./perf"));
 const portal_node_1 = require("./portal-node");
 const register_root_1 = require("./register-root");
 const RemotionRoot_1 = require("./RemotionRoot");
 const Sequence_1 = require("./Sequence");
 const setup_env_variables_1 = require("./setup-env-variables");
-const TimelineInOutPosition = __importStar(require("./timeline-inout-position-state"));
 const TimelinePosition = __importStar(require("./timeline-position-state"));
-const timeout_2 = require("./timeout");
 const truthy_1 = require("./truthy");
 const use_current_frame_1 = require("./use-current-frame");
 const use_lazy_component_1 = require("./use-lazy-component");
@@ -77,100 +47,39 @@ 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");
 const validate_fps_1 = require("./validation/validate-fps");
-const validate_frame_1 = require("./validation/validate-frame");
-const validate_image_format_1 = require("./validation/validate-image-format");
 const validate_offthreadvideo_image_format_1 = require("./validation/validate-offthreadvideo-image-format");
-const validate_opengl_renderer_1 = require("./validation/validate-opengl-renderer");
-const validate_quality_1 = require("./validation/validate-quality");
 const volume_position_state_1 = require("./volume-position-state");
 const wrap_remotion_context_1 = require("./wrap-remotion-context");
-const Timeline = { ...TimelinePosition, ...TimelineInOutPosition };
+const Timeline = TimelinePosition;
 // Mark them as Internals so use don't assume this is public
 // API and are less likely to use it
 exports.Internals = {
-    perf,
     useUnsafeVideoConfig: use_unsafe_video_config_1.useUnsafeVideoConfig,
     Timeline,
     CompositionManager: CompositionManager_1.CompositionManager,
     RemotionRoot: RemotionRoot_1.RemotionRoot,
     useVideo: use_video_1.useVideo,
     getRoot: register_root_1.getRoot,
-    getBrowserExecutable: browser_executable_1.getBrowserExecutable,
-    getCustomFfmpegExecutable: ffmpeg_executable_1.getCustomFfmpegExecutable,
-    getCustomFfprobeExecutable: ffmpeg_executable_1.getCustomFfprobeExecutable,
-    getPixelFormat: pixel_format_1.getPixelFormat,
-    getConcurrency: concurrency_1.getConcurrency,
-    getRange: frame_range_1.getRange,
-    getShouldOverwrite: overwrite_1.getShouldOverwrite,
-    getOutputCodecOrUndefined: codec_1.getOutputCodecOrUndefined,
-    getWebpackOverrideFn: override_webpack_1.getWebpackOverrideFn,
-    getQuality: quality_1.getQuality,
-    getAndValidateEveryNthFrame: every_nth_frame_1.getAndValidateEveryNthFrame,
-    getAndValidateNumberOfGifLoops: number_of_gif_loops_1.getAndValidateNumberOfGifLoops,
-    getScale: scale_1.getScale,
-    getShouldOutputImageSequence: image_sequence_1.getShouldOutputImageSequence,
-    validateSelectedCrfAndCodecCombination: crf_1.validateSelectedCrfAndCodecCombination,
-    getFinalOutputCodec: codec_1.getFinalOutputCodec,
     useMediaVolumeState: volume_position_state_1.useMediaVolumeState,
     useMediaMutedState: volume_position_state_1.useMediaMutedState,
-    DEFAULT_CODEC: codec_1.DEFAULT_CODEC,
-    DEFAULT_PIXEL_FORMAT: pixel_format_1.DEFAULT_PIXEL_FORMAT,
-    FEATURE_FLAG_FIREFOX_SUPPORT: feature_flags_1.FEATURE_FLAG_FIREFOX_SUPPORT,
-    DEFAULT_WEBPACK_CACHE_ENABLED: webpack_caching_1.DEFAULT_WEBPACK_CACHE_ENABLED,
-    getBrowser: browser_1.getBrowser,
-    DEFAULT_BROWSER: browser_1.DEFAULT_BROWSER,
-    getDefaultCrfForCodec: crf_1.getDefaultCrfForCodec,
-    getActualCrf: crf_1.getActualCrf,
-    setFrameRangeFromCli: frame_range_1.setFrameRangeFromCli,
-    getUserPreferredImageFormat: image_format_1.getUserPreferredImageFormat,
-    validateSelectedPixelFormatAndImageFormatCombination: image_format_1.validateSelectedPixelFormatAndImageFormatCombination,
-    validateSelectedPixelFormatAndCodecCombination: pixel_format_1.validateSelectedPixelFormatAndCodecCombination,
-    validateFrameRange: frame_range_1.validateFrameRange,
-    validateNonNullImageFormat: validate_image_format_1.validateNonNullImageFormat,
-    getWebpackCaching: webpack_caching_1.getWebpackCaching,
     useLazyComponent: use_lazy_component_1.useLazyComponent,
     truthy: truthy_1.truthy,
-    isAudioCodec: is_audio_codec_1.isAudioCodec,
-    Logging,
     SequenceContext: Sequence_1.SequenceContext,
     useRemotionContexts: wrap_remotion_context_1.useRemotionContexts,
     RemotionContextProvider: wrap_remotion_context_1.RemotionContextProvider,
     CSSUtils,
     setupEnvVariables: setup_env_variables_1.setupEnvVariables,
     ENV_VARIABLES_ENV_NAME: setup_env_variables_1.ENV_VARIABLES_ENV_NAME,
-    getDotEnvLocation: env_file_1.getDotEnvLocation,
-    getServerPort: preview_server_1.getServerPort,
     MediaVolumeContext: volume_position_state_1.MediaVolumeContext,
     SetMediaVolumeContext: volume_position_state_1.SetMediaVolumeContext,
     validateDurationInFrames: validate_duration_in_frames_1.validateDurationInFrames,
     validateFps: validate_fps_1.validateFps,
     validateDimension: validate_dimensions_1.validateDimension,
     getRemotionEnvironment: get_environment_1.getRemotionEnvironment,
-    getProResProfile: prores_profile_1.getProResProfile,
-    setProResProfile: prores_profile_1.setProResProfile,
-    validateSelectedCodecAndProResCombination: prores_profile_1.validateSelectedCodecAndProResCombination,
-    getMaxTimelineTracks: max_timeline_tracks_1.getMaxTimelineTracks,
     SharedAudioContext: shared_audio_tags_1.SharedAudioContext,
     SharedAudioContextProvider: shared_audio_tags_1.SharedAudioContextProvider,
-    validateQuality: validate_quality_1.validateQuality,
-    validateFrame: validate_frame_1.validateFrame,
-    setStillFrame: still_frame_1.setStillFrame,
-    getStillFrame: still_frame_1.getStillFrame,
     invalidCompositionErrorMessage: validate_composition_id_1.invalidCompositionErrorMessage,
     isCompositionIdValid: validate_composition_id_1.isCompositionIdValid,
-    DEFAULT_OVERWRITE: overwrite_1.DEFAULT_OVERWRITE,
-    AssetCompression,
-    defaultOverrideFunction: override_webpack_1.defaultOverrideFunction,
-    DEFAULT_PUPPETEER_TIMEOUT: timeout_2.DEFAULT_PUPPETEER_TIMEOUT,
-    setupPuppeteerTimeout: timeout_2.setupPuppeteerTimeout,
-    setPuppeteerTimeout: timeout_1.setPuppeteerTimeout,
-    getCurrentPuppeteerTimeout: timeout_1.getCurrentPuppeteerTimeout,
-    getChromiumDisableWebSecurity: chromium_flags_1.getChromiumDisableWebSecurity,
-    getIgnoreCertificateErrors: chromium_flags_1.getIgnoreCertificateErrors,
-    validateOpenGlRenderer: validate_opengl_renderer_1.validateOpenGlRenderer,
-    getChromiumOpenGlRenderer: chromium_flags_1.getChromiumOpenGlRenderer,
-    getChromiumHeadlessMode: chromium_flags_1.getChromiumHeadlessMode,
-    DEFAULT_OPENGL_RENDERER: chromium_flags_1.DEFAULT_OPENGL_RENDERER,
     getPreviewDomElement: get_preview_dom_element_1.getPreviewDomElement,
     compositionsRef: CompositionManager_1.compositionsRef,
     DELAY_RENDER_CALLSTACK_TOKEN: delay_render_1.DELAY_RENDER_CALLSTACK_TOKEN,
@@ -180,4 +89,5 @@ exports.Internals = {
     validateOffthreadVideoImageFormat: validate_offthreadvideo_image_format_1.validateOffthreadVideoImageFormat,
     CanUseRemotionHooksProvider: CanUseRemotionHooks_1.CanUseRemotionHooksProvider,
     CanUseRemotionHooks: CanUseRemotionHooks_1.CanUseRemotionHooks,
+    enableLegacyRemotionConfig: config_1.enableLegacyRemotionConfig,
 };

package/dist/spring/measure-spring.js

@@ -22,7 +22,7 @@ function measureSpring({ fps, config = {}, threshold = 0.005, from = 0, to = 1,
     if (threshold < 0) {
         throw new TypeError('Threshold is below 0');
     }
-    (0, validate_fps_1.validateFps)(fps, 'to the measureSpring() function', null);
+    (0, validate_fps_1.validateFps)(fps, 'to the measureSpring() function', false);
     const range = Math.abs(from - to);
     let frame = 0;
     let finishedFrame = 0;

package/dist/validation/validate-fps.d.ts

@@ -1,2 +1 @@
-import type { Codec } from '../config';
-export declare const validateFps: (fps: number, location: string, codec: Codec | null) => void;
+export declare const validateFps: (fps: number, location: string, isGif: boolean) => void;

package/dist/validation/validate-fps.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.validateFps = void 0;
-const validateFps = (fps, location, codec) => {
+const validateFps = (fps, location, isGif) => {
     if (typeof fps !== 'number') {
         throw new Error(`"fps" must be a number, but you passed a value of type ${typeof fps} ${location}`);
     }
@@ -14,8 +14,8 @@ const validateFps = (fps, location, codec) => {
     if (fps <= 0) {
         throw new TypeError(`"fps" must be positive, but got ${fps} ${location}`);
     }
-    if (codec === 'gif' && fps > 50) {
-        throw new TypeError(`The FPS for a GIF canot be higher than 50. Use the --skip-n-frames option to lower the FPS: https://remotion.dev/docs/render-as-gif`);
+    if (isGif && fps > 50) {
+        throw new TypeError(`The FPS for a GIF cannot be higher than 50. Use the --skip-n-frames option to lower the FPS: https://remotion.dev/docs/render-as-gif`);
     }
 };
 exports.validateFps = validateFps;