@remotion/gif 4.0.214 → 4.0.216

package/.rollup.cache/Users/jonathanburger/remotion/packages/gif/dist/esm/worker/source.js

@@ -0,0 +1,4 @@
+// Auto-generated by build.mjs
+export const 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 i=[],a=e.pos;for(;r(e,n,o);){let s={};if(c(e,t,n,s),e.pos===a)break;a=e.pos,i.push(s)}return i},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,i=f(t),a=new Array(c);for(let s=0;s<c;s++)a[s]=i(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]=!!(e&1<<o);return Object.keys(t).reduce((o,c)=>{let i=t[c];return i.length?o[c]=$(n,i.index,i.length):o[c]=n[i.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 s=n-t.pos;e.push(f(s)(t)),o+=s;break}e.push(f(a)(t)),o+=a}let c=new Uint8Array(o),i=0;for(let a=0;a<e.length;a++)c.set(e[a],i),i+=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(s,l){let u=t.slice(l*r,(l+1)*r);e.splice(...[s*r,r].concat(u))},c=[0,4,2,1],i=[8,8,4,2],a=0;for(let s=0;s<4;s++)for(let l=c[s];l<n;l+=i[s])o(l,a),a++;return e};var Z=(t,r,e)=>{let c=e,i,a,s,l,u;var w;let d,p;var C,y,h,_,G;let x=new Array(e),B=new Array(4096),T=new Array(4096),F=new Array(4096+1),R=t,S=1<<R,O=S+1;for(i=S+2,u=-1,s=R+1,a=(1<<s)-1,d=0;d<S;d++)B[d]=0,T[d]=d;var C,w,y,h,G,_;for(C=w=y=h=G=_=0,p=0;p<c;){if(h===0){if(w<s){C+=r[_]<<w,w+=8,_++;continue}if(d=C&a,C>>=s,w-=s,d>i||d===O)break;if(d===S){s=R+1,a=(1<<s)-1,i=S+2,u=-1;continue}if(u===-1){F[h++]=T[d],u=d,y=d;continue}for(l=d,d===i&&(F[h++]=y,d=u);d>S;)F[h++]=T[d],d=B[d];y=T[d]&255,F[h++]=y,i<4096&&(B[i]=u,T[i]=y,i++,!(i&a)&&i<4096&&(s++,a+=i)),u=l}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 i,a,s,l;if(!t.image)return console.warn("gif frame does not have associated image."),null;let{image:e}=t,n=e.descriptor.width*e.descriptor.height,o=Z(e.data.minCodeSize,e.data.blocks,n);return(i=e.descriptor.lct)!=null&&i.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:((l=(s=t.gce)==null?void 0:s.delay)!=null?l:10)*10,disposalType:t.gce?t.gce.extras.disposal:1,transparentIndex:t.gce&&t.gce.extras.transparentColorGiven?t.gce.transparentColorIndex:-1}};var L=t=>t.frames.filter(r=>"image"in r).map(r=>D(r,t.gct)).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)},ee=({typedArray:t,dx:r,dy:e,width:n,height:o,gifWidth:c})=>{let i=e*c+r;for(let a=0;a<o;a++)for(let s=0;s<n;s++){let l=i+a*c+s;t[l*4]=0,t[l*4+1]=0,t[l*4+2]=0,t[l*4+3]=0}},te=(t,r,e)=>{let{width:n,height:o,top:c,left:i}=r.dims,a=c*e.width+i;for(let s=0;s<o;s++)for(let l=0;l<n;l++){let u=s*n+l,d=r.pixels[u];if(d!==r.transparentIndex){let p=a+s*e.width+l,x=r.colorTable[d];t[p*4]=x[0],t[p*4+1]=x[1],t[p*4+2]=x[2],t[p*4+3]=d===r.transparentIndex?0:255}}},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,i=new Uint8ClampedArray(c);for(let a=0;a<e.length;++a){let s=e[a],l=e[a].disposalType===3?i.slice():null;if(te(i,s,n),o.push(i.slice()),e[a].disposalType===2)ee({typedArray:i,dx:s.dims.left,dy:s.dims.top,width:s.dims.width,height:s.dims.height,gifWidth:n.width});else if(e[a].disposalType===3){if(!l)throw Error("Disposal type 3 without previous frame");i=l}else i=o[a].slice()}return{...n,loaded:!0,delays:e.map(a=>a.delay),frames:o}});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(i=>i.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/.rollup.cache/Users/jonathanburger/remotion/packages/gif/dist/esm/worker/worker.d.ts

@@ -0,0 +1 @@
+export {};

package/.rollup.cache/Users/jonathanburger/remotion/packages/gif/dist/esm/worker/worker.js

@@ -0,0 +1,37 @@
+import { parse } from '../parse-generate';
+const abortMap = new Map();
+self.addEventListener('message', (e) => {
+    const { type, src } = e.data || e;
+    switch (type) {
+        case 'parse': {
+            if (!abortMap.has(src)) {
+                const controller = new AbortController();
+                const signal = { signal: controller.signal };
+                abortMap.set(src, controller);
+                parse(src, signal)
+                    .then((result) => {
+                    self.postMessage(Object.assign(result, { src }), 
+                    // @ts-expect-error
+                    result.frames.map((frame) => frame.buffer));
+                })
+                    .catch((error) => {
+                    self.postMessage({ src, error, loaded: true });
+                })
+                    .finally(() => {
+                    abortMap.delete(src);
+                });
+            }
+            break;
+        }
+        case 'cancel': {
+            if (abortMap.has(src)) {
+                const controller = abortMap.get(src);
+                controller.abort();
+                abortMap.delete(src);
+            }
+            break;
+        }
+        default:
+            break;
+    }
+});

package/.turbo/turbo-build.log

@@ -0,0 +1,4 @@
+
+> @remotion/gif@4.0.212 build /Users/jonathanburger/remotion/packages/gif
+> node build.mjs && bun --env-file=../.env.bundle bundle.ts
+

package/.turbo/turbo-make.log

@@ -1,4 +1,4 @@
 
-> @remotion/gif@4.0.214 make /Users/jonathanburger/remotion/packages/gif
+> @remotion/gif@4.0.215 make /Users/jonathanburger/remotion/packages/gif
 > node build.mjs && bun --env-file=../.env.bundle bundle.ts
 

package/dist/esm/index.mjs

@@ -1,5 +1,5 @@
 // src/get-gif-duration-in-seconds.ts
-import {getRemotionEnvironment} from "remotion";
+import { getRemotionEnvironment } from "remotion";
 
 // src/lru/index.ts
 class QuickLRU {
@@ -635,9 +635,9 @@ var decompressFrames = (parsedGif) => {
 };
 
 // src/parse-generate.ts
-var validateAndFix = (gif2) => {
+var validateAndFix = (gif) => {
   let currentGce = null;
-  for (const frame of gif2.frames) {
+  for (const frame of gif.frames) {
     currentGce = frame.gce ? frame.gce : currentGce;
     if ("image" in frame && !("gce" in frame) && currentGce !== null) {
       frame.gce = currentGce;
@@ -687,12 +687,12 @@ var parse2 = (src, {
   if (!resp.headers.get("Content-Type")?.includes("image/gif"))
     throw Error(`Wrong content type: "${resp.headers.get("Content-Type")}"`);
   return resp.arrayBuffer();
-}).then((buffer) => parseGIF(buffer)).then((gif2) => {
-  validateAndFix(gif2);
-  return gif2;
-}).then((gif2) => Promise.all([
-  decompressFrames(gif2),
-  { width: gif2.lsd.width, height: gif2.lsd.height }
+}).then((buffer) => parseGIF(buffer)).then((gif) => {
+  validateAndFix(gif);
+  return gif;
+}).then((gif) => Promise.all([
+  decompressFrames(gif),
+  { width: gif.lsd.width, height: gif.lsd.height }
 ])).then(([frames, options]) => {
   const readyFrames = [];
   const size = options.width * options.height * 4;
@@ -759,7 +759,7 @@ var parseGif = async ({
   return generate(raw);
 };
 var parseWithWorker = (src2) => {
-  const worker2 = makeWorker();
+  const worker = makeWorker();
   let handler = null;
   const prom = new Promise((resolve, reject) => {
     handler = (e) => {
@@ -770,19 +770,19 @@ var parseWithWorker = (src2) => {
         } else {
           const data = message.error ? message : generate(message);
           resolve(data);
-          worker2.terminate();
+          worker.terminate();
         }
       }
     };
-    worker2.addEventListener("message", handler);
-    worker2.postMessage({ src: src2, type: "parse" });
+    worker.addEventListener("message", handler);
+    worker.postMessage({ src: src2, type: "parse" });
   });
   return {
     prom,
     cancel: () => {
-      worker2.postMessage({ src: src2, type: "cancel" });
-      worker2.removeEventListener("message", handler);
-      worker2.terminate();
+      worker.postMessage({ src: src2, type: "cancel" });
+      worker.removeEventListener("message", handler);
+      worker.terminate();
     }
   };
 };
@@ -811,24 +811,24 @@ var getGifDurationInSeconds = async (src2) => {
   return calcDuration(parsed);
 };
 // src/Gif.tsx
-import {forwardRef as forwardRef4} from "react";
-import {getRemotionEnvironment as getRemotionEnvironment2} from "remotion";
+import { forwardRef as forwardRef4 } from "react";
+import { getRemotionEnvironment as getRemotionEnvironment2 } from "remotion";
 
 // src/GifForDevelopment.tsx
-import {forwardRef as forwardRef2, useEffect as useEffect3, useRef as useRef2, useState as useState3} from "react";
-import {continueRender, delayRender} from "remotion";
+import { forwardRef as forwardRef2, useEffect as useEffect3, useRef as useRef2, useState as useState3 } from "react";
+import { continueRender, delayRender } from "remotion";
 
 // src/canvas.tsx
 import {
-forwardRef,
-useEffect as useEffect2,
-useImperativeHandle,
-useRef,
-useState as useState2
+  forwardRef,
+  useEffect as useEffect2,
+  useImperativeHandle,
+  useRef,
+  useState as useState2
 } from "react";
 
 // src/use-element-size.ts
-import {useCallback, useEffect, useMemo, useState} from "react";
+import { useCallback, useEffect, useMemo, useState } from "react";
 var elementSizeHooks = [];
 var useElementSize = (ref) => {
   const [size, setSize] = useState(null);
@@ -891,9 +891,7 @@ var useElementSize = (ref) => {
 };
 
 // src/canvas.tsx
-import {
-jsx
-} from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 var calcArgs = (fit, frameSize, canvasSize) => {
   switch (fit) {
     case "fill": {
@@ -1000,8 +998,8 @@ var resolveGifSource = (src2) => {
 };
 
 // src/useCurrentGifIndex.tsx
-import {useMemo as useMemo2} from "react";
-import {useCurrentFrame, useVideoConfig} from "remotion";
+import { useMemo as useMemo2 } from "react";
+import { useCurrentFrame, useVideoConfig } from "remotion";
 function useCurrentGifIndex({
   delays,
   loopBehavior,
@@ -1038,9 +1036,7 @@ function useCurrentGifIndex({
 }
 
 // src/GifForDevelopment.tsx
-import {
-jsx as jsx2
-} from "react/jsx-runtime";
+import { jsx as jsx2 } from "react/jsx-runtime";
 var GifForDevelopment = forwardRef2(({
   src: src2,
   width,
@@ -1129,11 +1125,9 @@ var GifForDevelopment = forwardRef2(({
 });
 
 // src/GifForRendering.tsx
-import {forwardRef as forwardRef3, useEffect as useEffect4, useRef as useRef3, useState as useState4} from "react";
-import {continueRender as continueRender2, delayRender as delayRender2} from "remotion";
-import {
-jsx as jsx3
-} from "react/jsx-runtime";
+import { forwardRef as forwardRef3, useEffect as useEffect4, useRef as useRef3, useState as useState4 } from "react";
+import { continueRender as continueRender2, delayRender as delayRender2 } from "remotion";
+import { jsx as jsx3 } from "react/jsx-runtime";
 var GifForRendering = forwardRef3(({
   src: src2,
   width,
@@ -1227,9 +1221,7 @@ var GifForRendering = forwardRef3(({
 });
 
 // src/Gif.tsx
-import {
-jsx as jsx4
-} from "react/jsx-runtime";
+import { jsx as jsx4 } from "react/jsx-runtime";
 var Gif = forwardRef4((props, ref) => {
   const env = getRemotionEnvironment2();
   if (env.isRendering) {

package/package.json

@@ -3,7 +3,7 @@
     "url": "https://github.com/remotion-dev/remotion/tree/main/packages/gif"
   },
   "name": "@remotion/gif",
-  "version": "4.0.214",
+  "version": "4.0.216",
   "description": "Embed GIFs in a Remotion video",
   "sideEffects": false,
   "bugs": {
@@ -24,7 +24,7 @@
     }
   },
   "dependencies": {
-    "remotion": "4.0.214"
+    "remotion": "4.0.216"
   },
   "devDependencies": {
     "esbuild": "0.18.6",