remotion 4.0.537 → 4.0.538

package/dist/cjs/effects/canvas-pool.js

@@ -16,16 +16,13 @@ const webgl2_context_error_js_1 = require("./webgl2-context-error.js");
 // contexts and backing stores as soon as the chain is torn down instead of
 // leaving that to the garbage collector.
 class CanvasPool {
-    width;
-    height;
-    pairs = new Map();
-    // Tracked individually rather than through `pairs` so that a canvas whose
-    // sibling failed to allocate still gets released.
-    allocated = [];
-    lostContexts = new Set();
-    onContextLost;
-    disposed = false;
     constructor(width, height, onContextLost) {
+        this.pairs = new Map();
+        // Tracked individually rather than through `pairs` so that a canvas whose
+        // sibling failed to allocate still gets released.
+        this.allocated = [];
+        this.lostContexts = new Set();
+        this.disposed = false;
         this.width = width;
         this.height = height;
         this.onContextLost = onContextLost;

package/dist/cjs/effects/index.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createEffect = void 0;
-const create_effect_js_1 = require("./create-effect.js");
+var create_effect_js_1 = require("./create-effect.js");
 Object.defineProperty(exports, "createEffect", { enumerable: true, get: function () { return create_effect_js_1.createEffect; } });

package/dist/cjs/effects/use-memoized-effects.d.ts

@@ -1,5 +1,5 @@
 import type { RuntimeValueStore } from '../runtime-value-store.js';
-import type { CannotUpdateEffectReason, CannotUpdateSequenceReason } from '../SequenceManager.js';
+import type { CannotUpdateEffectReason, CannotUpdateSequenceReason, CanUpdateSequencePropsResponse } from '../SequenceManager.js';
 import { type SequencePropsSubscriptionKey } from '../SequenceManager.js';
 import { type CanUpdateSequencePropStatus, type PropStatuses } from '../use-schema.js';
 import type { VideoConfigValues } from '../video-config.js';
@@ -22,6 +22,7 @@ export declare const getEffectPropStatusesCtx: ({ propStatuses, nodePath, effect
     nodePath: SequencePropsSubscriptionKey;
     effectIndex: number;
 }) => EffectStatus;
+export declare const getPropStatusesForSequenceStatus: (status: CanUpdateSequencePropsResponse | null, videoConfigValues: VideoConfigValues | null) => Record<string, CanUpdateSequencePropStatus> | undefined;
 export declare const getPropStatusesCtx: (propStatuses: PropStatuses, nodePath: SequencePropsSubscriptionKey) => Record<string, CanUpdateSequencePropStatus> | undefined;
 export type GetPropStatusesType = typeof getPropStatusesCtx;
 export declare const useMemoizedEffects: ({ effects, overrideId, videoConfigValues, }: {

package/dist/cjs/effects/use-memoized-effects.js

@@ -34,7 +34,7 @@ var __importStar = (this && this.__importStar) || (function () {
 })();
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMemoizedEffects = exports.getPropStatusesCtx = exports.getEffectPropStatusesCtx = exports.useMemoizedEffectDefinitions = void 0;
+exports.useMemoizedEffects = exports.getPropStatusesCtx = exports.getPropStatusesForSequenceStatus = exports.getEffectPropStatusesCtx = exports.useMemoizedEffectDefinitions = void 0;
 const react_1 = __importStar(require("react"));
 const evaluate_source_expressions_js_1 = require("../evaluate-source-expressions.js");
 const get_effective_visual_mode_value_js_1 = require("../get-effective-visual-mode-value.js");
@@ -181,8 +181,7 @@ const useMemoizedEffectDefinitions = (effects) => {
     return stableDefinitions;
 };
 exports.useMemoizedEffectDefinitions = useMemoizedEffectDefinitions;
-const getEffectPropStatusesCtx = ({ propStatuses, nodePath, effectIndex, }) => {
-    const status = propStatuses[(0, SequenceManager_js_1.makeSequencePropsSubscriptionKey)(nodePath)];
+const getEffectStatusForSequenceStatus = ({ status, effectIndex, videoConfigValues, }) => {
     if (!status) {
         return { type: 'cannot-update-sequence', reason: 'not-found' };
     }
@@ -198,42 +197,54 @@ const getEffectPropStatusesCtx = ({ propStatuses, nodePath, effectIndex, }) => {
     }
     return {
         type: 'can-update-effect',
-        props: (0, evaluate_source_expressions_js_1.evaluateSourcePropStatuses)(effect.props, nodePath.videoConfigValues),
+        props: (0, evaluate_source_expressions_js_1.evaluateSourcePropStatuses)(effect.props, videoConfigValues),
     };
 };
+const getEffectPropStatusesCtx = ({ propStatuses, nodePath, effectIndex, }) => {
+    var _a;
+    return getEffectStatusForSequenceStatus({
+        status: (_a = propStatuses[(0, SequenceManager_js_1.makeSequencePropsSubscriptionKey)(nodePath)]) !== null && _a !== void 0 ? _a : null,
+        effectIndex,
+        videoConfigValues: nodePath.videoConfigValues,
+    });
+};
 exports.getEffectPropStatusesCtx = getEffectPropStatusesCtx;
-const getPropStatusesCtx = (propStatuses, nodePath) => {
-    const status = propStatuses[(0, SequenceManager_js_1.makeSequencePropsSubscriptionKey)(nodePath)];
+const getPropStatusesForSequenceStatus = (status, videoConfigValues) => {
     if (!status) {
         return undefined;
     }
     if (!status.canUpdate) {
         return undefined;
     }
-    return (0, evaluate_source_expressions_js_1.evaluateSourcePropStatuses)(status.props, nodePath.videoConfigValues);
+    return (0, evaluate_source_expressions_js_1.evaluateSourcePropStatuses)(status.props, videoConfigValues);
+};
+exports.getPropStatusesForSequenceStatus = getPropStatusesForSequenceStatus;
+const getPropStatusesCtx = (propStatuses, nodePath) => {
+    var _a;
+    return (0, exports.getPropStatusesForSequenceStatus)((_a = propStatuses[(0, SequenceManager_js_1.makeSequencePropsSubscriptionKey)(nodePath)]) !== null && _a !== void 0 ? _a : null, nodePath.videoConfigValues);
 };
 exports.getPropStatusesCtx = getPropStatusesCtx;
 const useMemoizedEffects = ({ effects, overrideId, videoConfigValues, }) => {
     var _a;
     const previousRef = (0, react_1.useRef)(null);
-    const { propStatuses } = (0, react_1.useContext)(SequenceManager_js_1.VisualModePropStatusesContext);
     const { overrideIdToNodePathMappings } = (0, react_1.useContext)(sequence_node_path_js_1.OverrideIdsToNodePathsGettersContext);
     const previous = previousRef.current;
     const nodePath = overrideId
         ? ((_a = overrideIdToNodePathMappings[overrideId]) !== null && _a !== void 0 ? _a : null)
         : null;
     const effectDragOverrides = (0, SequenceManager_js_1.useEffectDragOverridesForNodePath)(nodePath);
+    const sequenceStatus = (0, SequenceManager_js_1.usePropStatusForNodePath)(nodePath);
     const effectPropStatuses = (0, react_1.useMemo)(() => Array.from({ length: effects.length }, (_, effectIndex) => {
         if (nodePath === null) {
             return null;
         }
-        const status = (0, exports.getEffectPropStatusesCtx)({
-            propStatuses,
-            nodePath: { ...nodePath, videoConfigValues },
+        const status = getEffectStatusForSequenceStatus({
+            status: sequenceStatus,
             effectIndex,
+            videoConfigValues,
         });
         return status.type === 'can-update-effect' ? status.props : null;
-    }), [effects.length, nodePath, propStatuses, videoConfigValues]);
+    }), [effects.length, nodePath, sequenceStatus, videoConfigValues]);
     const animatedEffects = (0, react_1.useMemo)(() => effectPropStatuses.map((status, index) => {
         var _a;
         return Object.values(status !== null && status !== void 0 ? status : {}).some((prop) => prop.status === 'keyframed') ||

package/dist/cjs/freeze.js

@@ -77,7 +77,7 @@ const Freeze = ({ frame: frameToFreeze, children, active = true, _remotionIntern
         };
     }, [sequenceContext, isActive]);
     const providedTimeline = isActive ? frozenTimelineValue : timelineContext;
-    return (jsx_runtime_1.jsx(NonPremountFreezeContext.Provider, { value: isInsideNonPremountFreeze ||
-            (Boolean(isActive) && !_remotionInternalIsPremounting), children: jsx_runtime_1.jsx(TimelineContext_js_1.TimelineContext.Provider, { value: providedTimeline, children: jsx_runtime_1.jsx(sequence_activity_context_js_1.SequenceActivityTimelineContext.Provider, { value: activityDormant ? providedTimeline : null, children: jsx_runtime_1.jsx(SequenceContext_js_1.SequenceContext.Provider, { value: newSequenceContext, children: children }) }) }) }));
+    return ((0, jsx_runtime_1.jsx)(NonPremountFreezeContext.Provider, { value: isInsideNonPremountFreeze ||
+            (Boolean(isActive) && !_remotionInternalIsPremounting), children: (0, jsx_runtime_1.jsx)(TimelineContext_js_1.TimelineContext.Provider, { value: providedTimeline, children: (0, jsx_runtime_1.jsx)(sequence_activity_context_js_1.SequenceActivityTimelineContext.Provider, { value: activityDormant ? providedTimeline : null, children: (0, jsx_runtime_1.jsx)(SequenceContext_js_1.SequenceContext.Provider, { value: newSequenceContext, children: children }) }) }) }));
 };
 exports.Freeze = Freeze;

package/dist/cjs/get-cross-origin-value.d.ts

@@ -1,5 +1,5 @@
 export declare const getCrossOriginValue: ({ crossOrigin, requestsVideoFrame, isClientSideRendering, }: {
-    crossOrigin: "" | "anonymous" | "use-credentials" | undefined;
+    crossOrigin: '' | 'anonymous' | 'use-credentials' | undefined;
     requestsVideoFrame: boolean;
     isClientSideRendering: boolean;
 }) => "" | "anonymous" | "use-credentials" | undefined;

package/dist/cjs/get-effective-visual-mode-value.d.ts

@@ -14,9 +14,9 @@ export declare const resolveDragOverrideValue: ({ dragOverrideValue, frame, }: {
     frame: number | null;
 }) => ResolvedDragOverrideValue;
 export declare const getEffectiveVisualModeValue: ({ propStatus, dragOverrideValue, defaultValue, frame, shouldResortToDefaultValueIfUndefined, }: {
-    propStatus: CanUpdateSequencePropStatusKeyframed | CanUpdateSequencePropStatusStatic;
+    propStatus: CanUpdateSequencePropStatusStatic | CanUpdateSequencePropStatusKeyframed;
     dragOverrideValue: DragOverrideValue | undefined;
     defaultValue: unknown;
-    frame?: number | null | undefined;
+    frame?: number | null;
     shouldResortToDefaultValueIfUndefined: boolean;
 }) => unknown;

package/dist/cjs/index.d.ts

@@ -6,6 +6,7 @@ import type { DelayRenderScope } from './delay-render.js';
 import { type TFolder } from './Folder.js';
 import type { StaticFile } from './get-static-files.js';
 import type { ArrayFieldSchema, ArrayItemFieldSchema, AssetFieldSchema, CaptionsFieldSchema, InteractivitySchema, InteractivitySchemaField } from './interactivity-schema.js';
+import { useIsPlayer } from './is-player.js';
 import type { LogLevel } from './log.js';
 import type { ProResProfile } from './prores-profile.js';
 import type { PixelFormat, VideoImageFormat } from './render-types.js';
@@ -28,6 +29,7 @@ declare global {
         };
         remotion_delayRenderHandles: number[];
         remotion_cancelledError: string | undefined;
+        remotion_cancelledErrorObject: Error | undefined;
         remotion_getCompositionNames: () => string[];
         remotion_seenCompositionIds: string[];
         getStaticCompositions: () => Promise<VideoConfigWithSerializedProps[]>;
@@ -170,7 +172,7 @@ export declare const Experimental: {
      * @description This is a special component, that, when rendered, will skip rendering the frame altogether.
      */
     Null: import("react").FC<{}>;
-    useIsPlayer: () => boolean;
+    useIsPlayer: typeof useIsPlayer;
 };
 export declare const Config: {};
 export type _InternalTypes = {

package/dist/cjs/index.js

@@ -28,18 +28,18 @@ const Sequence_js_1 = require("./Sequence.js");
 (0, multiple_versions_warning_js_1.checkMultipleRemotionVersions)();
 __exportStar(require("./AbsoluteFill.js"), exports);
 __exportStar(require("./animated-image/index.js"), exports);
-const index_js_1 = require("./effects/index.js");
+var index_js_1 = require("./effects/index.js");
 Object.defineProperty(exports, "createEffect", { enumerable: true, get: function () { return index_js_1.createEffect; } });
-const Artifact_js_1 = require("./Artifact.js");
+var Artifact_js_1 = require("./Artifact.js");
 Object.defineProperty(exports, "Artifact", { enumerable: true, get: function () { return Artifact_js_1.Artifact; } });
-const index_js_2 = require("./audio/index.js");
+var index_js_2 = require("./audio/index.js");
 Object.defineProperty(exports, "Audio", { enumerable: true, get: function () { return index_js_2.Audio; } });
 Object.defineProperty(exports, "Html5Audio", { enumerable: true, get: function () { return index_js_2.Html5Audio; } });
-const cancel_render_js_1 = require("./cancel-render.js");
+var cancel_render_js_1 = require("./cancel-render.js");
 Object.defineProperty(exports, "cancelRender", { enumerable: true, get: function () { return cancel_render_js_1.cancelRender; } });
-const Solid_js_1 = require("./effects/Solid.js");
+var Solid_js_1 = require("./effects/Solid.js");
 Object.defineProperty(exports, "Solid", { enumerable: true, get: function () { return Solid_js_1.Solid; } });
-const HtmlInCanvas_js_1 = require("./HtmlInCanvas.js");
+var HtmlInCanvas_js_1 = require("./HtmlInCanvas.js");
 Object.defineProperty(exports, "HTML_IN_CANVAS_UNSUPPORTED_MESSAGE", { enumerable: true, get: function () { return HtmlInCanvas_js_1.HTML_IN_CANVAS_UNSUPPORTED_MESSAGE; } });
 Object.defineProperty(exports, "getHtmlInCanvasUnsupportedMessage", { enumerable: true, get: function () { return HtmlInCanvas_js_1.getHtmlInCanvasUnsupportedMessage; } });
 Object.defineProperty(exports, "HtmlInCanvas", { enumerable: true, get: function () { return HtmlInCanvas_js_1.HtmlInCanvas; } });
@@ -48,73 +48,73 @@ Object.defineProperty(exports, "isHtmlInCanvasSupported", { enumerable: true, ge
  * @description Renders a static image to a `<canvas>` and applies Remotion effects.
  * @see [Documentation](https://www.remotion.dev/docs/canvasimage)
  */
-const index_js_3 = require("./canvas-image/index.js");
+var index_js_3 = require("./canvas-image/index.js");
 Object.defineProperty(exports, "CanvasImage", { enumerable: true, get: function () { return index_js_3.CanvasImage; } });
-const Composition_js_2 = require("./Composition.js");
+var Composition_js_2 = require("./Composition.js");
 Object.defineProperty(exports, "Composition", { enumerable: true, get: function () { return Composition_js_2.Composition; } });
-const input_props_js_1 = require("./config/input-props.js");
+var input_props_js_1 = require("./config/input-props.js");
 Object.defineProperty(exports, "getInputProps", { enumerable: true, get: function () { return input_props_js_1.getInputProps; } });
-const delay_render_js_1 = require("./delay-render.js");
+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);
-const get_remotion_environment_js_1 = require("./get-remotion-environment.js");
+var get_remotion_environment_js_1 = require("./get-remotion-environment.js");
 Object.defineProperty(exports, "getRemotionEnvironment", { enumerable: true, get: function () { return get_remotion_environment_js_1.getRemotionEnvironment; } });
-const get_static_files_js_1 = require("./get-static-files.js");
+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);
-const Img_js_1 = require("./Img.js");
+var Img_js_1 = require("./Img.js");
 Object.defineProperty(exports, "Img", { enumerable: true, get: function () { return Img_js_1.Img; } });
-const Interactive_js_1 = require("./Interactive.js");
+var Interactive_js_1 = require("./Interactive.js");
 Object.defineProperty(exports, "Interactive", { enumerable: true, get: function () { return Interactive_js_1.Interactive; } });
 __exportStar(require("./internals.js"), exports);
-const interpolate_colors_js_1 = require("./interpolate-colors.js");
+var interpolate_colors_js_1 = require("./interpolate-colors.js");
 Object.defineProperty(exports, "interpolateColors", { enumerable: true, get: function () { return interpolate_colors_js_1.interpolateColors; } });
-const index_js_4 = require("./loop/index.js");
+var index_js_4 = require("./loop/index.js");
 Object.defineProperty(exports, "Loop", { enumerable: true, get: function () { return index_js_4.Loop; } });
-const no_react_1 = require("./no-react");
+var no_react_1 = require("./no-react");
 Object.defineProperty(exports, "assertValidInterpolateEasingOption", { enumerable: true, get: function () { return no_react_1.assertValidInterpolateEasingOption; } });
 Object.defineProperty(exports, "assertValidInterpolatePosterizeOption", { enumerable: true, get: function () { return no_react_1.assertValidInterpolatePosterizeOption; } });
 Object.defineProperty(exports, "interpolate", { enumerable: true, get: function () { return no_react_1.interpolate; } });
 Object.defineProperty(exports, "random", { enumerable: true, get: function () { return no_react_1.random; } });
-const prefetch_js_1 = require("./prefetch.js");
+var prefetch_js_1 = require("./prefetch.js");
 Object.defineProperty(exports, "prefetch", { enumerable: true, get: function () { return prefetch_js_1.prefetch; } });
-const register_root_js_1 = require("./register-root.js");
+var register_root_js_1 = require("./register-root.js");
 Object.defineProperty(exports, "registerRoot", { enumerable: true, get: function () { return register_root_js_1.registerRoot; } });
-const Sequence_js_2 = require("./Sequence.js");
+var Sequence_js_2 = require("./Sequence.js");
 Object.defineProperty(exports, "Sequence", { enumerable: true, get: function () { return Sequence_js_2.Sequence; } });
-const index_js_5 = require("./series/index.js");
+var index_js_5 = require("./series/index.js");
 Object.defineProperty(exports, "Series", { enumerable: true, get: function () { return index_js_5.Series; } });
 __exportStar(require("./spring/index.js"), exports);
-const static_file_js_1 = require("./static-file.js");
+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);
-const Track_js_1 = require("./Track.js");
+var Track_js_1 = require("./Track.js");
 Object.defineProperty(exports, "Track", { enumerable: true, get: function () { return Track_js_1.Track; } });
-const use_buffer_state_1 = require("./use-buffer-state");
+var use_buffer_state_1 = require("./use-buffer-state");
 Object.defineProperty(exports, "useBufferState", { enumerable: true, get: function () { return use_buffer_state_1.useBufferState; } });
-const use_current_frame_js_1 = require("./use-current-frame.js");
+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; } });
-const use_current_scale_1 = require("./use-current-scale");
+var use_current_scale_1 = require("./use-current-scale");
 Object.defineProperty(exports, "useCurrentScale", { enumerable: true, get: function () { return use_current_scale_1.useCurrentScale; } });
-const use_delay_render_1 = require("./use-delay-render");
+var use_delay_render_1 = require("./use-delay-render");
 Object.defineProperty(exports, "useDelayRender", { enumerable: true, get: function () { return use_delay_render_1.useDelayRender; } });
-const use_pixel_density_1 = require("./use-pixel-density");
+var use_pixel_density_1 = require("./use-pixel-density");
 Object.defineProperty(exports, "usePixelDensity", { enumerable: true, get: function () { return use_pixel_density_1.usePixelDensity; } });
-const use_remotion_environment_js_1 = require("./use-remotion-environment.js");
+var use_remotion_environment_js_1 = require("./use-remotion-environment.js");
 Object.defineProperty(exports, "useRemotionEnvironment", { enumerable: true, get: function () { return use_remotion_environment_js_1.useRemotionEnvironment; } });
 __exportStar(require("./use-video-config.js"), exports);
 __exportStar(require("./version.js"), exports);
 __exportStar(require("./video-config.js"), exports);
-const index_js_6 = require("./video/index.js");
+var index_js_6 = require("./video/index.js");
 Object.defineProperty(exports, "Html5Video", { enumerable: true, get: function () { return index_js_6.Html5Video; } });
 Object.defineProperty(exports, "OffthreadVideo", { enumerable: true, get: function () { return index_js_6.OffthreadVideo; } });
 Object.defineProperty(exports, "Video", { enumerable: true, get: function () { return index_js_6.Video; } });
-const MediaPlaybackError_js_1 = require("./video/MediaPlaybackError.js");
+var MediaPlaybackError_js_1 = require("./video/MediaPlaybackError.js");
 Object.defineProperty(exports, "MediaPlaybackError", { enumerable: true, get: function () { return MediaPlaybackError_js_1.MediaPlaybackError; } });
-const watch_static_file_js_1 = require("./watch-static-file.js");
+var watch_static_file_js_1 = require("./watch-static-file.js");
 Object.defineProperty(exports, "watchStaticFile", { enumerable: true, get: function () { return watch_static_file_js_1.watchStaticFile; } });
 exports.Experimental = {
     /**