@remotion/cli 4.0.17 → 4.0.18

package/dist/cloudrun-command.d.ts

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

package/dist/cloudrun-command.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.cloudrunCommand = void 0;
+const log_1 = require("./log");
+const get_package_manager_1 = require("./preview-server/get-package-manager");
+const update_available_1 = require("./preview-server/update-available");
+const cloudrunCommand = async (remotionRoot, args) => {
+    try {
+        const path = require.resolve('@remotion/cloudrun', {
+            paths: [remotionRoot],
+        });
+        const { CloudrunInternals } = require(path);
+        await CloudrunInternals.executeCommand(args, remotionRoot);
+        process.exit(0);
+    }
+    catch (err) {
+        const manager = (0, get_package_manager_1.getPackageManager)(remotionRoot, undefined);
+        const installCommand = manager === 'unknown' ? 'npm i' : manager.installCommand;
+        log_1.Log.error(err);
+        log_1.Log.error('Remotion Cloud Run is not installed.');
+        log_1.Log.info('');
+        log_1.Log.info('You can install it using:');
+        log_1.Log.info(`${installCommand} @remotion/cloudrun@${(0, update_available_1.getRemotionVersion)()}`);
+        process.exit(1);
+    }
+};
+exports.cloudrunCommand = cloudrunCommand;

package/dist/editor/components/RenderModal/SchemaEditor/input-props-serialization.d.ts

@@ -0,0 +1,14 @@
+export type SerializedJSONWithCustomFields = {
+    serializedString: string;
+    customDateUsed: boolean;
+    customFileUsed: boolean;
+    mapUsed: boolean;
+    setUsed: boolean;
+};
+export declare const FILE_TOKEN = "remotion-file:";
+export declare const serializeJSONWithDate: ({ data, indent, staticBase, }: {
+    data: unknown;
+    indent: number | undefined;
+    staticBase: string;
+}) => SerializedJSONWithCustomFields;
+export declare const deserializeJSONWithCustomFields: (data: string) => any;

package/dist/editor/components/RenderModal/SchemaEditor/input-props-serialization.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.deserializeJSONWithCustomFields = exports.serializeJSONWithDate = exports.FILE_TOKEN = void 0;
+const DATE_TOKEN = 'remotion-date:';
+exports.FILE_TOKEN = 'remotion-file:';
+const serializeJSONWithDate = ({ data, indent, staticBase, }) => {
+    let customDateUsed = false;
+    let customFileUsed = false;
+    let mapUsed = false;
+    let setUsed = false;
+    const serializedString = JSON.stringify(data, function (key, value) {
+        const item = this[key];
+        if (item instanceof Date) {
+            customDateUsed = true;
+            return `${DATE_TOKEN}${item.toISOString()}`;
+        }
+        if (item instanceof Map) {
+            mapUsed = true;
+            return value;
+        }
+        if (item instanceof Set) {
+            setUsed = true;
+            return value;
+        }
+        if (typeof item === 'string' && item.startsWith(staticBase)) {
+            customFileUsed = true;
+            return `${exports.FILE_TOKEN}${item.replace(staticBase + '/', '')}`;
+        }
+        return value;
+    }, indent);
+    return { serializedString, customDateUsed, customFileUsed, mapUsed, setUsed };
+};
+exports.serializeJSONWithDate = serializeJSONWithDate;
+const deserializeJSONWithCustomFields = (data) => {
+    return JSON.parse(data, (_, value) => {
+        if (typeof value === 'string' && value.startsWith(DATE_TOKEN)) {
+            return new Date(value.replace(DATE_TOKEN, ''));
+        }
+        return value;
+    });
+};
+exports.deserializeJSONWithCustomFields = deserializeJSONWithCustomFields;

package/dist/editor/components/RightPanel.js

@@ -4,10 +4,8 @@ exports.RightPanel = exports.rightSidebarTabs = exports.persistSelectedPanel = v
 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");
@@ -18,10 +16,17 @@ const container = {
     display: 'flex',
     flexDirection: 'column',
 };
-const circle = {
-    width: 8,
-    height: 8,
-    borderRadius: 4,
+const PropsEditor = ({ composition }) => {
+    const { props, updateProps } = (0, react_1.useContext)(remotion_1.Internals.EditorPropsContext);
+    const setInputProps = (0, react_1.useCallback)((newProps) => {
+        updateProps({
+            id: composition.id,
+            defaultProps: composition.defaultProps,
+            newProps,
+        });
+    }, [composition.defaultProps, composition.id, updateProps]);
+    const actualProps = (0, react_1.useMemo)(() => { var _a, _b; return (_b = (_a = props[composition.id]) !== null && _a !== void 0 ? _a : composition.defaultProps) !== null && _b !== void 0 ? _b : {}; }, [composition.defaultProps, composition.id, props]);
+    return ((0, jsx_runtime_1.jsx)(DataEditor_1.DataEditor, { unresolvedComposition: composition, inputProps: actualProps, setInputProps: setInputProps, mayShowSaveButton: true, propsEditType: "default-props" }, composition.id));
 };
 const localStorageKey = 'remotion.sidebarPanel';
 const getSelectedPanel = () => {
@@ -40,8 +45,6 @@ const persistSelectedPanel = (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');
@@ -60,14 +63,6 @@ const RightPanel = () => {
         };
     }, []);
     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) {
@@ -76,37 +71,9 @@ const RightPanel = () => {
         }
         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))] }));
+    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.jsx)(Tabs_1.Tab, { selected: panel === 'input-props', onClick: onCompositionsSelected, children: "Props" }), (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)(PropsEditor, { composition: composition }))] }));
 };
 exports.RightPanel = RightPanel;

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

@@ -12,7 +12,7 @@ export declare const getCliOptions: (options: {
     inputProps: Record<string, unknown>;
     envVariables: Record<string, string>;
     jpegQuality: number;
-    browser: import("@remotion/renderer").Browser;
+    browser: "chrome";
     crf: import("@remotion/renderer").Crf | null;
     pixelFormat: "yuv420p" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le";
     proResProfile: "4444-xq" | "4444" | "hq" | "standard" | "light" | "proxy" | undefined;

package/dist/get-cli-options.js

@@ -47,7 +47,7 @@ const getProResProfile = () => {
 const getAndValidateBrowser = async (browserExecutable) => {
     const browser = getBrowser();
     try {
-        await renderer_1.RenderInternals.ensureLocalBrowser(browser, browserExecutable);
+        await renderer_1.RenderInternals.ensureLocalBrowser(browserExecutable);
     }
     catch (err) {
         log_1.Log.error('Could not download a browser for rendering frames.');

package/dist/index.d.ts

@@ -97,7 +97,7 @@ export declare const CliInternals: {
         inputProps: Record<string, unknown>;
         envVariables: Record<string, string>;
         jpegQuality: number;
-        browser: import("@remotion/renderer").Browser;
+        browser: "chrome";
         crf: import("@remotion/renderer").Crf | null;
         pixelFormat: "yuv420p" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le";
         proResProfile: "4444-xq" | "4444" | "hq" | "standard" | "light" | "proxy" | undefined;

package/dist/index.js

@@ -23,6 +23,7 @@ const minimist_1 = __importDefault(require("minimist"));
 const benchmark_1 = require("./benchmark");
 const chalk_1 = require("./chalk");
 const cleanup_before_quit_1 = require("./cleanup-before-quit");
+const cloudrun_command_1 = require("./cloudrun-command");
 const compositions_1 = require("./compositions");
 const config_1 = require("./config");
 const determine_image_format_1 = require("./determine-image-format");
@@ -77,6 +78,9 @@ const cli = async () => {
         else if (command === 'lambda') {
             await (0, lambda_command_1.lambdaCommand)(remotionRoot, args);
         }
+        else if (command === 'cloudrun') {
+            await (0, cloudrun_command_1.cloudrunCommand)(remotionRoot, args);
+        }
         else if (command === 'render') {
             await (0, render_1.render)(remotionRoot, args);
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remotion/cli",
-  "version": "4.0.17",
+  "version": "4.0.18",
   "description": "CLI for Remotion",
   "main": "dist/index.js",
   "sideEffects": false,
@@ -35,11 +35,11 @@
     "prompts": "2.4.1",
     "semver": "7.5.3",
     "source-map": "0.6.1",
-    "@remotion/bundler": "4.0.17",
-    "remotion": "4.0.17",
-    "@remotion/renderer": "4.0.17",
-    "@remotion/media-utils": "4.0.17",
-    "@remotion/player": "4.0.17"
+    "@remotion/media-utils": "4.0.18",
+    "@remotion/player": "4.0.18",
+    "@remotion/renderer": "4.0.18",
+    "remotion": "4.0.18",
+    "@remotion/bundler": "4.0.18"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
@@ -62,11 +62,10 @@
     "prettier-plugin-organize-imports": "^3.2.2",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
-    "typescript": "4.9.5",
     "vitest": "0.31.1",
     "zod": "^3.21.4",
-    "@remotion/zod-types": "4.0.17",
-    "@remotion/tailwind": "4.0.17"
+    "@remotion/tailwind": "4.0.18",
+    "@remotion/zod-types": "4.0.18"
   },
   "keywords": [
     "remotion",