@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.
- package/dist/better-opn/index.js +3 -3
- package/dist/cloudrun-command.d.ts +1 -0
- package/dist/cloudrun-command.js +27 -0
- package/dist/color-math.js +3 -1
- package/dist/convert-entry-point-to-serve-url.js +2 -2
- package/dist/editor/components/MenuToolbar.js +15 -3
- package/dist/editor/components/RenderModal/CliCopyButton.js +42 -9
- package/dist/editor/components/RenderModal/InfoTooltip.js +2 -1
- package/dist/editor/components/RenderModal/OptionExplainer.js +13 -3
- package/dist/editor/components/RenderModal/RenderModalPicture.js +1 -1
- package/dist/editor/components/SidebarCollapserControls.js +12 -6
- package/dist/editor/helpers/colors.d.ts +1 -1
- package/dist/editor/helpers/colors.js +1 -1
- package/dist/entry-point.js +17 -17
- package/dist/ffmpeg.js +8 -3
- package/dist/file-watcher.js +5 -5
- package/dist/get-cli-options.js +4 -4
- package/dist/get-config-file-name.js +6 -6
- package/dist/get-env.js +10 -10
- package/dist/get-input-props.js +9 -9
- package/dist/get-network-address.js +2 -2
- package/dist/index.js +4 -0
- package/dist/load-config.js +8 -8
- package/dist/preview-server/api-types.d.ts +1 -1
- package/dist/preview-server/dev-middleware/compatible-api.d.ts +2 -2
- package/dist/preview-server/dev-middleware/middleware.d.ts +1 -1
- package/dist/preview-server/dev-middleware/middleware.js +7 -7
- package/dist/preview-server/error-overlay/react-overlay/utils/get-file-source.js +5 -5
- package/dist/preview-server/error-overlay/react-overlay/utils/open-in-editor.js +17 -17
- package/dist/preview-server/file-existence-watchers.js +3 -3
- package/dist/preview-server/get-absolute-public-dir.js +3 -3
- package/dist/preview-server/get-package-manager.js +3 -3
- package/dist/preview-server/handler.d.ts +1 -1
- package/dist/preview-server/hot-middleware/index.d.ts +1 -1
- package/dist/preview-server/hot-middleware/index.js +2 -2
- package/dist/preview-server/live-events.d.ts +1 -1
- package/dist/preview-server/parse-body.d.ts +1 -1
- package/dist/preview-server/project-info.js +5 -5
- package/dist/preview-server/public-folder.js +8 -8
- package/dist/preview-server/render-queue/open-directory-in-finder.js +8 -8
- package/dist/preview-server/render-queue/queue.js +2 -2
- package/dist/preview-server/routes/can-update-default-props.js +2 -2
- package/dist/preview-server/routes/update-default-props.js +3 -3
- package/dist/preview-server/routes.d.ts +1 -1
- package/dist/preview-server/routes.js +8 -8
- package/dist/preview-server/serve-static.d.ts +1 -1
- package/dist/preview-server/serve-static.js +7 -7
- package/dist/preview-server/start-server.js +2 -2
- package/dist/preview.js +4 -4
- package/dist/render-flows/render.js +5 -5
- package/dist/render-flows/still.js +3 -3
- package/dist/resolve-from.js +5 -5
- package/dist/upgrade.js +2 -2
- package/dist/versions.js +2 -2
- 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
|
|
10
|
-
const
|
|
11
|
-
const
|
|
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
|
|
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:
|
|
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 =
|
|
169
|
-
const stat = (0,
|
|
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,
|
|
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
|
|
13
|
-
const
|
|
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,
|
|
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,
|
|
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
|
|
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,
|
|
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,
|
|
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
|
|
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 =
|
|
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
|
|
8
|
-
const
|
|
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}${
|
|
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:
|
|
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
|
|
9
|
-
const
|
|
10
|
-
const
|
|
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
|
-
|
|
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
|
|
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
|
|
10
|
-
const
|
|
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,
|
|
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})`));
|
package/dist/resolve-from.js
CHANGED
|
@@ -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
|
|
8
|
-
const
|
|
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 =
|
|
12
|
+
fromDirectory = node_fs_1.default.realpathSync(fromDirectory);
|
|
13
13
|
}
|
|
14
14
|
catch (error) {
|
|
15
15
|
if (error.code === 'ENOENT') {
|
|
16
|
-
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 =
|
|
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
|
|
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 =
|
|
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
|
|
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
|
|
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-
|
|
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-
|
|
32
|
-
"@remotion/media-utils": "4.0.0-
|
|
33
|
-
"@remotion/player": "4.0.0-
|
|
34
|
-
"@remotion/renderer": "4.0.0-
|
|
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-
|
|
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-
|
|
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",
|