@remotion/gif 4.0.251 → 4.0.253

package/.turbo/turbo-make.log

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

package/dist/cjs/GifForRendering.js

@@ -2,7 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.GifForRendering = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-/* eslint-disable no-console */
 const react_1 = require("react");
 const remotion_1 = require("remotion");
 const canvas_1 = require("./canvas");
@@ -26,12 +25,13 @@ exports.GifForRendering = (0, react_1.forwardRef)(({ src, width, height, onLoad,
         return parsedGif;
     });
     const [error, setError] = (0, react_1.useState)(null);
-    const [id] = (0, react_1.useState)(() => (0, remotion_1.delayRender)(`Rendering <Gif/> with src="${resolvedSrc}"`));
+    const [renderHandle] = (0, react_1.useState)(() => (0, remotion_1.delayRender)(`Rendering <Gif/> with src="${resolvedSrc}"`));
+    const logLevel = remotion_1.Internals.useLogLevel();
     (0, react_1.useEffect)(() => {
         return () => {
-            (0, remotion_1.continueRender)(id);
+            (0, remotion_1.continueRender)(renderHandle);
         };
-    }, [id]);
+    }, [renderHandle]);
     const index = (0, useCurrentGifIndex_1.useCurrentGifIndex)({
         delays: state.delays,
         loopBehavior,
@@ -46,21 +46,25 @@ exports.GifForRendering = (0, react_1.forwardRef)(({ src, width, height, onLoad,
         let done = false;
         let aborted = false;
         const newHandle = (0, remotion_1.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 })
             .then((parsed) => {
             var _a;
+            remotion_1.Internals.Log.verbose(logLevel, 'Parsed GIF in', Date.now() - time, 'ms');
             (_a = currentOnLoad.current) === null || _a === void 0 ? void 0 : _a.call(currentOnLoad, parsed);
             update(parsed);
             gif_cache_1.volatileGifCache.set(resolvedSrc, parsed);
             done = true;
             (0, remotion_1.continueRender)(newHandle);
-            (0, remotion_1.continueRender)(id);
+            (0, remotion_1.continueRender)(renderHandle);
         })
             .catch((err) => {
             if (aborted) {
                 (0, remotion_1.continueRender)(newHandle);
                 return;
             }
+            remotion_1.Internals.Log.error('Failed to load GIF', err);
             if (currentOnError.current) {
                 currentOnError.current(err);
             }
@@ -74,10 +78,11 @@ exports.GifForRendering = (0, react_1.forwardRef)(({ src, width, height, onLoad,
                 controller.abort();
             }
             (0, remotion_1.continueRender)(newHandle);
+            (0, remotion_1.continueRender)(renderHandle);
         };
-    }, [id, resolvedSrc]);
+    }, [renderHandle, logLevel, resolvedSrc]);
     if (error) {
-        console.error(error.stack);
+        remotion_1.Internals.Log.error(error.stack);
         if ((0, is_cors_error_1.isCorsError)(error)) {
             throw new Error(`Failed to render GIF with source ${src}: "${error.message}". You must enable CORS for this URL.`);
         }

package/dist/esm/index.mjs

@@ -1129,7 +1129,7 @@ var GifForDevelopment = forwardRef2(({
 
 // src/GifForRendering.tsx
 import { forwardRef as forwardRef3, useEffect as useEffect4, useRef as useRef3, useState as useState4 } from "react";
-import { continueRender as continueRender2, delayRender as delayRender2 } from "remotion";
+import { continueRender as continueRender2, delayRender as delayRender2, Internals } from "remotion";
 import { jsx as jsx3 } from "react/jsx-runtime";
 var GifForRendering = forwardRef3(({
   src: src2,
@@ -1156,12 +1156,13 @@ var GifForRendering = forwardRef3(({
     return parsedGif;
   });
   const [error, setError] = useState4(null);
-  const [id] = useState4(() => delayRender2(`Rendering <Gif/> with src="${resolvedSrc}"`));
+  const [renderHandle] = useState4(() => delayRender2(`Rendering <Gif/> with src="${resolvedSrc}"`));
+  const logLevel = Internals.useLogLevel();
   useEffect4(() => {
     return () => {
-      continueRender2(id);
+      continueRender2(renderHandle);
     };
-  }, [id]);
+  }, [renderHandle]);
   const index = useCurrentGifIndex({
     delays: state.delays,
     loopBehavior,
@@ -1176,18 +1177,22 @@ var GifForRendering = forwardRef3(({
     let done = false;
     let aborted = false;
     const newHandle = delayRender2("Loading <Gif /> with src=" + resolvedSrc);
+    Internals.Log.verbose(logLevel, "Loading GIF with source", resolvedSrc);
+    const time = Date.now();
     parseGif({ controller, src: resolvedSrc }).then((parsed) => {
+      Internals.Log.verbose(logLevel, "Parsed GIF in", Date.now() - time, "ms");
       currentOnLoad.current?.(parsed);
       update(parsed);
       volatileGifCache.set(resolvedSrc, parsed);
       done = true;
       continueRender2(newHandle);
-      continueRender2(id);
+      continueRender2(renderHandle);
     }).catch((err) => {
       if (aborted) {
         continueRender2(newHandle);
         return;
       }
+      Internals.Log.error("Failed to load GIF", err);
       if (currentOnError.current) {
         currentOnError.current(err);
       } else {
@@ -1200,10 +1205,11 @@ var GifForRendering = forwardRef3(({
         controller.abort();
       }
       continueRender2(newHandle);
+      continueRender2(renderHandle);
     };
-  }, [id, resolvedSrc]);
+  }, [renderHandle, logLevel, resolvedSrc]);
   if (error) {
-    console.error(error.stack);
+    Internals.Log.error(error.stack);
     if (isCorsError(error)) {
       throw new Error(`Failed to render GIF with source ${src2}: "${error.message}". You must enable CORS for this URL.`);
     }

package/eslint.config.mjs

@@ -2,9 +2,4 @@ import {remotionFlatConfig} from '@remotion/eslint-config-internal';
 
 const config = remotionFlatConfig({react: true});
 
-export default {
-	...config,
-	rules: {
-		...config.rules,
-	},
-};
+export default config;

package/package.json

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