@remotion/gif 4.0.214 → 4.0.215

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.215",
   "description": "Embed GIFs in a Remotion video",
   "sideEffects": false,
   "bugs": {
@@ -24,7 +24,7 @@
     }
   },
   "dependencies": {
-    "remotion": "4.0.214"
+    "remotion": "4.0.215"
   },
   "devDependencies": {
     "esbuild": "0.18.6",