@remotion/cli 3.2.38 → 3.2.40

package/dist/editor/state/modals.d.ts

@@ -1,4 +1,5 @@
 import type React from 'react';
+import type { QuickSwitcherMode } from '../components/QuickSwitcher/NoResults';
 import type { UpdateInfo } from '../components/UpdateCheck';
 export declare type CompType = 'composition' | 'still';
 export declare type ModalState = {
@@ -9,8 +10,8 @@ export declare type ModalState = {
     info: UpdateInfo;
 } | {
     type: 'quick-switcher';
-} | {
-    type: 'shortcuts';
+    mode: QuickSwitcherMode;
+    invocationTimestamp: number;
 };
 export declare type ModalContextType = {
     selectedModal: ModalState | null;

package/dist/editor/state/z-index.js

@@ -17,6 +17,7 @@ const EscapeHook = ({ onEscape }) => {
             key: 'Escape',
             callback: onEscape,
             commandCtrlKey: false,
+            preventDefault: true,
         });
         return () => {
             escape.unregister();

package/dist/entry-point.d.ts

@@ -0,0 +1,5 @@
+export declare const findEntryPoint: (args: string[], remotionRoot: string) => {
+    file: string | null;
+    remainingArgs: string[];
+    reason: string;
+};

package/dist/entry-point.js

@@ -0,0 +1,46 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.findEntryPoint = void 0;
+const fs_1 = require("fs");
+const path_1 = __importDefault(require("path"));
+const config_1 = require("./config");
+const log_1 = require("./log");
+const candidates = [
+    path_1.default.join('remotion', 'index.tsx'),
+    path_1.default.join('remotion', 'index.ts'),
+    path_1.default.join('remotion', 'index.js'),
+    path_1.default.join('src', 'index.tsx'),
+    path_1.default.join('src', 'index.ts'),
+    path_1.default.join('src', 'index.js'),
+];
+const findCommonPath = (remotionRoot) => {
+    return candidates.find((candidate) => (0, fs_1.existsSync)(path_1.default.resolve(remotionRoot, candidate)));
+};
+const findEntryPoint = (args, remotionRoot) => {
+    // 1st priority: Explicitly passed entry point
+    let file = args[0];
+    if (file) {
+        log_1.Log.verbose('Checking if', file, 'is the entry file');
+        // Intentionally resolving CLI files to CWD, while resolving config file to remotionRoot
+        if ((0, fs_1.existsSync)(path_1.default.resolve(process.cwd(), file))) {
+            return { file, remainingArgs: args.slice(1), reason: 'argument passed' };
+        }
+    }
+    // 2nd priority: Config file
+    file = config_1.ConfigInternals.getEntryPoint();
+    if (file) {
+        log_1.Log.verbose('Entry point from config file is', file);
+        return { file, remainingArgs: args, reason: 'config file' };
+    }
+    // 3rd priority: Common paths
+    const found = findCommonPath(remotionRoot);
+    if (found) {
+        log_1.Log.verbose('Selected', found, 'as the entry point because file exists and is a common entry point and no entry point was explicitly selected');
+        return { file: found, remainingArgs: args, reason: 'common paths' };
+    }
+    return { file: null, remainingArgs: args, reason: 'none found' };
+};
+exports.findEntryPoint = findEntryPoint;

package/dist/get-cli-options.d.ts

@@ -11,7 +11,6 @@ export declare const getAndValidateAbsoluteOutputFile: (relativeOutputLocation:
 export declare const getCliOptions: (options: {
     isLambda: boolean;
     type: 'still' | 'series' | 'get-compositions';
-    codec: Codec;
 }) => Promise<{
     puppeteerTimeout: number;
     concurrency: number | null;
@@ -23,10 +22,9 @@ export declare const getCliOptions: (options: {
     browser: import("@remotion/renderer").Browser;
     crf: import("@remotion/renderer").Crf | null;
     pixelFormat: "yuv420p" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le";
-    imageFormat: "png" | "jpeg" | "none";
     proResProfile: "4444-xq" | "4444" | "hq" | "standard" | "light" | "proxy" | undefined;
     everyNthFrame: number;
-    numberOfGifLoops: number | null;
+    numberOfGifLoops: import("./config/number-of-gif-loops").Loop;
     stillFrame: number;
     browserExecutable: BrowserExecutable;
     ffmpegExecutable: import("@remotion/renderer").FfmpegExecutable;
@@ -42,4 +40,6 @@ export declare const getCliOptions: (options: {
     ffmpegOverride: import("@remotion/renderer").FfmpegOverrideFn;
     audioBitrate: string | null;
     videoBitrate: string | null;
+    height: number | null;
+    width: number | null;
 }>;

package/dist/get-cli-options.js

@@ -11,7 +11,6 @@ const config_1 = require("./config");
 const get_env_1 = require("./get-env");
 const get_final_output_codec_1 = require("./get-final-output-codec");
 const get_input_props_1 = require("./get-input-props");
-const image_formats_1 = require("./image-formats");
 const log_1 = require("./log");
 const parse_command_line_1 = require("./parse-command-line");
 const getAndValidateFrameRange = () => {
@@ -86,20 +85,10 @@ const getCrf = (shouldOutputImageSequence) => {
         : config_1.ConfigInternals.getCrfOrUndefined();
     return crf;
 };
-const getAndValidatePixelFormat = (codec) => {
-    const pixelFormat = config_1.ConfigInternals.getPixelFormat();
-    renderer_1.RenderInternals.validateSelectedPixelFormatAndCodecCombination(pixelFormat, codec);
-    return pixelFormat;
-};
 const getProResProfile = () => {
     const proResProfile = config_1.ConfigInternals.getProResProfile();
     return proResProfile;
 };
-const getAndValidateImageFormat = ({ shouldOutputImageSequence, codec, pixelFormat, }) => {
-    const imageFormat = (0, image_formats_1.getImageFormat)(shouldOutputImageSequence ? undefined : codec);
-    renderer_1.RenderInternals.validateSelectedPixelFormatAndImageFormatCombination(pixelFormat, imageFormat);
-    return imageFormat;
-};
 const getAndValidateBrowser = async (browserExecutable) => {
     const browser = getBrowser();
     try {
@@ -126,17 +115,7 @@ const getCliOptions = async (options) => {
     });
     const crf = getCrf(shouldOutputImageSequence);
     const videoBitrate = config_1.ConfigInternals.getVideoBitrate();
-    renderer_1.RenderInternals.validateQualitySettings({
-        crf,
-        codec: options.codec,
-        videoBitrate,
-    });
-    const pixelFormat = getAndValidatePixelFormat(options.codec);
-    const imageFormat = getAndValidateImageFormat({
-        shouldOutputImageSequence,
-        codec: options.codec,
-        pixelFormat,
-    });
+    const pixelFormat = config_1.ConfigInternals.getPixelFormat();
     const proResProfile = getProResProfile();
     const browserExecutable = config_1.ConfigInternals.getBrowserExecutable();
     const ffmpegExecutable = config_1.ConfigInternals.getCustomFfmpegExecutable();
@@ -149,9 +128,11 @@ const getCliOptions = async (options) => {
         headless: config_1.ConfigInternals.getChromiumHeadlessMode(),
         gl: (_a = config_1.ConfigInternals.getChromiumOpenGlRenderer()) !== null && _a !== void 0 ? _a : renderer_1.RenderInternals.DEFAULT_OPENGL_RENDERER,
     };
-    const everyNthFrame = config_1.ConfigInternals.getAndValidateEveryNthFrame(options.codec);
-    const numberOfGifLoops = config_1.ConfigInternals.getAndValidateNumberOfGifLoops(options.codec);
+    const everyNthFrame = config_1.ConfigInternals.getEveryNthFrame();
+    const numberOfGifLoops = config_1.ConfigInternals.getNumberOfGifLoops();
     const concurrency = config_1.ConfigInternals.getConcurrency();
+    const height = config_1.ConfigInternals.getHeight();
+    const width = config_1.ConfigInternals.getWidth();
     renderer_1.RenderInternals.validateConcurrency(concurrency, 'concurrency');
     return {
         puppeteerTimeout: config_1.ConfigInternals.getCurrentPuppeteerTimeout(),
@@ -164,7 +145,6 @@ const getCliOptions = async (options) => {
         browser: await getAndValidateBrowser(browserExecutable),
         crf,
         pixelFormat,
-        imageFormat,
         proResProfile,
         everyNthFrame,
         numberOfGifLoops,
@@ -183,6 +163,8 @@ const getCliOptions = async (options) => {
         ffmpegOverride: config_1.ConfigInternals.getFfmpegOverrideFunction(),
         audioBitrate: config_1.ConfigInternals.getAudioBitrate(),
         videoBitrate,
+        height,
+        width,
     };
 };
 exports.getCliOptions = getCliOptions;

package/dist/get-composition-id.d.ts

@@ -1,6 +1,7 @@
 import type { TCompMetadata } from 'remotion';
-export declare const getCompositionId: (validCompositions: TCompMetadata[]) => Promise<{
+export declare const getCompositionId: (validCompositions: TCompMetadata[], args: string[]) => Promise<{
     compositionId: string;
     reason: string;
     config: TCompMetadata;
+    argsAfterComposition: string[];
 }>;

package/dist/get-composition-id.js

@@ -2,20 +2,21 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getCompositionId = void 0;
 const log_1 = require("./log");
-const parse_command_line_1 = require("./parse-command-line");
 const select_composition_1 = require("./select-composition");
-const getCompositionId = async (validCompositions) => {
-    if (parse_command_line_1.parsedCli._[2]) {
-        const config = validCompositions.find((c) => c.id === parse_command_line_1.parsedCli._[2]);
+const getCompositionId = async (validCompositions, args) => {
+    const [compName, ...remainingArgs] = args;
+    if (compName) {
+        const config = validCompositions.find((c) => c.id === compName);
         if (!config) {
-            throw new Error(`Cannot find composition with ID "${parse_command_line_1.parsedCli._[2]}". Available composition: ${validCompositions
+            throw new Error(`Cannot find composition with ID "${compName}". Available composition: ${validCompositions
                 .map((c) => c.id)
                 .join(', ')}`);
         }
         return {
-            compositionId: parse_command_line_1.parsedCli._[2],
+            compositionId: compName,
             reason: 'Passed as argument',
             config,
+            argsAfterComposition: remainingArgs,
         };
     }
     if (!process.env.CI) {
@@ -25,6 +26,7 @@ const getCompositionId = async (validCompositions) => {
                 compositionId,
                 reason,
                 config: validCompositions.find((c) => c.id === compositionId),
+                argsAfterComposition: args,
             };
         }
     }

package/dist/get-composition-with-dimension-override.d.ts

@@ -0,0 +1,12 @@
+import type { TCompMetadata } from 'remotion';
+export declare const getCompositionWithDimensionOverride: ({ validCompositions, height, width, args, }: {
+    validCompositions: TCompMetadata[];
+    height: number | null;
+    width: number | null;
+    args: string[];
+}) => Promise<{
+    compositionId: string;
+    reason: string;
+    config: TCompMetadata;
+    argsAfterComposition: string[];
+}>;

package/dist/get-composition-with-dimension-override.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getCompositionWithDimensionOverride = void 0;
+const get_composition_id_1 = require("./get-composition-id");
+const getCompositionWithDimensionOverride = async ({ validCompositions, height, width, args, }) => {
+    const returnValue = await (0, get_composition_id_1.getCompositionId)(validCompositions, args);
+    return {
+        ...returnValue,
+        config: {
+            ...returnValue.config,
+            height: height !== null && height !== void 0 ? height : returnValue.config.height,
+            width: width !== null && width !== void 0 ? width : returnValue.config.width,
+        },
+    };
+};
+exports.getCompositionWithDimensionOverride = getCompositionWithDimensionOverride;

package/dist/get-filename.d.ts

@@ -1,7 +1,8 @@
 import type { Codec } from '@remotion/renderer';
-export declare const getOutputFilename: ({ codec, imageSequence, compositionName, defaultExtension, }: {
+export declare const getOutputFilename: ({ codec, imageSequence, compositionName, defaultExtension, args, }: {
     codec: Codec;
     imageSequence: boolean;
     compositionName: string;
     defaultExtension: string;
+    args: string[];
 }) => string;

package/dist/get-filename.js

@@ -4,10 +4,11 @@ exports.getOutputFilename = void 0;
 const renderer_1 = require("@remotion/renderer");
 const log_1 = require("./log");
 const user_passed_output_location_1 = require("./user-passed-output-location");
-const getOutputFilename = ({ codec, imageSequence, compositionName, defaultExtension, }) => {
+const getOutputFilename = ({ codec, imageSequence, compositionName, defaultExtension, args, }) => {
     let filename = (0, user_passed_output_location_1.getOutputLocation)({
         compositionId: compositionName,
         defaultExtension,
+        args,
     });
     let extension = renderer_1.RenderInternals.getExtensionOfFilename(filename);
     if (imageSequence) {

package/dist/get-render-media-options.js

@@ -4,15 +4,20 @@ exports.getRenderMediaOptions = void 0;
 const renderer_1 = require("@remotion/renderer");
 const config_1 = require("./config");
 const get_cli_options_1 = require("./get-cli-options");
+const image_formats_1 = require("./image-formats");
 const getRenderMediaOptions = async ({ outputLocation, config, serveUrl, codec, }) => {
-    const { proResProfile, concurrency, frameRange, overwrite, inputProps, envVariables, quality, crf, pixelFormat, imageFormat, browserExecutable, ffmpegExecutable, ffprobeExecutable, scale, chromiumOptions, port, numberOfGifLoops, everyNthFrame, muted, enforceAudioTrack, ffmpegOverride, audioBitrate, videoBitrate, } = await (0, get_cli_options_1.getCliOptions)({
+    const { proResProfile, concurrency, frameRange, overwrite, inputProps, envVariables, quality, crf, pixelFormat, browserExecutable, ffmpegExecutable, ffprobeExecutable, scale, chromiumOptions, port, numberOfGifLoops, everyNthFrame, muted, enforceAudioTrack, ffmpegOverride, audioBitrate, videoBitrate, height, width, } = await (0, get_cli_options_1.getCliOptions)({
         isLambda: false,
         type: 'series',
-        codec,
     });
+    const imageFormat = (0, image_formats_1.getImageFormat)(codec);
     return {
         outputLocation,
-        composition: config,
+        composition: {
+            ...config,
+            width: width !== null && width !== void 0 ? width : config.width,
+            height: height !== null && height !== void 0 ? height : config.height,
+        },
         crf,
         envVariables,
         ffmpegExecutable,

package/dist/index.d.ts

@@ -66,11 +66,9 @@ export declare const CliInternals: {
         warn: (message?: any, ...optionalParams: any[]) => void;
         error: (message?: any, ...optionalParams: any[]) => void;
     };
-    loadConfigFile: (remotionRoot: string, configFileName: string, isJavascript: boolean) => Promise<string | null>;
     getCliOptions: (options: {
         isLambda: boolean;
         type: "still" | "series" | "get-compositions";
-        codec: "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "gif";
     }) => Promise<{
         puppeteerTimeout: number;
         concurrency: number | null;
@@ -82,10 +80,9 @@ export declare const CliInternals: {
         browser: import("@remotion/renderer").Browser;
         crf: import("@remotion/renderer").Crf | null;
         pixelFormat: "yuv420p" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le";
-        imageFormat: "png" | "jpeg" | "none";
         proResProfile: "4444-xq" | "4444" | "hq" | "standard" | "light" | "proxy" | undefined;
         everyNthFrame: number;
-        numberOfGifLoops: number | null;
+        numberOfGifLoops: import("./config/number-of-gif-loops").Loop;
         stillFrame: number;
         browserExecutable: import("@remotion/renderer").BrowserExecutable;
         ffmpegExecutable: import("@remotion/renderer").FfmpegExecutable;
@@ -101,8 +98,9 @@ export declare const CliInternals: {
         ffmpegOverride: import("@remotion/renderer").FfmpegOverrideFn;
         audioBitrate: string | null;
         videoBitrate: string | null;
+        height: number | null;
+        width: number | null;
     }>;
-    parseCommandLine: () => void;
     loadConfig: (remotionRoot: string) => Promise<string | null>;
     initializeCli: (remotionRoot: string) => Promise<void>;
     BooleanFlags: string[];
@@ -139,4 +137,10 @@ export declare const CliInternals: {
         compositionId: string;
         reason: string;
     }>;
+    findEntryPoint: (args: string[], remotionRoot: string) => {
+        file: string | null;
+        remainingArgs: string[];
+        reason: string;
+    };
+    getImageFormat: (codec: import("@remotion/renderer").CodecOrUndefined) => "png" | "jpeg" | "none";
 };

package/dist/index.js

@@ -26,14 +26,15 @@ const compositions_1 = require("./compositions");
 const index_1 = require("./config/index");
 const determine_image_format_1 = require("./determine-image-format");
 const download_progress_1 = require("./download-progress");
+const entry_point_1 = require("./entry-point");
 const find_closest_package_json_1 = require("./find-closest-package-json");
 const format_bytes_1 = require("./format-bytes");
 const get_cli_options_1 = require("./get-cli-options");
 const get_config_file_name_1 = require("./get-config-file-name");
 const handle_common_errors_1 = require("./handle-common-errors");
+const image_formats_1 = require("./image-formats");
 const initialize_cli_1 = require("./initialize-cli");
 const lambda_command_1 = require("./lambda-command");
-const load_config_1 = require("./load-config");
 const log_1 = require("./log");
 const make_progress_bar_1 = require("./make-progress-bar");
 const parse_command_line_1 = require("./parse-command-line");
@@ -47,8 +48,7 @@ const upgrade_1 = require("./upgrade");
 const versions_1 = require("./versions");
 const cli = async () => {
     (0, index_1.overrideRemotion)();
-    const args = process.argv;
-    const command = args[2];
+    const [command, ...args] = parse_command_line_1.parsedCli._;
     if (parse_command_line_1.parsedCli.help) {
         (0, print_help_1.printHelp)();
         process.exit(0);
@@ -61,19 +61,19 @@ const cli = async () => {
     await (0, initialize_cli_1.initializeCli)(remotionRoot);
     try {
         if (command === 'compositions') {
-            await (0, compositions_1.listCompositionsCommand)(remotionRoot);
+            await (0, compositions_1.listCompositionsCommand)(remotionRoot, args);
         }
         else if (command === 'preview') {
-            await (0, preview_1.previewCommand)(remotionRoot);
+            await (0, preview_1.previewCommand)(remotionRoot, args);
         }
         else if (command === 'lambda') {
-            await (0, lambda_command_1.lambdaCommand)(remotionRoot);
+            await (0, lambda_command_1.lambdaCommand)(remotionRoot, args);
         }
         else if (command === 'render') {
-            await (0, render_1.render)(remotionRoot);
+            await (0, render_1.render)(remotionRoot, args);
         }
         else if (command === 'still') {
-            await (0, still_1.still)(remotionRoot);
+            await (0, still_1.still)(remotionRoot, args);
         }
         else if (command === 'upgrade') {
             await (0, upgrade_1.upgrade)(remotionRoot, parse_command_line_1.parsedCli['package-manager']);
@@ -82,7 +82,7 @@ const cli = async () => {
             await (0, versions_1.versionsCommand)(remotionRoot);
         }
         else if (command === 'benchmark') {
-            await (0, benchmark_1.benchmarkCommand)(remotionRoot, parse_command_line_1.parsedCli._.slice(1));
+            await (0, benchmark_1.benchmarkCommand)(remotionRoot, args);
         }
         else if (command === 'help') {
             (0, print_help_1.printHelp)();
@@ -115,9 +115,7 @@ exports.CliInternals = {
     chalk: chalk_1.chalk,
     makeProgressBar: make_progress_bar_1.makeProgressBar,
     Log: log_1.Log,
-    loadConfigFile: load_config_1.loadConfigFile,
     getCliOptions: get_cli_options_1.getCliOptions,
-    parseCommandLine: parse_command_line_1.parseCommandLine,
     loadConfig: get_config_file_name_1.loadConfig,
     initializeCli: initialize_cli_1.initializeCli,
     BooleanFlags: parse_command_line_1.BooleanFlags,
@@ -131,4 +129,6 @@ exports.CliInternals = {
     determineFinalImageFormat: determine_image_format_1.determineFinalImageFormat,
     minimist: minimist_1.default,
     selectComposition: select_composition_1.selectComposition,
+    findEntryPoint: entry_point_1.findEntryPoint,
+    getImageFormat: image_formats_1.getImageFormat,
 };

package/dist/lambda-command.d.ts

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

package/dist/lambda-command.js

@@ -2,16 +2,15 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.lambdaCommand = void 0;
 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 (remotionRoot) => {
+const lambdaCommand = async (remotionRoot, args) => {
     try {
         const path = require.resolve('@remotion/lambda', {
             paths: [remotionRoot],
         });
         const { LambdaInternals } = require(path);
-        await LambdaInternals.executeCommand(parse_command_line_1.parsedCli._.slice(1));
+        await LambdaInternals.executeCommand(args, remotionRoot);
         process.exit(0);
     }
     catch (err) {

package/dist/list-of-remotion-packages.js

@@ -10,6 +10,7 @@ exports.listOfRemotionPackages = [
     '@remotion/lottie',
     '@remotion/media-utils',
     '@remotion/motion-blur',
+    '@remotion/google-fonts',
     '@remotion/noise',
     '@remotion/paths',
     '@remotion/babel-loader',

package/dist/parse-command-line.d.ts

@@ -36,6 +36,8 @@ export declare type CommandLineOptions = {
     ['disable-headless']: boolean;
     ['disable-keyboard-shortcuts']: boolean;
     muted: boolean;
+    height: number;
+    width: number;
     ['enforce-audio-track']: boolean;
     gl: OpenGlRenderer;
     ['package-manager']: string;

package/dist/parse-command-line.js

@@ -80,6 +80,12 @@ const parseCommandLine = () => {
     if (exports.parsedCli.timeout) {
         config_1.Config.Puppeteer.setTimeoutInMilliseconds(exports.parsedCli.timeout);
     }
+    if (exports.parsedCli.height) {
+        config_1.Config.Output.overrideHeight(exports.parsedCli.height);
+    }
+    if (exports.parsedCli.width) {
+        config_1.Config.Output.overrideWidth(exports.parsedCli.width);
+    }
     if (exports.parsedCli.frames) {
         config_1.ConfigInternals.setFrameRangeFromCli(exports.parsedCli.frames);
     }

package/dist/preview-server/error-overlay/remotion-overlay/AskOnDiscord.js

@@ -24,6 +24,7 @@ const AskOnDiscord = ({ canHaveKeyboardShortcuts }) => {
             key: 'd',
             callback: onEditor,
             commandCtrlKey: true,
+            preventDefault: true,
         });
         return () => unregister();
     }, [canHaveKeyboardShortcuts, openInBrowser, registerKeybinding]);

package/dist/preview-server/error-overlay/remotion-overlay/HelpLink.js

@@ -27,6 +27,7 @@ const HelpLink = ({ canHaveKeyboardShortcuts, link }) => {
             key: 'h',
             callback: onEditor,
             commandCtrlKey: true,
+            preventDefault: true,
         });
         return () => unregister();
     }, [canHaveKeyboardShortcuts, openLink, registerKeybinding]);

package/dist/preview-server/error-overlay/remotion-overlay/OpenInEditor.js

@@ -87,6 +87,7 @@ const OpenInEditor = ({ stack, canHaveKeyboardShortcuts }) => {
             key: 'o',
             callback: onEditor,
             commandCtrlKey: true,
+            preventDefault: true,
         });
         return () => unregister();
     }, [canHaveKeyboardShortcuts, openInBrowser, registerKeybinding]);

package/dist/preview-server/error-overlay/remotion-overlay/SearchGitHubIssues.js

@@ -23,6 +23,7 @@ const SearchGithubIssues = ({ message, canHaveKeyboardShortcuts }) => {
             key: 'g',
             callback: onEditor,
             commandCtrlKey: true,
+            preventDefault: true,
         });
         return () => unregister();
     }, [canHaveKeyboardShortcuts, openInBrowser, registerKeybinding]);

package/dist/preview-server/error-overlay/remotion-overlay/ShortcutHint.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+export declare const cmdOrCtrlCharacter: string;
 export declare const ShortcutHint: React.FC<{
     keyToPress: string;
     cmdOrCtrl: boolean;

package/dist/preview-server/error-overlay/remotion-overlay/ShortcutHint.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ShortcutHint = void 0;
+exports.ShortcutHint = exports.cmdOrCtrlCharacter = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const cmdOrCtrlCharacter = window.navigator.platform.startsWith('Mac')
+exports.cmdOrCtrlCharacter = window.navigator.platform.startsWith('Mac')
     ? '⌘'
     : 'Ctrl';
 const container = {
@@ -11,6 +11,6 @@ const container = {
     opacity: 0.6,
 };
 const ShortcutHint = ({ keyToPress, cmdOrCtrl }) => {
-    return ((0, jsx_runtime_1.jsxs)("span", { style: container, children: [cmdOrCtrl ? `${cmdOrCtrlCharacter}+` : '', keyToPress.toUpperCase()] }));
+    return ((0, jsx_runtime_1.jsxs)("span", { style: container, children: [cmdOrCtrl ? `${exports.cmdOrCtrlCharacter}+` : '', keyToPress.toUpperCase()] }));
 };
 exports.ShortcutHint = ShortcutHint;

package/dist/preview.d.ts

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

package/dist/preview.js

@@ -8,6 +8,7 @@ const better_opn_1 = __importDefault(require("better-opn"));
 const path_1 = __importDefault(require("path"));
 const chalk_1 = require("./chalk");
 const config_1 = require("./config");
+const entry_point_1 = require("./entry-point");
 const get_env_1 = require("./get-env");
 const get_input_props_1 = require("./get-input-props");
 const get_network_address_1 = require("./get-network-address");
@@ -31,8 +32,9 @@ const waitForLiveEventsListener = () => {
         });
     });
 };
-const previewCommand = async (remotionRoot) => {
-    const file = parse_command_line_1.parsedCli._[1];
+const previewCommand = async (remotionRoot, args) => {
+    const { file, reason } = (0, entry_point_1.findEntryPoint)(args, remotionRoot);
+    log_1.Log.verbose('Entry point:', file, 'reason:', reason);
     if (!file) {
         log_1.Log.error('The preview command requires you to specify a root file. For example');
         log_1.Log.error('  npx remotion preview src/index.tsx');

package/dist/render.d.ts

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