remotion 4.0.322 → 4.0.324

package/dist/cjs/buffering.js

@@ -88,21 +88,24 @@ const useBufferManager = (logLevel, mountTime) => {
         // and trigger again
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [blocks]);
-    (0, react_1.useLayoutEffect)(() => {
-        if (blocks.length === 0) {
-            onResumeCallbacks.forEach((c) => c());
-            (0, playback_logging_1.playbackLogging)({
-                logLevel,
-                message: 'Player is exiting buffer state',
-                mountTime,
-                tag: 'player',
-            });
-        }
-        // Intentionally only firing when blocks change, not the callbacks
-        // otherwise a resume callback might remove itself after being called
-        // and trigger again
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [blocks]);
+    if (typeof window !== 'undefined') {
+        // eslint-disable-next-line react-hooks/rules-of-hooks
+        (0, react_1.useLayoutEffect)(() => {
+            if (blocks.length === 0) {
+                onResumeCallbacks.forEach((c) => c());
+                (0, playback_logging_1.playbackLogging)({
+                    logLevel,
+                    message: 'Player is exiting buffer state',
+                    mountTime,
+                    tag: 'player',
+                });
+            }
+            // Intentionally only firing when blocks change, not the callbacks
+            // otherwise a resume callback might remove itself after being called
+            // and trigger again
+            // eslint-disable-next-line react-hooks/exhaustive-deps
+        }, [blocks]);
+    }
     return (0, react_1.useMemo)(() => {
         return { addBlock, listenForBuffering, listenForResume, buffering };
     }, [addBlock, buffering, listenForBuffering, listenForResume]);

package/dist/cjs/use-amplification.js

@@ -30,41 +30,44 @@ const useVolume = ({ mediaRef, volume, logLevel, source, shouldUseWebAudioApi, }
         throw new Error('useAmplification must be used within a SharedAudioContext');
     }
     const { audioContext } = sharedAudioContext;
-    (0, react_1.useLayoutEffect)(() => {
-        var _a, _b;
-        if (!audioContext) {
-            return;
-        }
-        if (!mediaRef.current) {
-            return;
-        }
-        if (!shouldUseWebAudioApi) {
-            return;
-        }
-        // [1]
-        if (mediaRef.current.playbackRate !== 1 && (0, video_fragment_1.isSafari)()) {
-            warnSafariOnce(logLevel);
-            return;
-        }
-        if (!source) {
-            return;
-        }
-        const gainNode = new GainNode(audioContext, {
-            gain: currentVolumeRef.current,
-        });
-        source.attemptToConnect();
-        source.get().connect(gainNode);
-        gainNode.connect(audioContext.destination);
-        audioStuffRef.current = {
-            gainNode,
-        };
-        log_1.Log.trace(logLevel, `Starting to amplify ${(_a = mediaRef.current) === null || _a === void 0 ? void 0 : _a.src}. Gain = ${currentVolumeRef.current}, playbackRate = ${(_b = mediaRef.current) === null || _b === void 0 ? void 0 : _b.playbackRate}`);
-        return () => {
-            audioStuffRef.current = null;
-            gainNode.disconnect();
-            source.get().disconnect();
-        };
-    }, [logLevel, mediaRef, audioContext, source, shouldUseWebAudioApi]);
+    if (typeof window !== 'undefined') {
+        // eslint-disable-next-line react-hooks/rules-of-hooks
+        (0, react_1.useLayoutEffect)(() => {
+            var _a, _b;
+            if (!audioContext) {
+                return;
+            }
+            if (!mediaRef.current) {
+                return;
+            }
+            if (!shouldUseWebAudioApi) {
+                return;
+            }
+            // [1]
+            if (mediaRef.current.playbackRate !== 1 && (0, video_fragment_1.isSafari)()) {
+                warnSafariOnce(logLevel);
+                return;
+            }
+            if (!source) {
+                return;
+            }
+            const gainNode = new GainNode(audioContext, {
+                gain: currentVolumeRef.current,
+            });
+            source.attemptToConnect();
+            source.get().connect(gainNode);
+            gainNode.connect(audioContext.destination);
+            audioStuffRef.current = {
+                gainNode,
+            };
+            log_1.Log.trace(logLevel, `Starting to amplify ${(_a = mediaRef.current) === null || _a === void 0 ? void 0 : _a.src}. Gain = ${currentVolumeRef.current}, playbackRate = ${(_b = mediaRef.current) === null || _b === void 0 ? void 0 : _b.playbackRate}`);
+            return () => {
+                audioStuffRef.current = null;
+                gainNode.disconnect();
+                source.get().disconnect();
+            };
+        }, [logLevel, mediaRef, audioContext, source, shouldUseWebAudioApi]);
+    }
     if (audioStuffRef.current) {
         const valueToSet = volume;
         if (!(0, is_approximately_the_same_1.isApproximatelyTheSame)(audioStuffRef.current.gainNode.gain.value, valueToSet)) {

package/dist/cjs/version.d.ts

@@ -3,4 +3,4 @@
  * @see [Documentation](https://remotion.dev/docs/version)
  * @returns {string} The current version of the remotion package
  */
-export declare const VERSION = "4.0.322";
+export declare const VERSION = "4.0.324";

package/dist/cjs/version.js

@@ -7,4 +7,4 @@ exports.VERSION = void 0;
  * @see [Documentation](https://remotion.dev/docs/version)
  * @returns {string} The current version of the remotion package
  */
-exports.VERSION = '4.0.322';
+exports.VERSION = '4.0.324';

package/dist/esm/index.mjs

@@ -104,7 +104,7 @@ function truthy(value) {
 }
 
 // src/version.ts
-var VERSION = "4.0.322";
+var VERSION = "4.0.324";
 
 // src/multiple-versions-warning.ts
 var checkMultipleRemotionVersions = () => {
@@ -3196,39 +3196,41 @@ var useVolume = ({
     throw new Error("useAmplification must be used within a SharedAudioContext");
   }
   const { audioContext } = sharedAudioContext;
-  useLayoutEffect3(() => {
-    if (!audioContext) {
-      return;
-    }
-    if (!mediaRef.current) {
-      return;
-    }
-    if (!shouldUseWebAudioApi) {
-      return;
-    }
-    if (mediaRef.current.playbackRate !== 1 && isSafari()) {
-      warnSafariOnce(logLevel);
-      return;
-    }
-    if (!source) {
-      return;
-    }
-    const gainNode = new GainNode(audioContext, {
-      gain: currentVolumeRef.current
-    });
-    source.attemptToConnect();
-    source.get().connect(gainNode);
-    gainNode.connect(audioContext.destination);
-    audioStuffRef.current = {
-      gainNode
-    };
-    Log.trace(logLevel, `Starting to amplify ${mediaRef.current?.src}. Gain = ${currentVolumeRef.current}, playbackRate = ${mediaRef.current?.playbackRate}`);
-    return () => {
-      audioStuffRef.current = null;
-      gainNode.disconnect();
-      source.get().disconnect();
-    };
-  }, [logLevel, mediaRef, audioContext, source, shouldUseWebAudioApi]);
+  if (typeof window !== "undefined") {
+    useLayoutEffect3(() => {
+      if (!audioContext) {
+        return;
+      }
+      if (!mediaRef.current) {
+        return;
+      }
+      if (!shouldUseWebAudioApi) {
+        return;
+      }
+      if (mediaRef.current.playbackRate !== 1 && isSafari()) {
+        warnSafariOnce(logLevel);
+        return;
+      }
+      if (!source) {
+        return;
+      }
+      const gainNode = new GainNode(audioContext, {
+        gain: currentVolumeRef.current
+      });
+      source.attemptToConnect();
+      source.get().connect(gainNode);
+      gainNode.connect(audioContext.destination);
+      audioStuffRef.current = {
+        gainNode
+      };
+      Log.trace(logLevel, `Starting to amplify ${mediaRef.current?.src}. Gain = ${currentVolumeRef.current}, playbackRate = ${mediaRef.current?.playbackRate}`);
+      return () => {
+        audioStuffRef.current = null;
+        gainNode.disconnect();
+        source.get().disconnect();
+      };
+    }, [logLevel, mediaRef, audioContext, source, shouldUseWebAudioApi]);
+  }
   if (audioStuffRef.current) {
     const valueToSet = volume;
     if (!isApproximatelyTheSame(audioStuffRef.current.gainNode.gain.value, valueToSet)) {
@@ -3518,17 +3520,19 @@ var useBufferManager = (logLevel, mountTime) => {
       });
     }
   }, [blocks]);
-  useLayoutEffect4(() => {
-    if (blocks.length === 0) {
-      onResumeCallbacks.forEach((c) => c());
-      playbackLogging({
-        logLevel,
-        message: "Player is exiting buffer state",
-        mountTime,
-        tag: "player"
-      });
-    }
-  }, [blocks]);
+  if (typeof window !== "undefined") {
+    useLayoutEffect4(() => {
+      if (blocks.length === 0) {
+        onResumeCallbacks.forEach((c) => c());
+        playbackLogging({
+          logLevel,
+          message: "Player is exiting buffer state",
+          mountTime,
+          tag: "player"
+        });
+      }
+    }, [blocks]);
+  }
   return useMemo16(() => {
     return { addBlock, listenForBuffering, listenForResume, buffering };
   }, [addBlock, buffering, listenForBuffering, listenForResume]);

package/dist/esm/version.mjs

@@ -1,5 +1,5 @@
 // src/version.ts
-var VERSION = "4.0.322";
+var VERSION = "4.0.324";
 export {
   VERSION
 };

package/package.json

@@ -3,7 +3,7 @@
     "url": "https://github.com/remotion-dev/remotion/tree/main/packages/core"
   },
   "name": "remotion",
-  "version": "4.0.322",
+  "version": "4.0.324",
   "description": "Make videos programmatically",
   "main": "dist/cjs/index.js",
   "types": "dist/cjs/index.d.ts",
@@ -28,7 +28,7 @@
     "webpack": "5.96.1",
     "zod": "3.22.3",
     "eslint": "9.19.0",
-    "@remotion/eslint-config-internal": "4.0.322"
+    "@remotion/eslint-config-internal": "4.0.324"
   },
   "keywords": [
     "remotion",