remotion 4.0.536 → 4.0.538

package/dist/cjs/warn-about-non-seekable-media.d.ts

@@ -1 +1 @@
-export declare const warnAboutNonSeekableMedia: (ref: HTMLMediaElement | null, type: "console-error" | "console-warning" | "exception") => void;
+export declare const warnAboutNonSeekableMedia: (ref: HTMLMediaElement | null, type: 'console-warning' | 'console-error' | 'exception') => void;

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

@@ -7,7 +7,7 @@ export declare const getRuntimeValueForSchemaKey: ({ flatSchema, key, props, }:
     key: string;
     props: Record<string, unknown>;
 }) => unknown;
-export declare const readValuesFromProps: (props: Record<string, unknown>, keys: string[], flatSchema?: InteractivitySchema | undefined) => Record<string, unknown>;
+export declare const readValuesFromProps: (props: Record<string, unknown>, keys: string[], flatSchema?: InteractivitySchema) => Record<string, unknown>;
 export declare const selectActiveKeys: (schema: InteractivitySchema, values: Record<string, unknown>) => string[];
 export declare const mergeValues: ({ flatSchema, props, valuesDotNotation, schemaKeys, propsToDelete, }: {
     flatSchema: InteractivitySchema;

package/dist/cjs/with-interactivity-schema.js

@@ -167,12 +167,8 @@ const withInteractivitySchema = ({ Component, componentName, componentIdentity =
             });
         }
         // eslint-disable-next-line react-hooks/rules-of-hooks
-        const { propStatuses } = (0, react_1.useContext)(SequenceManager_js_1.VisualModePropStatusesContext);
-        // eslint-disable-next-line react-hooks/rules-of-hooks
         const nodePathMapping = (0, react_1.useContext)(sequence_node_path_js_1.OverrideIdsToNodePathsGettersContext);
         // eslint-disable-next-line react-hooks/rules-of-hooks
-        const frame = (0, use_current_frame_js_1.useCurrentFrame)();
-        // eslint-disable-next-line react-hooks/rules-of-hooks
         const videoConfig = (0, use_unsafe_video_config_js_1.useUnsafeVideoConfig)();
         const durationInFrames = videoConfig === null || videoConfig === void 0 ? void 0 : videoConfig.durationInFrames;
         const fps = videoConfig === null || videoConfig === void 0 ? void 0 : videoConfig.fps;
@@ -229,6 +225,19 @@ const withInteractivitySchema = ({ Component, componentName, componentIdentity =
             : ((_a = nodePathMapping.overrideIdToNodePathMappings[overrideId]) !== null && _a !== void 0 ? _a : null);
         // eslint-disable-next-line react-hooks/rules-of-hooks
         const dragOverrides = (0, SequenceManager_js_1.useDragOverridesForNodePath)(nodePath);
+        // eslint-disable-next-line react-hooks/rules-of-hooks
+        const sequenceStatus = (0, SequenceManager_js_1.usePropStatusForNodePath)(nodePath);
+        // eslint-disable-next-line react-hooks/rules-of-hooks
+        const propStatus = (0, react_1.useMemo)(() => (0, use_memoized_effects_js_1.getPropStatusesForSequenceStatus)(sequenceStatus, videoConfigValues), [sequenceStatus, videoConfigValues]);
+        // Runtime props already update through their owner. Only overrides with
+        // keyframes need this wrapper to subscribe to the advancing clock.
+        const needsFrame = flatKeys.some((key) => {
+            var _a, _b;
+            return ((_a = propStatus === null || propStatus === void 0 ? void 0 : propStatus[key]) === null || _a === void 0 ? void 0 : _a.status) === 'keyframed' ||
+                ((_b = dragOverrides[key]) === null || _b === void 0 ? void 0 : _b.type) === 'keyframed';
+        });
+        // eslint-disable-next-line react-hooks/rules-of-hooks
+        const frame = (0, use_current_frame_js_1.useCurrentFrameWithOptionalSubscription)(needsFrame);
         // 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
@@ -284,22 +293,10 @@ const withInteractivitySchema = ({ Component, componentName, componentIdentity =
                 schema: schemaWithSequenceName,
                 currentValue: currentRuntimeValueDotNotation,
                 overrideValues: dragOverrides,
-                propStatus: nodePath === null
-                    ? undefined
-                    : (0, use_memoized_effects_js_1.getPropStatusesCtx)(propStatuses, {
-                        ...nodePath,
-                        videoConfigValues,
-                    }),
+                propStatus,
                 frame,
             });
-        }, [
-            currentRuntimeValueDotNotation,
-            dragOverrides,
-            nodePath,
-            propStatuses,
-            videoConfigValues,
-            frame,
-        ]);
+        }, [currentRuntimeValueDotNotation, dragOverrides, propStatus, frame]);
         // 4. Eliminate values forbidden by the resolved discriminated union.
         const activeKeys = (0, exports.selectActiveKeys)(schemaWithSequenceName, valuesDotNotation);
         // 5. Apply the active values back onto the props.

package/dist/cjs/wrap-remotion-context.d.ts

@@ -16,17 +16,17 @@ export declare function useRemotionContexts(): {
     };
     resolveCompositionContext: {
         [x: string]: ({
-            type: "loading";
+            type: 'loading';
         } | {
-            type: "success";
+            type: 'success';
             result: import("./video-config.js").VideoConfig;
             metadataSource: import("./resolve-video-config.js").VideoConfigMetadataSource | null;
         } | {
-            type: "success-and-refreshing";
+            type: 'success-and-refreshing';
             result: import("./video-config.js").VideoConfig;
             metadataSource: import("./resolve-video-config.js").VideoConfigMetadataSource | null;
         } | {
-            type: "error";
+            type: 'error';
             error: Error;
         }) | undefined;
     } | null;

package/dist/cjs/wrap-remotion-context.js

@@ -193,10 +193,10 @@ const ForwardedSequenceRegistry = ({ contexts, children, }) => {
         id: scopeId,
         onCommit: commitRegistrationEnabled ? onCommitSequences : null,
     }), [commitRegistrationEnabled, onCommitSequences, scopeId]);
-    return (jsx_runtime_1.jsx(SequenceRegistryScopeProvider, { value: scope, _remotionCommitMetadata: metadata, children: jsx_runtime_1.jsx(SequenceManager_js_1.SequenceManagerActionsContext.Provider, { value: contexts.sequenceManagerActionsContext, children: jsx_runtime_1.jsx(SequenceManager_js_1.SequenceRegistryContext.Provider, { value: registry, children: jsx_runtime_1.jsx(SequenceManager_js_1.SequenceCommitRegistrationContext.Provider, { value: commitRegistrationEnabled, children: children }) }) }) }));
+    return ((0, jsx_runtime_1.jsx)(SequenceRegistryScopeProvider, { value: scope, _remotionCommitMetadata: metadata, children: (0, jsx_runtime_1.jsx)(SequenceManager_js_1.SequenceManagerActionsContext.Provider, { value: contexts.sequenceManagerActionsContext, children: (0, jsx_runtime_1.jsx)(SequenceManager_js_1.SequenceRegistryContext.Provider, { value: registry, children: (0, jsx_runtime_1.jsx)(SequenceManager_js_1.SequenceCommitRegistrationContext.Provider, { value: commitRegistrationEnabled, children: children }) }) }) }));
 };
 const RemotionContextProvider = (props) => {
     const { children, contexts } = props;
-    return (jsx_runtime_1.jsx(log_level_context_js_1.LogLevelContext.Provider, { value: contexts.logLevelContext, children: jsx_runtime_1.jsx(CanUseRemotionHooks_js_1.CanUseRemotionHooks.Provider, { value: contexts.canUseRemotionHooksContext, children: jsx_runtime_1.jsx(prefetch_state_js_1.PreloadContext.Provider, { value: contexts.preloadContext, children: jsx_runtime_1.jsx(CompositionManagerContext_js_1.CompositionManager.Provider, { value: contexts.compositionManagerCtx, children: jsx_runtime_1.jsx(SequenceManager_js_1.SequenceManagerRefContext.Provider, { value: contexts.sequenceManagerRefContext, children: jsx_runtime_1.jsx(remotion_environment_context_js_1.RemotionEnvironmentContext.Provider, { value: contexts.remotionEnvironmentContext, children: jsx_runtime_1.jsx(SequenceManager_js_1.SequenceRegistrationContext.Provider, { value: contexts.sequenceRegistrationContext, children: jsx_runtime_1.jsx(SequenceManager_js_1.DisableSequenceRegistrationContext.Provider, { value: contexts.disableSequenceRegistrationContext, children: jsx_runtime_1.jsx(ForwardedSequenceRegistry, { contexts: contexts, children: jsx_runtime_1.jsx(SequenceManager_js_1.VisualModePropStatusesRefContext.Provider, { value: contexts.visualModePropStatusesRefContext, children: jsx_runtime_1.jsx(RenderAssetManager_js_1.RenderAssetManager.Provider, { value: contexts.renderAssetManagerContext, children: jsx_runtime_1.jsx(ResolveCompositionConfig_js_1.ResolveCompositionContext.Provider, { value: contexts.resolveCompositionContext, children: jsx_runtime_1.jsx(TimelineContext_js_1.TimelineContext.Provider, { value: contexts.timelineContext, children: jsx_runtime_1.jsx(TimelineContext_js_1.SetTimelineContext.Provider, { value: contexts.setTimelineContext, children: jsx_runtime_1.jsx(SequenceContext_js_1.SequenceContext.Provider, { value: contexts.sequenceContext, children: jsx_runtime_1.jsx(buffering_js_1.BufferingContextReact.Provider, { value: contexts.bufferManagerContext, children: jsx_runtime_1.jsx(timeline_track_context_js_1.TimelineTrackContext.Provider, { value: contexts.timelineTrackContext, children: jsx_runtime_1.jsx(DefaultPremountContext_js_1.DefaultPremountContext.Provider, { value: contexts.defaultPremountInSeconds, children: jsx_runtime_1.jsx(use_video_js_1.VideoContext.Provider, { value: contexts.videoContext, children: children }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }));
+    return ((0, jsx_runtime_1.jsx)(log_level_context_js_1.LogLevelContext.Provider, { value: contexts.logLevelContext, children: (0, jsx_runtime_1.jsx)(CanUseRemotionHooks_js_1.CanUseRemotionHooks.Provider, { value: contexts.canUseRemotionHooksContext, children: (0, jsx_runtime_1.jsx)(prefetch_state_js_1.PreloadContext.Provider, { value: contexts.preloadContext, children: (0, jsx_runtime_1.jsx)(CompositionManagerContext_js_1.CompositionManager.Provider, { value: contexts.compositionManagerCtx, children: (0, jsx_runtime_1.jsx)(SequenceManager_js_1.SequenceManagerRefContext.Provider, { value: contexts.sequenceManagerRefContext, children: (0, jsx_runtime_1.jsx)(remotion_environment_context_js_1.RemotionEnvironmentContext.Provider, { value: contexts.remotionEnvironmentContext, children: (0, jsx_runtime_1.jsx)(SequenceManager_js_1.SequenceRegistrationContext.Provider, { value: contexts.sequenceRegistrationContext, children: (0, jsx_runtime_1.jsx)(SequenceManager_js_1.DisableSequenceRegistrationContext.Provider, { value: contexts.disableSequenceRegistrationContext, children: (0, jsx_runtime_1.jsx)(ForwardedSequenceRegistry, { contexts: contexts, children: (0, jsx_runtime_1.jsx)(SequenceManager_js_1.VisualModePropStatusesRefContext.Provider, { value: contexts.visualModePropStatusesRefContext, children: (0, jsx_runtime_1.jsx)(RenderAssetManager_js_1.RenderAssetManager.Provider, { value: contexts.renderAssetManagerContext, children: (0, jsx_runtime_1.jsx)(ResolveCompositionConfig_js_1.ResolveCompositionContext.Provider, { value: contexts.resolveCompositionContext, children: (0, jsx_runtime_1.jsx)(TimelineContext_js_1.TimelineContext.Provider, { value: contexts.timelineContext, children: (0, jsx_runtime_1.jsx)(TimelineContext_js_1.SetTimelineContext.Provider, { value: contexts.setTimelineContext, children: (0, jsx_runtime_1.jsx)(SequenceContext_js_1.SequenceContext.Provider, { value: contexts.sequenceContext, children: (0, jsx_runtime_1.jsx)(buffering_js_1.BufferingContextReact.Provider, { value: contexts.bufferManagerContext, children: (0, jsx_runtime_1.jsx)(timeline_track_context_js_1.TimelineTrackContext.Provider, { value: contexts.timelineTrackContext, children: (0, jsx_runtime_1.jsx)(DefaultPremountContext_js_1.DefaultPremountContext.Provider, { value: contexts.defaultPremountInSeconds, children: (0, jsx_runtime_1.jsx)(use_video_js_1.VideoContext.Provider, { value: contexts.videoContext, children: children }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }));
 };
 exports.RemotionContextProvider = RemotionContextProvider;