remotion 4.0.107 → 4.0.108

package/dist/cjs/use-buffer-state.d.ts

@@ -0,0 +1,5 @@
+export declare const useBufferState: () => {
+    delayPlayback: () => {
+        unblock: () => void;
+    };
+};

package/dist/cjs/use-buffer-state.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useBufferState = void 0;
+const react_1 = require("react");
+const buffering_1 = require("./buffering");
+const CanUseRemotionHooks_1 = require("./CanUseRemotionHooks");
+const useBufferState = () => {
+    const canUseRemotionHooks = (0, react_1.useContext)(CanUseRemotionHooks_1.CanUseRemotionHooks);
+    if (!canUseRemotionHooks) {
+        if (typeof window !== 'undefined' && window.remotion_isPlayer) {
+            throw new Error(`useCurrentFrame can only be called inside a component that was passed to <Player>. See: https://www.remotion.dev/docs/player/examples`);
+        }
+        throw new Error(`useCurrentFrame() can only be called inside a component that was registered as a composition. See https://www.remotion.dev/docs/the-fundamentals#defining-compositions`);
+    }
+    const buffer = (0, react_1.useContext)(buffering_1.BufferingContextReact);
+    if (!buffer) {
+        throw new Error('BufferingContextReact was unexpectedly not found. Most likely your Remotion versions are mismatching.');
+    }
+    return (0, react_1.useMemo)(() => ({
+        delayPlayback: () => {
+            const { unblock } = buffer.addBlock({
+                id: String(Math.random()),
+            });
+            return { unblock };
+        },
+    }), [buffer]);
+};
+exports.useBufferState = useBufferState;

package/dist/cjs/use-buffer.d.ts

@@ -1,4 +1,4 @@
-export declare const useBuffer: () => {
+export declare const useBufferState: () => {
     delayPlayback: () => {
         unblock: () => void;
     };

package/dist/cjs/use-buffer.js

@@ -1,12 +1,20 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useBuffer = void 0;
+exports.useBufferState = void 0;
 const react_1 = require("react");
 const buffering_1 = require("./buffering");
-const useBuffer = () => {
+const CanUseRemotionHooks_1 = require("./CanUseRemotionHooks");
+const useBufferState = () => {
+    const canUseRemotionHooks = (0, react_1.useContext)(CanUseRemotionHooks_1.CanUseRemotionHooks);
+    if (!canUseRemotionHooks) {
+        if (typeof window !== 'undefined' && window.remotion_isPlayer) {
+            throw new Error(`useCurrentFrame can only be called inside a component that was passed to <Player>. See: https://www.remotion.dev/docs/player/examples`);
+        }
+        throw new Error(`useCurrentFrame() can only be called inside a component that was registered as a composition. See https://www.remotion.dev/docs/the-fundamentals#defining-compositions`);
+    }
     const buffer = (0, react_1.useContext)(buffering_1.BufferingContextReact);
     if (!buffer) {
-        throw new TypeError('Can only use useBuffer() inside a Remotion composition');
+        throw new Error('BufferingContextReact was unexpectedly not found. Most likely your Remotion versions are mismatching.');
     }
     return (0, react_1.useMemo)(() => ({
         delayPlayback: () => {
@@ -17,4 +25,4 @@ const useBuffer = () => {
         },
     }), [buffer]);
 };
-exports.useBuffer = useBuffer;
+exports.useBufferState = useBufferState;

package/dist/cjs/use-media-buffering.js

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useMediaBuffering = void 0;
 const react_1 = require("react");
-const use_buffer_1 = require("./use-buffer");
+const use_buffer_state_1 = require("./use-buffer-state");
 const useMediaBuffering = (element, shouldBuffer) => {
-    const buffer = (0, use_buffer_1.useBuffer)();
+    const buffer = (0, use_buffer_state_1.useBufferState)();
     (0, react_1.useEffect)(() => {
         let cleanup = () => undefined;
         const { current } = element;

package/dist/cjs/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "4.0.107";
+export declare const VERSION = "4.0.108";

package/dist/cjs/version.js

@@ -2,4 +2,4 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VERSION = void 0;
 // Automatically generated on publish
-exports.VERSION = '4.0.107';
+exports.VERSION = '4.0.108';

package/dist/esm/index.mjs

@@ -105,7 +105,7 @@ function truthy(value) {
 }
 
 // Automatically generated on publish
-const VERSION = '4.0.107';
+const VERSION = '4.0.108';
 
 const checkMultipleRemotionVersions = () => {
     if (typeof globalThis === 'undefined') {

package/dist/esm/version.mjs

@@ -1,4 +1,4 @@
 // Automatically generated on publish
-const VERSION = '4.0.107';
+const VERSION = '4.0.108';
 
 export { VERSION };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "remotion",
-  "version": "4.0.107",
+  "version": "4.0.108",
   "description": "Render videos in React",
   "main": "dist/cjs/index.js",
   "types": "dist/cjs/index.d.ts",