@remotion/cli 4.0.501 → 4.0.503

package/dist/benchmark.js

@@ -104,11 +104,14 @@ const benchmarkCommand = async (remotionRoot, args, logLevel) => {
         process.exit(1);
     }
     const fullEntryPoint = (0, convert_entry_point_to_serve_url_1.convertEntryPointToServeUrl)(file);
-    const { inputProps, envVariables, frameRange: defaultFrameRange, ffmpegOverride, } = (0, get_cli_options_1.getCliOptions)({
+    const { inputProps, envVariables, frameRange: defaultFrameRange, selectedFrames, ffmpegOverride, } = (0, get_cli_options_1.getCliOptions)({
         isStill: false,
         logLevel,
         indent: false,
     });
+    if (selectedFrames !== null) {
+        throw new Error('Comma-separated frame selections are only supported by the `render` command.');
+    }
     const unparsedConcurrency = concurrencyOption.getValue({
         commandLine: parsed_cli_1.parsedCli,
     }).value;

package/dist/config/index.d.ts

@@ -1,5 +1,5 @@
 import type { BundlerOverrideFn, RspackConfiguration, RspackOverrideFn, WebpackConfiguration, WebpackOverrideFn } from '@remotion/bundler';
-import type { BrowserExecutable, ChromeMode, CodecOrUndefined, ColorSpace, Crf, DeleteAfter, FrameRange, NumberOfGifLoops, StillImageFormat, VideoImageFormat } from '@remotion/renderer';
+import type { BrowserExecutable, ChromeMode, CodecOrUndefined, ColorSpace, Crf, DeleteAfter, DefaultEditor, FrameRange, NumberOfGifLoops, StillImageFormat, VideoImageFormat } from '@remotion/renderer';
 import type { HardwareAccelerationOption } from '@remotion/renderer/client';
 import type { Concurrency } from './concurrency';
 export type { BundlerOverrideFn, Concurrency, RspackConfiguration, RspackOverrideFn, WebpackConfiguration, WebpackOverrideFn, };
@@ -66,10 +66,14 @@ declare global {
          */
         readonly setAllowHtmlInCanvasEnabled: (enabled: boolean) => void;
         /**
-         * Enable experimental Rspack bundler instead of Webpack.
+         * Enable the Rspack bundler instead of Webpack.
          * @param enabled Boolean whether to enable the Rspack bundler
          * @default false
          */
+        readonly setRspack: (enabled: boolean) => void;
+        /**
+         * @deprecated Use `setRspack()` instead: https://www.remotion.dev/docs/config#setrspack
+         */
         readonly setExperimentalRspackEnabled: (enabled: boolean) => void;
         /**
          * Set number of shared audio tags. https://www.remotion.dev/docs/player/autoplay#using-the-numberofsharedaudiotags-prop
@@ -380,6 +384,10 @@ type FlatConfig = RemotionConfigObject & RemotionBundlingOptions & {
      * Default: false
      */
     setForceNewStudioEnabled: (forceNew: boolean) => void;
+    /**
+     * Set the editor used when opening files from Remotion Studio.
+     */
+    setDefaultEditor: (editor: DefaultEditor) => void;
     setDeleteAfter: (day: DeleteAfter | null) => void;
     /**
      * Set whether S3 buckets should be allowed to expire.

package/dist/config/index.js

@@ -18,7 +18,7 @@ const preview_server_1 = require("./preview-server");
 const still_frame_1 = require("./still-frame");
 const webpack_caching_1 = require("./webpack-caching");
 const webpack_poll_1 = require("./webpack-poll");
-const { benchmarkConcurrenciesOption, concurrencyOption, offthreadVideoCacheSizeInBytesOption, x264Option, audioBitrateOption, videoBitrateOption, scaleOption, crfOption, jpegQualityOption, enforceAudioOption, overwriteOption, chromeModeOption, mutedOption, videoCodecOption, colorSpaceOption, disallowParallelEncodingOption, deleteAfterOption, folderExpiryOption, enableMultiprocessOnLinuxOption, glOption, gopSizeOption, headlessOption, numberOfGifLoopsOption, beepOnFinishOption, encodingMaxRateOption, encodingBufferSizeOption, reproOption, enableLambdaInsights, logLevelOption, delayRenderTimeoutInMillisecondsOption, publicDirOption, binariesDirectoryOption, preferLosslessOption, framesOption, forSeamlessAacConcatenationOption, audioCodecOption, publicPathOption, hardwareAccelerationOption, audioLatencyHintOption, enableCrossSiteIsolationOption, imageSequencePatternOption, darkModeOption, askAIOption, publicLicenseKeyOption, interactivityOption, keyboardShortcutsOption, forceNewStudioOption, numberOfSharedAudioTagsOption, ipv4Option, pixelFormatOption, browserExecutableOption, everyNthFrameOption, proResProfileOption, stillImageFormatOption, videoImageFormatOption, userAgentOption, disableWebSecurityOption, ignoreCertificateErrorsOption, overrideHeightOption, overrideWidthOption, overrideFpsOption, overrideDurationOption, rspackOption, outDirOption, webpackPollOption, imageSequenceOption, bundleCacheOption, envFileOption, runsOption, noOpenOption, sampleRateOption, previewSampleRateOption, } = client_1.BrowserSafeApis.options;
+const { benchmarkConcurrenciesOption, concurrencyOption, offthreadVideoCacheSizeInBytesOption, x264Option, audioBitrateOption, videoBitrateOption, scaleOption, crfOption, jpegQualityOption, enforceAudioOption, overwriteOption, chromeModeOption, mutedOption, videoCodecOption, colorSpaceOption, disallowParallelEncodingOption, deleteAfterOption, folderExpiryOption, enableMultiprocessOnLinuxOption, glOption, gopSizeOption, headlessOption, numberOfGifLoopsOption, beepOnFinishOption, encodingMaxRateOption, encodingBufferSizeOption, reproOption, enableLambdaInsights, logLevelOption, delayRenderTimeoutInMillisecondsOption, publicDirOption, binariesDirectoryOption, preferLosslessOption, framesOption, forSeamlessAacConcatenationOption, audioCodecOption, publicPathOption, hardwareAccelerationOption, audioLatencyHintOption, enableCrossSiteIsolationOption, imageSequencePatternOption, darkModeOption, defaultEditorOption, askAIOption, publicLicenseKeyOption, interactivityOption, keyboardShortcutsOption, forceNewStudioOption, numberOfSharedAudioTagsOption, ipv4Option, pixelFormatOption, browserExecutableOption, everyNthFrameOption, proResProfileOption, stillImageFormatOption, videoImageFormatOption, userAgentOption, disableWebSecurityOption, ignoreCertificateErrorsOption, overrideHeightOption, overrideWidthOption, overrideFpsOption, overrideDurationOption, rspackOption, outDirOption, webpackPollOption, imageSequenceOption, bundleCacheOption, envFileOption, runsOption, noOpenOption, sampleRateOption, previewSampleRateOption, } = client_1.BrowserSafeApis.options;
 const setAllowHtmlInCanvasEnabled = (_enabled) => {
     log_1.Log.warn({ indent: false, logLevel: 'info' }, 'Config.setAllowHtmlInCanvasEnabled() is now a no-op because HTML-in-canvas is enabled by default when supported. You can remove this option from your config file.');
 };
@@ -45,6 +45,7 @@ exports.Config = {
     setKeyboardShortcutsEnabled: keyboardShortcutsOption.setConfig,
     setInteractivityEnabled: interactivityOption.setConfig,
     setAllowHtmlInCanvasEnabled,
+    setRspack: rspackOption.setConfig,
     setExperimentalRspackEnabled: rspackOption.setConfig,
     setNumberOfSharedAudioTags: numberOfSharedAudioTagsOption.setConfig,
     setWebpackPollingInMilliseconds: webpackPollOption.setConfig,
@@ -127,6 +128,7 @@ exports.Config = {
     setEnableCrossSiteIsolation: enableCrossSiteIsolationOption.setConfig,
     setAskAIEnabled: askAIOption.setConfig,
     setPublicLicenseKey: publicLicenseKeyOption.setConfig,
+    setDefaultEditor: defaultEditorOption.setConfig,
     setForceNewStudioEnabled: forceNewStudioOption.setConfig,
     setIPv4: ipv4Option.setConfig,
     setBundleOutDir: outDirOption.setConfig,

package/dist/detect-outdated-remotion-skills.d.ts

@@ -0,0 +1,2 @@
+export { detectOutdatedRemotionSkills, parseRemotionSkillVersion, } from '@remotion/studio-server';
+export type { RemotionSkillsScope, RemotionSkillsStatus, } from '@remotion/studio-server';

package/dist/detect-outdated-remotion-skills.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parseRemotionSkillVersion = exports.detectOutdatedRemotionSkills = void 0;
+const studio_server_1 = require("@remotion/studio-server");
+Object.defineProperty(exports, "detectOutdatedRemotionSkills", { enumerable: true, get: function () { return studio_server_1.detectOutdatedRemotionSkills; } });
+Object.defineProperty(exports, "parseRemotionSkillVersion", { enumerable: true, get: function () { return studio_server_1.parseRemotionSkillVersion; } });

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

@@ -1,13 +1,15 @@
+import type { FfmpegOverrideFn, FrameRange } from '@remotion/renderer';
 export declare const getAndValidateAbsoluteOutputFile: (relativeOutputLocation: string, overwrite: boolean, logLevel: "error" | "info" | "trace" | "verbose" | "warn") => string;
 export declare const getCliOptions: (options: {
     isStill: boolean;
     logLevel: "error" | "info" | "trace" | "verbose" | "warn";
     indent: boolean;
 }) => {
-    frameRange: import("@remotion/renderer").FrameRange | null;
+    frameRange: FrameRange | null;
+    selectedFrames: number[] | null;
     shouldOutputImageSequence: boolean;
     inputProps: Record<string, unknown>;
     envVariables: Record<string, string>;
     stillFrame: number;
-    ffmpegOverride: import("@remotion/renderer").FfmpegOverrideFn;
+    ffmpegOverride: FfmpegOverrideFn;
 };

package/dist/get-cli-options.js

@@ -13,15 +13,21 @@ const get_input_props_1 = require("./get-input-props");
 const log_1 = require("./log");
 const parsed_cli_1 = require("./parsed-cli");
 const getAndValidateFrameRange = (logLevel, indent) => {
-    const frameRange = client_1.BrowserSafeApis.options.framesOption.getValue({
+    const frameSelection = client_1.BrowserSafeApis.options.framesOption.getValue({
         commandLine: parsed_cli_1.parsedCli,
     }).value;
+    const selectedFrames = typeof frameSelection === 'object' &&
+        frameSelection !== null &&
+        !Array.isArray(frameSelection)
+        ? frameSelection.frames
+        : null;
+    const frameRange = selectedFrames === null ? frameSelection : null;
     if (typeof frameRange === 'number') {
         log_1.Log.warn({ logLevel, indent }, 'Selected a single frame. Assuming you want to output an image.');
         log_1.Log.warn({ logLevel, indent }, `If you want to render a video, pass a range:  '--frames=${frameRange}-${frameRange}'.`);
         log_1.Log.warn({ indent, logLevel }, "To dismiss this message, add the '--sequence' flag explicitly.");
     }
-    return frameRange;
+    return { frameRange, selectedFrames };
 };
 const getAndValidateAbsoluteOutputFile = (relativeOutputLocation, overwrite, logLevel) => {
     const absoluteOutputFile = node_path_1.default.resolve(process.cwd(), relativeOutputLocation);
@@ -34,15 +40,18 @@ const getAndValidateAbsoluteOutputFile = (relativeOutputLocation, overwrite, log
 exports.getAndValidateAbsoluteOutputFile = getAndValidateAbsoluteOutputFile;
 const getCliOptions = (options) => {
     var _a;
-    const frameRange = getAndValidateFrameRange(options.logLevel, false);
+    const { frameRange, selectedFrames } = getAndValidateFrameRange(options.logLevel, false);
     const imageSequence = client_1.BrowserSafeApis.options.imageSequenceOption.getValue({
         commandLine: parsed_cli_1.parsedCli,
     }).value;
     const shouldOutputImageSequence = options.isStill
         ? true
-        : imageSequence || typeof frameRange === 'number';
+        : imageSequence ||
+            typeof frameRange === 'number' ||
+            selectedFrames !== null;
     return {
         frameRange,
+        selectedFrames,
         shouldOutputImageSequence,
         inputProps: (0, get_input_props_1.getInputProps)(null, options.logLevel),
         envVariables: (0, get_env_1.getEnvironmentVariables)(null, options.logLevel, options.indent),

package/dist/get-config-file-name.js

@@ -7,10 +7,11 @@ exports.reloadConfig = exports.loadConfig = exports.getLoadedConfigFile = void 0
 const node_fs_1 = require("node:fs");
 const node_path_1 = __importDefault(require("node:path"));
 const client_1 = require("@remotion/renderer/client");
+const config_1 = require("./config");
 const load_config_1 = require("./load-config");
 const log_1 = require("./log");
 const parsed_cli_1 = require("./parsed-cli");
-const { configOption } = client_1.BrowserSafeApis.options;
+const { configOption, logLevelOption, rspackOption } = client_1.BrowserSafeApis.options;
 const defaultConfigFileJavascript = 'remotion.config.js';
 const defaultConfigFileTypescript = 'remotion.config.ts';
 let loadedConfigFile = null;
@@ -19,9 +20,32 @@ const getLoadedConfigFile = () => {
     return (_a = loadedConfigFile === null || loadedConfigFile === void 0 ? void 0 : loadedConfigFile.resolved) !== null && _a !== void 0 ? _a : null;
 };
 exports.getLoadedConfigFile = getLoadedConfigFile;
+const warnAboutBundlerOverride = () => {
+    const useRspack = rspackOption.getValue({ commandLine: parsed_cli_1.parsedCli }).value;
+    const hasWebpackOverride = config_1.ConfigInternals.getWebpackOverrideFn() !==
+        config_1.ConfigInternals.defaultOverrideFunction;
+    const hasRspackOverride = config_1.ConfigInternals.getRspackOverrideFn() !==
+        config_1.ConfigInternals.defaultRspackOverrideFunction;
+    if ((useRspack && !hasWebpackOverride) ||
+        (!useRspack && !hasRspackOverride)) {
+        return;
+    }
+    const selectedBundler = useRspack ? 'Rspack' : 'Webpack';
+    const ignoredBundler = useRspack ? 'Webpack' : 'Rspack';
+    const selectedOverride = useRspack
+        ? 'overrideRspackConfig'
+        : 'overrideWebpackConfig';
+    const ignoredOverride = useRspack
+        ? 'overrideWebpackConfig'
+        : 'overrideRspackConfig';
+    const logLevel = logLevelOption.getValue({ commandLine: parsed_cli_1.parsedCli }).value;
+    log_1.Log.warn({ indent: false, logLevel }, `You have selected ${selectedBundler} as the bundler, but Config.${ignoredOverride}() was called. The ${ignoredBundler} override will be ignored. Use Config.${selectedOverride}() or Config.overrideBundlerConfig() instead.`);
+};
 const loadInitialConfigFile = async (remotionRoot, configFileName, isJavascript) => {
     try {
-        return await (0, load_config_1.loadConfigFile)(remotionRoot, configFileName, isJavascript);
+        const config = await (0, load_config_1.loadConfigFile)(remotionRoot, configFileName, isJavascript);
+        warnAboutBundlerOverride();
+        return config;
     }
     catch (error) {
         log_1.Log.error({ indent: false, logLevel: 'error' }, error instanceof Error ? error.message : String(error));
@@ -72,6 +96,7 @@ const reloadConfig = async ({ resetConfigOptions, }) => {
     try {
         (0, load_config_1.executeConfigFile)(nextConfigFile);
         loadedConfigFile = nextConfigFile;
+        warnAboutBundlerOverride();
         return true;
     }
     catch (error) {

package/dist/image-formats.d.ts

@@ -0,0 +1,4 @@
+export declare const getVideoImageFormat: ({ codec, uiImageFormat, }: {
+    codec: import("@remotion/renderer").CodecOrUndefined;
+    uiImageFormat: "jpeg" | "none" | "png" | null;
+}) => "jpeg" | "none" | "png";

package/dist/image-formats.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getVideoImageFormat = void 0;
+const client_1 = require("@remotion/renderer/client");
+const pure_1 = require("@remotion/renderer/pure");
+const parsed_cli_1 = require("./parsed-cli");
+const getVideoImageFormat = ({ codec, uiImageFormat, }) => {
+    if (uiImageFormat !== null) {
+        return uiImageFormat;
+    }
+    const configured = client_1.BrowserSafeApis.options.videoImageFormatOption.getValue({
+        commandLine: parsed_cli_1.parsedCli,
+    }).value;
+    if (configured !== null) {
+        return configured;
+    }
+    if (pure_1.NoReactAPIs.isAudioCodec(codec)) {
+        return 'none';
+    }
+    if (codec === 'h264' ||
+        codec === 'h264-mkv' ||
+        codec === 'h264-ts' ||
+        codec === 'h265' ||
+        codec === 'av1' ||
+        codec === 'vp8' ||
+        codec === 'vp9' ||
+        codec === 'prores' ||
+        codec === 'gif') {
+        return 'jpeg';
+    }
+    if (codec === undefined) {
+        return 'png';
+    }
+    throw new Error('Unrecognized codec ' + codec);
+};
+exports.getVideoImageFormat = getVideoImageFormat;

package/dist/index.d.ts

@@ -82,6 +82,7 @@ export declare const CliInternals: {
         indent: boolean;
     }) => {
         frameRange: import("@remotion/renderer").FrameRange | null;
+        selectedFrames: number[] | null;
         shouldOutputImageSequence: boolean;
         inputProps: Record<string, unknown>;
         envVariables: Record<string, string>;

package/dist/index.js

@@ -46,7 +46,7 @@ const still_1 = require("./still");
 const studio_1 = require("./studio");
 const upgrade_1 = require("./upgrade");
 const versions_1 = require("./versions");
-const { packageManagerOption, versionFlagOption } = client_1.BrowserSafeApis.options;
+const { packageManagerOption, skipSkillsOption, versionFlagOption } = client_1.BrowserSafeApis.options;
 const cli = async () => {
     var _a;
     const [command, ...args] = parsed_cli_1.parsedCli._;
@@ -113,6 +113,7 @@ const cli = async () => {
                 remotionRoot,
                 packageManager: packageManager !== null && packageManager !== void 0 ? packageManager : undefined,
                 version: (_a = versionFlagOption.getValue({ commandLine: parsed_cli_1.parsedCli }).value) !== null && _a !== void 0 ? _a : undefined,
+                skipSkills: skipSkillsOption.getValue({ commandLine: parsed_cli_1.parsedCli }).value,
                 logLevel,
                 args,
             });
@@ -134,7 +135,10 @@ const cli = async () => {
             });
         }
         else if (command === 'skills') {
-            await (0, skills_1.skillsCommand)(args, logLevel);
+            await (0, skills_1.skillsCommand)(args, logLevel, {
+                cwd: process.cwd(),
+                environment: process.env,
+            });
         }
         else if (command === versions_1.VERSIONS_COMMAND) {
             await (0, versions_1.versionsCommand)(remotionRoot, logLevel);

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

@@ -12,7 +12,6 @@ exports.listOfRemotionPackages = [
     '@remotion/brand',
     '@remotion/bundler',
     '@remotion/browser-studio',
-    '@remotion/canvas-capture',
     '@remotion/claude-code-plugin',
     '@remotion/cli',
     '@remotion/cloudrun',
@@ -98,7 +97,7 @@ exports.listOfRemotionPackages = [
     '@remotion/remotion-media',
     '@remotion/web-renderer',
     '@remotion/design',
-    '@remotion/drag-and-drop',
+    '@remotion/studio-protocol',
     '@remotion/light-leaks',
     '@remotion/rough-notation',
     '@remotion/starburst',

package/dist/parse-command-line.js

@@ -6,6 +6,9 @@ const config_1 = require("./config");
 const parsed_cli_1 = require("./parsed-cli");
 const { licenseKeyOption } = client_1.BrowserSafeApis.options;
 const parseCommandLine = () => {
+    if (parsed_cli_1.parsedCli['experimental-rspack'] !== undefined) {
+        throw new Error('The --experimental-rspack flag has been removed. Use --rspack from now on.');
+    }
     if (parsed_cli_1.parsedCli.png) {
         throw new Error('The --png flag has been removed. Use --sequence --image-format=png from now on.');
     }

package/dist/parsed-cli.d.ts

@@ -351,6 +351,21 @@ declare const benchmarkConcurrenciesOption: {
     };
     setConfig: (value: boolean) => void;
     id: "dark-mode";
+}, defaultEditorOption: {
+    name: string;
+    cliFlag: "editor";
+    description: () => import("react/jsx-runtime").JSX.Element;
+    ssrName: null;
+    docLink: string;
+    type: import("@remotion/renderer").DefaultEditor | null;
+    getValue: ({ commandLine }: {
+        commandLine: Record<string, unknown>;
+    }) => {
+        value: import("@remotion/renderer").DefaultEditor | null;
+        source: string;
+    };
+    setConfig(value: import("@remotion/renderer").DefaultEditor | null): void;
+    id: "editor";
 }, publicLicenseKeyOption: {
     name: string;
     cliFlag: "public-license-key";
@@ -983,14 +998,14 @@ declare const benchmarkConcurrenciesOption: {
     description: () => import("react/jsx-runtime").JSX.Element;
     ssrName: "frameRange";
     docLink: string;
-    type: import("@remotion/renderer").FrameRange | null;
+    type: import("@remotion/renderer").FrameSelection;
     getValue: ({ commandLine }: {
         commandLine: Record<string, unknown>;
     }) => {
         source: string;
-        value: import("@remotion/renderer").FrameRange | null;
+        value: import("@remotion/renderer").FrameSelection;
     };
-    setConfig: (value: import("@remotion/renderer").FrameRange | null) => void;
+    setConfig: (value: import("@remotion/renderer").FrameSelection) => void;
     id: "frames";
 }, isProductionOption: {
     name: string;
@@ -1131,6 +1146,39 @@ declare const benchmarkConcurrenciesOption: {
     };
     setConfig: (value: number | null) => void;
     id: "preview-sample-rate";
+}, rspackOption: {
+    name: string;
+    cliFlag: "rspack";
+    description: () => import("react/jsx-runtime").JSX.Element;
+    ssrName: null;
+    docLink: null;
+    type: boolean;
+    getValue: ({ commandLine }: {
+        commandLine: Record<string, unknown>;
+    }) => {
+        value: boolean;
+        source: string;
+    };
+    setConfig(value: boolean): void;
+    id: "rspack";
+}, skipSkillsOption: {
+    name: string;
+    cliFlag: "skip-skills";
+    description: () => import("react/jsx-runtime").JSX.Element;
+    ssrName: null;
+    docLink: string;
+    getValue: ({ commandLine }: {
+        commandLine: Record<string, unknown>;
+    }) => {
+        source: string;
+        value: true;
+    } | {
+        source: string;
+        value: false;
+    };
+    setConfig: () => never;
+    type: boolean;
+    id: "skip-skills";
 };
 export type CommandLineOptions = {
     [browserExecutableOption.cliFlag]: TypeOfOption<typeof browserExecutableOption>;
@@ -1142,6 +1190,7 @@ export type CommandLineOptions = {
     [envFileOption.cliFlag]: TypeOfOption<typeof envFileOption>;
     [ignoreCertificateErrorsOption.cliFlag]: TypeOfOption<typeof ignoreCertificateErrorsOption> | null;
     [darkModeOption.cliFlag]: TypeOfOption<typeof darkModeOption> | null;
+    [defaultEditorOption.cliFlag]: TypeOfOption<typeof defaultEditorOption>;
     [disableWebSecurityOption.cliFlag]: TypeOfOption<typeof disableWebSecurityOption> | null;
     [everyNthFrameOption.cliFlag]: TypeOfOption<typeof everyNthFrameOption>;
     [numberOfGifLoopsOption.cliFlag]: TypeOfOption<typeof numberOfGifLoopsOption>;
@@ -1210,7 +1259,10 @@ export type CommandLineOptions = {
     [forceNewStudioOption.cliFlag]: TypeOfOption<typeof forceNewStudioOption> | null;
     [sampleRateOption.cliFlag]: TypeOfOption<typeof sampleRateOption>;
     [previewSampleRateOption.cliFlag]: TypeOfOption<typeof previewSampleRateOption>;
+    [rspackOption.cliFlag]: TypeOfOption<typeof rspackOption> | null;
+    'experimental-rspack'?: unknown;
     [isProductionOption.cliFlag]: TypeOfOption<typeof isProductionOption> | null;
+    [skipSkillsOption.cliFlag]: TypeOfOption<typeof skipSkillsOption>;
 };
 export declare const BooleanFlags: string[];
 export declare const parsedCli: CommandLineOptions & {

package/dist/parsed-cli.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.quietFlagProvided = exports.parsedCli = exports.BooleanFlags = void 0;
 const client_1 = require("@remotion/renderer/client");
 const minimist_1 = __importDefault(require("minimist"));
-const { benchmarkConcurrenciesOption, beepOnFinishOption, colorSpaceOption, concurrencyOption, disallowParallelEncodingOption, offthreadVideoCacheSizeInBytesOption, encodingBufferSizeOption, encodingMaxRateOption, deleteAfterOption, folderExpiryOption, enableMultiprocessOnLinuxOption, numberOfGifLoopsOption, x264Option, enforceAudioOption, jpegQualityOption, audioBitrateOption, videoBitrateOption, audioCodecOption, publicPathOption, audioLatencyHintOption, darkModeOption, publicLicenseKeyOption, forceNewStudioOption, numberOfSharedAudioTagsOption, ipv4Option, pixelFormatOption, browserExecutableOption, everyNthFrameOption, proResProfileOption, userAgentOption, disableWebSecurityOption, ignoreCertificateErrorsOption, overrideHeightOption, overrideWidthOption, overrideFpsOption, overrideDurationOption, outDirOption, packageManagerOption, webpackPollOption, keyboardShortcutsOption, interactivityOption, imageSequencePatternOption, scaleOption, overwriteOption, crfOption, logLevelOption, videoCodecOption, stillFrameOption, imageSequenceOption, versionFlagOption, bundleCacheOption, envFileOption, glOption, gopSizeOption, runsOption, reproOption, mutedOption, headlessOption, disableGitSourceOption, delayRenderTimeoutInMillisecondsOption, framesOption, forSeamlessAacConcatenationOption, isProductionOption, noOpenOption, portOption, propsOption, configOption, browserOption, sampleRateOption, previewSampleRateOption, } = client_1.BrowserSafeApis.options;
+const { benchmarkConcurrenciesOption, beepOnFinishOption, colorSpaceOption, concurrencyOption, disallowParallelEncodingOption, offthreadVideoCacheSizeInBytesOption, encodingBufferSizeOption, encodingMaxRateOption, deleteAfterOption, folderExpiryOption, enableMultiprocessOnLinuxOption, numberOfGifLoopsOption, x264Option, enforceAudioOption, jpegQualityOption, audioBitrateOption, videoBitrateOption, audioCodecOption, publicPathOption, audioLatencyHintOption, darkModeOption, defaultEditorOption, publicLicenseKeyOption, forceNewStudioOption, numberOfSharedAudioTagsOption, ipv4Option, pixelFormatOption, browserExecutableOption, everyNthFrameOption, proResProfileOption, userAgentOption, disableWebSecurityOption, ignoreCertificateErrorsOption, overrideHeightOption, overrideWidthOption, overrideFpsOption, overrideDurationOption, outDirOption, packageManagerOption, webpackPollOption, keyboardShortcutsOption, interactivityOption, imageSequencePatternOption, scaleOption, overwriteOption, crfOption, logLevelOption, videoCodecOption, stillFrameOption, imageSequenceOption, versionFlagOption, bundleCacheOption, envFileOption, glOption, gopSizeOption, runsOption, reproOption, mutedOption, headlessOption, disableGitSourceOption, delayRenderTimeoutInMillisecondsOption, framesOption, forSeamlessAacConcatenationOption, isProductionOption, noOpenOption, portOption, propsOption, configOption, browserOption, sampleRateOption, previewSampleRateOption, rspackOption, skipSkillsOption, } = client_1.BrowserSafeApis.options;
 exports.BooleanFlags = [
     overwriteOption.cliFlag,
     imageSequenceOption.cliFlag,
@@ -30,6 +30,8 @@ exports.BooleanFlags = [
     isProductionOption.cliFlag,
     forceNewStudioOption.cliFlag,
     bundleCacheOption.cliFlag,
+    rspackOption.cliFlag,
+    skipSkillsOption.cliFlag,
 ];
 exports.parsedCli = (0, minimist_1.default)(process.argv.slice(2), {
     boolean: exports.BooleanFlags,
@@ -50,6 +52,7 @@ exports.parsedCli = (0, minimist_1.default)(process.argv.slice(2), {
         [isProductionOption.cliFlag]: null,
         [forceNewStudioOption.cliFlag]: null,
         [mutedOption.cliFlag]: null,
+        [rspackOption.cliFlag]: null,
     },
 });
 const quietFlagProvided = () => exports.parsedCli.quiet || exports.parsedCli.q;

package/dist/remotion-skill-names.d.ts

@@ -0,0 +1,2 @@
+export { remotionSkillNames } from '@remotion/studio-server';
+export type { RemotionSkillName } from '@remotion/studio-server';

package/dist/remotion-skill-names.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.remotionSkillNames = void 0;
+const studio_server_1 = require("@remotion/studio-server");
+Object.defineProperty(exports, "remotionSkillNames", { enumerable: true, get: function () { return studio_server_1.remotionSkillNames; } });

package/dist/render-flows/render.d.ts

@@ -1,7 +1,7 @@
 import type { BundlerOverrideFn, RspackOverrideFn, WebpackOverrideFn } from '@remotion/bundler';
 import type { BrowserExecutable, CancelSignal, ChromiumOptions, Crf, FfmpegOverrideFn, FrameRange, NumberOfGifLoops } from '@remotion/renderer';
 import type { JobProgressCallback } from '@remotion/studio-server';
-export declare const renderVideoFlow: ({ remotionRoot, fullEntryPoint, indent, logLevel, browserExecutable, browser, chromiumOptions, scale, shouldOutputImageSequence, publicDir, envVariables, puppeteerTimeout, port, height, width, fps, durationInFrames, remainingArgs, compositionIdFromUi, entryPointReason, overwrite, quiet, concurrency, frameRange, everyNthFrame, outputLocationFromUI, jpegQuality, onProgress, addCleanupCallback, cancelSignal, crf, gopSize, uiCodec, uiImageFormat, ffmpegOverride, audioBitrate, muted, enforceAudioTrack, proResProfile, x264Preset, pixelFormat, videoBitrate, encodingMaxRate, encodingBufferSize, numberOfGifLoops, audioCodec, serializedInputPropsWithCustomSchema, disallowParallelEncoding, offthreadVideoCacheSizeInBytes, offthreadVideoThreads, colorSpace, repro, binariesDirectory, forSeamlessAacConcatenation, separateAudioTo, publicPath, metadata, hardwareAcceleration, chromeMode, audioLatencyHint, imageSequencePattern, mediaCacheSizeInBytes, rspack, askAIEnabled, keyboardShortcutsEnabled, shouldCache, sampleRate, bundlerOverride, rspackOverride, webpackOverride, }: {
+export declare const renderVideoFlow: ({ remotionRoot, fullEntryPoint, indent, logLevel, browserExecutable, browser, chromiumOptions, scale, shouldOutputImageSequence, publicDir, envVariables, puppeteerTimeout, port, height, width, fps, durationInFrames, remainingArgs, compositionIdFromUi, entryPointReason, overwrite, quiet, concurrency, frameRange, selectedFrames, everyNthFrame, outputLocationFromUI, jpegQuality, onProgress, addCleanupCallback, cancelSignal, crf, gopSize, uiCodec, uiImageFormat, ffmpegOverride, audioBitrate, muted, enforceAudioTrack, proResProfile, x264Preset, pixelFormat, videoBitrate, encodingMaxRate, encodingBufferSize, numberOfGifLoops, audioCodec, serializedInputPropsWithCustomSchema, disallowParallelEncoding, offthreadVideoCacheSizeInBytes, offthreadVideoThreads, colorSpace, repro, binariesDirectory, forSeamlessAacConcatenation, separateAudioTo, publicPath, metadata, hardwareAcceleration, chromeMode, audioLatencyHint, imageSequencePattern, mediaCacheSizeInBytes, rspack, askAIEnabled, keyboardShortcutsEnabled, shouldCache, sampleRate, bundlerOverride, rspackOverride, webpackOverride, }: {
     remotionRoot: string;
     fullEntryPoint: string;
     entryPointReason: string;
@@ -28,6 +28,7 @@ export declare const renderVideoFlow: ({ remotionRoot, fullEntryPoint, indent, l
     quiet: boolean;
     concurrency: string | number | null;
     frameRange: FrameRange | null;
+    selectedFrames: number[] | null;
     everyNthFrame: number;
     jpegQuality: number | undefined;
     onProgress: JobProgressCallback;

package/dist/render-flows/render.js

@@ -61,7 +61,7 @@ const should_use_non_overlaying_logger_1 = require("../should-use-non-overlaying
 const truthy_1 = require("../truthy");
 const user_passed_output_location_1 = require("../user-passed-output-location");
 const add_log_to_aggregate_progress_1 = require("./add-log-to-aggregate-progress");
-const renderVideoFlow = async ({ remotionRoot, fullEntryPoint, indent, logLevel, browserExecutable, browser, chromiumOptions, scale, shouldOutputImageSequence, publicDir, envVariables, puppeteerTimeout, port, height, width, fps, durationInFrames, remainingArgs, compositionIdFromUi, entryPointReason, overwrite, quiet, concurrency, frameRange, everyNthFrame, outputLocationFromUI, jpegQuality, onProgress, addCleanupCallback, cancelSignal, crf, gopSize, uiCodec, uiImageFormat, ffmpegOverride, audioBitrate, muted, enforceAudioTrack, proResProfile, x264Preset, pixelFormat, videoBitrate, encodingMaxRate, encodingBufferSize, numberOfGifLoops, audioCodec, serializedInputPropsWithCustomSchema, disallowParallelEncoding, offthreadVideoCacheSizeInBytes, offthreadVideoThreads, colorSpace, repro, binariesDirectory, forSeamlessAacConcatenation, separateAudioTo, publicPath, metadata, hardwareAcceleration, chromeMode, audioLatencyHint, imageSequencePattern, mediaCacheSizeInBytes, rspack, askAIEnabled, keyboardShortcutsEnabled, shouldCache, sampleRate, bundlerOverride, rspackOverride, webpackOverride, }) => {
+const renderVideoFlow = async ({ remotionRoot, fullEntryPoint, indent, logLevel, browserExecutable, browser, chromiumOptions, scale, shouldOutputImageSequence, publicDir, envVariables, puppeteerTimeout, port, height, width, fps, durationInFrames, remainingArgs, compositionIdFromUi, entryPointReason, overwrite, quiet, concurrency, frameRange, selectedFrames, everyNthFrame, outputLocationFromUI, jpegQuality, onProgress, addCleanupCallback, cancelSignal, crf, gopSize, uiCodec, uiImageFormat, ffmpegOverride, audioBitrate, muted, enforceAudioTrack, proResProfile, x264Preset, pixelFormat, videoBitrate, encodingMaxRate, encodingBufferSize, numberOfGifLoops, audioCodec, serializedInputPropsWithCustomSchema, disallowParallelEncoding, offthreadVideoCacheSizeInBytes, offthreadVideoThreads, colorSpace, repro, binariesDirectory, forSeamlessAacConcatenation, separateAudioTo, publicPath, metadata, hardwareAcceleration, chromeMode, audioLatencyHint, imageSequencePattern, mediaCacheSizeInBytes, rspack, askAIEnabled, keyboardShortcutsEnabled, shouldCache, sampleRate, bundlerOverride, rspackOverride, webpackOverride, }) => {
     var _a;
     renderer_1.RenderInternals.validateConcurrency({
         value: concurrency,
@@ -326,8 +326,12 @@ const renderVideoFlow = async ({ remotionRoot, fullEntryPoint, indent, logLevel,
     const audioExists = absoluteSeparateAudioTo
         ? (0, node_fs_1.existsSync)(absoluteSeparateAudioTo)
         : false;
-    const realFrameRange = renderer_1.RenderInternals.getRealFrameRange(config.durationInFrames, frameRange);
-    const totalFrames = renderer_1.RenderInternals.getFramesToRender(realFrameRange, everyNthFrame);
+    const totalFrames = selectedFrames
+        ? renderer_1.RenderInternals.validateSelectedFrames({
+            frames: selectedFrames,
+            durationInFrames: config.durationInFrames,
+        })
+        : renderer_1.RenderInternals.getFramesToRender(renderer_1.RenderInternals.getRealFrameRanges(config.durationInFrames, frameRange), everyNthFrame);
     renderingProgress = {
         frames: 0,
         totalFrames: totalFrames.length,
@@ -392,6 +396,8 @@ const renderVideoFlow = async ({ remotionRoot, fullEntryPoint, indent, logLevel,
             everyNthFrame,
             envVariables,
             frameRange,
+            frames: selectedFrames,
+            outputFramesInSequence: false,
             concurrency: resolvedConcurrency,
             puppeteerInstance,
             jpegQuality: jpegQuality !== null && jpegQuality !== void 0 ? jpegQuality : renderer_1.RenderInternals.DEFAULT_JPEG_QUALITY,

package/dist/render-queue/process-video.js

@@ -59,6 +59,7 @@ const processVideoJob = async ({ job, remotionRoot, entryPoint, onProgress, addC
         concurrency: job.concurrency,
         everyNthFrame: job.type === 'video' ? job.everyNthFrame : 1,
         frameRange: [job.startFrame, job.endFrame],
+        selectedFrames: null,
         quiet: false,
         shouldOutputImageSequence: job.type === 'sequence',
         addCleanupCallback,

package/dist/render.js

@@ -25,7 +25,7 @@ const render = async (remotionRoot, args, logLevel) => {
         log_1.Log.error({ indent: false, logLevel }, '--frame flag was passed to the `render` command. This flag only works with the `still` command. Did you mean `--frames`? See reference: https://www.remotion.dev/docs/cli/');
         process.exit(1);
     }
-    const { frameRange, shouldOutputImageSequence, inputProps, envVariables, ffmpegOverride, } = (0, get_cli_options_1.getCliOptions)({
+    const { frameRange, selectedFrames, shouldOutputImageSequence, inputProps, envVariables, ffmpegOverride, } = (0, get_cli_options_1.getCliOptions)({
         isStill: false,
         logLevel,
         indent: false,
@@ -49,6 +49,9 @@ const render = async (remotionRoot, args, logLevel) => {
     const everyNthFrame = everyNthFrameOption.getValue({
         commandLine: parsed_cli_1.parsedCli,
     }).value;
+    if (selectedFrames !== null && everyNthFrame !== 1) {
+        throw new Error('Comma-separated `--frames` cannot be combined with `--every-nth-frame`.');
+    }
     const userAgent = userAgentOption.getValue({ commandLine: parsed_cli_1.parsedCli }).value;
     const disableWebSecurity = disableWebSecurityOption.getValue({
         commandLine: parsed_cli_1.parsedCli,
@@ -188,6 +191,7 @@ const render = async (remotionRoot, args, logLevel) => {
         concurrency,
         everyNthFrame,
         frameRange,
+        selectedFrames,
         jpegQuality,
         onProgress: () => undefined,
         addCleanupCallback: (label, c) => {

package/dist/skills.d.ts

@@ -1,2 +1,5 @@
 export declare const printSkillsHelp: (logLevel: "error" | "info" | "trace" | "verbose" | "warn") => void;
-export declare const skillsCommand: (args: string[], logLevel: "error" | "info" | "trace" | "verbose" | "warn") => Promise<void> | undefined;
+export declare const skillsCommand: (args: string[], logLevel: "error" | "info" | "trace" | "verbose" | "warn", { cwd, environment, }: {
+    cwd: string;
+    environment: NodeJS.ProcessEnv;
+}) => Promise<void> | undefined;

package/dist/skills.js

@@ -4,6 +4,7 @@ exports.skillsCommand = exports.printSkillsHelp = void 0;
 const node_child_process_1 = require("node:child_process");
 const chalk_1 = require("./chalk");
 const log_1 = require("./log");
+const remotion_skill_names_1 = require("./remotion-skill-names");
 const printSkillsHelp = (logLevel) => {
     log_1.Log.info({ indent: false, logLevel }, chalk_1.chalk.blue('remotion skills'));
     log_1.Log.info({ indent: false, logLevel }, 'Install or update skills from remotion-dev/skills.');
@@ -17,7 +18,7 @@ const printSkillsHelp = (logLevel) => {
     log_1.Log.info({ indent: false, logLevel }, 'Update skills from remotion-dev/skills.');
 };
 exports.printSkillsHelp = printSkillsHelp;
-const skillsCommand = (args, logLevel) => {
+const skillsCommand = (args, logLevel, { cwd, environment, }) => {
     const subcommand = args[0];
     const restArgs = args.slice(1);
     if (!subcommand || !['add', 'update'].includes(subcommand)) {
@@ -25,15 +26,26 @@ const skillsCommand = (args, logLevel) => {
         return;
     }
     const command = process.platform === 'win32' ? 'npx.cmd' : 'npx';
-    const fullArgs = [
-        '-y',
-        '--loglevel=error',
-        'skills@1.2.0',
-        subcommand,
-        'remotion-dev/skills',
-        ...restArgs,
-    ];
+    const fullArgs = subcommand === 'add'
+        ? [
+            '--loglevel=error',
+            'skills@1.5.20',
+            'add',
+            'remotion-dev/skills',
+            ...restArgs,
+            '--yes',
+        ]
+        : [
+            '--loglevel=error',
+            'skills',
+            'update',
+            ...remotion_skill_names_1.remotionSkillNames,
+            ...restArgs,
+            '--yes',
+        ];
     const child = (0, node_child_process_1.spawn)(command, fullArgs, {
+        cwd,
+        env: environment,
         stdio: 'inherit',
     });
     return new Promise((resolve, reject) => {

package/dist/studio.js

@@ -15,7 +15,7 @@ const get_render_defaults_1 = require("./get-render-defaults");
 const log_1 = require("./log");
 const parsed_cli_1 = require("./parsed-cli");
 const queue_1 = require("./render-queue/queue");
-const { binariesDirectoryOption, publicDirOption, disableGitSourceOption, enableCrossSiteIsolationOption, askAIOption, interactivityOption, keyboardShortcutsOption, forceNewStudioOption, numberOfSharedAudioTagsOption, audioLatencyHintOption, ipv4Option, rspackOption, webpackPollOption, noOpenOption, portOption, browserOption, previewSampleRateOption, } = client_1.BrowserSafeApis.options;
+const { binariesDirectoryOption, publicDirOption, disableGitSourceOption, enableCrossSiteIsolationOption, askAIOption, interactivityOption, keyboardShortcutsOption, forceNewStudioOption, numberOfSharedAudioTagsOption, audioLatencyHintOption, ipv4Option, rspackOption, webpackPollOption, noOpenOption, portOption, browserOption, previewSampleRateOption, defaultEditorOption, } = client_1.BrowserSafeApis.options;
 const studioCommand = async (remotionRoot, args, logLevel) => {
     var _a, _b, _c;
     const { file, reason } = (0, entry_point_1.findEntryPoint)({
@@ -101,9 +101,7 @@ const studioCommand = async (remotionRoot, args, logLevel) => {
     const bundlerOverride = config_1.ConfigInternals.getBundlerOverrideFn();
     const rspackOverride = config_1.ConfigInternals.getRspackOverrideFn();
     const webpackOverride = config_1.ConfigInternals.getWebpackOverrideFn();
-    if (useRspack) {
-        log_1.Log.warn({ indent: false, logLevel }, 'Enabling experimental Rspack bundler.');
-    }
+    log_1.Log.verbose({ indent: false, logLevel }, `Using ${useRspack ? 'Rspack' : 'Webpack'} bundler.`);
     const getStudioRuntimeConfig = () => ({
         maxTimelineTracks: config_1.ConfigInternals.getMaxTimelineTracks(),
         askAIEnabled: askAIOption.getValue({
@@ -120,6 +118,7 @@ const studioCommand = async (remotionRoot, args, logLevel) => {
     const getNumberOfAudioTags = () => numberOfSharedAudioTagsOption.getValue({ commandLine: parsed_cli_1.parsedCli }).value;
     const getAudioLatencyHint = () => audioLatencyHintOption.getValue({ commandLine: parsed_cli_1.parsedCli }).value;
     const getPreviewSampleRate = () => previewSampleRateOption.getValue({ commandLine: parsed_cli_1.parsedCli }).value;
+    const getDefaultEditor = () => defaultEditorOption.getValue({ commandLine: parsed_cli_1.parsedCli }).value;
     const result = await studio_server_1.StudioServerInternals.startStudio({
         previewEntry: require.resolve('@remotion/studio/previewEntry'),
         browserArgs: parsed_cli_1.parsedCli['browser-args'],
@@ -159,6 +158,7 @@ const studioCommand = async (remotionRoot, args, logLevel) => {
         forceIPv4: ipv4Option.getValue({ commandLine: parsed_cli_1.parsedCli }).value,
         getAudioLatencyHint,
         getPreviewSampleRate,
+        getDefaultEditor,
         enableCrossSiteIsolation,
         forceNew: forceNewStudioOption.getValue({ commandLine: parsed_cli_1.parsedCli }).value,
         rspack: useRspack,

package/dist/update-remotion-skills.d.ts

@@ -0,0 +1,8 @@
+export declare const updateRemotionSkills: ({ currentVersion, cwd, homeDirectory, skipSkills, logLevel, environment, }: {
+    currentVersion: string;
+    cwd: string;
+    homeDirectory: string;
+    skipSkills: boolean;
+    logLevel: "error" | "info" | "trace" | "verbose" | "warn";
+    environment: NodeJS.ProcessEnv;
+}) => Promise<void>;

package/dist/update-remotion-skills.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.updateRemotionSkills = void 0;
+const detect_outdated_remotion_skills_1 = require("./detect-outdated-remotion-skills");
+const log_1 = require("./log");
+const skills_1 = require("./skills");
+const updateRemotionSkills = async ({ currentVersion, cwd, homeDirectory, skipSkills, logLevel, environment, }) => {
+    if (skipSkills) {
+        return;
+    }
+    const skillsStatuses = (0, detect_outdated_remotion_skills_1.detectOutdatedRemotionSkills)({
+        currentVersion,
+        cwd,
+        homeDirectory,
+    });
+    if (skillsStatuses.project.type === 'outdated') {
+        log_1.Log.info({ indent: false, logLevel }, 'Updating project Remotion Agent Skills...');
+        await (0, skills_1.skillsCommand)(['update', '--project'], logLevel, {
+            cwd,
+            environment,
+        });
+    }
+};
+exports.updateRemotionSkills = updateRemotionSkills;

package/dist/upgrade.d.ts

@@ -20,10 +20,11 @@ export declare const getPackagesToUpgrade: ({ depsWithVersions, catalogEntries,
         version: string;
     }[];
 };
-export declare const upgradeCommand: ({ remotionRoot, packageManager, version, logLevel, args, }: {
+export declare const upgradeCommand: ({ remotionRoot, packageManager, version, skipSkills, logLevel, args, }: {
     remotionRoot: string;
     packageManager: string | undefined;
     version: string | undefined;
+    skipSkills: boolean;
     logLevel: "error" | "info" | "trace" | "verbose" | "warn";
     args: string[];
 }) => Promise<void>;

package/dist/upgrade.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.upgradeCommand = exports.getPackagesToUpgrade = exports.resolveExtraPackageVersions = void 0;
 const node_child_process_1 = require("node:child_process");
+const node_os_1 = require("node:os");
 const renderer_1 = require("@remotion/renderer");
 const studio_server_1 = require("@remotion/studio-server");
 const catalog_utils_1 = require("./catalog-utils");
@@ -9,6 +10,7 @@ const chalk_1 = require("./chalk");
 const extra_packages_1 = require("./extra-packages");
 const list_of_remotion_packages_1 = require("./list-of-remotion-packages");
 const log_1 = require("./log");
+const update_remotion_skills_1 = require("./update-remotion-skills");
 const resolveExtraPackageVersions = (dependencies) => {
     const extraVersions = { ...extra_packages_1.EXTRA_PACKAGES };
     for (const pkg of Object.keys(extra_packages_1.EXTRA_PACKAGES)) {
@@ -64,7 +66,7 @@ const getPackagesToUpgrade = ({ depsWithVersions, catalogEntries, targetVersion,
     return { normalPackages, catalogPackages: catalogPackagesToUpgrade };
 };
 exports.getPackagesToUpgrade = getPackagesToUpgrade;
-const upgradeCommand = async ({ remotionRoot, packageManager, version, logLevel, args, }) => {
+const upgradeCommand = async ({ remotionRoot, packageManager, version, skipSkills, logLevel, args, }) => {
     const depsWithVersions = studio_server_1.StudioServerInternals.getInstalledDependenciesWithVersions(remotionRoot);
     let targetVersion;
     if (version) {
@@ -152,6 +154,14 @@ const upgradeCommand = async ({ remotionRoot, packageManager, version, logLevel,
             logLevel,
         });
     }
+    await (0, update_remotion_skills_1.updateRemotionSkills)({
+        currentVersion: targetVersion,
+        cwd: remotionRoot,
+        homeDirectory: (0, node_os_1.homedir)(),
+        skipSkills,
+        logLevel,
+        environment: process.env,
+    });
     log_1.Log.info({ indent: false, logLevel }, '⏫ Remotion has been upgraded!');
     log_1.Log.info({ indent: false, logLevel }, 'https://remotion.dev/changelog');
 };

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/cli"
 	},
 	"name": "@remotion/cli",
-	"version": "4.0.501",
+	"version": "4.0.503",
 	"description": "Control Remotion features using the `npx remotion` command",
 	"main": "dist/index.js",
 	"bin": {
@@ -36,17 +36,18 @@
 	"author": "Jonny Burger <jonny@remotion.dev>",
 	"license": "SEE LICENSE IN LICENSE.md",
 	"dependencies": {
-		"@remotion/bundler": "4.0.501",
-		"@remotion/media-utils": "4.0.501",
-		"@remotion/player": "4.0.501",
-		"@remotion/renderer": "4.0.501",
-		"@remotion/studio-shared": "4.0.501",
-		"@remotion/studio-server": "4.0.501",
-		"@remotion/studio": "4.0.501",
+		"@remotion/bundler": "4.0.503",
+		"@remotion/media-utils": "4.0.503",
+		"@remotion/player": "4.0.503",
+		"@remotion/renderer": "4.0.503",
+		"@remotion/studio-shared": "4.0.503",
+		"@remotion/studio-server": "4.0.503",
+		"@remotion/studio": "4.0.503",
 		"dotenv": "17.3.1",
 		"minimist": "1.2.6",
 		"prompts": "2.4.2",
-		"remotion": "4.0.501"
+		"semver": "7.5.3",
+		"remotion": "4.0.503"
 	},
 	"peerDependencies": {
 		"react": ">=16.8.0",
@@ -56,15 +57,16 @@
 		"@types/minimist": "1.2.2",
 		"@types/prompts": "2.4.9",
 		"@types/prettier": "2.7.2",
+		"@types/semver": "7.5.3",
 		"@types/node": "20.12.14",
-		"@remotion/zod-types": "4.0.501",
-		"@remotion/tailwind-v4": "4.0.501",
-		"@remotion/enable-scss": "4.0.501",
-		"@remotion/skia": "4.0.501",
+		"@remotion/zod-types": "4.0.503",
+		"@remotion/tailwind-v4": "4.0.503",
+		"@remotion/enable-scss": "4.0.503",
+		"@remotion/skia": "4.0.503",
 		"react": "19.2.3",
 		"react-dom": "19.2.3",
 		"zod": "4.4.3",
-		"@remotion/eslint-config-internal": "4.0.501",
+		"@remotion/eslint-config-internal": "4.0.503",
 		"eslint": "9.19.0",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},