remotion 4.0.459 → 4.0.460

package/dist/cjs/Sequence.d.ts

@@ -15,7 +15,7 @@ export type LayoutAndStyle = AbsoluteFillLayout | {
     layout: 'none';
 };
 export type SequencePropsWithoutDuration = {
-    readonly children: React.ReactNode;
+    readonly children?: React.ReactNode;
     readonly width?: number;
     readonly height?: number;
     readonly from?: number;

package/dist/cjs/SequenceManager.d.ts

@@ -1,27 +1,45 @@
 import React from 'react';
 import type { TSequence } from './CompositionManager.js';
-import type { CanUpdateSequencePropStatus, CodeValues, DragOverrides } from './use-schema.js';
+import type { CanUpdateSequencePropStatus, CodeValues, GetCodeValues, GetDragOverrides } from './use-schema.js';
 export type SequenceManagerContext = {
     registerSequence: (seq: TSequence) => void;
     unregisterSequence: (id: string) => void;
     sequences: TSequence[];
 };
+export type SequenceNodePath = Array<string | number>;
 export declare const SequenceManager: React.Context<SequenceManagerContext>;
 export type SequenceVisibilityToggleState = {
     hidden: Record<string, boolean>;
     setHidden: React.Dispatch<React.SetStateAction<Record<string, boolean>>>;
 };
 export declare const SequenceVisibilityToggleContext: React.Context<SequenceVisibilityToggleState>;
-export type VisualModeOverrides = {
+export type VisualModeGetters = {
     visualModeEnabled: boolean;
-    dragOverrides: DragOverrides;
-    setDragOverrides: (sequenceId: string, key: string, value: unknown) => void;
-    clearDragOverrides: (sequenceId: string) => void;
-    codeValues: CodeValues;
-    setCodeValues: (sequenceId: string, values: Record<string, CanUpdateSequencePropStatus> | null) => void;
+    getDragOverrides: GetDragOverrides;
+    getCodeValues: GetCodeValues;
+    getIsJsxInMapCallback: (nodePath: SequenceNodePath) => boolean;
 };
-export declare const VisualModeOverridesContext: React.Context<VisualModeOverrides>;
+export type VisualModeSetters = {
+    setDragOverrides: (nodePath: SequenceNodePath, key: string, value: unknown) => void;
+    clearDragOverrides: (nodePath: SequenceNodePath) => void;
+    setCodeValues: (nodePath: SequenceNodePath, values: CanUpdateSequencePropsResponse) => void;
+};
+export type CanUpdateSequencePropsResponse = {
+    canUpdate: true;
+    props: Record<string, CanUpdateSequencePropStatus>;
+    nodePath: SequenceNodePath;
+    /** True when the JSX is inside a `.map()` callback (list iteration). */
+    jsxInMapCallback: boolean;
+} | {
+    canUpdate: false;
+    reason: string;
+};
+declare const getCodeValues: (codeValues: CodeValues, nodePath: SequenceNodePath) => Record<string, CanUpdateSequencePropStatus> | undefined;
+export type GetCodeValuesType = typeof getCodeValues;
+export declare const VisualModeGettersContext: React.Context<VisualModeGetters>;
+export declare const VisualModeSettersContext: React.Context<VisualModeSetters>;
 export declare const SequenceManagerProvider: React.FC<{
     readonly children: React.ReactNode;
     readonly visualModeEnabled: boolean;
 }>;
+export {};

package/dist/cjs/SequenceManager.js

@@ -33,9 +33,12 @@ var __importStar = (this && this.__importStar) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SequenceManagerProvider = exports.VisualModeOverridesContext = exports.SequenceVisibilityToggleContext = exports.SequenceManager = void 0;
+exports.SequenceManagerProvider = exports.VisualModeSettersContext = exports.VisualModeGettersContext = exports.SequenceVisibilityToggleContext = exports.SequenceManager = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importStar(require("react"));
+const nodePathToString = (nodePath) => {
+    return nodePath.join('.');
+};
 exports.SequenceManager = react_1.default.createContext({
     registerSequence: () => {
         throw new Error('SequenceManagerContext not initialized');
@@ -51,19 +54,48 @@ exports.SequenceVisibilityToggleContext = react_1.default.createContext({
         throw new Error('SequenceVisibilityToggle not initialized');
     },
 });
-exports.VisualModeOverridesContext = react_1.default.createContext({
-    dragOverrides: {},
+const getCodeValues = (codeValues, nodePath) => {
+    const status = codeValues[nodePathToString(nodePath)];
+    if (!status) {
+        return undefined;
+    }
+    if (!status.canUpdate) {
+        return undefined;
+    }
+    return status.props;
+};
+const getIsJsxInMapCallback = (codeValues, nodePath) => {
+    const status = codeValues[nodePathToString(nodePath)];
+    if (!status) {
+        return false;
+    }
+    if (!status.canUpdate) {
+        return false;
+    }
+    return status.jsxInMapCallback;
+};
+exports.VisualModeGettersContext = react_1.default.createContext({
+    getDragOverrides: () => {
+        throw new Error('VisualModeGettersContext not initialized');
+    },
+    getCodeValues: () => {
+        throw new Error('VisualModeGettersContext not initialized');
+    },
+    getIsJsxInMapCallback: () => {
+        throw new Error('VisualModeGettersContext not initialized');
+    },
+    visualModeEnabled: false,
+});
+exports.VisualModeSettersContext = react_1.default.createContext({
     setDragOverrides: () => {
-        throw new Error('VisualModeOverridesContext not initialized');
+        throw new Error('VisualModeSettersContext not initialized');
     },
     clearDragOverrides: () => {
-        throw new Error('VisualModeOverridesContext not initialized');
+        throw new Error('VisualModeSettersContext not initialized');
     },
-    codeValues: {},
     setCodeValues: () => {
-        throw new Error('VisualModeOverridesContext not initialized');
+        throw new Error('VisualModeSettersContext not initialized');
     },
-    visualModeEnabled: false,
 });
 const SequenceManagerProvider = ({ children, visualModeEnabled }) => {
     const [sequences, setSequences] = (0, react_1.useState)([]);
@@ -72,39 +104,33 @@ const SequenceManagerProvider = ({ children, visualModeEnabled }) => {
     const controlOverridesRef = (0, react_1.useRef)(dragOverrides);
     controlOverridesRef.current = dragOverrides;
     const [codeValues, setCodeValuesMapState] = (0, react_1.useState)({});
-    const setDragOverrides = (0, react_1.useCallback)((sequenceId, key, value) => {
+    const setDragOverrides = (0, react_1.useCallback)((nodePath, key, value) => {
         setControlOverrides((prev) => ({
             ...prev,
-            [sequenceId]: {
-                ...prev[sequenceId],
+            [nodePathToString(nodePath)]: {
+                ...prev[nodePathToString(nodePath)],
                 [key]: value,
             },
         }));
     }, []);
-    const clearDragOverrides = (0, react_1.useCallback)((sequenceId) => {
+    const clearDragOverrides = (0, react_1.useCallback)((nodePath) => {
         setControlOverrides((prev) => {
-            if (!prev[sequenceId]) {
+            const key = nodePathToString(nodePath);
+            if (!prev[key]) {
                 return prev;
             }
             const next = { ...prev };
-            delete next[sequenceId];
+            delete next[key];
             return next;
         });
     }, []);
-    const setCodeValues = (0, react_1.useCallback)((sequenceId, values) => {
+    const setCodeValues = (0, react_1.useCallback)((nodePath, values) => {
         setCodeValuesMapState((prev) => {
-            if (prev[sequenceId] === values) {
+            const key = nodePathToString(nodePath);
+            if (prev[key] === values) {
                 return prev;
             }
-            if (values === null) {
-                if (!(sequenceId in prev)) {
-                    return prev;
-                }
-                const next = { ...prev };
-                delete next[sequenceId];
-                return next;
-            }
-            return { ...prev, [sequenceId]: values };
+            return { ...prev, [key]: values };
         });
     }, []);
     const registerSequence = (0, react_1.useCallback)((seq) => {
@@ -128,23 +154,21 @@ const SequenceManagerProvider = ({ children, visualModeEnabled }) => {
             setHidden,
         };
     }, [hidden]);
-    const overrideContext = (0, react_1.useMemo)(() => {
+    const gettersContext = (0, react_1.useMemo)(() => {
         return {
             visualModeEnabled,
-            dragOverrides,
+            getDragOverrides: (nodePath) => { var _a; return (_a = dragOverrides[nodePathToString(nodePath)]) !== null && _a !== void 0 ? _a : {}; },
+            getCodeValues: (nodePath) => getCodeValues(codeValues, nodePath),
+            getIsJsxInMapCallback: (nodePath) => getIsJsxInMapCallback(codeValues, nodePath),
+        };
+    }, [visualModeEnabled, dragOverrides, codeValues]);
+    const settersContext = (0, react_1.useMemo)(() => {
+        return {
             setDragOverrides,
             clearDragOverrides,
-            codeValues,
             setCodeValues,
         };
-    }, [
-        visualModeEnabled,
-        dragOverrides,
-        setDragOverrides,
-        clearDragOverrides,
-        codeValues,
-        setCodeValues,
-    ]);
-    return ((0, jsx_runtime_1.jsx)(exports.SequenceManager.Provider, { value: sequenceContext, children: (0, jsx_runtime_1.jsx)(exports.SequenceVisibilityToggleContext.Provider, { value: hiddenContext, children: (0, jsx_runtime_1.jsx)(exports.VisualModeOverridesContext.Provider, { value: overrideContext, children: children }) }) }));
+    }, [setDragOverrides, clearDragOverrides, setCodeValues]);
+    return ((0, jsx_runtime_1.jsx)(exports.SequenceManager.Provider, { value: sequenceContext, children: (0, jsx_runtime_1.jsx)(exports.SequenceVisibilityToggleContext.Provider, { value: hiddenContext, children: (0, jsx_runtime_1.jsx)(exports.VisualModeGettersContext.Provider, { value: gettersContext, children: (0, jsx_runtime_1.jsx)(exports.VisualModeSettersContext.Provider, { value: settersContext, children: children }) }) }) }));
 };
 exports.SequenceManagerProvider = SequenceManagerProvider;

package/dist/cjs/audio/shared-audio-tags.js

@@ -114,8 +114,9 @@ const SharedAudioContextProvider = ({ children, audioLatencyHint, audioEnabled }
             if (!ctxAndGain) {
                 throw new Error('Audio context not found');
             }
+            const saveForLater = ctxAndGain.audioContext.state === 'suspended' && !isResuming.current;
             if (duration > 0) {
-                if (ctxAndGain.audioContext.state === 'suspended') {
+                if (saveForLater) {
                     nodesToResume.current.set(node, {
                         scheduledTime,
                         offset,
@@ -137,16 +138,16 @@ const SharedAudioContextProvider = ({ children, audioLatencyHint, audioEnabled }
                 Math.abs(scheduledTime - prev.scheduledEndTime) > 0.001;
             const mediaMismatch = prev.mediaEndTime !== null &&
                 Math.abs(mediaTime - prev.mediaEndTime) > 0.001;
-            log_js_1.Log.verbose({ logLevel, tag: 'audio-scheduling' }, 'scheduled %c%s%c %s %c%s%c %s %c%s%c %s %s %s', scheduledMismatch ? 'color: red; font-weight: bold' : '', scheduledTime.toFixed(4), '', scheduledEndTime.toFixed(4), mediaMismatch ? 'color: red; font-weight: bold' : '', mediaTime.toFixed(4), '', mediaEndTime.toFixed(4), duration < 0
+            log_js_1.Log.verbose({ logLevel, tag: 'audio-scheduling' }, 'scheduled %c%s%c %s %c%s%c %s %c%s%c %s %s %s %s %s', scheduledMismatch ? 'color: red; font-weight: bold' : '', scheduledTime.toFixed(4), '', scheduledEndTime.toFixed(4), mediaMismatch ? 'color: red; font-weight: bold' : '', mediaTime.toFixed(4), '', mediaEndTime.toFixed(4), duration < 0
                 ? 'color: red; font-weight: bold'
                 : timeDiff < 0
                     ? 'color: red; font-weight: bold'
                     : 'color: blue; font-weight: bold', duration < 0
                 ? 'missed ' + Math.abs(offset).toFixed(2) + 's'
                 : Math.abs(timeDiff).toFixed(2) +
-                    (timeDiff < 0 ? ' delay' : ' ahead'), '', 'current=' + currentTime.toFixed(4), 'offset=' + offset.toFixed(4), 'latency=' + latency.toFixed(4), 'state=' + ctxAndGain.audioContext.state, originalUnloopedMediaTimestamp !== mediaTime
+                    (timeDiff < 0 ? ' delay' : ' ahead'), '', 'current=' + currentTime.toFixed(4), 'actualcurrent=' + ctxAndGain.audioContext.currentTime.toFixed(4), 'offset=' + offset.toFixed(4), 'latency=' + latency.toFixed(4), 'state=' + ctxAndGain.audioContext.state, originalUnloopedMediaTimestamp !== mediaTime
                 ? 'original_ts=' + originalUnloopedMediaTimestamp.toFixed(4)
-                : '');
+                : '', 'action=' + (saveForLater ? 'schedule' : 'start'), '');
             prev.scheduledEndTime = scheduledEndTime;
             prev.mediaEndTime = mediaEndTime;
             return duration > 0
@@ -168,6 +169,13 @@ const SharedAudioContextProvider = ({ children, audioLatencyHint, audioEnabled }
             return Promise.resolve();
         }
         audioContextIsPlayingEventually.current = true;
+        ctxAndGain.gainNode.gain.cancelScheduledValues(ctxAndGain.audioContext.currentTime);
+        ctxAndGain.gainNode.gain.setValueAtTime(0, ctxAndGain.audioContext.currentTime);
+        ctxAndGain.gainNode.gain.linearRampToValueAtTime(1, ctxAndGain.audioContext.currentTime + 0.03);
+        nodesToResume.current.forEach((r, node) => {
+            node.start(r.scheduledTime, r.offset, r.duration);
+        });
+        nodesToResume.current.clear();
         const resumePromise = ctxAndGain.audioContext.resume();
         isResuming.current = new Promise((resolve) => {
             (0, wait_until_actually_resumed_js_1.waitUntilActuallyResumed)(ctxAndGain.audioContext, logLevel).then(resolve);
@@ -178,11 +186,6 @@ const SharedAudioContextProvider = ({ children, audioLatencyHint, audioEnabled }
         }).finally(() => {
             isResuming.current = null;
         });
-        ctxAndGain.gainNode.gain.cancelScheduledValues(ctxAndGain.audioContext.currentTime);
-        ctxAndGain.gainNode.gain.setValueAtTime(0, ctxAndGain.audioContext.currentTime);
-        ctxAndGain.gainNode.gain.linearRampToValueAtTime(1, ctxAndGain.audioContext.currentTime + 0.03);
-        nodesToResume.current.forEach((r, node) => node.start(r.scheduledTime, r.offset, r.duration));
-        nodesToResume.current.clear();
         return resumePromise.catch(() => {
             // Already logged above; swallow to avoid unhandled rejection
             // since callers (e.g. use-playback.ts) do not await this.

package/dist/cjs/buffering.js

@@ -52,9 +52,14 @@ const useBufferManager = (logLevel, mountTime) => {
                 unblock: () => undefined,
             };
         }
+        let unblocked = false;
         setBlocks((b) => [...b, block]);
         return {
             unblock: () => {
+                if (unblocked) {
+                    return;
+                }
+                unblocked = true;
                 setBlocks((b) => {
                     const newArr = b.filter((bx) => bx !== block);
                     if (newArr.length === b.length) {

package/dist/cjs/internals.d.ts

@@ -9,10 +9,15 @@ import type { LoggingContextValue } from './log-level-context.js';
 import type { NonceHistory } from './nonce.js';
 import type { RemotionEnvironment } from './remotion-environment-context.js';
 import type { SequenceFieldSchema, SequenceSchema } from './sequence-field-schema.js';
+import type { OverrideIdToNodePaths, OverrideToNodePathGetters, OverrideToNodeSetters } from './sequence-node-path.js';
+import { OverrideIdsToNodePathsSettersContext } from './sequence-node-path.js';
+import { OverrideIdsToNodePathsGettersContext } from './sequence-node-path.js';
 import type { ResolvedStackLocation } from './sequence-stack-traces.js';
+import type { CanUpdateSequencePropsResponse, SequenceNodePath } from './SequenceManager.js';
 import * as TimelinePosition from './timeline-position-state.js';
 import { type PlaybackRateContextValue, type SetTimelineContextValue, type TimelineContextValue } from './TimelineContext.js';
 import { truthy } from './truthy.js';
+import type { GetCodeValues, GetDragOverrides } from './use-schema.js';
 import { type CanUpdateSequencePropStatus, type CodeValues, type DragOverrides } from './use-schema.js';
 import type { MediaVolumeContextValue, SetMediaVolumeContextValue } from './volume-position-state.js';
 import type { WatchRemotionStaticFilesPayload } from './watch-static-file.js';
@@ -78,7 +83,8 @@ export declare const Internals: {
     }, "ref"> & import("react").RefAttributes<HTMLVideoElement>>;
     readonly CompositionManager: import("react").Context<CompositionManagerContext>;
     readonly CompositionSetters: import("react").Context<import("./CompositionManagerContext.js").CompositionManagerSetters>;
-    readonly VisualModeOverridesContext: import("react").Context<import("./SequenceManager.js").VisualModeOverrides>;
+    readonly VisualModeGettersContext: import("react").Context<import("./SequenceManager.js").VisualModeGetters>;
+    readonly VisualModeSettersContext: import("react").Context<import("./SequenceManager.js").VisualModeSetters>;
     readonly SequenceManager: import("react").Context<import("./SequenceManager.js").SequenceManagerContext>;
     readonly SequenceStackTracesUpdateContext: import("react").Context<import("./sequence-stack-traces.js").UpdateResolvedStackTraceFn>;
     readonly SequenceVisibilityToggleContext: import("react").Context<import("./SequenceManager.js").SequenceVisibilityToggleState>;
@@ -157,7 +163,6 @@ export declare const Internals: {
     };
     readonly flattenActiveSchema: (schema: SequenceSchema, resolve: import("./flatten-schema.js").ResolveValue) => SequenceSchema;
     readonly getFlatSchemaWithAllKeys: (schema: SequenceSchema) => SequenceSchema;
-    readonly useSequenceControlOverride: (key: string) => unknown | undefined;
     readonly RemotionRootContexts: import("react").FC<{
         readonly children: React.ReactNode;
         readonly numberOfAudioTags: number;
@@ -541,5 +546,7 @@ export declare const Internals: {
         overrideValues: Record<string, unknown>;
         propStatus: Record<string, CanUpdateSequencePropStatus> | undefined;
     }) => Record<string, unknown>;
+    readonly OverrideIdsToNodePathsGettersContext: import("react").Context<OverrideToNodePathGetters>;
+    readonly OverrideIdsToNodePathsSettersContext: import("react").Context<OverrideToNodeSetters>;
 };
-export type { CompositionManagerContext, ResolvedStackLocation, CompProps, LoggingContextValue, MediaVolumeContextValue, RemotionEnvironment, SequenceFieldSchema, SequenceSchema, SerializedJSONWithCustomFields, SetMediaVolumeContextValue, SetTimelineContextValue, PlaybackRateContextValue, TCompMetadata, TComposition, TimelineContextValue, TRenderAsset, TSequence, WatchRemotionStaticFilesPayload, ScheduleAudioNodeOptions, CanUpdateSequencePropStatus, CodeValues, DragOverrides, ScheduleAudioNodeResult, NonceHistory, };
+export type { CompositionManagerContext, ResolvedStackLocation, CompProps, LoggingContextValue, MediaVolumeContextValue, RemotionEnvironment, SequenceFieldSchema, SequenceSchema, SerializedJSONWithCustomFields, SetMediaVolumeContextValue, SetTimelineContextValue, PlaybackRateContextValue, TCompMetadata, TComposition, TimelineContextValue, TRenderAsset, TSequence, WatchRemotionStaticFilesPayload, ScheduleAudioNodeOptions, CanUpdateSequencePropStatus, CodeValues, GetCodeValues, DragOverrides, ScheduleAudioNodeResult, GetDragOverrides, NonceHistory, OverrideIdsToNodePathsGettersContext, OverrideIdsToNodePathsSettersContext, SequenceNodePath, OverrideIdToNodePaths, OverrideToNodeSetters, OverrideToNodePathGetters, CanUpdateSequencePropsResponse, };

package/dist/cjs/internals.js

@@ -76,6 +76,8 @@ const RenderAssetManager_js_1 = require("./RenderAssetManager.js");
 const resolve_video_config_js_1 = require("./resolve-video-config.js");
 const ResolveCompositionConfig_js_1 = require("./ResolveCompositionConfig.js");
 const sequence_field_schema_js_1 = require("./sequence-field-schema.js");
+const sequence_node_path_js_1 = require("./sequence-node-path.js");
+const sequence_node_path_js_2 = require("./sequence-node-path.js");
 const sequence_stack_traces_js_1 = require("./sequence-stack-traces.js");
 const SequenceContext_js_1 = require("./SequenceContext.js");
 const SequenceManager_js_1 = require("./SequenceManager.js");
@@ -90,7 +92,6 @@ const use_lazy_component_js_1 = require("./use-lazy-component.js");
 const use_media_enabled_js_1 = require("./use-media-enabled.js");
 const use_media_in_timeline_js_1 = require("./use-media-in-timeline.js");
 const use_schema_js_1 = require("./use-schema.js");
-const use_sequence_control_override_js_1 = require("./use-sequence-control-override.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_media_props_js_1 = require("./validate-media-props.js");
@@ -126,7 +127,8 @@ exports.Internals = {
     VideoForPreview: VideoForPreview_js_1.VideoForPreview,
     CompositionManager: CompositionManagerContext_js_1.CompositionManager,
     CompositionSetters: CompositionManagerContext_js_1.CompositionSetters,
-    VisualModeOverridesContext: SequenceManager_js_1.VisualModeOverridesContext,
+    VisualModeGettersContext: SequenceManager_js_1.VisualModeGettersContext,
+    VisualModeSettersContext: SequenceManager_js_1.VisualModeSettersContext,
     SequenceManager: SequenceManager_js_1.SequenceManager,
     SequenceStackTracesUpdateContext: sequence_stack_traces_js_1.SequenceStackTracesUpdateContext,
     SequenceVisibilityToggleContext: SequenceManager_js_1.SequenceVisibilityToggleContext,
@@ -135,7 +137,6 @@ exports.Internals = {
     sequenceStyleSchema: sequence_field_schema_js_1.sequenceStyleSchema,
     flattenActiveSchema: flatten_schema_js_1.flattenActiveSchema,
     getFlatSchemaWithAllKeys: flatten_schema_js_1.getFlatSchemaWithAllKeys,
-    useSequenceControlOverride: use_sequence_control_override_js_1.useSequenceControlOverride,
     RemotionRootContexts: RemotionRoot_js_1.RemotionRootContexts,
     CompositionManagerProvider: CompositionManagerProvider_js_1.CompositionManagerProvider,
     useVideo: use_video_js_1.useVideo,
@@ -229,4 +230,6 @@ exports.Internals = {
     defineEffect: define_effect_js_1.defineEffect,
     createDescriptor: define_effect_js_1.createDescriptor,
     computeEffectiveSchemaValuesDotNotation: use_schema_js_1.computeEffectiveSchemaValuesDotNotation,
+    OverrideIdsToNodePathsGettersContext: sequence_node_path_js_2.OverrideIdsToNodePathsGettersContext,
+    OverrideIdsToNodePathsSettersContext: sequence_node_path_js_1.OverrideIdsToNodePathsSettersContext,
 };

package/dist/cjs/sequence-node-path.d.ts

@@ -0,0 +1,10 @@
+import type { SequenceNodePath } from './SequenceManager';
+export type OverrideIdToNodePaths = Record<string, SequenceNodePath>;
+export type OverrideToNodePathGetters = {
+    overrideIdToNodePathMappings: OverrideIdToNodePaths;
+};
+export type OverrideToNodeSetters = {
+    setOverrideIdToNodePath: (overrideId: string, nodePath: SequenceNodePath) => void;
+};
+export declare const OverrideIdsToNodePathsGettersContext: import("react").Context<OverrideToNodePathGetters>;
+export declare const OverrideIdsToNodePathsSettersContext: import("react").Context<OverrideToNodeSetters>;

package/dist/cjs/sequence-node-path.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OverrideIdsToNodePathsSettersContext = exports.OverrideIdsToNodePathsGettersContext = void 0;
+const react_1 = require("react");
+exports.OverrideIdsToNodePathsGettersContext = (0, react_1.createContext)({
+    overrideIdToNodePathMappings: {},
+});
+exports.OverrideIdsToNodePathsSettersContext = (0, react_1.createContext)({
+    setOverrideIdToNodePath: () => {
+        throw new Error('OverrideIdsToNodePathsSettersContext not initialized');
+    },
+});

package/dist/cjs/series/index.js

@@ -34,9 +34,6 @@ const SeriesInner = (props) => {
                 throw new TypeError(`The <Series /> component only accepts a list of <Series.Sequence /> components as its children, but got ${castedChild} instead`);
             }
             const debugInfo = `index = ${i}, duration = ${castedChild.props.durationInFrames}`;
-            if (!(castedChild === null || castedChild === void 0 ? void 0 : castedChild.props.children)) {
-                throw new TypeError(`A <Series.Sequence /> component (${debugInfo}) was detected to not have any children. Delete it to fix this error.`);
-            }
             const durationInFramesProp = castedChild.props.durationInFrames;
             const { durationInFrames, children: _children, from, name, ...passedProps } = castedChild.props; // `from` is not accepted and must be filtered out if used in JS
             if (i !== flattenedChildren.length - 1 ||

package/dist/cjs/use-buffer-state.js

@@ -3,8 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useBufferState = void 0;
 const react_1 = require("react");
 const buffering_1 = require("./buffering");
+const log_1 = require("./log");
+const log_level_context_1 = require("./log-level-context");
 const useBufferState = () => {
     const buffer = (0, react_1.useContext)(buffering_1.BufferingContextReact);
+    const logLevel = (0, log_level_context_1.useLogLevel)();
     // Allows <Img> tag to be rendered without a context
     // https://github.com/remotion-dev/remotion/issues/4007
     const addBlock = buffer ? buffer.addBlock : null;
@@ -13,11 +16,22 @@ const useBufferState = () => {
             if (!addBlock) {
                 throw new Error('Tried to enable the buffering state, but a Remotion context was not found. This API can only be called in a component that was passed to the Remotion Player or a <Composition>. Or you might have experienced a version mismatch - run `npx remotion versions` and ensure all packages have the same version. This error is thrown by the buffer state https://remotion.dev/docs/player/buffer-state');
             }
+            log_1.Log.trace({ logLevel, tag: '[buffer-state]' }, 'Adding buffer handle', new Error().stack);
             const { unblock } = addBlock({
                 id: String(Math.random()),
             });
-            return { unblock };
+            let unblocked = false;
+            return {
+                unblock: () => {
+                    if (unblocked) {
+                        return;
+                    }
+                    unblocked = true;
+                    log_1.Log.trace({ logLevel, tag: '[buffer-state]' }, 'Removing buffer handle');
+                    unblock();
+                },
+            };
         },
-    }), [addBlock]);
+    }), [addBlock, logLevel]);
 };
 exports.useBufferState = useBufferState;

package/dist/cjs/use-schema.d.ts

@@ -1,4 +1,5 @@
 import type { SequenceSchema } from './sequence-field-schema.js';
+import type { CanUpdateSequencePropsResponse, SequenceNodePath } from './SequenceManager.js';
 export type CanUpdateSequencePropStatus = {
     canUpdate: true;
     codeValue: unknown;
@@ -7,7 +8,10 @@ export type CanUpdateSequencePropStatus = {
     reason: 'computed';
 };
 export type DragOverrides = Record<string, Record<string, unknown>>;
-export type CodeValues = Record<string, Record<string, CanUpdateSequencePropStatus>>;
+export type CodeValues = Record<string, CanUpdateSequencePropsResponse>;
+export type GetCodeValues = (nodePath: SequenceNodePath) => Record<string, CanUpdateSequencePropStatus> | undefined;
+export type GetIsJsxInMapCallback = (nodePath: SequenceNodePath) => boolean;
+export type GetDragOverrides = (nodePath: SequenceNodePath) => DragOverrides[string];
 export declare const computeEffectiveSchemaValuesDotNotation: ({ schema, currentValue, overrideValues, propStatus, }: {
     schema: SequenceSchema;
     currentValue: Record<string, unknown>;

package/dist/cjs/use-sequence-control-override.d.ts

@@ -1 +1 @@
-export declare const useSequenceControlOverride: (key: string) => unknown | undefined;
+export declare const useSequenceControlOverride: (key: string) => unknown;

package/dist/cjs/version.d.ts

@@ -3,4 +3,4 @@
  * @see [Documentation](https://remotion.dev/docs/version)
  * @returns {string} The current version of the remotion package
  */
-export declare const VERSION = "4.0.459";
+export declare const VERSION = "4.0.460";

package/dist/cjs/version.js

@@ -7,4 +7,4 @@ exports.VERSION = void 0;
  * @see [Documentation](https://remotion.dev/docs/version)
  * @returns {string} The current version of the remotion package
  */
-exports.VERSION = '4.0.459';
+exports.VERSION = '4.0.460';

package/dist/cjs/wrap-in-schema.js

@@ -36,6 +36,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.wrapInSchema = exports.mergeValues = exports.selectActiveKeys = exports.readValuesFromProps = exports.getNestedValue = void 0;
 const react_1 = __importStar(require("react"));
 const flatten_schema_js_1 = require("./flatten-schema.js");
+const sequence_node_path_js_1 = require("./sequence-node-path.js");
 const SequenceManager_js_1 = require("./SequenceManager.js");
 const use_remotion_environment_js_1 = require("./use-remotion-environment.js");
 const use_schema_js_1 = require("./use-schema.js");
@@ -91,6 +92,7 @@ const mergeValues = ({ props, valuesDotNotation, schemaKeys, }) => {
     return merged;
 };
 exports.mergeValues = mergeValues;
+const stackToOverrideMap = {};
 const wrapInSchema = (Component, schema) => {
     var _a;
     if (typeof process === 'undefined' ||
@@ -101,8 +103,10 @@ const wrapInSchema = (Component, schema) => {
     const flatSchema = (0, flatten_schema_js_1.getFlatSchemaWithAllKeys)(schema);
     const flatKeys = Object.keys(flatSchema);
     const Wrapped = (0, react_1.forwardRef)((props, ref) => {
+        var _a;
         const env = (0, use_remotion_environment_js_1.useRemotionEnvironment)();
-        const { visualModeEnabled, dragOverrides, codeValues } = (0, react_1.useContext)(SequenceManager_js_1.VisualModeOverridesContext);
+        const { visualModeEnabled, getDragOverrides, getCodeValues } = (0, react_1.useContext)(SequenceManager_js_1.VisualModeGettersContext);
+        const nodePathMapping = (0, react_1.useContext)(sequence_node_path_js_1.OverrideIdsToNodePathsGettersContext);
         if (!env.isStudio ||
             env.isReadOnlyStudio ||
             env.isRendering ||
@@ -122,7 +126,20 @@ const wrapInSchema = (Component, schema) => {
             });
         }
         // eslint-disable-next-line react-hooks/rules-of-hooks
-        const [overrideId] = (0, react_1.useState)(() => String(Math.random()));
+        const [overrideId] = (0, react_1.useState)(() => {
+            const { stack } = props;
+            if (!stack) {
+                return String(Math.random());
+            }
+            const existingOverrideId = stackToOverrideMap[stack];
+            if (existingOverrideId) {
+                return existingOverrideId;
+            }
+            const newOverrideId = String(Math.random());
+            stackToOverrideMap[stack] = newOverrideId;
+            return newOverrideId;
+        });
+        const nodePath = (_a = nodePathMapping.overrideIdToNodePathMappings[overrideId]) !== null && _a !== void 0 ? _a : null;
         // Read the runtime values for every flat key from the JSX props,
         // memoized on the leaf values so the object reference is stable
         // when nothing changed — otherwise downstream `useMemo`s churn and
@@ -143,14 +160,18 @@ const wrapInSchema = (Component, schema) => {
         // 3. Apply drag/code overrides on top of the runtime values.
         // eslint-disable-next-line react-hooks/rules-of-hooks
         const valuesDotNotation = (0, react_1.useMemo)(() => {
-            var _a;
             return (0, use_schema_js_1.computeEffectiveSchemaValuesDotNotation)({
                 schema,
                 currentValue: currentRuntimeValueDotNotation,
-                overrideValues: (_a = dragOverrides[overrideId]) !== null && _a !== void 0 ? _a : {},
-                propStatus: codeValues[overrideId],
+                overrideValues: nodePath === null ? {} : getDragOverrides(nodePath),
+                propStatus: nodePath === null ? undefined : getCodeValues(nodePath),
             });
-        }, [currentRuntimeValueDotNotation, dragOverrides, overrideId, codeValues]);
+        }, [
+            currentRuntimeValueDotNotation,
+            getDragOverrides,
+            nodePath,
+            getCodeValues,
+        ]);
         // 4. Eliminate values forbidden by the resolved discriminated union.
         const activeKeys = (0, exports.selectActiveKeys)(schema, valuesDotNotation);
         // 5. Apply the active values back onto the props.