@remotion/cli 3.0.19 → 3.0.22

package/dist/editor/components/Editor.js

@@ -25,6 +25,7 @@ const FramePersistor_1 = require("./FramePersistor");
 const GlobalKeybindings_1 = require("./GlobalKeybindings");
 const KeyboardShortcutsModal_1 = require("./KeyboardShortcutsModal");
 const NewComposition_1 = __importDefault(require("./NewComposition/NewComposition"));
+const NoRegisterRoot_1 = require("./NoRegisterRoot");
 const UpdateModal_1 = require("./UpdateModal/UpdateModal");
 const background = {
     backgroundColor: colors_1.BACKGROUND,
@@ -34,10 +35,16 @@ const background = {
     flexDirection: 'column',
     position: 'absolute',
 };
-const Root = remotion_1.Internals.getRoot();
 const Editor = () => {
     const [emitter] = (0, react_1.useState)(() => new player_1.PlayerInternals.PlayerEmitter());
     const [size, setSizeState] = (0, react_1.useState)(() => (0, preview_size_1.loadPreviewSizeOption)());
+    const [Root, setRoot] = (0, react_1.useState)(() => remotion_1.Internals.getRoot());
+    const [waitForRoot] = (0, react_1.useState)(() => {
+        if (Root) {
+            return 0;
+        }
+        return (0, remotion_1.delayRender)('Waiting for registerRoot()');
+    });
     const [checkerboard, setCheckerboardState] = (0, react_1.useState)(() => (0, checkerboard_1.loadCheckerboardOption)());
     const setCheckerboard = (0, react_1.useCallback)((newValue) => {
         setCheckerboardState((prevState) => {
@@ -112,10 +119,17 @@ const Editor = () => {
             setSelectedModal: setModalContextType,
         };
     }, [modalContextType]);
-    if (!Root) {
-        throw new Error('Root has not been registered. ');
-    }
-    return ((0, jsx_runtime_1.jsx)(keybindings_1.KeybindingContextProvider, { children: (0, jsx_runtime_1.jsx)(rich_timeline_1.RichTimelineContext.Provider, { value: richTimelineCtx, children: (0, jsx_runtime_1.jsx)(checkerboard_1.CheckerboardContext.Provider, { value: checkerboardCtx, children: (0, jsx_runtime_1.jsx)(preview_size_1.PreviewSizeContext.Provider, { value: previewSizeCtx, children: (0, jsx_runtime_1.jsx)(modals_1.ModalsContext.Provider, { value: modalsContext, children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.Timeline.TimelineInOutContext.Provider, { value: timelineInOutContextValue, children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.Timeline.SetTimelineInOutContext.Provider, { value: setTimelineInOutContextValue, children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.MediaVolumeContext.Provider, { value: mediaVolumeContextValue, children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.SetMediaVolumeContext.Provider, { value: setMediaVolumeContextValue, children: (0, jsx_runtime_1.jsx)(player_1.PlayerInternals.PlayerEventEmitterContext.Provider, { value: emitter, children: (0, jsx_runtime_1.jsx)(sidebar_1.SidebarContextProvider, { children: (0, jsx_runtime_1.jsx)(folders_1.FolderContextProvider, { children: (0, jsx_runtime_1.jsx)(highest_z_index_1.HighestZIndexProvider, { children: (0, jsx_runtime_1.jsxs)(z_index_1.HigherZIndex, { onEscape: noop_1.noop, onOutsideClick: noop_1.noop, children: [(0, jsx_runtime_1.jsxs)("div", { style: background, children: [(0, jsx_runtime_1.jsx)(Root, {}), (0, jsx_runtime_1.jsx)(FramePersistor_1.FramePersistor, {}), (0, jsx_runtime_1.jsx)(EditorContent_1.EditorContent, {}), (0, jsx_runtime_1.jsx)(GlobalKeybindings_1.GlobalKeybindings, {})] }), modalContextType &&
+    (0, react_1.useEffect)(() => {
+        if (Root) {
+            return;
+        }
+        const cleanup = remotion_1.Internals.waitForRoot((NewRoot) => {
+            setRoot(() => NewRoot);
+            (0, remotion_1.continueRender)(waitForRoot);
+        });
+        return () => cleanup();
+    }, [Root, waitForRoot]);
+    return ((0, jsx_runtime_1.jsx)(keybindings_1.KeybindingContextProvider, { children: (0, jsx_runtime_1.jsx)(rich_timeline_1.RichTimelineContext.Provider, { value: richTimelineCtx, children: (0, jsx_runtime_1.jsx)(checkerboard_1.CheckerboardContext.Provider, { value: checkerboardCtx, children: (0, jsx_runtime_1.jsx)(preview_size_1.PreviewSizeContext.Provider, { value: previewSizeCtx, children: (0, jsx_runtime_1.jsx)(modals_1.ModalsContext.Provider, { value: modalsContext, children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.Timeline.TimelineInOutContext.Provider, { value: timelineInOutContextValue, children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.Timeline.SetTimelineInOutContext.Provider, { value: setTimelineInOutContextValue, children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.MediaVolumeContext.Provider, { value: mediaVolumeContextValue, children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.SetMediaVolumeContext.Provider, { value: setMediaVolumeContextValue, children: (0, jsx_runtime_1.jsx)(player_1.PlayerInternals.PlayerEventEmitterContext.Provider, { value: emitter, children: (0, jsx_runtime_1.jsx)(sidebar_1.SidebarContextProvider, { children: (0, jsx_runtime_1.jsx)(folders_1.FolderContextProvider, { children: (0, jsx_runtime_1.jsx)(highest_z_index_1.HighestZIndexProvider, { children: (0, jsx_runtime_1.jsxs)(z_index_1.HigherZIndex, { onEscape: noop_1.noop, onOutsideClick: noop_1.noop, children: [(0, jsx_runtime_1.jsxs)("div", { style: background, children: [Root === null ? null : (0, jsx_runtime_1.jsx)(Root, {}), (0, jsx_runtime_1.jsx)(FramePersistor_1.FramePersistor, {}), Root === null ? ((0, jsx_runtime_1.jsx)(NoRegisterRoot_1.NoRegisterRoot, {})) : ((0, jsx_runtime_1.jsx)(EditorContent_1.EditorContent, {})), (0, jsx_runtime_1.jsx)(GlobalKeybindings_1.GlobalKeybindings, {})] }), modalContextType &&
                                                                     modalContextType.type === 'new-comp' && ((0, jsx_runtime_1.jsx)(NewComposition_1.default, { initialCompType: modalContextType.compType })), modalContextType &&
                                                                     modalContextType.type === 'update' && ((0, jsx_runtime_1.jsx)(UpdateModal_1.UpdateModal, { info: modalContextType.info })), modalContextType &&
                                                                     modalContextType.type === 'shortcuts' && ((0, jsx_runtime_1.jsx)(KeyboardShortcutsModal_1.KeyboardShortcuts, {}))] }) }) }) }) }) }) }) }) }) }) }) }) }) }));

package/dist/editor/components/MenuToolbar.js

@@ -12,6 +12,7 @@ const sidebar_1 = require("../state/sidebar");
 const timeline_ref_1 = require("../state/timeline-ref");
 const layout_1 = require("./layout");
 const MenuItem_1 = require("./Menu/MenuItem");
+const MenuBuildIndicator_1 = require("./MenuBuildIndicator");
 const SizeSelector_1 = require("./SizeSelector");
 const TimelineInOutToggle_1 = require("./TimelineInOutToggle");
 const UpdateCheck_1 = require("./UpdateCheck");
@@ -28,10 +29,6 @@ const row = {
 const flex = {
     flex: 1,
 };
-const cwd = {
-    fontSize: 13,
-    opacity: 0.8,
-};
 const openExternal = (link) => {
     window.open(link, '_blank');
 };
@@ -484,6 +481,6 @@ const MenuToolbar = () => {
     }, [setSelected]);
     return ((0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", className: "css-reset", style: row, children: [structure.map((s) => {
                 return ((0, jsx_runtime_1.jsx)(MenuItem_1.MenuItem, { selected: selected === s.id, onItemSelected: itemClicked, onItemHovered: itemHovered, id: s.id, label: s.label, onItemQuit: onItemQuit, menu: s, onPreviousMenu: onPreviousMenu, onNextMenu: onNextMenu, leaveLeftPadding: s.leaveLeftPadding }, s.id));
-            }), (0, jsx_runtime_1.jsx)(UpdateCheck_1.UpdateCheck, {}), (0, jsx_runtime_1.jsx)("div", { style: flex }), (0, jsx_runtime_1.jsx)("div", { style: cwd, title: window.remotion_cwd, children: window.remotion_projectName })] }));
+            }), (0, jsx_runtime_1.jsx)(UpdateCheck_1.UpdateCheck, {}), (0, jsx_runtime_1.jsx)("div", { style: flex }), (0, jsx_runtime_1.jsx)(MenuBuildIndicator_1.MenuBuildIndicator, {})] }));
 };
 exports.MenuToolbar = MenuToolbar;

package/dist/editor/components/NoRegisterRoot.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const NoRegisterRoot: React.FC;

package/dist/editor/components/NoRegisterRoot.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NoRegisterRoot = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const label = {
+    fontSize: 13,
+    color: 'white',
+    fontFamily: 'Arial, Helvetica, sans-serif',
+};
+const container = {
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'center',
+    flex: 1,
+    flexDirection: 'column',
+    textAlign: 'center',
+    lineHeight: 1.5,
+};
+const link = {
+    color: 'white',
+    textDecoration: 'none',
+    borderBottom: '1px solid',
+};
+const NoRegisterRoot = () => {
+    const [show, setShow] = (0, react_1.useState)(() => false);
+    (0, react_1.useEffect)(() => {
+        // Only show after 2 seconds so there is no flicker when the load is really fast
+        const timeout = setTimeout(() => {
+            setShow(true);
+        }, 2000);
+        return () => {
+            clearTimeout(timeout);
+        };
+    }, []);
+    if (!show) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsxs)("div", { style: container, children: [(0, jsx_runtime_1.jsx)("div", { style: label, children: "Waiting for registerRoot() to get called." }), (0, jsx_runtime_1.jsxs)("div", { style: label, children: ["Learn more:", ' ', (0, jsx_runtime_1.jsx)("a", { target: '_blank', style: link, href: "https://www.remotion.dev/docs/register-root", children: "remotion.dev/docs/register-root" })] })] }));
+};
+exports.NoRegisterRoot = NoRegisterRoot;

package/dist/editor/components/UpdateCheck.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { PackageManager } from '@remotion/bundler';
+import { PackageManager } from '../../preview-server/get-package-manager';
 export declare type UpdateInfo = {
     currentVersion: string;
     latestVersion: string;

package/dist/lambda-command.js

@@ -4,6 +4,8 @@ exports.lambdaCommand = void 0;
 const initialize_render_cli_1 = require("./initialize-render-cli");
 const log_1 = require("./log");
 const parse_command_line_1 = require("./parse-command-line");
+const get_package_manager_1 = require("./preview-server/get-package-manager");
+const update_available_1 = require("./preview-server/update-available");
 const lambdaCommand = async () => {
     try {
         const path = require.resolve('@remotion/lambda', {
@@ -15,11 +17,13 @@ const lambdaCommand = async () => {
         process.exit(0);
     }
     catch (err) {
+        const manager = (0, get_package_manager_1.getPackageManager)();
+        const installCommand = manager === 'unknown' ? 'npm i' : manager.installCommand;
         log_1.Log.error(err);
         log_1.Log.error('Remotion Lambda is not installed.');
         log_1.Log.info('');
         log_1.Log.info('You can install it using:');
-        log_1.Log.info('npm i @remotion/lambda');
+        log_1.Log.info(`${installCommand} i @remotion/lambda@${(0, update_available_1.getRemotionVersion)()}`);
         process.exit(1);
     }
 };

package/dist/preview-server/dev-middleware/compatible-api.d.ts

@@ -3,7 +3,5 @@
 /// <reference types="node" />
 import { ReadStream } from 'fs';
 import { IncomingMessage, ServerResponse } from 'http';
-export declare function getHeaderFromRequest(req: IncomingMessage, name: string): string | string[] | undefined;
-export declare function getHeaderFromResponse(res: ServerResponse, name: string): string | number | string[] | undefined;
 export declare function setHeaderForResponse(res: ServerResponse, name: string, value: string | number): void;
 export declare function send(req: IncomingMessage, res: ServerResponse, bufferOtStream: ReadStream | string | Buffer, byteLength: number): void;

package/dist/preview-server/dev-middleware/compatible-api.js

@@ -1,14 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.send = exports.setHeaderForResponse = exports.getHeaderFromResponse = exports.getHeaderFromRequest = void 0;
-function getHeaderFromRequest(req, name) {
-    return req.headers[name];
-}
-exports.getHeaderFromRequest = getHeaderFromRequest;
-function getHeaderFromResponse(res, name) {
-    return res.getHeader(name);
-}
-exports.getHeaderFromResponse = getHeaderFromResponse;
+exports.send = exports.setHeaderForResponse = void 0;
 function setHeaderForResponse(res, name, value) {
     res.setHeader(name, typeof value === 'number' ? String(value) : value);
 }

package/dist/preview-server/dev-middleware/middleware.js

@@ -132,7 +132,7 @@ function middleware(context) {
             /**
              * @type {{key: string, value: string | number}[]}
              */
-            if (!(0, compatible_api_1.getHeaderFromResponse)(res, 'Content-Type')) {
+            if (!res.getHeader('Content-Type')) {
                 // content-type name(like application/javascript; charset=utf-8) or false
                 const contentType = renderer_1.RenderInternals.mime.contentType(path_1.default.extname(filename));
                 // Only set content-type header if media type is known
@@ -141,10 +141,11 @@ function middleware(context) {
                     (0, compatible_api_1.setHeaderForResponse)(res, 'Content-Type', contentType);
                 }
             }
-            if (!(0, compatible_api_1.getHeaderFromResponse)(res, 'Accept-Ranges')) {
+            if (!res.getHeader('Accept-Ranges')) {
+                res.setHeader('Accept-Ranges', 'bytes');
                 (0, compatible_api_1.setHeaderForResponse)(res, 'Accept-Ranges', 'bytes');
             }
-            const rangeHeader = (0, compatible_api_1.getHeaderFromRequest)(req, 'range');
+            const rangeHeader = req.headers.range;
             let start;
             let end;
             if (rangeHeader &&

package/dist/preview-server/routes.d.ts

@@ -1,2 +1,7 @@
 import { IncomingMessage, ServerResponse } from 'http';
-export declare const handleRoutes: (hash: string, request: IncomingMessage, response: ServerResponse) => void | Promise<void>;
+export declare const handleRoutes: ({ hash, hashPrefix, request, response, }: {
+    hash: string;
+    hashPrefix: string;
+    request: IncomingMessage;
+    response: ServerResponse;
+}) => void | Promise<void>;

package/dist/preview-server/routes.js

@@ -20,6 +20,10 @@ const handleUpdate = async (_, response) => {
     response.end(JSON.stringify(data));
 };
 const editorGuess = (0, open_in_editor_1.guessEditor)();
+const static404 = (response) => {
+    response.writeHead(404);
+    response.end('The static/ prefix has been changed, this URL is no longer valid.');
+};
 const handleFallback = async (hash, _, response) => {
     const edit = await editorGuess;
     const displayName = (0, open_in_editor_1.getDisplayNameForEditor)(edit[0]);
@@ -86,7 +90,7 @@ const handleOpenInEditor = async (req, res) => {
     }
 };
 const handleFavicon = (_, response) => {
-    const filePath = path_1.default.join(__dirname, '..', 'web', 'favicon.png');
+    const filePath = path_1.default.join(__dirname, '..', '..', 'web', 'favicon.png');
     const stat = (0, fs_1.statSync)(filePath);
     response.writeHead(200, {
         'Content-Type': 'image/png',
@@ -95,7 +99,7 @@ const handleFavicon = (_, response) => {
     const readStream = (0, fs_1.createReadStream)(filePath);
     readStream.pipe(response);
 };
-const handleRoutes = (hash, request, response) => {
+const handleRoutes = ({ hash, hashPrefix, request, response, }) => {
     const url = new URL(request.url, 'http://localhost');
     if (url.pathname === '/api/update') {
         return handleUpdate(request, response);
@@ -116,6 +120,9 @@ const handleRoutes = (hash, request, response) => {
         const root = path_1.default.join(process.cwd(), 'public');
         return (0, serve_static_1.serveStatic)(root, hash, request, response);
     }
+    if (url.pathname.startsWith(hashPrefix)) {
+        return static404(response);
+    }
     return handleFallback(hash, request, response);
 };
 exports.handleRoutes = handleRoutes;

package/dist/preview-server/serve-static.js

@@ -32,7 +32,7 @@ const serveStatic = async function (root, hash, req, res) {
     const exists = (0, fs_1.existsSync)(path);
     if (!exists) {
         res.writeHead(404);
-        res.write('Not found');
+        res.write(`${path} does not exist`);
         res.end();
         return;
     }

package/dist/preview-server/start-server.js

@@ -33,7 +33,8 @@ const startServer = async (entry, userDefinedComponent, options) => {
         ],
     });
     const compiler = (0, bundler_1.webpack)(config);
-    const hash = `/static-${crypto_1.default.randomBytes(6).toString('hex')}`;
+    const hashPrefix = '/static-';
+    const hash = `${hashPrefix}${crypto_1.default.randomBytes(6).toString('hex')}`;
     const wdmMiddleware = (0, dev_middleware_1.wdm)(compiler);
     const whm = (0, hot_middleware_1.webpackHotMiddleware)(compiler);
     const server = http_1.default.createServer((request, response) => {
@@ -50,7 +51,7 @@ const startServer = async (entry, userDefinedComponent, options) => {
             });
         })
             .then(() => {
-            (0, routes_1.handleRoutes)(hash, request, response);
+            (0, routes_1.handleRoutes)({ hash, hashPrefix, request, response });
         })
             .catch((err) => {
             response.setHeader('content-type', 'application/json');

package/dist/preview.js

@@ -4,7 +4,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.previewCommand = void 0;
-const bundler_1 = require("@remotion/bundler");
 const better_opn_1 = __importDefault(require("better-opn"));
 const path_1 = __importDefault(require("path"));
 const remotion_1 = require("remotion");
@@ -13,6 +12,7 @@ const get_input_props_1 = require("./get-input-props");
 const initialize_render_cli_1 = require("./initialize-render-cli");
 const log_1 = require("./log");
 const parse_command_line_1 = require("./parse-command-line");
+const start_server_1 = require("./preview-server/start-server");
 const noop = () => undefined;
 const previewCommand = async () => {
     const file = parse_command_line_1.parsedCli._[1];
@@ -27,7 +27,7 @@ const previewCommand = async () => {
     await (0, initialize_render_cli_1.initializeRenderCli)('preview');
     const inputProps = (0, get_input_props_1.getInputProps)();
     const envVariables = await (0, get_env_1.getEnvironmentVariables)();
-    const port = await bundler_1.BundlerInternals.startServer(path_1.default.resolve(__dirname, 'previewEntry.js'), fullPath, {
+    const port = await (0, start_server_1.startServer)(path_1.default.resolve(__dirname, 'previewEntry.js'), fullPath, {
         inputProps,
         envVariables,
         port: desiredPort,

package/dist/print-help.js

@@ -18,11 +18,11 @@ const printHelp = () => {
     log_1.Log.info();
     log_1.Log.info('Available commands:');
     log_1.Log.info('');
-    log_1.Log.info('remotion preview <index-file.ts>');
+    log_1.Log.info('remotion preview <entry-point.ts>');
     log_1.Log.info(chalk_1.default.gray('Start the preview server.'));
     printFlags([['--props', 'Pass input props as filename or as JSON']]);
     log_1.Log.info();
-    log_1.Log.info('remotion render <index-file.ts> <comp-name> <output-file.mp4>');
+    log_1.Log.info('remotion render <entry-point.ts> <comp-name> <output-file.mp4>');
     log_1.Log.info(chalk_1.default.gray('Render video, audio or an image sequence.'));
     printFlags([
         ['--props', 'Pass input props as filename or as JSON'],
@@ -43,7 +43,7 @@ const printHelp = () => {
         ['--env-file', 'Specify a location for a dotenv file'],
     ]);
     log_1.Log.info();
-    log_1.Log.info('remotion still <index-file.ts> <comp-name> <still.png>');
+    log_1.Log.info('remotion still <entry-point.ts> <comp-name> <still.png>');
     log_1.Log.info(chalk_1.default.gray('Render a still frame and save it as an image.'));
     printFlags([
         ['--frame', 'Which frame to render (default 0)'],

package/dist/upgrade.js

@@ -4,12 +4,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.upgrade = void 0;
-const bundler_1 = require("@remotion/bundler");
-const execa_1 = __importDefault(require("execa"));
+const renderer_1 = require("@remotion/renderer");
 const fs_1 = __importDefault(require("fs"));
 const path_1 = __importDefault(require("path"));
 const remotion_1 = require("remotion");
+const get_latest_remotion_version_1 = require("./get-latest-remotion-version");
 const log_1 = require("./log");
+const get_package_manager_1 = require("./preview-server/get-package-manager");
 const getUpgradeCommand = ({ manager, packages, version, }) => {
     const pkgList = packages.map((p) => `${p}@^${version}`);
     const commands = {
@@ -28,10 +29,10 @@ const upgrade = async () => {
     }
     const packageJson = require(packageJsonFilePath);
     const dependencies = Object.keys(packageJson.dependencies);
-    const latestRemotionVersion = await bundler_1.BundlerInternals.getLatestRemotionVersion();
-    const manager = bundler_1.BundlerInternals.getPackageManager();
+    const latestRemotionVersion = await (0, get_latest_remotion_version_1.getLatestRemotionVersion)();
+    const manager = (0, get_package_manager_1.getPackageManager)();
     if (manager === 'unknown') {
-        throw new Error(`No lockfile was found in your project (one of ${bundler_1.BundlerInternals.lockFilePaths
+        throw new Error(`No lockfile was found in your project (one of ${get_package_manager_1.lockFilePaths
             .map((p) => p.path)
             .join(', ')}). Install dependencies using your favorite manager!`);
     }
@@ -48,8 +49,8 @@ const upgrade = async () => {
         '@remotion/gif',
         'remotion',
     ].filter((u) => dependencies.includes(u));
-    const prom = (0, execa_1.default)(manager, getUpgradeCommand({
-        manager,
+    const prom = renderer_1.RenderInternals.execa(manager.manager, getUpgradeCommand({
+        manager: manager.manager,
         packages: toUpgrade,
         version: latestRemotionVersion,
     }), {

package/dist/versions.js

@@ -17,6 +17,7 @@ const packages = [
     '@remotion/media-utils',
     '@remotion/babel-loader',
     '@remotion/lambda',
+    '@remotion/preload',
     '@remotion/three',
     '@remotion/gif',
     'remotion',
@@ -82,6 +83,8 @@ const versionsCommand = async () => {
     const versions = await getAllVersions();
     const grouped = groupBy(versions);
     const installedVersions = Object.keys(grouped);
+    log_1.Log.info(`Node.JS = ${process.version}, OS = ${process.platform}`);
+    log_1.Log.info();
     for (const version of installedVersions) {
         log_1.Log.info(`On version: ${version}`);
         for (const pkg of grouped[version]) {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@remotion/cli",
-	"version": "3.0.19",
+	"version": "3.0.22",
 	"description": "CLI for Remotion",
 	"main": "dist/index.js",
 	"sideEffects": false,
@@ -23,17 +23,18 @@
 	"author": "Jonny Burger <jonny@remotion.dev>",
 	"license": "SEE LICENSE IN LICENSE.md",
 	"dependencies": {
-		"@remotion/bundler": "3.0.19",
-		"@remotion/media-utils": "3.0.19",
-		"@remotion/player": "3.0.19",
-		"@remotion/renderer": "3.0.19",
+		"@remotion/bundler": "3.0.22",
+		"@remotion/media-utils": "3.0.22",
+		"@remotion/player": "3.0.22",
+		"@remotion/renderer": "3.0.22",
 		"better-opn": "2.1.1",
 		"chalk": "4.1.2",
 		"dotenv": "9.0.2",
-		"execa": "5.1.1",
+		"memfs": "3.4.3",
 		"minimist": "1.2.6",
-		"remotion": "3.0.19",
-		"semver": "7.3.5"
+		"remotion": "3.0.22",
+		"semver": "7.3.5",
+		"source-map": "0.6.1"
 	},
 	"peerDependencies": {
 		"react": ">=16.8.0",
@@ -46,6 +47,8 @@
 		"@types/node": "^16.7.5",
 		"@types/react": "18.0.1",
 		"@types/react-dom": "18.0.0",
+		"@types/semver": "^7.3.4",
+		"@types/webpack-env": "^1.16.0",
 		"@typescript-eslint/eslint-plugin": "5.18.0",
 		"@typescript-eslint/parser": "5.18.0",
 		"eslint": "8.13.0",
@@ -71,5 +74,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "388ef0a2eacf9dbadbc860fdb8d6b3e32acb10f3"
+	"gitHead": "e79cfa299f58a26c84a637174875941898cdab97"
 }