@remotion/promo-pages 4.0.287 → 4.0.289

package/.turbo/turbo-make.log

@@ -1,8 +1,8 @@
 
 
-> @remotion/promo-pages@4.0.287 make /Users/jonathanburger/remotion/packages/promo-pages
+> @remotion/promo-pages@4.0.289 make /Users/jonathanburger/remotion/packages/promo-pages
 > bun --env-file=../.env.bundle bundle.ts
 
 ≈ tailwindcss v4.1.1
 
-Done in 28ms
+Done in 50ms

package/dist/Homepage.js

@@ -5034,6 +5034,7 @@ import React13, {
   useCallback as useCallback6,
   useContext as useContext16,
   useEffect as useEffect8,
+  useLayoutEffect as useLayoutEffect4,
   useMemo as useMemo14,
   useRef as useRef5,
   useState as useState10
@@ -5061,7 +5062,7 @@ import {
   useContext as useContext22,
   useEffect as useEffect15,
   useImperativeHandle as useImperativeHandle6,
-  useLayoutEffect as useLayoutEffect4,
+  useLayoutEffect as useLayoutEffect5,
   useMemo as useMemo20,
   useRef as useRef12
 } from "react";
@@ -5081,7 +5082,7 @@ import {
   useCallback as useCallback13,
   useContext as useContext26,
   useImperativeHandle as useImperativeHandle7,
-  useLayoutEffect as useLayoutEffect5,
+  useLayoutEffect as useLayoutEffect6,
   useRef as useRef13
 } from "react";
 import { jsx as jsx24 } from "react/jsx-runtime";
@@ -5096,7 +5097,7 @@ import React22, {
 import { jsx as jsx25 } from "react/jsx-runtime";
 import {
   useEffect as useEffect18,
-  useLayoutEffect as useLayoutEffect6,
+  useLayoutEffect as useLayoutEffect7,
   useMemo as useMemo24,
   useRef as useRef15,
   useState as useState16
@@ -5116,7 +5117,7 @@ import {
   useCallback as useCallback15,
   useContext as useContext27,
   useEffect as useEffect19,
-  useLayoutEffect as useLayoutEffect7,
+  useLayoutEffect as useLayoutEffect8,
   useMemo as useMemo27,
   useState as useState17
 } from "react";
@@ -5139,7 +5140,7 @@ import {
   useContext as useContext29,
   useEffect as useEffect222,
   useImperativeHandle as useImperativeHandle10,
-  useLayoutEffect as useLayoutEffect8,
+  useLayoutEffect as useLayoutEffect9,
   useMemo as useMemo29,
   useRef as useRef17
 } from "react";
@@ -5228,7 +5229,7 @@ var useIsPlayer = () => {
 function truthy(value) {
   return Boolean(value);
 }
-var VERSION = "4.0.287";
+var VERSION = "4.0.289";
 var checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
@@ -7769,7 +7770,7 @@ var useBufferManager = (logLevel, mountTime) => {
       });
     }
   }, [blocks]);
-  useEffect8(() => {
+  useLayoutEffect4(() => {
     if (blocks.length === 0) {
       onResumeCallbacks.forEach((c) => c());
       playbackLogging({
@@ -7830,9 +7831,9 @@ var useBufferState = () => {
     }
   }), [addBlock]);
 };
-var isWebkit = () => {
-  const isAppleWebKit = /AppleWebKit/.test(window.navigator.userAgent);
-  return isAppleWebKit;
+var isSafariWebkit = () => {
+  const isSafari = /^((?!chrome|android).)*safari/i.test(window.navigator.userAgent);
+  return isSafari;
 };
 var useBufferUntilFirstFrame = ({
   mediaRef,
@@ -7855,16 +7856,22 @@ var useBufferUntilFirstFrame = ({
     if (!current) {
       return;
     }
-    playbackLogging({
-      logLevel,
-      message: `Checking if should buffer until first frame, ${current.readyState}`,
-      mountTime,
-      tag: "buffer"
-    });
-    if (current.readyState >= current.HAVE_ENOUGH_DATA && !isWebkit()) {
+    if (current.readyState >= current.HAVE_ENOUGH_DATA && !isSafariWebkit()) {
+      playbackLogging({
+        logLevel,
+        message: `Not using buffer until first frame, because readyState is ${current.readyState} and is not Safari`,
+        mountTime,
+        tag: "buffer"
+      });
       return;
     }
     if (!current.requestVideoFrameCallback) {
+      playbackLogging({
+        logLevel,
+        message: `Not using buffer until first frame, because requestVideoFrameCallback is not supported`,
+        mountTime,
+        tag: "buffer"
+      });
       return;
     }
     bufferingRef.current = true;
@@ -8449,7 +8456,8 @@ var useMediaPlayback = ({
       return;
     }
     const isMediaTagBufferingOrStalled = isMediaTagBuffering || isBuffering();
-    if (isPlayerBuffering && !isMediaTagBufferingOrStalled) {
+    const playerBufferingNotStateButLive = buffering.buffering.current;
+    if (playerBufferingNotStateButLive && !isMediaTagBufferingOrStalled) {
       playbackLogging({
         logLevel,
         tag: "pause",
@@ -8461,6 +8469,7 @@ var useMediaPlayback = ({
   }, [
     isBuffering,
     isMediaTagBuffering,
+    buffering,
     isPlayerBuffering,
     isPremounting,
     logLevel,
@@ -9068,7 +9077,7 @@ var AudioForRenderingRefForwardingFunction = (props, ref) => {
   ]);
   const { src } = props;
   const needsToRenderAudioTag = ref || _remotionInternalNeedsDurationCalculation;
-  useLayoutEffect4(() => {
+  useLayoutEffect5(() => {
     if (window.process?.env?.NODE_ENV === "test") {
       return;
     }
@@ -9553,7 +9562,7 @@ var ImgRefForwarding = ({
   }, [maxRetries, onError, retryIn]);
   if (typeof window !== "undefined") {
     const isPremounting = Boolean(sequenceContext?.premounting);
-    useLayoutEffect5(() => {
+    useLayoutEffect6(() => {
       if (window.process?.env?.NODE_ENV === "test") {
         if (imageRef.current) {
           imageRef.current.src = actualSrc;
@@ -9824,7 +9833,7 @@ var RemotionRoot = ({
   const [playbackRate, setPlaybackRate] = useState16(1);
   const audioAndVideoTags = useRef15([]);
   if (typeof window !== "undefined") {
-    useLayoutEffect6(() => {
+    useLayoutEffect7(() => {
       window.remotion_setFrame = (f, composition, attempt) => {
         window.remotion_attempt = attempt;
         const id = delayRender(`Setting the current frame to ${f}`);
@@ -10682,7 +10691,7 @@ var VideoForDevelopmentRefForwardingFunction = (props2, ref) => {
   }, []);
   useState18(() => playbackLogging({
     logLevel,
-    message: `Mounting video with source = ${actualSrc}`,
+    message: `Mounting video with source = ${actualSrc}, v=${VERSION}, user agent=${typeof navigator === "undefined" ? "server" : navigator.userAgent}`,
     tag: "video",
     mountTime
   }));
@@ -11049,7 +11058,7 @@ var VideoForRenderingForwardFunction = ({
   ]);
   const { src } = props2;
   if (environment.isRendering) {
-    useLayoutEffect8(() => {
+    useLayoutEffect9(() => {
       if (window.process?.env?.NODE_ENV === "test") {
         return;
       }
@@ -11216,7 +11225,7 @@ import {
   forwardRef as forwardRef22,
   useEffect as useEffect142,
   useImperativeHandle as useImperativeHandle22,
-  useLayoutEffect as useLayoutEffect9,
+  useLayoutEffect as useLayoutEffect10,
   useMemo as useMemo142,
   useRef as useRef112,
   useState as useState132
@@ -14811,7 +14820,7 @@ var PlayerFn = ({
   ...componentProps
 }, ref) => {
   if (typeof window !== "undefined") {
-    useLayoutEffect9(() => {
+    useLayoutEffect10(() => {
       window.remotion_isPlayer = true;
     }, []);
   }
@@ -14920,7 +14929,7 @@ var PlayerFn = ({
     };
   }, [setFrame]);
   if (typeof window !== "undefined") {
-    useLayoutEffect9(() => {
+    useLayoutEffect10(() => {
       Internals.CSSUtils.injectCSS(Internals.CSSUtils.makeDefaultPreviewCSS(`.${playerCssClassname(overrideInternalClassName)}`, "#fff"));
     }, [overrideInternalClassName]);
   }
@@ -18738,7 +18747,7 @@ var EvaluateRemotion_default = EvaluateRemotionSection;
 // src/components/homepage/IfYouKnowReact.tsx
 import { useEffect as useEffect41, useState as useState36 } from "react";
 import { jsx as jsx89, jsxs as jsxs38 } from "react/jsx-runtime";
-var isWebkit2 = () => {
+var isWebkit = () => {
   if (typeof window === "undefined") {
     return false;
   }
@@ -18749,7 +18758,7 @@ var isWebkit2 = () => {
 var IfYouKnowReact = () => {
   const [vid, setVid] = useState36("/img/compose.webm");
   useEffect41(() => {
-    if (isWebkit2()) {
+    if (isWebkit()) {
       setVid("/img/compose.mp4");
     }
   }, []);
@@ -18903,7 +18912,7 @@ var RealMP4Videos = () => {
   const videoRef = useRef30(null);
   const [vid, setVid] = useState38("/img/render-progress.webm");
   useEffect43(() => {
-    if (isWebkit2()) {
+    if (isWebkit()) {
       setVid("/img/render-progress.mp4");
     }
   }, []);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remotion/promo-pages",
-  "version": "4.0.287",
+  "version": "4.0.289",
   "publishConfig": {
     "access": "public"
   },
@@ -10,14 +10,14 @@
     "polished": "4.3.1",
     "zod": "3.22.3",
     "bun-plugin-tailwind": "0.0.15",
-    "@remotion/lambda": "4.0.287",
-    "@remotion/lottie": "4.0.287",
-    "@remotion/player": "4.0.287",
-    "@remotion/animated-emoji": "4.0.287",
-    "create-video": "4.0.287",
-    "@remotion/shapes": "4.0.287",
-    "remotion": "4.0.287",
-    "@remotion/paths": "4.0.287"
+    "@remotion/animated-emoji": "4.0.289",
+    "@remotion/lambda": "4.0.289",
+    "@remotion/lottie": "4.0.289",
+    "@remotion/paths": "4.0.289",
+    "@remotion/player": "4.0.289",
+    "create-video": "4.0.289",
+    "remotion": "4.0.289",
+    "@remotion/shapes": "4.0.289"
   },
   "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.287"
+    "@remotion/eslint-config-internal": "4.0.289"
   },
   "repository": {
     "url": "https://github.com/remotion-dev/remotion/tree/main/packages/promo-pages"