@remotion/cli 3.2.38 → 3.2.40

package/dist/render.js

@@ -12,18 +12,20 @@ const path_1 = __importDefault(require("path"));
 const remotion_1 = require("remotion");
 const chalk_1 = require("./chalk");
 const config_1 = require("./config");
+const entry_point_1 = require("./entry-point");
 const get_cli_options_1 = require("./get-cli-options");
-const get_composition_id_1 = require("./get-composition-id");
+const get_composition_with_dimension_override_1 = require("./get-composition-with-dimension-override");
 const get_filename_1 = require("./get-filename");
 const get_render_media_options_1 = require("./get-render-media-options");
+const image_formats_1 = require("./image-formats");
 const log_1 = require("./log");
 const parse_command_line_1 = require("./parse-command-line");
 const progress_bar_1 = require("./progress-bar");
 const setup_cache_1 = require("./setup-cache");
 const user_passed_output_location_1 = require("./user-passed-output-location");
-const render = async (remotionRoot) => {
+const render = async (remotionRoot, args) => {
     const startTime = Date.now();
-    const file = parse_command_line_1.parsedCli._[1];
+    const { file, remainingArgs, reason: entryPointReason, } = (0, entry_point_1.findEntryPoint)(args, remotionRoot);
     if (!file) {
         log_1.Log.error('No entry point specified. Pass more arguments:');
         log_1.Log.error('   npx remotion render [entry-point] [composition-name] [out-name]');
@@ -39,15 +41,9 @@ const render = async (remotionRoot) => {
         process.exit(1);
     }
     log_1.Log.verbose('Asset dirs', downloadMap.assetDir);
-    const { codec, reason: codecReason } = (0, get_cli_options_1.getFinalCodec)({
-        downloadName: null,
-        outName: (0, user_passed_output_location_1.getUserPassedOutputLocation)(),
-    });
-    (0, get_cli_options_1.validateFfmpegCanUseCodec)(codec);
-    const { concurrency, frameRange, shouldOutputImageSequence, overwrite, inputProps, envVariables, quality, browser, imageFormat, browserExecutable, ffmpegExecutable, ffprobeExecutable, scale, chromiumOptions, port, everyNthFrame, puppeteerTimeout, publicDir, } = await (0, get_cli_options_1.getCliOptions)({
+    const { concurrency, frameRange, shouldOutputImageSequence, overwrite, inputProps, envVariables, quality, browser, browserExecutable, ffmpegExecutable, ffprobeExecutable, scale, chromiumOptions, port, everyNthFrame, puppeteerTimeout, publicDir, height, width, } = await (0, get_cli_options_1.getCliOptions)({
         isLambda: false,
         type: 'series',
-        codec,
     });
     const ffmpegVersion = await renderer_1.RenderInternals.getFfmpegVersion({
         ffmpegExecutable,
@@ -100,7 +96,17 @@ const render = async (remotionRoot) => {
         downloadMap,
         port,
     });
-    const { compositionId, config, reason } = await (0, get_composition_id_1.getCompositionId)(comps);
+    const { compositionId, config, reason, argsAfterComposition } = await (0, get_composition_with_dimension_override_1.getCompositionWithDimensionOverride)({
+        validCompositions: comps,
+        height,
+        width,
+        args: remainingArgs,
+    });
+    const { codec, reason: codecReason } = (0, get_cli_options_1.getFinalCodec)({
+        downloadName: null,
+        outName: (0, user_passed_output_location_1.getUserPassedOutputLocation)(argsAfterComposition),
+    });
+    (0, get_cli_options_1.validateFfmpegCanUseCodec)(codec);
     renderer_1.RenderInternals.validateEvenDimensionsWithCodec({
         width: config.width,
         height: config.height,
@@ -112,8 +118,9 @@ const render = async (remotionRoot) => {
         imageSequence: shouldOutputImageSequence,
         compositionName: compositionId,
         defaultExtension: renderer_1.RenderInternals.getFileExtensionFromCodec(codec, 'final'),
+        args: argsAfterComposition,
     });
-    log_1.Log.info(chalk_1.chalk.gray(`Composition = ${compositionId} (${reason}), Codec = ${codec} (${codecReason}), Output = ${relativeOutputLocation}`));
+    log_1.Log.info(chalk_1.chalk.gray(`Entry point = ${file} (${entryPointReason}), Composition = ${compositionId} (${reason}), Codec = ${codec} (${codecReason}), Output = ${relativeOutputLocation}`));
     const absoluteOutputFile = (0, get_cli_options_1.getAndValidateAbsoluteOutputFile)(relativeOutputLocation, overwrite);
     const outputDir = shouldOutputImageSequence
         ? absoluteOutputFile
@@ -153,6 +160,7 @@ const render = async (remotionRoot) => {
             downloads,
         }));
     };
+    const imageFormat = (0, image_formats_1.getImageFormat)(shouldOutputImageSequence ? undefined : codec);
     if (shouldOutputImageSequence) {
         fs_1.default.mkdirSync(absoluteOutputFile, {
             recursive: true,
@@ -202,6 +210,7 @@ const render = async (remotionRoot) => {
         log_1.Log.info();
         log_1.Log.info();
         log_1.Log.info(chalk_1.chalk.green('\nYour image sequence is ready!'));
+        log_1.Log.info(chalk_1.chalk.cyan(`▶ ${absoluteOutputFile}`));
         return;
     }
     const options = await (0, get_render_media_options_1.getRenderMediaOptions)({

package/dist/still.d.ts

@@ -1 +1 @@
-export declare const still: (remotionRoot: string) => Promise<void>;
+export declare const still: (remotionRoot: string, args: string[]) => Promise<void>;

package/dist/still.js

@@ -10,18 +10,25 @@ const path_1 = __importDefault(require("path"));
 const chalk_1 = require("./chalk");
 const config_1 = require("./config");
 const determine_image_format_1 = require("./determine-image-format");
+const entry_point_1 = require("./entry-point");
 const get_cli_options_1 = require("./get-cli-options");
-const get_composition_id_1 = require("./get-composition-id");
+const get_composition_with_dimension_override_1 = require("./get-composition-with-dimension-override");
 const log_1 = require("./log");
 const parse_command_line_1 = require("./parse-command-line");
 const progress_bar_1 = require("./progress-bar");
 const setup_cache_1 = require("./setup-cache");
 const truthy_1 = require("./truthy");
 const user_passed_output_location_1 = require("./user-passed-output-location");
-const still = async (remotionRoot) => {
+const still = async (remotionRoot, args) => {
     var _a, _b;
     const startTime = Date.now();
-    const file = parse_command_line_1.parsedCli._[1];
+    const { file, remainingArgs, reason: entryPointReason, } = (0, entry_point_1.findEntryPoint)(args, remotionRoot);
+    if (!file) {
+        log_1.Log.error('No entry point specified. Pass more arguments:');
+        log_1.Log.error('   npx remotion render [entry-point] [composition-name] [out-name]');
+        log_1.Log.error('Documentation: https://www.remotion.dev/docs/render');
+        process.exit(1);
+    }
     const fullPath = renderer_1.RenderInternals.isServeUrl(file)
         ? file
         : path_1.default.join(process.cwd(), file);
@@ -29,19 +36,11 @@ const still = async (remotionRoot) => {
         log_1.Log.error('--frames flag was passed to the `still` command. This flag only works with the `render` command. Did you mean `--frame`? See reference: https://www.remotion.dev/docs/cli/');
         process.exit(1);
     }
-    const { inputProps, envVariables, quality, browser, stillFrame, browserExecutable, chromiumOptions, scale, ffmpegExecutable, ffprobeExecutable, overwrite, puppeteerTimeout, port, publicDir, } = await (0, get_cli_options_1.getCliOptions)({
+    const { inputProps, envVariables, quality, browser, stillFrame, browserExecutable, chromiumOptions, scale, ffmpegExecutable, ffprobeExecutable, overwrite, puppeteerTimeout, port, publicDir, height, width, } = await (0, get_cli_options_1.getCliOptions)({
         isLambda: false,
         type: 'still',
-        codec: 'h264',
     });
     log_1.Log.verbose('Browser executable: ', browserExecutable);
-    const { format: imageFormat, source } = (0, determine_image_format_1.determineFinalImageFormat)({
-        cliFlag: (_a = parse_command_line_1.parsedCli['image-format']) !== null && _a !== void 0 ? _a : null,
-        configImageFormat: (_b = config_1.ConfigInternals.getUserPreferredImageFormat()) !== null && _b !== void 0 ? _b : null,
-        downloadName: null,
-        outName: (0, user_passed_output_location_1.getUserPassedOutputLocation)(),
-        isLambda: false,
-    });
     const browserInstance = (0, renderer_1.openBrowser)(browser, {
         browserExecutable,
         chromiumOptions,
@@ -67,16 +66,29 @@ const still = async (remotionRoot) => {
         ffprobeExecutable,
         downloadMap,
     });
-    const { compositionId, config, reason } = await (0, get_composition_id_1.getCompositionId)(comps);
+    const { compositionId, config, reason, argsAfterComposition } = await (0, get_composition_with_dimension_override_1.getCompositionWithDimensionOverride)({
+        validCompositions: comps,
+        height,
+        width,
+        args: remainingArgs,
+    });
+    const { format: imageFormat, source } = (0, determine_image_format_1.determineFinalImageFormat)({
+        cliFlag: (_a = parse_command_line_1.parsedCli['image-format']) !== null && _a !== void 0 ? _a : null,
+        configImageFormat: (_b = config_1.ConfigInternals.getUserPreferredImageFormat()) !== null && _b !== void 0 ? _b : null,
+        downloadName: null,
+        outName: (0, user_passed_output_location_1.getUserPassedOutputLocation)(argsAfterComposition),
+        isLambda: false,
+    });
     const relativeOutputLocation = (0, user_passed_output_location_1.getOutputLocation)({
         compositionId,
         defaultExtension: imageFormat,
+        args: argsAfterComposition,
     });
     const absoluteOutputLocation = (0, get_cli_options_1.getAndValidateAbsoluteOutputFile)(relativeOutputLocation, overwrite);
     (0, fs_1.mkdirSync)(path_1.default.join(absoluteOutputLocation, '..'), {
         recursive: true,
     });
-    log_1.Log.info(chalk_1.chalk.gray(`Output = ${relativeOutputLocation}, Format = ${imageFormat} (${source}), Composition = ${compositionId} (${reason})`));
+    log_1.Log.info(chalk_1.chalk.gray(`Entry point = ${file} (${entryPointReason}), Output = ${relativeOutputLocation}, Format = ${imageFormat} (${source}), Composition = ${compositionId} (${reason})`));
     const renderProgress = (0, progress_bar_1.createOverwriteableCliOutput)((0, parse_command_line_1.quietFlagProvided)());
     const renderStart = Date.now();
     const downloads = [];

package/dist/user-passed-output-location.d.ts

@@ -1,5 +1,6 @@
-export declare const getUserPassedOutputLocation: () => string | null;
-export declare const getOutputLocation: ({ compositionId, defaultExtension, }: {
+export declare const getUserPassedOutputLocation: (args: string[]) => string;
+export declare const getOutputLocation: ({ compositionId, defaultExtension, args, }: {
     compositionId: string;
     defaultExtension: string;
+    args: string[];
 }) => string;

package/dist/user-passed-output-location.js

@@ -2,11 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getOutputLocation = exports.getUserPassedOutputLocation = void 0;
 const config_1 = require("./config");
-const parse_command_line_1 = require("./parse-command-line");
-const getUserPassedOutputLocation = () => {
-    const filename = parse_command_line_1.parsedCli._[3]
-        ? parse_command_line_1.parsedCli._[3]
-        : config_1.ConfigInternals.getOutputLocation();
+const getUserPassedOutputLocation = (args) => {
+    var _a;
+    const filename = (_a = args[0]) !== null && _a !== void 0 ? _a : config_1.ConfigInternals.getOutputLocation();
     return filename;
 };
 exports.getUserPassedOutputLocation = getUserPassedOutputLocation;
@@ -14,8 +12,8 @@ const getDefaultOutLocation = ({ compositionName, defaultExtension, }) => {
     const defaultName = `out/${compositionName}.${defaultExtension}`;
     return defaultName;
 };
-const getOutputLocation = ({ compositionId, defaultExtension, }) => {
+const getOutputLocation = ({ compositionId, defaultExtension, args, }) => {
     var _a;
-    return ((_a = (0, exports.getUserPassedOutputLocation)()) !== null && _a !== void 0 ? _a : getDefaultOutLocation({ compositionName: compositionId, defaultExtension }));
+    return ((_a = (0, exports.getUserPassedOutputLocation)(args)) !== null && _a !== void 0 ? _a : getDefaultOutLocation({ compositionName: compositionId, defaultExtension }));
 };
 exports.getOutputLocation = getOutputLocation;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@remotion/cli",
-	"version": "3.2.38",
+	"version": "3.2.40",
 	"description": "CLI for Remotion",
 	"main": "dist/index.js",
 	"sideEffects": false,
@@ -22,16 +22,16 @@
 	"author": "Jonny Burger <jonny@remotion.dev>",
 	"license": "SEE LICENSE IN LICENSE.md",
 	"dependencies": {
-		"@remotion/bundler": "3.2.38",
-		"@remotion/media-utils": "3.2.38",
-		"@remotion/player": "3.2.38",
-		"@remotion/renderer": "3.2.38",
+		"@remotion/bundler": "3.2.40",
+		"@remotion/media-utils": "3.2.40",
+		"@remotion/player": "3.2.40",
+		"@remotion/renderer": "3.2.40",
 		"better-opn": "2.1.1",
 		"dotenv": "9.0.2",
 		"memfs": "3.4.3",
 		"minimist": "1.2.6",
 		"prompts": "2.4.1",
-		"remotion": "3.2.38",
+		"remotion": "3.2.40",
 		"semver": "7.3.5",
 		"source-map": "0.6.1"
 	},
@@ -44,7 +44,7 @@
 		"@types/minimist": "^1.2.2",
 		"@types/node": "^16.7.5",
 		"@types/prompts": "^2.4.1",
-		"@types/react": "18.0.1",
+		"@types/react": "18.0.23",
 		"@types/react-dom": "18.0.0",
 		"@types/semver": "^7.3.4",
 		"@types/webpack-env": "^1.16.0",
@@ -72,5 +72,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "faec18c286d03b94887ef5ff16ea48f94c82954d"
+	"gitHead": "dd204bb0a42d4c6c2988957d399c898e5eba4eba"
 }

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

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

package/dist/editor/components/KeyboardShortcutsModal.js

@@ -1,67 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.KeyboardShortcuts = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const use_keybinding_1 = require("../helpers/use-keybinding");
-const keys_1 = require("../icons/keys");
-const modals_1 = require("../state/modals");
-const layout_1 = require("./layout");
-const ModalContainer_1 = require("./ModalContainer");
-const ModalHeader_1 = require("./ModalHeader");
-const left = {
-    width: 100,
-    paddingTop: 8,
-    paddingBottom: 8,
-};
-const shortLeft = {
-    ...left,
-    width: 40,
-};
-const key = {
-    background: '#333',
-    padding: '3px 6px',
-    color: 'white',
-    borderRadius: 3,
-    border: '1px solid black',
-    borderBottomWidth: 3,
-    fontSize: 13,
-    fontFamily: 'monospace',
-};
-const right = {
-    fontSize: 14,
-    color: '#eee',
-};
-const container = {
-    paddingLeft: 20,
-    paddingRight: 40,
-    paddingTop: 10,
-    paddingBottom: 10,
-};
-const title = {
-    fontWeight: 'bold',
-    color: 'white',
-    fontSize: 14,
-    marginBottom: 10,
-};
-const keyboardShortcutsDisabled = {
-    padding: 12,
-    width: '100%',
-    fontSize: 14,
-    backgroundColor: 'rgba(255, 255, 255, 0.1)',
-};
-const ul = {
-    marginTop: 0,
-    marginBottom: 0,
-};
-const li = {
-    fontSize: 14,
-};
-const KeyboardShortcuts = () => {
-    const { setSelectedModal } = (0, react_1.useContext)(modals_1.ModalsContext);
-    const onQuit = (0, react_1.useCallback)(() => {
-        setSelectedModal(null);
-    }, [setSelectedModal]);
-    return ((0, jsx_runtime_1.jsxs)(ModalContainer_1.ModalContainer, { onEscape: onQuit, onOutsideClick: onQuit, children: [(0, jsx_runtime_1.jsx)(ModalHeader_1.NewCompHeader, { title: "Keyboard shortcuts" }), (0, use_keybinding_1.areKeyboardShortcutsDisabled)() ? ((0, jsx_runtime_1.jsxs)("div", { style: keyboardShortcutsDisabled, children: ["Keyboard shortcuts disabled either due to:", (0, jsx_runtime_1.jsxs)("ul", { style: ul, children: [(0, jsx_runtime_1.jsx)("li", { style: li, children: "a) --disable-keyboard-shortcuts being passed" }), (0, jsx_runtime_1.jsx)("li", { style: li, children: "b) Config.Preview.setKeyboardShortcutsEnabled(false) being set or" }), (0, jsx_runtime_1.jsx)("li", { style: li, children: " c) a Remotion version mismatch." })] })] })) : null, (0, jsx_runtime_1.jsxs)(layout_1.Row, { style: container, children: [(0, jsx_runtime_1.jsxs)(layout_1.Column, { children: [(0, jsx_runtime_1.jsx)("div", { style: title, children: "Playback" }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsxs)("div", { style: left, children: [(0, jsx_runtime_1.jsx)("kbd", { style: key, children: (0, jsx_runtime_1.jsx)(keys_1.ShiftIcon, {}) }), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 0.3 }), (0, jsx_runtime_1.jsx)("kbd", { style: key, children: (0, jsx_runtime_1.jsx)(keys_1.ArrowLeft, {}) })] }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "1 second back" })] }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: left, children: (0, jsx_runtime_1.jsx)("kbd", { style: key, children: (0, jsx_runtime_1.jsx)(keys_1.ArrowLeft, {}) }) }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Previous frame" })] }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: left, children: (0, jsx_runtime_1.jsx)("kbd", { style: key, children: "Space" }) }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Play / Pause" })] }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: left, children: (0, jsx_runtime_1.jsx)("kbd", { style: key, children: (0, jsx_runtime_1.jsx)(keys_1.ArrowRight, {}) }) }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Next frame" })] }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsxs)("div", { style: left, children: [(0, jsx_runtime_1.jsx)("kbd", { style: key, children: (0, jsx_runtime_1.jsx)(keys_1.ShiftIcon, {}) }), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 0.3 }), (0, jsx_runtime_1.jsx)("kbd", { style: key, children: (0, jsx_runtime_1.jsx)(keys_1.ArrowRight, {}) })] }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "1 second forward" })] }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: left, children: (0, jsx_runtime_1.jsx)("kbd", { style: key, children: "A" }) }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Jump to beginning" })] }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: left, children: (0, jsx_runtime_1.jsx)("kbd", { style: key, children: "E" }) }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Jump to end" })] }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: left, children: (0, jsx_runtime_1.jsx)("kbd", { style: key, children: "J" }) }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Reverse playback" })] }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: left, children: (0, jsx_runtime_1.jsx)("kbd", { style: key, children: "K" }) }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Pause" })] }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: left, children: (0, jsx_runtime_1.jsx)("kbd", { style: key, children: "L" }) }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Play / Speed up" })] }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: left, children: (0, jsx_runtime_1.jsx)("kbd", { style: key, children: "Enter" }) }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Pause & return to playback start" })] })] }), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 8 }), (0, jsx_runtime_1.jsxs)(layout_1.Column, { children: [(0, jsx_runtime_1.jsx)("div", { style: title, children: "Navigation" }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: shortLeft, children: (0, jsx_runtime_1.jsx)("kbd", { style: key, children: "N" }) }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "New composition" })] }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: shortLeft, children: (0, jsx_runtime_1.jsx)("kbd", { style: key, children: "T" }) }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Toggle checkerboard transparency" })] }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: shortLeft, children: (0, jsx_runtime_1.jsx)("kbd", { style: key, children: "?" }) }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Show keyboard shortcuts" })] }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("div", { style: title, children: "Playback range" }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: shortLeft, children: (0, jsx_runtime_1.jsx)("kbd", { style: key, children: "I" }) }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Set In Point" })] }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: shortLeft, children: (0, jsx_runtime_1.jsx)("kbd", { style: key, children: "O" }) }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Set Out Point" })] }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: shortLeft, children: (0, jsx_runtime_1.jsx)("kbd", { style: key, children: "X" }) }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Clear In/Out Points" })] }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("div", { style: title, children: "Zoom" }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: shortLeft, children: (0, jsx_runtime_1.jsx)("kbd", { style: key, children: "+" }) }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Zoom in" })] }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: shortLeft, children: (0, jsx_runtime_1.jsx)("kbd", { style: key, children: "-" }) }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Zoom out" })] }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: shortLeft, children: (0, jsx_runtime_1.jsx)("kbd", { style: key, children: "0" }) }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Reset zoom" })] })] })] })] }));
-};
-exports.KeyboardShortcuts = KeyboardShortcuts;