@remotion/gif 4.0.339 → 4.0.341
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.turbo/turbo-make.log +1 -1
- package/LICENSE.md +7 -7
- package/dist/cjs/GifForDevelopment.js +1 -8
- package/dist/esm/index.mjs +10 -17
- package/package.json +3 -3
package/.turbo/turbo-make.log
CHANGED
package/LICENSE.md
CHANGED
|
@@ -6,10 +6,10 @@ In Remotion 5.0, the license will slightly change. [View the changes here](https
|
|
|
6
6
|
|
|
7
7
|
Depending on the type of your legal entity, you are granted permission to use Remotion for your project. Individuals and small companies are allowed to use Remotion to create videos for free (even commercial), while a company license is required for for-profit organizations of a certain size. This two-tier system was designed to ensure funding for this project while still allowing the source code to be available and the program to be free for most. Read below for the exact terms of use.
|
|
8
8
|
|
|
9
|
-
- [Free
|
|
10
|
-
- [Company
|
|
9
|
+
- [Free License](#free-license)
|
|
10
|
+
- [Company License](#company-license)
|
|
11
11
|
|
|
12
|
-
## Free
|
|
12
|
+
## Free License
|
|
13
13
|
|
|
14
14
|
Copyright © 2025 [Remotion](https://www.remotion.dev)
|
|
15
15
|
|
|
@@ -24,7 +24,7 @@ You are eligible to use Remotion for free if you are:
|
|
|
24
24
|
|
|
25
25
|
### Allowed use cases
|
|
26
26
|
|
|
27
|
-
Permission is hereby granted, free of charge, to any person eligible for the "Free
|
|
27
|
+
Permission is hereby granted, free of charge, to any person eligible for the "Free License", to use the software non-commercially or commercially for the purpose of creating videos and images and to modify the software to their own liking, for the purpose of fulfilling their custom use case or to contribute bug fixes or improvements back to Remotion.
|
|
28
28
|
|
|
29
29
|
### Disallowed use cases
|
|
30
30
|
|
|
@@ -38,12 +38,12 @@ The software is provided "as is", without warranty of any kind, express or impli
|
|
|
38
38
|
|
|
39
39
|
Support is provided on a best-we-can-do basis via GitHub Issues and Discord.
|
|
40
40
|
|
|
41
|
-
## Company
|
|
41
|
+
## Company License
|
|
42
42
|
|
|
43
|
-
You are required to obtain a
|
|
43
|
+
You are required to obtain a Company License to use Remotion if you are not within the group of entities eligible for a Free License. This license will enable you to use Remotion for the allowed use cases specified in the Free License, and give you access to prioritized support (read the [Support Policy](https://www.remotion.dev/docs/support)).
|
|
44
44
|
|
|
45
45
|
Visit [remotion.pro](https://www.remotion.pro/license) for pricing and to buy a license.
|
|
46
46
|
|
|
47
47
|
### FAQs
|
|
48
48
|
|
|
49
|
-
Are you not sure whether you need a
|
|
49
|
+
Are you not sure whether you need a Company License because of an edge case? Here are some [frequently asked questions](https://www.remotion.pro/faq).
|
|
@@ -4,7 +4,6 @@ exports.GifForDevelopment = void 0;
|
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
/* eslint-disable no-console */
|
|
6
6
|
const react_1 = require("react");
|
|
7
|
-
const remotion_1 = require("remotion");
|
|
8
7
|
const canvas_1 = require("./canvas");
|
|
9
8
|
const gif_cache_1 = require("./gif-cache");
|
|
10
9
|
const is_cors_error_1 = require("./is-cors-error");
|
|
@@ -27,7 +26,6 @@ exports.GifForDevelopment = (0, react_1.forwardRef)(({ src, width, height, onErr
|
|
|
27
26
|
return parsedGif;
|
|
28
27
|
});
|
|
29
28
|
const [error, setError] = (0, react_1.useState)(null);
|
|
30
|
-
const [id] = (0, react_1.useState)(() => (0, remotion_1.delayRender)(`Rendering <Gif/> with src="${resolvedSrc}"`));
|
|
31
29
|
const currentOnLoad = (0, react_1.useRef)(onLoad);
|
|
32
30
|
const currentOnError = (0, react_1.useRef)(onError);
|
|
33
31
|
currentOnLoad.current = onLoad;
|
|
@@ -36,7 +34,6 @@ exports.GifForDevelopment = (0, react_1.forwardRef)(({ src, width, height, onErr
|
|
|
36
34
|
let done = false;
|
|
37
35
|
let aborted = false;
|
|
38
36
|
const { prom, cancel } = (0, react_tools_1.parseWithWorker)(resolvedSrc);
|
|
39
|
-
const newHandle = (0, remotion_1.delayRender)('Loading <Gif /> with src=' + resolvedSrc);
|
|
40
37
|
prom
|
|
41
38
|
.then((parsed) => {
|
|
42
39
|
var _a;
|
|
@@ -44,12 +41,9 @@ exports.GifForDevelopment = (0, react_1.forwardRef)(({ src, width, height, onErr
|
|
|
44
41
|
update(parsed);
|
|
45
42
|
gif_cache_1.volatileGifCache.set(resolvedSrc, parsed);
|
|
46
43
|
done = true;
|
|
47
|
-
(0, remotion_1.continueRender)(newHandle);
|
|
48
|
-
(0, remotion_1.continueRender)(id);
|
|
49
44
|
})
|
|
50
45
|
.catch((err) => {
|
|
51
46
|
if (aborted) {
|
|
52
|
-
(0, remotion_1.continueRender)(newHandle);
|
|
53
47
|
return;
|
|
54
48
|
}
|
|
55
49
|
if (currentOnError.current) {
|
|
@@ -64,9 +58,8 @@ exports.GifForDevelopment = (0, react_1.forwardRef)(({ src, width, height, onErr
|
|
|
64
58
|
aborted = true;
|
|
65
59
|
cancel();
|
|
66
60
|
}
|
|
67
|
-
(0, remotion_1.continueRender)(newHandle);
|
|
68
61
|
};
|
|
69
|
-
}, [
|
|
62
|
+
}, [resolvedSrc]);
|
|
70
63
|
if (error) {
|
|
71
64
|
console.error(error.stack);
|
|
72
65
|
if ((0, is_cors_error_1.isCorsError)(error)) {
|
package/dist/esm/index.mjs
CHANGED
|
@@ -824,7 +824,6 @@ import { getRemotionEnvironment as getRemotionEnvironment2 } from "remotion";
|
|
|
824
824
|
|
|
825
825
|
// src/GifForDevelopment.tsx
|
|
826
826
|
import { forwardRef as forwardRef2, useEffect as useEffect3, useRef as useRef2, useState as useState3 } from "react";
|
|
827
|
-
import { continueRender, delayRender } from "remotion";
|
|
828
827
|
|
|
829
828
|
// src/canvas.tsx
|
|
830
829
|
import {
|
|
@@ -1065,7 +1064,6 @@ var GifForDevelopment = forwardRef2(({
|
|
|
1065
1064
|
return parsedGif;
|
|
1066
1065
|
});
|
|
1067
1066
|
const [error, setError] = useState3(null);
|
|
1068
|
-
const [id] = useState3(() => delayRender(`Rendering <Gif/> with src="${resolvedSrc}"`));
|
|
1069
1067
|
const currentOnLoad = useRef2(onLoad);
|
|
1070
1068
|
const currentOnError = useRef2(onError);
|
|
1071
1069
|
currentOnLoad.current = onLoad;
|
|
@@ -1074,17 +1072,13 @@ var GifForDevelopment = forwardRef2(({
|
|
|
1074
1072
|
let done = false;
|
|
1075
1073
|
let aborted = false;
|
|
1076
1074
|
const { prom, cancel } = parseWithWorker(resolvedSrc);
|
|
1077
|
-
const newHandle = delayRender("Loading <Gif /> with src=" + resolvedSrc);
|
|
1078
1075
|
prom.then((parsed) => {
|
|
1079
1076
|
currentOnLoad.current?.(parsed);
|
|
1080
1077
|
update(parsed);
|
|
1081
1078
|
volatileGifCache.set(resolvedSrc, parsed);
|
|
1082
1079
|
done = true;
|
|
1083
|
-
continueRender(newHandle);
|
|
1084
|
-
continueRender(id);
|
|
1085
1080
|
}).catch((err) => {
|
|
1086
1081
|
if (aborted) {
|
|
1087
|
-
continueRender(newHandle);
|
|
1088
1082
|
return;
|
|
1089
1083
|
}
|
|
1090
1084
|
if (currentOnError.current) {
|
|
@@ -1098,9 +1092,8 @@ var GifForDevelopment = forwardRef2(({
|
|
|
1098
1092
|
aborted = true;
|
|
1099
1093
|
cancel();
|
|
1100
1094
|
}
|
|
1101
|
-
continueRender(newHandle);
|
|
1102
1095
|
};
|
|
1103
|
-
}, [
|
|
1096
|
+
}, [resolvedSrc]);
|
|
1104
1097
|
if (error) {
|
|
1105
1098
|
console.error(error.stack);
|
|
1106
1099
|
if (isCorsError(error)) {
|
|
@@ -1129,7 +1122,7 @@ var GifForDevelopment = forwardRef2(({
|
|
|
1129
1122
|
|
|
1130
1123
|
// src/GifForRendering.tsx
|
|
1131
1124
|
import { forwardRef as forwardRef3, useEffect as useEffect4, useRef as useRef3, useState as useState4 } from "react";
|
|
1132
|
-
import { continueRender
|
|
1125
|
+
import { continueRender, delayRender, Internals } from "remotion";
|
|
1133
1126
|
import { jsx as jsx3 } from "react/jsx-runtime";
|
|
1134
1127
|
var GifForRendering = forwardRef3(({
|
|
1135
1128
|
src: src2,
|
|
@@ -1156,11 +1149,11 @@ var GifForRendering = forwardRef3(({
|
|
|
1156
1149
|
return parsedGif;
|
|
1157
1150
|
});
|
|
1158
1151
|
const [error, setError] = useState4(null);
|
|
1159
|
-
const [renderHandle] = useState4(() =>
|
|
1152
|
+
const [renderHandle] = useState4(() => delayRender(`Rendering <Gif/> with src="${resolvedSrc}"`));
|
|
1160
1153
|
const logLevel = Internals.useLogLevel();
|
|
1161
1154
|
useEffect4(() => {
|
|
1162
1155
|
return () => {
|
|
1163
|
-
|
|
1156
|
+
continueRender(renderHandle);
|
|
1164
1157
|
};
|
|
1165
1158
|
}, [renderHandle]);
|
|
1166
1159
|
const index = useCurrentGifIndex({
|
|
@@ -1176,7 +1169,7 @@ var GifForRendering = forwardRef3(({
|
|
|
1176
1169
|
const controller = new AbortController;
|
|
1177
1170
|
let done = false;
|
|
1178
1171
|
let aborted = false;
|
|
1179
|
-
const newHandle =
|
|
1172
|
+
const newHandle = delayRender("Loading <Gif /> with src=" + resolvedSrc);
|
|
1180
1173
|
Internals.Log.verbose(logLevel, "Loading GIF with source", resolvedSrc);
|
|
1181
1174
|
const time = Date.now();
|
|
1182
1175
|
parseGif({ controller, src: resolvedSrc }).then((parsed) => {
|
|
@@ -1185,11 +1178,11 @@ var GifForRendering = forwardRef3(({
|
|
|
1185
1178
|
update(parsed);
|
|
1186
1179
|
volatileGifCache.set(resolvedSrc, parsed);
|
|
1187
1180
|
done = true;
|
|
1188
|
-
|
|
1189
|
-
|
|
1181
|
+
continueRender(newHandle);
|
|
1182
|
+
continueRender(renderHandle);
|
|
1190
1183
|
}).catch((err) => {
|
|
1191
1184
|
if (aborted) {
|
|
1192
|
-
|
|
1185
|
+
continueRender(newHandle);
|
|
1193
1186
|
return;
|
|
1194
1187
|
}
|
|
1195
1188
|
Internals.Log.error("Failed to load GIF", err);
|
|
@@ -1204,8 +1197,8 @@ var GifForRendering = forwardRef3(({
|
|
|
1204
1197
|
aborted = true;
|
|
1205
1198
|
controller.abort();
|
|
1206
1199
|
}
|
|
1207
|
-
|
|
1208
|
-
|
|
1200
|
+
continueRender(newHandle);
|
|
1201
|
+
continueRender(renderHandle);
|
|
1209
1202
|
};
|
|
1210
1203
|
}, [renderHandle, logLevel, resolvedSrc]);
|
|
1211
1204
|
if (error) {
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"url": "https://github.com/remotion-dev/remotion/tree/main/packages/gif"
|
|
4
4
|
},
|
|
5
5
|
"name": "@remotion/gif",
|
|
6
|
-
"version": "4.0.
|
|
6
|
+
"version": "4.0.341",
|
|
7
7
|
"description": "Embed GIFs in a Remotion video",
|
|
8
8
|
"sideEffects": false,
|
|
9
9
|
"bugs": {
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
}
|
|
25
25
|
},
|
|
26
26
|
"dependencies": {
|
|
27
|
-
"remotion": "4.0.
|
|
27
|
+
"remotion": "4.0.341"
|
|
28
28
|
},
|
|
29
29
|
"devDependencies": {
|
|
30
30
|
"esbuild": "0.25.0",
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
"react-dom": "19.0.0",
|
|
33
33
|
"webpack": "5.96.1",
|
|
34
34
|
"eslint": "9.19.0",
|
|
35
|
-
"@remotion/eslint-config-internal": "4.0.
|
|
35
|
+
"@remotion/eslint-config-internal": "4.0.341"
|
|
36
36
|
},
|
|
37
37
|
"peerDependencies": {
|
|
38
38
|
"react": ">=16.8.0",
|