remotion 4.0.0-oops.3 → 4.0.0-prefetch.7

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import './asset-types';
-import { TAsset, TCompMetadata } from './CompositionManager';
+import type { TAsset, TCompMetadata } from './CompositionManager';
 declare global {
     interface Window {
         ready: boolean;
@@ -9,15 +9,22 @@ declare global {
         remotion_editorName: string | null;
         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_isPlayer: boolean;
-        remotion_imported: boolean;
-        siteVersion: '2';
+        remotion_isBuilding: undefined | (() => void);
+        remotion_finishedBuilding: undefined | (() => void);
+        siteVersion: '4';
+        remotion_version: string;
+        remotion_imported: string | boolean;
     }
 }
 export declare type BundleState = {
@@ -27,31 +34,39 @@ 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 * 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 { fetchAndPreload } from './preload';
 export * 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 * from './use-frame';
+export { useCurrentFrame } from './use-current-frame';
 export * from './use-video-config';
+export * from './version';
 export * from './video';
 export * from './video-config';

package/dist/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -10,39 +14,45 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.staticFile = exports.Series = exports.Sequence = exports.registerRoot = exports.Loop = exports.interpolateColors = exports.getInputProps = void 0;
+exports.useCurrentFrame = exports.staticFile = exports.Series = exports.Sequence = exports.registerRoot = exports.fetchAndPreload = 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);
 __exportStar(require("./easing"), exports);
+__exportStar(require("./Folder"), exports);
 __exportStar(require("./freeze"), exports);
 __exportStar(require("./IFrame"), exports);
 __exportStar(require("./Img"), exports);
 __exportStar(require("./internals"), exports);
 __exportStar(require("./interpolate"), exports);
-var interpolateColors_1 = require("./interpolateColors");
-Object.defineProperty(exports, "interpolateColors", { enumerable: true, get: function () { return interpolateColors_1.interpolateColors; } });
+var interpolate_colors_1 = require("./interpolate-colors");
+Object.defineProperty(exports, "interpolateColors", { enumerable: true, get: function () { return interpolate_colors_1.interpolateColors; } });
 var loop_1 = require("./loop");
 Object.defineProperty(exports, "Loop", { enumerable: true, get: function () { return loop_1.Loop; } });
+var preload_1 = require("./preload");
+Object.defineProperty(exports, "fetchAndPreload", { enumerable: true, get: function () { return preload_1.fetchAndPreload; } });
 __exportStar(require("./random"), exports);
 var register_root_1 = require("./register-root");
 Object.defineProperty(exports, "registerRoot", { enumerable: true, get: function () { return register_root_1.registerRoot; } });
-var sequencing_1 = require("./sequencing");
-Object.defineProperty(exports, "Sequence", { enumerable: true, get: function () { return sequencing_1.Sequence; } });
+var Sequence_1 = require("./Sequence");
+Object.defineProperty(exports, "Sequence", { enumerable: true, get: function () { return Sequence_1.Sequence; } });
 var series_1 = require("./series");
 Object.defineProperty(exports, "Series", { enumerable: true, get: function () { return series_1.Series; } });
 __exportStar(require("./spring"), exports);
 var static_file_1 = require("./static-file");
 Object.defineProperty(exports, "staticFile", { enumerable: true, get: function () { return static_file_1.staticFile; } });
 __exportStar(require("./Still"), exports);
-__exportStar(require("./use-frame"), exports);
+var use_current_frame_1 = require("./use-current-frame");
+Object.defineProperty(exports, "useCurrentFrame", { enumerable: true, get: function () { return use_current_frame_1.useCurrentFrame; } });
 __exportStar(require("./use-video-config"), exports);
+__exportStar(require("./version"), exports);
 __exportStar(require("./video"), exports);
 __exportStar(require("./video-config"), exports);

package/dist/internals.d.ts

@@ -1,118 +1,59 @@
 /// <reference types="react" />
-import { CompProps } from './Composition';
-import { CompositionManagerContext, RenderAssetInfo, TAsset, TCompMetadata, TComposition, TSequence } from './CompositionManager';
-import * as AssetCompression from './compress-assets';
-import * as Logging from './config/log';
-import { WebpackOverrideFn } from './config/override-webpack';
-import { ProResProfile } from './config/prores-profile';
+import type { Configuration } from 'webpack';
+import type { CompProps } from './Composition';
+import type { CompositionManagerContext, TAsset, TCompMetadata, TComposition, TSequence } from './CompositionManager';
 import * as CSSUtils from './default-css';
-import { RemotionEnvironment } from './get-environment';
-import * as perf from './perf';
-import * as TimelineInOutPosition from './timeline-inout-position-state';
-import { SetTimelineInOutContextValue, TimelineInOutContextValue } from './timeline-inout-position-state';
+import type { RemotionEnvironment } from './get-environment';
+import type { SetTimelineContextValue, TimelineContextValue } from './timeline-position-state';
 import * as TimelinePosition from './timeline-position-state';
-import { SetTimelineContextValue, TimelineContextValue } from './timeline-position-state';
 import { truthy } from './truthy';
-import { OpenGlRenderer } from './validation/validate-opengl-renderer';
-import { MediaVolumeContextValue, SetMediaVolumeContextValue } from './volume-position-state';
+import type { MediaVolumeContextValue, SetMediaVolumeContextValue } from './volume-position-state';
 import { useRemotionContexts } from './wrap-remotion-context';
-declare const Timeline: {
-    TimelineInOutContext: import("react").Context<TimelineInOutPosition.TimelineInOutContextValue>;
-    SetTimelineInOutContext: import("react").Context<TimelineInOutPosition.SetTimelineInOutContextValue>;
-    useTimelineInOutFramePosition: () => TimelineInOutPosition.TimelineInOutContextValue;
-    useTimelineSetInOutFramePosition: () => TimelineInOutPosition.SetTimelineInOutContextValue;
-    TimelineContext: import("react").Context<TimelinePosition.TimelineContextValue>;
-    SetTimelineContext: import("react").Context<TimelinePosition.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<TimelineInOutPosition.TimelineInOutContextValue>;
-        SetTimelineInOutContext: import("react").Context<TimelineInOutPosition.SetTimelineInOutContextValue>;
-        useTimelineInOutFramePosition: () => TimelineInOutPosition.TimelineInOutContextValue;
-        useTimelineSetInOutFramePosition: () => TimelineInOutPosition.SetTimelineInOutContextValue;
-        TimelineContext: import("react").Context<TimelinePosition.TimelineContextValue>;
-        SetTimelineContext: import("react").Context<TimelinePosition.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;
+    useVideo: () => {
+        height: number;
+        width: number;
+        fps: number;
+        durationInFrames: number;
+        defaultProps: unknown;
+        id: string;
+        folderName: string | null;
+        parentFolderName: string | null;
+        component: import("react").LazyExoticComponent<import("react").ComponentType<unknown>>;
+        nonce: number;
+    } | null;
     getRoot: () => import("react").FC<{}> | null;
-    getBrowserExecutable: () => import("./config/browser-executable").BrowserExecutable;
-    getCustomFfmpegExecutable: () => 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;
-    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") => void;
-    getFinalOutputCodec: ({ codec: inputCodec, fileExtension, emitWarning, isLambda, }: {
-        codec: import("./config/codec").CodecOrUndefined;
-        fileExtension: string | null;
-        emitWarning: boolean;
-        isLambda: boolean;
-    }) => "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv";
     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";
-    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") => number;
-    getActualCrf: (codec: "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv") => 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") => 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" | undefined) => boolean;
-    Logging: typeof Logging;
-    SequenceContext: import("react").Context<import("./sequencing").SequenceContextType | null>;
+    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;
-    setupInitialFrame: () => void;
     ENV_VARIABLES_ENV_NAME: "ENV_VARIABLES";
-    INITIAL_FRAME_LOCAL_STORAGE_KEY: string;
-    getDotEnvLocation: () => string | null;
-    getServerPort: () => number | undefined;
     MediaVolumeContext: import("react").Context<MediaVolumeContextValue>;
     SetMediaVolumeContext: import("react").Context<SetMediaVolumeContextValue>;
     validateDurationInFrames: (durationInFrames: number, component: string) => void;
-    validateFps: (fps: number, location: string) => void;
+    validateFps: (fps: number, location: string, isGif: boolean) => void;
     validateDimension: (amount: number, nameOfProp: string, location: string) => void;
     getRemotionEnvironment: () => RemotionEnvironment;
-    getProResProfile: () => "light" | "4444-xq" | "4444" | "hq" | "standard" | "proxy" | undefined;
-    setProResProfile: (profile: "light" | "4444-xq" | "4444" | "hq" | "standard" | "proxy" | undefined) => void;
-    validateSelectedCodecAndProResCombination: (actualCodec: "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv", actualProResProfile: "light" | "4444-xq" | "4444" | "hq" | "standard" | "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;
@@ -123,29 +64,22 @@ 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: "angle" | "egl" | "swiftshader" | null) => "angle" | "egl" | "swiftshader" | null;
-    getChromiumOpenGlRenderer: () => "angle" | "egl" | "swiftshader" | null;
-    getChromiumHeadlessMode: () => boolean;
-    DEFAULT_OPENGL_RENDERER: "angle" | "egl" | "swiftshader" | null;
     getPreviewDomElement: () => HTMLElement | null;
     compositionsRef: import("react").RefObject<{
         getCompositions: () => TCompMetadata[];
     }>;
     DELAY_RENDER_CALLSTACK_TOKEN: string;
+    portalNode: () => HTMLElement;
+    waitForRoot: (fn: (comp: import("react").FC<{}>) => void) => () => void;
+    validateOffthreadVideoImageFormat: (input: unknown) => void;
+    CanUseRemotionHooksProvider: import("react").FC<{
+        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

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -20,47 +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 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 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 initial_frame_1 = require("./initial-frame");
-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 sequencing_1 = require("./sequencing");
+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_lazy_component_1 = require("./use-lazy-component");
 const use_unsafe_video_config_1 = require("./use-unsafe-video-config");
@@ -69,99 +46,46 @@ 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_opengl_renderer_1 = require("./validation/validate-opengl-renderer");
-const validate_quality_1 = require("./validation/validate-quality");
+const validate_offthreadvideo_image_format_1 = require("./validation/validate-offthreadvideo-image-format");
 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,
-    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,
-    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: sequencing_1.SequenceContext,
+    SequenceContext: Sequence_1.SequenceContext,
     useRemotionContexts: wrap_remotion_context_1.useRemotionContexts,
     RemotionContextProvider: wrap_remotion_context_1.RemotionContextProvider,
     CSSUtils,
     setupEnvVariables: setup_env_variables_1.setupEnvVariables,
-    setupInitialFrame: initial_frame_1.setupInitialFrame,
     ENV_VARIABLES_ENV_NAME: setup_env_variables_1.ENV_VARIABLES_ENV_NAME,
-    INITIAL_FRAME_LOCAL_STORAGE_KEY: initial_frame_1.INITIAL_FRAME_LOCAL_STORAGE_KEY,
-    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,
+    portalNode: portal_node_1.portalNode,
+    waitForRoot: register_root_1.waitForRoot,
+    validateOffthreadVideoImageFormat: validate_offthreadvideo_image_format_1.validateOffthreadVideoImageFormat,
+    CanUseRemotionHooksProvider: CanUseRemotionHooks_1.CanUseRemotionHooksProvider,
+    CanUseRemotionHooks: CanUseRemotionHooks_1.CanUseRemotionHooks,
+    enableLegacyRemotionConfig: config_1.enableLegacyRemotionConfig,
 };

package/dist/loading-indicator.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const Loading: React.FC;

package/dist/loading-indicator.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Loading = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const AbsoluteFill_1 = require("./AbsoluteFill");
+const rotate = {
+    transform: `rotate(90deg)`,
+};
+const ICON_SIZE = 40;
+const label = {
+    color: '#555',
+    fontSize: 14,
+    fontFamily: 'sans-serif',
+};
+const container = {
+    justifyContent: 'center',
+    alignItems: 'center',
+};
+const Loading = () => {
+    return ((0, jsx_runtime_1.jsxs)(AbsoluteFill_1.AbsoluteFill, { style: container, id: "remotion-comp-loading", children: [(0, jsx_runtime_1.jsx)("style", { type: "text/css", children: `
+				@keyframes anim {
+					from {
+						opacity: 0
+					}
+					to {
+						opacity: 1
+					}
+				}
+				#remotion-comp-loading {
+					animation: anim 2s;
+					animation-fill-mode: forwards;
+				}
+			` }), (0, jsx_runtime_1.jsx)("svg", { width: ICON_SIZE, height: ICON_SIZE, viewBox: "-100 -100 400 400", style: rotate, children: (0, jsx_runtime_1.jsx)("path", { fill: "#555", stroke: "#555", strokeWidth: "100", strokeLinejoin: "round", d: "M 2 172 a 196 100 0 0 0 195 5 A 196 240 0 0 0 100 2.259 A 196 240 0 0 0 2 172 z" }) }), (0, jsx_runtime_1.jsx)("p", { style: label, children: "Loading..." })] }));
+};
+exports.Loading = Loading;

package/dist/loop/index.js

@@ -2,10 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Loop = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const __1 = require("..");
+const Sequence_1 = require("../Sequence");
+const use_video_config_1 = require("../use-video-config");
 const validate_duration_in_frames_1 = require("../validation/validate-duration-in-frames");
 const Loop = ({ durationInFrames, times = Infinity, children, layout, name, }) => {
-    const { durationInFrames: compDuration } = (0, __1.useVideoConfig)();
+    const { durationInFrames: compDuration } = (0, use_video_config_1.useVideoConfig)();
     (0, validate_duration_in_frames_1.validateDurationInFrames)(durationInFrames, 'of the <Loop /> component');
     if (typeof times !== 'number') {
         throw new TypeError(`You passed to "times" an argument of type ${typeof times}, but it must be a number.`);
@@ -19,9 +20,9 @@ const Loop = ({ durationInFrames, times = Infinity, children, layout, name, }) =
     const maxTimes = Math.ceil(compDuration / durationInFrames);
     const actualTimes = Math.min(maxTimes, times);
     return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: new Array(actualTimes).fill(true).map((_, i) => {
-            return ((0, jsx_runtime_1.jsx)(__1.Sequence
+            return ((0, jsx_runtime_1.jsx)(Sequence_1.Sequence
             // eslint-disable-next-line react/no-array-index-key
             , { durationInFrames: durationInFrames, from: i * durationInFrames, layout: layout, name: name, showLoopTimesInTimeline: actualTimes, showInTimeline: i === 0, children: children }, `loop-${i}`));
-        }) }, void 0));
+        }) }));
 };
 exports.Loop = Loop;

package/dist/multiple-versions-warning.js

@@ -1,13 +1,27 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.checkMultipleRemotionVersions = void 0;
+const truthy_1 = require("./truthy");
+const version_1 = require("./version");
 const checkMultipleRemotionVersions = () => {
-    if (typeof window === 'undefined') {
+    if (typeof globalThis === 'undefined') {
         return;
     }
-    if (window.remotion_imported) {
-        console.error('🚨 Multiple versions of Remotion detected. Multiple versions will cause conflicting React contexts and things may break in an unexpected way. Please check your dependency tree and make sure only one version of Remotion is on the page.');
+    const alreadyImported = globalThis.remotion_imported ||
+        (typeof window !== 'undefined' && window.remotion_imported);
+    if (alreadyImported) {
+        throw new TypeError(`🚨 Multiple versions of Remotion detected: ${[
+            version_1.VERSION,
+            typeof alreadyImported === 'string'
+                ? alreadyImported
+                : 'an older version',
+        ]
+            .filter(truthy_1.truthy)
+            .join(' and ')}. This will cause things to break in an unexpected way.\nCheck that all your Remotion packages are on the same version. If your dependencies depend on Remotion, make them peer dependencies. You can also run \`npx remotion versions\` from your terminal to see which versions are mismatching.`);
+    }
+    globalThis.remotion_imported = true;
+    if (typeof window !== 'undefined') {
+        window.remotion_imported = version_1.VERSION;
     }
-    window.remotion_imported = true;
 };
 exports.checkMultipleRemotionVersions = checkMultipleRemotionVersions;

package/dist/play-and-handle-not-allowed-error.d.ts

@@ -1,2 +1,2 @@
-import { RefObject } from 'react';
+import type { RefObject } from 'react';
 export declare const playAndHandleNotAllowedError: (mediaRef: RefObject<HTMLVideoElement | HTMLAudioElement>, mediaType: 'audio' | 'video') => void;

package/dist/portal-node.d.ts

@@ -0,0 +1 @@
+export declare const portalNode: () => HTMLElement;