remotion 3.3.44 → 3.3.51

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;
@@ -89,3 +89,4 @@ export declare const Experimental: {
     Null: import("react").FC<{}>;
     useIsPlayer: () => boolean;
 };
+export declare type WebpackOverrideFn = "The 'WebpackOverrideFn' has been moved to '@remotion/bundler'. Update your imports and install '@remotion/bundler' if necessary.";

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,14 +1,13 @@
 /// <reference types="react" />
-import type { Configuration } from 'webpack';
-import type { CompProps } from './Composition';
-import type { CompositionManagerContext, TAsset, TCompMetadata, TComposition, TSequence } from './CompositionManager';
-import * as CSSUtils from './default-css';
-import 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;
@@ -37,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";
@@ -95,7 +94,6 @@ export declare const Internals: {
     }>;
     useIsPlayer: () => boolean;
     useRemotionEnvironment: () => RemotionEnvironment;
+    validateFrame: (frame: number, durationInFrames: number) => void;
 };
-declare type WebpackConfiguration = Configuration;
-declare type WebpackOverrideFn = (currentConfiguration: WebpackConfiguration) => WebpackConfiguration;
-export type { TComposition, Timeline, TCompMetadata, TSequence, WebpackOverrideFn, WebpackConfiguration, TAsset, TimelineContextValue, SetTimelineContextValue, CompProps, CompositionManagerContext, MediaVolumeContextValue, SetMediaVolumeContextValue, RemotionEnvironment, };
+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',
         });

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

@@ -2,7 +2,7 @@
 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)`,
 };
@@ -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

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { LayoutAndStyle } from '../Sequence';
+import type { LayoutAndStyle } from '../Sequence.js';
 export declare type LoopProps = {
     durationInFrames: number;
     times?: number;

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

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

package/dist/{multiple-versions-warning.js → cjs/multiple-versions-warning.js}

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.checkMultipleRemotionVersions = void 0;
-const truthy_1 = require("./truthy");
-const version_1 = require("./version");
+const truthy_js_1 = require("./truthy.js");
+const version_js_1 = require("./version.js");
 const checkMultipleRemotionVersions = () => {
     if (typeof globalThis === 'undefined') {
         return;
@@ -10,23 +10,23 @@ const checkMultipleRemotionVersions = () => {
     const alreadyImported = globalThis.remotion_imported ||
         (typeof window !== 'undefined' && window.remotion_imported);
     if (alreadyImported) {
-        if (typeof window === 'undefined' && alreadyImported === version_1.VERSION) {
+        if (typeof window === 'undefined' && alreadyImported === version_js_1.VERSION) {
             // Next.JS will reload the package and cause a server-side warning.
             // It's okay if this happens during SSR in developement
             return;
         }
         throw new TypeError(`🚨 Multiple versions of Remotion detected: ${[
-            version_1.VERSION,
+            version_js_1.VERSION,
             typeof alreadyImported === 'string'
                 ? alreadyImported
                 : 'an older version',
         ]
-            .filter(truthy_1.truthy)
+            .filter(truthy_js_1.truthy)
             .join(' and ')}. This will cause things to break in an unexpected way.\nCheck that all your Remotion packages are on the same version. If your dependencies depend on Remotion, make them peer dependencies. You can also run \`npx remotion versions\` from your terminal to see which versions are mismatching.`);
     }
-    globalThis.remotion_imported = version_1.VERSION;
+    globalThis.remotion_imported = version_js_1.VERSION;
     if (typeof window !== 'undefined') {
-        window.remotion_imported = version_1.VERSION;
+        window.remotion_imported = version_js_1.VERSION;
     }
 };
 exports.checkMultipleRemotionVersions = checkMultipleRemotionVersions;

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

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.prefetch = exports.usePreload = void 0;
 const react_1 = require("react");
-const get_environment_1 = require("./get-environment");
-const prefetch_state_1 = require("./prefetch-state");
+const get_environment_js_1 = require("./get-environment.js");
+const prefetch_state_js_1 = require("./prefetch-state.js");
 const usePreload = (src) => {
     var _a;
-    const preloads = (0, react_1.useContext)(prefetch_state_1.PreloadContext);
+    const preloads = (0, react_1.useContext)(prefetch_state_js_1.PreloadContext);
     return (_a = preloads[src]) !== null && _a !== void 0 ? _a : src;
 };
 exports.usePreload = usePreload;
@@ -26,7 +26,7 @@ const blobToBase64 = function (blob) {
 const prefetch = (src, options) => {
     var _a;
     const method = (_a = options === null || options === void 0 ? void 0 : options.method) !== null && _a !== void 0 ? _a : 'blob-url';
-    if ((0, get_environment_1.getRemotionEnvironment)() === 'rendering') {
+    if ((0, get_environment_js_1.getRemotionEnvironment)() === 'rendering') {
         return {
             free: () => undefined,
             waitUntilDone: () => Promise.resolve(src),
@@ -69,7 +69,7 @@ const prefetch = (src, options) => {
             return;
         }
         objectUrl = url;
-        (0, prefetch_state_1.setPreloads)((p) => ({
+        (0, prefetch_state_js_1.setPreloads)((p) => ({
             ...p,
             [src]: objectUrl,
         }));
@@ -84,7 +84,7 @@ const prefetch = (src, options) => {
                 if (method === 'blob-url') {
                     URL.revokeObjectURL(objectUrl);
                 }
-                (0, prefetch_state_1.setPreloads)((p) => {
+                (0, prefetch_state_js_1.setPreloads)((p) => {
                     const copy = { ...p };
                     delete copy[src];
                     return copy;

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

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.random = void 0;
+/* eslint-disable no-bitwise */
 function mulberry32(a) {
     let t = a + 0x6d2b79f5;
     t = Math.imul(t ^ (t >>> 15), t | 1);

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

@@ -1,5 +1,5 @@
 import type { FC, PropsWithChildren } from 'react';
-import type { LayoutAndStyle, SequenceProps } from '../Sequence';
+import type { LayoutAndStyle, SequenceProps } from '../Sequence.js';
 declare type SeriesSequenceProps = PropsWithChildren<{
     durationInFrames: number;
     offset?: number;

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

@@ -3,9 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Series = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const Sequence_1 = require("../Sequence");
-const validate_duration_in_frames_1 = require("../validation/validate-duration-in-frames");
-const flatten_children_1 = require("./flatten-children");
+const Sequence_js_1 = require("../Sequence.js");
+const validate_duration_in_frames_js_1 = require("../validation/validate-duration-in-frames.js");
+const flatten_children_js_1 = require("./flatten-children.js");
 const SeriesSequenceRefForwardingFunction = ({ children }, _ref) => {
     // Discard ref
     // eslint-disable-next-line react/jsx-no-useless-fragment
@@ -15,7 +15,7 @@ const SeriesSequence = (0, react_1.forwardRef)(SeriesSequenceRefForwardingFuncti
 const Series = ({ children }) => {
     const childrenValue = (0, react_1.useMemo)(() => {
         let startFrame = 0;
-        return react_1.Children.map((0, flatten_children_1.flattenChildren)(children), (child, i) => {
+        return react_1.Children.map((0, flatten_children_js_1.flattenChildren)(children), (child, i) => {
             var _a;
             const castedChild = child;
             if (typeof castedChild === 'string') {
@@ -34,7 +34,7 @@ const Series = ({ children }) => {
             }
             const durationInFramesProp = castedChild.props.durationInFrames;
             const { durationInFrames, children: _children, ...passedProps } = castedChild.props;
-            (0, validate_duration_in_frames_1.validateDurationInFrames)(durationInFramesProp, `of a <Series.Sequence /> component`);
+            (0, validate_duration_in_frames_js_1.validateDurationInFrames)(durationInFramesProp, `of a <Series.Sequence /> component`);
             const offset = (_a = castedChild.props.offset) !== null && _a !== void 0 ? _a : 0;
             if (Number.isNaN(offset)) {
                 throw new TypeError(`The "offset" property of a <Series.Sequence /> must not be NaN, but got NaN (${debugInfo}).`);
@@ -47,7 +47,7 @@ const Series = ({ children }) => {
             }
             const currentStartFrame = startFrame + offset;
             startFrame += durationInFramesProp + offset;
-            return ((0, jsx_runtime_1.jsx)(Sequence_1.Sequence, { from: currentStartFrame, durationInFrames: durationInFramesProp, ...passedProps, ref: castedChild.ref, children: child }));
+            return ((0, jsx_runtime_1.jsx)(Sequence_js_1.Sequence, { from: currentStartFrame, durationInFrames: durationInFramesProp, ...passedProps, ref: castedChild.ref, children: child }));
         });
     }, [children]);
     /* eslint-disable react/jsx-no-useless-fragment */

package/dist/{setup-env-variables.js → cjs/setup-env-variables.js}

@@ -1,17 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.setupEnvVariables = exports.ENV_VARIABLES_ENV_NAME = void 0;
-const get_environment_1 = require("./get-environment");
+const get_environment_js_1 = require("./get-environment.js");
 exports.ENV_VARIABLES_ENV_NAME = 'ENV_VARIABLES';
 const getEnvVariables = () => {
-    if ((0, get_environment_1.getRemotionEnvironment)() === 'rendering') {
+    if ((0, get_environment_js_1.getRemotionEnvironment)() === 'rendering') {
         const param = window.remotion_envVariables;
         if (!param) {
             return {};
         }
         return { ...JSON.parse(param), NODE_ENV: process.env.NODE_ENV };
     }
-    if ((0, get_environment_1.getRemotionEnvironment)() === 'preview') {
+    if ((0, get_environment_js_1.getRemotionEnvironment)() === 'preview') {
         // Webpack will convert this to an object at compile time.
         // Don't convert this syntax to a computed property.
         return {

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

@@ -1,4 +1,4 @@
-import type { SpringConfig } from './spring-utils';
+import type { SpringConfig } from './spring-utils.js';
 /**
  * Calculates a position based on physical parameters, start and end value, and time.
  * @link https://www.remotion.dev/docs/spring
@@ -23,5 +23,5 @@ export declare function spring({ frame, fps, config, from, to, durationInFrames,
     durationInFrames?: number;
     durationRestThreshold?: number;
 }): number;
-export { measureSpring } from './measure-spring';
-export { SpringConfig } from './spring-utils';
+export { measureSpring } from './measure-spring.js';
+export { SpringConfig } from './spring-utils.js';