@remotion/gif 4.0.0-webhook.27 → 4.1.0-alpha1

package/dist/{parse-generate.js → cjs/parse-generate.js}

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.generate = exports.parse = void 0;
-const gifuct_js_1 = require("gifuct-js");
+const gifuct_1 = require("./gifuct");
+const decompress_frames_1 = require("./parser/decompress-frames");
 const validateAndFix = (gif) => {
     let currentGce = null;
     for (const frame of gif.frames) {
@@ -19,24 +20,40 @@ const parse = (src, { signal, }) => fetch(src, { signal })
         throw Error(`Wrong content type: "${resp.headers.get('Content-Type')}"`);
     return resp.arrayBuffer();
 })
-    .then((buffer) => (0, gifuct_js_1.parseGIF)(buffer))
+    .then((buffer) => (0, gifuct_1.parseGIF)(buffer))
     .then((gif) => {
     validateAndFix(gif);
     return gif;
 })
     .then((gif) => Promise.all([
-    (0, gifuct_js_1.decompressFrames)(gif, false),
+    (0, decompress_frames_1.decompressFrames)(gif),
     { width: gif.lsd.width, height: gif.lsd.height },
 ]))
     .then(([frames, options]) => {
     const readyFrames = [];
     const size = options.width * options.height * 4;
+    let canvas = new Uint8ClampedArray(size);
     for (let i = 0; i < frames.length; ++i) {
         const frame = frames[i];
-        const typedArray = i === 0 || frames[i - 1].disposalType === 2
-            ? new Uint8ClampedArray(size)
-            : readyFrames[i - 1].slice();
-        readyFrames.push(putPixels(typedArray, frame, options));
+        // Read about different disposal types
+        // https://giflib.sourceforge.net/whatsinagif/animation_and_transparency.html
+        const prevCanvas = frames[i].disposalType === 3 ? canvas.slice() : null;
+        readyFrames.push(putPixels(canvas, frame, options));
+        // Disposal type 2: The canvas should be restored to the background color
+        if (frames[i].disposalType === 2) {
+            canvas = new Uint8ClampedArray(size);
+        }
+        // Disposal type 3: The decoder should restore the canvas to its previous state before the current image was drawn
+        else if (frames[i].disposalType === 3) {
+            if (!prevCanvas) {
+                throw Error('Disposal type 3 without previous frame');
+            }
+            canvas = prevCanvas;
+        }
+        // Disposal type 1: Draw the next image on top of it
+        else {
+            canvas = readyFrames[i].slice();
+        }
     }
     return {
         ...options,
@@ -55,11 +72,12 @@ const putPixels = (typedArray, frame, gifSize) => {
             const colorIndex = frame.pixels[pPos];
             if (colorIndex !== frame.transparentIndex) {
                 const taPos = offset + y * gifSize.width + x;
-                const color = frame.colorTable[colorIndex] || [0, 0, 0];
+                const color = frame.colorTable[colorIndex];
                 typedArray[taPos * 4] = color[0];
                 typedArray[taPos * 4 + 1] = color[1];
                 typedArray[taPos * 4 + 2] = color[2];
-                typedArray[taPos * 4 + 3] = 255;
+                typedArray[taPos * 4 + 3] =
+                    colorIndex === frame.transparentIndex ? 0 : 255;
             }
         }
     }

package/dist/cjs/parser/decompress-frames.d.ts

@@ -0,0 +1,2 @@
+import type { ParsedFrameWithoutPatch, ParsedGif } from '../gifuct/types';
+export declare const decompressFrames: (parsedGif: ParsedGif) => ParsedFrameWithoutPatch[];

package/dist/cjs/parser/decompress-frames.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.decompressFrames = void 0;
+const gifuct_1 = require("../gifuct");
+const decompressFrames = (parsedGif) => {
+    return parsedGif.frames
+        .filter((f) => {
+        return !('application' in f);
+    })
+        .map((f) => {
+        const fr = f.image
+            ? (0, gifuct_1.decompressFrame)(f, parsedGif.gct)
+            : null;
+        return fr;
+    })
+        .filter(Boolean)
+        .map((f) => f);
+};
+exports.decompressFrames = decompressFrames;

package/dist/cjs/preload-gif.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @description Returns an object with two entries: waitUntilDone() that returns a Promise which can be awaited and free() which will cancel preloading or free up the memory if the GIF is not being used anymore.
+ * @see [Documentation](https://www.remotion.dev/docs/gif/preload-gif)
+ */
+export declare const preloadGif: (src: string) => {
+    waitUntilDone: () => Promise<void>;
+    free: () => void;
+};

package/dist/cjs/preload-gif.js

@@ -0,0 +1,41 @@
+"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");
+/**
+ * @description Returns an object with two entries: waitUntilDone() that returns a Promise which can be awaited and free() which will cancel preloading or free up the memory if the GIF is not being used anymore.
+ * @see [Documentation](https://www.remotion.dev/docs/gif/preload-gif)
+ */
+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/{props.d.ts → cjs/props.d.ts}

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

package/dist/cjs/props.js

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

package/dist/{react-tools.js → cjs/react-tools.js}

@@ -21,6 +21,7 @@ const parseWithWorker = (src) => {
                 else {
                     const data = message.error ? message : (0, parse_generate_1.generate)(message);
                     resolve(data);
+                    worker.terminate();
                 }
             }
         };

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

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

package/dist/cjs/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/dist/{use-element-size.d.ts → cjs/use-element-size.d.ts}

@@ -1,4 +1,4 @@
-export declare type Size = {
+export type Size = {
     width: number;
     height: number;
 };

package/dist/{use-element-size.js → cjs/use-element-size.js}

@@ -20,7 +20,7 @@ const useElementSize = (ref) => {
             const { contentRect } = entries[0];
             // The clientRect returns the size with `scale()` being applied.
             const newSize = entries[0].target.getClientRects();
-            if (!newSize || !newSize[0]) {
+            if (!(newSize === null || newSize === void 0 ? void 0 : newSize[0])) {
                 setSize(null);
                 return;
             }

package/dist/cjs/useCurrentGifIndex.d.ts

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

package/dist/cjs/useCurrentGifIndex.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCurrentGifIndex = void 0;
+const react_1 = require("react");
+const remotion_1 = require("remotion");
+function useCurrentGifIndex(delays, loopBehavior) {
+    const currentFrame = (0, remotion_1.useCurrentFrame)();
+    const videoConfig = (0, remotion_1.useVideoConfig)();
+    const duration = (0, react_1.useMemo)(() => {
+        if (delays.length !== 0) {
+            return delays.reduce((sum, delay) => sum + (delay !== null && delay !== void 0 ? delay : 0), 0);
+        }
+        return 1;
+    }, [delays]);
+    if (delays.length === 0) {
+        return 0;
+    }
+    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/dist/cjs/worker/source.d.ts

@@ -0,0 +1 @@
+export declare const src = "\"use strict\";(()=>{var P=(t,r,e={},n=e)=>{if(Array.isArray(r))r.forEach(o=>P(t,o,e,n));else if(typeof r==\"function\")r(t,e,n,P);else{let o=Object.keys(r)[0];Array.isArray(r[o])?(n[o]={},P(t,r[o],e,n[o])):n[o]=r[o](t,e,n,P)}return e},M=(t,r)=>function(e,n,o,c){let s=[],a=e.pos;for(;r(e,n,o);){let i={};if(c(e,t,n,i),e.pos===a)break;a=e.pos,s.push(i)}return s},g=(t,r)=>(e,n,o,c)=>{r(e,n,o)&&c(e,t,n,o)};var W=t=>({data:t,pos:0}),m=()=>t=>t.data[t.pos++],U=(t=0)=>r=>r.data[r.pos+t],f=t=>r=>r.data.subarray(r.pos,r.pos+=t),k=t=>r=>r.data.subarray(r.pos,r.pos+t),v=t=>r=>Array.from(f(t)(r)).map(e=>String.fromCharCode(e)).join(\"\"),b=t=>r=>{let e=f(2)(r);return t?(e[1]<<8)+e[0]:(e[0]<<8)+e[1]},E=(t,r)=>(e,n,o)=>{let c=typeof r==\"function\"?r(e,n,o):r,s=f(t),a=new Array(c);for(let i=0;i<c;i++)a[i]=s(e);return a},$=(t,r,e)=>{let n=0;for(let o=0;o<e;o++)n+=Number(t[r+o]&&2**(e-o-1));return n},I=t=>r=>{let e=m()(r),n=new Array(8);for(let o=0;o<8;o++)n[7-o]=Boolean(e&1<<o);return Object.keys(t).reduce((o,c)=>{let s=t[c];return s.length?o[c]=$(n,s.index,s.length):o[c]=n[s.index],o},{})};var z={blocks:t=>{let e=[],n=t.data.length,o=0;for(let a=m()(t);a!==0&&a;a=m()(t)){if(t.pos+a>=n){let i=n-t.pos;e.push(f(i)(t)),o+=i;break}e.push(f(a)(t)),o+=a}let c=new Uint8Array(o),s=0;for(let a=0;a<e.length;a++)c.set(e[a],s),s+=e[a].length;return c}},q=g({gce:[{codes:f(2)},{byteSize:m()},{extras:I({future:{index:0,length:3},disposal:{index:3,length:3},userInput:{index:6},transparentColorGiven:{index:7}})},{delay:b(!0)},{transparentColorIndex:m()},{terminator:m()}]},t=>{let r=k(2)(t);return r[0]===33&&r[1]===249}),H=g({image:[{code:m()},{descriptor:[{left:b(!0)},{top:b(!0)},{width:b(!0)},{height:b(!0)},{lct:I({exists:{index:0},interlaced:{index:1},sort:{index:2},future:{index:3,length:2},size:{index:5,length:3}})}]},g({lct:E(3,(t,r,e)=>2**(e.descriptor.lct.size+1))},(t,r,e)=>e.descriptor.lct.exists),{data:[{minCodeSize:m()},z]}]},t=>U()(t)===44),J=g({text:[{codes:f(2)},{blockSize:m()},{preData:(t,r,e)=>f(e.text.blockSize)(t)},z]},t=>{let r=k(2)(t);return r[0]===33&&r[1]===1}),Q=g({application:[{codes:f(2)},{blockSize:m()},{id:(t,r,e)=>v(e.blockSize)(t)},z]},t=>{let r=k(2)(t);return r[0]===33&&r[1]===255}),V=g({comment:[{codes:f(2)},z]},t=>{let r=k(2)(t);return r[0]===33&&r[1]===254}),K=[{header:[{signature:v(3)},{version:v(3)}]},{lsd:[{width:b(!0)},{height:b(!0)},{gct:I({exists:{index:0},resolution:{index:1,length:3},sort:{index:4},size:{index:5,length:3}})},{backgroundColorIndex:m()},{pixelAspectRatio:m()}]},g({gct:E(3,(t,r)=>2**(r.lsd.gct.size+1))},(t,r)=>r.lsd.gct.exists),{frames:M([q,Q,V,H,J],t=>{let r=U()(t);return r===33||r===44})}];var X=(t,r)=>{let e=new Array(t.length),n=t.length/r,o=function(i,d){let u=t.slice(d*r,(d+1)*r);e.splice(...[i*r,r].concat(u))},c=[0,4,2,1],s=[8,8,4,2],a=0;for(let i=0;i<4;i++)for(let d=c[i];d<n;d+=s[i])o(d,a),a++;return e};var Z=(t,r,e)=>{let c=e,s,a,i,d,u;var w;let l,p;var C,S,h,_,G;let x=new Array(e),B=new Array(4096),T=new Array(4096),F=new Array(4096+1),R=t,y=1<<R,O=y+1;for(s=y+2,u=-1,i=R+1,a=(1<<i)-1,l=0;l<y;l++)B[l]=0,T[l]=l;var C,w,S,h,G,_;for(C=w=S=h=G=_=0,p=0;p<c;){if(h===0){if(w<i){C+=r[_]<<w,w+=8,_++;continue}if(l=C&a,C>>=i,w-=i,l>s||l===O)break;if(l===y){i=R+1,a=(1<<i)-1,s=y+2,u=-1;continue}if(u===-1){F[h++]=T[l],u=l,S=l;continue}for(d=l,l===s&&(F[h++]=S,l=u);l>y;)F[h++]=T[l],l=B[l];S=T[l]&255,F[h++]=S,s<4096&&(B[s]=u,T[s]=S,s++,!(s&a)&&s<4096&&(i++,a+=s)),u=d}h--,x[G++]=F[h],p++}for(p=G;p<c;p++)x[p]=0;return x};var j=t=>{let r=new Uint8Array(t);return P(W(r),K)},D=(t,r)=>{var s,a;if(!t.image){console.warn(\"gif frame does not have associated image.\");return}let{image:e}=t,n=e.descriptor.width*e.descriptor.height,o=Z(e.data.minCodeSize,e.data.blocks,n);return(s=e.descriptor.lct)!=null&&s.interlaced&&(o=X(o,e.descriptor.width)),{pixels:o,dims:{top:t.image.descriptor.top,left:t.image.descriptor.left,width:t.image.descriptor.width,height:t.image.descriptor.height},colorTable:(a=e.descriptor.lct)!=null&&a.exists?e.lct:r,delay:(t.gce.delay||10)*10,disposalType:t.gce.extras.disposal,transparentIndex:t.gce.extras.transparentColorGiven?t.gce.transparentColorIndex:-1}};var L=t=>t.frames.filter(r=>!(\"application\"in r)).map(r=>r.image?D(r,t.gct):null).filter(Boolean).map(r=>r);var Y=t=>{let r=null;for(let e of t.frames)r=e.gce?e.gce:r,\"image\"in e&&!(\"gce\"in e)&&r!==null&&(e.gce=r)},N=(t,{signal:r})=>fetch(t,{signal:r}).then(e=>{var n;if(!((n=e.headers.get(\"Content-Type\"))!=null&&n.includes(\"image/gif\")))throw Error(`Wrong content type: \"${e.headers.get(\"Content-Type\")}\"`);return e.arrayBuffer()}).then(e=>j(e)).then(e=>(Y(e),e)).then(e=>Promise.all([L(e),{width:e.lsd.width,height:e.lsd.height}])).then(([e,n])=>{let o=[],c=n.width*n.height*4,s=new Uint8ClampedArray(c);for(let a=0;a<e.length;++a){let i=e[a],d=e[a].disposalType===3?s.slice():null;if(o.push(ee(s,i,n)),e[a].disposalType===2)s=new Uint8ClampedArray(c);else if(e[a].disposalType===3){if(!d)throw Error(\"Disposal type 3 without previous frame\");s=d}else s=o[a].slice()}return{...n,loaded:!0,delays:e.map(a=>a.delay),frames:o}}),ee=(t,r,e)=>{let{width:n,height:o,top:c,left:s}=r.dims,a=c*e.width+s;for(let i=0;i<o;i++)for(let d=0;d<n;d++){let u=i*n+d,l=r.pixels[u];if(l!==r.transparentIndex){let p=a+i*e.width+d,x=r.colorTable[l];t[p*4]=x[0],t[p*4+1]=x[1],t[p*4+2]=x[2],t[p*4+3]=l===r.transparentIndex?0:255}}return t};var A=new Map;self.addEventListener(\"message\",t=>{let{type:r,src:e}=t.data||t;switch(r){case\"parse\":{if(!A.has(e)){let n=new AbortController,o={signal:n.signal};A.set(e,n),N(e,o).then(c=>{self.postMessage(Object.assign(c,{src:e}),c.frames.map(s=>s.buffer))}).catch(c=>{self.postMessage({src:e,error:c,loaded:!0})}).finally(()=>{A.delete(e)})}break}case\"cancel\":{A.has(e)&&(A.get(e).abort(),A.delete(e));break}default:break}});})();\n";

package/dist/cjs/worker/source.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.src = void 0;
+// Auto-generated by build.mjs
+exports.src = 
+// eslint-disable-next-line no-template-curly-in-string
+'"use strict";(()=>{var P=(t,r,e={},n=e)=>{if(Array.isArray(r))r.forEach(o=>P(t,o,e,n));else if(typeof r=="function")r(t,e,n,P);else{let o=Object.keys(r)[0];Array.isArray(r[o])?(n[o]={},P(t,r[o],e,n[o])):n[o]=r[o](t,e,n,P)}return e},M=(t,r)=>function(e,n,o,c){let s=[],a=e.pos;for(;r(e,n,o);){let i={};if(c(e,t,n,i),e.pos===a)break;a=e.pos,s.push(i)}return s},g=(t,r)=>(e,n,o,c)=>{r(e,n,o)&&c(e,t,n,o)};var W=t=>({data:t,pos:0}),m=()=>t=>t.data[t.pos++],U=(t=0)=>r=>r.data[r.pos+t],f=t=>r=>r.data.subarray(r.pos,r.pos+=t),k=t=>r=>r.data.subarray(r.pos,r.pos+t),v=t=>r=>Array.from(f(t)(r)).map(e=>String.fromCharCode(e)).join(""),b=t=>r=>{let e=f(2)(r);return t?(e[1]<<8)+e[0]:(e[0]<<8)+e[1]},E=(t,r)=>(e,n,o)=>{let c=typeof r=="function"?r(e,n,o):r,s=f(t),a=new Array(c);for(let i=0;i<c;i++)a[i]=s(e);return a},$=(t,r,e)=>{let n=0;for(let o=0;o<e;o++)n+=Number(t[r+o]&&2**(e-o-1));return n},I=t=>r=>{let e=m()(r),n=new Array(8);for(let o=0;o<8;o++)n[7-o]=Boolean(e&1<<o);return Object.keys(t).reduce((o,c)=>{let s=t[c];return s.length?o[c]=$(n,s.index,s.length):o[c]=n[s.index],o},{})};var z={blocks:t=>{let e=[],n=t.data.length,o=0;for(let a=m()(t);a!==0&&a;a=m()(t)){if(t.pos+a>=n){let i=n-t.pos;e.push(f(i)(t)),o+=i;break}e.push(f(a)(t)),o+=a}let c=new Uint8Array(o),s=0;for(let a=0;a<e.length;a++)c.set(e[a],s),s+=e[a].length;return c}},q=g({gce:[{codes:f(2)},{byteSize:m()},{extras:I({future:{index:0,length:3},disposal:{index:3,length:3},userInput:{index:6},transparentColorGiven:{index:7}})},{delay:b(!0)},{transparentColorIndex:m()},{terminator:m()}]},t=>{let r=k(2)(t);return r[0]===33&&r[1]===249}),H=g({image:[{code:m()},{descriptor:[{left:b(!0)},{top:b(!0)},{width:b(!0)},{height:b(!0)},{lct:I({exists:{index:0},interlaced:{index:1},sort:{index:2},future:{index:3,length:2},size:{index:5,length:3}})}]},g({lct:E(3,(t,r,e)=>2**(e.descriptor.lct.size+1))},(t,r,e)=>e.descriptor.lct.exists),{data:[{minCodeSize:m()},z]}]},t=>U()(t)===44),J=g({text:[{codes:f(2)},{blockSize:m()},{preData:(t,r,e)=>f(e.text.blockSize)(t)},z]},t=>{let r=k(2)(t);return r[0]===33&&r[1]===1}),Q=g({application:[{codes:f(2)},{blockSize:m()},{id:(t,r,e)=>v(e.blockSize)(t)},z]},t=>{let r=k(2)(t);return r[0]===33&&r[1]===255}),V=g({comment:[{codes:f(2)},z]},t=>{let r=k(2)(t);return r[0]===33&&r[1]===254}),K=[{header:[{signature:v(3)},{version:v(3)}]},{lsd:[{width:b(!0)},{height:b(!0)},{gct:I({exists:{index:0},resolution:{index:1,length:3},sort:{index:4},size:{index:5,length:3}})},{backgroundColorIndex:m()},{pixelAspectRatio:m()}]},g({gct:E(3,(t,r)=>2**(r.lsd.gct.size+1))},(t,r)=>r.lsd.gct.exists),{frames:M([q,Q,V,H,J],t=>{let r=U()(t);return r===33||r===44})}];var X=(t,r)=>{let e=new Array(t.length),n=t.length/r,o=function(i,d){let u=t.slice(d*r,(d+1)*r);e.splice(...[i*r,r].concat(u))},c=[0,4,2,1],s=[8,8,4,2],a=0;for(let i=0;i<4;i++)for(let d=c[i];d<n;d+=s[i])o(d,a),a++;return e};var Z=(t,r,e)=>{let c=e,s,a,i,d,u;var w;let l,p;var C,S,h,_,G;let x=new Array(e),B=new Array(4096),T=new Array(4096),F=new Array(4096+1),R=t,y=1<<R,O=y+1;for(s=y+2,u=-1,i=R+1,a=(1<<i)-1,l=0;l<y;l++)B[l]=0,T[l]=l;var C,w,S,h,G,_;for(C=w=S=h=G=_=0,p=0;p<c;){if(h===0){if(w<i){C+=r[_]<<w,w+=8,_++;continue}if(l=C&a,C>>=i,w-=i,l>s||l===O)break;if(l===y){i=R+1,a=(1<<i)-1,s=y+2,u=-1;continue}if(u===-1){F[h++]=T[l],u=l,S=l;continue}for(d=l,l===s&&(F[h++]=S,l=u);l>y;)F[h++]=T[l],l=B[l];S=T[l]&255,F[h++]=S,s<4096&&(B[s]=u,T[s]=S,s++,!(s&a)&&s<4096&&(i++,a+=s)),u=d}h--,x[G++]=F[h],p++}for(p=G;p<c;p++)x[p]=0;return x};var j=t=>{let r=new Uint8Array(t);return P(W(r),K)},D=(t,r)=>{var s,a;if(!t.image){console.warn("gif frame does not have associated image.");return}let{image:e}=t,n=e.descriptor.width*e.descriptor.height,o=Z(e.data.minCodeSize,e.data.blocks,n);return(s=e.descriptor.lct)!=null&&s.interlaced&&(o=X(o,e.descriptor.width)),{pixels:o,dims:{top:t.image.descriptor.top,left:t.image.descriptor.left,width:t.image.descriptor.width,height:t.image.descriptor.height},colorTable:(a=e.descriptor.lct)!=null&&a.exists?e.lct:r,delay:(t.gce.delay||10)*10,disposalType:t.gce.extras.disposal,transparentIndex:t.gce.extras.transparentColorGiven?t.gce.transparentColorIndex:-1}};var L=t=>t.frames.filter(r=>!("application"in r)).map(r=>r.image?D(r,t.gct):null).filter(Boolean).map(r=>r);var Y=t=>{let r=null;for(let e of t.frames)r=e.gce?e.gce:r,"image"in e&&!("gce"in e)&&r!==null&&(e.gce=r)},N=(t,{signal:r})=>fetch(t,{signal:r}).then(e=>{var n;if(!((n=e.headers.get("Content-Type"))!=null&&n.includes("image/gif")))throw Error(`Wrong content type: "${e.headers.get("Content-Type")}"`);return e.arrayBuffer()}).then(e=>j(e)).then(e=>(Y(e),e)).then(e=>Promise.all([L(e),{width:e.lsd.width,height:e.lsd.height}])).then(([e,n])=>{let o=[],c=n.width*n.height*4,s=new Uint8ClampedArray(c);for(let a=0;a<e.length;++a){let i=e[a],d=e[a].disposalType===3?s.slice():null;if(o.push(ee(s,i,n)),e[a].disposalType===2)s=new Uint8ClampedArray(c);else if(e[a].disposalType===3){if(!d)throw Error("Disposal type 3 without previous frame");s=d}else s=o[a].slice()}return{...n,loaded:!0,delays:e.map(a=>a.delay),frames:o}}),ee=(t,r,e)=>{let{width:n,height:o,top:c,left:s}=r.dims,a=c*e.width+s;for(let i=0;i<o;i++)for(let d=0;d<n;d++){let u=i*n+d,l=r.pixels[u];if(l!==r.transparentIndex){let p=a+i*e.width+d,x=r.colorTable[l];t[p*4]=x[0],t[p*4+1]=x[1],t[p*4+2]=x[2],t[p*4+3]=l===r.transparentIndex?0:255}}return t};var A=new Map;self.addEventListener("message",t=>{let{type:r,src:e}=t.data||t;switch(r){case"parse":{if(!A.has(e)){let n=new AbortController,o={signal:n.signal};A.set(e,n),N(e,o).then(c=>{self.postMessage(Object.assign(c,{src:e}),c.frames.map(s=>s.buffer))}).catch(c=>{self.postMessage({src:e,error:c,loaded:!0})}).finally(()=>{A.delete(e)})}break}case"cancel":{A.has(e)&&(A.get(e).abort(),A.delete(e));break}default:break}});})();\n';

package/dist/esm/Gif.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import type { RemotionGifProps } from './props';
+/**
+ * @description Displays a GIF that synchronizes with Remotions useCurrentFrame().
+ * @see [Documentation](https://www.remotion.dev/docs/gif/gif)
+ */
+export declare const Gif: import("react").ForwardRefExoticComponent<RemotionGifProps & import("react").RefAttributes<HTMLCanvasElement>>;

package/dist/esm/GifForDevelopment.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { RemotionGifProps } from './props';
+export declare const GifForDevelopment: import("react").ForwardRefExoticComponent<RemotionGifProps & import("react").RefAttributes<HTMLCanvasElement>>;

package/dist/esm/GifForRendering.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { RemotionGifProps } from './props';
+export declare const GifForRendering: import("react").ForwardRefExoticComponent<RemotionGifProps & import("react").RefAttributes<HTMLCanvasElement>>;

package/dist/esm/canvas.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import type { GifFillMode } from './props';
+type Props = {
+    index: number;
+    frames: ImageData[];
+    width?: number;
+    height?: number;
+    fit: GifFillMode;
+    className?: string;
+    style?: React.CSSProperties;
+};
+export declare const Canvas: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<unknown>>;
+export {};

package/dist/esm/get-gif-duration-in-seconds.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @description Gets the duration in seconds of a GIF
+ * @see [Documentation](https://www.remotion.dev/docs/gif/get-gif-duration-in-seconds)
+ */
+export declare const getGifDurationInSeconds: (src: string) => Promise<number>;

package/dist/esm/gif-cache.d.ts

@@ -0,0 +1,4 @@
+import { QuickLRU } from './lru/index';
+import type { GifState } from './props';
+export declare const volatileGifCache: QuickLRU<string, GifState>;
+export declare const manuallyManagedGifCache: Map<string, GifState>;

package/dist/esm/gifuct/deinterlace.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Deinterlace function from https://github.com/shachaf/jsgif
+ */
+export declare const deinterlace: (pixels: number[], width: number) => any[];

package/dist/esm/gifuct/index.d.ts

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

package/dist/esm/gifuct/lzw.d.ts

@@ -0,0 +1,5 @@
+/**
+ * javascript port of java LZW decompression
+ * Original java author url: https://gist.github.com/devunwired/4479231
+ */
+export declare const lzw: (minCodeSize: number, data: number[], pixelCount: number) => any[];

package/dist/esm/gifuct/types.d.ts

@@ -0,0 +1,96 @@
+type Dimensions = {
+    top: number;
+    left: number;
+    width: number;
+    height: number;
+};
+export type Application = {
+    application: {
+        blockSize: number;
+        blocks: number[];
+        codes: number[];
+        id: string;
+    };
+};
+type Lct = {
+    exists: boolean;
+    future: number;
+    interlaced: boolean;
+    size: number;
+    sort: boolean;
+};
+export type Frame = {
+    gce: {
+        byteSize: number;
+        codes: number[];
+        delay: number;
+        terminator: number;
+        transparentColorIndex: number;
+        extras: {
+            userInput: boolean;
+            transparentColorGiven: boolean;
+            future: number;
+            disposal: number;
+        };
+    };
+    image: {
+        code: number;
+        data: {
+            minCodeSize: number;
+            blocks: number[];
+        };
+        descriptor: {
+            top: number;
+            left: number;
+            width: number;
+            height: number;
+            lct: Lct;
+        };
+        lct: [number, number, number][] | undefined;
+    };
+};
+export type ParsedFrame = {
+    dims: {
+        width: number;
+        height: number;
+        top: number;
+        left: number;
+    };
+    colorTable: [number, number, number][];
+    delay: number;
+    disposalType: number;
+    patch: Uint8ClampedArray;
+    pixels: number[];
+    transparentIndex: number;
+};
+export type ParsedFrameWithoutPatch = Omit<ParsedFrame, 'patch'>;
+export type ParsedGif = {
+    frames: (Application | Frame)[];
+    gct: [number, number, number][];
+    header: {
+        signature: string;
+        version: string;
+    };
+    lsd: {
+        backgroundColorIndex: number;
+        gct: {
+            exists: boolean;
+            resolution: number;
+            size: number;
+            sort: boolean;
+        };
+        height: number;
+        width: number;
+        pixelAspectRatio: number;
+    };
+};
+export type Image = {
+    pixels: number[];
+    dims: Dimensions;
+    delay?: number;
+    transparentIndex?: number;
+    colorTable?: [number, number, number][] | Lct;
+    disposalType?: unknown;
+    patch?: Uint8ClampedArray;
+};
+export {};

package/dist/esm/index.d.ts

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