remotion 4.0.508 → 4.0.509

package/dist/esm/index.mjs

@@ -1340,7 +1340,7 @@ var getSingleChildComponent = (children) => {
 };
 
 // src/version.ts
-var VERSION = "4.0.508";
+var VERSION = "4.0.509";
 
 // src/multiple-versions-warning.ts
 var checkMultipleRemotionVersions = () => {
@@ -2715,10 +2715,13 @@ var transformOriginCenter = { value: 50, unit: "%" };
 var stringifyNumber = (value) => {
   return String(normalizeNumber(value));
 };
+
+class UnsupportedStringInterpolationValueError extends TypeError {
+}
 var parseStringInterpolationComponent = (component, value) => {
   const match = cssNumberRegex.exec(component);
   if (match === null) {
-    throw new TypeError(`Cannot interpolate "${value}" because "${component}" is not a supported scale, translate, or rotate value`);
+    throw new UnsupportedStringInterpolationValueError(`Cannot interpolate "${value}" because "${component}" is not a supported scale, translate, or rotate value`);
   }
   const unit = match[2] ?? null;
   const numberValue = Number(match[1]);
@@ -3185,6 +3188,52 @@ var interpolateString = ({
     axisRotation: hasAxisRotation
   });
 };
+var interpolateDiscreteString = ({
+  input,
+  inputRange,
+  outputRange,
+  options
+}) => {
+  if (inputRange.length === 1) {
+    return outputRange[0];
+  }
+  for (let segmentIndex = 0;segmentIndex < inputRange.length - 1; segmentIndex++) {
+    if (resolveEasingForSegment({
+      easing: options?.easing,
+      segmentIndex
+    }) !== Easing.step1) {
+      throw new TypeError("Non-numeric strings can only be interpolated using Easing.step1");
+    }
+  }
+  const posterizedInput = options?.posterize === undefined ? input : Math.floor(input / options.posterize) * options.posterize;
+  const inputMin = inputRange[0];
+  const inputMax = inputRange[inputRange.length - 1];
+  let resolvedInput = posterizedInput;
+  if (resolvedInput < inputMin) {
+    if (options?.extrapolateLeft === "identity") {
+      throw new TypeError('extrapolateLeft: "identity" is not supported for non-numeric strings');
+    }
+    if (options?.extrapolateLeft === "wrap") {
+      const wrapRange = inputMax - inputMin;
+      resolvedInput = ((resolvedInput - inputMin) % wrapRange + wrapRange) % wrapRange + inputMin;
+    } else {
+      return outputRange[0];
+    }
+  }
+  if (resolvedInput > inputMax) {
+    if (options?.extrapolateRight === "identity") {
+      throw new TypeError('extrapolateRight: "identity" is not supported for non-numeric strings');
+    }
+    if (options?.extrapolateRight === "wrap") {
+      const wrapRange = inputMax - inputMin;
+      resolvedInput = ((resolvedInput - inputMin) % wrapRange + wrapRange) % wrapRange + inputMin;
+    } else {
+      return outputRange[outputRange.length - 1];
+    }
+  }
+  const range = findRange(resolvedInput, inputRange);
+  return resolvedInput >= inputRange[range + 1] ? outputRange[range + 1] : outputRange[range];
+};
 var validateTupleOutputRange = (outputRange) => {
   const dimensions = outputRange[0]?.length;
   if (dimensions === undefined) {
@@ -3299,7 +3348,30 @@ function interpolate(input, inputRange, outputRange, options) {
     if (!outputRange.every((output) => typeof output === "string" || typeof output === "number")) {
       throw new TypeError("outputRange must contain only numbers, or supported scale, translate, and rotate strings");
     }
-    return interpolateString({ input, inputRange, outputRange, options });
+    try {
+      return interpolateString({ input, inputRange, outputRange, options });
+    } catch (error2) {
+      if (!outputRange.every((output) => typeof output === "string")) {
+        throw error2;
+      }
+      const hasNonNumericString = outputRange.some((output) => {
+        try {
+          parseStringInterpolationValue(output);
+          return false;
+        } catch (parseError) {
+          return parseError instanceof UnsupportedStringInterpolationValueError;
+        }
+      });
+      if (!hasNonNumericString) {
+        throw error2;
+      }
+      return interpolateDiscreteString({
+        input,
+        inputRange,
+        outputRange,
+        options
+      });
+    }
   }
   if (outputRange.every((output) => Array.isArray(output))) {
     return interpolateTuple({ input, inputRange, outputRange, options });
@@ -4599,7 +4671,8 @@ var makeStaticDragOverride = (value) => {
 var makeKeyframedDragOverride = ({
   status,
   frame,
-  value
+  value,
+  defaultEasing: defaultEasing2 = DEFAULT_LINEAR_EASING
 }) => {
   const existingIndex = status.keyframes.findIndex((keyframe) => keyframe.frame === frame);
   const keyframes = existingIndex === -1 ? [...status.keyframes, { frame, value }].sort((first, second) => first.frame - second.frame) : status.keyframes.map((keyframe, index) => index === existingIndex ? { frame, value } : keyframe);
@@ -4611,11 +4684,11 @@ var makeKeyframedDragOverride = ({
       easingLength: easing.length,
       keyframeCount: keyframes.length
     });
-    const easingToDuplicate = easingIndexToDuplicate === null ? DEFAULT_LINEAR_EASING : easing[easingIndexToDuplicate];
+    const easingToDuplicate = easingIndexToDuplicate === null ? defaultEasing2 : easing[easingIndexToDuplicate];
     easing.splice(insertedKeyframeIndex, 0, easingToDuplicate);
   }
   while (easing.length < keyframes.length - 1) {
-    easing.push(DEFAULT_LINEAR_EASING);
+    easing.push(defaultEasing2);
   }
   if (easing.length > keyframes.length - 1) {
     easing.length = keyframes.length - 1;
@@ -7291,13 +7364,17 @@ var waitUntilActuallyResumed = (audioContext, logLevel, signal) => {
       resolve(result);
     };
     onAbort = () => finish("cancelled");
+    const hasAudiblyStarted = (startPerformanceTime) => {
+      const outputTimestamp = audioContext.getOutputTimestamp();
+      return startPerformanceTime !== undefined && outputTimestamp.performanceTime !== undefined && outputTimestamp.performanceTime > startPerformanceTime && outputTimestamp.contextTime !== undefined && outputTimestamp.contextTime > startCurrentTime;
+    };
     const check = () => {
       animationFrame = null;
       const { currentTime } = audioContext;
       const outputTimestamp = audioContext.getOutputTimestamp();
       const elapsedWallClock = performance.now() - startWallClock;
-      if (startOutputPerformanceTime !== undefined && outputTimestamp.performanceTime !== undefined && outputTimestamp.performanceTime > startOutputPerformanceTime && outputTimestamp.contextTime !== undefined && outputTimestamp.contextTime > startCurrentTime) {
-        Log.verbose({ logLevel, tag: "audio" }, `waitUntilActuallyResumed: getOutputTimestamp.performanceTime advanced from ${startOutputPerformanceTime.toFixed(6)} to ${outputTimestamp.performanceTime.toFixed(6)} after ${elapsedWallClock.toFixed(1)}ms. currentTime=${currentTime.toFixed(6)} (advanced by ${(currentTime - startCurrentTime).toFixed(6)}), getOutputTimestamp.performanceTime=${outputTimestamp.performanceTime?.toFixed(1) ?? "undefined"}`);
+      if (hasAudiblyStarted(startOutputPerformanceTime)) {
+        Log.verbose({ logLevel, tag: "audio" }, `waitUntilActuallyResumed: getOutputTimestamp.performanceTime advanced from ${startOutputPerformanceTime.toFixed(6)} to ${outputTimestamp.performanceTime?.toFixed(6)} after ${elapsedWallClock.toFixed(1)}ms. currentTime=${currentTime.toFixed(6)} (advanced by ${(currentTime - startCurrentTime).toFixed(6)}), getOutputTimestamp.performanceTime=${outputTimestamp.performanceTime?.toFixed(1) ?? "undefined"}`);
         finish("resumed");
         return;
       }
@@ -7309,6 +7386,10 @@ var waitUntilActuallyResumed = (audioContext, logLevel, signal) => {
     }
     signal.addEventListener("abort", onAbort, { once: true });
     timeout = setTimeout(() => {
+      if (hasAudiblyStarted(startOutputPerformanceTime)) {
+        finish("resumed");
+        return;
+      }
       Log.warn({ logLevel, tag: "audio" }, "WARNING: You enabled autoPlay on an unmuted <Player /> and the browser did not allow the video to be started. Remotion muted the <Player /> so it can play. To properly handle this, either set the `muted` prop or remove the `autoPlay` prop");
       finish("failed");
     }, RESUME_WAIT_TIMEOUT);
@@ -7355,7 +7436,13 @@ var shouldSaveForLater = (state) => {
   }
   throw new Error(`Unexpected audio context state: ${state}`);
 };
-var SharedAudioContextProvider = ({ children, audioLatencyHint, audioEnabled, previewSampleRate }) => {
+var SharedAudioContextProvider = ({
+  children,
+  audioLatencyHint,
+  audioEnabled,
+  previewSampleRate,
+  _experimentalKeepAudioContextAlive
+}) => {
   const logLevel = useLogLevel();
   const sampleRate = previewSampleRate ?? 48000;
   useEffect7(() => {
@@ -7371,6 +7458,10 @@ var SharedAudioContextProvider = ({ children, audioLatencyHint, audioEnabled, pr
     sampleRate
   });
   const audioContextIsPlayingEventually = useRef13(false);
+  const initialExperimentalKeepAudioContextAlive = useRef13(_experimentalKeepAudioContextAlive);
+  if (initialExperimentalKeepAudioContextAlive.current !== _experimentalKeepAudioContextAlive) {
+    throw new Error("`_experimentalKeepAudioContextAlive` cannot be changed dynamically.");
+  }
   const isResuming = useRef13(null);
   const nextResumeAttemptId = useRef13(0);
   const audioSyncAnchor = useMemo23(() => ({ value: 0 }), []);
@@ -7415,7 +7506,7 @@ var SharedAudioContextProvider = ({ children, audioLatencyHint, audioEnabled, pr
           reason: "audio context is closed"
         };
       }
-      const saveForLater = shouldSaveForLater(currentState);
+      const saveForLater = shouldSaveForLater(currentState) || _experimentalKeepAudioContextAlive && !audioContextIsPlayingEventually.current;
       if (duration > 0) {
         if (saveForLater) {
           nodesToResume.current.set(node, {
@@ -7446,7 +7537,7 @@ var SharedAudioContextProvider = ({ children, audioLatencyHint, audioEnabled, pr
         reason: "missed " + Math.abs(offset).toFixed(2) + "s"
       };
     };
-  }, [ctxAndGain, logLevel]);
+  }, [ctxAndGain, _experimentalKeepAudioContextAlive, logLevel]);
   const resume = useCallback10(() => {
     if (!ctxAndGain) {
       return Promise.resolve();
@@ -7462,6 +7553,9 @@ var SharedAudioContextProvider = ({ children, audioLatencyHint, audioEnabled, pr
       node.start(r.scheduledTime, r.offset, r.duration);
     });
     nodesToResume.current.clear();
+    if (_experimentalKeepAudioContextAlive && ctxAndGain.audioContext.state === "running") {
+      return Promise.resolve();
+    }
     const resumePromise = ctxAndGain.resume();
     const abortController = new AbortController;
     const resumeAttemptId = nextResumeAttemptId.current++;
@@ -7483,7 +7577,7 @@ var SharedAudioContextProvider = ({ children, audioLatencyHint, audioEnabled, pr
       promise: waitPromise
     };
     return resumePromise.catch(() => {});
-  }, [ctxAndGain, logLevel]);
+  }, [ctxAndGain, _experimentalKeepAudioContextAlive, logLevel]);
   const getIsResumingAudioContext = useCallback10(() => {
     return isResuming.current?.promise ?? null;
   }, []);
@@ -7496,8 +7590,41 @@ var SharedAudioContextProvider = ({ children, audioLatencyHint, audioEnabled, pr
       return Promise.resolve();
     }
     audioContextIsPlayingEventually.current = false;
+    if (_experimentalKeepAudioContextAlive) {
+      ctxAndGain.gainNode.gain.cancelScheduledValues(ctxAndGain.audioContext.currentTime);
+      ctxAndGain.gainNode.gain.setValueAtTime(0, ctxAndGain.audioContext.currentTime);
+      return Promise.resolve();
+    }
     return ctxAndGain.suspend();
-  }, [ctxAndGain]);
+  }, [ctxAndGain, _experimentalKeepAudioContextAlive]);
+  useEffect7(() => {
+    if (!_experimentalKeepAudioContextAlive) {
+      return;
+    }
+    if (!ctxAndGain) {
+      return;
+    }
+    if (typeof window === "undefined") {
+      return;
+    }
+    const wake = () => {
+      if (ctxAndGain.audioContext.state === "running") {
+        return;
+      }
+      ctxAndGain.resume().catch(() => {});
+    };
+    wake();
+    window.addEventListener("pointerdown", wake, {
+      capture: true,
+      passive: true
+    });
+    window.addEventListener("keydown", wake, { capture: true, passive: true });
+    return () => {
+      window.removeEventListener("pointerdown", wake, { capture: true });
+      window.removeEventListener("keydown", wake, { capture: true });
+      ctxAndGain.suspend().catch(() => {});
+    };
+  }, [ctxAndGain, _experimentalKeepAudioContextAlive]);
   const audioContextValue = useMemo23(() => {
     return {
       audioContext: ctxAndGain?.audioContext ?? null,
@@ -7509,7 +7636,8 @@ var SharedAudioContextProvider = ({ children, audioLatencyHint, audioEnabled, pr
       resume,
       suspend,
       getIsResumingAudioContext,
-      unscheduleAudioNode
+      unscheduleAudioNode,
+      _experimentalKeepAudioContextAlive
     };
   }, [
     ctxAndGain,
@@ -7519,7 +7647,8 @@ var SharedAudioContextProvider = ({ children, audioLatencyHint, audioEnabled, pr
     resume,
     suspend,
     getIsResumingAudioContext,
-    unscheduleAudioNode
+    unscheduleAudioNode,
+    _experimentalKeepAudioContextAlive
   ]);
   return /* @__PURE__ */ jsx20(SharedAudioContext.Provider, {
     value: audioContextValue,
@@ -11775,7 +11904,8 @@ var RemotionRootContexts = ({
   previewSampleRate,
   videoEnabled,
   audioEnabled,
-  frameState
+  frameState,
+  _experimentalKeepAudioContextAlive
 }) => {
   const nonceContext = useMemo36(() => {
     let counter = 0;
@@ -11804,6 +11934,7 @@ var RemotionRootContexts = ({
                       audioLatencyHint,
                       audioEnabled,
                       previewSampleRate,
+                      _experimentalKeepAudioContextAlive,
                       children: /* @__PURE__ */ jsx33(SharedAudioTagsContextProvider, {
                         numberOfAudioTags,
                         children