@remotion/promo-pages 4.0.393 → 4.0.395

package/dist/design.js

@@ -755,7 +755,7 @@ var __defProp2, __export2 = (target, all) => {
   });
 }, useIsPlayer = () => {
   return useContext(IsPlayerContext);
-}, VERSION = "4.0.393", checkMultipleRemotionVersions = () => {
+}, VERSION = "4.0.395", checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
   }
@@ -2929,11 +2929,15 @@ Check that all your Remotion packages are on the same version. If your dependenc
   });
 }, getCrossOriginValue = ({
   crossOrigin,
-  requestsVideoFrame
+  requestsVideoFrame,
+  isClientSideRendering
 }) => {
   if (crossOrigin !== undefined && crossOrigin !== null) {
     return crossOrigin;
   }
+  if (isClientSideRendering) {
+    return "anonymous";
+  }
   if (requestsVideoFrame) {
     return "anonymous";
   }
@@ -3638,8 +3642,17 @@ Check that all your Remotion packages are on the same version. If your dependenc
   const [blocks, setBlocks] = useState13([]);
   const [onBufferingCallbacks, setOnBufferingCallbacks] = useState13([]);
   const [onResumeCallbacks, setOnResumeCallbacks] = useState13([]);
+  const env = useRemotionEnvironment();
+  const rendering = env.isRendering;
   const buffering = useRef9(false);
   const addBlock = useCallback8((block) => {
+    if (rendering) {
+      return {
+        unblock: () => {
+          return;
+        }
+      };
+    }
     setBlocks((b) => [...b, block]);
     return {
       unblock: () => {
@@ -3652,7 +3665,7 @@ Check that all your Remotion packages are on the same version. If your dependenc
         });
       }
     };
-  }, []);
+  }, [rendering]);
   const listenForBuffering = useCallback8((callback) => {
     setOnBufferingCallbacks((c) => [...c, callback]);
     return {
@@ -3670,6 +3683,9 @@ Check that all your Remotion packages are on the same version. If your dependenc
     };
   }, []);
   useEffect7(() => {
+    if (rendering) {
+      return;
+    }
     if (blocks.length > 0) {
       onBufferingCallbacks.forEach((c) => c());
       playbackLogging({
@@ -3682,6 +3698,9 @@ Check that all your Remotion packages are on the same version. If your dependenc
   }, [blocks]);
   if (typeof window !== "undefined") {
     useLayoutEffect6(() => {
+      if (rendering) {
+        return;
+      }
       if (blocks.length === 0) {
         onResumeCallbacks.forEach((c) => c());
         playbackLogging({
@@ -4465,7 +4484,8 @@ Check that all your Remotion packages are on the same version. If your dependenc
   warnAboutTooHighVolume(userPreferredVolume);
   const crossOriginValue = getCrossOriginValue({
     crossOrigin,
-    requestsVideoFrame: false
+    requestsVideoFrame: false,
+    isClientSideRendering: false
   });
   const propsToPass = useMemo21(() => {
     return {
@@ -5202,9 +5222,11 @@ Check that all your Remotion packages are on the same version. If your dependenc
       delayRender2
     ]);
   }
+  const { isClientSideRendering } = useRemotionEnvironment();
   const crossOriginValue = getCrossOriginValue({
     crossOrigin,
-    requestsVideoFrame: false
+    requestsVideoFrame: false,
+    isClientSideRendering
   });
   return /* @__PURE__ */ jsx25("img", {
     ...props2,
@@ -5929,7 +5951,8 @@ Check that all your Remotion packages are on the same version. If your dependenc
   }, [isSequenceHidden, style]);
   const crossOriginValue = getCrossOriginValue({
     crossOrigin,
-    requestsVideoFrame: Boolean(onVideoFrame)
+    requestsVideoFrame: Boolean(onVideoFrame),
+    isClientSideRendering: false
   });
   return /* @__PURE__ */ jsx30("video", {
     ref: videoRef,

package/dist/homepage/Pricing.js

@@ -755,7 +755,7 @@ var __defProp2, __export2 = (target, all) => {
   });
 }, useIsPlayer = () => {
   return useContext(IsPlayerContext);
-}, VERSION = "4.0.393", checkMultipleRemotionVersions = () => {
+}, VERSION = "4.0.395", checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
   }
@@ -2929,11 +2929,15 @@ Check that all your Remotion packages are on the same version. If your dependenc
   });
 }, getCrossOriginValue = ({
   crossOrigin,
-  requestsVideoFrame
+  requestsVideoFrame,
+  isClientSideRendering
 }) => {
   if (crossOrigin !== undefined && crossOrigin !== null) {
     return crossOrigin;
   }
+  if (isClientSideRendering) {
+    return "anonymous";
+  }
   if (requestsVideoFrame) {
     return "anonymous";
   }
@@ -3638,8 +3642,17 @@ Check that all your Remotion packages are on the same version. If your dependenc
   const [blocks, setBlocks] = useState13([]);
   const [onBufferingCallbacks, setOnBufferingCallbacks] = useState13([]);
   const [onResumeCallbacks, setOnResumeCallbacks] = useState13([]);
+  const env = useRemotionEnvironment();
+  const rendering = env.isRendering;
   const buffering = useRef9(false);
   const addBlock = useCallback8((block) => {
+    if (rendering) {
+      return {
+        unblock: () => {
+          return;
+        }
+      };
+    }
     setBlocks((b) => [...b, block]);
     return {
       unblock: () => {
@@ -3652,7 +3665,7 @@ Check that all your Remotion packages are on the same version. If your dependenc
         });
       }
     };
-  }, []);
+  }, [rendering]);
   const listenForBuffering = useCallback8((callback) => {
     setOnBufferingCallbacks((c) => [...c, callback]);
     return {
@@ -3670,6 +3683,9 @@ Check that all your Remotion packages are on the same version. If your dependenc
     };
   }, []);
   useEffect7(() => {
+    if (rendering) {
+      return;
+    }
     if (blocks.length > 0) {
       onBufferingCallbacks.forEach((c) => c());
       playbackLogging({
@@ -3682,6 +3698,9 @@ Check that all your Remotion packages are on the same version. If your dependenc
   }, [blocks]);
   if (typeof window !== "undefined") {
     useLayoutEffect6(() => {
+      if (rendering) {
+        return;
+      }
       if (blocks.length === 0) {
         onResumeCallbacks.forEach((c) => c());
         playbackLogging({
@@ -4465,7 +4484,8 @@ Check that all your Remotion packages are on the same version. If your dependenc
   warnAboutTooHighVolume(userPreferredVolume);
   const crossOriginValue = getCrossOriginValue({
     crossOrigin,
-    requestsVideoFrame: false
+    requestsVideoFrame: false,
+    isClientSideRendering: false
   });
   const propsToPass = useMemo21(() => {
     return {
@@ -5202,9 +5222,11 @@ Check that all your Remotion packages are on the same version. If your dependenc
       delayRender2
     ]);
   }
+  const { isClientSideRendering } = useRemotionEnvironment();
   const crossOriginValue = getCrossOriginValue({
     crossOrigin,
-    requestsVideoFrame: false
+    requestsVideoFrame: false,
+    isClientSideRendering
   });
   return /* @__PURE__ */ jsx25("img", {
     ...props2,
@@ -5929,7 +5951,8 @@ Check that all your Remotion packages are on the same version. If your dependenc
   }, [isSequenceHidden, style]);
   const crossOriginValue = getCrossOriginValue({
     crossOrigin,
-    requestsVideoFrame: Boolean(onVideoFrame)
+    requestsVideoFrame: Boolean(onVideoFrame),
+    isClientSideRendering: false
   });
   return /* @__PURE__ */ jsx30("video", {
     ref: videoRef,

package/dist/template-modal-content.js

@@ -755,7 +755,7 @@ var __defProp2, __export2 = (target, all) => {
   });
 }, useIsPlayer = () => {
   return useContext(IsPlayerContext);
-}, VERSION = "4.0.393", checkMultipleRemotionVersions = () => {
+}, VERSION = "4.0.395", checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
   }
@@ -2929,11 +2929,15 @@ Check that all your Remotion packages are on the same version. If your dependenc
   });
 }, getCrossOriginValue = ({
   crossOrigin,
-  requestsVideoFrame
+  requestsVideoFrame,
+  isClientSideRendering
 }) => {
   if (crossOrigin !== undefined && crossOrigin !== null) {
     return crossOrigin;
   }
+  if (isClientSideRendering) {
+    return "anonymous";
+  }
   if (requestsVideoFrame) {
     return "anonymous";
   }
@@ -3638,8 +3642,17 @@ Check that all your Remotion packages are on the same version. If your dependenc
   const [blocks, setBlocks] = useState13([]);
   const [onBufferingCallbacks, setOnBufferingCallbacks] = useState13([]);
   const [onResumeCallbacks, setOnResumeCallbacks] = useState13([]);
+  const env = useRemotionEnvironment();
+  const rendering = env.isRendering;
   const buffering = useRef9(false);
   const addBlock = useCallback8((block) => {
+    if (rendering) {
+      return {
+        unblock: () => {
+          return;
+        }
+      };
+    }
     setBlocks((b) => [...b, block]);
     return {
       unblock: () => {
@@ -3652,7 +3665,7 @@ Check that all your Remotion packages are on the same version. If your dependenc
         });
       }
     };
-  }, []);
+  }, [rendering]);
   const listenForBuffering = useCallback8((callback) => {
     setOnBufferingCallbacks((c) => [...c, callback]);
     return {
@@ -3670,6 +3683,9 @@ Check that all your Remotion packages are on the same version. If your dependenc
     };
   }, []);
   useEffect7(() => {
+    if (rendering) {
+      return;
+    }
     if (blocks.length > 0) {
       onBufferingCallbacks.forEach((c) => c());
       playbackLogging({
@@ -3682,6 +3698,9 @@ Check that all your Remotion packages are on the same version. If your dependenc
   }, [blocks]);
   if (typeof window !== "undefined") {
     useLayoutEffect6(() => {
+      if (rendering) {
+        return;
+      }
       if (blocks.length === 0) {
         onResumeCallbacks.forEach((c) => c());
         playbackLogging({
@@ -4465,7 +4484,8 @@ Check that all your Remotion packages are on the same version. If your dependenc
   warnAboutTooHighVolume(userPreferredVolume);
   const crossOriginValue = getCrossOriginValue({
     crossOrigin,
-    requestsVideoFrame: false
+    requestsVideoFrame: false,
+    isClientSideRendering: false
   });
   const propsToPass = useMemo21(() => {
     return {
@@ -5202,9 +5222,11 @@ Check that all your Remotion packages are on the same version. If your dependenc
       delayRender2
     ]);
   }
+  const { isClientSideRendering } = useRemotionEnvironment();
   const crossOriginValue = getCrossOriginValue({
     crossOrigin,
-    requestsVideoFrame: false
+    requestsVideoFrame: false,
+    isClientSideRendering
   });
   return /* @__PURE__ */ jsx25("img", {
     ...props2,
@@ -5929,7 +5951,8 @@ Check that all your Remotion packages are on the same version. If your dependenc
   }, [isSequenceHidden, style]);
   const crossOriginValue = getCrossOriginValue({
     crossOrigin,
-    requestsVideoFrame: Boolean(onVideoFrame)
+    requestsVideoFrame: Boolean(onVideoFrame),
+    isClientSideRendering: false
   });
   return /* @__PURE__ */ jsx30("video", {
     ref: videoRef,