@remotion/gif 3.3.37 → 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.37",
+	"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.37"
+		"remotion": "3.3.38"
 	},
 	"devDependencies": {
 		"@jonny/eslint-config": "3.0.266",
@@ -53,5 +53,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "ead6bdacc14a9953cae738159c49bf3daf09e9b0"
+	"gitHead": "ac58695e452e58deb5c010f09bcc94d036930e6c"
 }

package/dist/ts-schema-binary-parser/index.d.ts

@@ -1,4 +0,0 @@
-import type { CondFunction, ParseFun, Result, Stream } from './types';
-export declare const parse: (stream: Stream, schema: any, result?: Result, parent?: Result) => Result;
-export declare const conditional: (schema: any, conditionFunc: CondFunction) => (stream: any, result: Result, parent: Result, _parse: ParseFun) => void;
-export declare const loop: (schema: any, continueFunc: any) => (stream: any, result: any, parent: any, parse: any) => {}[];

package/dist/ts-schema-binary-parser/index.js

@@ -1,46 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.loop = exports.conditional = exports.parse = void 0;
-const parse = (stream, schema, result = {}, parent = result) => {
-    if (Array.isArray(schema)) {
-        schema.forEach((partSchema) => (0, exports.parse)(stream, partSchema, result, parent));
-    }
-    else if (typeof schema === 'function') {
-        schema(stream, result, parent, exports.parse);
-    }
-    else {
-        const key = Object.keys(schema)[0];
-        if (Array.isArray(schema[key])) {
-            parent[key] = {};
-            (0, exports.parse)(stream, schema[key], result, parent[key]);
-        }
-        else {
-            parent[key] = schema[key](stream, result, parent, exports.parse);
-        }
-    }
-    return result;
-};
-exports.parse = parse;
-const conditional = (schema, conditionFunc) => (stream, result, parent, _parse) => {
-    if (conditionFunc(stream, result, parent)) {
-        _parse(stream, schema, result, parent);
-    }
-};
-exports.conditional = conditional;
-const loop = (schema, continueFunc) => (stream, result, parent, parse) => {
-    const arr = [];
-    let lastStreamPos = stream.pos;
-    while (continueFunc(stream, result, parent)) {
-        const newParent = {};
-        parse(stream, schema, result, newParent);
-        // cases when whole file is parsed but no termination is there and stream position is not getting updated as well
-        // it falls into infinite recursion, null check to avoid the same
-        if (stream.pos === lastStreamPos) {
-            break;
-        }
-        lastStreamPos = stream.pos;
-        arr.push(newParent);
-    }
-    return arr;
-};
-exports.loop = loop;

package/dist/ts-schema-binary-parser/types.d.ts

@@ -1,7 +0,0 @@
-export declare type Schema = SchemaFun | Schema[] | SchemaFun[] | Record<string, Schema>;
-export declare type Stream = unknown;
-export declare type Result = Record<string, unknown>;
-export declare type CondFunction = (a: Stream, b: Result, c: unknown) => boolean;
-export declare type ParseFun = (a: Stream, b: Schema, c: Result | undefined, d: Result | undefined) => Result;
-declare type SchemaFun = (stream: Stream, res: Result, parent: Result | undefined, parseFn: ParseFun) => void;
-export {};

package/dist/ts-schema-binary-parser/types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });