remotion 3.3.43 → 3.3.44
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/README.md +5 -5
- package/dist/Satori.d.ts +5 -0
- package/dist/Satori.js +92 -0
- package/dist/cancel-render.d.ts +1 -0
- package/dist/cancel-render.js +43 -0
- package/dist/index.d.ts +3 -1
- package/dist/index.js +6 -2
- package/dist/version.d.ts +1 -1
- package/dist/version.js +1 -1
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -7,11 +7,11 @@
|
|
|
7
7
|
</a>
|
|
8
8
|
</p>
|
|
9
9
|
|
|
10
|
-
[](https://www.npmjs.org/package/remotion)
|
|
12
|
-
[](https://npmcharts.com/compare/remotion?minimal=true)
|
|
13
|
-
[](https://remotion.dev/discord)
|
|
11
|
+
[](https://www.npmjs.org/package/remotion)
|
|
12
|
+
[](https://npmcharts.com/compare/remotion?minimal=true)
|
|
13
|
+
[](https://github.com/remotion-dev/remotion/issues?q=is%3Aopen+label%3A%22%F0%9F%92%8E+Bounty%22+sort%3Aupdated-desc)
|
|
14
|
+
<a href="https://twitter.com/remotion"><img src="https://img.shields.io/twitter/follow/remotion?label=Twitter&color=black" alt="Twitter"></a>
|
|
15
15
|
|
|
16
16
|
Remotion is a framework for **creating videos programmatically using React.**
|
|
17
17
|
|
package/dist/Satori.d.ts
ADDED
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { PropsWithChildren } from 'react';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
export declare const Satori: React.FC<PropsWithChildren>;
|
|
4
|
+
export declare const SatoriForRendering: React.FC<PropsWithChildren>;
|
|
5
|
+
export declare const SatoriForDevelopment: React.FC<PropsWithChildren>;
|
package/dist/Satori.js
ADDED
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
+
};
|
|
28
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
+
exports.SatoriForDevelopment = exports.SatoriForRendering = exports.Satori = void 0;
|
|
30
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
31
|
+
const react_1 = __importStar(require("react"));
|
|
32
|
+
const satori_1 = __importDefault(require("satori"));
|
|
33
|
+
const _1 = require(".");
|
|
34
|
+
const get_environment_1 = require("./get-environment");
|
|
35
|
+
const NativeLayers_1 = require("./NativeLayers");
|
|
36
|
+
const use_video_config_1 = require("./use-video-config");
|
|
37
|
+
const Satori = ({ children }) => {
|
|
38
|
+
if ((0, get_environment_1.getRemotionEnvironment)() === 'rendering') {
|
|
39
|
+
return (0, jsx_runtime_1.jsx)(exports.SatoriForRendering, { children: children });
|
|
40
|
+
}
|
|
41
|
+
return (0, jsx_runtime_1.jsx)(exports.SatoriForDevelopment, { children: children });
|
|
42
|
+
};
|
|
43
|
+
exports.Satori = Satori;
|
|
44
|
+
const SatoriForRendering = ({ children }) => {
|
|
45
|
+
const { width, height } = (0, use_video_config_1.useVideoConfig)();
|
|
46
|
+
const { setSatoriStack } = (0, react_1.useContext)(NativeLayers_1.NativeLayersContext);
|
|
47
|
+
(0, react_1.useLayoutEffect)(() => {
|
|
48
|
+
const handle = (0, _1.delayRender)();
|
|
49
|
+
(0, satori_1.default)(children, {
|
|
50
|
+
width,
|
|
51
|
+
height,
|
|
52
|
+
fonts: [],
|
|
53
|
+
})
|
|
54
|
+
.then((svg) => {
|
|
55
|
+
(0, _1.continueRender)(handle);
|
|
56
|
+
setSatoriStack(svg);
|
|
57
|
+
console.log({ svg });
|
|
58
|
+
})
|
|
59
|
+
.catch((err) => {
|
|
60
|
+
console.log(err);
|
|
61
|
+
});
|
|
62
|
+
}, [children, height, setSatoriStack, width]);
|
|
63
|
+
return (0, jsx_runtime_1.jsx)(_1.Experimental.Null, {});
|
|
64
|
+
};
|
|
65
|
+
exports.SatoriForRendering = SatoriForRendering;
|
|
66
|
+
const SatoriForDevelopment = ({ children, }) => {
|
|
67
|
+
const [markup, setMarkup] = react_1.default.useState(null);
|
|
68
|
+
const { width, height } = (0, use_video_config_1.useVideoConfig)();
|
|
69
|
+
(0, react_1.useEffect)(() => {
|
|
70
|
+
(0, satori_1.default)(children, {
|
|
71
|
+
width,
|
|
72
|
+
height,
|
|
73
|
+
fonts: [],
|
|
74
|
+
})
|
|
75
|
+
.then((svg) => {
|
|
76
|
+
setMarkup(svg);
|
|
77
|
+
console.log({ svg });
|
|
78
|
+
})
|
|
79
|
+
.catch((err) => {
|
|
80
|
+
console.log(err);
|
|
81
|
+
});
|
|
82
|
+
}, [children, height, width]);
|
|
83
|
+
if (!markup) {
|
|
84
|
+
return null;
|
|
85
|
+
}
|
|
86
|
+
return ((0, jsx_runtime_1.jsx)("div", {
|
|
87
|
+
// eslint-disable-next-line react/no-danger
|
|
88
|
+
dangerouslySetInnerHTML: {
|
|
89
|
+
__html: markup,
|
|
90
|
+
} }));
|
|
91
|
+
};
|
|
92
|
+
exports.SatoriForDevelopment = SatoriForDevelopment;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function cancelRender(err: unknown): never;
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.cancelRender = void 0;
|
|
4
|
+
const isErrorLike = (err) => {
|
|
5
|
+
if (err === null) {
|
|
6
|
+
return false;
|
|
7
|
+
}
|
|
8
|
+
if (typeof err !== 'object') {
|
|
9
|
+
return false;
|
|
10
|
+
}
|
|
11
|
+
if (!('stack' in err)) {
|
|
12
|
+
return false;
|
|
13
|
+
}
|
|
14
|
+
// eslint-disable-next-line @typescript-eslint/prefer-ts-expect-error
|
|
15
|
+
// @ts-ignore we just asserted
|
|
16
|
+
if (typeof err.stack !== 'string') {
|
|
17
|
+
return false;
|
|
18
|
+
}
|
|
19
|
+
if (!('message' in err)) {
|
|
20
|
+
return false;
|
|
21
|
+
}
|
|
22
|
+
// eslint-disable-next-line @typescript-eslint/prefer-ts-expect-error
|
|
23
|
+
// @ts-ignore we just asserted
|
|
24
|
+
if (typeof err.message !== 'string') {
|
|
25
|
+
return false;
|
|
26
|
+
}
|
|
27
|
+
return true;
|
|
28
|
+
};
|
|
29
|
+
function cancelRender(err) {
|
|
30
|
+
let error;
|
|
31
|
+
if (isErrorLike(err)) {
|
|
32
|
+
error = err;
|
|
33
|
+
}
|
|
34
|
+
else if (typeof err === 'string') {
|
|
35
|
+
error = Error(err);
|
|
36
|
+
}
|
|
37
|
+
else {
|
|
38
|
+
error = Error('Rendering was cancelled');
|
|
39
|
+
}
|
|
40
|
+
window.remotion_cancelledError = error.stack;
|
|
41
|
+
throw error;
|
|
42
|
+
}
|
|
43
|
+
exports.cancelRender = cancelRender;
|
package/dist/index.d.ts
CHANGED
|
@@ -5,6 +5,7 @@ import type { ClipRegion } from './NativeLayers';
|
|
|
5
5
|
declare global {
|
|
6
6
|
interface Window {
|
|
7
7
|
ready: boolean;
|
|
8
|
+
remotion_cancelledError: string | undefined;
|
|
8
9
|
getStaticCompositions: () => TCompMetadata[];
|
|
9
10
|
setBundleMode: (bundleMode: BundleState) => void;
|
|
10
11
|
remotion_staticBase: string;
|
|
@@ -47,11 +48,12 @@ export declare type BundleState = {
|
|
|
47
48
|
};
|
|
48
49
|
export * from './AbsoluteFill';
|
|
49
50
|
export * from './audio';
|
|
51
|
+
export { cancelRender } from './cancel-render';
|
|
50
52
|
export * from './Composition';
|
|
51
53
|
export { SmallTCompMetadata, TAsset, TCompMetadata } from './CompositionManager';
|
|
52
54
|
export { Config, ConfigType } from './config';
|
|
53
55
|
export { getInputProps } from './config/input-props';
|
|
54
|
-
export
|
|
56
|
+
export { continueRender, delayRender } from './delay-render';
|
|
55
57
|
export * from './easing';
|
|
56
58
|
export * from './Folder';
|
|
57
59
|
export * from './freeze';
|
package/dist/index.js
CHANGED
|
@@ -14,7 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
14
14
|
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
15
|
};
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
exports.Experimental = exports.useCurrentFrame = exports.staticFile = exports.Series = exports.Sequence = exports.registerRoot = exports.random = exports.prefetch = exports.Loop = exports.interpolateColors = exports.getStaticFiles = exports.getInputProps = exports.Config = void 0;
|
|
17
|
+
exports.Experimental = exports.useCurrentFrame = exports.staticFile = exports.Series = exports.Sequence = exports.registerRoot = exports.random = exports.prefetch = exports.Loop = exports.interpolateColors = exports.getStaticFiles = exports.delayRender = exports.continueRender = exports.getInputProps = exports.Config = exports.cancelRender = void 0;
|
|
18
18
|
require("./asset-types");
|
|
19
19
|
const Clipper_1 = require("./Clipper");
|
|
20
20
|
const is_player_1 = require("./is-player");
|
|
@@ -23,12 +23,16 @@ const Null_1 = require("./Null");
|
|
|
23
23
|
(0, multiple_versions_warning_1.checkMultipleRemotionVersions)();
|
|
24
24
|
__exportStar(require("./AbsoluteFill"), exports);
|
|
25
25
|
__exportStar(require("./audio"), exports);
|
|
26
|
+
var cancel_render_1 = require("./cancel-render");
|
|
27
|
+
Object.defineProperty(exports, "cancelRender", { enumerable: true, get: function () { return cancel_render_1.cancelRender; } });
|
|
26
28
|
__exportStar(require("./Composition"), exports);
|
|
27
29
|
var config_1 = require("./config");
|
|
28
30
|
Object.defineProperty(exports, "Config", { enumerable: true, get: function () { return config_1.Config; } });
|
|
29
31
|
var input_props_1 = require("./config/input-props");
|
|
30
32
|
Object.defineProperty(exports, "getInputProps", { enumerable: true, get: function () { return input_props_1.getInputProps; } });
|
|
31
|
-
|
|
33
|
+
var delay_render_1 = require("./delay-render");
|
|
34
|
+
Object.defineProperty(exports, "continueRender", { enumerable: true, get: function () { return delay_render_1.continueRender; } });
|
|
35
|
+
Object.defineProperty(exports, "delayRender", { enumerable: true, get: function () { return delay_render_1.delayRender; } });
|
|
32
36
|
__exportStar(require("./easing"), exports);
|
|
33
37
|
__exportStar(require("./Folder"), exports);
|
|
34
38
|
__exportStar(require("./freeze"), exports);
|
package/dist/version.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const VERSION = "3.3.
|
|
1
|
+
export declare const VERSION = "3.3.44";
|
package/dist/version.js
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "remotion",
|
|
3
|
-
"version": "3.3.
|
|
3
|
+
"version": "3.3.44",
|
|
4
4
|
"description": "Render videos in React",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -65,5 +65,5 @@
|
|
|
65
65
|
]
|
|
66
66
|
}
|
|
67
67
|
},
|
|
68
|
-
"gitHead": "
|
|
68
|
+
"gitHead": "7ba7bbdacbda1499ecdb92f1d9581d5db458edf8"
|
|
69
69
|
}
|