@remotion/gif 3.0.4 → 3.0.7

package/dist/Gif.d.ts

@@ -1,4 +1,2 @@
-/// <reference types="react" />
 import { RemotionGifProps } from './props';
 export declare const Gif: (props: RemotionGifProps) => JSX.Element;
-//# sourceMappingURL=Gif.d.ts.map

package/dist/Gif.js

@@ -12,4 +12,3 @@ const Gif = (props) => {
     return (0, jsx_runtime_1.jsx)(GifForDevelopment_1.GifForDevelopment, { ...props }, void 0);
 };
 exports.Gif = Gif;
-//# sourceMappingURL=Gif.js.map

package/dist/GifForDevelopment.d.ts

@@ -1,4 +1,3 @@
 import React from 'react';
 import { RemotionGifProps } from './props';
 export declare const GifForDevelopment: React.ForwardRefExoticComponent<RemotionGifProps & React.RefAttributes<HTMLCanvasElement>>;
-//# sourceMappingURL=GifForDevelopment.d.ts.map

package/dist/GifForDevelopment.js

@@ -8,8 +8,9 @@ const react_1 = require("react");
 const useCurrentGifIndex_1 = require("./useCurrentGifIndex");
 const cache = new lru_map_1.LRUMap(30);
 exports.GifForDevelopment = (0, react_1.forwardRef)(({ src, width, height, onError, onLoad, fit = 'fill', ...props }, ref) => {
+    const resolvedSrc = new URL(src, window.location.origin).href;
     const [state, update] = (0, react_1.useState)(() => {
-        const parsedGif = cache.get(src);
+        const parsedGif = cache.get(resolvedSrc);
         if (parsedGif === undefined) {
             return {
                 delays: [],
@@ -21,7 +22,7 @@ exports.GifForDevelopment = (0, react_1.forwardRef)(({ src, width, height, onErr
         return parsedGif;
     });
     // skip loading if frames exist
-    (0, tools_1.useWorkerParser)(Boolean(state.frames.length) || src, (info) => {
+    (0, tools_1.useWorkerParser)(Boolean(state.frames.length) || resolvedSrc, (info) => {
         if ('error' in info) {
             if (onError) {
                 onError(info.error);
@@ -32,11 +33,10 @@ exports.GifForDevelopment = (0, react_1.forwardRef)(({ src, width, height, onErr
         }
         else {
             onLoad === null || onLoad === void 0 ? void 0 : onLoad(info);
-            cache.set(src, info);
+            cache.set(resolvedSrc, info);
             update(info);
         }
     });
     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));
 });
-//# sourceMappingURL=GifForDevelopment.js.map

package/dist/GifForRendering.d.ts

@@ -1,4 +1,3 @@
 import React from 'react';
 import { RemotionGifProps } from './props';
 export declare const GifForRendering: React.ForwardRefExoticComponent<RemotionGifProps & React.RefAttributes<HTMLCanvasElement>>;
-//# sourceMappingURL=GifForRendering.d.ts.map

package/dist/GifForRendering.js

@@ -7,15 +7,16 @@ const react_1 = require("react");
 const remotion_1 = require("remotion");
 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;
     const [state, update] = (0, react_1.useState)({
         delays: [],
         frames: [],
         width: 0,
         height: 0,
     });
-    const [id] = (0, react_1.useState)(() => (0, remotion_1.delayRender)(`Rendering <Gif/> with src="${src}"`));
+    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)(src, (info) => {
+    (0, tools_1.useParser)(resolvedSrc, (info) => {
         if ('error' in info) {
             if (onError) {
                 onError(info.error);
@@ -32,4 +33,3 @@ exports.GifForRendering = (0, react_1.forwardRef)(({ src, width, height, onLoad,
     });
     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));
 });
-//# sourceMappingURL=GifForRendering.js.map

package/dist/index.d.ts

@@ -1,3 +1,2 @@
 export * from './Gif';
 export * from './props';
-//# sourceMappingURL=index.d.ts.map

package/dist/index.js

@@ -12,4 +12,3 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./Gif"), exports);
 __exportStar(require("./props"), exports);
-//# sourceMappingURL=index.js.map

package/dist/props.d.ts

@@ -20,4 +20,3 @@ export declare type GifState = {
     width: number;
     height: number;
 };
-//# sourceMappingURL=props.d.ts.map

package/dist/props.js

@@ -1,3 +1,2 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=props.js.map

package/dist/useCurrentGifIndex.d.ts

@@ -1,3 +1,2 @@
 declare function useCurrentGifIndex(delays: number[]): number;
 export { useCurrentGifIndex };
-//# sourceMappingURL=useCurrentGifIndex.d.ts.map

package/dist/useCurrentGifIndex.js

@@ -26,4 +26,3 @@ function useCurrentGifIndex(delays) {
     return index;
 }
 exports.useCurrentGifIndex = useCurrentGifIndex;
-//# sourceMappingURL=useCurrentGifIndex.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@remotion/gif",
-	"version": "3.0.4",
+	"version": "3.0.7",
 	"description": "Gif component for remotion",
 	"sideEffects": false,
 	"repository": {
@@ -23,7 +23,7 @@
 	"dependencies": {
 		"@react-gifs/tools": "0.1.2",
 		"lru_map": "0.4.1",
-		"remotion": "3.0.4"
+		"remotion": "3.0.7"
 	},
 	"devDependencies": {
 		"@jonny/eslint-config": "3.0.259",
@@ -54,5 +54,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "fe6cd08c090ed8aa6c2a1b610851c0ab97749a2c"
+	"gitHead": "e44469b9a64608db9bec219339bf93a0ac6e9655"
 }