remotion 4.0.533 → 4.0.535

package/dist/cjs/SequenceActivityBudget.js

@@ -0,0 +1,181 @@
+"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 () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSequenceActivityAdmission = exports.SequenceActivityBudgetProvider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importStar(require("react"));
+const registry_store_js_1 = require("./registry-store.js");
+const sequence_activity_context_js_1 = require("./sequence-activity-context.js");
+const TimelineContext_js_1 = require("./TimelineContext.js");
+const use_sync_external_store_js_1 = require("./use-sync-external-store.js");
+// Count nested dormant content too: one admitted scene must not be able to
+// recursively mount another thousand expensive scenes behind its Activity.
+const useCommitEffect = (_a = react_1.default.useInsertionEffect) !== null && _a !== void 0 ? _a : react_1.default.useLayoutEffect;
+const createActivityBudget = () => {
+    const registry = (0, registry_store_js_1.createRegistryStore)(new Set());
+    const candidates = new Map();
+    let frame = {};
+    let limit = sequence_activity_context_js_1.DEFAULT_SEQUENCE_ACTIVITY_LIMIT;
+    let scheduled = false;
+    const schedule = () => {
+        if (scheduled) {
+            return;
+        }
+        scheduled = true;
+        // Insertion effects run in hidden Activities too. Publish only after the
+        // whole commit, once all candidates and the root playhead are current.
+        queueMicrotask(() => {
+            scheduled = false;
+            const ranked = [...candidates.values()]
+                .filter((candidate) => candidate.end > candidate.from)
+                .map((candidate) => {
+                var _a;
+                const currentFrame = (_a = frame[candidate.compositionId]) !== null && _a !== void 0 ? _a : 0;
+                return {
+                    candidate,
+                    distance: Math.max(0, candidate.from - currentFrame, currentFrame - candidate.end),
+                };
+            })
+                .sort((a, b) => a.distance - b.distance);
+            const selected = new Set();
+            for (const { candidate } of ranked) {
+                const ancestors = [];
+                let ancestor = candidate;
+                while (ancestor && !selected.has(ancestor.id)) {
+                    ancestors.push(ancestor.id);
+                    if (selected.size + ancestors.length > limit) {
+                        break;
+                    }
+                    ancestor =
+                        ancestor.parent === null
+                            ? undefined
+                            : candidates.get(ancestor.parent);
+                }
+                if (selected.size + ancestors.length > limit) {
+                    continue;
+                }
+                for (const id of ancestors) {
+                    selected.add(id);
+                }
+                if (selected.size === limit) {
+                    break;
+                }
+            }
+            // Reserve nearby visible trees too, so becoming dormant retains their
+            // state immediately. All other visible trees bypass admission. Reserved
+            // IDs bound dormant content, including during a large seek.
+            registry.setSnapshot((previous) => previous.size === selected.size &&
+                [...previous].every((id) => selected.has(id))
+                ? previous
+                : selected);
+        });
+    };
+    return {
+        ...registry,
+        setLimit: (next) => {
+            if (limit !== next) {
+                limit = next;
+                schedule();
+            }
+        },
+        setFrame: (next) => {
+            frame = next;
+            schedule();
+        },
+        register: (candidate) => {
+            candidates.set(candidate.id, candidate);
+            schedule();
+            return () => {
+                candidates.delete(candidate.id);
+                schedule();
+            };
+        },
+    };
+};
+const ActivityBudgetContext = (0, react_1.createContext)(null);
+const InactiveTimelineContext = (0, react_1.createContext)(null);
+const emptySelection = new Set();
+const ActivitySelectionContext = (0, react_1.createContext)(emptySelection);
+const SequenceActivityBudgetProvider = ({ children }) => {
+    var _a;
+    const enabled = (0, react_1.useContext)(sequence_activity_context_js_1.SequenceActivityContext);
+    const settings = (0, react_1.useContext)(sequence_activity_context_js_1.SequenceActivitySettingsContext);
+    const limit = (_a = settings === null || settings === void 0 ? void 0 : settings.limit) !== null && _a !== void 0 ? _a : sequence_activity_context_js_1.DEFAULT_SEQUENCE_ACTIVITY_LIMIT;
+    const admitting = enabled && limit > 0;
+    const [budget] = (0, react_1.useState)(createActivityBudget);
+    const timeline = (0, react_1.useContext)(admitting ? TimelineContext_js_1.TimelineContext : InactiveTimelineContext);
+    const selected = (0, use_sync_external_store_js_1.useSyncExternalStore)(budget.subscribe, budget.getSnapshot, budget.getSnapshot);
+    // Shrinking the setting must not keep the old, larger selection for a commit
+    // while the budget schedules its new snapshot.
+    const admitted = (0, react_1.useMemo)(() => !admitting
+        ? emptySelection
+        : selected.size > limit
+            ? new Set([...selected].slice(0, limit))
+            : selected, [admitting, limit, selected]);
+    useCommitEffect(() => {
+        budget.setLimit(admitting ? limit : 0);
+        if (admitting && timeline !== null) {
+            budget.setFrame(timeline.frame);
+        }
+    }, [admitting, budget, limit, timeline]);
+    return (jsx_runtime_1.jsx(ActivityBudgetContext.Provider, { value: admitting ? budget : null, children: jsx_runtime_1.jsx(ActivitySelectionContext.Provider, { value: admitted, children: children }) }));
+};
+exports.SequenceActivityBudgetProvider = SequenceActivityBudgetProvider;
+const useSequenceActivityAdmission = (candidate) => {
+    var _a, _b, _c, _d, _e;
+    const budget = (0, react_1.useContext)(ActivityBudgetContext);
+    const enabled = (0, react_1.useContext)(sequence_activity_context_js_1.SequenceActivityContext);
+    const settings = (0, react_1.useContext)(sequence_activity_context_js_1.SequenceActivitySettingsContext);
+    const unlimited = enabled && (settings === null || settings === void 0 ? void 0 : settings.limit) === -1;
+    const selected = (0, react_1.useContext)(ActivitySelectionContext);
+    const id = (_a = candidate === null || candidate === void 0 ? void 0 : candidate.id) !== null && _a !== void 0 ? _a : null;
+    const parent = (_b = candidate === null || candidate === void 0 ? void 0 : candidate.parent) !== null && _b !== void 0 ? _b : null;
+    const compositionId = (_c = candidate === null || candidate === void 0 ? void 0 : candidate.compositionId) !== null && _c !== void 0 ? _c : null;
+    const from = (_d = candidate === null || candidate === void 0 ? void 0 : candidate.from) !== null && _d !== void 0 ? _d : null;
+    const end = (_e = candidate === null || candidate === void 0 ? void 0 : candidate.end) !== null && _e !== void 0 ? _e : null;
+    const committedCandidate = (0, react_1.useMemo)(() => id !== null && compositionId !== null && from !== null && end !== null
+        ? { id, parent, compositionId, from, end }
+        : null, [id, parent, compositionId, from, end]);
+    useCommitEffect(() => {
+        if (budget !== null && committedCandidate !== null) {
+            return budget.register(committedCandidate);
+        }
+    }, [budget, committedCandidate]);
+    // Unlimited discovery admits children on their first render, without waiting
+    // for their registration and a subsequent budget publication.
+    return id !== null && (unlimited || selected.has(id));
+};
+exports.useSequenceActivityAdmission = useSequenceActivityAdmission;

package/dist/cjs/SequenceManager.d.ts

@@ -1,27 +1,9 @@
 import React from 'react';
-import type { TSequence } from './CompositionManager.js';
+export * from './sequence-registry-context.js';
+import { type SequenceManagerActions, type SequenceNodePath } from './sequence-registry-context.js';
 import type { CanUpdateSequencePropStatus, DragOverrideValue, GetDragOverrides, GetEffectDragOverrides, PropStatuses } from './use-schema.js';
+import type { SourceNumericValue } from './use-schema.js';
 import type { VideoConfigValues } from './video-config.js';
-export type SequenceManagerContext = {
-    registerSequence: (seq: TSequence) => void;
-    updateSequence: ((seq: TSequence) => void) | null;
-    unregisterSequence: (id: string) => void;
-    sequences: TSequence[];
-};
-export type SequenceManagerRef = {
-    current: TSequence[];
-};
-export type SequenceNodePath = Array<string | number>;
-type SequenceManagerActions = Pick<SequenceManagerContext, 'registerSequence' | 'updateSequence' | 'unregisterSequence'>;
-export declare const SequenceManagerActionsContext: React.Context<SequenceManagerActions>;
-export declare const SequenceManager: React.Context<SequenceManagerContext>;
-export declare const useSequenceManagerSequences: () => TSequence[];
-export declare const SequenceManagerRefContext: React.Context<SequenceManagerRef>;
-export declare const SequenceRegistrationContext: React.Context<boolean>;
-export declare const DisableSequenceRegistrationContext: React.Context<boolean>;
-export declare const DisableSequenceRegistrationProvider: React.FC<{
-    readonly children: React.ReactNode;
-}>;
 export type VisualModePropStatuses = {
     propStatuses: PropStatuses;
 };
@@ -66,12 +48,12 @@ export type VisualModeBatchSetters = {
         readonly value: DragOverrideValue;
     }[]) => void;
 };
-export type CanUpdateEffectPropsResponseTrue = {
+export type CanUpdateEffectPropsResponseTrue<Numeric = SourceNumericValue> = {
     canUpdate: true;
     callee: string;
     importPath: string | null;
     effectIndex: number;
-    props: Record<string, CanUpdateSequencePropStatus>;
+    props: Record<string, CanUpdateSequencePropStatus<Numeric>>;
 };
 export type CannotUpdateEffectReason = 'not-found' | 'computed' | 'not-call-expression';
 export type CannotUpdateSequenceReason = 'not-found' | 'error';
@@ -80,24 +62,25 @@ export type CanUpdateEffectPropsResponseFalse = {
     effectIndex: number;
     reason: CannotUpdateEffectReason;
 };
-export type CanUpdateEffectPropsResponse = CanUpdateEffectPropsResponseTrue | CanUpdateEffectPropsResponseFalse;
-export type CanUpdateSequencePropsResponseTrue = {
+export type CanUpdateEffectPropsResponse<Numeric = SourceNumericValue> = CanUpdateEffectPropsResponseTrue<Numeric> | CanUpdateEffectPropsResponseFalse;
+export type CanUpdateSequencePropsResponseTrue<Numeric = SourceNumericValue> = {
     canUpdate: true;
-    props: Record<string, CanUpdateSequencePropStatus>;
-    effects: CanUpdateEffectPropsResponse[];
+    props: Record<string, CanUpdateSequencePropStatus<Numeric>>;
+    effects: CanUpdateEffectPropsResponse<Numeric>[];
 };
 export type CanUpdateSequencePropsResponseFalse = {
     canUpdate: false;
     reason: CannotUpdateSequenceReason;
 };
-export type CanUpdateSequencePropsResponse = CanUpdateSequencePropsResponseTrue | CanUpdateSequencePropsResponseFalse;
+export type CanUpdateSequencePropsResponse<Numeric = SourceNumericValue> = CanUpdateSequencePropsResponseTrue<Numeric> | CanUpdateSequencePropsResponseFalse;
 export declare const makeSequencePropsSubscriptionKey: (key: SequencePropsSubscriptionKey) => string;
 export declare const VisualModePropStatusesContext: React.Context<VisualModePropStatuses>;
 export declare const VisualModePropStatusesRefContext: React.Context<VisualModePropStatusesRef>;
 export declare const VisualModeDragOverridesContext: React.Context<VisualModeDragOverrides>;
+export declare const VisualModeDragOverridesRefContext: React.Context<React.RefObject<VisualModeDragOverrides>>;
 export declare const useDragOverridesForNodePath: (nodePath: SequencePropsSubscriptionKey | null) => Record<string, DragOverrideValue>;
 export declare const useActiveFromDragOverrideKeys: () => ReadonlySet<string>;
-export declare const useEffectDragOverridesForNodePath: (nodePath: SequencePropsSubscriptionKey | null, effectCount: number) => Record<string, Record<string, DragOverrideValue>>;
+export declare const useEffectDragOverridesForNodePath: (nodePath: SequencePropsSubscriptionKey | null) => Record<string, Record<string, DragOverrideValue>>;
 export declare const VisualModeSettersContext: React.Context<VisualModeSetters>;
 export declare const VisualModeBatchSettersContext: React.Context<VisualModeBatchSetters | null>;
 export type SequencePropsSubscriptionKey = {
@@ -105,6 +88,7 @@ export type SequencePropsSubscriptionKey = {
     nodePath: SequenceNodePath;
     sequenceKeys: string[];
     effectKeys: string[][];
+    /** Evaluation context of a rendered instance. Never part of source identity. */
     videoConfigValues: VideoConfigValues | null;
 };
 export type { VideoConfigValues } from './video-config.js';

package/dist/cjs/SequenceManager.js

@@ -32,64 +32,34 @@ var __importStar = (this && this.__importStar) || (function () {
         return result;
     };
 })();
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SequenceManagerProvider = exports.VisualModeBatchSettersContext = exports.VisualModeSettersContext = exports.useEffectDragOverridesForNodePath = exports.useActiveFromDragOverrideKeys = exports.useDragOverridesForNodePath = exports.VisualModeDragOverridesContext = exports.VisualModePropStatusesRefContext = exports.VisualModePropStatusesContext = exports.makeSequencePropsSubscriptionKey = exports.VisualModeDragOverridesSubscriptionContext = exports.DisableSequenceRegistrationProvider = exports.DisableSequenceRegistrationContext = exports.SequenceRegistrationContext = exports.SequenceManagerRefContext = exports.useSequenceManagerSequences = exports.SequenceManager = exports.SequenceManagerActionsContext = void 0;
+exports.SequenceManagerProvider = exports.VisualModeBatchSettersContext = exports.VisualModeSettersContext = exports.useEffectDragOverridesForNodePath = exports.useActiveFromDragOverrideKeys = exports.useDragOverridesForNodePath = exports.VisualModeDragOverridesRefContext = exports.VisualModeDragOverridesContext = exports.VisualModePropStatusesRefContext = exports.VisualModePropStatusesContext = exports.makeSequencePropsSubscriptionKey = exports.VisualModeDragOverridesSubscriptionContext = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importStar(require("react"));
-const sequence_order_marker_js_1 = require("./sequence-order-marker.js");
+__exportStar(require("./sequence-registry-context.js"), exports);
+const sequence_activity_context_js_1 = require("./sequence-activity-context.js");
+const sequence_registry_context_js_1 = require("./sequence-registry-context.js");
+const SequenceActivityBudget_js_1 = require("./SequenceActivityBudget.js");
+const SequenceRegistryProvider_js_1 = require("./SequenceRegistryProvider.js");
 const use_remotion_environment_js_1 = require("./use-remotion-environment.js");
 const use_sync_external_store_js_1 = require("./use-sync-external-store.js");
 const useIsomorphicLayoutEffect = typeof window === 'undefined' ? react_1.default.useEffect : react_1.default.useLayoutEffect;
-const defaultSequenceManager = {
-    registerSequence: () => {
-        throw new Error('SequenceManagerContext not initialized');
-    },
-    updateSequence: null,
-    unregisterSequence: () => {
-        throw new Error('SequenceManagerContext not initialized');
-    },
-    sequences: [],
-};
-exports.SequenceManagerActionsContext = react_1.default.createContext({
-    registerSequence: defaultSequenceManager.registerSequence,
-    updateSequence: defaultSequenceManager.updateSequence,
-    unregisterSequence: defaultSequenceManager.unregisterSequence,
-});
-exports.SequenceManager = react_1.default.createContext(defaultSequenceManager);
-const NativeSequenceManagerProvider = exports.SequenceManager.Provider;
-const SequenceManagerProviderWithActions = ({ value, children }) => {
-    const actions = (0, react_1.useMemo)(() => ({
-        registerSequence: value.registerSequence,
-        updateSequence: value.updateSequence,
-        unregisterSequence: value.unregisterSequence,
-    }), [value.registerSequence, value.updateSequence, value.unregisterSequence]);
-    return (jsx_runtime_1.jsx(exports.SequenceManagerActionsContext.Provider, { value: actions, children: jsx_runtime_1.jsx(NativeSequenceManagerProvider, { value: value, children: children }) }));
-};
-// Keep custom SequenceManager.Provider trees in sync with the stable actions
-// context while preserving the legacy reactive sequence-list context.
-Object.defineProperty(exports.SequenceManager, 'Provider', {
-    value: SequenceManagerProviderWithActions,
-});
-const useSequenceManagerSequences = () => {
-    return (0, react_1.useContext)(exports.SequenceManager).sequences;
-};
-exports.useSequenceManagerSequences = useSequenceManagerSequences;
-exports.SequenceManagerRefContext = react_1.default.createContext({
-    current: [],
-});
-exports.SequenceRegistrationContext = react_1.default.createContext(false);
-exports.DisableSequenceRegistrationContext = react_1.default.createContext(false);
-const DisableSequenceRegistrationProvider = ({ children }) => {
-    return react_1.default.createElement(exports.DisableSequenceRegistrationContext.Provider, { value: true }, children);
-};
-exports.DisableSequenceRegistrationProvider = DisableSequenceRegistrationProvider;
 exports.VisualModeDragOverridesSubscriptionContext = react_1.default.createContext(null);
 const ActiveFromDragOverrideKeysContext = react_1.default.createContext(null);
 const SequenceManagerScopeProviders = ({ children, dragOverridesSubscription, fromKeys }) => {
-    const manager = (0, react_1.useContext)(exports.SequenceManagerActionsContext);
+    const { isStudio } = (0, use_remotion_environment_js_1.useRemotionEnvironment)();
+    const activitySettings = (0, react_1.useContext)(sequence_activity_context_js_1.SequenceActivitySettingsContext);
+    const commitRegistrationEnabled = (0, react_1.useContext)(sequence_registry_context_js_1.SequenceCommitRegistrationContext);
+    const manager = (0, react_1.useContext)(sequence_registry_context_js_1.SequenceManagerActionsContext);
     const scopedDragOverridesSubscription = (0, react_1.useMemo)(() => ({ ...dragOverridesSubscription, manager }), [dragOverridesSubscription, manager]);
     const activeFromDragOverrideKeys = (0, react_1.useMemo)(() => ({ manager, keys: fromKeys }), [fromKeys, manager]);
-    return (jsx_runtime_1.jsx(ActiveFromDragOverrideKeysContext.Provider, { value: activeFromDragOverrideKeys, children: jsx_runtime_1.jsx(exports.VisualModeDragOverridesSubscriptionContext.Provider, { value: scopedDragOverridesSubscription, children: children }) }));
+    return (jsx_runtime_1.jsx(ActiveFromDragOverrideKeysContext.Provider, { value: activeFromDragOverrideKeys, children: jsx_runtime_1.jsx(exports.VisualModeDragOverridesSubscriptionContext.Provider, { value: scopedDragOverridesSubscription, children: jsx_runtime_1.jsx(sequence_activity_context_js_1.SequenceActivityContext.Provider, { value: (activitySettings === null || activitySettings === void 0 ? void 0 : activitySettings.enabled) === true &&
+                    isStudio &&
+                    commitRegistrationEnabled &&
+                    typeof react_1.default.Activity !== 'undefined', children: jsx_runtime_1.jsx(SequenceActivityBudget_js_1.SequenceActivityBudgetProvider, { children: children }) }) }) }));
 };
 const emptyDragOverrides = {};
 const emptyFromOverrideKeys = new Set();
@@ -104,24 +74,20 @@ exports.VisualModePropStatusesContext = react_1.default.createContext({
 exports.VisualModePropStatusesRefContext = react_1.default.createContext({
     current: {},
 });
-exports.VisualModeDragOverridesContext = react_1.default.createContext({
+const defaultVisualModeDragOverrides = {
     getDragOverrides: () => {
         throw new Error('VisualModeDragOverridesContext not initialized');
     },
     getEffectDragOverrides: () => {
         throw new Error('VisualModeDragOverridesContext not initialized');
     },
-});
-/* eslint-disable react-hooks/rules-of-hooks */
+};
+exports.VisualModeDragOverridesContext = react_1.default.createContext(defaultVisualModeDragOverrides);
+exports.VisualModeDragOverridesRefContext = react_1.default.createContext({ current: defaultVisualModeDragOverrides });
 const useDragOverridesForNodePath = (nodePath) => {
     const subscription = (0, react_1.useContext)(exports.VisualModeDragOverridesSubscriptionContext);
-    const manager = (0, react_1.useContext)(exports.SequenceManagerActionsContext);
+    const manager = (0, react_1.useContext)(sequence_registry_context_js_1.SequenceManagerActionsContext);
     const scopedSubscription = (subscription === null || subscription === void 0 ? void 0 : subscription.manager) === manager ? subscription : null;
-    // Legacy providers only supply VisualModeDragOverridesContext. Its presence is
-    // fixed for the lifetime of a mounted tree.
-    const legacy = scopedSubscription === null
-        ? (0, react_1.useContext)(exports.VisualModeDragOverridesContext)
-        : null;
     const key = nodePath === null ? null : (0, exports.makeSequencePropsSubscriptionKey)(nodePath);
     const subscribe = (0, react_1.useCallback)((listener) => {
         var _a;
@@ -131,27 +97,19 @@ const useDragOverridesForNodePath = (nodePath) => {
         var _a;
         return (_a = scopedSubscription === null || scopedSubscription === void 0 ? void 0 : scopedSubscription.getSnapshot(key)) !== null && _a !== void 0 ? _a : emptyDragOverrides;
     }, [key, scopedSubscription]);
-    const overrides = (0, use_sync_external_store_js_1.useSyncExternalStore)(subscribe, getSnapshot, getSnapshot);
-    return legacy !== null && nodePath !== null
-        ? legacy.getDragOverrides(nodePath)
-        : overrides;
+    return (0, use_sync_external_store_js_1.useSyncExternalStore)(subscribe, getSnapshot, getSnapshot);
 };
 exports.useDragOverridesForNodePath = useDragOverridesForNodePath;
 const useActiveFromDragOverrideKeys = () => {
     const snapshot = (0, react_1.useContext)(ActiveFromDragOverrideKeysContext);
-    const manager = (0, react_1.useContext)(exports.SequenceManagerActionsContext);
+    const manager = (0, react_1.useContext)(sequence_registry_context_js_1.SequenceManagerActionsContext);
     return (snapshot === null || snapshot === void 0 ? void 0 : snapshot.manager) === manager ? snapshot.keys : emptyFromOverrideKeys;
 };
 exports.useActiveFromDragOverrideKeys = useActiveFromDragOverrideKeys;
-const useEffectDragOverridesForNodePath = (nodePath, effectCount) => {
+const useEffectDragOverridesForNodePath = (nodePath) => {
     const subscription = (0, react_1.useContext)(exports.VisualModeDragOverridesSubscriptionContext);
-    const manager = (0, react_1.useContext)(exports.SequenceManagerActionsContext);
+    const manager = (0, react_1.useContext)(sequence_registry_context_js_1.SequenceManagerActionsContext);
     const scopedSubscription = (subscription === null || subscription === void 0 ? void 0 : subscription.manager) === manager ? subscription : null;
-    // Legacy providers only supply VisualModeDragOverridesContext. Its presence is
-    // fixed for the lifetime of a mounted tree.
-    const legacy = scopedSubscription === null
-        ? (0, react_1.useContext)(exports.VisualModeDragOverridesContext)
-        : null;
     const key = nodePath === null ? null : (0, exports.makeSequencePropsSubscriptionKey)(nodePath);
     const subscribe = (0, react_1.useCallback)((listener) => {
         var _a;
@@ -161,18 +119,9 @@ const useEffectDragOverridesForNodePath = (nodePath, effectCount) => {
         var _a;
         return (_a = scopedSubscription === null || scopedSubscription === void 0 ? void 0 : scopedSubscription.getEffectSnapshot(key)) !== null && _a !== void 0 ? _a : emptyEffectDragOverrides;
     }, [key, scopedSubscription]);
-    const overrides = (0, use_sync_external_store_js_1.useSyncExternalStore)(subscribe, getSnapshot, getSnapshot);
-    if (legacy !== null && nodePath !== null) {
-        const legacyOverrides = {};
-        for (let index = 0; index < effectCount; index++) {
-            legacyOverrides[index] = legacy.getEffectDragOverrides(nodePath, index);
-        }
-        return legacyOverrides;
-    }
-    return overrides;
+    return (0, use_sync_external_store_js_1.useSyncExternalStore)(subscribe, getSnapshot, getSnapshot);
 };
 exports.useEffectDragOverridesForNodePath = useEffectDragOverridesForNodePath;
-/* eslint-enable react-hooks/rules-of-hooks */
 exports.VisualModeSettersContext = react_1.default.createContext({
     setDragOverrides: () => {
         throw new Error('VisualModeSettersContext not initialized');
@@ -196,13 +145,6 @@ exports.VisualModeSettersContext = react_1.default.createContext({
 exports.VisualModeBatchSettersContext = react_1.default.createContext(null);
 const effectDragOverridesKey = (nodePath, effectIndex) => `${(0, exports.makeSequencePropsSubscriptionKey)(nodePath)}.effects.${effectIndex}`;
 const SequenceManagerProvider = ({ children }) => {
-    const { isStudio } = (0, use_remotion_environment_js_1.useRemotionEnvironment)();
-    const [sequenceManagerId] = (0, react_1.useState)(() => String(Math.random()));
-    const committedOrderRef = (0, react_1.useRef)(null);
-    const committedOrderIdsRef = (0, react_1.useRef)(null);
-    const [sequences, setSequences] = (0, react_1.useState)([]);
-    const sequencesRef = (0, react_1.useRef)(sequences);
-    sequencesRef.current = sequences;
     const [dragOverrideState, setDragOverrideState] = (0, react_1.useState)(() => ({
         overrides: {},
         fromKeys: new Set(),
@@ -220,7 +162,9 @@ const SequenceManagerProvider = ({ children }) => {
     });
     const [propStatuses, setPropStatusesMapState] = (0, react_1.useState)({});
     const propStatusesRef = (0, react_1.useRef)(propStatuses);
-    propStatusesRef.current = propStatuses;
+    useIsomorphicLayoutEffect(() => {
+        propStatusesRef.current = propStatuses;
+    }, [propStatuses]);
     const setDragOverridesBatch = (0, react_1.useCallback)((overrides) => {
         setDragOverrideState((prevState) => {
             var _a;
@@ -436,94 +380,6 @@ const SequenceManagerProvider = ({ children }) => {
             return next;
         });
     }, []);
-    useIsomorphicLayoutEffect(() => {
-        if (!isStudio) {
-            return;
-        }
-        let unmounted = false;
-        const onCommitOrder = (event) => {
-            const { detail } = event;
-            const managerOrder = detail.sequenceManagers.find((item) => item.managerId === sequenceManagerId);
-            if (!managerOrder) {
-                return;
-            }
-            const previousOrder = committedOrderIdsRef.current;
-            if (previousOrder !== null &&
-                previousOrder.length === managerOrder.sequenceIds.length &&
-                previousOrder.every((sequenceId, index) => sequenceId === managerOrder.sequenceIds[index])) {
-                return;
-            }
-            const order = new Map(managerOrder.sequenceIds.map((sequenceId, index) => [
-                sequenceId,
-                index,
-            ]));
-            committedOrderIdsRef.current = managerOrder.sequenceIds;
-            committedOrderRef.current = order;
-            queueMicrotask(() => {
-                if (unmounted) {
-                    return;
-                }
-                setSequences((currentSequences) => {
-                    let changed = false;
-                    const nextSequences = currentSequences.map((sequence) => {
-                        var _a;
-                        const timelineOrder = (_a = order.get(sequence.id)) !== null && _a !== void 0 ? _a : null;
-                        if (sequence.timelineOrder === timelineOrder) {
-                            return sequence;
-                        }
-                        changed = true;
-                        return { ...sequence, timelineOrder };
-                    });
-                    return changed ? nextSequences : currentSequences;
-                });
-            });
-        };
-        window.addEventListener(sequence_order_marker_js_1.COMMIT_ORDER_EVENT, onCommitOrder);
-        return () => {
-            unmounted = true;
-            window.removeEventListener(sequence_order_marker_js_1.COMMIT_ORDER_EVENT, onCommitOrder);
-        };
-    }, [isStudio, sequenceManagerId]);
-    const registerSequence = (0, react_1.useCallback)((seq) => {
-        setSequences((seqs) => {
-            var _a;
-            var _b;
-            return [
-                ...seqs,
-                {
-                    ...seq,
-                    timelineOrder: (_b = (_a = committedOrderRef.current) === null || _a === void 0 ? void 0 : _a.get(seq.id)) !== null && _b !== void 0 ? _b : null,
-                },
-            ];
-        });
-    }, []);
-    const updateSequence = (0, react_1.useCallback)((seq) => {
-        setSequences((seqs) => {
-            var _a;
-            var _b;
-            const index = seqs.findIndex((item) => item.id === seq.id);
-            if (index === -1) {
-                return seqs;
-            }
-            const next = [...seqs];
-            next[index] = {
-                ...seq,
-                timelineOrder: (_b = (_a = committedOrderRef.current) === null || _a === void 0 ? void 0 : _a.get(seq.id)) !== null && _b !== void 0 ? _b : null,
-            };
-            return next;
-        });
-    }, []);
-    const unregisterSequence = (0, react_1.useCallback)((seq) => {
-        setSequences((seqs) => seqs.filter((s) => s.id !== seq));
-    }, []);
-    const sequenceContext = (0, react_1.useMemo)(() => {
-        return {
-            registerSequence,
-            sequences,
-            updateSequence,
-            unregisterSequence,
-        };
-    }, [registerSequence, sequences, unregisterSequence, updateSequence]);
     const dragOverridesSubscription = (0, react_1.useMemo)(() => ({
         subscribe: subscribeDragOverrides,
         getSnapshot: getDragOverridesSnapshot,
@@ -554,6 +410,11 @@ const SequenceManagerProvider = ({ children }) => {
             getEffectDragOverrides,
         };
     }, [getDragOverrides, getEffectDragOverrides]);
+    const dragOverridesRef = (0, react_1.useRef)(dragOverridesContext);
+    useIsomorphicLayoutEffect(() => {
+        // Interaction handlers read the latest committed overrides without subscribing.
+        dragOverridesRef.current = dragOverridesContext;
+    }, [dragOverridesContext]);
     const settersContext = (0, react_1.useMemo)(() => {
         return {
             setDragOverrides,
@@ -572,7 +433,6 @@ const SequenceManagerProvider = ({ children }) => {
         remapPropStatuses,
     ]);
     const batchSettersContext = (0, react_1.useMemo)(() => ({ setDragOverridesBatch, setEffectDragOverridesBatch }), [setDragOverridesBatch, setEffectDragOverridesBatch]);
-    const providers = (jsx_runtime_1.jsx(exports.SequenceManagerRefContext.Provider, { value: sequencesRef, children: jsx_runtime_1.jsx(exports.SequenceManager.Provider, { value: sequenceContext, children: jsx_runtime_1.jsx(exports.VisualModePropStatusesRefContext.Provider, { value: propStatusesRef, children: jsx_runtime_1.jsx(exports.VisualModePropStatusesContext.Provider, { value: propStatusesContext, children: jsx_runtime_1.jsx(SequenceManagerScopeProviders, { dragOverridesSubscription: dragOverridesSubscription, fromKeys: dragOverrideState.fromKeys, children: jsx_runtime_1.jsx(exports.VisualModeDragOverridesContext.Provider, { value: dragOverridesContext, children: jsx_runtime_1.jsx(exports.VisualModeSettersContext.Provider, { value: settersContext, children: jsx_runtime_1.jsx(exports.VisualModeBatchSettersContext.Provider, { value: batchSettersContext, children: children }) }) }) }) }) }) }) }));
-    return isStudio ? (jsx_runtime_1.jsx(sequence_order_marker_js_1.SequenceManagerOrderMarker, { managerId: sequenceManagerId, children: providers })) : (providers);
+    return (jsx_runtime_1.jsx(SequenceRegistryProvider_js_1.SequenceRegistryProvider, { children: jsx_runtime_1.jsx(exports.VisualModePropStatusesRefContext.Provider, { value: propStatusesRef, children: jsx_runtime_1.jsx(exports.VisualModePropStatusesContext.Provider, { value: propStatusesContext, children: jsx_runtime_1.jsx(SequenceManagerScopeProviders, { dragOverridesSubscription: dragOverridesSubscription, fromKeys: dragOverrideState.fromKeys, children: jsx_runtime_1.jsx(exports.VisualModeDragOverridesContext.Provider, { value: dragOverridesContext, children: jsx_runtime_1.jsx(exports.VisualModeDragOverridesRefContext.Provider, { value: dragOverridesRef, children: jsx_runtime_1.jsx(exports.VisualModeSettersContext.Provider, { value: settersContext, children: jsx_runtime_1.jsx(exports.VisualModeBatchSettersContext.Provider, { value: batchSettersContext, children: children }) }) }) }) }) }) }) }));
 };
 exports.SequenceManagerProvider = SequenceManagerProvider;

package/dist/cjs/SequenceRegistryProvider.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const SequenceRegistryProvider: React.FC<{
+    readonly children: React.ReactNode;
+}>;