@remotion/promo-pages 4.0.473 → 4.0.474

package/dist/experts.js

@@ -2332,7 +2332,7 @@ var getComponentsToAddStacksTo = () => componentsToAddStacksTo;
 var addSequenceStackTraces = (component) => {
   componentsToAddStacksTo.push(component);
 };
-var VERSION = "4.0.473";
+var VERSION = "4.0.474";
 var checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
@@ -2808,11 +2808,17 @@ var SequenceManager = React11.createContext({
   },
   sequences: []
 });
+var SequenceManagerRefContext = React11.createContext({
+  current: []
+});
 var makeSequencePropsSubscriptionKey = (key) => {
   return `${key.nodePath.join(".")}.${key.sequenceKeys.join(".")}.${key.effectKeys.map((keys) => keys.join(".")).join(".")}`;
 };
-var VisualModeCodeValuesContext = React11.createContext({
-  codeValues: {}
+var VisualModePropStatusesContext = React11.createContext({
+  propStatuses: {}
+});
+var VisualModePropStatusesRefContext = React11.createContext({
+  current: {}
 });
 var VisualModeDragOverridesContext = React11.createContext({
   getDragOverrides: () => {
@@ -2835,18 +2841,22 @@ var VisualModeSettersContext = React11.createContext({
   clearEffectDragOverrides: () => {
     throw new Error("VisualModeSettersContext not initialized");
   },
-  setCodeValues: () => {
+  setPropStatuses: () => {
     throw new Error("VisualModeSettersContext not initialized");
   }
 });
 var effectDragOverridesKey = (nodePath, effectIndex) => `${makeSequencePropsSubscriptionKey(nodePath)}.effects.${effectIndex}`;
 var SequenceManagerProvider = ({ children }) => {
   const [sequences, setSequences] = useState3([]);
+  const sequencesRef = useRef4(sequences);
+  sequencesRef.current = sequences;
   const [dragOverrides, setControlOverrides] = useState3({});
   const controlOverridesRef = useRef4(dragOverrides);
   controlOverridesRef.current = dragOverrides;
   const [effectDragOverridesState, setEffectDragOverridesState] = useState3({});
-  const [codeValues, setCodeValuesMapState] = useState3({});
+  const [propStatuses, setPropStatusesMapState] = useState3({});
+  const propStatusesRef = useRef4(propStatuses);
+  propStatusesRef.current = propStatuses;
   const setDragOverrides = useCallback5((nodePath, key, value) => {
     setControlOverrides((prev) => ({
       ...prev,
@@ -2890,8 +2900,8 @@ var SequenceManagerProvider = ({ children }) => {
       return next;
     });
   }, []);
-  const setCodeValues = useCallback5((nodePath, values) => {
-    setCodeValuesMapState((prev) => {
+  const setPropStatuses = useCallback5((nodePath, values) => {
+    setPropStatusesMapState((prev) => {
       const key = makeSequencePropsSubscriptionKey(nodePath);
       const prevKey = prev[key];
       const newKey = values(prevKey);
@@ -2922,11 +2932,11 @@ var SequenceManagerProvider = ({ children }) => {
   const getEffectDragOverrides = useCallback5((nodePath, effectIndex) => {
     return effectDragOverridesState[effectDragOverridesKey(nodePath, effectIndex)] ?? {};
   }, [effectDragOverridesState]);
-  const codeValuesContext = useMemo12(() => {
+  const propStatusesContext = useMemo12(() => {
     return {
-      codeValues
+      propStatuses
     };
-  }, [codeValues]);
+  }, [propStatuses]);
   const dragOverridesContext = useMemo12(() => {
     return {
       getDragOverrides,
@@ -2939,24 +2949,30 @@ var SequenceManagerProvider = ({ children }) => {
       clearDragOverrides,
       setEffectDragOverrides,
       clearEffectDragOverrides,
-      setCodeValues
+      setPropStatuses
     };
   }, [
     setDragOverrides,
     clearDragOverrides,
     setEffectDragOverrides,
     clearEffectDragOverrides,
-    setCodeValues
+    setPropStatuses
   ]);
-  return /* @__PURE__ */ jsx10(SequenceManager.Provider, {
-    value: sequenceContext,
-    children: /* @__PURE__ */ jsx10(VisualModeCodeValuesContext.Provider, {
-      value: codeValuesContext,
-      children: /* @__PURE__ */ jsx10(VisualModeDragOverridesContext.Provider, {
-        value: dragOverridesContext,
-        children: /* @__PURE__ */ jsx10(VisualModeSettersContext.Provider, {
-          value: settersContext,
-          children
+  return /* @__PURE__ */ jsx10(SequenceManagerRefContext.Provider, {
+    value: sequencesRef,
+    children: /* @__PURE__ */ jsx10(SequenceManager.Provider, {
+      value: sequenceContext,
+      children: /* @__PURE__ */ jsx10(VisualModePropStatusesRefContext.Provider, {
+        value: propStatusesRef,
+        children: /* @__PURE__ */ jsx10(VisualModePropStatusesContext.Provider, {
+          value: propStatusesContext,
+          children: /* @__PURE__ */ jsx10(VisualModeDragOverridesContext.Provider, {
+            value: dragOverridesContext,
+            children: /* @__PURE__ */ jsx10(VisualModeSettersContext.Provider, {
+              value: settersContext,
+              children
+            })
+          })
         })
       })
     })
@@ -4126,7 +4142,7 @@ var resolveDragOverrideValue = ({
   return { type: "resolved", value: interpolated };
 };
 var getEffectiveVisualModeValue = ({
-  codeValue,
+  propStatus,
   dragOverrideValue,
   defaultValue,
   frame = null,
@@ -4139,16 +4155,19 @@ var getEffectiveVisualModeValue = ({
   if (dragOverride.type === "resolved" && dragOverride.value !== undefined) {
     return dragOverride.value;
   }
-  if (codeValue.status === "keyframed" && frame !== null) {
-    return interpolateKeyframedStatus({
-      frame,
-      status: codeValue
-    });
+  if (propStatus.status === "keyframed") {
+    if (frame !== null) {
+      return interpolateKeyframedStatus({
+        frame,
+        status: propStatus
+      });
+    }
+    return shouldResortToDefaultValueIfUndefined ? defaultValue : undefined;
   }
-  if (codeValue.codeValue === undefined && shouldResortToDefaultValueIfUndefined) {
+  if (propStatus.codeValue === undefined && shouldResortToDefaultValueIfUndefined) {
     return defaultValue;
   }
-  return codeValue.codeValue;
+  return propStatus.codeValue;
 };
 var OverrideIdsToNodePathsGettersContext = createContext16({
   overrideIdToNodePathMappings: {}
@@ -4160,18 +4179,18 @@ var OverrideIdsToNodePathsSettersContext = createContext16({
 });
 var mergeOverrides = ({
   descriptor,
-  codeOverrides,
+  propStatusOverrides,
   dragOverrides,
   frame
 }) => {
-  if (!codeOverrides && !dragOverrides) {
+  if (!propStatusOverrides && !dragOverrides) {
     return { params: descriptor.params, effectKey: descriptor.effectKey };
   }
   const merged = {
     ...descriptor.params
   };
-  if (codeOverrides) {
-    for (const [key, value] of Object.entries(codeOverrides)) {
+  if (propStatusOverrides) {
+    for (const [key, value] of Object.entries(propStatusOverrides)) {
       if (value !== undefined) {
         merged[key] = value;
       }
@@ -4193,16 +4212,27 @@ var mergeOverrides = ({
     effectKey: descriptor.definition.calculateKey(merged)
   };
 };
-var extractCodeOverrides = (propStatus) => {
+var resolvePropStatusOverrides = (propStatus, frame) => {
   if (!propStatus) {
     return null;
   }
   const out = {};
   let hasAny = false;
   for (const [key, status] of Object.entries(propStatus)) {
-    if (status.status !== "computed") {
+    if (status.status === "static") {
       out[key] = status.codeValue;
       hasAny = true;
+      continue;
+    }
+    if (status.status === "keyframed") {
+      const value = interpolateKeyframedStatus({
+        frame,
+        status
+      });
+      if (value !== null) {
+        out[key] = value;
+        hasAny = true;
+      }
     }
   }
   return hasAny ? out : null;
@@ -4218,12 +4248,12 @@ var useMemoizedEffectDefinitions = (effects) => {
   previousRef.current = definitions;
   return definitions;
 };
-var getEffectCodeValuesCtx = ({
-  codeValues,
+var getEffectPropStatusesCtx = ({
+  propStatuses,
   nodePath,
   effectIndex
 }) => {
-  const status = codeValues[makeSequencePropsSubscriptionKey(nodePath)];
+  const status = propStatuses[makeSequencePropsSubscriptionKey(nodePath)];
   if (!status) {
     return { type: "cannot-update-sequence", reason: "not-found" };
   }
@@ -4239,8 +4269,8 @@ var getEffectCodeValuesCtx = ({
   }
   return { type: "can-update-effect", props: effect.props };
 };
-var getCodeValuesCtx = (codeValues, nodePath) => {
-  const status = codeValues[makeSequencePropsSubscriptionKey(nodePath)];
+var getPropStatusesCtx = (propStatuses, nodePath) => {
+  const status = propStatuses[makeSequencePropsSubscriptionKey(nodePath)];
   if (!status) {
     return;
   }
@@ -4254,7 +4284,7 @@ var useMemoizedEffects = ({
   overrideId
 }) => {
   const previousRef = useRef5(null);
-  const { codeValues } = useContext15(VisualModeCodeValuesContext);
+  const { propStatuses } = useContext15(VisualModePropStatusesContext);
   const { getEffectDragOverrides } = useContext15(VisualModeDragOverridesContext);
   const frame = useCurrentFrame();
   const { overrideIdToNodePathMappings } = useContext15(OverrideIdsToNodePathsGettersContext);
@@ -4268,17 +4298,17 @@ var useMemoizedEffects = ({
         effectKey: descriptor.effectKey
       };
     }
-    const effectStatus = getEffectCodeValuesCtx({
-      codeValues,
+    const effectStatus = getEffectPropStatusesCtx({
+      propStatuses,
       nodePath,
       effectIndex: index
     });
-    const codeOverrides = effectStatus.type === "can-update-effect" ? extractCodeOverrides(effectStatus.props) : null;
+    const propStatusOverrides = effectStatus.type === "can-update-effect" ? resolvePropStatusOverrides(effectStatus.props, frame) : null;
     const dragOverridesMap = getEffectDragOverrides(nodePath, index);
     const dragOverrides = Object.keys(dragOverridesMap).length === 0 ? null : dragOverridesMap;
     const { params, effectKey } = mergeOverrides({
       descriptor,
-      codeOverrides,
+      propStatusOverrides,
       dragOverrides,
       frame
     });
@@ -4430,15 +4460,15 @@ var computeEffectiveSchemaValuesDotNotation = ({
   const merged = {};
   const propsToDelete = new Set;
   for (const key of Object.keys(currentValue)) {
-    const codeValueStatus = propStatus?.[key] ?? null;
+    const status = propStatus?.[key] ?? null;
     const field = findFieldInSchema(schema, key);
     if (field?.type === "hidden") {
       continue;
     }
     let value;
-    if (codeValueStatus === null) {
+    if (status === null) {
       value = currentValue[key];
-    } else if (isKeyframedStatus(codeValueStatus)) {
+    } else if (isKeyframedStatus(status)) {
       if (field?.type === "array" || field?.keyframable === false) {
         value = currentValue[key];
       } else {
@@ -4451,18 +4481,18 @@ var computeEffectiveSchemaValuesDotNotation = ({
         } else if (frame !== null) {
           const interpolated = interpolateKeyframedStatus({
             frame,
-            status: codeValueStatus
+            status
           });
           value = interpolated ?? currentValue[key];
         } else {
           value = currentValue[key];
         }
       }
-    } else if (codeValueStatus.status === "computed") {
+    } else if (status.status === "computed") {
       value = currentValue[key];
     } else {
       value = getEffectiveVisualModeValue({
-        codeValue: codeValueStatus,
+        propStatus: status,
         dragOverrideValue: overrideValues[key],
         defaultValue: field?.default,
         frame,
@@ -4554,7 +4584,7 @@ var wrapInSchema = ({
         ref
       });
     }
-    const { codeValues } = useContext16(VisualModeCodeValuesContext);
+    const { propStatuses } = useContext16(VisualModePropStatusesContext);
     const { getDragOverrides } = useContext16(VisualModeDragOverridesContext);
     const nodePathMapping = useContext16(OverrideIdsToNodePathsGettersContext);
     const frame = useCurrentFrame();
@@ -4593,14 +4623,14 @@ var wrapInSchema = ({
         schema,
         currentValue: currentRuntimeValueDotNotation,
         overrideValues: nodePath === null ? {} : getDragOverrides(nodePath),
-        propStatus: nodePath === null ? undefined : getCodeValuesCtx(codeValues, nodePath),
+        propStatus: nodePath === null ? undefined : getPropStatusesCtx(propStatuses, nodePath),
         frame
       });
     }, [
       currentRuntimeValueDotNotation,
       getDragOverrides,
       nodePath,
-      codeValues,
+      propStatuses,
       frame
     ]);
     const activeKeys = selectActiveKeys(schema, valuesDotNotation);
@@ -5838,7 +5868,7 @@ var calculateMediaDuration = ({
     duration -= trimBefore;
   }
   const actualDuration = duration / playbackRate;
-  return Math.floor(actualDuration);
+  return Number(actualDuration.toFixed(10));
 };
 var LoopContext = createContext18(null);
 var useLoop = () => {
@@ -10960,6 +10990,8 @@ function useRemotionContexts() {
   const resolveCompositionContext = React38.useContext(ResolveCompositionContext);
   const renderAssetManagerContext = React38.useContext(RenderAssetManager);
   const sequenceManagerContext = React38.useContext(SequenceManager);
+  const sequenceManagerRefContext = React38.useContext(SequenceManagerRefContext);
+  const visualModePropStatusesRefContext = React38.useContext(VisualModePropStatusesRefContext);
   const bufferManagerContext = React38.useContext(BufferingContextReact);
   const logLevelContext = React38.useContext(LogLevelContext);
   return useMemo37(() => ({
@@ -10973,6 +11005,8 @@ function useRemotionContexts() {
     resolveCompositionContext,
     renderAssetManagerContext,
     sequenceManagerContext,
+    sequenceManagerRefContext,
+    visualModePropStatusesRefContext,
     bufferManagerContext,
     logLevelContext
   }), [
@@ -10986,6 +11020,8 @@ function useRemotionContexts() {
     resolveCompositionContext,
     renderAssetManagerContext,
     sequenceManagerContext,
+    sequenceManagerRefContext,
+    visualModePropStatusesRefContext,
     bufferManagerContext,
     logLevelContext
   ]);
@@ -11002,21 +11038,27 @@ var RemotionContextProvider = (props2) => {
           value: contexts.preloadContext,
           children: /* @__PURE__ */ jsx35(CompositionManager.Provider, {
             value: contexts.compositionManagerCtx,
-            children: /* @__PURE__ */ jsx35(SequenceManager.Provider, {
-              value: contexts.sequenceManagerContext,
-              children: /* @__PURE__ */ jsx35(RenderAssetManager.Provider, {
-                value: contexts.renderAssetManagerContext,
-                children: /* @__PURE__ */ jsx35(ResolveCompositionContext.Provider, {
-                  value: contexts.resolveCompositionContext,
-                  children: /* @__PURE__ */ jsx35(TimelineContext.Provider, {
-                    value: contexts.timelineContext,
-                    children: /* @__PURE__ */ jsx35(SetTimelineContext.Provider, {
-                      value: contexts.setTimelineContext,
-                      children: /* @__PURE__ */ jsx35(SequenceContext.Provider, {
-                        value: contexts.sequenceContext,
-                        children: /* @__PURE__ */ jsx35(BufferingContextReact.Provider, {
-                          value: contexts.bufferManagerContext,
-                          children
+            children: /* @__PURE__ */ jsx35(SequenceManagerRefContext.Provider, {
+              value: contexts.sequenceManagerRefContext,
+              children: /* @__PURE__ */ jsx35(SequenceManager.Provider, {
+                value: contexts.sequenceManagerContext,
+                children: /* @__PURE__ */ jsx35(VisualModePropStatusesRefContext.Provider, {
+                  value: contexts.visualModePropStatusesRefContext,
+                  children: /* @__PURE__ */ jsx35(RenderAssetManager.Provider, {
+                    value: contexts.renderAssetManagerContext,
+                    children: /* @__PURE__ */ jsx35(ResolveCompositionContext.Provider, {
+                      value: contexts.resolveCompositionContext,
+                      children: /* @__PURE__ */ jsx35(TimelineContext.Provider, {
+                        value: contexts.timelineContext,
+                        children: /* @__PURE__ */ jsx35(SetTimelineContext.Provider, {
+                          value: contexts.setTimelineContext,
+                          children: /* @__PURE__ */ jsx35(SequenceContext.Provider, {
+                            value: contexts.sequenceContext,
+                            children: /* @__PURE__ */ jsx35(BufferingContextReact.Provider, {
+                              value: contexts.bufferManagerContext,
+                              children
+                            })
+                          })
                         })
                       })
                     })
@@ -11047,10 +11089,12 @@ var Internals = {
   VideoForPreview,
   CompositionManager,
   CompositionSetters,
-  VisualModeCodeValuesContext,
+  VisualModePropStatusesContext,
+  VisualModePropStatusesRefContext,
   VisualModeDragOverridesContext,
   VisualModeSettersContext,
   SequenceManager,
+  SequenceManagerRefContext,
   SequenceStackTracesUpdateContext,
   wrapInSchema,
   sequenceSchema,
@@ -11169,8 +11213,8 @@ var Internals = {
   OverrideIdsToNodePathsSettersContext,
   findPropsToDelete,
   makeSequencePropsSubscriptionKey,
-  getCodeValuesCtx,
-  getEffectCodeValuesCtx,
+  getPropStatusesCtx,
+  getEffectPropStatusesCtx,
   hiddenField,
   durationInFramesField,
   fromField