remotion 4.0.0-webhook.27 → 4.1.0-alpha1

package/dist/cjs/index.d.ts

@@ -0,0 +1,102 @@
+import './asset-types.js';
+import type { AnyCompMetadata, TAsset } from './CompositionManager.js';
+import type { StaticFile } from './get-static-files.js';
+import type { ClipRegion } from './NativeLayers.js';
+import type { VideoConfig } from './video-config.js';
+declare global {
+    interface Window {
+        remotion_renderReady: boolean;
+        remotion_cancelledError: string | undefined;
+        remotion_getCompositionNames: () => string[];
+        getStaticCompositions: () => Promise<AnyCompMetadata[]>;
+        remotion_calculateComposition: (compId: string) => Promise<VideoConfig>;
+        remotion_setBundleMode: (bundleMode: BundleState) => void;
+        remotion_staticBase: string;
+        remotion_staticFiles: StaticFile[];
+        remotion_editorName: string | null;
+        remotion_numberOfAudioTags: number;
+        remotion_projectName: string;
+        remotion_cwd: string;
+        remotion_studioServerCommand: string;
+        remotion_setFrame: (frame: number) => void;
+        remotion_initialFrame: number;
+        remotion_proxyPort: number;
+        remotion_audioEnabled: boolean;
+        remotion_videoEnabled: boolean;
+        remotion_puppeteerTimeout: number;
+        remotion_inputProps: string;
+        remotion_envVariables: string;
+        remotion_collectAssets: () => TAsset[];
+        remotion_getClipRegion: () => ClipRegion | null;
+        remotion_isPlayer: boolean;
+        remotion_isBuilding: undefined | (() => void);
+        remotion_finishedBuilding: undefined | (() => void);
+        siteVersion: '5';
+        remotion_version: string;
+        remotion_imported: string | boolean;
+    }
+}
+export type BundleState = {
+    type: 'index';
+} | {
+    type: 'evaluation';
+} | {
+    type: 'composition';
+    compositionName: string;
+    compositionDefaultProps: Record<string, unknown>;
+    compositionHeight: number;
+    compositionDurationInFrames: number;
+    compositionWidth: number;
+    compositionFps: number;
+};
+export * from './AbsoluteFill.js';
+export * from './audio/index.js';
+export { cancelRender } from './cancel-render.js';
+export { CalculateMetadataFunction, Composition, CompositionProps, CompProps, StillProps, } from './Composition.js';
+export { AnyCompMetadata, AnyComposition, AnySmallCompMetadata, SmallTCompMetadata, TAsset, TCompMetadata, } from './CompositionManager.js';
+export { getInputProps } from './config/input-props.js';
+export { continueRender, delayRender } from './delay-render.js';
+export * from './easing.js';
+export * from './Folder.js';
+export * from './freeze.js';
+export { getStaticFiles, StaticFile } from './get-static-files.js';
+export * from './IFrame.js';
+export * from './Img.js';
+export * from './internals.js';
+export { interpolateColors } from './interpolate-colors.js';
+export { ExtrapolateType, interpolate, InterpolateOptions, } from './interpolate.js';
+export { Loop } from './loop/index.js';
+export { ClipRegion } from './NativeLayers.js';
+export { prefetch } from './prefetch.js';
+export { random, RandomSeed } from './random.js';
+export { registerRoot } from './register-root.js';
+export { Sequence } from './Sequence.js';
+export { Series } from './series/index.js';
+export * from './spring/index.js';
+export { staticFile } from './static-file.js';
+export * from './Still.js';
+export type { PlayableMediaTag } from './timeline-position-state.js';
+export { useCurrentFrame } from './use-current-frame.js';
+export * from './use-video-config.js';
+export * from './version.js';
+export * from './video-config.js';
+export * from './video/index.js';
+export declare const Experimental: {
+    /**
+     * @description This is a special component that will cause Remotion to only partially capture the frame of the video.
+     * @see [Documentation](https://www.remotion.dev/docs/clipper)
+     */
+    Clipper: import("react").FC<{
+        width: number;
+        height: number;
+        x: number;
+        y: number;
+    }>;
+    /**
+     * @description This is a special component, that, when rendered, will skip rendering the frame altogether.
+     * @see [Documentation](https://www.remotion.dev/docs/null)
+     */
+    Null: import("react").FC<{}>;
+    useIsPlayer: () => boolean;
+};
+export declare const Config: {};

package/dist/cjs/index.js

@@ -0,0 +1,105 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = 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];
+}));
+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.Config = exports.Experimental = exports.useCurrentFrame = exports.staticFile = exports.Series = exports.Sequence = exports.registerRoot = exports.random = exports.prefetch = exports.Loop = exports.interpolate = exports.interpolateColors = exports.getStaticFiles = exports.delayRender = exports.continueRender = exports.getInputProps = exports.Composition = exports.cancelRender = void 0;
+require("./asset-types.js");
+const Clipper_js_1 = require("./Clipper.js");
+const is_player_js_1 = require("./is-player.js");
+const multiple_versions_warning_js_1 = require("./multiple-versions-warning.js");
+const Null_js_1 = require("./Null.js");
+(0, multiple_versions_warning_js_1.checkMultipleRemotionVersions)();
+__exportStar(require("./AbsoluteFill.js"), exports);
+__exportStar(require("./audio/index.js"), exports);
+var cancel_render_js_1 = require("./cancel-render.js");
+Object.defineProperty(exports, "cancelRender", { enumerable: true, get: function () { return cancel_render_js_1.cancelRender; } });
+var Composition_js_1 = require("./Composition.js");
+Object.defineProperty(exports, "Composition", { enumerable: true, get: function () { return Composition_js_1.Composition; } });
+var input_props_js_1 = require("./config/input-props.js");
+Object.defineProperty(exports, "getInputProps", { enumerable: true, get: function () { return input_props_js_1.getInputProps; } });
+var delay_render_js_1 = require("./delay-render.js");
+Object.defineProperty(exports, "continueRender", { enumerable: true, get: function () { return delay_render_js_1.continueRender; } });
+Object.defineProperty(exports, "delayRender", { enumerable: true, get: function () { return delay_render_js_1.delayRender; } });
+__exportStar(require("./easing.js"), exports);
+__exportStar(require("./Folder.js"), exports);
+__exportStar(require("./freeze.js"), exports);
+var get_static_files_js_1 = require("./get-static-files.js");
+Object.defineProperty(exports, "getStaticFiles", { enumerable: true, get: function () { return get_static_files_js_1.getStaticFiles; } });
+__exportStar(require("./IFrame.js"), exports);
+__exportStar(require("./Img.js"), exports);
+__exportStar(require("./internals.js"), exports);
+var interpolate_colors_js_1 = require("./interpolate-colors.js");
+Object.defineProperty(exports, "interpolateColors", { enumerable: true, get: function () { return interpolate_colors_js_1.interpolateColors; } });
+var interpolate_js_1 = require("./interpolate.js");
+Object.defineProperty(exports, "interpolate", { enumerable: true, get: function () { return interpolate_js_1.interpolate; } });
+var index_js_1 = require("./loop/index.js");
+Object.defineProperty(exports, "Loop", { enumerable: true, get: function () { return index_js_1.Loop; } });
+var prefetch_js_1 = require("./prefetch.js");
+Object.defineProperty(exports, "prefetch", { enumerable: true, get: function () { return prefetch_js_1.prefetch; } });
+var random_js_1 = require("./random.js");
+Object.defineProperty(exports, "random", { enumerable: true, get: function () { return random_js_1.random; } });
+var register_root_js_1 = require("./register-root.js");
+Object.defineProperty(exports, "registerRoot", { enumerable: true, get: function () { return register_root_js_1.registerRoot; } });
+var Sequence_js_1 = require("./Sequence.js");
+Object.defineProperty(exports, "Sequence", { enumerable: true, get: function () { return Sequence_js_1.Sequence; } });
+var index_js_2 = require("./series/index.js");
+Object.defineProperty(exports, "Series", { enumerable: true, get: function () { return index_js_2.Series; } });
+__exportStar(require("./spring/index.js"), exports);
+var static_file_js_1 = require("./static-file.js");
+Object.defineProperty(exports, "staticFile", { enumerable: true, get: function () { return static_file_js_1.staticFile; } });
+__exportStar(require("./Still.js"), exports);
+var use_current_frame_js_1 = require("./use-current-frame.js");
+Object.defineProperty(exports, "useCurrentFrame", { enumerable: true, get: function () { return use_current_frame_js_1.useCurrentFrame; } });
+__exportStar(require("./use-video-config.js"), exports);
+__exportStar(require("./version.js"), exports);
+__exportStar(require("./video-config.js"), exports);
+__exportStar(require("./video/index.js"), exports);
+exports.Experimental = {
+    /**
+     * @description This is a special component that will cause Remotion to only partially capture the frame of the video.
+     * @see [Documentation](https://www.remotion.dev/docs/clipper)
+     */
+    Clipper: Clipper_js_1.Clipper,
+    /**
+     * @description This is a special component, that, when rendered, will skip rendering the frame altogether.
+     * @see [Documentation](https://www.remotion.dev/docs/null)
+     */
+    Null: Null_js_1.Null,
+    useIsPlayer: is_player_js_1.useIsPlayer,
+};
+const proxyObj = {};
+exports.Config = new Proxy(proxyObj, {
+    get(_, prop) {
+        if (prop === 'Bundling' ||
+            prop === 'Rendering' ||
+            prop === 'Log' ||
+            prop === 'Puppeteer' ||
+            prop === 'Output') {
+            return exports.Config;
+        }
+        return () => {
+            console.warn('⚠️  The CLI configuration has been extracted from Remotion Core.');
+            console.warn('Update the import from the config file:');
+            console.warn();
+            console.warn('- Delete:');
+            console.warn('import {Config} from "remotion";');
+            console.warn('+ Replace:');
+            console.warn('import {Config} from "@remotion/cli/config";');
+            console.warn();
+            console.warn('For more information, see https://v4.remotion.dev/docs/4-0-migration.');
+            process.exit(1);
+        };
+    },
+});

package/dist/cjs/internals.d.ts

@@ -0,0 +1,131 @@
+/// <reference types="react" />
+import type { CompProps } from './Composition.js';
+import type { TAsset, TCompMetadata, TComposition, TSequence } from './CompositionManager.js';
+import type { CompositionManagerContext } from './CompositionManagerContext.js';
+import * as CSSUtils from './default-css.js';
+import type { RemotionEnvironment } from './get-environment.js';
+import { processColor } from './interpolate-colors.js';
+import type { SetTimelineContextValue, TimelineContextValue } from './timeline-position-state.js';
+import * as TimelinePosition from './timeline-position-state.js';
+import { truthy } from './truthy.js';
+import type { MediaVolumeContextValue, SetMediaVolumeContextValue } from './volume-position-state.js';
+import { useRemotionContexts } from './wrap-remotion-context.js';
+declare const Timeline: typeof TimelinePosition;
+export declare const Internals: {
+    useUnsafeVideoConfig: () => import("./video-config.js").VideoConfig | null;
+    Timeline: typeof TimelinePosition;
+    CompositionManager: import("react").Context<CompositionManagerContext>;
+    SequenceManager: import("react").Context<import("./SequenceManager.js").SequenceManagerContext>;
+    RemotionRoot: import("react").FC<{
+        children: import("react").ReactNode;
+        numberOfAudioTags: number;
+    }>;
+    useVideo: () => (import("./video-config.js").VideoConfig & {
+        component: import("react").LazyExoticComponent<import("react").ComponentType<Record<string, unknown> | undefined>>;
+    }) | null;
+    getRoot: () => import("react").FC<{}> | null;
+    useMediaVolumeState: () => readonly [number, (u: number) => void];
+    useMediaMutedState: () => readonly [boolean, (u: import("react").SetStateAction<boolean>) => void];
+    useLazyComponent: <Props>(compProps: CompProps<Props>) => import("react").ExoticComponent<(import("react").PropsWithoutRef<Props> & import("react").RefAttributes<import("react").Component<Props, any, any>>) | import("react").PropsWithRef<Props>> & {
+        readonly _result: import("react").ComponentType<Props>;
+    };
+    truthy: typeof truthy;
+    SequenceContext: import("react").Context<import("./SequenceContext.js").SequenceContextType | null>;
+    useRemotionContexts: typeof useRemotionContexts;
+    RemotionContextProvider: (props: import("./wrap-remotion-context.js").RemotionContextProviderProps) => JSX.Element;
+    CSSUtils: typeof CSSUtils;
+    setupEnvVariables: () => void;
+    MediaVolumeContext: import("react").Context<MediaVolumeContextValue>;
+    SetMediaVolumeContext: import("react").Context<SetMediaVolumeContextValue>;
+    validateDurationInFrames: ({ allowFloats, component, durationInFrames, }: {
+        durationInFrames: number;
+        component: string;
+        allowFloats: boolean;
+    }) => void;
+    validateFps: (fps: number, location: string, isGif: boolean) => void;
+    validateDefaultAndInputProps: (defaultProps: unknown, name: "defaultProps" | "inputProps", compositionId: string | null) => void;
+    validateDimension: (amount: number, nameOfProp: string, location: string) => void;
+    getRemotionEnvironment: () => RemotionEnvironment;
+    SharedAudioContext: import("react").Context<{
+        registerAudio: (aud: import("./index.js").RemotionAudioProps, audioId: string) => {
+            id: number;
+            props: import("./index.js").RemotionAudioProps;
+            el: import("react").RefObject<HTMLAudioElement>;
+            audioId: string;
+        };
+        unregisterAudio: (id: number) => void;
+        updateAudio: (options: {
+            id: number;
+            aud: import("./index.js").RemotionAudioProps;
+            audioId: string;
+        }) => void;
+        playAllAudios: () => void;
+        numberOfAudioTags: number;
+    } | null>;
+    SharedAudioContextProvider: import("react").FC<{
+        numberOfAudioTags: number;
+        children: import("react").ReactNode;
+        component: import("react").LazyExoticComponent<import("react").ComponentType<Record<string, unknown> | undefined>> | null;
+    }>;
+    invalidCompositionErrorMessage: string;
+    isCompositionIdValid: (id: string) => RegExpMatchArray | null;
+    getPreviewDomElement: () => HTMLElement | null;
+    compositionsRef: import("react").RefObject<{
+        getCompositions: () => import("./CompositionManager.js").TCompMetadataWithCalcFunction<import("zod").AnyZodObject, Record<string, unknown> | undefined>[];
+    }>;
+    DELAY_RENDER_CALLSTACK_TOKEN: string;
+    portalNode: () => HTMLElement;
+    waitForRoot: (fn: (comp: import("react").FC<{}>) => void) => () => void;
+    CanUseRemotionHooksProvider: import("react").FC<{
+        children: import("react").ReactNode;
+    }>;
+    CanUseRemotionHooks: import("react").Context<boolean>;
+    PrefetchProvider: import("react").FC<{
+        children: import("react").ReactNode;
+    }>;
+    DurationsContextProvider: import("react").FC<{
+        children: import("react").ReactNode;
+    }>;
+    IsPlayerContextProvider: import("react").FC<{
+        children?: import("react").ReactNode;
+    }>;
+    useIsPlayer: () => boolean;
+    useRemotionEnvironment: () => RemotionEnvironment;
+    validateFrame: ({ allowFloats, durationInFrames, frame, }: {
+        frame: number;
+        durationInFrames: number;
+        allowFloats: boolean;
+    }) => void;
+    EditorPropsProvider: import("react").FC<{
+        children: import("react").ReactNode;
+    }>;
+    EditorPropsContext: import("react").Context<import("./EditorProps.js").EditorPropsContextType>;
+    usePreload: (src: string) => string;
+    processColor: typeof processColor;
+    NonceContext: import("react").Context<import("./nonce.js").TNonceContext>;
+    resolveVideoConfig: ({ composition, editorProps: editorPropsOrUndefined, signal, }: {
+        composition: import("./CompositionManager.js").TCompMetadataWithCalcFunction<import("zod").AnyZodObject, Record<string, unknown> | undefined>;
+        editorProps: object;
+        signal: AbortSignal;
+    }) => import("./video-config.js").VideoConfig | Promise<import("./video-config.js").VideoConfig>;
+    useResolvedVideoConfig: (preferredCompositionId: string | null) => ({
+        type: "loading";
+    } | {
+        type: "success";
+        result: import("./video-config.js").VideoConfig;
+    } | {
+        type: "error";
+        error: Error;
+    }) | null;
+    resolveCompositionsRef: import("react").RefObject<{
+        setCurrentRenderModalComposition: (compositionId: string | null) => void;
+        reloadCurrentlySelectedComposition: () => void;
+    }>;
+    ResolveCompositionConfig: import("react").FC<import("react").PropsWithChildren<{
+        children: import("react").ReactNode;
+    }>>;
+    REMOTION_STUDIO_CONTAINER_ELEMENT: string;
+    AssetManager: import("react").Context<import("./AssetManager.js").AssetManagerContext>;
+    bundleName: string;
+};
+export type { TComposition, Timeline, TCompMetadata, TSequence, TAsset, TimelineContextValue, SetTimelineContextValue, CompProps, CompositionManagerContext, MediaVolumeContextValue, SetMediaVolumeContextValue, RemotionEnvironment, };

package/dist/cjs/internals.js

@@ -0,0 +1,120 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = 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];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Internals = void 0;
+const AssetManager_js_1 = require("./AssetManager.js");
+const shared_audio_tags_js_1 = require("./audio/shared-audio-tags.js");
+const CanUseRemotionHooks_js_1 = require("./CanUseRemotionHooks.js");
+const CompositionManager_js_1 = require("./CompositionManager.js");
+const CompositionManagerContext_js_1 = require("./CompositionManagerContext.js");
+const CSSUtils = __importStar(require("./default-css.js"));
+const delay_render_js_1 = require("./delay-render.js");
+const EditorProps_js_1 = require("./EditorProps.js");
+const get_environment_js_1 = require("./get-environment.js");
+const get_preview_dom_element_js_1 = require("./get-preview-dom-element.js");
+const interpolate_colors_js_1 = require("./interpolate-colors.js");
+const is_player_js_1 = require("./is-player.js");
+const nonce_js_1 = require("./nonce.js");
+const portal_node_js_1 = require("./portal-node.js");
+const prefetch_state_js_1 = require("./prefetch-state.js");
+const prefetch_js_1 = require("./prefetch.js");
+const register_root_js_1 = require("./register-root.js");
+const RemotionRoot_js_1 = require("./RemotionRoot.js");
+const resolve_video_config_js_1 = require("./resolve-video-config.js");
+const ResolveCompositionConfig_js_1 = require("./ResolveCompositionConfig.js");
+const SequenceContext_js_1 = require("./SequenceContext.js");
+const SequenceManager_js_1 = require("./SequenceManager.js");
+const setup_env_variables_js_1 = require("./setup-env-variables.js");
+const TimelinePosition = __importStar(require("./timeline-position-state.js"));
+const truthy_js_1 = require("./truthy.js");
+const use_lazy_component_js_1 = require("./use-lazy-component.js");
+const use_unsafe_video_config_js_1 = require("./use-unsafe-video-config.js");
+const use_video_js_1 = require("./use-video.js");
+const validate_frame_js_1 = require("./validate-frame.js");
+const validate_composition_id_js_1 = require("./validation/validate-composition-id.js");
+const validate_default_props_js_1 = require("./validation/validate-default-props.js");
+const validate_dimensions_js_1 = require("./validation/validate-dimensions.js");
+const validate_duration_in_frames_js_1 = require("./validation/validate-duration-in-frames.js");
+const validate_fps_js_1 = require("./validation/validate-fps.js");
+const duration_state_js_1 = require("./video/duration-state.js");
+const volume_position_state_js_1 = require("./volume-position-state.js");
+const wrap_remotion_context_js_1 = require("./wrap-remotion-context.js");
+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 = {
+    useUnsafeVideoConfig: use_unsafe_video_config_js_1.useUnsafeVideoConfig,
+    Timeline,
+    CompositionManager: CompositionManagerContext_js_1.CompositionManager,
+    SequenceManager: SequenceManager_js_1.SequenceManager,
+    RemotionRoot: RemotionRoot_js_1.RemotionRoot,
+    useVideo: use_video_js_1.useVideo,
+    getRoot: register_root_js_1.getRoot,
+    useMediaVolumeState: volume_position_state_js_1.useMediaVolumeState,
+    useMediaMutedState: volume_position_state_js_1.useMediaMutedState,
+    useLazyComponent: use_lazy_component_js_1.useLazyComponent,
+    truthy: truthy_js_1.truthy,
+    SequenceContext: SequenceContext_js_1.SequenceContext,
+    useRemotionContexts: wrap_remotion_context_js_1.useRemotionContexts,
+    RemotionContextProvider: wrap_remotion_context_js_1.RemotionContextProvider,
+    CSSUtils,
+    setupEnvVariables: setup_env_variables_js_1.setupEnvVariables,
+    MediaVolumeContext: volume_position_state_js_1.MediaVolumeContext,
+    SetMediaVolumeContext: volume_position_state_js_1.SetMediaVolumeContext,
+    validateDurationInFrames: validate_duration_in_frames_js_1.validateDurationInFrames,
+    validateFps: validate_fps_js_1.validateFps,
+    validateDefaultAndInputProps: validate_default_props_js_1.validateDefaultAndInputProps,
+    validateDimension: validate_dimensions_js_1.validateDimension,
+    getRemotionEnvironment: get_environment_js_1.getRemotionEnvironment,
+    SharedAudioContext: shared_audio_tags_js_1.SharedAudioContext,
+    SharedAudioContextProvider: shared_audio_tags_js_1.SharedAudioContextProvider,
+    invalidCompositionErrorMessage: validate_composition_id_js_1.invalidCompositionErrorMessage,
+    isCompositionIdValid: validate_composition_id_js_1.isCompositionIdValid,
+    getPreviewDomElement: get_preview_dom_element_js_1.getPreviewDomElement,
+    compositionsRef: CompositionManager_js_1.compositionsRef,
+    DELAY_RENDER_CALLSTACK_TOKEN: delay_render_js_1.DELAY_RENDER_CALLSTACK_TOKEN,
+    portalNode: portal_node_js_1.portalNode,
+    waitForRoot: register_root_js_1.waitForRoot,
+    CanUseRemotionHooksProvider: CanUseRemotionHooks_js_1.CanUseRemotionHooksProvider,
+    CanUseRemotionHooks: CanUseRemotionHooks_js_1.CanUseRemotionHooks,
+    PrefetchProvider: prefetch_state_js_1.PrefetchProvider,
+    DurationsContextProvider: duration_state_js_1.DurationsContextProvider,
+    IsPlayerContextProvider: is_player_js_1.IsPlayerContextProvider,
+    useIsPlayer: is_player_js_1.useIsPlayer,
+    useRemotionEnvironment: get_environment_js_1.useRemotionEnvironment,
+    validateFrame: validate_frame_js_1.validateFrame,
+    EditorPropsProvider: EditorProps_js_1.EditorPropsProvider,
+    EditorPropsContext: EditorProps_js_1.EditorPropsContext,
+    usePreload: prefetch_js_1.usePreload,
+    processColor: interpolate_colors_js_1.processColor,
+    NonceContext: nonce_js_1.NonceContext,
+    resolveVideoConfig: resolve_video_config_js_1.resolveVideoConfig,
+    useResolvedVideoConfig: ResolveCompositionConfig_js_1.useResolvedVideoConfig,
+    resolveCompositionsRef: ResolveCompositionConfig_js_1.resolveCompositionsRef,
+    ResolveCompositionConfig: ResolveCompositionConfig_js_1.ResolveCompositionConfig,
+    REMOTION_STUDIO_CONTAINER_ELEMENT: get_preview_dom_element_js_1.REMOTION_STUDIO_CONTAINER_ELEMENT,
+    AssetManager: AssetManager_js_1.AssetManager,
+    bundleName: 'bundle.js',
+};

package/dist/{interpolate-colors.d.ts → cjs/interpolate-colors.d.ts}

@@ -2,4 +2,9 @@
  * Copied from:
  * https://github.com/software-mansion/react-native-reanimated/blob/master/src/reanimated2/Colors.ts
  */
+export declare function processColor(color: string): number;
+/**
+ * @description This function allows you to map a range of values to colors using a concise syntax.
+ * @see [Documentation](https://www.remotion.dev/docs/interpolate-colors)
+ */
 export declare const interpolateColors: (input: number, inputRange: readonly number[], outputRange: readonly string[]) => string;

package/dist/{interpolate-colors.js → cjs/interpolate-colors.js}

@@ -4,9 +4,9 @@
  * https://github.com/software-mansion/react-native-reanimated/blob/master/src/reanimated2/Colors.ts
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.interpolateColors = void 0;
+exports.interpolateColors = exports.processColor = void 0;
 /* eslint no-bitwise: 0 */
-const interpolate_1 = require("./interpolate");
+const interpolate_js_1 = require("./interpolate.js");
 // var INTEGER = '[-+]?\\d+';
 const NUMBER = '[-+]?\\d*\\.?\\d+';
 const PERCENTAGE = NUMBER + '%';
@@ -356,18 +356,14 @@ const blue = (c) => {
 const rgbaColor = (r, g, b, alpha) => {
     return `rgba(${r}, ${g}, ${b}, ${alpha})`;
 };
-function processColorInitially(color) {
-    let normalizedColor = normalizeColor(color);
-    normalizedColor = ((normalizedColor << 24) | (normalizedColor >>> 8)) >>> 0; // argb
-    return normalizedColor;
-}
 function processColor(color) {
-    const normalizedColor = processColorInitially(color);
-    return normalizedColor;
+    const normalizedColor = normalizeColor(color);
+    return ((normalizedColor << 24) | (normalizedColor >>> 8)) >>> 0; // argb
 }
+exports.processColor = processColor;
 const interpolateColorsRGB = (value, inputRange, colors) => {
     const [r, g, b, a] = [red, green, blue, opacity].map((f) => {
-        const unrounded = (0, interpolate_1.interpolate)(value, inputRange, colors.map((c) => f(c)), {
+        const unrounded = (0, interpolate_js_1.interpolate)(value, inputRange, colors.map((c) => f(c)), {
             extrapolateLeft: 'clamp',
             extrapolateRight: 'clamp',
         });
@@ -378,6 +374,10 @@ const interpolateColorsRGB = (value, inputRange, colors) => {
     });
     return rgbaColor(r, g, b, a);
 };
+/**
+ * @description This function allows you to map a range of values to colors using a concise syntax.
+ * @see [Documentation](https://www.remotion.dev/docs/interpolate-colors)
+ */
 const interpolateColors = (input, inputRange, outputRange) => {
     if (typeof input === 'undefined') {
         throw new TypeError('input can not be undefined');

package/dist/{interpolate.d.ts → cjs/interpolate.d.ts}

@@ -1,4 +1,13 @@
-declare type ExtrapolateType = 'extend' | 'identity' | 'clamp';
+export type ExtrapolateType = 'extend' | 'identity' | 'clamp';
+/**
+ * @description This function allows you to map a range of values to another with a conside syntax
+ * @see [Documentation](https://www.remotion.dev/docs/interpolate)
+ */
+export type InterpolateOptions = Partial<{
+    easing: (input: number) => number;
+    extrapolateLeft: ExtrapolateType;
+    extrapolateRight: ExtrapolateType;
+}>;
 /**
  * Map a value from an input range to an output range.
  * @link https://www.remotion.dev/docs/interpolate
@@ -10,9 +19,4 @@ declare type ExtrapolateType = 'extend' | 'identity' | 'clamp';
  * @param {string=} [options.extrapolateLeft="extend"] What should happen if the input value is outside left the input range, default: "extend" {@link https://www.remotion.dev/docs/interpolate#extrapolateleft}
  * @param {string=} [options.extrapolateRight="extend"] Same as extrapolateLeft, except for values outside right the input range {@link https://www.remotion.dev/docs/interpolate#extrapolateright}
  */
-export declare function interpolate(input: number, inputRange: readonly number[], outputRange: readonly number[], options?: {
-    easing?: (input: number) => number;
-    extrapolateLeft?: ExtrapolateType;
-    extrapolateRight?: ExtrapolateType;
-}): number;
-export {};
+export declare function interpolate(input: number, inputRange: readonly number[], outputRange: readonly number[], options?: InterpolateOptions): number;

package/dist/cjs/is-player.d.ts

@@ -0,0 +1,3 @@
+import type { PropsWithChildren } from 'react';
+export declare const IsPlayerContextProvider: React.FC<PropsWithChildren>;
+export declare const useIsPlayer: () => boolean;

package/dist/cjs/is-player.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useIsPlayer = exports.IsPlayerContextProvider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const IsPlayerContext = (0, react_1.createContext)(false);
+const IsPlayerContextProvider = ({ children, }) => {
+    return (0, jsx_runtime_1.jsx)(IsPlayerContext.Provider, { value: true, children: children });
+};
+exports.IsPlayerContextProvider = IsPlayerContextProvider;
+const useIsPlayer = () => {
+    return (0, react_1.useContext)(IsPlayerContext);
+};
+exports.useIsPlayer = useIsPlayer;

package/dist/{loading-indicator.js → cjs/loading-indicator.js}

@@ -2,13 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Loading = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const AbsoluteFill_1 = require("./AbsoluteFill");
+const AbsoluteFill_js_1 = require("./AbsoluteFill.js");
 const rotate = {
     transform: `rotate(90deg)`,
 };
 const ICON_SIZE = 40;
 const label = {
-    color: '#555',
+    color: 'white',
     fontSize: 14,
     fontFamily: 'sans-serif',
 };
@@ -17,7 +17,7 @@ const container = {
     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: `
+    return ((0, jsx_runtime_1.jsxs)(AbsoluteFill_js_1.AbsoluteFill, { style: container, id: "remotion-comp-loading", children: [(0, jsx_runtime_1.jsx)("style", { type: "text/css", children: `
 				@keyframes anim {
 					from {
 						opacity: 0
@@ -30,6 +30,6 @@ const 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..." })] }));
+			` }), (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.jsxs)("p", { style: label, children: ["Resolving ", '<Suspense>', "..."] })] }));
 };
 exports.Loading = Loading;

package/dist/cjs/loop/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { LayoutAndStyle } from '../Sequence.js';
+export type LoopProps = {
+    durationInFrames: number;
+    times?: number;
+    name?: string;
+    children: React.ReactNode;
+} & LayoutAndStyle;
+/**
+ * @description This component allows you to quickly lay out an animation so it repeats itself.
+ * @see [Documentation](https://www.remotion.dev/docs/loop)
+ */
+export declare const Loop: React.FC<LoopProps>;