@remotion/gif 3.3.36 → 3.3.38

package/dist/Gif.js

@@ -6,7 +6,8 @@ const remotion_1 = require("remotion");
 const GifForDevelopment_1 = require("./GifForDevelopment");
 const GifForRendering_1 = require("./GifForRendering");
 const Gif = (props) => {
-    if (remotion_1.Internals.getRemotionEnvironment() === 'rendering') {
+    const env = remotion_1.Internals.useRemotionEnvironment();
+    if (env === 'rendering') {
         return (0, jsx_runtime_1.jsx)(GifForRendering_1.GifForRendering, { ...props });
     }
     return (0, jsx_runtime_1.jsx)(GifForDevelopment_1.GifForDevelopment, { ...props });

package/dist/GifForDevelopment.js

@@ -8,11 +8,13 @@ const canvas_1 = require("./canvas");
 const gif_cache_1 = require("./gif-cache");
 const is_cors_error_1 = require("./is-cors-error");
 const react_tools_1 = require("./react-tools");
+const resolve_gif_source_1 = require("./resolve-gif-source");
 const useCurrentGifIndex_1 = require("./useCurrentGifIndex");
 exports.GifForDevelopment = (0, react_1.forwardRef)(({ src, width, height, onError, loopBehavior = 'loop', onLoad, fit = 'fill', ...props }, ref) => {
-    const resolvedSrc = new URL(src, typeof window === 'undefined' ? undefined : window.location.origin).href;
+    const resolvedSrc = (0, resolve_gif_source_1.resolveGifSource)(src);
     const [state, update] = (0, react_1.useState)(() => {
-        const parsedGif = gif_cache_1.gifCache.get(resolvedSrc);
+        var _a;
+        const parsedGif = (_a = gif_cache_1.volatileGifCache.get(resolvedSrc)) !== null && _a !== void 0 ? _a : gif_cache_1.manuallyManagedGifCache.get(resolvedSrc);
         if (parsedGif === undefined) {
             return {
                 delays: [],
@@ -39,7 +41,7 @@ exports.GifForDevelopment = (0, react_1.forwardRef)(({ src, width, height, onErr
             var _a;
             (_a = currentOnLoad.current) === null || _a === void 0 ? void 0 : _a.call(currentOnLoad, parsed);
             update(parsed);
-            gif_cache_1.gifCache.set(resolvedSrc, parsed);
+            gif_cache_1.volatileGifCache.set(resolvedSrc, parsed);
             done = true;
             (0, remotion_1.continueRender)(newHandle);
             (0, remotion_1.continueRender)(id);

package/dist/GifForRendering.js

@@ -8,11 +8,12 @@ const canvas_1 = require("./canvas");
 const gif_cache_1 = require("./gif-cache");
 const is_cors_error_1 = require("./is-cors-error");
 const react_tools_1 = require("./react-tools");
+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', fit = 'fill', ...props }, ref) => {
-    const resolvedSrc = new URL(src, window.location.origin).href;
+    const resolvedSrc = (0, resolve_gif_source_1.resolveGifSource)(src);
     const [state, update] = (0, react_1.useState)(() => {
-        const parsedGif = gif_cache_1.gifCache.get(resolvedSrc);
+        const parsedGif = gif_cache_1.volatileGifCache.get(resolvedSrc);
         if (parsedGif === undefined) {
             return {
                 delays: [],
@@ -40,7 +41,7 @@ exports.GifForRendering = (0, react_1.forwardRef)(({ src, width, height, onLoad,
             var _a;
             (_a = currentOnLoad.current) === null || _a === void 0 ? void 0 : _a.call(currentOnLoad, parsed);
             update(parsed);
-            gif_cache_1.gifCache.set(resolvedSrc, parsed);
+            gif_cache_1.volatileGifCache.set(resolvedSrc, parsed);
             done = true;
             (0, remotion_1.continueRender)(newHandle);
             (0, remotion_1.continueRender)(id);

package/dist/get-gif-duration-in-seconds.js

@@ -8,22 +8,23 @@ const calcDuration = (parsed) => {
     return (parsed.delays.reduce((sum, delay) => sum + delay, 0) / 1000);
 };
 const getGifDurationInSeconds = async (src) => {
+    var _a;
     const resolvedSrc = new URL(src, window.location.origin).href;
-    const inCache = gif_cache_1.gifCache.get(resolvedSrc);
+    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);
     }
     if (remotion_1.Internals.getRemotionEnvironment() === 'rendering') {
         const renderingParsed = (0, react_tools_1.parseWithWorker)(resolvedSrc);
         const resolved = await renderingParsed.prom;
-        gif_cache_1.gifCache.set(resolvedSrc, resolved);
+        gif_cache_1.volatileGifCache.set(resolvedSrc, resolved);
         return calcDuration(resolved);
     }
     const parsed = await (0, react_tools_1.parseGif)({
         src: resolvedSrc,
         controller: new AbortController(),
     });
-    gif_cache_1.gifCache.set(resolvedSrc, parsed);
+    gif_cache_1.volatileGifCache.set(resolvedSrc, parsed);
     return calcDuration(parsed);
 };
 exports.getGifDurationInSeconds = getGifDurationInSeconds;

package/dist/gif-cache.d.ts

@@ -1,3 +1,4 @@
 import { LRUMap } from 'lru_map';
 import type { GifState } from './props';
-export declare const gifCache: LRUMap<string, GifState>;
+export declare const volatileGifCache: LRUMap<string, GifState>;
+export declare const manuallyManagedGifCache: Map<string, GifState>;

package/dist/gif-cache.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.gifCache = void 0;
+exports.manuallyManagedGifCache = exports.volatileGifCache = void 0;
 const lru_map_1 = require("lru_map");
-exports.gifCache = new lru_map_1.LRUMap(30);
+exports.volatileGifCache = new lru_map_1.LRUMap(30);
+exports.manuallyManagedGifCache = new Map();

package/dist/index.d.ts

@@ -1,3 +1,4 @@
 export { getGifDurationInSeconds } from './get-gif-duration-in-seconds';
 export { Gif } from './Gif';
+export { preloadGif } from './preload-gif';
 export { GifFillMode, RemotionGifProps } from './props';

package/dist/index.js

@@ -1,7 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Gif = exports.getGifDurationInSeconds = void 0;
+exports.preloadGif = exports.Gif = exports.getGifDurationInSeconds = void 0;
 var get_gif_duration_in_seconds_1 = require("./get-gif-duration-in-seconds");
 Object.defineProperty(exports, "getGifDurationInSeconds", { enumerable: true, get: function () { return get_gif_duration_in_seconds_1.getGifDurationInSeconds; } });
 var Gif_1 = require("./Gif");
 Object.defineProperty(exports, "Gif", { enumerable: true, get: function () { return Gif_1.Gif; } });
+var preload_gif_1 = require("./preload-gif");
+Object.defineProperty(exports, "preloadGif", { enumerable: true, get: function () { return preload_gif_1.preloadGif; } });

package/dist/preload-gif.d.ts

@@ -0,0 +1,4 @@
+export declare const preloadGif: (src: string) => {
+    waitUntilDone: () => Promise<void>;
+    free: () => void;
+};

package/dist/preload-gif.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.preloadGif = void 0;
+const gif_cache_1 = require("./gif-cache");
+const react_tools_1 = require("./react-tools");
+const resolve_gif_source_1 = require("./resolve-gif-source");
+const preloadGif = (src) => {
+    const resolvedSrc = (0, resolve_gif_source_1.resolveGifSource)(src);
+    if (gif_cache_1.volatileGifCache.has(resolvedSrc)) {
+        return {
+            waitUntilDone: () => Promise.resolve(),
+            free: () => gif_cache_1.volatileGifCache.delete(resolvedSrc),
+        };
+    }
+    if (gif_cache_1.manuallyManagedGifCache.has(resolvedSrc)) {
+        return {
+            waitUntilDone: () => Promise.resolve(),
+            free: () => gif_cache_1.manuallyManagedGifCache.delete(resolvedSrc),
+        };
+    }
+    const { prom, cancel } = (0, react_tools_1.parseWithWorker)(resolvedSrc);
+    let deleted = false;
+    prom.then((p) => {
+        if (!deleted) {
+            gif_cache_1.manuallyManagedGifCache.set(resolvedSrc, p);
+        }
+    });
+    return {
+        waitUntilDone: () => prom.then(() => undefined),
+        free: () => {
+            cancel();
+            deleted = true;
+            gif_cache_1.manuallyManagedGifCache.delete(resolvedSrc);
+        },
+    };
+};
+exports.preloadGif = preloadGif;

package/dist/resolve-gif-source.d.ts

@@ -0,0 +1 @@
+export declare const resolveGifSource: (src: string) => string;

package/dist/resolve-gif-source.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.resolveGifSource = void 0;
+const resolveGifSource = (src) => {
+    return new URL(src, typeof window === 'undefined' ? undefined : window.location.origin).href;
+};
+exports.resolveGifSource = resolveGifSource;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@remotion/gif",
-	"version": "3.3.36",
+	"version": "3.3.38",
 	"description": "Gif component for remotion",
 	"sideEffects": false,
 	"repository": {
@@ -23,7 +23,7 @@
 	"dependencies": {
 		"js-binary-schema-parser": "^2.0.3",
 		"lru_map": "0.4.1",
-		"remotion": "3.3.36"
+		"remotion": "3.3.38"
 	},
 	"devDependencies": {
 		"@jonny/eslint-config": "3.0.266",
@@ -53,5 +53,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "623bf1e883e7b26b9d02458037c930ccbe8857e4"
+	"gitHead": "ac58695e452e58deb5c010f09bcc94d036930e6c"
 }