@remotion/cli 4.0.0-alpha5 → 4.0.0-alpha6

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 (55) hide show
  1. package/dist/better-opn/index.js +3 -3
  2. package/dist/cloudrun-command.d.ts +1 -0
  3. package/dist/cloudrun-command.js +27 -0
  4. package/dist/color-math.js +3 -1
  5. package/dist/convert-entry-point-to-serve-url.js +2 -2
  6. package/dist/editor/components/MenuToolbar.js +15 -3
  7. package/dist/editor/components/RenderModal/CliCopyButton.js +42 -9
  8. package/dist/editor/components/RenderModal/InfoTooltip.js +2 -1
  9. package/dist/editor/components/RenderModal/OptionExplainer.js +13 -3
  10. package/dist/editor/components/RenderModal/RenderModalPicture.js +1 -1
  11. package/dist/editor/components/SidebarCollapserControls.js +12 -6
  12. package/dist/editor/helpers/colors.d.ts +1 -1
  13. package/dist/editor/helpers/colors.js +1 -1
  14. package/dist/entry-point.js +17 -17
  15. package/dist/ffmpeg.js +8 -3
  16. package/dist/file-watcher.js +5 -5
  17. package/dist/get-cli-options.js +4 -4
  18. package/dist/get-config-file-name.js +6 -6
  19. package/dist/get-env.js +10 -10
  20. package/dist/get-input-props.js +9 -9
  21. package/dist/get-network-address.js +2 -2
  22. package/dist/index.js +4 -0
  23. package/dist/load-config.js +8 -8
  24. package/dist/preview-server/api-types.d.ts +1 -1
  25. package/dist/preview-server/dev-middleware/compatible-api.d.ts +2 -2
  26. package/dist/preview-server/dev-middleware/middleware.d.ts +1 -1
  27. package/dist/preview-server/dev-middleware/middleware.js +7 -7
  28. package/dist/preview-server/error-overlay/react-overlay/utils/get-file-source.js +5 -5
  29. package/dist/preview-server/error-overlay/react-overlay/utils/open-in-editor.js +17 -17
  30. package/dist/preview-server/file-existence-watchers.js +3 -3
  31. package/dist/preview-server/get-absolute-public-dir.js +3 -3
  32. package/dist/preview-server/get-package-manager.js +3 -3
  33. package/dist/preview-server/handler.d.ts +1 -1
  34. package/dist/preview-server/hot-middleware/index.d.ts +1 -1
  35. package/dist/preview-server/hot-middleware/index.js +2 -2
  36. package/dist/preview-server/live-events.d.ts +1 -1
  37. package/dist/preview-server/parse-body.d.ts +1 -1
  38. package/dist/preview-server/project-info.js +5 -5
  39. package/dist/preview-server/public-folder.js +8 -8
  40. package/dist/preview-server/render-queue/open-directory-in-finder.js +8 -8
  41. package/dist/preview-server/render-queue/queue.js +2 -2
  42. package/dist/preview-server/routes/can-update-default-props.js +2 -2
  43. package/dist/preview-server/routes/update-default-props.js +3 -3
  44. package/dist/preview-server/routes.d.ts +1 -1
  45. package/dist/preview-server/routes.js +8 -8
  46. package/dist/preview-server/serve-static.d.ts +1 -1
  47. package/dist/preview-server/serve-static.js +7 -7
  48. package/dist/preview-server/start-server.js +2 -2
  49. package/dist/preview.js +4 -4
  50. package/dist/render-flows/render.js +5 -5
  51. package/dist/render-flows/still.js +3 -3
  52. package/dist/resolve-from.js +5 -5
  53. package/dist/upgrade.js +2 -2
  54. package/dist/versions.js +2 -2
  55. package/package.json +7 -7
@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.handleRoutes = void 0;
7
7
  const bundler_1 = require("@remotion/bundler");
8
8
  const renderer_1 = require("@remotion/renderer");
9
- const fs_1 = require("fs");
10
- const path_1 = __importDefault(require("path"));
11
- const url_1 = require("url");
9
+ const node_fs_1 = require("node:fs");
10
+ const node_path_1 = __importDefault(require("node:path"));
11
+ const node_url_1 = require("node:url");
12
12
  const config_1 = require("../config");
13
13
  const number_of_shared_audio_tags_1 = require("../config/number-of-shared-audio-tags");
14
14
  const parse_command_line_1 = require("../parse-command-line");
@@ -120,7 +120,7 @@ const handleFileSource = async ({ method, remotionRoot, search, response, }) =>
120
120
  if (!search.startsWith('?')) {
121
121
  throw new Error('query must start with ?');
122
122
  }
123
- const query = new url_1.URLSearchParams(search);
123
+ const query = new node_url_1.URLSearchParams(search);
124
124
  const f = query.get('f');
125
125
  if (typeof f !== 'string') {
126
126
  throw new Error('must pass `f` parameter');
@@ -146,7 +146,7 @@ const handleOpenInEditor = async (remotionRoot, req, res) => {
146
146
  const didOpen = await (0, open_in_editor_1.launchEditor)({
147
147
  colNumber: stack.originalColumnNumber,
148
148
  editor: guess[0],
149
- fileName: path_1.default.resolve(remotionRoot, stack.originalFileName),
149
+ fileName: node_path_1.default.resolve(remotionRoot, stack.originalFileName),
150
150
  lineNumber: stack.originalLineNumber,
151
151
  vsCodeNewWindow: false,
152
152
  });
@@ -165,13 +165,13 @@ const handleOpenInEditor = async (remotionRoot, req, res) => {
165
165
  }
166
166
  };
167
167
  const handleFavicon = (_, response) => {
168
- const filePath = path_1.default.join(__dirname, '..', '..', 'web', 'favicon.png');
169
- const stat = (0, fs_1.statSync)(filePath);
168
+ const filePath = node_path_1.default.join(__dirname, '..', '..', 'web', 'favicon.png');
169
+ const stat = (0, node_fs_1.statSync)(filePath);
170
170
  response.writeHead(200, {
171
171
  'Content-Type': 'image/png',
172
172
  'Content-Length': stat.size,
173
173
  });
174
- const readStream = (0, fs_1.createReadStream)(filePath);
174
+ const readStream = (0, node_fs_1.createReadStream)(filePath);
175
175
  readStream.pipe(response);
176
176
  };
177
177
  const handleRoutes = ({ hash, hashPrefix, request, response, liveEventsServer, getCurrentInputProps, getEnvVariables, remotionRoot, entryPoint, publicDir, }) => {
@@ -5,5 +5,5 @@
5
5
  * Copyright(c) 2014-2016 Douglas Christopher Wilson
6
6
  * MIT Licensed
7
7
  */
8
- import type { IncomingMessage, ServerResponse } from 'http';
8
+ import type { IncomingMessage, ServerResponse } from 'node:http';
9
9
  export declare const serveStatic: (root: string, hash: string, req: IncomingMessage, res: ServerResponse) => Promise<void>;
@@ -9,8 +9,8 @@
9
9
  Object.defineProperty(exports, "__esModule", { value: true });
10
10
  exports.serveStatic = void 0;
11
11
  const renderer_1 = require("@remotion/renderer");
12
- const fs_1 = require("fs");
13
- const path_1 = require("path");
12
+ const node_fs_1 = require("node:fs");
13
+ const node_path_1 = require("node:path");
14
14
  const middleware_1 = require("./dev-middleware/middleware");
15
15
  const range_parser_1 = require("./dev-middleware/range-parser");
16
16
  const serveStatic = async function (root, hash, req, res) {
@@ -23,21 +23,21 @@ const serveStatic = async function (root, hash, req, res) {
23
23
  return;
24
24
  }
25
25
  const filename = new URL(req.url, 'http://localhost').pathname.replace(new RegExp(`^${hash}`), '');
26
- const path = (0, path_1.join)(root, decodeURIComponent(filename));
26
+ const path = (0, node_path_1.join)(root, decodeURIComponent(filename));
27
27
  if (!renderer_1.RenderInternals.isPathInside(path, root)) {
28
28
  res.writeHead(500);
29
29
  res.write('Not allowed to read');
30
30
  res.end();
31
31
  return;
32
32
  }
33
- const exists = (0, fs_1.existsSync)(path);
33
+ const exists = (0, node_fs_1.existsSync)(path);
34
34
  if (!exists) {
35
35
  res.writeHead(404);
36
36
  res.write(`${path} does not exist`);
37
37
  res.end();
38
38
  return;
39
39
  }
40
- const lstat = await fs_1.promises.lstat(path);
40
+ const lstat = await node_fs_1.promises.lstat(path);
41
41
  const isDirectory = lstat.isDirectory();
42
42
  if (isDirectory) {
43
43
  res.writeHead(500);
@@ -47,7 +47,7 @@ const serveStatic = async function (root, hash, req, res) {
47
47
  }
48
48
  const hasRange = req.headers.range && lstat.size;
49
49
  if (!hasRange) {
50
- const readStream = (0, fs_1.createReadStream)(path);
50
+ const readStream = (0, node_fs_1.createReadStream)(path);
51
51
  res.setHeader('content-type', renderer_1.RenderInternals.mimeLookup(path) || 'application/octet-stream');
52
52
  res.setHeader('content-length', lstat.size);
53
53
  res.writeHead(200);
@@ -64,7 +64,7 @@ const serveStatic = async function (root, hash, req, res) {
64
64
  }));
65
65
  res.setHeader('content-length', end - start + 1);
66
66
  res.writeHead(206);
67
- const readStream = (0, fs_1.createReadStream)(path, {
67
+ const readStream = (0, node_fs_1.createReadStream)(path, {
68
68
  start,
69
69
  end,
70
70
  });
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.startServer = void 0;
7
7
  const bundler_1 = require("@remotion/bundler");
8
8
  const renderer_1 = require("@remotion/renderer");
9
- const http_1 = __importDefault(require("http"));
9
+ const node_http_1 = __importDefault(require("node:http"));
10
10
  const config_1 = require("../config");
11
11
  const log_1 = require("../log");
12
12
  const dev_middleware_1 = require("./dev-middleware");
@@ -35,7 +35,7 @@ const startServer = async (options) => {
35
35
  const wdmMiddleware = (0, dev_middleware_1.wdm)(compiler);
36
36
  const whm = (0, hot_middleware_1.webpackHotMiddleware)(compiler);
37
37
  const liveEventsServer = (0, live_events_1.makeLiveEventsRouter)();
38
- const server = http_1.default.createServer((request, response) => {
38
+ const server = node_http_1.default.createServer((request, response) => {
39
39
  new Promise((resolve) => {
40
40
  wdmMiddleware(request, response, () => {
41
41
  resolve();
package/dist/preview.js CHANGED
@@ -4,8 +4,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
4
4
  };
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.previewCommand = void 0;
7
- const crypto_1 = __importDefault(require("crypto"));
8
- const path_1 = __importDefault(require("path"));
7
+ const node_crypto_1 = __importDefault(require("node:crypto"));
8
+ const node_path_1 = __importDefault(require("node:path"));
9
9
  const better_opn_1 = require("./better-opn");
10
10
  const chalk_1 = require("./chalk");
11
11
  const config_1 = require("./config");
@@ -84,7 +84,7 @@ const previewCommand = async (remotionRoot, args) => {
84
84
  remotionRoot,
85
85
  });
86
86
  const hashPrefix = '/static-';
87
- const staticHash = `${hashPrefix}${crypto_1.default.randomBytes(6).toString('hex')}`;
87
+ const staticHash = `${hashPrefix}${node_crypto_1.default.randomBytes(6).toString('hex')}`;
88
88
  (0, public_folder_1.initPublicFolderWatch)({
89
89
  publicDir,
90
90
  remotionRoot,
@@ -99,7 +99,7 @@ const previewCommand = async (remotionRoot, args) => {
99
99
  staticHash,
100
100
  });
101
101
  const { port, liveEventsServer } = await (0, start_server_1.startServer)({
102
- entry: path_1.default.resolve(__dirname, 'previewEntry.js'),
102
+ entry: node_path_1.default.resolve(__dirname, 'previewEntry.js'),
103
103
  userDefinedComponent: fullEntryPath,
104
104
  getCurrentInputProps: () => inputProps,
105
105
  getEnvVariables: () => envVariables,
@@ -5,9 +5,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.renderVideoFlow = void 0;
7
7
  const renderer_1 = require("@remotion/renderer");
8
- const fs_1 = __importDefault(require("fs"));
9
- const os_1 = __importDefault(require("os"));
10
- const path_1 = __importDefault(require("path"));
8
+ const node_fs_1 = __importDefault(require("node:fs"));
9
+ const node_os_1 = __importDefault(require("node:os"));
10
+ const node_path_1 = __importDefault(require("node:path"));
11
11
  const chalk_1 = require("../chalk");
12
12
  const config_1 = require("../config");
13
13
  const get_cli_options_1 = require("../get-cli-options");
@@ -165,7 +165,7 @@ const renderVideoFlow = async ({ remotionRoot, fullEntryPoint, indent, logLevel,
165
165
  uiImageFormat,
166
166
  });
167
167
  if (shouldOutputImageSequence) {
168
- fs_1.default.mkdirSync(absoluteOutputFile, {
168
+ node_fs_1.default.mkdirSync(absoluteOutputFile, {
169
169
  recursive: true,
170
170
  });
171
171
  if (imageFormat === 'none') {
@@ -173,7 +173,7 @@ const renderVideoFlow = async ({ remotionRoot, fullEntryPoint, indent, logLevel,
173
173
  }
174
174
  const outputDir = shouldOutputImageSequence
175
175
  ? absoluteOutputFile
176
- : await fs_1.default.promises.mkdtemp(path_1.default.join(os_1.default.tmpdir(), 'react-motion-render'));
176
+ : await node_fs_1.default.promises.mkdtemp(node_path_1.default.join(node_os_1.default.tmpdir(), 'react-motion-render'));
177
177
  log_1.Log.verboseAdvanced({ indent, logLevel }, 'Output dir', outputDir);
178
178
  await (0, renderer_1.renderFrames)({
179
179
  imageFormat,
@@ -6,8 +6,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
6
6
  Object.defineProperty(exports, "__esModule", { value: true });
7
7
  exports.renderStillFlow = void 0;
8
8
  const renderer_1 = require("@remotion/renderer");
9
- const fs_1 = require("fs");
10
- const path_1 = __importDefault(require("path"));
9
+ const node_fs_1 = require("node:fs");
10
+ const node_path_1 = __importDefault(require("node:path"));
11
11
  const chalk_1 = require("../chalk");
12
12
  const cleanup_before_quit_1 = require("../cleanup-before-quit");
13
13
  const config_1 = require("../config");
@@ -107,7 +107,7 @@ const renderStillFlow = async ({ remotionRoot, fullEntryPoint, entryPointReason,
107
107
  type: 'asset',
108
108
  });
109
109
  const absoluteOutputLocation = (0, get_cli_options_1.getAndValidateAbsoluteOutputFile)(relativeOutputLocation, overwrite);
110
- (0, fs_1.mkdirSync)(path_1.default.join(absoluteOutputLocation, '..'), {
110
+ (0, node_fs_1.mkdirSync)(node_path_1.default.join(absoluteOutputLocation, '..'), {
111
111
  recursive: true,
112
112
  });
113
113
  log_1.Log.infoAdvanced({ indent: indentOutput, logLevel }, chalk_1.chalk.gray(`Entry point = ${fullEntryPoint} (${entryPointReason}), Output = ${relativeOutputLocation}, Format = ${imageFormat} (${source}), Composition = ${compositionId} (${reason})`));
@@ -4,22 +4,22 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
4
4
  };
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.resolveFrom = void 0;
7
- const fs_1 = __importDefault(require("fs"));
8
- const path_1 = __importDefault(require("path"));
7
+ const node_fs_1 = __importDefault(require("node:fs"));
8
+ const node_path_1 = __importDefault(require("node:path"));
9
9
  const Module = require("module");
10
10
  const resolveFrom = (fromDirectory, moduleId) => {
11
11
  try {
12
- fromDirectory = fs_1.default.realpathSync(fromDirectory);
12
+ fromDirectory = node_fs_1.default.realpathSync(fromDirectory);
13
13
  }
14
14
  catch (error) {
15
15
  if (error.code === 'ENOENT') {
16
- fromDirectory = path_1.default.resolve(fromDirectory);
16
+ fromDirectory = node_path_1.default.resolve(fromDirectory);
17
17
  }
18
18
  else {
19
19
  throw error;
20
20
  }
21
21
  }
22
- const fromFile = path_1.default.join(fromDirectory, 'noop.js');
22
+ const fromFile = node_path_1.default.join(fromDirectory, 'noop.js');
23
23
  const resolveFileName = () =>
24
24
  // @ts-expect-error
25
25
  Module._resolveFilename(moduleId, {
package/dist/upgrade.js CHANGED
@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.upgrade = void 0;
7
7
  const renderer_1 = require("@remotion/renderer");
8
- const path_1 = __importDefault(require("path"));
8
+ const node_path_1 = __importDefault(require("node:path"));
9
9
  const config_1 = require("./config");
10
10
  const get_latest_remotion_version_1 = require("./get-latest-remotion-version");
11
11
  const list_of_remotion_packages_1 = require("./list-of-remotion-packages");
@@ -22,7 +22,7 @@ const getUpgradeCommand = ({ manager, packages, version, }) => {
22
22
  };
23
23
  const upgrade = async (remotionRoot, packageManager) => {
24
24
  var _a, _b, _c, _d;
25
- const packageJsonFilePath = path_1.default.join(remotionRoot, 'package.json');
25
+ const packageJsonFilePath = node_path_1.default.join(remotionRoot, 'package.json');
26
26
  const packageJson = require(packageJsonFilePath);
27
27
  const dependencies = Object.keys(packageJson.dependencies);
28
28
  const devDependencies = Object.keys((_a = packageJson.devDependencies) !== null && _a !== void 0 ? _a : {});
package/dist/versions.js CHANGED
@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.versionsCommand = exports.validateVersionsBeforeCommand = exports.VERSIONS_COMMAND = void 0;
7
7
  const renderer_1 = require("@remotion/renderer");
8
- const fs_1 = __importDefault(require("fs"));
8
+ const node_fs_1 = __importDefault(require("node:fs"));
9
9
  const config_1 = require("./config");
10
10
  const list_of_remotion_packages_1 = require("./list-of-remotion-packages");
11
11
  const log_1 = require("./log");
@@ -14,7 +14,7 @@ const resolve_from_1 = require("./resolve-from");
14
14
  const getVersion = async (remotionRoot, p) => {
15
15
  try {
16
16
  const remotionPkgJson = (0, resolve_from_1.resolveFrom)(remotionRoot, `${p}/package.json`);
17
- const file = await fs_1.default.promises.readFile(remotionPkgJson, 'utf-8');
17
+ const file = await node_fs_1.default.promises.readFile(remotionPkgJson, 'utf-8');
18
18
  const packageJson = JSON.parse(file);
19
19
  return packageJson.version;
20
20
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@remotion/cli",
3
- "version": "4.0.0-alpha5",
3
+ "version": "4.0.0-alpha6",
4
4
  "description": "CLI for Remotion",
5
5
  "main": "dist/index.js",
6
6
  "sideEffects": false,
@@ -28,16 +28,16 @@
28
28
  "author": "Jonny Burger <jonny@remotion.dev>",
29
29
  "license": "SEE LICENSE IN LICENSE.md",
30
30
  "dependencies": {
31
- "@remotion/bundler": "4.0.0-alpha5",
32
- "@remotion/media-utils": "4.0.0-alpha5",
33
- "@remotion/player": "4.0.0-alpha5",
34
- "@remotion/renderer": "4.0.0-alpha5",
31
+ "@remotion/bundler": "4.0.0-alpha6",
32
+ "@remotion/media-utils": "4.0.0-alpha6",
33
+ "@remotion/player": "4.0.0-alpha6",
34
+ "@remotion/renderer": "4.0.0-alpha6",
35
35
  "dotenv": "9.0.2",
36
36
  "memfs": "3.4.3",
37
37
  "minimist": "1.2.6",
38
38
  "open": "^8.4.2",
39
39
  "prompts": "2.4.1",
40
- "remotion": "4.0.0-alpha5",
40
+ "remotion": "4.0.0-alpha6",
41
41
  "semver": "7.3.5",
42
42
  "source-map": "0.6.1"
43
43
  },
@@ -56,7 +56,7 @@
56
56
  "@types/semver": "^7.3.4",
57
57
  "@typescript-eslint/eslint-plugin": "5.18.0",
58
58
  "@typescript-eslint/parser": "5.18.0",
59
- "@remotion/zod-types": "4.0.0-alpha5",
59
+ "@remotion/zod-types": "4.0.0-alpha6",
60
60
  "eslint": "8.25.0",
61
61
  "eslint-plugin-10x": "1.5.2",
62
62
  "eslint-plugin-react": "7.29.4",