remotion 4.0.0-alpha6 → 4.0.0-alpha7

package/dist/cjs/CompositionManager.d.ts

@@ -37,6 +37,11 @@ declare type EnhancedTSequenceData = {
     startMediaFrom: number;
     playbackRate: number;
 };
+export declare type LoopDisplay = {
+    numberOfTimes: number;
+    startOffset: number;
+    durationInFrames: number;
+};
 export declare type TSequence = {
     from: number;
     duration: number;
@@ -46,7 +51,7 @@ export declare type TSequence = {
     rootId: string;
     showInTimeline: boolean;
     nonce: number;
-    showLoopTimesInTimeline: number | undefined;
+    loopDisplay: LoopDisplay | undefined;
 } & EnhancedTSequenceData;
 export declare type TAsset = {
     type: 'audio' | 'video';

package/dist/cjs/Sequence.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import type { LoopDisplay } from './CompositionManager.js';
 export declare type LayoutAndStyle = {
     layout: 'none';
 } | {
@@ -12,7 +13,7 @@ export declare type SequenceProps = {
     durationInFrames?: number;
     name?: string;
     showInTimeline?: boolean;
-    showLoopTimesInTimeline?: number;
+    loopDisplay?: LoopDisplay;
 } & LayoutAndStyle;
 /**
  * @description A component that time-shifts its children and wraps them in an absolutely positioned <div>.

package/dist/cjs/Sequence.js

@@ -11,7 +11,7 @@ const nonce_js_1 = require("./nonce.js");
 const SequenceContext_js_1 = require("./SequenceContext.js");
 const timeline_position_state_js_1 = require("./timeline-position-state.js");
 const use_video_config_js_1 = require("./use-video-config.js");
-const SequenceRefForwardingFunction = ({ from = 0, durationInFrames = Infinity, children, name, showInTimeline = true, showLoopTimesInTimeline, ...other }, ref) => {
+const SequenceRefForwardingFunction = ({ from = 0, durationInFrames = Infinity, children, name, showInTimeline = true, loopDisplay, ...other }, ref) => {
     const { layout = 'absolute-fill' } = other;
     const [id] = (0, react_1.useState)(() => String(Math.random()));
     const parentSequence = (0, react_1.useContext)(SequenceContext_js_1.SequenceContext);
@@ -81,7 +81,7 @@ const SequenceRefForwardingFunction = ({ from = 0, durationInFrames = Infinity,
             rootId,
             showInTimeline,
             nonce,
-            showLoopTimesInTimeline,
+            loopDisplay,
         });
         return () => {
             unregisterSequence(id);
@@ -99,7 +99,7 @@ const SequenceRefForwardingFunction = ({ from = 0, durationInFrames = Infinity,
         from,
         showInTimeline,
         nonce,
-        showLoopTimesInTimeline,
+        loopDisplay,
         environment,
     ]);
     const endThreshold = cumulatedFrom + from + durationInFrames - 1;

package/dist/cjs/loop/index.js

@@ -2,7 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Loop = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const Sequence_js_1 = require("../Sequence.js");
+const use_current_frame_js_1 = require("../use-current-frame.js");
 const use_video_config_js_1 = require("../use-video-config.js");
 const validate_duration_in_frames_js_1 = require("../validation/validate-duration-in-frames.js");
 /**
@@ -10,6 +12,7 @@ const validate_duration_in_frames_js_1 = require("../validation/validate-duratio
  * @see [Documentation](https://www.remotion.dev/docs/loop)
  */
 const Loop = ({ durationInFrames, times = Infinity, children, name, ...props }) => {
+    const currentFrame = (0, use_current_frame_js_1.useCurrentFrame)();
     const { durationInFrames: compDuration } = (0, use_video_config_js_1.useVideoConfig)();
     (0, validate_duration_in_frames_js_1.validateDurationInFrames)({
         durationInFrames,
@@ -28,10 +31,16 @@ const Loop = ({ durationInFrames, times = Infinity, children, name, ...props })
     const maxTimes = Math.ceil(compDuration / durationInFrames);
     const actualTimes = Math.min(maxTimes, times);
     const style = props.layout === 'none' ? undefined : props.style;
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: new Array(actualTimes).fill(true).map((_, i) => {
-            return ((0, jsx_runtime_1.jsx)(Sequence_js_1.Sequence
-            // eslint-disable-next-line react/no-array-index-key
-            , { durationInFrames: durationInFrames, from: i * durationInFrames, name: name, showLoopTimesInTimeline: actualTimes, showInTimeline: i === 0, layout: props.layout, style: style, children: children }, `loop-${i}`));
-        }) }));
+    const maxFrame = durationInFrames * (actualTimes - 1);
+    const start = Math.floor(currentFrame / durationInFrames) * durationInFrames;
+    const from = Math.min(start, maxFrame);
+    const loopDisplay = (0, react_1.useMemo)(() => {
+        return {
+            numberOfTimes: actualTimes,
+            startOffset: -from,
+            durationInFrames,
+        };
+    }, [actualTimes, durationInFrames, from]);
+    return ((0, jsx_runtime_1.jsx)(Sequence_js_1.Sequence, { durationInFrames: durationInFrames, from: from, name: name, loopDisplay: loopDisplay, layout: props.layout, style: style, children: children }));
 };
 exports.Loop = Loop;

package/dist/cjs/use-media-in-timeline.js

@@ -84,7 +84,7 @@ const useMediaInTimeline = ({ volume, mediaVolume, mediaRef, src, mediaType, pla
             nonce,
             startMediaFrom: 0 - startsAt,
             doesVolumeChange,
-            showLoopTimesInTimeline: undefined,
+            loopDisplay: undefined,
             playbackRate,
         });
         return () => {

package/dist/cjs/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "4.0.0-alpha6";
+export declare const VERSION = "4.0.0-alpha7";

package/dist/cjs/version.js

@@ -2,4 +2,4 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VERSION = void 0;
 // Automatically generated on publish
-exports.VERSION = '4.0.0-alpha6';
+exports.VERSION = '4.0.0-alpha7';

package/dist/esm/index.mjs

@@ -58,7 +58,7 @@ function truthy(value) {
 }
 
 // Automatically generated on publish
-const VERSION = '4.0.0-alpha6';
+const VERSION = '4.0.0-alpha7';
 
 const checkMultipleRemotionVersions = () => {
     if (typeof globalThis === 'undefined') {
@@ -666,7 +666,7 @@ const useVideoConfig = () => {
     return videoConfig;
 };
 
-const SequenceRefForwardingFunction = ({ from = 0, durationInFrames = Infinity, children, name, showInTimeline = true, showLoopTimesInTimeline, ...other }, ref) => {
+const SequenceRefForwardingFunction = ({ from = 0, durationInFrames = Infinity, children, name, showInTimeline = true, loopDisplay, ...other }, ref) => {
     const { layout = 'absolute-fill' } = other;
     const [id] = useState(() => String(Math.random()));
     const parentSequence = useContext(SequenceContext);
@@ -736,7 +736,7 @@ const SequenceRefForwardingFunction = ({ from = 0, durationInFrames = Infinity,
             rootId,
             showInTimeline,
             nonce,
-            showLoopTimesInTimeline,
+            loopDisplay,
         });
         return () => {
             unregisterSequence(id);
@@ -754,7 +754,7 @@ const SequenceRefForwardingFunction = ({ from = 0, durationInFrames = Infinity,
         from,
         showInTimeline,
         nonce,
-        showLoopTimesInTimeline,
+        loopDisplay,
         environment,
     ]);
     const endThreshold = cumulatedFrom + from + durationInFrames - 1;
@@ -781,6 +781,26 @@ const SequenceRefForwardingFunction = ({ from = 0, durationInFrames = Infinity,
  */
 const Sequence = forwardRef(SequenceRefForwardingFunction);
 
+/**
+ * @description Get the current frame of the video. Frames are 0-indexed, meaning the first frame is 0, the last frame is the duration of the composition in frames minus one.
+ * @see [Documentation](https://remotion.dev/docs/use-current-frame)
+ */
+const useCurrentFrame = () => {
+    const canUseRemotionHooks = useContext(CanUseRemotionHooks);
+    if (!canUseRemotionHooks) {
+        if (typeof window !== 'undefined' && window.remotion_isPlayer) {
+            throw new Error(`useCurrentFrame can only be called inside a component that was passed to <Player>. See: https://www.remotion.dev/docs/player/examples`);
+        }
+        throw new Error(`useCurrentFrame() can only be called inside a component that was registered as a composition. See https://www.remotion.dev/docs/the-fundamentals#defining-compositions`);
+    }
+    const frame = useTimelinePosition();
+    const context = useContext(SequenceContext);
+    const contextOffset = context
+        ? context.cumulatedFrom + context.relativeFrom
+        : 0;
+    return frame - contextOffset;
+};
+
 const validateDurationInFrames = ({ allowFloats, component, durationInFrames, }) => {
     if (typeof durationInFrames !== 'number') {
         throw new Error(`The "durationInFrames" prop ${component} must be a number, but you passed a value of type ${typeof durationInFrames}`);
@@ -801,6 +821,7 @@ const validateDurationInFrames = ({ allowFloats, component, durationInFrames, })
  * @see [Documentation](https://www.remotion.dev/docs/loop)
  */
 const Loop = ({ durationInFrames, times = Infinity, children, name, ...props }) => {
+    const currentFrame = useCurrentFrame();
     const { durationInFrames: compDuration } = useVideoConfig();
     validateDurationInFrames({
         durationInFrames,
@@ -819,11 +840,17 @@ const Loop = ({ durationInFrames, times = Infinity, children, name, ...props })
     const maxTimes = Math.ceil(compDuration / durationInFrames);
     const actualTimes = Math.min(maxTimes, times);
     const style = props.layout === 'none' ? undefined : props.style;
-    return (jsx(Fragment, { children: new Array(actualTimes).fill(true).map((_, i) => {
-            return (jsx(Sequence
-            // eslint-disable-next-line react/no-array-index-key
-            , { durationInFrames: durationInFrames, from: i * durationInFrames, name: name, showLoopTimesInTimeline: actualTimes, showInTimeline: i === 0, layout: props.layout, style: style, children: children }, `loop-${i}`));
-        }) }));
+    const maxFrame = durationInFrames * (actualTimes - 1);
+    const start = Math.floor(currentFrame / durationInFrames) * durationInFrames;
+    const from = Math.min(start, maxFrame);
+    const loopDisplay = useMemo(() => {
+        return {
+            numberOfTimes: actualTimes,
+            startOffset: -from,
+            durationInFrames,
+        };
+    }, [actualTimes, durationInFrames, from]);
+    return (jsx(Sequence, { durationInFrames: durationInFrames, from: from, name: name, loopDisplay: loopDisplay, layout: props.layout, style: style, children: children }));
 };
 
 const validateMediaProps = (props, component) => {
@@ -1067,26 +1094,6 @@ const random = (seed, dummy) => {
     throw new Error('random() argument must be a number or a string');
 };
 
-/**
- * @description Get the current frame of the video. Frames are 0-indexed, meaning the first frame is 0, the last frame is the duration of the composition in frames minus one.
- * @see [Documentation](https://remotion.dev/docs/use-current-frame)
- */
-const useCurrentFrame = () => {
-    const canUseRemotionHooks = useContext(CanUseRemotionHooks);
-    if (!canUseRemotionHooks) {
-        if (typeof window !== 'undefined' && window.remotion_isPlayer) {
-            throw new Error(`useCurrentFrame can only be called inside a component that was passed to <Player>. See: https://www.remotion.dev/docs/player/examples`);
-        }
-        throw new Error(`useCurrentFrame() can only be called inside a component that was registered as a composition. See https://www.remotion.dev/docs/the-fundamentals#defining-compositions`);
-    }
-    const frame = useTimelinePosition();
-    const context = useContext(SequenceContext);
-    const contextOffset = context
-        ? context.cumulatedFrom + context.relativeFrom
-        : 0;
-    return frame - contextOffset;
-};
-
 const useMediaStartsAt = () => {
     var _a;
     const parentSequence = useContext(SequenceContext);
@@ -1248,7 +1255,7 @@ const useMediaInTimeline = ({ volume, mediaVolume, mediaRef, src, mediaType, pla
             nonce,
             startMediaFrom: 0 - startsAt,
             doesVolumeChange,
-            showLoopTimesInTimeline: undefined,
+            loopDisplay: undefined,
             playbackRate,
         });
         return () => {

package/dist/esm/version.mjs

@@ -1,4 +1,4 @@
 // Automatically generated on publish
-const VERSION = '4.0.0-alpha6';
+const VERSION = '4.0.0-alpha7';
 
 export { VERSION };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "remotion",
-  "version": "4.0.0-alpha6",
+  "version": "4.0.0-alpha7",
   "description": "Render videos in React",
   "main": "dist/cjs/index.js",
   "types": "dist/cjs/index.d.ts",

package/dist/cjs/config.d.ts

@@ -1,294 +0,0 @@
-/**
- * The configuration has moved to @remotion/cli.
- * For the moment the type definitions are going to stay here
- */
-import type { Configuration } from 'webpack';
-declare type Concurrency = number | null;
-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 WebpackConfiguration = Configuration;
-export declare type WebpackOverrideFn = (currentConfiguration: WebpackConfiguration) => WebpackConfiguration;
-declare type FlatConfig = RemotionConfigObject['Bundling'] & RemotionConfigObject['Log'] & RemotionConfigObject['Preview'] & RemotionConfigObject['Puppeteer'] & RemotionConfigObject['Output'] & RemotionConfigObject['Rendering'] & {
-    /**
-     * Set the audio codec to use for the output video.
-     * See the Encoding guide in the docs for defaults and available options.
-     */
-    setAudioCodec: (codec: 'pcm-16' | 'aac' | 'mp3' | 'opus') => void;
-};
-declare global {
-    interface RemotionBundlingOptions {
-        /**
-         * Specify the entry point so you don't have to specify it in the
-         * CLI command
-         */
-        readonly setEntryPoint: (src: string) => 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;
-        readonly overrideWebpackConfig: (f: WebpackOverrideFn) => void;
-    }
-    interface RemotionConfigObject {
-        /**
-         * @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: RemotionBundlingOptions;
-        /**
-         * @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;
-            /**
-             * Set the user agent for Chrome. Only works during rendering.
-             * Default:
-             */
-            readonly setChromiumUserAgent: (userAgent: string | null) => 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 = RemotionConfigObject & FlatConfig;
-export type { Concurrency };
-export declare const Config: ConfigType;
-export declare const enableLegacyRemotionConfig: () => void;

package/dist/cjs/config.js

@@ -1,21 +0,0 @@
-"use strict";
-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) {
-            if (typeof document !== 'undefined') {
-                // We are in the browser
-                return {};
-            }
-            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/cjs/validation/validate-offthreadvideo-image-format.d.ts

@@ -1 +0,0 @@
-export declare const validateOffthreadVideoImageFormat: (input: unknown) => void;

package/dist/cjs/validation/validate-offthreadvideo-image-format.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.validateOffthreadVideoImageFormat = void 0;
-const validateOffthreadVideoImageFormat = (input) => {
-    if (typeof input === 'undefined') {
-        return;
-    }
-    if (typeof input !== 'string') {
-        throw new TypeError(`<OffthreadVideo imageFormat=""> must be a string, but got ${JSON.stringify(input)} instead.`);
-    }
-    if (input !== 'png' && input !== 'jpeg') {
-        throw new TypeError(`<OffthreadVideo imageFormat=""> must be either "png" or "jpeg", but got ${input}`);
-    }
-};
-exports.validateOffthreadVideoImageFormat = validateOffthreadVideoImageFormat;