@remotion/gif 3.2.22 → 3.2.24

package/dist/Gif.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { RemotionGifProps } from './props';
 export declare const Gif: (props: RemotionGifProps) => JSX.Element;

package/dist/GifForDevelopment.js

@@ -31,6 +31,7 @@ exports.GifForDevelopment = (0, react_1.forwardRef)(({ src, width, height, onErr
     currentOnError.current = onError;
     (0, react_1.useEffect)(() => {
         let done = false;
+        let aborted = false;
         const { prom, cancel } = (0, react_tools_1.parseWithWorker)(resolvedSrc);
         const newHandle = (0, remotion_1.delayRender)('Loading <Gif /> with src=' + resolvedSrc);
         prom
@@ -44,6 +45,10 @@ exports.GifForDevelopment = (0, react_1.forwardRef)(({ src, width, height, onErr
             (0, remotion_1.continueRender)(id);
         })
             .catch((err) => {
+            if (aborted) {
+                (0, remotion_1.continueRender)(newHandle);
+                return;
+            }
             if (currentOnError.current) {
                 currentOnError.current(err);
             }
@@ -53,6 +58,7 @@ exports.GifForDevelopment = (0, react_1.forwardRef)(({ src, width, height, onErr
         });
         return () => {
             if (!done) {
+                aborted = true;
                 cancel();
             }
             (0, remotion_1.continueRender)(newHandle);
@@ -63,7 +69,7 @@ exports.GifForDevelopment = (0, react_1.forwardRef)(({ src, width, height, onErr
         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.`);
         }
-        throw new Error(`Failed to render GIF with source ${src}: "${error.message}". Render with --log=verbose to see the full stack.`);
+        throw new Error(`Failed to render GIF with source ${src}: "${error.message}".`);
     }
     const index = (0, useCurrentGifIndex_1.useCurrentGifIndex)(state.delays);
     return ((0, jsx_runtime_1.jsx)(canvas_1.Canvas, { fit: fit, index: index, frames: state.frames, width: width, height: height, ...props, ref: ref }));

package/dist/GifForRendering.js

@@ -33,6 +33,7 @@ exports.GifForRendering = (0, react_1.forwardRef)(({ src, width, height, onLoad,
     (0, react_1.useEffect)(() => {
         const controller = new AbortController();
         let done = false;
+        let aborted = false;
         const newHandle = (0, remotion_1.delayRender)('Loading <Gif /> with src=' + resolvedSrc);
         (0, react_tools_1.parseGif)({ controller, src: resolvedSrc })
             .then((parsed) => {
@@ -45,6 +46,10 @@ exports.GifForRendering = (0, react_1.forwardRef)(({ src, width, height, onLoad,
             (0, remotion_1.continueRender)(id);
         })
             .catch((err) => {
+            if (aborted) {
+                (0, remotion_1.continueRender)(newHandle);
+                return;
+            }
             if (currentOnError.current) {
                 currentOnError.current(err);
             }
@@ -54,6 +59,7 @@ exports.GifForRendering = (0, react_1.forwardRef)(({ src, width, height, onLoad,
         });
         return () => {
             if (!done) {
+                aborted = true;
                 controller.abort();
             }
             (0, remotion_1.continueRender)(newHandle);

package/dist/canvas.js

@@ -67,7 +67,7 @@ exports.Canvas = (0, react_1.forwardRef)(({ index, frames, width, height, fit, c
     const size = (0, use_element_size_1.useElementSize)(canvasRef);
     (0, react_1.useImperativeHandle)(ref, () => {
         return canvasRef.current;
-    });
+    }, []);
     (0, react_1.useEffect)(() => {
         var _a;
         if (!size) {

package/dist/react-tools.js

@@ -8,11 +8,8 @@ const parseGif = async ({ src, controller, }) => {
     return (0, parse_generate_1.generate)(raw);
 };
 exports.parseGif = parseGif;
-let worker = null;
 const parseWithWorker = (src) => {
-    if (!worker) {
-        worker = (0, worker_1.makeWorker)();
-    }
+    const worker = (0, worker_1.makeWorker)();
     let handler = null;
     const prom = new Promise((resolve, reject) => {
         handler = (e) => {
@@ -35,6 +32,7 @@ const parseWithWorker = (src) => {
         cancel: () => {
             worker.postMessage({ src, type: 'cancel' });
             worker.removeEventListener('message', handler);
+            worker.terminate();
         },
     };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@remotion/gif",
-	"version": "3.2.22",
+	"version": "3.2.24",
 	"description": "Gif component for remotion",
 	"sideEffects": false,
 	"repository": {
@@ -21,8 +21,9 @@
 		"watch": "tsc -w"
 	},
 	"dependencies": {
+		"gifuct-js": "2.1.2",
 		"lru_map": "0.4.1",
-		"remotion": "3.2.22"
+		"remotion": "3.2.24"
 	},
 	"devDependencies": {
 		"@jonny/eslint-config": "3.0.266",
@@ -30,14 +31,13 @@
 		"@types/react": "18.0.1",
 		"@types/react-dom": "18.0.0",
 		"eslint": "8.13.0",
-		"gifuct-js": "2.1.2",
 		"jest": "^27.2.4",
 		"prettier": "2.6.2",
 		"prettier-plugin-organize-imports": "^2.3.4",
 		"react": "18.0.0",
 		"react-dom": "18.0.0",
 		"typescript": "^4.7.0",
-		"webpack": "5.72.0"
+		"webpack": "5.74.0"
 	},
 	"peerDependencies": {
 		"react": ">=16.8.0",
@@ -54,5 +54,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "1c35638566717760bb394e0748b088cea15faff4"
+	"gitHead": "1f11ef8d122eadb6d6f6aa0570ffc4936d43a886"
 }

package/dist/get-gif-duration.d.ts

@@ -1 +0,0 @@
-export declare const getGifDurationInSeconds: (src: string) => Promise<number>;

package/dist/get-gif-duration.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getGifDurationInSeconds = void 0;
-const remotion_1 = require("remotion");
-const react_tools_1 = require("./react-tools");
-const getGifDurationInSeconds = async (src) => {
-    const resolvedSrc = new URL(src, window.location.origin).href;
-    if (remotion_1.Internals.getRemotionEnvironment() === 'rendering') {
-        const renderingParsed = (0, react_tools_1.parseWithWorker)(resolvedSrc);
-        return ((await renderingParsed.prom).delays.reduce((sum, delay) => sum + delay, 0) / 1000);
-    }
-    const parsed = await (0, react_tools_1.parseGif)({
-        src: resolvedSrc,
-        controller: new AbortController(),
-    });
-    return (parsed.delays.reduce((sum, delay) => sum + delay, 0) / 1000);
-};
-exports.getGifDurationInSeconds = getGifDurationInSeconds;