remotion 4.0.519 → 4.0.521

package/dist/cjs/canvas-image/CanvasImage.js

@@ -22,6 +22,7 @@ const with_interactivity_schema_js_1 = require("../with-interactivity-schema.js"
 exports.canvasImageSchema = {
     src: {
         type: 'asset',
+        assetType: 'image',
         default: undefined,
         description: 'Source',
         keyframable: false,

package/dist/cjs/freeze.js

@@ -45,10 +45,7 @@ const Freeze = ({ frame: frameToFreeze, children, active = true, }) => {
         }
         return {
             ...timelineContext,
-            playing: false,
-            imperativePlaying: {
-                current: false,
-            },
+            isPlaying: () => false,
             frame: {
                 [videoConfig.id]: frameToFreeze + relativeFrom,
             },

package/dist/cjs/index.d.ts

@@ -136,7 +136,6 @@ export { interpolateColors, type InterpolateColorsOptions, } from './interpolate
 export { LogLevel } from './log.js';
 export { Loop } from './loop/index.js';
 export { assertValidInterpolateEasingOption, assertValidInterpolatePosterizeOption, EasingFunction, ExtrapolateType, interpolate, InterpolateOutputOption, InterpolateOptions, random, RandomSeed, } from './no-react';
-export type { NonceHistory } from './nonce.js';
 export { prefetch, PrefetchOnProgress } from './prefetch.js';
 export { registerRoot } from './register-root.js';
 export type { PixelFormat, VideoImageFormat } from './render-types.js';

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

@@ -97,8 +97,15 @@ export type FontFamilyFieldSchema = {
     description?: string;
     keyframable?: false;
 };
+export type FontWeightFieldSchema = {
+    type: 'font-weight';
+    default: number | string | undefined;
+    description?: string;
+    keyframable?: false;
+};
 export type AssetFieldSchema = {
     type: 'asset';
+    assetType?: 'audio' | 'video' | 'image';
     default: string | undefined;
     description?: string;
     keyframable?: false;
@@ -138,7 +145,7 @@ export type CaptionsFieldSchema = {
     description?: string;
     keyframable: false;
 };
-export type VisibleFieldSchema = NumberFieldSchema | BooleanFieldSchema | RotationCssFieldSchema | RotationDegreesFieldSchema | TranslateFieldSchema | TransformOriginFieldSchema | ScaleFieldSchema | UvCoordinateFieldSchema | ColorFieldSchema | TextContentFieldSchema | FontFamilyFieldSchema | AssetFieldSchema | ArrayFieldSchema | CaptionsFieldSchema | EnumFieldSchema;
+export type VisibleFieldSchema = NumberFieldSchema | BooleanFieldSchema | RotationCssFieldSchema | RotationDegreesFieldSchema | TranslateFieldSchema | TransformOriginFieldSchema | ScaleFieldSchema | UvCoordinateFieldSchema | ColorFieldSchema | TextContentFieldSchema | FontFamilyFieldSchema | FontWeightFieldSchema | AssetFieldSchema | ArrayFieldSchema | CaptionsFieldSchema | EnumFieldSchema;
 export type InteractivitySchemaField = VisibleFieldSchema | HiddenFieldSchema;
 export type InteractivitySchema = {
     [key: string]: InteractivitySchemaField;
@@ -255,22 +262,10 @@ export declare const textSchema: {
         readonly hiddenFromList: false;
     };
     readonly 'style.fontWeight': {
-        readonly type: "enum";
-        readonly default: "400";
+        readonly type: "font-weight";
+        readonly default: 400;
         readonly description: "Font weight";
-        readonly variants: {
-            readonly '100': {};
-            readonly '200': {};
-            readonly '300': {};
-            readonly '400': {};
-            readonly '500': {};
-            readonly '600': {};
-            readonly '700': {};
-            readonly '800': {};
-            readonly '900': {};
-            readonly normal: {};
-            readonly bold: {};
-        };
+        readonly keyframable: false;
     };
     readonly 'style.fontStyle': {
         readonly type: "enum";

package/dist/cjs/interactivity-schema.js

@@ -76,22 +76,10 @@ exports.textSchema = {
         hiddenFromList: false,
     },
     'style.fontWeight': {
-        type: 'enum',
-        default: '400',
+        type: 'font-weight',
+        default: 400,
         description: 'Font weight',
-        variants: {
-            '100': {},
-            '200': {},
-            '300': {},
-            '400': {},
-            '500': {},
-            '600': {},
-            '700': {},
-            '800': {},
-            '900': {},
-            normal: {},
-            bold: {},
-        },
+        keyframable: false,
     },
     'style.fontStyle': {
         type: 'enum',

package/dist/cjs/internals.d.ts

@@ -8,7 +8,6 @@ import * as CSSUtils from './default-css.js';
 import type { SerializedJSONWithCustomFields } from './input-props-serialization.js';
 import { type AssetFieldSchema, type ArrayFieldSchema, type ArrayItemFieldSchema, type InteractivitySchemaField, type InteractivitySchema, type VisibleFieldSchema } from './interactivity-schema.js';
 import type { LoggingContextValue } from './log-level-context.js';
-import type { NonceHistory } from './nonce.js';
 import type { RemotionEnvironment } from './remotion-environment-context.js';
 import type { OverrideIdToNodePaths, OverrideToNodePathGetters, OverrideToNodeSetters } from './sequence-node-path.js';
 import { OverrideIdsToNodePathsGettersContext, OverrideIdsToNodePathsSettersContext } from './sequence-node-path.js';
@@ -16,7 +15,7 @@ import type { ResolvedStackLocation } from './sequence-stack-traces.js';
 import type { CannotUpdateSequenceReason } from './SequenceManager.js';
 import { type CanUpdateEffectPropsResponse, type CanUpdateEffectPropsResponseFalse, type CanUpdateEffectPropsResponseTrue, type CanUpdateSequencePropsResponse, type CanUpdateSequencePropsResponseFalse, type CanUpdateSequencePropsResponseTrue, type SequenceNodePath, type SequencePropsSubscriptionKey, type SequencePropsStatusRemapping, type VideoConfigValues } from './SequenceManager.js';
 import * as TimelinePosition from './timeline-position-state.js';
-import { type PlaybackRateContextValue, type SetTimelineContextValue, type TimelineImperativeContextValue, type TimelineContextValue } from './TimelineContext.js';
+import { type PlaybackRateContextValue, type SetTimelineContextValue, type TimelineContextValue } from './TimelineContext.js';
 import { truthy } from './truthy.js';
 import type { CanUpdateSequencePropStatusFalse, CanUpdateSequencePropStatusEasing, CanUpdateSequencePropStatusKeyframed, CanUpdateSequencePropStatusStatic, DragOverrideValue, GetDragOverrides, GetEffectDragOverrides, GetEffectPropStatuses, GetPropStatuses, VideoConfigNumericExpression } from './use-schema.js';
 import { type CanUpdateSequencePropStatus, type DragOverrides, type EffectDragOverrides, type PropStatuses } from './use-schema.js';
@@ -38,6 +37,7 @@ export declare const Internals: {
     readonly MEDIABUNNY_DURATION_VALUE_KEY: "mediabunny-duration";
     readonly makeRenderResourceManager: () => import("./render-resource-manager.js").RenderResourceManager;
     readonly RenderResourceManagerContext: import("react").Context<import("./render-resource-manager.js").RenderResourceManager | null>;
+    readonly createRuntimeValueStore: <TSnapshot extends Readonly<Record<string, unknown>>>(initialSnapshot: TSnapshot) => import("./runtime-value-store.js").RuntimeValueStoreController<TSnapshot>;
     readonly useUnsafeVideoConfig: () => import("./video-config.js").VideoConfig | null;
     readonly useFrameForVolumeProp: (behavior: import("./index.js").LoopVolumeCurveBehavior) => number;
     readonly useTimelinePosition: () => number;
@@ -98,6 +98,14 @@ export declare const Internals: {
     }>;
     readonly SequenceManagerRefContext: import("react").Context<import("./SequenceManager.js").SequenceManagerRef>;
     readonly SequenceRegistrationContext: import("react").Context<boolean>;
+    readonly CommitOrderInternals: {
+        compositionManagerMarker: symbol;
+        compositionMarker: symbol;
+        folderMarker: symbol;
+        sequenceManagerMarker: symbol;
+        sequenceMarker: symbol;
+        eventName: string;
+    };
     readonly SequenceStackTracesUpdateContext: import("react").Context<import("./sequence-stack-traces.js").UpdateResolvedStackTraceFn>;
     readonly baseSchema: {
         readonly durationInFrames: {
@@ -637,22 +645,10 @@ export declare const Internals: {
             readonly hiddenFromList: false;
         };
         readonly 'style.fontWeight': {
-            readonly type: "enum";
-            readonly default: "400";
+            readonly type: "font-weight";
+            readonly default: 400;
             readonly description: "Font weight";
-            readonly variants: {
-                readonly '100': {};
-                readonly '200': {};
-                readonly '300': {};
-                readonly '400': {};
-                readonly '500': {};
-                readonly '600': {};
-                readonly '700': {};
-                readonly '800': {};
-                readonly '900': {};
-                readonly normal: {};
-                readonly bold: {};
-            };
+            readonly keyframable: false;
         };
         readonly 'style.fontStyle': {
             readonly type: "enum";
@@ -829,6 +825,7 @@ export declare const Internals: {
         audioSyncAnchorEmitter: import("./audio/shared-audio-tags.js").AudioSyncAnchorEmitter;
         scheduleAudioNode: (options: ScheduleAudioNodeOptions) => ScheduleAudioNodeResult;
         resume: () => Promise<void>;
+        resumeAsAutoPlay: () => Promise<void>;
         suspend: () => Promise<void>;
         getIsResumingAudioContext: () => Promise<import("./audio/wait-until-actually-resumed.js").AudioContextResumeResult> | null;
         unscheduleAudioNode: (node: AudioBufferSourceNode) => void;
@@ -918,7 +915,6 @@ export declare const Internals: {
     }>;
     readonly EditorPropsContext: import("react").Context<import("./EditorProps.js").EditorPropsContextType>;
     readonly usePreload: (src: string) => string;
-    readonly NonceContext: import("react").Context<import("./nonce.js").TNonceContext>;
     readonly resolveVideoConfig: (params: {
         compositionId: string;
         compositionWidth: number | null;
@@ -1015,18 +1011,9 @@ export declare const Internals: {
         readonly children: import("react").ReactNode;
     }>;
     readonly BufferingContextReact: import("react").Context<{
-        addBlock: (block: {
-            id: string;
-        }) => {
+        addBlock: () => {
             unblock: () => void;
         };
-        listenForBuffering: (callback: () => void) => {
-            remove: () => void;
-        };
-        listenForResume: (callback: () => void) => {
-            remove: () => void;
-        };
-        buffering: import("react").RefObject<boolean>;
     } | null>;
     readonly getComponentsToAddStacksTo: () => unknown[];
     readonly getSequenceComponent: () => unknown;
@@ -1165,7 +1152,6 @@ export declare const Internals: {
         volumes: string | number;
         duration: number;
         doesVolumeChange: boolean;
-        nonce: import("./nonce.js").NonceHistoryContext;
         finalDisplayName: string;
         startMediaFrom: number;
         src: string;
@@ -1176,24 +1162,11 @@ export declare const Internals: {
     readonly setInputPropsOverride: (override: Record<string, unknown> | null) => void;
     readonly useVideoEnabled: () => boolean;
     readonly useAudioEnabled: () => boolean;
-    readonly useIsPlayerBuffering: (bufferManager: {
-        addBlock: (block: {
-            id: string;
-        }) => {
-            unblock: () => void;
-        };
-        listenForBuffering: (callback: () => void) => {
-            remove: () => void;
-        };
-        listenForResume: (callback: () => void) => {
-            remove: () => void;
-        };
-        buffering: import("react").RefObject<boolean>;
-    }) => boolean;
+    readonly useBuffering: () => boolean;
     readonly TimelinePosition: typeof TimelinePosition;
     readonly DelayRenderContextType: import("react").Context<import("./delay-render.js").DelayRenderScope | null>;
     readonly TimelineContext: import("react").Context<TimelineContextValue | null>;
-    readonly TimelineImperativeContext: import("react").Context<TimelineImperativeContextValue | null>;
+    readonly usePlaying: () => boolean;
     readonly PlaybackRateContext: import("react").Context<PlaybackRateContextValue | null>;
     readonly AbsoluteTimeContext: import("react").Context<TimelineContextValue | null>;
     readonly RenderAssetManagerProvider: import("react").FC<{
@@ -1300,4 +1273,4 @@ export declare const Internals: {
         readonly componentName: string;
     }) => import("react").CSSProperties | null;
 };
-export type { ArrayFieldSchema, AssetFieldSchema, ArrayItemFieldSchema, CannotUpdateSequenceReason, CanUpdateEffectPropsResponse, CanUpdateEffectPropsResponseFalse, CanUpdateEffectPropsResponseTrue, CanUpdateSequencePropsResponse, CanUpdateSequencePropsResponseFalse, CanUpdateSequencePropsResponseTrue, CanUpdateSequencePropStatus, CanUpdateSequencePropStatusEasing, CanUpdateSequencePropStatusFalse, CanUpdateSequencePropStatusKeyframed, CanUpdateSequencePropStatusStatic, VideoConfigNumericExpression, CompositionManagerContext, CompProps, DragOverrides, DragOverrideValue, EffectDragOverrides, GetDragOverrides, GetEffectDragOverrides, GetEffectPropStatuses, GetPropStatuses, JsxComponentIdentity, LoggingContextValue, MediaVolumeContextValue, NonceHistory, OverrideIdsToNodePathsGettersContext, OverrideIdsToNodePathsSettersContext, OverrideIdToNodePaths, OverrideToNodePathGetters, OverrideToNodeSetters, PlaybackRateContextValue, PropStatuses, RemotionAudioContextState, RemotionEnvironment, ResolvedStackLocation, ScheduleAudioNodeOptions, ScheduleAudioNodeResult, InteractivitySchemaField, SequenceNodePath, SequencePropsSubscriptionKey, SequencePropsStatusRemapping, VideoConfigValues, InteractivitySchema, SerializedJSONWithCustomFields, SetMediaVolumeContextValue, SetTimelineContextValue, TCompMetadata, TComposition, TimelineContextValue, TimelineImperativeContextValue, TRenderAsset, TSequence, VisibleFieldSchema, WatchRemotionStaticFilesPayload, };
+export type { ArrayFieldSchema, AssetFieldSchema, ArrayItemFieldSchema, CannotUpdateSequenceReason, CanUpdateEffectPropsResponse, CanUpdateEffectPropsResponseFalse, CanUpdateEffectPropsResponseTrue, CanUpdateSequencePropsResponse, CanUpdateSequencePropsResponseFalse, CanUpdateSequencePropsResponseTrue, CanUpdateSequencePropStatus, CanUpdateSequencePropStatusEasing, CanUpdateSequencePropStatusFalse, CanUpdateSequencePropStatusKeyframed, CanUpdateSequencePropStatusStatic, VideoConfigNumericExpression, CompositionManagerContext, CompProps, DragOverrides, DragOverrideValue, EffectDragOverrides, GetDragOverrides, GetEffectDragOverrides, GetEffectPropStatuses, GetPropStatuses, JsxComponentIdentity, LoggingContextValue, MediaVolumeContextValue, OverrideIdsToNodePathsGettersContext, OverrideIdsToNodePathsSettersContext, OverrideIdToNodePaths, OverrideToNodePathGetters, OverrideToNodeSetters, PlaybackRateContextValue, PropStatuses, RemotionAudioContextState, RemotionEnvironment, ResolvedStackLocation, ScheduleAudioNodeOptions, ScheduleAudioNodeResult, InteractivitySchemaField, SequenceNodePath, SequencePropsSubscriptionKey, SequencePropsStatusRemapping, VideoConfigValues, InteractivitySchema, SerializedJSONWithCustomFields, SetMediaVolumeContextValue, SetTimelineContextValue, TCompMetadata, TComposition, TimelineContextValue, TRenderAsset, TSequence, VisibleFieldSchema, WatchRemotionStaticFilesPayload, };

package/dist/cjs/internals.js

@@ -71,7 +71,6 @@ const log_level_context_js_1 = require("./log-level-context.js");
 const log_js_1 = require("./log.js");
 const max_video_cache_size_js_1 = require("./max-video-cache-size.js");
 const media_resource_manager_js_1 = require("./media-resource-manager.js");
-const nonce_js_1 = require("./nonce.js");
 const playback_logging_js_1 = require("./playback-logging.js");
 const portal_node_js_1 = require("./portal-node.js");
 const prefetch_state_js_1 = require("./prefetch-state.js");
@@ -84,8 +83,10 @@ const render_resource_manager_js_1 = require("./render-resource-manager.js");
 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 runtime_value_store_js_1 = require("./runtime-value-store.js");
 const sequence_crop_js_1 = require("./sequence-crop.js");
 const sequence_node_path_js_1 = require("./sequence-node-path.js");
+const sequence_order_marker_js_1 = require("./sequence-order-marker.js");
 const sequence_stack_traces_js_1 = require("./sequence-stack-traces.js");
 const Sequence_js_1 = require("./Sequence.js");
 const SequenceContext_js_1 = require("./SequenceContext.js");
@@ -95,6 +96,7 @@ const TimelinePosition = __importStar(require("./timeline-position-state.js"));
 const timeline_position_state_js_1 = require("./timeline-position-state.js");
 const TimelineContext_js_1 = require("./TimelineContext.js");
 const truthy_js_1 = require("./truthy.js");
+const use_buffering_js_1 = require("./use-buffering.js");
 const use_crop_style_js_1 = require("./use-crop-style.js");
 const use_current_scale_js_1 = require("./use-current-scale.js");
 const use_delay_render_js_1 = require("./use-delay-render.js");
@@ -102,8 +104,10 @@ 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_pixel_density_js_1 = require("./use-pixel-density.js");
+const use_playing_js_1 = require("./use-playing.js");
 const use_premounting_js_1 = require("./use-premounting.js");
 const use_schema_js_1 = require("./use-schema.js");
+const use_sync_external_store_js_1 = require("./use-sync-external-store.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");
@@ -134,6 +138,7 @@ exports.Internals = {
     MEDIABUNNY_DURATION_VALUE_KEY: media_resource_manager_js_1.MEDIABUNNY_DURATION_VALUE_KEY,
     makeRenderResourceManager: render_resource_manager_js_1.makeRenderResourceManager,
     RenderResourceManagerContext: render_resource_manager_js_1.RenderResourceManagerContext,
+    createRuntimeValueStore: runtime_value_store_js_1.createRuntimeValueStore,
     useUnsafeVideoConfig: use_unsafe_video_config_js_1.useUnsafeVideoConfig,
     useFrameForVolumeProp: use_audio_frame_js_1.useFrameForVolumeProp,
     useTimelinePosition: TimelinePosition.useTimelinePosition,
@@ -157,6 +162,7 @@ exports.Internals = {
     SequenceManagerProvider: SequenceManager_js_1.SequenceManagerProvider,
     SequenceManagerRefContext: SequenceManager_js_1.SequenceManagerRefContext,
     SequenceRegistrationContext: SequenceManager_js_1.SequenceRegistrationContext,
+    CommitOrderInternals: sequence_order_marker_js_1.CommitOrderInternals,
     SequenceStackTracesUpdateContext: sequence_stack_traces_js_1.SequenceStackTracesUpdateContext,
     baseSchema: interactivity_schema_js_1.baseSchema,
     sequenceSchema: interactivity_schema_js_1.sequenceSchema,
@@ -214,7 +220,6 @@ exports.Internals = {
     EditorPropsProvider: EditorProps_js_1.EditorPropsProvider,
     EditorPropsContext: EditorProps_js_1.EditorPropsContext,
     usePreload: prefetch_js_1.usePreload,
-    NonceContext: nonce_js_1.NonceContext,
     resolveVideoConfig: resolve_video_config_js_1.resolveVideoConfig,
     resolveVideoConfigOrCatch: resolve_video_config_js_1.resolveVideoConfigOrCatch,
     resolveVideoConfigWithMetadataOrCatch: resolve_video_config_js_1.resolveVideoConfigWithMetadataOrCatch,
@@ -260,11 +265,11 @@ exports.Internals = {
     setInputPropsOverride: input_props_override_js_1.setInputPropsOverride,
     useVideoEnabled: use_media_enabled_js_1.useVideoEnabled,
     useAudioEnabled: use_media_enabled_js_1.useAudioEnabled,
-    useIsPlayerBuffering: buffering_js_1.useIsPlayerBuffering,
+    useBuffering: use_buffering_js_1.useBuffering,
     TimelinePosition,
     DelayRenderContextType: use_delay_render_js_1.DelayRenderContextType,
     TimelineContext: TimelineContext_js_1.TimelineContext,
-    TimelineImperativeContext: TimelineContext_js_1.TimelineImperativeContext,
+    usePlaying: use_playing_js_1.usePlaying,
     PlaybackRateContext: TimelineContext_js_1.PlaybackRateContext,
     AbsoluteTimeContext: TimelineContext_js_1.AbsoluteTimeContext,
     RenderAssetManagerProvider: RenderAssetManager_js_1.RenderAssetManagerProvider,
@@ -298,3 +303,6 @@ exports.Internals = {
     resolveSequenceCrop: sequence_crop_js_1.resolveSequenceCrop,
     useCropStyle: use_crop_style_js_1.useCropStyle,
 };
+// Keep this available to other Remotion packages without adding it to the
+// public type of Internals.
+Object.assign(exports.Internals, { useSyncExternalStore: use_sync_external_store_js_1.useSyncExternalStore });

package/dist/cjs/runtime-value-store.d.ts

@@ -1,10 +1,10 @@
 export type RuntimeValueSnapshot = Readonly<Record<string, unknown>>;
-export type RuntimeValueStore = {
-    getSnapshot: () => RuntimeValueSnapshot;
-    subscribe: (listener: () => void) => () => void;
+export type RuntimeValueStore<TSnapshot extends RuntimeValueSnapshot = RuntimeValueSnapshot> = {
+    getSnapshot: () => TSnapshot;
+    subscribe: (listener: (snapshot: TSnapshot) => void) => () => void;
 };
-export type RuntimeValueStoreController = {
-    store: RuntimeValueStore;
-    setSnapshot: (newSnapshot: RuntimeValueSnapshot) => void;
+export type RuntimeValueStoreController<TSnapshot extends RuntimeValueSnapshot = RuntimeValueSnapshot> = {
+    store: RuntimeValueStore<TSnapshot>;
+    setSnapshot: (newSnapshot: TSnapshot) => void;
 };
-export declare const createRuntimeValueStore: (initialSnapshot: Readonly<Record<string, unknown>>) => RuntimeValueStoreController;
+export declare const createRuntimeValueStore: <TSnapshot extends Readonly<Record<string, unknown>>>(initialSnapshot: TSnapshot) => RuntimeValueStoreController<TSnapshot>;

package/dist/cjs/runtime-value-store.js

@@ -21,7 +21,7 @@ const createRuntimeValueStore = (initialSnapshot) => {
             }
             snapshot = newSnapshot;
             for (const listener of listeners) {
-                listener();
+                listener(snapshot);
             }
         },
     };

package/dist/cjs/sequence-order-marker.d.ts

@@ -0,0 +1,57 @@
+import type React from 'react';
+export declare const SEQUENCE_ORDER_MARKER: unique symbol;
+export declare const SEQUENCE_MANAGER_ORDER_MARKER: unique symbol;
+export declare const COMPOSITION_ORDER_MARKER: unique symbol;
+export declare const FOLDER_ORDER_MARKER: unique symbol;
+export declare const COMPOSITION_MANAGER_ORDER_MARKER: unique symbol;
+export declare const COMMIT_ORDER_EVENT = "remotion:commit-order";
+export type CompositionAndFolderOrderItem = {
+    readonly type: 'composition';
+    readonly id: string;
+} | {
+    readonly type: 'folder';
+    readonly id: string;
+};
+export declare const getCompositionAndFolderOrderKey: (item: CompositionAndFolderOrderItem) => string;
+export type CommitOrderEventDetail = {
+    readonly sequenceManagers: readonly {
+        readonly managerId: string;
+        readonly sequenceIds: readonly string[];
+    }[];
+    readonly compositionManagers: readonly {
+        readonly managerId: string;
+        readonly compositionAndFolderOrder: readonly CompositionAndFolderOrderItem[];
+    }[];
+};
+export declare const getFolderOrderId: ({ name, parent, }: {
+    readonly name: string;
+    readonly parent: string | null;
+}) => string;
+export declare const SequenceOrderMarker: React.FC<{
+    readonly children: React.ReactNode;
+    readonly sequenceId: string;
+}>;
+export declare const SequenceManagerOrderMarker: React.FC<{
+    readonly children: React.ReactNode;
+    readonly managerId: string;
+}>;
+export declare const CompositionOrderMarker: React.FC<{
+    readonly children: React.ReactNode;
+    readonly compositionId: string;
+}>;
+export declare const FolderOrderMarker: React.FC<{
+    readonly children: React.ReactNode;
+    readonly folderId: string;
+}>;
+export declare const CompositionManagerOrderMarker: React.FC<{
+    readonly children: React.ReactNode;
+    readonly managerId: string;
+}>;
+export declare const CommitOrderInternals: {
+    compositionManagerMarker: symbol;
+    compositionMarker: symbol;
+    folderMarker: symbol;
+    sequenceManagerMarker: symbol;
+    sequenceMarker: symbol;
+    eventName: string;
+};

package/dist/cjs/sequence-order-marker.js

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CommitOrderInternals = exports.CompositionManagerOrderMarker = exports.FolderOrderMarker = exports.CompositionOrderMarker = exports.SequenceManagerOrderMarker = exports.SequenceOrderMarker = exports.getFolderOrderId = exports.getCompositionAndFolderOrderKey = exports.COMMIT_ORDER_EVENT = exports.COMPOSITION_MANAGER_ORDER_MARKER = exports.FOLDER_ORDER_MARKER = exports.COMPOSITION_ORDER_MARKER = exports.SEQUENCE_MANAGER_ORDER_MARKER = exports.SEQUENCE_ORDER_MARKER = void 0;
+exports.SEQUENCE_ORDER_MARKER = Symbol.for('remotion.sequence-order-marker');
+exports.SEQUENCE_MANAGER_ORDER_MARKER = Symbol.for('remotion.sequence-manager-order-marker');
+exports.COMPOSITION_ORDER_MARKER = Symbol.for('remotion.composition-order-marker');
+exports.FOLDER_ORDER_MARKER = Symbol.for('remotion.folder-order-marker');
+exports.COMPOSITION_MANAGER_ORDER_MARKER = Symbol.for('remotion.composition-manager-order-marker');
+exports.COMMIT_ORDER_EVENT = 'remotion:commit-order';
+const getCompositionAndFolderOrderKey = (item) => `${item.type}:${item.id}`;
+exports.getCompositionAndFolderOrderKey = getCompositionAndFolderOrderKey;
+const getFolderOrderId = ({ name, parent, }) => [parent, name].filter(Boolean).join('/');
+exports.getFolderOrderId = getFolderOrderId;
+const SequenceOrderMarker = ({ children }) => children;
+exports.SequenceOrderMarker = SequenceOrderMarker;
+Object.defineProperty(exports.SequenceOrderMarker, exports.SEQUENCE_ORDER_MARKER, {
+    value: true,
+});
+const SequenceManagerOrderMarker = ({ children }) => children;
+exports.SequenceManagerOrderMarker = SequenceManagerOrderMarker;
+Object.defineProperty(exports.SequenceManagerOrderMarker, exports.SEQUENCE_MANAGER_ORDER_MARKER, {
+    value: true,
+});
+const CompositionOrderMarker = ({ children }) => children;
+exports.CompositionOrderMarker = CompositionOrderMarker;
+Object.defineProperty(exports.CompositionOrderMarker, exports.COMPOSITION_ORDER_MARKER, {
+    value: true,
+});
+const FolderOrderMarker = ({ children }) => children;
+exports.FolderOrderMarker = FolderOrderMarker;
+Object.defineProperty(exports.FolderOrderMarker, exports.FOLDER_ORDER_MARKER, {
+    value: true,
+});
+const CompositionManagerOrderMarker = ({ children }) => children;
+exports.CompositionManagerOrderMarker = CompositionManagerOrderMarker;
+Object.defineProperty(exports.CompositionManagerOrderMarker, exports.COMPOSITION_MANAGER_ORDER_MARKER, { value: true });
+exports.CommitOrderInternals = {
+    compositionManagerMarker: exports.COMPOSITION_MANAGER_ORDER_MARKER,
+    compositionMarker: exports.COMPOSITION_ORDER_MARKER,
+    folderMarker: exports.FOLDER_ORDER_MARKER,
+    sequenceManagerMarker: exports.SEQUENCE_MANAGER_ORDER_MARKER,
+    sequenceMarker: exports.SEQUENCE_ORDER_MARKER,
+    eventName: exports.COMMIT_ORDER_EVENT,
+};

package/dist/cjs/timeline-position-state.d.ts

@@ -1,4 +1,3 @@
-import type { RefObject } from 'react';
 import { type PlaybackRateContextValue, type TimelineContextValue } from './TimelineContext.js';
 export type PlayableMediaTag = {
     play: (reason: string) => void;
@@ -14,10 +13,5 @@ export declare const usePlaybackRate: () => PlaybackRateContextValue;
 export declare const useTimelinePosition: () => number;
 export declare const useAbsoluteTimelinePosition: () => number;
 export declare const useTimelineSetFrame: () => (u: import("react").SetStateAction<Record<string, number>>) => void;
-type PlayingReturnType = readonly [
-    boolean,
-    (u: React.SetStateAction<boolean>) => void,
-    RefObject<boolean>
-];
-export declare const usePlayingState: () => PlayingReturnType;
-export {};
+export { usePlaying } from './use-playing.js';
+export { useBuffering } from './use-buffering.js';

package/dist/cjs/timeline-position-state.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.usePlayingState = exports.useTimelineSetFrame = exports.useAbsoluteTimelinePosition = exports.useTimelinePosition = exports.usePlaybackRate = exports.useTimelineContext = exports.clampFrameToCompositionRange = exports.getFrameForComposition = exports.getInitialFrameState = exports.persistCurrentFrame = void 0;
+exports.useBuffering = exports.usePlaying = exports.useTimelineSetFrame = exports.useAbsoluteTimelinePosition = exports.useTimelinePosition = exports.usePlaybackRate = exports.useTimelineContext = exports.clampFrameToCompositionRange = exports.getFrameForComposition = exports.getInitialFrameState = exports.persistCurrentFrame = void 0;
 const react_1 = require("react");
 const TimelineContext_js_1 = require("./TimelineContext.js");
 const use_remotion_environment_js_1 = require("./use-remotion-environment.js");
@@ -82,9 +82,7 @@ const useTimelineSetFrame = () => {
     return setFrame;
 };
 exports.useTimelineSetFrame = useTimelineSetFrame;
-const usePlayingState = () => {
-    const { playing, imperativePlaying } = (0, exports.useTimelineContext)();
-    const { setPlaying } = (0, react_1.useContext)(TimelineContext_js_1.SetTimelineContext);
-    return (0, react_1.useMemo)(() => [playing, setPlaying, imperativePlaying], [imperativePlaying, playing, setPlaying]);
-};
-exports.usePlayingState = usePlayingState;
+const use_playing_js_1 = require("./use-playing.js");
+Object.defineProperty(exports, "usePlaying", { enumerable: true, get: function () { return use_playing_js_1.usePlaying; } });
+const use_buffering_js_1 = require("./use-buffering.js");
+Object.defineProperty(exports, "useBuffering", { enumerable: true, get: function () { return use_buffering_js_1.useBuffering; } });

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

@@ -17,9 +17,7 @@ const useBufferState = () => {
                 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()),
-            });
+            const { unblock } = addBlock();
             let unblocked = false;
             return {
                 unblock: () => {

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

@@ -0,0 +1 @@
+export declare const useBuffering: () => boolean;

package/dist/cjs/use-buffering.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useBuffering = void 0;
+const react_1 = require("react");
+const TimelineContext_js_1 = require("./TimelineContext.js");
+const use_sync_external_store_js_1 = require("./use-sync-external-store.js");
+const useBuffering = () => {
+    const { isBuffering, subscribeBuffering } = (0, react_1.useContext)(TimelineContext_js_1.SetTimelineContext);
+    return (0, use_sync_external_store_js_1.useSyncExternalStore)(subscribeBuffering, isBuffering, isBuffering);
+};
+exports.useBuffering = useBuffering;

package/dist/cjs/use-media-in-timeline.d.ts

@@ -17,7 +17,6 @@ export declare const useBasicMediaInTimeline: ({ volume, mediaVolume, mediaType,
     volumes: string | number;
     duration: number;
     doesVolumeChange: boolean;
-    nonce: import("./nonce.js").NonceHistoryContext;
     finalDisplayName: string;
     startMediaFrom: number;
     src: string;