@remotion/cli 3.1.8 → 3.2.0

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 (89) hide show
  1. package/dist/code-frame.js +2 -1
  2. package/dist/editor/components/Canvas.js +2 -0
  3. package/dist/editor/components/CompositionSelector.js +2 -0
  4. package/dist/editor/components/CompositionSelectorItem.js +1 -0
  5. package/dist/editor/components/CurrentComposition.js +5 -0
  6. package/dist/editor/components/Editor.js +3 -1
  7. package/dist/editor/components/InitialCompositionLoader.js +13 -0
  8. package/dist/editor/components/MenuToolbar.js +2 -0
  9. package/dist/editor/components/Notifications/Notification.js +1 -1
  10. package/dist/editor/components/Notifications/NotificationCenter.js +1 -0
  11. package/dist/editor/components/PlayPause.js +41 -23
  12. package/dist/editor/components/PreviewToolbar.js +4 -2
  13. package/dist/editor/components/Splitter/SplitterElement.js +1 -0
  14. package/dist/editor/components/TimeValue.js +9 -5
  15. package/dist/editor/components/Timeline/MaxTimelineTracks.d.ts +1 -0
  16. package/dist/editor/components/Timeline/MaxTimelineTracks.js +5 -3
  17. package/dist/editor/components/Timeline/Timeline.js +11 -4
  18. package/dist/editor/components/Timeline/TimelineDragHandler.js +120 -23
  19. package/dist/editor/components/Timeline/TimelineList.js +7 -4
  20. package/dist/editor/components/Timeline/TimelineListItem.d.ts +1 -0
  21. package/dist/editor/components/Timeline/TimelineListItem.js +8 -4
  22. package/dist/editor/components/Timeline/TimelinePlayCursorSyncer.d.ts +2 -0
  23. package/dist/editor/components/Timeline/TimelinePlayCursorSyncer.js +76 -0
  24. package/dist/editor/components/Timeline/TimelineScrollable.js +4 -2
  25. package/dist/editor/components/Timeline/TimelineSlider.d.ts +3 -0
  26. package/dist/editor/components/Timeline/TimelineSlider.js +35 -2
  27. package/dist/editor/components/Timeline/TimelineSliderHandle.js +1 -3
  28. package/dist/editor/components/Timeline/TimelineTimeIndicators.d.ts +5 -0
  29. package/dist/editor/components/Timeline/TimelineTimeIndicators.js +168 -0
  30. package/dist/editor/components/Timeline/TimelineTracks.js +14 -9
  31. package/dist/editor/components/Timeline/TimelineZoomControls.js +18 -2
  32. package/dist/editor/components/Timeline/imperative-state.d.ts +12 -0
  33. package/dist/editor/components/Timeline/imperative-state.js +39 -0
  34. package/dist/editor/components/Timeline/timeline-refs.d.ts +2 -0
  35. package/dist/editor/components/Timeline/timeline-refs.js +3 -1
  36. package/dist/editor/components/Timeline/timeline-scroll-logic.d.ts +40 -0
  37. package/dist/editor/components/Timeline/timeline-scroll-logic.js +206 -1
  38. package/dist/editor/components/ZoomPersistor.d.ts +4 -0
  39. package/dist/editor/components/ZoomPersistor.js +37 -0
  40. package/dist/editor/helpers/colors.d.ts +1 -0
  41. package/dist/editor/helpers/colors.js +2 -1
  42. package/dist/editor/helpers/get-left-of-timeline-slider.d.ts +1 -0
  43. package/dist/editor/helpers/get-left-of-timeline-slider.js +7 -4
  44. package/dist/editor/helpers/get-timeline-sequence-layout.js +29 -9
  45. package/dist/editor/icons/minus.d.ts +3 -0
  46. package/dist/editor/icons/minus.js +8 -0
  47. package/dist/editor/icons/plus.d.ts +3 -0
  48. package/dist/editor/icons/plus.js +8 -0
  49. package/dist/editor/state/timeline-zoom.d.ts +1 -1
  50. package/dist/editor/state/timeline-zoom.js +15 -1
  51. package/dist/handle-common-errors.js +5 -0
  52. package/dist/preview-server/error-overlay/remotion-overlay/Button.d.ts +1 -0
  53. package/dist/preview-server/error-overlay/remotion-overlay/Button.js +9 -2
  54. package/dist/preview-server/error-overlay/remotion-overlay/HelpLink.js +5 -1
  55. package/dist/preview-server/error-overlay/remotion-overlay/get-help-link.js +24 -0
  56. package/dist/preview-server/live-events.js +4 -0
  57. package/dist/preview-server/routes.js +16 -2
  58. package/dist/preview-server/start-server.js +1 -1
  59. package/dist/upgrade.js +1 -0
  60. package/dist/versions.js +1 -0
  61. package/package.json +7 -7
  62. package/dist/bundle-on-cli.d.ts +0 -2
  63. package/dist/bundle-on-cli.js +0 -41
  64. package/dist/bundle.d.ts +0 -1
  65. package/dist/bundle.js +0 -31
  66. package/dist/chalk/symbols.d.ts +0 -111
  67. package/dist/chalk/symbols.js +0 -75
  68. package/dist/chalk/utilities.d.ts +0 -2
  69. package/dist/chalk/utilities.js +0 -37
  70. package/dist/editor/components/CompositionManager.d.ts +0 -4
  71. package/dist/editor/components/CompositionManager.js +0 -60
  72. package/dist/editor/components/LoadingIndicator.d.ts +0 -2
  73. package/dist/editor/components/LoadingIndicator.js +0 -35
  74. package/dist/prepare-entry-point.d.ts +0 -11
  75. package/dist/prepare-entry-point.js +0 -36
  76. package/dist/preview-server/fast-refresh/helpers.d.ts +0 -39
  77. package/dist/preview-server/fast-refresh/helpers.js +0 -145
  78. package/dist/preview-server/fast-refresh/index.d.ts +0 -30
  79. package/dist/preview-server/fast-refresh/index.js +0 -86
  80. package/dist/preview-server/fast-refresh/loader.d.ts +0 -35
  81. package/dist/preview-server/fast-refresh/loader.js +0 -81
  82. package/dist/preview-server/fast-refresh/runtime.d.ts +0 -35
  83. package/dist/preview-server/fast-refresh/runtime.js +0 -32
  84. package/dist/preview-server/static-preview.d.ts +0 -1
  85. package/dist/preview-server/static-preview.js +0 -40
  86. package/dist/preview-server/webpack-cache.d.ts +0 -12
  87. package/dist/preview-server/webpack-cache.js +0 -66
  88. package/dist/webpack-cache.d.ts +0 -12
  89. package/dist/webpack-cache.js +0 -66
@@ -1,32 +0,0 @@
1
- "use strict";
2
- /**
3
- * Source code is adapted from https://github.com/WebHotelier/webpack-fast-refresh#readme and rewritten in Typescript. This file is MIT licensed.
4
- */
5
- var __importDefault = (this && this.__importDefault) || function (mod) {
6
- return (mod && mod.__esModule) ? mod : { "default": mod };
7
- };
8
- Object.defineProperty(exports, "__esModule", { value: true });
9
- const RefreshRuntime = require('react-refresh/runtime');
10
- const helpers_1 = __importDefault(require("./helpers"));
11
- // Hook into ReactDOM initialization
12
- RefreshRuntime.injectIntoGlobalHook(self);
13
- // noop fns to prevent runtime errors during initialization
14
- self.$RefreshReg$ = () => undefined;
15
- self.$RefreshSig$ = () => (type) => type;
16
- // Register global helpers
17
- self.$RefreshHelpers$ = helpers_1.default;
18
- // Register a helper for module execution interception
19
- self.$RefreshInterceptModuleExecution$ = function (webpackModuleId) {
20
- const prevRefreshReg = self.$RefreshReg$;
21
- const prevRefreshSig = self.$RefreshSig$;
22
- self.$RefreshReg$ = (type, id) => {
23
- RefreshRuntime.register(type, webpackModuleId + ' ' + id);
24
- };
25
- self.$RefreshSig$ = RefreshRuntime.createSignatureFunctionForTransform;
26
- // Modeled after `useEffect` cleanup pattern:
27
- // https://reactjs.org/docs/hooks-effect.html#effects-with-cleanup
28
- return () => {
29
- self.$RefreshReg$ = prevRefreshReg;
30
- self.$RefreshSig$ = prevRefreshSig;
31
- };
32
- };
@@ -1 +0,0 @@
1
- export declare const indexHtml: (staticHash: string, baseDir: string, editorName: string | null) => string;
@@ -1,40 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.indexHtml = void 0;
7
- const path_1 = __importDefault(require("path"));
8
- const indexHtml = (staticHash, baseDir, editorName) => `
9
- <!DOCTYPE html>
10
- <html lang="en">
11
- <head>
12
- <meta charset="UTF-8" />
13
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
14
- <link rel="preconnect" href="https://fonts.gstatic.com" />
15
- <link rel="icon" type="image/png" href="/remotion.png" />
16
- <title>Remotion Preview</title>
17
- </head>
18
- <body>
19
- <script>window.remotion_staticBase = "${staticHash}";</script>
20
- <div id="video-container"></div>
21
- <div id="explainer-container"></div>
22
- ${editorName
23
- ? `<script>window.remotion_editorName = "${editorName}";</script>`
24
- : '<script>window.remotion_editorName = null;</script>'}
25
- <script>window.remotion_projectName = ${JSON.stringify(path_1.default.basename(process.cwd()))};</script>
26
- <script>window.remotion_cwd = ${JSON.stringify(process.cwd())};</script>
27
-
28
- <div id="container"></div>
29
- <div id="menuportal-0"></div>
30
- <div id="menuportal-1"></div>
31
- <div id="menuportal-2"></div>
32
- <div id="menuportal-3"></div>
33
- <div id="menuportal-4"></div>
34
- <div id="menuportal-5"></div>
35
- <div id="remotion-error-overlay"></div>
36
- <script src="${baseDir}bundle.js"></script>
37
- </body>
38
- </html>
39
- `.trim();
40
- exports.indexHtml = indexHtml;
@@ -1,12 +0,0 @@
1
- declare type Environment = 'development' | 'production';
2
- declare global {
3
- namespace NodeJS {
4
- interface ProcessVersions {
5
- pnp?: string;
6
- }
7
- }
8
- }
9
- export declare const clearCache: (environment: Environment, inputProps: object | null) => Promise<void>;
10
- export declare const getWebpackCacheName: (environment: Environment, inputProps: object | null) => string;
11
- export declare const cacheExists: (environment: Environment, inputProps: object | null) => boolean;
12
- export {};
@@ -1,66 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.cacheExists = exports.getWebpackCacheName = exports.clearCache = void 0;
7
- const fs_1 = __importDefault(require("fs"));
8
- const path_1 = __importDefault(require("path"));
9
- const remotion_1 = require("remotion");
10
- // Inlined from https://github.com/webpack/webpack/blob/4c2ee7a4ddb8db2362ca83b6c4190523387ba7ee/lib/config/defaults.js#L265
11
- // An algorithm to determine where Webpack will cache the depencies
12
- const getWebpackCacheDir = () => {
13
- const cwd = process.cwd();
14
- let dir = cwd;
15
- for (;;) {
16
- try {
17
- if (fs_1.default.statSync(path_1.default.join(dir, 'package.json')).isFile()) {
18
- break;
19
- }
20
- // eslint-disable-next-line no-empty
21
- }
22
- catch (e) { }
23
- const parent = path_1.default.dirname(dir);
24
- if (dir === parent) {
25
- dir = undefined;
26
- break;
27
- }
28
- dir = parent;
29
- }
30
- if (!dir) {
31
- return path_1.default.resolve(cwd, '.cache/webpack');
32
- }
33
- if (process.versions.pnp === '1') {
34
- return path_1.default.resolve(dir, '.pnp/.cache/webpack');
35
- }
36
- if (process.versions.pnp === '3') {
37
- return path_1.default.resolve(dir, '.yarn/.cache/webpack');
38
- }
39
- return path_1.default.resolve(dir, 'node_modules/.cache/webpack');
40
- };
41
- const remotionCacheLocation = (environment, inputProps) => {
42
- return path_1.default.join(getWebpackCacheDir(), (0, exports.getWebpackCacheName)(environment, inputProps));
43
- };
44
- const clearCache = (environment, inputProps) => {
45
- var _a;
46
- return ((_a = fs_1.default.promises.rm) !== null && _a !== void 0 ? _a : fs_1.default.promises.rmdir)(remotionCacheLocation(environment, inputProps), {
47
- recursive: true,
48
- });
49
- };
50
- exports.clearCache = clearCache;
51
- const getWebpackCacheName = (environment, inputProps) => {
52
- // In development, let's reset the cache when input props
53
- // are changing, because they are injected using Webpack and if changed,
54
- // it will get the cached version
55
- if (environment === 'development') {
56
- return `remotion-v3-${environment}-${(0, remotion_1.random)(JSON.stringify(inputProps))}`;
57
- }
58
- // In production, the cache is independent from input props because
59
- // they are passed over URL params. Speed is mostly important in production.
60
- return `remotion-v3-${environment}`;
61
- };
62
- exports.getWebpackCacheName = getWebpackCacheName;
63
- const cacheExists = (environment, inputProps) => {
64
- return fs_1.default.existsSync(remotionCacheLocation(environment, inputProps));
65
- };
66
- exports.cacheExists = cacheExists;
@@ -1,12 +0,0 @@
1
- declare type Environment = 'development' | 'production';
2
- declare global {
3
- namespace NodeJS {
4
- interface ProcessVersions {
5
- pnp?: string;
6
- }
7
- }
8
- }
9
- export declare const clearCache: (environment: Environment, inputProps: object | null) => Promise<void>;
10
- export declare const getWebpackCacheName: (environment: Environment, inputProps: object | null) => string;
11
- export declare const cacheExists: (environment: Environment, inputProps: object | null) => boolean;
12
- export {};
@@ -1,66 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.cacheExists = exports.getWebpackCacheName = exports.clearCache = void 0;
7
- const fs_1 = __importDefault(require("fs"));
8
- const path_1 = __importDefault(require("path"));
9
- const remotion_1 = require("remotion");
10
- // Inlined from https://github.com/webpack/webpack/blob/4c2ee7a4ddb8db2362ca83b6c4190523387ba7ee/lib/config/defaults.js#L265
11
- // An algorithm to determine where Webpack will cache the depencies
12
- const getWebpackCacheDir = () => {
13
- const cwd = process.cwd();
14
- let dir = cwd;
15
- for (;;) {
16
- try {
17
- if (fs_1.default.statSync(path_1.default.join(dir, 'package.json')).isFile()) {
18
- break;
19
- }
20
- // eslint-disable-next-line no-empty
21
- }
22
- catch (e) { }
23
- const parent = path_1.default.dirname(dir);
24
- if (dir === parent) {
25
- dir = undefined;
26
- break;
27
- }
28
- dir = parent;
29
- }
30
- if (!dir) {
31
- return path_1.default.resolve(cwd, '.cache/webpack');
32
- }
33
- if (process.versions.pnp === '1') {
34
- return path_1.default.resolve(dir, '.pnp/.cache/webpack');
35
- }
36
- if (process.versions.pnp === '3') {
37
- return path_1.default.resolve(dir, '.yarn/.cache/webpack');
38
- }
39
- return path_1.default.resolve(dir, 'node_modules/.cache/webpack');
40
- };
41
- const remotionCacheLocation = (environment, inputProps) => {
42
- return path_1.default.join(getWebpackCacheDir(), (0, exports.getWebpackCacheName)(environment, inputProps));
43
- };
44
- const clearCache = (environment, inputProps) => {
45
- var _a;
46
- return ((_a = fs_1.default.promises.rm) !== null && _a !== void 0 ? _a : fs_1.default.promises.rmdir)(remotionCacheLocation(environment, inputProps), {
47
- recursive: true,
48
- });
49
- };
50
- exports.clearCache = clearCache;
51
- const getWebpackCacheName = (environment, inputProps) => {
52
- // In development, let's reset the cache when input props
53
- // are changing, because they are injected using Webpack and if changed,
54
- // it will get the cached version
55
- if (environment === 'development') {
56
- return `remotion-v3-${environment}-${(0, remotion_1.random)(JSON.stringify(inputProps))}`;
57
- }
58
- // In production, the cache is independent from input props because
59
- // they are passed over URL params. Speed is mostly important in production.
60
- return `remotion-v3-${environment}`;
61
- };
62
- exports.getWebpackCacheName = getWebpackCacheName;
63
- const cacheExists = (environment, inputProps) => {
64
- return fs_1.default.existsSync(remotionCacheLocation(environment, inputProps));
65
- };
66
- exports.cacheExists = cacheExists;