@remotion/promo-pages 4.0.351 → 4.0.353

package/.turbo/turbo-make.log

@@ -1,6 +1,6 @@
 
 
-> @remotion/promo-pages@4.0.351 make /Users/jonathanburger/remotion/packages/promo-pages
+> @remotion/promo-pages@4.0.353 make /Users/jonathanburger/remotion/packages/promo-pages
 > bun --env-file=../.env.bundle bundle.ts
 
 ≈ tailwindcss v4.1.1

package/dist/Homepage.js

@@ -739,7 +739,7 @@ var __defProp2, __export2 = (target, all) => {
   });
 }, useIsPlayer = () => {
   return useContext(IsPlayerContext);
-}, VERSION = "4.0.351", checkMultipleRemotionVersions = () => {
+}, VERSION = "4.0.353", checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
   }
@@ -1643,9 +1643,22 @@ Check that all your Remotion packages are on the same version. If your dependenc
       }
     };
   }, [isActive, timelineContext, videoConfig.id, frameToFreeze, relativeFrom]);
+  const newSequenceContext = useMemo8(() => {
+    if (!sequenceContext) {
+      return null;
+    }
+    return {
+      ...sequenceContext,
+      relativeFrom: 0,
+      cumulatedFrom: 0
+    };
+  }, [sequenceContext]);
   return /* @__PURE__ */ jsx72(TimelineContext.Provider, {
     value: timelineValue,
-    children
+    children: /* @__PURE__ */ jsx72(SequenceContext.Provider, {
+      value: newSequenceContext,
+      children
+    })
   });
 }, RegularSequenceRefForwardingFunction = ({
   from = 0,
@@ -1883,6 +1896,37 @@ Check that all your Remotion packages are on the same version. If your dependenc
   return logLevels.indexOf(level);
 }, isEqualOrBelowLogLevel = (currentLevel, level) => {
   return getNumberForLogLevel(currentLevel) <= getNumberForLogLevel(level);
+}, transformArgs = ({
+  args,
+  logLevel,
+  tag
+}) => {
+  const arr = [...args];
+  if (getRemotionEnvironment().isRendering && !getRemotionEnvironment().isClientSideRendering) {
+    arr.unshift(Symbol.for(`__remotion_level_${logLevel}`));
+  }
+  if (tag) {
+    arr.unshift(Symbol.for(`__remotion_tag_${tag}`));
+  }
+  return arr;
+}, verbose = (options, ...args) => {
+  if (isEqualOrBelowLogLevel(options.logLevel, "verbose")) {
+    return console.debug(...transformArgs({ args, logLevel: "verbose", tag: options.tag }));
+  }
+}, trace = (options, ...args) => {
+  if (isEqualOrBelowLogLevel(options.logLevel, "trace")) {
+    return console.debug(...transformArgs({ args, logLevel: "trace", tag: options.tag }));
+  }
+}, info = (options, ...args) => {
+  if (isEqualOrBelowLogLevel(options.logLevel, "info")) {
+    return console.log(...transformArgs({ args, logLevel: "info", tag: options.tag }));
+  }
+}, warn = (options, ...args) => {
+  if (isEqualOrBelowLogLevel(options.logLevel, "warn")) {
+    return console.warn(...transformArgs({ args, logLevel: "warn", tag: options.tag }));
+  }
+}, error = (options, ...args) => {
+  return console.error(...transformArgs({ args, logLevel: "error", tag: options.tag }));
 }, Log, handles, DELAY_RENDER_CALLSTACK_TOKEN = "The delayRender was called:", DELAY_RENDER_RETRIES_LEFT = "Retries left: ", DELAY_RENDER_RETRY_TOKEN = "- Rendering the frame will be retried.", DELAY_RENDER_CLEAR_TOKEN = "handle was cleared after", defaultTimeout = 30000, delayRenderInternal = (environment, label, options) => {
   if (typeof label !== "string" && typeof label !== "undefined") {
     throw new Error("The label parameter of delayRender() must be a string or undefined, got: " + JSON.stringify(label));
@@ -1932,11 +1976,11 @@ Check that all your Remotion packages are on the same version. If your dependenc
         const { label, startTime, timeout } = window.remotion_delayRenderTimeouts[handle];
         clearTimeout(timeout);
         const message = [
-          label ? `delayRender() "${label}"` : "A delayRender()",
+          label ? `"${label}"` : "A handle",
           DELAY_RENDER_CLEAR_TOKEN,
           `${Date.now() - startTime}ms`
         ].filter(truthy).join(" ");
-        Log.verbose(window.remotion_logLevel, message);
+        Log.verbose({ logLevel: window.remotion_logLevel, tag: "delayRender()" }, message);
         delete window.remotion_delayRenderTimeouts[handle];
       }
       return false;
@@ -2383,7 +2427,7 @@ Check that all your Remotion packages are on the same version. If your dependenc
   mountTime
 }) => {
   const tags = [mountTime ? Date.now() - mountTime + "ms " : null, tag].filter(Boolean).join(" ");
-  Log.trace(logLevel, `[${tags}]`, message);
+  Log.trace({ logLevel, tag: null }, `[${tags}]`, message);
 }, PreloadContext, preloads, updaters, setPreloads = (updater) => {
   preloads = updater(preloads);
   updaters.forEach((u) => u());
@@ -2477,7 +2521,7 @@ Check that all your Remotion packages are on the same version. If your dependenc
       waitUntilDone: () => Promise.resolve(srcWithoutHash)
     };
   }
-  Log.verbose(logLevel, `[prefetch] Starting prefetch ${srcWithoutHash}`);
+  Log.verbose({ logLevel, tag: "prefetch" }, `Starting prefetch ${srcWithoutHash}`);
   let canceled = false;
   let objectUrl = null;
   let resolve = () => {
@@ -2821,7 +2865,7 @@ Check that all your Remotion packages are on the same version. If your dependenc
   }
   warned = true;
   if (typeof window !== "undefined") {
-    Log.warn(logLevel, "AudioContext is not supported in this browser");
+    Log.warn({ logLevel, tag: null }, "AudioContext is not supported in this browser");
   }
 }, useSingletonAudioContext = (logLevel, latencyHint) => {
   const audioContext = useMemo13(() => {
@@ -3170,9 +3214,9 @@ Check that all your Remotion packages are on the same version. If your dependenc
     return;
   }
   warned2 = true;
-  Log.warn(logLevel, "In Safari, setting a volume and a playback rate at the same time is buggy.");
-  Log.warn(logLevel, "In Desktop Safari, only volumes <= 1 will be applied.");
-  Log.warn(logLevel, "In Mobile Safari, the volume will be ignored and set to 1 if a playbackRate is set.");
+  Log.warn({ logLevel, tag: null }, "In Safari, setting a volume and a playback rate at the same time is buggy.");
+  Log.warn({ logLevel, tag: null }, "In Desktop Safari, only volumes <= 1 will be applied.");
+  Log.warn({ logLevel, tag: null }, logLevel, "In Mobile Safari, the volume will be ignored and set to 1 if a playbackRate is set.");
 }, useVolume = ({
   mediaRef,
   volume,
@@ -3215,7 +3259,7 @@ Check that all your Remotion packages are on the same version. If your dependenc
       audioStuffRef.current = {
         gainNode
       };
-      Log.trace(logLevel, `Starting to amplify ${mediaRef.current?.src}. Gain = ${currentVolumeRef.current}, playbackRate = ${mediaRef.current?.playbackRate}`);
+      Log.trace({ logLevel, tag: null }, `Starting to amplify ${mediaRef.current?.src}. Gain = ${currentVolumeRef.current}, playbackRate = ${mediaRef.current?.playbackRate}`);
       return () => {
         audioStuffRef.current = null;
         gainNode.disconnect();
@@ -3227,7 +3271,7 @@ Check that all your Remotion packages are on the same version. If your dependenc
     const valueToSet = volume;
     if (!isApproximatelyTheSame(audioStuffRef.current.gainNode.gain.value, valueToSet)) {
       audioStuffRef.current.gainNode.gain.value = valueToSet;
-      Log.trace(logLevel, `Setting gain to ${valueToSet} for ${mediaRef.current?.src}`);
+      Log.trace({ logLevel, tag: null }, `Setting gain to ${valueToSet} for ${mediaRef.current?.src}`);
     }
   }
   const safariCase = isSafari() && mediaRef.current && mediaRef.current?.playbackRate !== 1;
@@ -3595,8 +3639,8 @@ Check that all your Remotion packages are on the same version. If your dependenc
     const onEndedOrPauseOrCanPlay = () => {
       unblock();
     };
-    current.requestVideoFrameCallback((_, info) => {
-      const differenceFromRequested = Math.abs(info.mediaTime - requestedTime);
+    current.requestVideoFrameCallback((_, info2) => {
+      const differenceFromRequested = Math.abs(info2.mediaTime - requestedTime);
       if (differenceFromRequested > 0.5) {
         onVariableFpsVideoDetected();
       }
@@ -3820,16 +3864,16 @@ Check that all your Remotion packages are on the same version. If your dependenc
       if (!videoTag) {
         return;
       }
-      const cb = videoTag.requestVideoFrameCallback((_, info) => {
+      const cb = videoTag.requestVideoFrameCallback((_, info2) => {
         if (currentTime.current !== null) {
-          const difference = Math.abs(currentTime.current.time - info.mediaTime);
-          const differenceToLastSeek = Math.abs(lastSeek.current === null ? Infinity : info.mediaTime - lastSeek.current);
-          if (difference > 0.5 && differenceToLastSeek > 0.5 && info.mediaTime > currentTime.current.time) {
+          const difference = Math.abs(currentTime.current.time - info2.mediaTime);
+          const differenceToLastSeek = Math.abs(lastSeek.current === null ? Infinity : info2.mediaTime - lastSeek.current);
+          if (difference > 0.5 && differenceToLastSeek > 0.5 && info2.mediaTime > currentTime.current.time) {
             onVariableFpsVideoDetected();
           }
         }
         currentTime.current = {
-          time: info.mediaTime,
+          time: info2.mediaTime,
           lastUpdate: performance.now()
         };
         request();
@@ -3932,7 +3976,7 @@ Check that all your Remotion packages are on the same version. If your dependenc
     if (isVariableFpsVideoMap.current[src]) {
       return;
     }
-    Log.verbose(logLevel, `Detected ${src} as a variable FPS video. Disabling buffering while seeking.`);
+    Log.verbose({ logLevel, tag: null }, `Detected ${src} as a variable FPS video. Disabling buffering while seeking.`);
     isVariableFpsVideoMap.current[src] = true;
   }, [logLevel, src]);
   const rvcCurrentTime = useRequestVideoCallbackTime({
@@ -5074,7 +5118,7 @@ Check that all your Remotion packages are on the same version. If your dependenc
   style.appendChild(document.createTextNode(css));
   head.prepend(style);
   injected[css] = true;
-}, OFFTHREAD_VIDEO_CLASS_NAME = "__remotion_offthreadvideo", makeDefaultPreviewCSS = (scope, backgroundColor) => {
+}, OBJECTFIT_CONTAIN_CLASS_NAME = "__remotion_objectfitcontain", makeDefaultPreviewCSS = (scope, backgroundColor) => {
   if (!scope) {
     return `
     * {
@@ -5084,7 +5128,7 @@ Check that all your Remotion packages are on the same version. If your dependenc
       margin: 0;
 	    background-color: ${backgroundColor};
     }
-    .${OFFTHREAD_VIDEO_CLASS_NAME} {
+    .${OBJECTFIT_CONTAIN_CLASS_NAME} {
       object-fit: contain;
     }
     `;
@@ -5097,7 +5141,7 @@ Check that all your Remotion packages are on the same version. If your dependenc
       width: 100%;
       height: 100%;
     }
-    ${scope} .${OFFTHREAD_VIDEO_CLASS_NAME} {
+    ${scope} .${OBJECTFIT_CONTAIN_CLASS_NAME} {
       object-fit: contain;
     }
   `;
@@ -6296,29 +6340,11 @@ var init_esm = __esm(() => {
   Sequence = forwardRef2(SequenceRefForwardingFunction);
   logLevels = ["trace", "verbose", "info", "warn", "error"];
   Log = {
-    trace: (logLevel, ...args) => {
-      if (isEqualOrBelowLogLevel(logLevel, "trace")) {
-        return console.log(...args);
-      }
-    },
-    verbose: (logLevel, ...args) => {
-      if (isEqualOrBelowLogLevel(logLevel, "verbose")) {
-        return console.log(...args);
-      }
-    },
-    info: (logLevel, ...args) => {
-      if (isEqualOrBelowLogLevel(logLevel, "info")) {
-        return console.log(...args);
-      }
-    },
-    warn: (logLevel, ...args) => {
-      if (isEqualOrBelowLogLevel(logLevel, "warn")) {
-        return console.warn(...args);
-      }
-    },
-    error: (...args) => {
-      return console.error(...args);
-    }
+    trace,
+    verbose,
+    info,
+    warn,
+    error
   };
   if (typeof window !== "undefined") {
     window.remotion_renderReady = false;
@@ -6507,7 +6533,7 @@ var init_esm = __esm(() => {
   __export2(exports_default_css, {
     makeDefaultPreviewCSS: () => makeDefaultPreviewCSS,
     injectCSS: () => injectCSS,
-    OFFTHREAD_VIDEO_CLASS_NAME: () => OFFTHREAD_VIDEO_CLASS_NAME
+    OBJECTFIT_CONTAIN_CLASS_NAME: () => OBJECTFIT_CONTAIN_CLASS_NAME
   });
   injected = {};
   listeners = [];
@@ -6598,7 +6624,8 @@ var init_esm = __esm(() => {
     compositionSelectorRef,
     RemotionEnvironmentContext,
     warnAboutTooHighVolume,
-    AudioForPreview
+    AudioForPreview,
+    OBJECTFIT_CONTAIN_CLASS_NAME
   };
   PERCENTAGE = NUMBER + "%";
   IsInsideSeriesContext = createContext19(false);
@@ -12874,9 +12901,9 @@ class PlayerEmitter {
       scale
     });
   };
-  dispatchError = (error) => {
+  dispatchError = (error2) => {
     this.dispatchEvent("error", {
-      error
+      error: error2
     });
   };
   dispatchTimeUpdate = (event) => {
@@ -12916,9 +12943,9 @@ class ThumbnailEmitter {
       callback({ detail: context });
     });
   }
-  dispatchError = (error) => {
+  dispatchError = (error2) => {
     this.dispatchEvent("error", {
-      error
+      error: error2
     });
   };
   dispatchWaiting = (event) => {
@@ -14497,11 +14524,11 @@ var errorStyle = {
 
 class ErrorBoundary extends React8.Component {
   state = { hasError: null };
-  static getDerivedStateFromError(error) {
-    return { hasError: error };
+  static getDerivedStateFromError(error2) {
+    return { hasError: error2 };
   }
-  componentDidCatch(error) {
-    this.props.onError(error);
+  componentDidCatch(error2) {
+    this.props.onError(error2);
   }
   render() {
     if (this.state.hasError) {
@@ -14613,8 +14640,8 @@ var cancellablePromise = (promise) => {
         return;
       }
       resolve(value);
-    }).catch((error) => {
-      reject({ isCanceled, error });
+    }).catch((error2) => {
+      reject({ isCanceled, error: error2 });
     });
   });
   return {
@@ -14656,10 +14683,10 @@ var useClickPreventionOnDoubleClick = (onClick, onDoubleClick, doubleClickToFull
       api.removePendingPromise(waitForClick);
       onClick(e);
     } catch (errorInfo) {
-      const info = errorInfo;
+      const info2 = errorInfo;
       api.removePendingPromise(waitForClick);
-      if (!info.isCanceled) {
-        throw info.error;
+      if (!info2.isCanceled) {
+        throw info2.error;
       }
     }
   }, [api, onClick]);
@@ -15000,9 +15027,9 @@ var PlayerUI = ({
   }, [config, layout, overflowVisible, scale]);
   const playerPause = player.pause;
   const playerDispatchError = player.emitter.dispatchError;
-  const onError = useCallback112((error) => {
+  const onError = useCallback112((error2) => {
     playerPause();
-    playerDispatchError(error);
+    playerDispatchError(error2);
   }, [playerDispatchError, playerPause]);
   const onFullscreenButtonClick = useCallback112((e) => {
     e.stopPropagation();
@@ -15172,7 +15199,7 @@ var persistVolume = (volume, logLevel, volumePersistenceKey) => {
   try {
     window.localStorage.setItem(volumePersistenceKey ?? DEFAULT_VOLUME_PERSISTANCE_KEY, String(volume));
   } catch (e) {
-    Internals.Log.error(logLevel, "Could not persist volume", e);
+    Internals.Log.error({ logLevel, tag: null }, "Could not persist volume", e);
   }
 };
 var getPreferredVolume = (volumePersistenceKey) => {
@@ -15301,7 +15328,7 @@ var acknowledgeRemotionLicenseMessage = (acknowledge, logLevel) => {
     return;
   }
   warningShown = true;
-  Internals.Log.warn(logLevel, "Note: Some companies are required to obtain a license to use Remotion. See: https://remotion.dev/license\nPass the `acknowledgeRemotionLicense` prop to `<Player />` function to make this message disappear.");
+  Internals.Log.warn({ logLevel, tag: null }, "Note: Some companies are required to obtain a license to use Remotion. See: https://remotion.dev/license\nPass the `acknowledgeRemotionLicense` prop to `<Player />` function to make this message disappear.");
 };
 var validateSingleFrame = (frame, variableName) => {
   if (typeof frame === "undefined" || frame === null) {
@@ -15706,8 +15733,8 @@ var ThumbnailUI = ({
       overflowVisible
     });
   }, [config, layout, overflowVisible, scale]);
-  const onError = useCallback132((error) => {
-    thumbnail.emitter.dispatchError(error);
+  const onError = useCallback132((error2) => {
+    thumbnail.emitter.dispatchError(error2);
   }, [thumbnail.emitter]);
   const loadingMarkup = useMemo162(() => {
     return renderLoading ? renderLoading({
@@ -18913,7 +18940,7 @@ var Demo = () => {
   const [isFullscreen, setIsFullscreen] = useState33(false);
   const [cardOrder, setCardOrder] = useState33([0, 1, 2, 3]);
   const [emojiIndex, setEmojiIndex] = useState33(0);
-  const [error, setError] = useState33(false);
+  const [error2, setError] = useState33(false);
   useEffect38(() => {
     getDataAndProps().then((d) => {
       setData(d);
@@ -19009,7 +19036,7 @@ var Demo = () => {
           })
         ]
       }),
-      error ? /* @__PURE__ */ jsx81(DemoError, {}) : null,
+      error2 ? /* @__PURE__ */ jsx81(DemoError, {}) : null,
       /* @__PURE__ */ jsx81(DownloadNudge, {})
     ]
   });
@@ -20161,8 +20188,8 @@ var VideoAppsShowcase = () => {
         if (playPromise !== undefined) {
           playPromise.then(() => {
             setIsPlaying(true);
-          }).catch((error) => {
-            console.error("Playback error:", error);
+          }).catch((error2) => {
+            console.error("Playback error:", error2);
             setIsPlaying(false);
           });
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remotion/promo-pages",
-  "version": "4.0.351",
+  "version": "4.0.353",
   "publishConfig": {
     "access": "public"
   },
@@ -10,14 +10,14 @@
     "polished": "4.3.1",
     "zod": "3.22.3",
     "bun-plugin-tailwind": "0.0.15",
-    "@remotion/lottie": "4.0.351",
-    "@remotion/lambda": "4.0.351",
-    "@remotion/animated-emoji": "4.0.351",
-    "@remotion/player": "4.0.351",
-    "@remotion/shapes": "4.0.351",
-    "create-video": "4.0.351",
-    "remotion": "4.0.351",
-    "@remotion/paths": "4.0.351"
+    "@remotion/animated-emoji": "4.0.353",
+    "@remotion/lambda": "4.0.353",
+    "@remotion/lottie": "4.0.353",
+    "@remotion/paths": "4.0.353",
+    "@remotion/player": "4.0.353",
+    "@remotion/shapes": "4.0.353",
+    "remotion": "4.0.353",
+    "create-video": "4.0.353"
   },
   "devDependencies": {
     "@eslint/eslintrc": "3.1.0",
@@ -34,7 +34,7 @@
     "tailwind-merge": "2.5.2",
     "bun-plugin-tailwind": "0.0.13",
     "clsx": "2.1.1",
-    "@remotion/eslint-config-internal": "4.0.351"
+    "@remotion/eslint-config-internal": "4.0.353"
   },
   "repository": {
     "url": "https://github.com/remotion-dev/remotion/tree/main/packages/promo-pages"