remotion 4.0.86 → 4.0.87

package/dist/cjs/buffering.d.ts

@@ -14,10 +14,10 @@ type AddBlock = (block: Block) => {
     unblock: () => void;
 };
 type BufferManager = {
-    blocks: Block[];
     addBlock: AddBlock;
     listenForBuffering: ListenForBuffering;
     listenForResume: ListenForResume;
+    buffering: React.MutableRefObject<boolean>;
 };
 export declare const BufferingContextReact: React.Context<BufferManager | null>;
 export declare const BufferingProvider: React.FC<{

package/dist/cjs/buffering.js

@@ -26,50 +26,50 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.BufferingProvider = exports.BufferingContextReact = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importStar(require("react"));
-const createBufferManager = () => {
-    let blocks = [];
-    let onBufferingCallback = [];
-    let onResumeCallback = [];
-    const addBlock = (block) => {
-        blocks.push(block);
-        onBufferingCallback.forEach((callback) => callback());
+const useBufferManager = () => {
+    const [blocks, setBlocks] = (0, react_1.useState)([]);
+    const [onBufferingCallbacks, setOnBufferingCallbacks] = (0, react_1.useState)([]);
+    const [onResumeCallbacks, setOnResumeCallbacks] = (0, react_1.useState)([]);
+    const buffering = (0, react_1.useRef)(false);
+    const addBlock = (0, react_1.useCallback)((block) => {
+        setBlocks((b) => [...b, block]);
         return {
             unblock: () => {
-                blocks = blocks.filter((b) => b !== block);
-                if (blocks.length === 0) {
-                    onResumeCallback.forEach((callback) => callback());
-                }
+                setBlocks((b) => b.filter((bx) => bx !== block));
             },
         };
-    };
-    const listenForBuffering = (callback) => {
-        onBufferingCallback.push(callback);
+    }, []);
+    const listenForBuffering = (0, react_1.useCallback)((callback) => {
+        setOnBufferingCallbacks((c) => [...c, callback]);
         return {
             remove: () => {
-                onBufferingCallback = onBufferingCallback.filter((c) => c !== callback);
+                setOnBufferingCallbacks((c) => c.filter((cb) => cb !== callback));
             },
         };
-    };
-    const listenForResume = (callback) => {
-        onResumeCallback.push(callback);
+    }, []);
+    const listenForResume = (0, react_1.useCallback)((callback) => {
+        setOnResumeCallbacks((c) => [...c, callback]);
         return {
             remove: () => {
-                onResumeCallback = onResumeCallback.filter((c) => c !== callback);
+                setOnResumeCallbacks((c) => c.filter((cb) => cb !== callback));
             },
         };
-    };
-    return {
-        blocks,
-        addBlock,
-        listenForBuffering,
-        listenForResume,
-    };
+    }, []);
+    (0, react_1.useEffect)(() => {
+        if (blocks.length > 0) {
+            onBufferingCallbacks.forEach((c) => c());
+        }
+        else {
+            onResumeCallbacks.forEach((c) => c());
+        }
+    }, [blocks, onBufferingCallbacks, onResumeCallbacks]);
+    return (0, react_1.useMemo)(() => {
+        return { addBlock, listenForBuffering, listenForResume, buffering };
+    }, [addBlock, buffering, listenForBuffering, listenForResume]);
 };
 exports.BufferingContextReact = react_1.default.createContext(null);
 const BufferingProvider = ({ children }) => {
-    const [bufferManager] = (0, react_1.useState)(() => {
-        return createBufferManager();
-    });
+    const bufferManager = useBufferManager();
     return ((0, jsx_runtime_1.jsx)(exports.BufferingContextReact.Provider, { value: bufferManager, children: children }));
 };
 exports.BufferingProvider = BufferingProvider;

package/dist/cjs/use-buffer.js

@@ -8,13 +8,13 @@ const useBuffer = () => {
     if (!buffer) {
         throw new TypeError('Can only use useBuffer() inside a Remotion composition');
     }
-    return {
+    return (0, react_1.useMemo)(() => ({
         delayPlayback: () => {
             const { unblock } = buffer.addBlock({
                 id: String(Math.random()),
             });
             return { unblock };
         },
-    };
+    }), [buffer]);
 };
 exports.useBuffer = useBuffer;

package/dist/cjs/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "4.0.86";
+export declare const VERSION = "4.0.87";

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.86';
+exports.VERSION = '4.0.87';

package/dist/cjs/video/seek-until-right.js

@@ -14,7 +14,7 @@ const seekToTime = (element, desiredTime) => {
             }
             setTimeout(() => {
                 resolve(metadata.mediaTime);
-            }, displayIn + 50);
+            }, displayIn + 150);
         });
     });
     const waitForSeekedEvent = new Promise((resolve) => {

package/dist/esm/index.mjs

@@ -132,7 +132,7 @@ function truthy(value) {
 }
 
 // Automatically generated on publish
-const VERSION = '4.0.86';
+const VERSION = '4.0.87';
 
 const checkMultipleRemotionVersions = () => {
     if (typeof globalThis === 'undefined') {
@@ -4783,7 +4783,7 @@ const seekToTime = (element, desiredTime) => {
             }
             setTimeout(() => {
                 resolve(metadata.mediaTime);
-            }, displayIn + 50);
+            }, displayIn + 150);
         });
     });
     const waitForSeekedEvent = new Promise((resolve) => {

package/dist/esm/version.mjs

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

package/package.json

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