remotion 4.0.0-webhook.26 → 4.0.0

package/dist/{freeze.js → cjs/freeze.js}

@@ -3,9 +3,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Freeze = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const Sequence_1 = require("./Sequence");
-const timeline_position_state_1 = require("./timeline-position-state");
+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");
+/**
+ * @description This method freezes all of its children to the frame that you specify as a prop
+ * @see [Documentation](https://www.remotion.dev/docs/freeze)
+ */
 const Freeze = ({ frame, children }) => {
+    const videoConfig = (0, use_video_config_js_1.useVideoConfig)();
     if (typeof frame === 'undefined') {
         throw new Error(`The <Freeze /> component requires a 'frame' prop, but none was passed.`);
     }
@@ -18,7 +24,7 @@ const Freeze = ({ frame, children }) => {
     if (!Number.isFinite(frame)) {
         throw new Error(`The 'frame' prop of <Freeze /> must be a finite number, but it is ${frame}.`);
     }
-    const context = (0, react_1.useContext)(timeline_position_state_1.TimelineContext);
+    const context = (0, react_1.useContext)(timeline_position_state_js_1.TimelineContext);
     const value = (0, react_1.useMemo)(() => {
         return {
             ...context,
@@ -26,9 +32,11 @@ const Freeze = ({ frame, children }) => {
             imperativePlaying: {
                 current: false,
             },
-            frame,
+            frame: {
+                [videoConfig.id]: frame,
+            },
         };
-    }, [context, frame]);
-    return ((0, jsx_runtime_1.jsx)(timeline_position_state_1.TimelineContext.Provider, { value: value, children: (0, jsx_runtime_1.jsx)(Sequence_1.SequenceContext.Provider, { value: null, children: children }) }));
+    }, [context, frame, videoConfig.id]);
+    return ((0, jsx_runtime_1.jsx)(timeline_position_state_js_1.TimelineContext.Provider, { value: value, children: (0, jsx_runtime_1.jsx)(SequenceContext_js_1.SequenceContext.Provider, { value: null, children: children }) }));
 };
 exports.Freeze = Freeze;

package/dist/cjs/get-environment.d.ts

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

package/dist/{get-environment.js → cjs/get-environment.js}

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

package/dist/cjs/get-preview-dom-element.d.ts

@@ -0,0 +1,2 @@
+export declare const REMOTION_STUDIO_CONTAINER_ELEMENT = "__remotion-studio-container";
+export declare const getPreviewDomElement: () => HTMLElement | null;

package/dist/cjs/get-preview-dom-element.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getPreviewDomElement = exports.REMOTION_STUDIO_CONTAINER_ELEMENT = void 0;
+exports.REMOTION_STUDIO_CONTAINER_ELEMENT = '__remotion-studio-container';
+const getPreviewDomElement = () => {
+    return document.getElementById(exports.REMOTION_STUDIO_CONTAINER_ELEMENT);
+};
+exports.getPreviewDomElement = getPreviewDomElement;

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

@@ -0,0 +1,21 @@
+/**
+ * @description The function array containing all files in the public/ folder. You can reference them by using staticFile().
+ * @see [Documentation](https://www.remotion.dev/docs/getstaticfiles)
+ */
+export declare const getStaticFiles: () => StaticFile[];
+export type StaticFile = {
+    /**
+     * A string that you can pass to the `src` attribute of an `<Audio>`, `<Img>` and `<Video>` element.
+     */
+    src: string;
+    /**
+     * The filepath of the file, relative to the public folder.
+     * Example: `subfolder/image.png`
+     */
+    name: string;
+    sizeInBytes: number;
+    /**
+     * UNIX timestamp in milliseconds
+     */
+    lastModified: number;
+};

package/dist/cjs/get-static-files.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getStaticFiles = void 0;
+let warnedServer = false;
+let warnedPlayer = false;
+const warnServerOnce = () => {
+    if (warnedServer) {
+        return;
+    }
+    warnedServer = true;
+    console.warn('Called getStaticFiles() on the server. The API is only available in the browser. An empty array was returned.');
+};
+const warnPlayerOnce = () => {
+    if (warnedPlayer) {
+        return;
+    }
+    warnedPlayer = true;
+    console.warn('Called getStaticFiles() while using the Remotion Player. The API is only available while using the Remotion Studio. An empty array was returned.');
+};
+/**
+ * @description The function array containing all files in the public/ folder. You can reference them by using staticFile().
+ * @see [Documentation](https://www.remotion.dev/docs/getstaticfiles)
+ */
+const getStaticFiles = () => {
+    if (typeof document === 'undefined') {
+        warnServerOnce();
+        return [];
+    }
+    if (window.remotion_isPlayer) {
+        warnPlayerOnce();
+        return [];
+    }
+    return window.remotion_staticFiles;
+};
+exports.getStaticFiles = getStaticFiles;

package/dist/cjs/index.d.ts

@@ -0,0 +1,102 @@
+import './asset-types.js';
+import type { 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<VideoConfig[]>;
+        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, composition: string) => 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: '7';
+        remotion_version: string;
+        remotion_imported: string | boolean;
+    }
+}
+export type BundleState = {
+    type: 'index';
+} | {
+    type: 'evaluation';
+} | {
+    type: 'composition';
+    compositionName: string;
+    props: 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, 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://www.remotion.dev/docs/4-0-migration.');
+            process.exit(1);
+        };
+    },
+});

package/dist/cjs/internals.d.ts

@@ -0,0 +1,132 @@
+/// <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 { validateDimension } from './validation/validate-dimensions.js';
+import { validateDurationInFrames } from './validation/validate-duration-in-frames.js';
+import { validateFps } from './validation/validate-fps.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: {
+    readonly useUnsafeVideoConfig: () => import("./video-config.js").VideoConfig | null;
+    readonly Timeline: typeof TimelinePosition;
+    readonly CompositionManager: import("react").Context<CompositionManagerContext>;
+    readonly SequenceManager: import("react").Context<import("./SequenceManager.js").SequenceManagerContext>;
+    readonly RemotionRoot: import("react").FC<{
+        children: import("react").ReactNode;
+        numberOfAudioTags: number;
+    }>;
+    readonly useVideo: () => (import("./video-config.js").VideoConfig & {
+        component: import("react").LazyExoticComponent<import("react").ComponentType<Record<string, unknown>>>;
+    }) | null;
+    readonly getRoot: () => import("react").FC<{}> | null;
+    readonly useMediaVolumeState: () => readonly [number, (u: number) => void];
+    readonly useMediaMutedState: () => readonly [boolean, (u: import("react").SetStateAction<boolean>) => void];
+    readonly 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>;
+    };
+    readonly truthy: typeof truthy;
+    readonly SequenceContext: import("react").Context<import("./SequenceContext.js").SequenceContextType | null>;
+    readonly useRemotionContexts: typeof useRemotionContexts;
+    readonly RemotionContextProvider: (props: import("./wrap-remotion-context.js").RemotionContextProviderProps) => JSX.Element;
+    readonly CSSUtils: typeof CSSUtils;
+    readonly setupEnvVariables: () => void;
+    readonly MediaVolumeContext: import("react").Context<MediaVolumeContextValue>;
+    readonly SetMediaVolumeContext: import("react").Context<SetMediaVolumeContextValue>;
+    readonly validateDurationInFrames: typeof validateDurationInFrames;
+    readonly validateFps: typeof validateFps;
+    readonly validateDefaultAndInputProps: (defaultProps: unknown, name: "defaultProps" | "inputProps", compositionId: string | null) => void;
+    readonly validateDimension: typeof validateDimension;
+    readonly getRemotionEnvironment: () => RemotionEnvironment;
+    readonly 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>;
+    readonly SharedAudioContextProvider: import("react").FC<{
+        numberOfAudioTags: number;
+        children: import("react").ReactNode;
+        component: import("react").LazyExoticComponent<import("react").ComponentType<Record<string, unknown>>> | null;
+    }>;
+    readonly invalidCompositionErrorMessage: string;
+    readonly isCompositionIdValid: (id: string) => RegExpMatchArray | null;
+    readonly getPreviewDomElement: () => HTMLElement | null;
+    readonly compositionsRef: import("react").RefObject<{
+        getCompositions: () => import("./CompositionManager.js").TCompMetadataWithCalcFunction<import("zod").AnyZodObject, Record<string, unknown>>[];
+    }>;
+    readonly DELAY_RENDER_CALLSTACK_TOKEN: "The delayRender was called:";
+    readonly portalNode: () => HTMLElement;
+    readonly waitForRoot: (fn: (comp: import("react").FC<{}>) => void) => () => void;
+    readonly CanUseRemotionHooksProvider: import("react").FC<{
+        children: import("react").ReactNode;
+    }>;
+    readonly CanUseRemotionHooks: import("react").Context<boolean>;
+    readonly PrefetchProvider: import("react").FC<{
+        children: import("react").ReactNode;
+    }>;
+    readonly DurationsContextProvider: import("react").FC<{
+        children: import("react").ReactNode;
+    }>;
+    readonly IsPlayerContextProvider: import("react").FC<{
+        children?: import("react").ReactNode;
+    }>;
+    readonly useIsPlayer: () => boolean;
+    readonly useRemotionEnvironment: () => RemotionEnvironment;
+    readonly validateFrame: ({ allowFloats, durationInFrames, frame, }: {
+        frame: number;
+        durationInFrames: number;
+        allowFloats: boolean;
+    }) => void;
+    readonly EditorPropsProvider: import("react").FC<{
+        children: import("react").ReactNode;
+    }>;
+    readonly EditorPropsContext: import("react").Context<import("./EditorProps.js").EditorPropsContextType>;
+    readonly usePreload: (src: string) => string;
+    readonly processColor: typeof processColor;
+    readonly NonceContext: import("react").Context<import("./nonce.js").TNonceContext>;
+    readonly resolveVideoConfig: ({ composition, editorProps: editorPropsOrUndefined, signal, }: {
+        composition: import("./CompositionManager.js").TCompMetadataWithCalcFunction<import("zod").AnyZodObject, Record<string, unknown>>;
+        editorProps: object;
+        signal: AbortSignal;
+    }) => import("./video-config.js").VideoConfig | Promise<import("./video-config.js").VideoConfig>;
+    readonly useResolvedVideoConfig: (preferredCompositionId: string | null) => ({
+        type: "loading";
+    } | {
+        type: "success";
+        result: import("./video-config.js").VideoConfig;
+    } | {
+        type: "error";
+        error: Error;
+    }) | null;
+    readonly resolveCompositionsRef: import("react").RefObject<{
+        setCurrentRenderModalComposition: (compositionId: string | null) => void;
+        reloadCurrentlySelectedComposition: () => void;
+    }>;
+    readonly ResolveCompositionConfig: import("react").FC<import("react").PropsWithChildren<{
+        children: import("react").ReactNode;
+    }>>;
+    readonly REMOTION_STUDIO_CONTAINER_ELEMENT: "__remotion-studio-container";
+    readonly AssetManager: import("react").Context<import("./AssetManager.js").AssetManagerContext>;
+    readonly bundleName: "bundle.js";
+    readonly persistCurrentFrame: (frame: number, composition: string) => void;
+    readonly useTimelineSetFrame: () => (u: import("react").SetStateAction<Record<string, number>>) => void;
+};
+export type { TComposition, Timeline, TCompMetadata, TSequence, TAsset, TimelineContextValue, SetTimelineContextValue, CompProps, CompositionManagerContext, MediaVolumeContextValue, SetMediaVolumeContextValue, RemotionEnvironment, };

package/dist/cjs/internals.js

@@ -0,0 +1,123 @@
+"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 timeline_position_state_js_1 = require("./timeline-position-state.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',
+    persistCurrentFrame: timeline_position_state_js_1.persistCurrentFrame,
+    useTimelineSetFrame: timeline_position_state_js_1.useTimelineSetFrame,
+};

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;