@remotion/gif 4.0.342 → 4.0.345

package/.turbo/turbo-make.log

@@ -1,5 +1,5 @@
 
 
-> @remotion/gif@4.0.342 make /Users/jonathanburger/remotion/packages/gif
+> @remotion/gif@4.0.345 make /Users/jonathanburger/remotion/packages/gif
 > tsc -d && node build.mjs && bun --env-file=../.env.bundle bundle.ts
 

package/dist/cjs/GifForRendering.js

@@ -12,6 +12,7 @@ const resolve_gif_source_1 = require("./resolve-gif-source");
 const useCurrentGifIndex_1 = require("./useCurrentGifIndex");
 exports.GifForRendering = (0, react_1.forwardRef)(({ src, width, height, onLoad, onError, loopBehavior = 'loop', playbackRate = 1, fit = 'fill', ...props }, ref) => {
     const resolvedSrc = (0, resolve_gif_source_1.resolveGifSource)(src);
+    const { delayRender, continueRender } = (0, remotion_1.useDelayRender)();
     const [state, update] = (0, react_1.useState)(() => {
         const parsedGif = gif_cache_1.volatileGifCache.get(resolvedSrc);
         if (parsedGif === undefined) {
@@ -25,13 +26,13 @@ exports.GifForRendering = (0, react_1.forwardRef)(({ src, width, height, onLoad,
         return parsedGif;
     });
     const [error, setError] = (0, react_1.useState)(null);
-    const [renderHandle] = (0, react_1.useState)(() => (0, remotion_1.delayRender)(`Rendering <Gif/> with src="${resolvedSrc}"`));
+    const [renderHandle] = (0, react_1.useState)(() => delayRender(`Rendering <Gif/> with src="${resolvedSrc}"`));
     const logLevel = remotion_1.Internals.useLogLevel();
     (0, react_1.useEffect)(() => {
         return () => {
-            (0, remotion_1.continueRender)(renderHandle);
+            continueRender(renderHandle);
         };
-    }, [renderHandle]);
+    }, [renderHandle, continueRender]);
     const index = (0, useCurrentGifIndex_1.useCurrentGifIndex)({
         delays: state.delays,
         loopBehavior,
@@ -45,7 +46,7 @@ exports.GifForRendering = (0, react_1.forwardRef)(({ src, width, height, onLoad,
         const controller = new AbortController();
         let done = false;
         let aborted = false;
-        const newHandle = (0, remotion_1.delayRender)('Loading <Gif /> with src=' + resolvedSrc);
+        const newHandle = delayRender('Loading <Gif /> with src=' + resolvedSrc);
         remotion_1.Internals.Log.verbose(logLevel, 'Loading GIF with source', resolvedSrc);
         const time = Date.now();
         (0, react_tools_1.parseGif)({ controller, src: resolvedSrc })
@@ -56,12 +57,12 @@ exports.GifForRendering = (0, react_1.forwardRef)(({ src, width, height, onLoad,
             update(parsed);
             gif_cache_1.volatileGifCache.set(resolvedSrc, parsed);
             done = true;
-            (0, remotion_1.continueRender)(newHandle);
-            (0, remotion_1.continueRender)(renderHandle);
+            continueRender(newHandle);
+            continueRender(renderHandle);
         })
             .catch((err) => {
             if (aborted) {
-                (0, remotion_1.continueRender)(newHandle);
+                continueRender(newHandle);
                 return;
             }
             remotion_1.Internals.Log.error('Failed to load GIF', err);
@@ -77,10 +78,10 @@ exports.GifForRendering = (0, react_1.forwardRef)(({ src, width, height, onLoad,
                 aborted = true;
                 controller.abort();
             }
-            (0, remotion_1.continueRender)(newHandle);
-            (0, remotion_1.continueRender)(renderHandle);
+            continueRender(newHandle);
+            continueRender(renderHandle);
         };
-    }, [renderHandle, logLevel, resolvedSrc]);
+    }, [renderHandle, logLevel, resolvedSrc, delayRender, continueRender]);
     if (error) {
         remotion_1.Internals.Log.error(error.stack);
         if ((0, is_cors_error_1.isCorsError)(error)) {

package/dist/esm/index.mjs

@@ -1122,7 +1122,7 @@ var GifForDevelopment = forwardRef2(({
 
 // src/GifForRendering.tsx
 import { forwardRef as forwardRef3, useEffect as useEffect4, useRef as useRef3, useState as useState4 } from "react";
-import { continueRender, delayRender, Internals } from "remotion";
+import { Internals, useDelayRender } from "remotion";
 import { jsx as jsx3 } from "react/jsx-runtime";
 var GifForRendering = forwardRef3(({
   src: src2,
@@ -1136,6 +1136,7 @@ var GifForRendering = forwardRef3(({
   ...props
 }, ref) => {
   const resolvedSrc = resolveGifSource(src2);
+  const { delayRender, continueRender } = useDelayRender();
   const [state, update] = useState4(() => {
     const parsedGif = volatileGifCache.get(resolvedSrc);
     if (parsedGif === undefined) {
@@ -1155,7 +1156,7 @@ var GifForRendering = forwardRef3(({
     return () => {
       continueRender(renderHandle);
     };
-  }, [renderHandle]);
+  }, [renderHandle, continueRender]);
   const index = useCurrentGifIndex({
     delays: state.delays,
     loopBehavior,
@@ -1200,7 +1201,7 @@ var GifForRendering = forwardRef3(({
       continueRender(newHandle);
       continueRender(renderHandle);
     };
-  }, [renderHandle, logLevel, resolvedSrc]);
+  }, [renderHandle, logLevel, resolvedSrc, delayRender, continueRender]);
   if (error) {
     Internals.Log.error(error.stack);
     if (isCorsError(error)) {

package/package.json

@@ -3,7 +3,7 @@
     "url": "https://github.com/remotion-dev/remotion/tree/main/packages/gif"
   },
   "name": "@remotion/gif",
-  "version": "4.0.342",
+  "version": "4.0.345",
   "description": "Embed GIFs in a Remotion video",
   "sideEffects": false,
   "bugs": {
@@ -24,7 +24,7 @@
     }
   },
   "dependencies": {
-    "remotion": "4.0.342"
+    "remotion": "4.0.345"
   },
   "devDependencies": {
     "esbuild": "0.25.0",
@@ -32,7 +32,7 @@
     "react-dom": "19.0.0",
     "webpack": "5.96.1",
     "eslint": "9.19.0",
-    "@remotion/eslint-config-internal": "4.0.342"
+    "@remotion/eslint-config-internal": "4.0.345"
   },
   "peerDependencies": {
     "react": ">=16.8.0",