@remotion/gif 3.3.33 → 3.3.35

package/dist/GifForDevelopment.js

@@ -9,8 +9,8 @@ const gif_cache_1 = require("./gif-cache");
 const is_cors_error_1 = require("./is-cors-error");
 const react_tools_1 = require("./react-tools");
 const useCurrentGifIndex_1 = require("./useCurrentGifIndex");
-exports.GifForDevelopment = (0, react_1.forwardRef)(({ src, width, height, onError, onLoad, fit = 'fill', ...props }, ref) => {
-    const resolvedSrc = new URL(src, window.location.origin).href;
+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 [state, update] = (0, react_1.useState)(() => {
         const parsedGif = gif_cache_1.gifCache.get(resolvedSrc);
         if (parsedGif === undefined) {
@@ -71,6 +71,9 @@ exports.GifForDevelopment = (0, react_1.forwardRef)(({ src, width, height, onErr
         }
         throw new Error(`Failed to render GIF with source ${src}: "${error.message}".`);
     }
-    const index = (0, useCurrentGifIndex_1.useCurrentGifIndex)(state.delays);
+    const index = (0, useCurrentGifIndex_1.useCurrentGifIndex)(state.delays, loopBehavior);
+    if (index === -1) {
+        return null;
+    }
     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

@@ -9,7 +9,7 @@ const gif_cache_1 = require("./gif-cache");
 const is_cors_error_1 = require("./is-cors-error");
 const react_tools_1 = require("./react-tools");
 const useCurrentGifIndex_1 = require("./useCurrentGifIndex");
-exports.GifForRendering = (0, react_1.forwardRef)(({ src, width, height, onLoad, onError, fit = 'fill', ...props }, ref) => {
+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 [state, update] = (0, react_1.useState)(() => {
         const parsedGif = gif_cache_1.gifCache.get(resolvedSrc);
@@ -25,7 +25,7 @@ exports.GifForRendering = (0, react_1.forwardRef)(({ src, width, height, onLoad,
     });
     const [error, setError] = (0, react_1.useState)(null);
     const [id] = (0, react_1.useState)(() => (0, remotion_1.delayRender)(`Rendering <Gif/> with src="${resolvedSrc}"`));
-    const index = (0, useCurrentGifIndex_1.useCurrentGifIndex)(state.delays);
+    const index = (0, useCurrentGifIndex_1.useCurrentGifIndex)(state.delays, loopBehavior);
     const currentOnLoad = (0, react_1.useRef)(onLoad);
     const currentOnError = (0, react_1.useRef)(onError);
     currentOnLoad.current = onLoad;
@@ -72,5 +72,8 @@ exports.GifForRendering = (0, react_1.forwardRef)(({ src, width, height, onLoad,
         }
         throw new Error(`Failed to render GIF with source ${src}: "${error.message}". Render with --log=verbose to see the full stack.`);
     }
+    if (index === -1) {
+        return null;
+    }
     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/canvas.js

@@ -53,6 +53,9 @@ const calcArgs = (fit, frameSize, canvasSize) => {
     }
 };
 const makeCanvas = () => {
+    if (typeof document === 'undefined') {
+        return null;
+    }
     const canvas = document.createElement('canvas');
     const ctx = canvas.getContext('2d');
     canvas.width = 0;

package/dist/gifuct/index.d.ts

@@ -1,8 +1,4 @@
 import type { Frame, ParsedFrameWithoutPatch, ParsedGif } from './types';
 export declare const parseGIF: (arrayBuffer: ArrayBuffer) => any;
-export declare const decompressFrame: (frame: Frame, gct: [
-    number,
-    number,
-    number
-][]) => ParsedFrameWithoutPatch | undefined;
+export declare const decompressFrame: (frame: Frame, gct: [number, number, number][]) => ParsedFrameWithoutPatch | undefined;
 export declare const decompressFrames: (parsedGif: ParsedGif) => (ParsedFrameWithoutPatch | undefined)[];

package/dist/props.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+export declare type GifLoopBehavior = 'loop' | 'pause-after-finish' | 'unmount-after-finish';
 export declare type RemotionGifProps = {
     src: string;
     width?: number;
@@ -12,6 +13,7 @@ export declare type RemotionGifProps = {
     onError?: (error: Error) => void;
     fit?: GifFillMode;
     style?: React.CSSProperties;
+    loopBehavior?: GifLoopBehavior;
 };
 export declare type GifState = {
     delays: number[];

package/dist/useCurrentGifIndex.d.ts

@@ -1 +1,2 @@
-export declare function useCurrentGifIndex(delays: number[]): number;
+import type { GifLoopBehavior } from './props';
+export declare function useCurrentGifIndex(delays: number[], loopBehavior: GifLoopBehavior): number;

package/dist/useCurrentGifIndex.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useCurrentGifIndex = void 0;
 const react_1 = require("react");
 const remotion_1 = require("remotion");
-function useCurrentGifIndex(delays) {
+function useCurrentGifIndex(delays, loopBehavior) {
     const currentFrame = (0, remotion_1.useCurrentFrame)();
     const videoConfig = (0, remotion_1.useVideoConfig)();
     const duration = (0, react_1.useMemo)(() => {
@@ -12,19 +12,24 @@ function useCurrentGifIndex(delays) {
         }
         return 1;
     }, [delays]);
-    const index = (0, react_1.useMemo)(() => {
-        if (delays.length === 0) {
-            return 0;
-        }
-        let currentTime = ((currentFrame / videoConfig.fps) * 1000) % duration;
-        for (const [i, delay] of delays.entries()) {
-            if (currentTime < delay) {
-                return i;
-            }
-            currentTime -= delay;
-        }
+    if (delays.length === 0) {
         return 0;
-    }, [delays, duration, currentFrame, videoConfig]);
-    return index;
+    }
+    const time = (currentFrame / videoConfig.fps) * 1000;
+    if (loopBehavior === 'pause-after-finish' && time >= duration) {
+        return delays.length - 1;
+    }
+    if (loopBehavior === 'unmount-after-finish' && time >= duration) {
+        return -1;
+    }
+    let currentTime = time % duration;
+    for (let i = 0; i < delays.length; i++) {
+        const delay = delays[i];
+        if (currentTime < delay) {
+            return i;
+        }
+        currentTime -= delay;
+    }
+    return 0;
 }
 exports.useCurrentGifIndex = useCurrentGifIndex;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@remotion/gif",
-	"version": "3.3.33",
+	"version": "3.3.35",
 	"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.33"
+		"remotion": "3.3.35"
 	},
 	"devDependencies": {
 		"@jonny/eslint-config": "3.0.266",
@@ -53,5 +53,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "0356b9108673ac98c41990f192b101f7a6574ed0"
+	"gitHead": "92344ca937e4c51b8484f79528e3c38d598f7053"
 }

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 });