remotion 3.3.45 → 3.3.51

package/dist/{audio → cjs/audio}/AudioForRendering.js

@@ -3,32 +3,32 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.AudioForRendering = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const absolute_src_1 = require("../absolute-src");
-const CompositionManager_1 = require("../CompositionManager");
-const delay_render_1 = require("../delay-render");
-const get_environment_1 = require("../get-environment");
-const random_1 = require("../random");
-const Sequence_1 = require("../Sequence");
-const timeline_position_state_1 = require("../timeline-position-state");
-const use_current_frame_1 = require("../use-current-frame");
-const volume_prop_1 = require("../volume-prop");
-const use_audio_frame_1 = require("./use-audio-frame");
+const absolute_src_js_1 = require("../absolute-src.js");
+const CompositionManager_js_1 = require("../CompositionManager.js");
+const delay_render_js_1 = require("../delay-render.js");
+const get_environment_js_1 = require("../get-environment.js");
+const random_js_1 = require("../random.js");
+const Sequence_js_1 = require("../Sequence.js");
+const timeline_position_state_js_1 = require("../timeline-position-state.js");
+const use_current_frame_js_1 = require("../use-current-frame.js");
+const volume_prop_js_1 = require("../volume-prop.js");
+const use_audio_frame_js_1 = require("./use-audio-frame.js");
 const AudioForRenderingRefForwardingFunction = (props, ref) => {
     const audioRef = (0, react_1.useRef)(null);
-    const absoluteFrame = (0, timeline_position_state_1.useTimelinePosition)();
-    const volumePropFrame = (0, use_audio_frame_1.useFrameForVolumeProp)();
-    const frame = (0, use_current_frame_1.useCurrentFrame)();
-    const sequenceContext = (0, react_1.useContext)(Sequence_1.SequenceContext);
-    const { registerAsset, unregisterAsset } = (0, react_1.useContext)(CompositionManager_1.CompositionManager);
-    const environment = (0, get_environment_1.useRemotionEnvironment)();
+    const absoluteFrame = (0, timeline_position_state_js_1.useTimelinePosition)();
+    const volumePropFrame = (0, use_audio_frame_js_1.useFrameForVolumeProp)();
+    const frame = (0, use_current_frame_js_1.useCurrentFrame)();
+    const sequenceContext = (0, react_1.useContext)(Sequence_js_1.SequenceContext);
+    const { registerAsset, unregisterAsset } = (0, react_1.useContext)(CompositionManager_js_1.CompositionManager);
+    const environment = (0, get_environment_js_1.useRemotionEnvironment)();
     // Generate a string that's as unique as possible for this asset
     // but at the same time the same on all threads
     const id = (0, react_1.useMemo)(() => {
         var _a;
-        return `audio-${(0, random_1.random)((_a = props.src) !== null && _a !== void 0 ? _a : '')}-${sequenceContext === null || sequenceContext === void 0 ? void 0 : sequenceContext.relativeFrom}-${sequenceContext === null || sequenceContext === void 0 ? void 0 : sequenceContext.cumulatedFrom}-${sequenceContext === null || sequenceContext === void 0 ? void 0 : sequenceContext.durationInFrames}`;
+        return `audio-${(0, random_js_1.random)((_a = props.src) !== null && _a !== void 0 ? _a : '')}-${sequenceContext === null || sequenceContext === void 0 ? void 0 : sequenceContext.relativeFrom}-${sequenceContext === null || sequenceContext === void 0 ? void 0 : sequenceContext.cumulatedFrom}-${sequenceContext === null || sequenceContext === void 0 ? void 0 : sequenceContext.durationInFrames}`;
     }, [props.src, sequenceContext]);
     const { volume: volumeProp, playbackRate, allowAmplificationDuringRender, onDuration, ...nativeProps } = props;
-    const volume = (0, volume_prop_1.evaluateVolume)({
+    const volume = (0, volume_prop_js_1.evaluateVolume)({
         volume: volumeProp,
         frame: volumePropFrame,
         mediaVolume: 1,
@@ -53,7 +53,7 @@ const AudioForRenderingRefForwardingFunction = (props, ref) => {
         }
         registerAsset({
             type: 'audio',
-            src: (0, absolute_src_1.getAbsoluteSrc)(props.src),
+            src: (0, absolute_src_js_1.getAbsoluteSrc)(props.src),
             id,
             frame: absoluteFrame,
             volume,
@@ -84,17 +84,17 @@ const AudioForRenderingRefForwardingFunction = (props, ref) => {
             if (process.env.NODE_ENV === 'test') {
                 return;
             }
-            const newHandle = (0, delay_render_1.delayRender)('Loading <Audio> duration with src=' + src);
+            const newHandle = (0, delay_render_js_1.delayRender)('Loading <Audio> duration with src=' + src);
             const { current } = audioRef;
             const didLoad = () => {
                 if (current === null || current === void 0 ? void 0 : current.duration) {
                     onDuration(src, current.duration);
                 }
-                (0, delay_render_1.continueRender)(newHandle);
+                (0, delay_render_js_1.continueRender)(newHandle);
             };
             if (current === null || current === void 0 ? void 0 : current.duration) {
                 onDuration(src, current.duration);
-                (0, delay_render_1.continueRender)(newHandle);
+                (0, delay_render_js_1.continueRender)(newHandle);
             }
             else {
                 current === null || current === void 0 ? void 0 : current.addEventListener('loadedmetadata', didLoad, { once: true });
@@ -102,7 +102,7 @@ const AudioForRenderingRefForwardingFunction = (props, ref) => {
             // If tag gets unmounted, clear pending handles because video metadata is not going to load
             return () => {
                 current === null || current === void 0 ? void 0 : current.removeEventListener('loadedmetadata', didLoad);
-                (0, delay_render_1.continueRender)(newHandle);
+                (0, delay_render_js_1.continueRender)(newHandle);
             };
         }, [src, onDuration]);
     }

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

@@ -0,0 +1,2 @@
+export * from './Audio.js';
+export * from './props.js';

package/dist/{audio → cjs/audio}/index.js

@@ -14,5 +14,5 @@ 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 });
-__exportStar(require("./Audio"), exports);
-__exportStar(require("./props"), exports);
+__exportStar(require("./Audio.js"), exports);
+__exportStar(require("./props.js"), exports);

package/dist/{audio → cjs/audio}/props.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { VolumeProp } from '../volume-prop';
+import type { VolumeProp } from '../volume-prop.js';
 export declare type RemotionMainAudioProps = {
     startFrom?: number;
     endAt?: number;

package/dist/{audio → cjs/audio}/shared-audio-tags.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { RemotionAudioProps } from './props';
+import type { RemotionAudioProps } from './props.js';
 /**
  * This functionality of Remotion will keep a certain amount
  * of <audio> tags pre-mounted and by default filled with an empty audio track.

package/dist/{audio → cjs/audio}/use-audio-frame.js

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useFrameForVolumeProp = exports.useMediaStartsAt = void 0;
 const react_1 = require("react");
-const Sequence_1 = require("../Sequence");
-const use_current_frame_1 = require("../use-current-frame");
+const Sequence_js_1 = require("../Sequence.js");
+const use_current_frame_js_1 = require("../use-current-frame.js");
 const useMediaStartsAt = () => {
     var _a;
-    const parentSequence = (0, react_1.useContext)(Sequence_1.SequenceContext);
+    const parentSequence = (0, react_1.useContext)(Sequence_js_1.SequenceContext);
     const startsAt = Math.min(0, (_a = parentSequence === null || parentSequence === void 0 ? void 0 : parentSequence.relativeFrom) !== null && _a !== void 0 ? _a : 0);
     return startsAt;
 };
@@ -16,7 +16,7 @@ exports.useMediaStartsAt = useMediaStartsAt;
  * we calculate the way more intuitive value for currentFrame
  */
 const useFrameForVolumeProp = () => {
-    const frame = (0, use_current_frame_1.useCurrentFrame)();
+    const frame = (0, use_current_frame_js_1.useCurrentFrame)();
     const startsAt = (0, exports.useMediaStartsAt)();
     return frame + startsAt;
 };

package/dist/{config → cjs/config}/input-props.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getInputProps = void 0;
-const get_environment_1 = require("../get-environment");
+const get_environment_js_1 = require("../get-environment.js");
 let didWarnSSRImport = false;
 const warnOnceSSRImport = () => {
     if (didWarnSSRImport) {
@@ -17,8 +17,8 @@ const getInputProps = () => {
         warnOnceSSRImport();
         return {};
     }
-    if ((0, get_environment_1.getRemotionEnvironment)() === 'player-development' ||
-        (0, get_environment_1.getRemotionEnvironment)() === 'player-production') {
+    if ((0, get_environment_js_1.getRemotionEnvironment)() === 'player-development' ||
+        (0, get_environment_js_1.getRemotionEnvironment)() === 'player-production') {
         throw new Error('You cannot call `getInputProps()` from a <Player>. Instead, the props are available as React props from component that you passed as `component` prop.');
     }
     const param = window.remotion_inputProps;

package/dist/{delay-render.js → cjs/delay-render.js}

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.continueRender = exports.delayRender = exports.DELAY_RENDER_CALLSTACK_TOKEN = void 0;
-const get_environment_1 = require("./get-environment");
-const truthy_1 = require("./truthy");
+const get_environment_js_1 = require("./get-environment.js");
+const truthy_js_1 = require("./truthy.js");
 if (typeof window !== 'undefined') {
     window.ready = false;
 }
@@ -25,7 +25,7 @@ const delayRender = (label) => {
     const handle = Math.random();
     handles.push(handle);
     const called = (_b = (_a = Error().stack) === null || _a === void 0 ? void 0 : _a.replace(/^Error/g, '')) !== null && _b !== void 0 ? _b : '';
-    if ((0, get_environment_1.getRemotionEnvironment)() === 'rendering') {
+    if ((0, get_environment_js_1.getRemotionEnvironment)() === 'rendering') {
         const timeoutToUse = typeof window === 'undefined'
             ? defaultTimeout
             : ((_c = window.remotion_puppeteerTimeout) !== null && _c !== void 0 ? _c : defaultTimeout) - 2000;
@@ -37,7 +37,7 @@ const delayRender = (label) => {
                 exports.DELAY_RENDER_CALLSTACK_TOKEN,
                 called,
             ]
-                .filter(truthy_1.truthy)
+                .filter(truthy_js_1.truthy)
                 .join(' ');
             throw new Error(message);
         }, timeoutToUse);
@@ -63,7 +63,7 @@ const continueRender = (handle) => {
     }
     handles = handles.filter((h) => {
         if (h === handle) {
-            if ((0, get_environment_1.getRemotionEnvironment)() === 'rendering') {
+            if ((0, get_environment_js_1.getRemotionEnvironment)() === 'rendering') {
                 clearTimeout(timeouts[handle]);
             }
             return false;

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

@@ -2,7 +2,7 @@
 // Taken from https://github.com/facebook/react-native/blob/0b9ea60b4fee8cacc36e7160e31b91fc114dbc0d/Libraries/Animated/src/Easing.js
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Easing = void 0;
-const bezier_1 = require("./bezier");
+const bezier_js_1 = require("./bezier.js");
 class Easing {
     static step0(n) {
         return n > 0 ? 1 : 0;
@@ -57,7 +57,7 @@ class Easing {
         return 7.5625 * t2 * t2 + 0.984375;
     }
     static bezier(x1, y1, x2, y2) {
-        return (0, bezier_1.bezier)(x1, y1, x2, y2);
+        return (0, bezier_js_1.bezier)(x1, y1, x2, y2);
     }
     static in(easing) {
         return easing;

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

@@ -3,8 +3,8 @@ 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 Sequence_js_1 = require("./Sequence.js");
+const timeline_position_state_js_1 = require("./timeline-position-state.js");
 const Freeze = ({ frame, children }) => {
     if (typeof frame === 'undefined') {
         throw new Error(`The <Freeze /> component requires a 'frame' prop, but none was passed.`);
@@ -18,7 +18,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,
@@ -29,6 +29,6 @@ const Freeze = ({ frame, children }) => {
             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 }) }));
+    return ((0, jsx_runtime_1.jsx)(timeline_position_state_js_1.TimelineContext.Provider, { value: value, children: (0, jsx_runtime_1.jsx)(Sequence_js_1.SequenceContext.Provider, { value: null, children: children }) }));
 };
 exports.Freeze = Freeze;

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useRemotionEnvironment = exports.getRemotionEnvironment = void 0;
-const is_player_1 = require("./is-player");
+const is_player_js_1 = require("./is-player.js");
 const getRemotionEnvironment = () => {
     if (process.env.NODE_ENV === 'production') {
         if (typeof window !== 'undefined' && window.remotion_isPlayer) {
@@ -22,7 +22,7 @@ const getRemotionEnvironment = () => {
 };
 exports.getRemotionEnvironment = getRemotionEnvironment;
 const useRemotionEnvironment = () => {
-    const isPlayer = (0, is_player_1.useIsPlayer)();
+    const isPlayer = (0, is_player_js_1.useIsPlayer)();
     if (isPlayer) {
         if (process.env.NODE_ENV === 'production') {
             return 'player-production';

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

@@ -1,7 +1,7 @@
-import './asset-types';
-import type { TAsset, TCompMetadata } from './CompositionManager';
-import type { StaticFile } from './get-static-files';
-import type { ClipRegion } from './NativeLayers';
+import './asset-types.js';
+import type { TAsset, TCompMetadata } from './CompositionManager.js';
+import type { StaticFile } from './get-static-files.js';
+import type { ClipRegion } from './NativeLayers.js';
 declare global {
     interface Window {
         ready: boolean;
@@ -46,39 +46,39 @@ export declare type BundleState = {
     compositionWidth: number;
     compositionFps: number;
 };
-export * from './AbsoluteFill';
+export * from './AbsoluteFill.js';
 export * from './audio';
-export { cancelRender } from './cancel-render';
-export * from './Composition';
-export { SmallTCompMetadata, TAsset, TCompMetadata } from './CompositionManager';
+export { cancelRender } from './cancel-render.js';
+export * from './Composition.js';
+export { SmallTCompMetadata, TAsset, TCompMetadata } from './CompositionManager.js';
 export { Config, ConfigType } from './config';
-export { getInputProps } from './config/input-props';
-export { continueRender, delayRender } from './delay-render';
-export * from './easing';
-export * from './Folder';
-export * from './freeze';
-export { getStaticFiles, StaticFile } from './get-static-files';
-export * from './IFrame';
-export * from './Img';
-export * from './internals';
-export * from './interpolate';
-export { interpolateColors } from './interpolate-colors';
+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 * from './interpolate.js';
+export { interpolateColors } from './interpolate-colors.js';
 export { Loop } from './loop';
-export { ClipRegion } from './NativeLayers';
-export { prefetch } from './prefetch';
-export { random, RandomSeed } from './random';
-export { registerRoot } from './register-root';
-export { Sequence } from './Sequence';
+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';
 export * from './spring';
-export { staticFile } from './static-file';
-export * from './Still';
-export type { PlayableMediaTag } from './timeline-position-state';
-export { useCurrentFrame } from './use-current-frame';
-export * from './use-video-config';
-export * from './version';
+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';
-export * from './video-config';
+export * from './video-config.js';
 export declare const Experimental: {
     Clipper: import("react").FC<{
         width: number;

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

@@ -15,59 +15,59 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Experimental = exports.useCurrentFrame = exports.staticFile = exports.Series = exports.Sequence = exports.registerRoot = exports.random = exports.prefetch = exports.Loop = exports.interpolateColors = exports.getStaticFiles = exports.delayRender = exports.continueRender = exports.getInputProps = exports.Config = exports.cancelRender = void 0;
-require("./asset-types");
-const Clipper_1 = require("./Clipper");
-const is_player_1 = require("./is-player");
-const multiple_versions_warning_1 = require("./multiple-versions-warning");
-const Null_1 = require("./Null");
-(0, multiple_versions_warning_1.checkMultipleRemotionVersions)();
-__exportStar(require("./AbsoluteFill"), exports);
+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"), exports);
-var cancel_render_1 = require("./cancel-render");
-Object.defineProperty(exports, "cancelRender", { enumerable: true, get: function () { return cancel_render_1.cancelRender; } });
-__exportStar(require("./Composition"), exports);
+var cancel_render_js_1 = require("./cancel-render.js");
+Object.defineProperty(exports, "cancelRender", { enumerable: true, get: function () { return cancel_render_js_1.cancelRender; } });
+__exportStar(require("./Composition.js"), 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; } });
-var delay_render_1 = require("./delay-render");
-Object.defineProperty(exports, "continueRender", { enumerable: true, get: function () { return delay_render_1.continueRender; } });
-Object.defineProperty(exports, "delayRender", { enumerable: true, get: function () { return delay_render_1.delayRender; } });
-__exportStar(require("./easing"), exports);
-__exportStar(require("./Folder"), exports);
-__exportStar(require("./freeze"), exports);
-var get_static_files_1 = require("./get-static-files");
-Object.defineProperty(exports, "getStaticFiles", { enumerable: true, get: function () { return get_static_files_1.getStaticFiles; } });
-__exportStar(require("./IFrame"), exports);
-__exportStar(require("./Img"), exports);
-__exportStar(require("./internals"), exports);
-__exportStar(require("./interpolate"), exports);
-var interpolate_colors_1 = require("./interpolate-colors");
-Object.defineProperty(exports, "interpolateColors", { enumerable: true, get: function () { return interpolate_colors_1.interpolateColors; } });
+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);
+__exportStar(require("./interpolate.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 loop_1 = require("./loop");
 Object.defineProperty(exports, "Loop", { enumerable: true, get: function () { return loop_1.Loop; } });
-var prefetch_1 = require("./prefetch");
-Object.defineProperty(exports, "prefetch", { enumerable: true, get: function () { return prefetch_1.prefetch; } });
-var random_1 = require("./random");
-Object.defineProperty(exports, "random", { enumerable: true, get: function () { return random_1.random; } });
-var register_root_1 = require("./register-root");
-Object.defineProperty(exports, "registerRoot", { enumerable: true, get: function () { return register_root_1.registerRoot; } });
-var Sequence_1 = require("./Sequence");
-Object.defineProperty(exports, "Sequence", { enumerable: true, get: function () { return Sequence_1.Sequence; } });
+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 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);
-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);
+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"), exports);
-__exportStar(require("./video-config"), exports);
+__exportStar(require("./video-config.js"), exports);
 exports.Experimental = {
-    Clipper: Clipper_1.Clipper,
-    Null: Null_1.Null,
-    useIsPlayer: is_player_1.useIsPlayer,
+    Clipper: Clipper_js_1.Clipper,
+    Null: Null_js_1.Null,
+    useIsPlayer: is_player_js_1.useIsPlayer,
 };

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

@@ -1,13 +1,13 @@
 /// <reference types="react" />
-import type { CompProps } from './Composition';
-import type { CompositionManagerContext, TAsset, TCompMetadata, TComposition, TSequence } from './CompositionManager';
-import * as CSSUtils from './default-css';
-import type { RemotionEnvironment } from './get-environment';
-import type { SetTimelineContextValue, TimelineContextValue } from './timeline-position-state';
-import * as TimelinePosition from './timeline-position-state';
-import { truthy } from './truthy';
-import type { MediaVolumeContextValue, SetMediaVolumeContextValue } from './volume-position-state';
-import { useRemotionContexts } from './wrap-remotion-context';
+import type { CompProps } from './Composition.js';
+import type { CompositionManagerContext, TAsset, TCompMetadata, TComposition, TSequence } from './CompositionManager.js';
+import * as CSSUtils from './default-css.js';
+import type { RemotionEnvironment } from './get-environment.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").VideoConfig | null;
@@ -36,9 +36,9 @@ export declare const Internals: {
         readonly _result: import("react").ComponentType<T>;
     };
     truthy: typeof truthy;
-    SequenceContext: import("react").Context<import("./Sequence").SequenceContextType | null>;
+    SequenceContext: import("react").Context<import("./Sequence.js").SequenceContextType | null>;
     useRemotionContexts: typeof useRemotionContexts;
-    RemotionContextProvider: (props: import("./wrap-remotion-context").RemotionContextProviderProps) => JSX.Element;
+    RemotionContextProvider: (props: import("./wrap-remotion-context.js").RemotionContextProviderProps) => JSX.Element;
     CSSUtils: typeof CSSUtils;
     setupEnvVariables: () => void;
     ENV_VARIABLES_ENV_NAME: "ENV_VARIABLES";
@@ -94,5 +94,6 @@ export declare const Internals: {
     }>;
     useIsPlayer: () => boolean;
     useRemotionEnvironment: () => RemotionEnvironment;
+    validateFrame: (frame: number, durationInFrames: number) => void;
 };
 export type { TComposition, Timeline, TCompMetadata, TSequence, TAsset, TimelineContextValue, SetTimelineContextValue, CompProps, CompositionManagerContext, MediaVolumeContextValue, SetMediaVolumeContextValue, RemotionEnvironment, };

package/dist/cjs/internals.js

@@ -0,0 +1,101 @@
+"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 config_1 = require("./config");
+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 CSSUtils = __importStar(require("./default-css.js"));
+const delay_render_js_1 = require("./delay-render.js");
+const get_environment_js_1 = require("./get-environment.js");
+const get_preview_dom_element_js_1 = require("./get-preview-dom-element.js");
+const is_player_js_1 = require("./is-player.js");
+const portal_node_js_1 = require("./portal-node.js");
+const prefetch_state_js_1 = require("./prefetch-state.js");
+const register_root_js_1 = require("./register-root.js");
+const RemotionRoot_js_1 = require("./RemotionRoot.js");
+const Sequence_js_1 = require("./Sequence.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_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 validate_offthreadvideo_image_format_js_1 = require("./validation/validate-offthreadvideo-image-format.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: CompositionManager_js_1.CompositionManager,
+    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: Sequence_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,
+    ENV_VARIABLES_ENV_NAME: setup_env_variables_js_1.ENV_VARIABLES_ENV_NAME,
+    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,
+    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,
+    validateOffthreadVideoImageFormat: validate_offthreadvideo_image_format_js_1.validateOffthreadVideoImageFormat,
+    CanUseRemotionHooksProvider: CanUseRemotionHooks_js_1.CanUseRemotionHooksProvider,
+    CanUseRemotionHooks: CanUseRemotionHooks_js_1.CanUseRemotionHooks,
+    enableLegacyRemotionConfig: config_1.enableLegacyRemotionConfig,
+    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,
+};

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

@@ -6,7 +6,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.interpolateColors = 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 + '%';
@@ -367,7 +367,7 @@ function processColor(color) {
 }
 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',
         });