@remotion/gif 4.0.250 → 4.0.252

package/.turbo/turbo-make.log

@@ -1,5 +1,5 @@
 
 
-> @remotion/gif@4.0.249 make /Users/jonathanburger/remotion/packages/gif
+> @remotion/gif@4.0.251 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/cjs/get-gif-duration-in-seconds.js

@@ -4,6 +4,7 @@ exports.getGifDurationInSeconds = void 0;
 const remotion_1 = require("remotion");
 const gif_cache_1 = require("./gif-cache");
 const react_tools_1 = require("./react-tools");
+const resolve_gif_source_1 = require("./resolve-gif-source");
 const calcDuration = (parsed) => {
     return (parsed.delays.reduce((sum, delay) => sum + delay, 0) / 1000);
 };
@@ -13,7 +14,7 @@ const calcDuration = (parsed) => {
  */
 const getGifDurationInSeconds = async (src) => {
     var _a;
-    const resolvedSrc = new URL(src, window.origin).href;
+    const resolvedSrc = (0, resolve_gif_source_1.resolveGifSource)(src);
     const inCache = (_a = gif_cache_1.volatileGifCache.get(resolvedSrc)) !== null && _a !== void 0 ? _a : gif_cache_1.manuallyManagedGifCache.get(resolvedSrc);
     if (inCache) {
         return calcDuration(inCache);

package/dist/esm/index.mjs

@@ -787,12 +787,20 @@ var parseWithWorker = (src2) => {
   };
 };
 
+// src/resolve-gif-source.ts
+var resolveGifSource = (src2) => {
+  if (typeof window === "undefined") {
+    return src2;
+  }
+  return new URL(src2, window.origin).href;
+};
+
 // src/get-gif-duration-in-seconds.ts
 var calcDuration = (parsed) => {
   return parsed.delays.reduce((sum, delay) => sum + delay, 0) / 1000;
 };
 var getGifDurationInSeconds = async (src2) => {
-  const resolvedSrc = new URL(src2, window.origin).href;
+  const resolvedSrc = resolveGifSource(src2);
   const inCache = volatileGifCache.get(resolvedSrc) ?? manuallyManagedGifCache.get(resolvedSrc);
   if (inCache) {
     return calcDuration(inCache);
@@ -992,14 +1000,6 @@ var isCorsError = (error) => {
   return error.message.includes("Failed to fetch") || error.message.includes("Load failed") || error.message.includes("NetworkError when attempting to fetch resource");
 };
 
-// src/resolve-gif-source.ts
-var resolveGifSource = (src2) => {
-  if (typeof window === "undefined") {
-    return src2;
-  }
-  return new URL(src2, window.origin).href;
-};
-
 // src/useCurrentGifIndex.tsx
 import { useMemo as useMemo2 } from "react";
 import { useCurrentFrame, useVideoConfig } from "remotion";
@@ -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.250",
+  "version": "4.0.252",
   "description": "Embed GIFs in a Remotion video",
   "sideEffects": false,
   "bugs": {
@@ -24,7 +24,7 @@
     }
   },
   "dependencies": {
-    "remotion": "4.0.250"
+    "remotion": "4.0.252"
   },
   "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.250"
+    "@remotion/eslint-config-internal": "4.0.252"
   },
   "peerDependencies": {
     "react": ">=16.8.0",