@remotion/gif 4.0.0-fastlambda.7 → 4.0.0-forcepublish.6

package/dist/Gif.d.ts

@@ -1,2 +1,2 @@
-import { RemotionGifProps } from './props';
+import type { RemotionGifProps } from './props';
 export declare const Gif: (props: RemotionGifProps) => JSX.Element;

package/dist/Gif.js

@@ -7,8 +7,8 @@ const GifForDevelopment_1 = require("./GifForDevelopment");
 const GifForRendering_1 = require("./GifForRendering");
 const Gif = (props) => {
     if (remotion_1.Internals.getRemotionEnvironment() === 'rendering') {
-        return (0, jsx_runtime_1.jsx)(GifForRendering_1.GifForRendering, { ...props }, void 0);
+        return (0, jsx_runtime_1.jsx)(GifForRendering_1.GifForRendering, { ...props });
     }
-    return (0, jsx_runtime_1.jsx)(GifForDevelopment_1.GifForDevelopment, { ...props }, void 0);
+    return (0, jsx_runtime_1.jsx)(GifForDevelopment_1.GifForDevelopment, { ...props });
 };
 exports.Gif = Gif;

package/dist/GifForDevelopment.d.ts

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

package/dist/GifForDevelopment.js

@@ -38,5 +38,5 @@ exports.GifForDevelopment = (0, react_1.forwardRef)(({ src, width, height, onErr
         }
     });
     const index = (0, useCurrentGifIndex_1.useCurrentGifIndex)(state.delays);
-    return ((0, jsx_runtime_1.jsx)(tools_1.Canvas, { fit: fit, index: index, frames: state.frames, width: width !== null && width !== void 0 ? width : state.width, height: height !== null && height !== void 0 ? height : state.height, ...props, ref: ref }, void 0));
+    return ((0, jsx_runtime_1.jsx)(tools_1.Canvas, { fit: fit, index: index, frames: state.frames, width: width !== null && width !== void 0 ? width : state.width, height: height !== null && height !== void 0 ? height : state.height, ...props, ref: ref }));
 });

package/dist/GifForRendering.d.ts

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

package/dist/GifForRendering.js

@@ -5,6 +5,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const tools_1 = require("@react-gifs/tools");
 const react_1 = require("react");
 const remotion_1 = require("remotion");
+const is_cors_error_1 = require("./is-cors-error");
 const useCurrentGifIndex_1 = require("./useCurrentGifIndex");
 exports.GifForRendering = (0, react_1.forwardRef)(({ src, width, height, onLoad, onError, fit = 'fill', ...props }, ref) => {
     const resolvedSrc = new URL(src, window.location.origin).href;
@@ -14,6 +15,7 @@ exports.GifForRendering = (0, react_1.forwardRef)(({ src, width, height, onLoad,
         width: 0,
         height: 0,
     });
+    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);
     (0, tools_1.useParser)(resolvedSrc, (info) => {
@@ -22,7 +24,7 @@ exports.GifForRendering = (0, react_1.forwardRef)(({ src, width, height, onLoad,
                 onError(info.error);
             }
             else {
-                console.error('Error loading GIF:', info.error, 'Handle the event using the onError() prop to make this message disappear.');
+                setError(info.error);
             }
         }
         else {
@@ -31,5 +33,12 @@ exports.GifForRendering = (0, react_1.forwardRef)(({ src, width, height, onLoad,
         }
         (0, remotion_1.continueRender)(id);
     });
-    return ((0, jsx_runtime_1.jsx)(tools_1.Canvas, { fit: fit, index: index, frames: state.frames, width: width !== null && width !== void 0 ? width : state.width, height: height !== null && height !== void 0 ? height : state.height, ...props, ref: ref }, void 0));
+    if (error) {
+        console.error(error.stack);
+        if ((0, is_cors_error_1.isCorsError)(error)) {
+            throw new Error(`Failed to render GIF with source ${src}: "${error.message}". You must enable CORS for this URL.`);
+        }
+        throw new Error(`Failed to render GIF with source ${src}: "${error.message}". Render with --log=verbose to see the full stack.`);
+    }
+    return ((0, jsx_runtime_1.jsx)(tools_1.Canvas, { fit: fit, index: index, frames: state.frames, width: width !== null && width !== void 0 ? width : state.width, height: height !== null && height !== void 0 ? height : state.height, ...props, ref: ref }));
 });

package/dist/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/dist/is-cors-error.d.ts

@@ -0,0 +1 @@
+export declare const isCorsError: (error: Error) => boolean;

package/dist/is-cors-error.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isCorsError = void 0;
+const isCorsError = (error) => {
+    return (
+    // Chrome
+    error.message.includes('Failed to fetch') ||
+        // Safari
+        error.message.includes('Load failed') ||
+        // Firefox
+        error.message.includes('NetworkError when attempting to fetch resource'));
+};
+exports.isCorsError = isCorsError;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@remotion/gif",
-	"version": "4.0.0-fastlambda.7+85d0ed68b",
+	"version": "4.0.0-forcepublish.6+4957f53c8",
 	"description": "Gif component for remotion",
 	"sideEffects": false,
 	"repository": {
@@ -23,10 +23,10 @@
 	"dependencies": {
 		"@react-gifs/tools": "0.1.2",
 		"lru_map": "0.4.1",
-		"remotion": "4.0.0-fastlambda.7+85d0ed68b"
+		"remotion": "4.0.0-forcepublish.6+4957f53c8"
 	},
 	"devDependencies": {
-		"@jonny/eslint-config": "3.0.259",
+		"@jonny/eslint-config": "3.0.266",
 		"@types/node": "^16.7.5",
 		"@types/react": "18.0.1",
 		"@types/react-dom": "18.0.0",
@@ -36,7 +36,7 @@
 		"prettier-plugin-organize-imports": "^2.3.4",
 		"react": "18.0.0",
 		"react-dom": "18.0.0",
-		"typescript": "^4.5.5",
+		"typescript": "^4.7.0",
 		"webpack": "5.72.0"
 	},
 	"peerDependencies": {
@@ -54,5 +54,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "85d0ed68b731bae20dbc07b68bb3e7087beedebf"
+	"gitHead": "4957f53c89a3d1404798c67420465b81f36019c9"
 }

package/dist/Gif.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Gif.d.ts","sourceRoot":"","sources":["../src/Gif.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAC,gBAAgB,EAAC,MAAM,SAAS,CAAC;AAEzC,eAAO,MAAM,GAAG,UAAW,gBAAgB,gBAM1C,CAAC"}

package/dist/Gif.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Gif.js","sourceRoot":"","sources":["../src/Gif.tsx"],"names":[],"mappings":";;;;AACA,uCAAmC;AACnC,2DAAsD;AACtD,uDAAkD;AAG3C,MAAM,GAAG,GAAG,CAAC,KAAuB,EAAE,EAAE;IAC9C,IAAI,oBAAS,CAAC,sBAAsB,EAAE,KAAK,WAAW,EAAE;QACvD,OAAO,uBAAC,iCAAe,OAAK,KAAK,WAAI,CAAC;KACtC;IAED,OAAO,uBAAC,qCAAiB,OAAK,KAAK,WAAI,CAAC;AACzC,CAAC,CAAC;AANW,QAAA,GAAG,OAMd"}

package/dist/GifForDevelopment.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"GifForDevelopment.d.ts","sourceRoot":"","sources":["../src/GifForDevelopment.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAClD,OAAO,EAAW,gBAAgB,EAAC,MAAM,SAAS,CAAC;AAKnD,eAAO,MAAM,iBAAiB,4FAoD5B,CAAC"}

package/dist/GifForDevelopment.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GifForDevelopment.js","sourceRoot":"","sources":["../src/GifForDevelopment.tsx"],"names":[],"mappings":";;;;AAAA,6CAA0D;AAC1D,qCAA+B;AAC/B,iCAAkD;AAElD,6DAAwD;AAExD,MAAM,KAAK,GAAG,IAAI,gBAAM,CAAmB,EAAE,CAAC,CAAC;AAElC,QAAA,iBAAiB,GAAG,IAAA,kBAAU,EAGzC,CAAC,EAAC,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,GAAG,MAAM,EAAE,GAAG,KAAK,EAAC,EAAE,GAAG,EAAE,EAAE;IACxE,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,GAAG,IAAA,gBAAQ,EAAW,GAAG,EAAE;QAC/C,MAAM,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QAEjC,IAAI,SAAS,KAAK,SAAS,EAAE;YAC5B,OAAO;gBACN,MAAM,EAAE,EAAE;gBACV,MAAM,EAAE,EAAE;gBACV,KAAK,EAAE,CAAC;gBACR,MAAM,EAAE,CAAC;aACT,CAAC;SACF;QAED,OAAO,SAAqB,CAAC;IAC9B,CAAC,CAAC,CAAC;IAEH,+BAA+B;IAC/B,IAAA,uBAAe,EAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,GAAG,EAAE,CAAC,IAAI,EAAE,EAAE;QAC7D,IAAI,OAAO,IAAI,IAAI,EAAE;YACpB,IAAI,OAAO,EAAE;gBACZ,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;aACpB;iBAAM;gBACN,OAAO,CAAC,KAAK,CACZ,oBAAoB,EACpB,IAAI,CAAC,KAAK,EACV,2EAA2E,CAC3E,CAAC;aACF;SACD;aAAM;YACN,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,IAAI,CAAC,CAAC;YAEf,KAAK,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;YACrB,MAAM,CAAC,IAAI,CAAC,CAAC;SACb;IACF,CAAC,CAAC,CAAC;IAEH,MAAM,KAAK,GAAG,IAAA,uCAAkB,EAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAE/C,OAAO,CACN,uBAAC,cAAM,IACN,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,KAAK,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,KAAK,CAAC,KAAK,EAC3B,MAAM,EAAE,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,KAAK,CAAC,MAAM,KAC1B,KAAK,EACT,GAAG,EAAE,GAAG,WACP,CACF,CAAC;AACH,CAAC,CAAC,CAAC"}

package/dist/GifForRendering.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"GifForRendering.d.ts","sourceRoot":"","sources":["../src/GifForRendering.tsx"],"names":[],"mappings":"AACA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAElD,OAAO,EAAW,gBAAgB,EAAC,MAAM,SAAS,CAAC;AAGnD,eAAO,MAAM,eAAe,4FA8C3B,CAAC"}

package/dist/GifForRendering.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GifForRendering.js","sourceRoot":"","sources":["../src/GifForRendering.tsx"],"names":[],"mappings":";;;;AAAA,6CAAoD;AACpD,iCAAkD;AAClD,uCAAqD;AAErD,6DAAwD;AAE3C,QAAA,eAAe,GAAG,IAAA,kBAAU,EACxC,CAAC,EAAC,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,GAAG,MAAM,EAAE,GAAG,KAAK,EAAC,EAAE,GAAG,EAAE,EAAE;IACtE,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,GAAG,IAAA,gBAAQ,EAAW;QAC1C,MAAM,EAAE,EAAE;QACV,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;KACT,CAAC,CAAC;IAEH,MAAM,CAAC,EAAE,CAAC,GAAG,IAAA,gBAAQ,EAAC,GAAG,EAAE,CAC1B,IAAA,sBAAW,EAAC,8BAA8B,GAAG,GAAG,CAAC,CACjD,CAAC;IAEF,MAAM,KAAK,GAAG,IAAA,uCAAkB,EAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAE/C,IAAA,iBAAS,EAAC,GAAG,EAAE,CAAC,IAAI,EAAE,EAAE;QACvB,IAAI,OAAO,IAAI,IAAI,EAAE;YACpB,IAAI,OAAO,EAAE;gBACZ,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;aACpB;iBAAM;gBACN,OAAO,CAAC,KAAK,CACZ,oBAAoB,EACpB,IAAI,CAAC,KAAK,EACV,2EAA2E,CAC3E,CAAC;aACF;SACD;aAAM;YACN,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,IAAI,CAAC,CAAC;YACf,MAAM,CAAC,IAAI,CAAC,CAAC;SACb;QAED,IAAA,yBAAc,EAAC,EAAE,CAAC,CAAC;IACpB,CAAC,CAAC,CAAC;IAEH,OAAO,CACN,uBAAC,cAAM,IACN,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,KAAK,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,KAAK,CAAC,KAAK,EAC3B,MAAM,EAAE,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,KAAK,CAAC,MAAM,KAC1B,KAAK,EACT,GAAG,EAAE,GAAG,WACP,CACF,CAAC;AACH,CAAC,CACD,CAAC"}

package/dist/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC"}

package/dist/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,wCAAsB;AACtB,0CAAwB"}

package/dist/props.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../src/props.ts"],"names":[],"mappings":";AAAA,oBAAY,gBAAgB,GAAG;IAC9B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE;QACf,MAAM,EAAE,IAAI,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,MAAM,EAAE,MAAM,EAAE,CAAC;QACjB,MAAM,EAAE,SAAS,EAAE,CAAC;KACpB,KAAK,IAAI,CAAC;IACX,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,GAAG,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;IACnC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC5B,CAAC;AAEF,oBAAY,QAAQ,GAAG;IACtB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CACf,CAAC"}

package/dist/props.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"props.js","sourceRoot":"","sources":["../src/props.ts"],"names":[],"mappings":""}

package/dist/useCurrentGifIndex.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useCurrentGifIndex.d.ts","sourceRoot":"","sources":["../src/useCurrentGifIndex.tsx"],"names":[],"mappings":"AAGA,iBAAS,kBAAkB,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,CA2BpD;AAED,OAAO,EAAC,kBAAkB,EAAC,CAAC"}

package/dist/useCurrentGifIndex.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useCurrentGifIndex.js","sourceRoot":"","sources":["../src/useCurrentGifIndex.tsx"],"names":[],"mappings":";;;AAAA,iCAA8B;AAC9B,uCAAoD;AAEpD,SAAS,kBAAkB,CAAC,MAAgB;IAC3C,MAAM,YAAY,GAAG,IAAA,0BAAe,GAAE,CAAC;IACvC,MAAM,WAAW,GAAG,oBAAS,CAAC,oBAAoB,EAAE,CAAC;IAErD,MAAM,QAAQ,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC7B,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE;YACxB,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC,GAAW,EAAE,KAAa,EAAE,EAAE,CAAC,GAAG,GAAG,KAAK,EAAE,CAAC,CAAC,CAAC;SACrE;QAED,OAAO,CAAC,CAAC;IACV,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,MAAM,KAAK,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC1B,IAAI,WAAW,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE;YACvC,IAAI,WAAW,GAAG,CAAC,CAAC,YAAY,GAAG,WAAW,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,QAAQ,CAAC;YAEvE,KAAK,MAAM,CAAC,CAAC,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,EAAE,EAAE;gBAC1C,IAAI,WAAW,GAAG,KAAK;oBAAE,OAAO,CAAC,CAAC;gBAElC,WAAW,IAAI,KAAK,CAAC;aACrB;SACD;QAED,OAAO,CAAC,CAAC;IACV,CAAC,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,YAAY,EAAE,WAAW,CAAC,CAAC,CAAC;IAElD,OAAO,KAAK,CAAC;AACd,CAAC;AAEO,gDAAkB"}