@remotion/cli 4.0.20 → 4.0.22

package/dist/editor/components/RenderQueue/actions.d.ts

@@ -1,4 +1,4 @@
-import type { AudioCodec, Codec, PixelFormat, ProResProfile, StillImageFormat, VideoImageFormat } from '@remotion/renderer';
+import type { AudioCodec, Codec, PixelFormat, ProResProfile, StillImageFormat, VideoImageFormat, X264Preset } from '@remotion/renderer';
 import type { RenderJob } from '../../../preview-server/render-queue/job';
 import type { RequiredChromiumOptions } from '../../../required-chromium-options';
 import type { EnumPath } from '../RenderModal/SchemaEditor/extract-enum-json-paths';
@@ -15,7 +15,7 @@ export declare const addStillRenderJob: ({ compositionId, outName, imageFormat,
     envVariables: Record<string, string>;
     inputProps: Record<string, unknown>;
 }) => Promise<undefined>;
-export declare const addVideoRenderJob: ({ compositionId, outName, imageFormat, jpegQuality, scale, verbose, codec, concurrency, crf, startFrame, endFrame, muted, enforceAudioTrack, proResProfile, pixelFormat, audioBitrate, videoBitrate, everyNthFrame, numberOfGifLoops, delayRenderTimeout, audioCodec, disallowParallelEncoding, chromiumOptions, envVariables, inputProps, }: {
+export declare const addVideoRenderJob: ({ compositionId, outName, imageFormat, jpegQuality, scale, verbose, codec, concurrency, crf, startFrame, endFrame, muted, enforceAudioTrack, proResProfile, x264Preset, pixelFormat, audioBitrate, videoBitrate, everyNthFrame, numberOfGifLoops, delayRenderTimeout, audioCodec, disallowParallelEncoding, chromiumOptions, envVariables, inputProps, }: {
     compositionId: string;
     outName: string;
     imageFormat: VideoImageFormat;
@@ -30,6 +30,7 @@ export declare const addVideoRenderJob: ({ compositionId, outName, imageFormat,
     muted: boolean;
     enforceAudioTrack: boolean;
     proResProfile: ProResProfile | null;
+    x264Preset: X264Preset | null;
     pixelFormat: PixelFormat;
     audioBitrate: string | null;
     videoBitrate: string | null;
@@ -53,6 +54,9 @@ export declare const subscribeToFileExistenceWatcher: ({ file, clientId, }: {
 export declare const openInFileExplorer: ({ directory }: {
     directory: string;
 }) => Promise<void>;
+export declare const copyToClipboard: ({ outName }: {
+    outName: string;
+}) => Promise<void>;
 export declare const removeRenderJob: (job: RenderJob) => Promise<undefined>;
 export declare const cancelRenderJob: (job: RenderJob) => Promise<import("../../../preview-server/render-queue/job").CancelRenderResponse>;
 export declare const updateAvailable: (signal: AbortSignal) => Promise<import("../../../preview-server/render-queue/job").UpdateAvailableResponse>;

package/dist/editor/components/RenderQueue/actions.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.canUpdateDefaultProps = exports.updateDefaultProps = exports.updateAvailable = exports.cancelRenderJob = exports.removeRenderJob = exports.openInFileExplorer = exports.subscribeToFileExistenceWatcher = exports.unsubscribeFromFileExistenceWatcher = exports.addVideoRenderJob = exports.addStillRenderJob = void 0;
+exports.canUpdateDefaultProps = exports.updateDefaultProps = exports.updateAvailable = exports.cancelRenderJob = exports.removeRenderJob = exports.copyToClipboard = exports.openInFileExplorer = exports.subscribeToFileExistenceWatcher = exports.unsubscribeFromFileExistenceWatcher = exports.addVideoRenderJob = exports.addStillRenderJob = void 0;
 const remotion_1 = require("remotion");
 const callApi = (endpoint, body, signal) => {
     return new Promise((resolve, reject) => {
@@ -47,7 +47,7 @@ const addStillRenderJob = ({ compositionId, outName, imageFormat, jpegQuality, f
     });
 };
 exports.addStillRenderJob = addStillRenderJob;
-const addVideoRenderJob = ({ compositionId, outName, imageFormat, jpegQuality, scale, verbose, codec, concurrency, crf, startFrame, endFrame, muted, enforceAudioTrack, proResProfile, pixelFormat, audioBitrate, videoBitrate, everyNthFrame, numberOfGifLoops, delayRenderTimeout, audioCodec, disallowParallelEncoding, chromiumOptions, envVariables, inputProps, }) => {
+const addVideoRenderJob = ({ compositionId, outName, imageFormat, jpegQuality, scale, verbose, codec, concurrency, crf, startFrame, endFrame, muted, enforceAudioTrack, proResProfile, x264Preset, pixelFormat, audioBitrate, videoBitrate, everyNthFrame, numberOfGifLoops, delayRenderTimeout, audioCodec, disallowParallelEncoding, chromiumOptions, envVariables, inputProps, }) => {
     return callApi('/api/render', {
         compositionId,
         type: 'video',
@@ -64,6 +64,7 @@ const addVideoRenderJob = ({ compositionId, outName, imageFormat, jpegQuality, s
         muted,
         enforceAudioTrack,
         proResProfile,
+        x264Preset,
         pixelFormat,
         audioBitrate,
         videoBitrate,
@@ -101,6 +102,13 @@ const openInFileExplorer = ({ directory }) => {
     return callApi('/api/open-in-file-explorer', body);
 };
 exports.openInFileExplorer = openInFileExplorer;
+const copyToClipboard = ({ outName }) => {
+    const body = {
+        outName,
+    };
+    return callApi('/api/copy-still-to-clipboard', body);
+};
+exports.copyToClipboard = copyToClipboard;
 const removeRenderJob = (job) => {
     return callApi('/api/remove-render', {
         jobId: job.id,

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

@@ -0,0 +1,8 @@
+import React from 'react';
+type SidebarPanel = 'input-props' | 'renders';
+export declare const persistSelectedPanel: (panel: SidebarPanel) => void;
+export declare const rightSidebarTabs: React.RefObject<{
+    selectRendersPanel: () => void;
+}>;
+export declare const RightPanel: React.FC<{}>;
+export {};

package/dist/editor/components/RightPanel.js

@@ -0,0 +1,112 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RightPanel = exports.rightSidebarTabs = exports.persistSelectedPanel = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const remotion_1 = require("remotion");
+const ShortcutHint_1 = require("../../preview-server/error-overlay/remotion-overlay/ShortcutHint");
+const colors_1 = require("../helpers/colors");
+const DataEditor_1 = require("./RenderModal/DataEditor");
+const deep_equal_1 = require("./RenderModal/SchemaEditor/deep-equal");
+const RenderQueue_1 = require("./RenderQueue");
+const RendersTab_1 = require("./RendersTab");
+const Tabs_1 = require("./Tabs");
+const container = {
+    height: '100%',
+    width: '100%',
+    position: 'absolute',
+    display: 'flex',
+    flexDirection: 'column',
+};
+const circle = {
+    width: 8,
+    height: 8,
+    borderRadius: 4,
+};
+const localStorageKey = 'remotion.sidebarPanel';
+const getSelectedPanel = () => {
+    const panel = localStorage.getItem(localStorageKey);
+    if (panel === 'renders') {
+        return 'renders';
+    }
+    return 'input-props';
+};
+const tabsContainer = {
+    backgroundColor: colors_1.BACKGROUND,
+};
+const persistSelectedPanel = (panel) => {
+    localStorage.setItem(localStorageKey, panel);
+};
+exports.persistSelectedPanel = persistSelectedPanel;
+exports.rightSidebarTabs = (0, react_1.createRef)();
+const RightPanel = () => {
+    const { props, updateProps } = (0, react_1.useContext)(remotion_1.Internals.EditorPropsContext);
+    const [saving, setSaving] = (0, react_1.useState)(false);
+    const [panel, setPanel] = (0, react_1.useState)(() => getSelectedPanel());
+    const onCompositionsSelected = (0, react_1.useCallback)(() => {
+        setPanel('input-props');
+        (0, exports.persistSelectedPanel)('input-props');
+    }, []);
+    const onRendersSelected = (0, react_1.useCallback)(() => {
+        setPanel('renders');
+        (0, exports.persistSelectedPanel)('renders');
+    }, []);
+    (0, react_1.useImperativeHandle)(exports.rightSidebarTabs, () => {
+        return {
+            selectRendersPanel: () => {
+                setPanel('renders');
+                (0, exports.persistSelectedPanel)('renders');
+            },
+        };
+    }, []);
+    const { compositions, currentComposition } = (0, react_1.useContext)(remotion_1.Internals.CompositionManager);
+    const circleStyle = (0, react_1.useMemo)(() => {
+        const onTabColor = saving ? colors_1.LIGHT_TEXT : 'white';
+        return {
+            ...circle,
+            backgroundColor: panel === 'input-props' ? onTabColor : colors_1.LIGHT_TEXT,
+            cursor: 'help',
+        };
+    }, [panel, saving]);
+    const composition = (0, react_1.useMemo)(() => {
+        for (const comp of compositions) {
+            if (comp.id === currentComposition) {
+                return comp;
+            }
+        }
+        return null;
+    }, [compositions, currentComposition]);
+    const saveToolTip = (0, react_1.useMemo)(() => {
+        return process.env.KEYBOARD_SHORTCUTS_ENABLED
+            ? `Save using ${ShortcutHint_1.cmdOrCtrlCharacter}+S`
+            : 'There are unsaved changes';
+    }, []);
+    const setInputProps = (0, react_1.useCallback)((newProps) => {
+        if (composition === null) {
+            return;
+        }
+        updateProps({
+            id: composition.id,
+            defaultProps: composition.defaultProps,
+            newProps,
+        });
+    }, [composition, updateProps]);
+    const actualProps = (0, react_1.useMemo)(() => {
+        var _a, _b;
+        if (composition === null) {
+            return {};
+        }
+        return (_b = (_a = props[composition.id]) !== null && _a !== void 0 ? _a : composition.defaultProps) !== null && _b !== void 0 ? _b : {};
+    }, [composition, props]);
+    const unsavedChangesExist = (0, react_1.useMemo)(() => {
+        if (composition === null || composition.defaultProps === undefined) {
+            return false;
+        }
+        return !(0, deep_equal_1.deepEqual)(composition.defaultProps, actualProps);
+    }, [actualProps, composition]);
+    if (composition === null) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsxs)("div", { style: container, className: "css-reset", children: [(0, jsx_runtime_1.jsx)("div", { style: tabsContainer, children: (0, jsx_runtime_1.jsxs)(Tabs_1.Tabs, { children: [(0, jsx_runtime_1.jsxs)(Tabs_1.Tab, { selected: panel === 'input-props', onClick: onCompositionsSelected, style: { justifyContent: 'space-between' }, children: ["Props", unsavedChangesExist ? ((0, jsx_runtime_1.jsx)("div", { title: saveToolTip, style: circleStyle })) : null] }), (0, jsx_runtime_1.jsx)(RendersTab_1.RendersTab, { onClick: onRendersSelected, selected: panel === 'renders' })] }) }), panel === 'renders' ? ((0, jsx_runtime_1.jsx)(RenderQueue_1.RenderQueue, {})) : ((0, jsx_runtime_1.jsx)(DataEditor_1.DataEditor, { unresolvedComposition: composition, inputProps: actualProps, setInputProps: setInputProps, mayShowSaveButton: true, propsEditType: "default-props", saving: saving, setSaving: setSaving }, composition.id))] }));
+};
+exports.RightPanel = RightPanel;

package/dist/editor/components/SidebarRenderButton.js

@@ -61,6 +61,7 @@ const SidebarRenderButton = ({ composition, visible }) => {
             initialMuted: defaults.muted,
             initialEnforceAudioTrack: defaults.enforceAudioTrack,
             initialProResProfile: defaults.proResProfile,
+            initialx264Preset: defaults.x264Preset,
             initialPixelFormat: defaults.pixelFormat,
             initialAudioBitrate: defaults.audioBitrate,
             initialVideoBitrate: defaults.videoBitrate,

package/dist/editor/helpers/colors.d.ts

@@ -16,4 +16,4 @@ export declare const BLUE_DISABLED = "#284f73";
 export declare const getBackgroundFromHoverState: ({ selected, hovered, }: {
     selected: boolean;
     hovered: boolean;
-}) => "transparent" | "rgba(255, 255, 255, 0.06)" | "hsla(0, 0%, 100%, 0.15)" | "hsla(0, 0%, 100%, 0.25)";
+}) => "transparent" | "hsla(0, 0%, 100%, 0.15)" | "hsla(0, 0%, 100%, 0.25)" | "rgba(255, 255, 255, 0.06)";

package/dist/editor/helpers/document-title.js

@@ -12,6 +12,7 @@ const setCurrentVideoId = (id) => {
 };
 exports.setCurrentVideoId = setCurrentVideoId;
 const setUnsavedProps = (unsaved) => {
+    window.remotion_unsavedProps = unsaved;
     unsavedProps = unsaved;
 };
 exports.setUnsavedProps = setUnsavedProps;

package/dist/editor/helpers/presets-labels.d.ts

@@ -0,0 +1,2 @@
+import type { X264Preset } from '@remotion/renderer';
+export declare const labelx264Preset: (profile: X264Preset) => "medium" | "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "slow" | "slower" | "veryslow" | "placebo";

package/dist/editor/helpers/presets-labels.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.labelx264Preset = void 0;
+const labelx264Preset = (profile) => {
+    if (profile === 'ultrafast') {
+        return 'ultrafast';
+    }
+    if (profile === 'superfast') {
+        return 'superfast';
+    }
+    if (profile === 'veryfast') {
+        return 'veryfast';
+    }
+    if (profile === 'faster') {
+        return 'faster';
+    }
+    if (profile === 'fast') {
+        return 'fast';
+    }
+    if (profile === 'medium') {
+        return 'medium';
+    }
+    if (profile === 'slow') {
+        return 'slow';
+    }
+    if (profile === 'slower') {
+        return 'slower';
+    }
+    if (profile === 'veryslow') {
+        return 'veryslow';
+    }
+    if (profile === 'placebo') {
+        return 'placebo';
+    }
+    throw new TypeError(`Unknown x264 preset: ${profile}`);
+};
+exports.labelx264Preset = labelx264Preset;

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

@@ -1,4 +1,4 @@
-import type { AudioCodec, Codec, OpenGlRenderer, PixelFormat, ProResProfile, StillImageFormat, VideoImageFormat } from '@remotion/renderer';
+import type { AudioCodec, Codec, OpenGlRenderer, PixelFormat, ProResProfile, StillImageFormat, VideoImageFormat, X264Preset } from '@remotion/renderer';
 import type React from 'react';
 import type { QuickSwitcherMode } from '../components/QuickSwitcher/NoResults';
 import type { RenderType } from '../components/RenderModal/RenderModalAdvanced';
@@ -22,6 +22,7 @@ export type RenderModalState = {
     initialMuted: boolean;
     initialEnforceAudioTrack: boolean;
     initialProResProfile: ProResProfile;
+    initialx264Preset: X264Preset;
     initialPixelFormat: PixelFormat;
     initialVideoBitrate: string | null;
     initialAudioBitrate: string | null;

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

@@ -16,11 +16,12 @@ export declare const getCliOptions: (options: {
     crf: import("@remotion/renderer").Crf | null;
     pixelFormat: "yuv420p" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le";
     proResProfile: "4444-xq" | "4444" | "hq" | "standard" | "light" | "proxy" | undefined;
+    x264Preset: "medium" | "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "slow" | "slower" | "veryslow" | "placebo" | undefined;
     everyNthFrame: number;
     numberOfGifLoops: import("./config/number-of-gif-loops").Loop;
     stillFrame: number;
     browserExecutable: BrowserExecutable;
-    logLevel: "error" | "verbose" | "info" | "warn";
+    logLevel: "verbose" | "info" | "warn" | "error";
     scale: number;
     chromiumOptions: ChromiumOptions;
     overwrite: boolean;

package/dist/get-cli-options.js

@@ -44,6 +44,10 @@ const getProResProfile = () => {
     const proResProfile = config_1.ConfigInternals.getProResProfile();
     return proResProfile;
 };
+const getx264Preset = () => {
+    const x264Preset = config_1.ConfigInternals.getPresetProfile();
+    return x264Preset;
+};
 const getAndValidateBrowser = async (browserExecutable) => {
     const browser = getBrowser();
     try {
@@ -71,6 +75,7 @@ const getCliOptions = async (options) => {
     const videoBitrate = config_1.ConfigInternals.getVideoBitrate();
     const pixelFormat = config_1.ConfigInternals.getPixelFormat();
     const proResProfile = getProResProfile();
+    const x264Preset = getx264Preset();
     const browserExecutable = config_1.ConfigInternals.getBrowserExecutable();
     const scale = config_1.ConfigInternals.getScale();
     const port = config_1.ConfigInternals.getServerPort();
@@ -99,6 +104,7 @@ const getCliOptions = async (options) => {
         crf,
         pixelFormat,
         proResProfile,
+        x264Preset,
         everyNthFrame,
         numberOfGifLoops,
         stillFrame: config_1.ConfigInternals.getStillFrame(),

package/dist/index.d.ts

@@ -63,24 +63,24 @@ export declare const CliInternals: {
         verbose: (message?: any, ...optionalParams: any[]) => void;
         verboseAdvanced: (options: {
             indent: boolean;
-            logLevel: "error" | "verbose" | "info" | "warn";
+            logLevel: "verbose" | "info" | "warn" | "error";
         } & {
             tag?: string | undefined;
         }, message?: any, ...optionalParams: any[]) => void;
         info: (message?: any, ...optionalParams: any[]) => void;
         infoAdvanced: (options: {
             indent: boolean;
-            logLevel: "error" | "verbose" | "info" | "warn";
+            logLevel: "verbose" | "info" | "warn" | "error";
         }, message?: any, ...optionalParams: any[]) => void;
         warn: (message?: any, ...optionalParams: any[]) => void;
         warnAdvanced: (options: {
             indent: boolean;
-            logLevel: "error" | "verbose" | "info" | "warn";
+            logLevel: "verbose" | "info" | "warn" | "error";
         }, message?: any, ...optionalParams: any[]) => void;
         error: (message?: any, ...optionalParams: any[]) => void;
         errorAdvanced: (options: {
             indent: boolean;
-            logLevel: "error" | "verbose" | "info" | "warn";
+            logLevel: "verbose" | "info" | "warn" | "error";
         } & {
             tag?: string | undefined;
         }, message?: any, ...optionalParams: any[]) => void;
@@ -101,11 +101,12 @@ export declare const CliInternals: {
         crf: import("@remotion/renderer").Crf | null;
         pixelFormat: "yuv420p" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le";
         proResProfile: "4444-xq" | "4444" | "hq" | "standard" | "light" | "proxy" | undefined;
+        x264Preset: "medium" | "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "slow" | "slower" | "veryslow" | "placebo" | undefined;
         everyNthFrame: number;
         numberOfGifLoops: import("./config/number-of-gif-loops").Loop;
         stillFrame: number;
         browserExecutable: import("@remotion/renderer").BrowserExecutable;
-        logLevel: "error" | "verbose" | "info" | "warn";
+        logLevel: "verbose" | "info" | "warn" | "error";
         scale: number;
         chromiumOptions: import("@remotion/renderer").ChromiumOptions;
         overwrite: boolean;
@@ -129,6 +130,7 @@ export declare const CliInternals: {
         "pixel-format": "yuv420p" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le";
         "image-format": "none" | "png" | "jpeg" | "pdf" | "webp";
         "prores-profile": "4444-xq" | "4444" | "hq" | "standard" | "light" | "proxy";
+        "x264-preset": "medium" | "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "slow" | "slower" | "veryslow" | "placebo";
         "bundle-cache": string;
         "env-file": string;
         "ignore-certificate-errors": string;
@@ -180,7 +182,7 @@ export declare const CliInternals: {
     } & {
         _: string[];
     };
-    handleCommonError: (err: Error, logLevel: "error" | "verbose" | "info" | "warn") => Promise<void>;
+    handleCommonError: (err: Error, logLevel: "verbose" | "info" | "warn" | "error") => Promise<void>;
     formatBytes: (number: number, options?: Intl.NumberFormatOptions & {
         locale: string;
         bits?: boolean | undefined;
@@ -222,7 +224,7 @@ export declare const CliInternals: {
     };
     listOfRemotionPackages: string[];
     shouldUseNonOverlayingLogger: ({ logLevel, }: {
-        logLevel: "error" | "verbose" | "info" | "warn";
+        logLevel: "verbose" | "info" | "warn" | "error";
     }) => boolean;
     getCompositionWithDimensionOverride: ({ height, width, args, compositionIdFromUi, chromiumOptions, envVariables, port, puppeteerInstance, timeoutInMilliseconds, browserExecutable, serveUrlOrWebpackUrl, indent, serializedInputPropsWithCustomSchema, logLevel, server, }: {
         height: number | null;
@@ -237,7 +239,7 @@ export declare const CliInternals: {
         browserExecutable: import("@remotion/renderer").BrowserExecutable;
         serveUrlOrWebpackUrl: string;
         indent: boolean;
-        logLevel: "error" | "verbose" | "info" | "warn";
+        logLevel: "verbose" | "info" | "warn" | "error";
         serializedInputPropsWithCustomSchema: string;
         server: import("@remotion/renderer").RemotionServer;
     }) => Promise<{

package/dist/log.d.ts

@@ -2,24 +2,24 @@ export declare const Log: {
     verbose: (message?: any, ...optionalParams: any[]) => void;
     verboseAdvanced: (options: {
         indent: boolean;
-        logLevel: "error" | "verbose" | "info" | "warn";
+        logLevel: "verbose" | "info" | "warn" | "error";
     } & {
         tag?: string | undefined;
     }, message?: any, ...optionalParams: any[]) => void;
     info: (message?: any, ...optionalParams: any[]) => void;
     infoAdvanced: (options: {
         indent: boolean;
-        logLevel: "error" | "verbose" | "info" | "warn";
+        logLevel: "verbose" | "info" | "warn" | "error";
     }, message?: any, ...optionalParams: any[]) => void;
     warn: (message?: any, ...optionalParams: any[]) => void;
     warnAdvanced: (options: {
         indent: boolean;
-        logLevel: "error" | "verbose" | "info" | "warn";
+        logLevel: "verbose" | "info" | "warn" | "error";
     }, message?: any, ...optionalParams: any[]) => void;
     error: (message?: any, ...optionalParams: any[]) => void;
     errorAdvanced: (options: {
         indent: boolean;
-        logLevel: "error" | "verbose" | "info" | "warn";
+        logLevel: "verbose" | "info" | "warn" | "error";
     } & {
         tag?: string | undefined;
     }, message?: any, ...optionalParams: any[]) => void;

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

@@ -1,9 +1,10 @@
-import type { AudioCodec, BrowserExecutable, Codec, OpenGlRenderer, PixelFormat, ProResProfile, StillImageFormat, VideoImageFormat } from '@remotion/renderer';
+import type { AudioCodec, BrowserExecutable, Codec, OpenGlRenderer, PixelFormat, ProResProfile, StillImageFormat, VideoImageFormat, X264Preset } from '@remotion/renderer';
 type CommandLineOptions = {
     ['browser-executable']: BrowserExecutable;
     ['pixel-format']: PixelFormat;
     ['image-format']: VideoImageFormat | StillImageFormat;
     ['prores-profile']: ProResProfile;
+    ['x264-preset']: X264Preset;
     ['bundle-cache']: string;
     ['env-file']: string;
     ['ignore-certificate-errors']: string;

package/dist/parse-command-line.js

@@ -105,6 +105,9 @@ const parseCommandLine = () => {
     if (exports.parsedCli['prores-profile']) {
         config_1.Config.setProResProfile(String(exports.parsedCli['prores-profile']));
     }
+    if (exports.parsedCli['x264-preset']) {
+        config_1.Config.setX264Preset(String(exports.parsedCli['x264-preset']));
+    }
     if (exports.parsedCli.overwrite) {
         config_1.Config.setOverwriteOutput(exports.parsedCli.overwrite);
     }

package/dist/preview-server/api-routes.js

@@ -4,6 +4,7 @@ exports.allApiRoutes = void 0;
 const add_render_1 = require("./routes/add-render");
 const can_update_default_props_1 = require("./routes/can-update-default-props");
 const cancel_render_1 = require("./routes/cancel-render");
+const copy_still_to_clipboard_handler_1 = require("./routes/copy-still-to-clipboard-handler");
 const open_in_file_explorer_1 = require("./routes/open-in-file-explorer");
 const remove_render_1 = require("./routes/remove-render");
 const subscribe_to_file_existence_1 = require("./routes/subscribe-to-file-existence");
@@ -17,6 +18,7 @@ exports.allApiRoutes = {
     '/api/subscribe-to-file-existence': subscribe_to_file_existence_1.subscribeToFileExistence,
     '/api/remove-render': remove_render_1.handleRemoveRender,
     '/api/open-in-file-explorer': open_in_file_explorer_1.handleOpenInFileExplorer,
+    '/api/copy-still-to-clipboard': copy_still_to_clipboard_handler_1.handleCopyStillToClipboard,
     '/api/update-default-props': update_default_props_1.updateDefaultPropsHandler,
     '/api/can-update-default-props': can_update_default_props_1.canUpdateDefaultPropsHandler,
     '/api/update-available': update_available_1.handleUpdate,

package/dist/preview-server/api-types.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="node" />
 import type { IncomingMessage, ServerResponse } from 'node:http';
-import type { AddRenderRequest, CancelRenderRequest, CancelRenderResponse, CanUpdateDefaultPropsRequest, CanUpdateDefaultPropsResponse, OpenInFileExplorerRequest, RemoveRenderRequest, SubscribeToFileExistenceRequest, SubscribeToFileExistenceResponse, UnsubscribeFromFileExistenceRequest, UpdateAvailableRequest, UpdateAvailableResponse, UpdateDefaultPropsRequest, UpdateDefaultPropsResponse } from './render-queue/job';
+import type { AddRenderRequest, CancelRenderRequest, CancelRenderResponse, CanUpdateDefaultPropsRequest, CanUpdateDefaultPropsResponse, CopyStillToClipboardRequest, OpenInFileExplorerRequest, RemoveRenderRequest, SubscribeToFileExistenceRequest, SubscribeToFileExistenceResponse, UnsubscribeFromFileExistenceRequest, UpdateAvailableRequest, UpdateAvailableResponse, UpdateDefaultPropsRequest, UpdateDefaultPropsResponse } from './render-queue/job';
 export type ApiHandler<ReqData, ResData> = (params: {
     input: ReqData;
     entryPoint: string;
@@ -19,6 +19,7 @@ export type ApiRoutes = {
     '/api/subscribe-to-file-existence': ReqAndRes<SubscribeToFileExistenceRequest, SubscribeToFileExistenceResponse>;
     '/api/remove-render': ReqAndRes<RemoveRenderRequest, undefined>;
     '/api/open-in-file-explorer': ReqAndRes<OpenInFileExplorerRequest, void>;
+    '/api/copy-still-to-clipboard': ReqAndRes<CopyStillToClipboardRequest, void>;
     '/api/update-default-props': ReqAndRes<UpdateDefaultPropsRequest, UpdateDefaultPropsResponse>;
     '/api/can-update-default-props': ReqAndRes<CanUpdateDefaultPropsRequest, CanUpdateDefaultPropsResponse>;
     '/api/update-available': ReqAndRes<UpdateAvailableRequest, UpdateAvailableResponse>;

package/dist/preview-server/error-overlay/react-overlay/listen-to-runtime-errors.js

@@ -42,6 +42,7 @@ const crashWithFrames = (crash) => (error) => {
     if (didHookOrderChange && !justRefreshedBecauseOfHooks) {
         // eslint-disable-next-line no-console
         console.log('Hook order changed. Reloading app...');
+        window.remotion_unsavedProps = false;
         window.location.reload();
     }
     else {

package/dist/preview-server/error-overlay/react-overlay/utils/get-file-source.js

@@ -7,14 +7,15 @@ exports.getFileSource = void 0;
 const node_fs_1 = __importDefault(require("node:fs"));
 const node_path_1 = __importDefault(require("node:path"));
 const allowedFileExtensions = ['js', 'ts', 'tsx', 'jsx', 'map', 'mjs'];
+// Must be async function for proper error handling
 const getFileSource = (remotionRoot, p) => {
     if (!allowedFileExtensions.find((extension) => p.endsWith(extension))) {
-        throw new Error(`Not allowed to open ${p}`);
+        return Promise.reject(new Error(`Not allowed to open ${p}`));
     }
     const resolved = node_path_1.default.resolve(remotionRoot, p);
     const relativeToProcessCwd = node_path_1.default.relative(remotionRoot, resolved);
     if (relativeToProcessCwd.startsWith('..')) {
-        throw new Error(`Not allowed to open ${relativeToProcessCwd}`);
+        return Promise.reject(new Error(`Not allowed to open ${relativeToProcessCwd}`));
     }
     return node_fs_1.default.promises.readFile(p, 'utf-8');
 };

package/dist/preview-server/hot-middleware/process-update.d.ts

@@ -3,10 +3,5 @@
  * https://github.com/webpack-contrib/webpack-hot-middleware#readme
  * and rewritten in TypeScript. This file is MIT licensed
  */
-/**
- * Based heavily on https://github.com/webpack/webpack/blob/
- *  c0afdf9c6abc1dd70707c594e473802a566f7b6e/hot/only-dev-server.js
- * Original copyright Tobias Koppers @sokra (MIT license)
- */
 import type { HotMiddlewareOptions, ModuleMap } from './types';
 export declare const processUpdate: (hash: string | undefined, moduleMap: ModuleMap, options: HotMiddlewareOptions) => void;

package/dist/preview-server/hot-middleware/process-update.js

@@ -7,6 +7,12 @@
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.processUpdate = void 0;
+/**
+ * Based heavily on https://github.com/webpack/webpack/blob/
+ *  c0afdf9c6abc1dd70707c594e473802a566f7b6e/hot/only-dev-server.js
+ * Original copyright Tobias Koppers @sokra (MIT license)
+ */
+const NotificationCenter_1 = require("../../editor/components/Notifications/NotificationCenter");
 if (!__webpack_module__.hot) {
     throw new Error('[Fast refresh] Hot Module Replacement is disabled.');
 }
@@ -128,16 +134,29 @@ const processUpdate = function (hash, moduleMap, options) {
         }
         if (options.warn) {
             console.warn('[Fast refresh] Update check failed: ' + (err.stack || err.message));
-            window.location.reload();
+            if (!window.remotion_unsavedProps) {
+                window.location.reload();
+            }
         }
     }
     function performReload() {
+        var _a;
         if (!reload) {
             return;
         }
         if (options.warn)
             console.warn('[Fast refresh] Reloading page');
-        window.location.reload();
+        if (window.remotion_unsavedProps) {
+            (_a = NotificationCenter_1.notificationCenter.current) === null || _a === void 0 ? void 0 : _a.addNotification({
+                id: 'random',
+                content: 'Fast refresh needs to reload the page, but you have unsaved props. Save then reload the page to apply changes.',
+                created: new Date().getMilliseconds(),
+                duration: 1,
+            });
+        }
+        else {
+            window.location.reload();
+        }
     }
 };
 exports.processUpdate = processUpdate;

package/dist/preview-server/render-queue/copy-still-to-clipboard.d.ts

@@ -0,0 +1 @@
+export declare const copyStillToClipBoard: (img: string) => Promise<void>;

package/dist/preview-server/render-queue/copy-still-to-clipboard.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.copyStillToClipBoard = void 0;
+const renderer_1 = require("@remotion/renderer");
+const copyStillToClipBoard = (img) => {
+    return renderer_1.RenderInternals.copyImageToClipboard(img, 'info');
+};
+exports.copyStillToClipBoard = copyStillToClipBoard;

package/dist/preview-server/render-queue/job.d.ts

@@ -1,4 +1,4 @@
-import type { AudioCodec, Codec, makeCancelSignal, PixelFormat, ProResProfile, StillImageFormat, VideoImageFormat } from '@remotion/renderer';
+import type { AudioCodec, Codec, makeCancelSignal, PixelFormat, ProResProfile, StillImageFormat, VideoImageFormat, X264Preset } from '@remotion/renderer';
 import type { EnumPath } from '../../editor/components/RenderModal/SchemaEditor/extract-enum-json-paths';
 import type { AggregateRenderProgress } from '../../progress-types';
 import type { RequiredChromiumOptions } from '../../required-chromium-options';
@@ -43,6 +43,7 @@ type RenderJobDynamicFields = ({
     muted: boolean;
     enforceAudioTrack: boolean;
     proResProfile: ProResProfile | null;
+    x264Preset: X264Preset | null;
     pixelFormat: PixelFormat;
     audioBitrate: string | null;
     videoBitrate: string | null;
@@ -88,6 +89,7 @@ type AddRenderRequestDynamicFields = {
     muted: boolean;
     enforceAudioTrack: boolean;
     proResProfile: ProResProfile | null;
+    x264Preset: X264Preset | null;
     pixelFormat: PixelFormat;
     audioBitrate: string | null;
     videoBitrate: string | null;
@@ -113,6 +115,9 @@ export type RemoveRenderRequest = {
 export type OpenInFileExplorerRequest = {
     directory: string;
 };
+export type CopyStillToClipboardRequest = {
+    outName: string;
+};
 export type SubscribeToFileExistenceRequest = {
     file: string;
     clientId: string;