@remotion/cli 4.0.57 → 4.0.58
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/dist/config/log.d.ts +1 -1
- package/dist/editor/components/NewComposition/RemInput.d.ts +2 -2
- package/dist/editor/components/NewComposition/RemInputTypeColor.d.ts +1 -1
- package/dist/editor/helpers/colors.d.ts +1 -1
- package/dist/editor/helpers/render-modal-sections.d.ts +1 -0
- package/dist/get-cli-options.d.ts +1 -1
- package/dist/index.d.ts +7 -7
- package/package.json +10 -10
- package/dist/config/presets-profile.d.ts +0 -3
- package/dist/config/presets-profile.js +0 -12
- package/dist/editor/components/DownloadButton.d.ts +0 -0
- package/dist/editor/components/DownloadButton.js +0 -1
- package/dist/handle-common-errors.d.ts +0 -2
- package/dist/handle-common-errors.js +0 -60
package/dist/config/log.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const getLogLevel: () => "
|
|
1
|
+
export declare const getLogLevel: () => "error" | "verbose" | "info" | "warn", setLogLevel: (newLogLevel: "error" | "verbose" | "info" | "warn") => void;
|
|
@@ -12,6 +12,6 @@ export declare const getInputBorderColor: ({ status, isFocused, isHovered, }: {
|
|
|
12
12
|
status: 'error' | 'warning' | 'ok';
|
|
13
13
|
isFocused: boolean;
|
|
14
14
|
isHovered: boolean;
|
|
15
|
-
}) => "hsla(0, 0%, 100%, 0.15)" | "rgba(0, 0, 0, 0.6)" | "rgba(255, 255, 255, 0.05)"
|
|
16
|
-
export declare const RemotionInput: React.ForwardRefExoticComponent<Pick<Props, "key" | keyof React.InputHTMLAttributes<HTMLInputElement> | "
|
|
15
|
+
}) => "hsla(0, 0%, 100%, 0.15)" | "#ff3232" | "#f1c40f" | "rgba(0, 0, 0, 0.6)" | "rgba(255, 255, 255, 0.05)";
|
|
16
|
+
export declare const RemotionInput: React.ForwardRefExoticComponent<Pick<Props, "key" | "status" | keyof React.InputHTMLAttributes<HTMLInputElement> | "rightAlign"> & React.RefAttributes<HTMLInputElement>>;
|
|
17
17
|
export {};
|
|
@@ -4,5 +4,5 @@ type Props = React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>
|
|
|
4
4
|
status: RemInputStatus;
|
|
5
5
|
name: string;
|
|
6
6
|
};
|
|
7
|
-
export declare const RemInputTypeColor: React.ForwardRefExoticComponent<Pick<Props, "key" | keyof React.InputHTMLAttributes<HTMLInputElement
|
|
7
|
+
export declare const RemInputTypeColor: React.ForwardRefExoticComponent<Pick<Props, "key" | "status" | keyof React.InputHTMLAttributes<HTMLInputElement>> & React.RefAttributes<HTMLInputElement>>;
|
|
8
8
|
export {};
|
|
@@ -16,4 +16,4 @@ export declare const BLUE_DISABLED = "#284f73";
|
|
|
16
16
|
export declare const getBackgroundFromHoverState: ({ selected, hovered, }: {
|
|
17
17
|
selected: boolean;
|
|
18
18
|
hovered: boolean;
|
|
19
|
-
}) => "transparent" | "hsla(0, 0%, 100%, 0.15)" | "
|
|
19
|
+
}) => "transparent" | "hsla(0, 0%, 100%, 0.15)" | "rgba(255, 255, 255, 0.06)" | "hsla(0, 0%, 100%, 0.25)";
|
|
@@ -22,7 +22,7 @@ export declare const getCliOptions: (options: {
|
|
|
22
22
|
numberOfGifLoops: import("./config/number-of-gif-loops").Loop;
|
|
23
23
|
stillFrame: number;
|
|
24
24
|
browserExecutable: BrowserExecutable;
|
|
25
|
-
logLevel: "
|
|
25
|
+
logLevel: "error" | "verbose" | "info" | "warn";
|
|
26
26
|
scale: number;
|
|
27
27
|
chromiumOptions: ChromiumOptions;
|
|
28
28
|
overwrite: boolean;
|
package/dist/index.d.ts
CHANGED
|
@@ -74,7 +74,7 @@ export declare const CliInternals: {
|
|
|
74
74
|
isLambda: boolean;
|
|
75
75
|
type: "still" | "series" | "get-compositions";
|
|
76
76
|
remotionRoot: string;
|
|
77
|
-
logLevel: "
|
|
77
|
+
logLevel: "error" | "verbose" | "info" | "warn";
|
|
78
78
|
}) => Promise<{
|
|
79
79
|
puppeteerTimeout: number;
|
|
80
80
|
concurrency: string | number | null;
|
|
@@ -92,7 +92,7 @@ export declare const CliInternals: {
|
|
|
92
92
|
numberOfGifLoops: import("./config/number-of-gif-loops").Loop;
|
|
93
93
|
stillFrame: number;
|
|
94
94
|
browserExecutable: import("@remotion/renderer").BrowserExecutable;
|
|
95
|
-
logLevel: "
|
|
95
|
+
logLevel: "error" | "verbose" | "info" | "warn";
|
|
96
96
|
scale: number;
|
|
97
97
|
chromiumOptions: import("@remotion/renderer").ChromiumOptions;
|
|
98
98
|
overwrite: boolean;
|
|
@@ -111,7 +111,7 @@ export declare const CliInternals: {
|
|
|
111
111
|
colorSpace: "default" | "bt709";
|
|
112
112
|
}>;
|
|
113
113
|
loadConfig: (remotionRoot: string) => Promise<string | null>;
|
|
114
|
-
initializeCli: (remotionRoot: string) => Promise<"
|
|
114
|
+
initializeCli: (remotionRoot: string) => Promise<"error" | "verbose" | "info" | "warn">;
|
|
115
115
|
BooleanFlags: string[];
|
|
116
116
|
quietFlagProvided: () => boolean;
|
|
117
117
|
parsedCli: {
|
|
@@ -176,7 +176,7 @@ export declare const CliInternals: {
|
|
|
176
176
|
} & {
|
|
177
177
|
_: string[];
|
|
178
178
|
};
|
|
179
|
-
printError: (err: Error, logLevel: "
|
|
179
|
+
printError: (err: Error, logLevel: "error" | "verbose" | "info" | "warn") => Promise<void>;
|
|
180
180
|
formatBytes: (number: number, options?: Intl.NumberFormatOptions & {
|
|
181
181
|
locale: string;
|
|
182
182
|
bits?: boolean | undefined;
|
|
@@ -196,7 +196,7 @@ export declare const CliInternals: {
|
|
|
196
196
|
source: string;
|
|
197
197
|
};
|
|
198
198
|
minimist: typeof minimist;
|
|
199
|
-
findEntryPoint: (args: string[], remotionRoot: string, logLevel: "
|
|
199
|
+
findEntryPoint: (args: string[], remotionRoot: string, logLevel: "error" | "verbose" | "info" | "warn") => {
|
|
200
200
|
file: string | null;
|
|
201
201
|
remainingArgs: string[];
|
|
202
202
|
reason: string;
|
|
@@ -219,7 +219,7 @@ export declare const CliInternals: {
|
|
|
219
219
|
};
|
|
220
220
|
listOfRemotionPackages: string[];
|
|
221
221
|
shouldUseNonOverlayingLogger: ({ logLevel, }: {
|
|
222
|
-
logLevel: "
|
|
222
|
+
logLevel: "error" | "verbose" | "info" | "warn";
|
|
223
223
|
}) => boolean;
|
|
224
224
|
getCompositionWithDimensionOverride: ({ height, width, args, compositionIdFromUi, chromiumOptions, envVariables, port, puppeteerInstance, timeoutInMilliseconds, browserExecutable, serveUrlOrWebpackUrl, indent, serializedInputPropsWithCustomSchema, logLevel, server, offthreadVideoCacheSizeInBytes, }: {
|
|
225
225
|
height: number | null;
|
|
@@ -234,7 +234,7 @@ export declare const CliInternals: {
|
|
|
234
234
|
browserExecutable: import("@remotion/renderer").BrowserExecutable;
|
|
235
235
|
serveUrlOrWebpackUrl: string;
|
|
236
236
|
indent: boolean;
|
|
237
|
-
logLevel: "
|
|
237
|
+
logLevel: "error" | "verbose" | "info" | "warn";
|
|
238
238
|
serializedInputPropsWithCustomSchema: string;
|
|
239
239
|
server: import("@remotion/renderer").RemotionServer;
|
|
240
240
|
offthreadVideoCacheSizeInBytes: number | null;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@remotion/cli",
|
|
3
|
-
"version": "4.0.
|
|
3
|
+
"version": "4.0.58",
|
|
4
4
|
"description": "CLI for Remotion",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"sideEffects": false,
|
|
@@ -35,11 +35,11 @@
|
|
|
35
35
|
"prompts": "2.4.1",
|
|
36
36
|
"semver": "7.5.3",
|
|
37
37
|
"source-map": "0.6.1",
|
|
38
|
-
"@remotion/bundler": "4.0.
|
|
39
|
-
"@remotion/
|
|
40
|
-
"@remotion/
|
|
41
|
-
"remotion": "4.0.
|
|
42
|
-
"
|
|
38
|
+
"@remotion/bundler": "4.0.58",
|
|
39
|
+
"@remotion/media-utils": "4.0.58",
|
|
40
|
+
"@remotion/player": "4.0.58",
|
|
41
|
+
"@remotion/renderer": "4.0.58",
|
|
42
|
+
"remotion": "4.0.58"
|
|
43
43
|
},
|
|
44
44
|
"peerDependencies": {
|
|
45
45
|
"react": ">=16.8.0",
|
|
@@ -61,12 +61,12 @@
|
|
|
61
61
|
"eslint-plugin-react-hooks": "4.4.0",
|
|
62
62
|
"prettier": "3.0.2",
|
|
63
63
|
"prettier-plugin-organize-imports": "^3.2.2",
|
|
64
|
-
"react": "
|
|
65
|
-
"react-dom": "
|
|
64
|
+
"react": "18.2.0",
|
|
65
|
+
"react-dom": "18.2.0",
|
|
66
66
|
"vitest": "0.31.1",
|
|
67
67
|
"zod": "^3.22.3",
|
|
68
|
-
"@remotion/
|
|
69
|
-
"@remotion/
|
|
68
|
+
"@remotion/zod-types": "4.0.58",
|
|
69
|
+
"@remotion/tailwind": "4.0.58"
|
|
70
70
|
},
|
|
71
71
|
"keywords": [
|
|
72
72
|
"remotion",
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.setPresetProfile = exports.getPresetProfile = void 0;
|
|
4
|
-
let preset;
|
|
5
|
-
const getPresetProfile = () => {
|
|
6
|
-
return preset;
|
|
7
|
-
};
|
|
8
|
-
exports.getPresetProfile = getPresetProfile;
|
|
9
|
-
const setPresetProfile = (profile) => {
|
|
10
|
-
preset = profile;
|
|
11
|
-
};
|
|
12
|
-
exports.setPresetProfile = setPresetProfile;
|
|
File without changes
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.handleCommonError = void 0;
|
|
4
|
-
const chalk_1 = require("./chalk");
|
|
5
|
-
const log_1 = require("./log");
|
|
6
|
-
const print_error_1 = require("./print-error");
|
|
7
|
-
const truthy_1 = require("./truthy");
|
|
8
|
-
const handleCommonError = async (err, logLevel) => {
|
|
9
|
-
var _a;
|
|
10
|
-
await (0, print_error_1.printError)(err, logLevel);
|
|
11
|
-
if (err.message.includes('Could not play video with')) {
|
|
12
|
-
log_1.Log.info();
|
|
13
|
-
log_1.Log.info('💡 Get help for this issue at https://remotion.dev/docs/media-playback-error');
|
|
14
|
-
}
|
|
15
|
-
if (err.message.includes('A delayRender()') &&
|
|
16
|
-
err.message.includes('was called but not cleared after')) {
|
|
17
|
-
log_1.Log.info();
|
|
18
|
-
log_1.Log.info('💡 Get help for this issue at https://remotion.dev/docs/timeout');
|
|
19
|
-
}
|
|
20
|
-
if (err.message.includes('Target closed')) {
|
|
21
|
-
log_1.Log.info();
|
|
22
|
-
log_1.Log.info('💡 Get help for this issue at https://remotion.dev/docs/target-closed');
|
|
23
|
-
}
|
|
24
|
-
if (err.message.includes('ENAMETOOLONG')) {
|
|
25
|
-
log_1.Log.info();
|
|
26
|
-
log_1.Log.info('💡 Get help for this issue at https://remotion.dev/docs/enametoolong');
|
|
27
|
-
}
|
|
28
|
-
if (err.message.includes('Error creating WebGL context')) {
|
|
29
|
-
log_1.Log.info();
|
|
30
|
-
log_1.Log.warn('💡 You might need to set the OpenGL renderer to "angle" (or "swangle" if rendering on lambda). Learn why at https://www.remotion.dev/docs/three');
|
|
31
|
-
log_1.Log.warn("💡 Check how it's done at https://www.remotion.dev/docs/chromium-flags#--gl");
|
|
32
|
-
}
|
|
33
|
-
if (err.message.includes('The bucket does not allow ACLs')) {
|
|
34
|
-
log_1.Log.info();
|
|
35
|
-
log_1.Log.info(chalk_1.chalk.green('💡 Fix this issue https://remotion.dev/docs/lambda/troubleshooting/bucket-disallows-acl'));
|
|
36
|
-
}
|
|
37
|
-
if (err.message.includes('Minified React error #306')) {
|
|
38
|
-
const componentName = (_a = err.message.match(/<\w+>/)) === null || _a === void 0 ? void 0 : _a[0];
|
|
39
|
-
log_1.Log.info([
|
|
40
|
-
'💡 This error indicates that the component',
|
|
41
|
-
componentName ? `(${componentName})` : null,
|
|
42
|
-
'you are trying to render is not imported correctly.',
|
|
43
|
-
]
|
|
44
|
-
.filter(truthy_1.truthy)
|
|
45
|
-
.join(' '));
|
|
46
|
-
log_1.Log.info();
|
|
47
|
-
log_1.Log.info(' Check the root file and ensure that the component is not undefined.');
|
|
48
|
-
log_1.Log.info(' Oftentimes, this happens if the component is missing the `export` keyword');
|
|
49
|
-
log_1.Log.info(' or if the component was renamed and the import statement not properly adjusted.');
|
|
50
|
-
}
|
|
51
|
-
if (err.message.includes('GLIBC_')) {
|
|
52
|
-
log_1.Log.info('💡 Remotion requires at least Libc 2.35.');
|
|
53
|
-
log_1.Log.info('💡 Get help for this issue: https://github.com/remotion-dev/remotion/issues/2439');
|
|
54
|
-
}
|
|
55
|
-
if (err.message.includes('EBADF')) {
|
|
56
|
-
log_1.Log.info('💡 This error might be fixed by changing your Node version:');
|
|
57
|
-
log_1.Log.info(' https://github.com/remotion-dev/remotion/issues/2452');
|
|
58
|
-
}
|
|
59
|
-
};
|
|
60
|
-
exports.handleCommonError = handleCommonError;
|