@remotion/cli 4.0.43 → 4.0.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.
Files changed (61) hide show
  1. package/dist/config/index.d.ts +1 -1
  2. package/dist/config/log.d.ts +1 -1
  3. package/dist/editor/components/AssetSelector.js +19 -3
  4. package/dist/editor/components/AssetSelectorItem.d.ts +6 -4
  5. package/dist/editor/components/AssetSelectorItem.js +48 -23
  6. package/dist/editor/components/Canvas.d.ts +4 -1
  7. package/dist/editor/components/Canvas.js +72 -30
  8. package/dist/editor/components/CanvasOrLoading.js +9 -1
  9. package/dist/editor/components/CheckboardToggle.js +5 -0
  10. package/dist/editor/components/CompositionSelector.js +8 -6
  11. package/dist/editor/components/CompositionSelectorItem.d.ts +1 -1
  12. package/dist/editor/components/CurrentCompositionSideEffects.js +11 -4
  13. package/dist/editor/components/EditorContent.js +4 -1
  14. package/dist/editor/components/ExplorerPanel.js +0 -13
  15. package/dist/editor/components/FilePreview.d.ts +8 -0
  16. package/dist/editor/components/FilePreview.js +33 -0
  17. package/dist/editor/components/FramePersistor.d.ts +0 -1
  18. package/dist/editor/components/FramePersistor.js +1 -5
  19. package/dist/editor/components/InitialCompositionLoader.js +61 -18
  20. package/dist/editor/components/LoopToggle.js +3 -1
  21. package/dist/editor/components/MuteToggle.js +3 -1
  22. package/dist/editor/components/NewComposition/RemInput.d.ts +2 -2
  23. package/dist/editor/components/NewComposition/RemInputTypeColor.d.ts +1 -1
  24. package/dist/editor/components/NewComposition/RemTextarea.d.ts +1 -1
  25. package/dist/editor/components/OptionsPanel.js +7 -7
  26. package/dist/editor/components/PlayPause.js +2 -1
  27. package/dist/editor/components/PlaybackRateSelector.js +3 -1
  28. package/dist/editor/components/Preview.d.ts +7 -0
  29. package/dist/editor/components/Preview.js +156 -30
  30. package/dist/editor/components/RenderPreview.d.ts +4 -0
  31. package/dist/editor/components/RenderPreview.js +30 -0
  32. package/dist/editor/components/RendersTab.js +9 -1
  33. package/dist/editor/components/SizeSelector.js +15 -0
  34. package/dist/editor/components/StaticFilePreview.d.ts +4 -0
  35. package/dist/editor/components/StaticFilePreview.js +47 -0
  36. package/dist/editor/components/TextViewer.d.ts +4 -0
  37. package/dist/editor/components/TextViewer.js +26 -0
  38. package/dist/editor/components/Timeline/TimelineZoomControls.js +3 -1
  39. package/dist/editor/components/TimelineInOutToggle.js +2 -1
  40. package/dist/editor/components/ZoomPersistor.d.ts +2 -0
  41. package/dist/editor/components/ZoomPersistor.js +29 -7
  42. package/dist/editor/helpers/checkerboard-background.d.ts +1 -1
  43. package/dist/editor/helpers/colors.d.ts +1 -1
  44. package/dist/editor/helpers/create-folder-tree.d.ts +4 -3
  45. package/dist/editor/helpers/create-folder-tree.js +6 -3
  46. package/dist/editor/helpers/document-title.d.ts +1 -1
  47. package/dist/editor/helpers/document-title.js +14 -8
  48. package/dist/editor/helpers/is-current-selected-still.d.ts +3 -3
  49. package/dist/editor/helpers/is-current-selected-still.js +1 -15
  50. package/dist/editor/helpers/persist-open-folders.d.ts +4 -2
  51. package/dist/editor/helpers/persist-open-folders.js +7 -5
  52. package/dist/editor/state/folders.d.ts +4 -2
  53. package/dist/editor/state/folders.js +13 -6
  54. package/dist/get-cli-options.d.ts +2 -2
  55. package/dist/index.d.ts +10 -10
  56. package/dist/log.d.ts +4 -4
  57. package/package.json +8 -8
  58. package/dist/config/presets-profile.d.ts +0 -3
  59. package/dist/config/presets-profile.js +0 -12
  60. package/dist/handle-common-errors.d.ts +0 -2
  61. package/dist/handle-common-errors.js +0 -60
package/dist/index.d.ts CHANGED
@@ -63,24 +63,24 @@ export declare const CliInternals: {
63
63
  verbose: (message?: any, ...optionalParams: any[]) => void;
64
64
  verboseAdvanced: (options: {
65
65
  indent: boolean;
66
- logLevel: "error" | "verbose" | "info" | "warn";
66
+ logLevel: "verbose" | "info" | "warn" | "error";
67
67
  } & {
68
68
  tag?: string | undefined;
69
69
  }, message?: any, ...optionalParams: any[]) => void;
70
70
  info: (message?: any, ...optionalParams: any[]) => void;
71
71
  infoAdvanced: (options: {
72
72
  indent: boolean;
73
- logLevel: "error" | "verbose" | "info" | "warn";
73
+ logLevel: "verbose" | "info" | "warn" | "error";
74
74
  }, message?: any, ...optionalParams: any[]) => void;
75
75
  warn: (message?: any, ...optionalParams: any[]) => void;
76
76
  warnAdvanced: (options: {
77
77
  indent: boolean;
78
- logLevel: "error" | "verbose" | "info" | "warn";
78
+ logLevel: "verbose" | "info" | "warn" | "error";
79
79
  }, message?: any, ...optionalParams: any[]) => void;
80
80
  error: (message?: any, ...optionalParams: any[]) => void;
81
81
  errorAdvanced: (options: {
82
82
  indent: boolean;
83
- logLevel: "error" | "verbose" | "info" | "warn";
83
+ logLevel: "verbose" | "info" | "warn" | "error";
84
84
  } & {
85
85
  tag?: string | undefined;
86
86
  }, message?: any, ...optionalParams: any[]) => void;
@@ -100,13 +100,13 @@ export declare const CliInternals: {
100
100
  browser: "chrome";
101
101
  crf: import("@remotion/renderer").Crf | null;
102
102
  pixelFormat: "yuv420p" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le";
103
- proResProfile: "light" | "4444-xq" | "4444" | "hq" | "standard" | "proxy" | undefined;
103
+ proResProfile: "4444-xq" | "4444" | "hq" | "standard" | "light" | "proxy" | undefined;
104
104
  x264Preset: "medium" | "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "slow" | "slower" | "veryslow" | "placebo" | undefined;
105
105
  everyNthFrame: number;
106
106
  numberOfGifLoops: import("./config/number-of-gif-loops").Loop;
107
107
  stillFrame: number;
108
108
  browserExecutable: import("@remotion/renderer").BrowserExecutable;
109
- logLevel: "error" | "verbose" | "info" | "warn";
109
+ logLevel: "verbose" | "info" | "warn" | "error";
110
110
  scale: number;
111
111
  chromiumOptions: import("@remotion/renderer").ChromiumOptions;
112
112
  overwrite: boolean;
@@ -132,7 +132,7 @@ export declare const CliInternals: {
132
132
  "browser-executable": import("@remotion/renderer").BrowserExecutable;
133
133
  "pixel-format": "yuv420p" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le";
134
134
  "image-format": "none" | "png" | "jpeg" | "pdf" | "webp";
135
- "prores-profile": "light" | "4444-xq" | "4444" | "hq" | "standard" | "proxy";
135
+ "prores-profile": "4444-xq" | "4444" | "hq" | "standard" | "light" | "proxy";
136
136
  "x264-preset": "medium" | "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "slow" | "slower" | "veryslow" | "placebo";
137
137
  "bundle-cache": string;
138
138
  "env-file": string;
@@ -190,7 +190,7 @@ export declare const CliInternals: {
190
190
  } & {
191
191
  _: string[];
192
192
  };
193
- printError: (err: Error, logLevel: "error" | "verbose" | "info" | "warn") => Promise<void>;
193
+ printError: (err: Error, logLevel: "verbose" | "info" | "warn" | "error") => Promise<void>;
194
194
  formatBytes: (number: number, options?: Intl.NumberFormatOptions & {
195
195
  locale: string;
196
196
  bits?: boolean | undefined;
@@ -232,7 +232,7 @@ export declare const CliInternals: {
232
232
  };
233
233
  listOfRemotionPackages: string[];
234
234
  shouldUseNonOverlayingLogger: ({ logLevel, }: {
235
- logLevel: "error" | "verbose" | "info" | "warn";
235
+ logLevel: "verbose" | "info" | "warn" | "error";
236
236
  }) => boolean;
237
237
  getCompositionWithDimensionOverride: ({ height, width, args, compositionIdFromUi, chromiumOptions, envVariables, port, puppeteerInstance, timeoutInMilliseconds, browserExecutable, serveUrlOrWebpackUrl, indent, serializedInputPropsWithCustomSchema, logLevel, server, offthreadVideoCacheSizeInBytes, }: {
238
238
  height: number | null;
@@ -247,7 +247,7 @@ export declare const CliInternals: {
247
247
  browserExecutable: import("@remotion/renderer").BrowserExecutable;
248
248
  serveUrlOrWebpackUrl: string;
249
249
  indent: boolean;
250
- logLevel: "error" | "verbose" | "info" | "warn";
250
+ logLevel: "verbose" | "info" | "warn" | "error";
251
251
  serializedInputPropsWithCustomSchema: string;
252
252
  server: import("@remotion/renderer").RemotionServer;
253
253
  offthreadVideoCacheSizeInBytes: number | null;
package/dist/log.d.ts CHANGED
@@ -2,24 +2,24 @@ export declare const Log: {
2
2
  verbose: (message?: any, ...optionalParams: any[]) => void;
3
3
  verboseAdvanced: (options: {
4
4
  indent: boolean;
5
- logLevel: "error" | "verbose" | "info" | "warn";
5
+ logLevel: "verbose" | "info" | "warn" | "error";
6
6
  } & {
7
7
  tag?: string | undefined;
8
8
  }, message?: any, ...optionalParams: any[]) => void;
9
9
  info: (message?: any, ...optionalParams: any[]) => void;
10
10
  infoAdvanced: (options: {
11
11
  indent: boolean;
12
- logLevel: "error" | "verbose" | "info" | "warn";
12
+ logLevel: "verbose" | "info" | "warn" | "error";
13
13
  }, message?: any, ...optionalParams: any[]) => void;
14
14
  warn: (message?: any, ...optionalParams: any[]) => void;
15
15
  warnAdvanced: (options: {
16
16
  indent: boolean;
17
- logLevel: "error" | "verbose" | "info" | "warn";
17
+ logLevel: "verbose" | "info" | "warn" | "error";
18
18
  }, message?: any, ...optionalParams: any[]) => void;
19
19
  error: (message?: any, ...optionalParams: any[]) => void;
20
20
  errorAdvanced: (options: {
21
21
  indent: boolean;
22
- logLevel: "error" | "verbose" | "info" | "warn";
22
+ logLevel: "verbose" | "info" | "warn" | "error";
23
23
  } & {
24
24
  tag?: string | undefined;
25
25
  }, message?: any, ...optionalParams: any[]) => void;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@remotion/cli",
3
- "version": "4.0.43",
3
+ "version": "4.0.44",
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.43",
39
- "@remotion/renderer": "4.0.43",
40
- "@remotion/media-utils": "4.0.43",
41
- "remotion": "4.0.43",
42
- "@remotion/player": "4.0.43"
38
+ "@remotion/bundler": "4.0.44",
39
+ "@remotion/media-utils": "4.0.44",
40
+ "@remotion/player": "4.0.44",
41
+ "@remotion/renderer": "4.0.44",
42
+ "remotion": "4.0.44"
43
43
  },
44
44
  "peerDependencies": {
45
45
  "react": ">=16.8.0",
@@ -65,8 +65,8 @@
65
65
  "react-dom": "^18.0.0",
66
66
  "vitest": "0.31.1",
67
67
  "zod": "^3.21.4",
68
- "@remotion/zod-types": "4.0.43",
69
- "@remotion/tailwind": "4.0.43"
68
+ "@remotion/zod-types": "4.0.44",
69
+ "@remotion/tailwind": "4.0.44"
70
70
  },
71
71
  "keywords": [
72
72
  "remotion",
@@ -1,3 +0,0 @@
1
- import type { x264Preset } from '@remotion/renderer';
2
- export declare const getPresetProfile: () => x264Preset | undefined;
3
- export declare const setPresetProfile: (profile: x264Preset | undefined) => void;
@@ -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;
@@ -1,2 +0,0 @@
1
- import type { LogLevel } from '@remotion/renderer';
2
- export declare const handleCommonError: (err: Error, logLevel: LogLevel) => Promise<void>;
@@ -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;