@remotion/cli 3.3.82 → 3.3.84

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

@@ -1,13 +1,5 @@
-import type { JobProgressCallback, RenderJob, RenderJobWithCleanup } from './job';
+import type { RenderJob, RenderJobWithCleanup } from './job';
 export declare const getRenderQueue: () => RenderJob[];
-export declare const notifyClientsOfJobUpdate: () => void;
-export declare const processJob: ({ job, remotionRoot, entryPoint, onProgress, addCleanupCallback, }: {
-    job: RenderJob;
-    remotionRoot: string;
-    entryPoint: string;
-    onProgress: JobProgressCallback;
-    addCleanupCallback: (cb: () => void) => void;
-}) => Promise<void>;
 export declare const addJob: ({ job, entryPoint, remotionRoot, }: {
     job: RenderJobWithCleanup;
     entryPoint: string;
@@ -15,7 +7,3 @@ export declare const addJob: ({ job, entryPoint, remotionRoot, }: {
 }) => void;
 export declare const removeJob: (jobId: string) => void;
 export declare const cancelJob: (jobId: string) => void;
-export declare const processJobIfPossible: ({ remotionRoot, entryPoint, }: {
-    remotionRoot: string;
-    entryPoint: string;
-}) => Promise<void>;

package/dist/preview-server/render-queue/queue.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.processJobIfPossible = exports.cancelJob = exports.removeJob = exports.addJob = exports.processJob = exports.notifyClientsOfJobUpdate = exports.getRenderQueue = void 0;
+exports.cancelJob = exports.removeJob = exports.addJob = exports.getRenderQueue = void 0;
 const path_1 = __importDefault(require("path"));
 const chalk_1 = require("../../chalk");
 const file_watcher_1 = require("../../file-watcher");
@@ -21,7 +21,7 @@ const updateJob = (id, updater) => {
         }
         return j;
     });
-    (0, exports.notifyClientsOfJobUpdate)();
+    notifyClientsOfJobUpdate();
 };
 const getRenderQueue = () => {
     return jobQueue.map((j) => {
@@ -38,7 +38,6 @@ const notifyClientsOfJobUpdate = () => {
         });
     });
 };
-exports.notifyClientsOfJobUpdate = notifyClientsOfJobUpdate;
 const processJob = async ({ job, remotionRoot, entryPoint, onProgress, addCleanupCallback, }) => {
     if (job.type === 'still') {
         await (0, process_still_1.processStill)({
@@ -62,11 +61,10 @@ const processJob = async ({ job, remotionRoot, entryPoint, onProgress, addCleanu
     }
     throw new Error(`Unknown job ${JSON.stringify(job)}`);
 };
-exports.processJob = processJob;
 const addJob = ({ job, entryPoint, remotionRoot, }) => {
     jobQueue.push(job);
-    (0, exports.processJobIfPossible)({ entryPoint, remotionRoot });
-    (0, exports.notifyClientsOfJobUpdate)();
+    processJobIfPossible({ entryPoint, remotionRoot });
+    notifyClientsOfJobUpdate();
 };
 exports.addJob = addJob;
 const removeJob = (jobId) => {
@@ -79,7 +77,7 @@ const removeJob = (jobId) => {
         }
         return true;
     });
-    (0, exports.notifyClientsOfJobUpdate)();
+    notifyClientsOfJobUpdate();
 };
 exports.removeJob = removeJob;
 const cancelJob = (jobId) => {
@@ -118,7 +116,7 @@ const processJobIfPossible = async ({ remotionRoot, entryPoint, }) => {
         const startTime = Date.now();
         log_1.Log.info(chalk_1.chalk.gray('╭─ Starting render '));
         let lastProgress = null;
-        await (0, exports.processJob)({
+        await processJob({
             job: nextJob,
             entryPoint,
             remotionRoot,
@@ -205,4 +203,3 @@ const processJobIfPossible = async ({ remotionRoot, entryPoint, }) => {
         await Promise.all(jobCleanups.map((c) => c()));
     }
 };
-exports.processJobIfPossible = processJobIfPossible;

package/dist/preview-server/routes/can-update-default-props.d.ts

@@ -0,0 +1,4 @@
+import type { ApiHandler } from '../api-types';
+import type { CanUpdateDefaultPropsRequest, CanUpdateDefaultPropsResponse } from '../render-queue/job';
+export declare const checkIfTypeScriptFile: (file: string) => void;
+export declare const canUpdateDefaultPropsHandler: ApiHandler<CanUpdateDefaultPropsRequest, CanUpdateDefaultPropsResponse>;

package/dist/preview-server/routes/can-update-default-props.js

@@ -1 +1,39 @@
 "use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.canUpdateDefaultPropsHandler = exports.checkIfTypeScriptFile = void 0;
+const fs_1 = require("fs");
+const update_default_props_1 = require("../../codemods/update-default-props");
+const project_info_1 = require("../project-info");
+const checkIfTypeScriptFile = (file) => {
+    if (!file.endsWith('.tsx') &&
+        !file.endsWith('.ts') &&
+        !file.endsWith('.mtsx') &&
+        !file.endsWith('.mts')) {
+        throw new Error('Cannot update default props for non-TypeScript files');
+    }
+};
+exports.checkIfTypeScriptFile = checkIfTypeScriptFile;
+const canUpdateDefaultPropsHandler = async ({ input: { compositionId }, remotionRoot }) => {
+    try {
+        const projectInfo = await (0, project_info_1.getProjectInfo)(remotionRoot);
+        if (!projectInfo.videoFile) {
+            throw new Error('Cannot find root file in project');
+        }
+        (0, exports.checkIfTypeScriptFile)(projectInfo.videoFile);
+        await (0, update_default_props_1.updateDefaultProps)({
+            compositionId,
+            input: (0, fs_1.readFileSync)(projectInfo.videoFile, 'utf-8'),
+            newDefaultProps: {},
+        });
+        return {
+            canUpdate: true,
+        };
+    }
+    catch (err) {
+        return {
+            canUpdate: false,
+            reason: err.message,
+        };
+    }
+};
+exports.canUpdateDefaultPropsHandler = canUpdateDefaultPropsHandler;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remotion/cli",
-  "version": "3.3.82",
+  "version": "3.3.84",
   "description": "CLI for Remotion",
   "main": "dist/index.js",
   "sideEffects": false,
@@ -16,16 +16,16 @@
   "author": "Jonny Burger <jonny@remotion.dev>",
   "license": "SEE LICENSE IN LICENSE.md",
   "dependencies": {
-    "@remotion/bundler": "3.3.82",
-    "@remotion/media-utils": "3.3.82",
-    "@remotion/player": "3.3.82",
-    "@remotion/renderer": "3.3.82",
+    "@remotion/bundler": "3.3.84",
+    "@remotion/media-utils": "3.3.84",
+    "@remotion/player": "3.3.84",
+    "@remotion/renderer": "3.3.84",
     "dotenv": "9.0.2",
     "memfs": "3.4.3",
     "minimist": "1.2.6",
     "open": "^8.4.2",
     "prompts": "2.4.1",
-    "remotion": "3.3.82",
+    "remotion": "3.3.84",
     "semver": "7.3.5",
     "source-map": "0.6.1"
   },

package/dist/editor/components/CheckerboardContext.js

@@ -1 +0,0 @@
-"use strict";

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

@@ -1,5 +0,0 @@
-import React from 'react';
-export declare const CollapsedSidebarExpander: React.FC<{
-    onExpand: () => void;
-    direction: 'left' | 'right';
-}>;

package/dist/editor/components/CollapsedSidebarExpander.js

@@ -1,40 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CollapsedSidebarExpander = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const colors_1 = require("../helpers/colors");
-const caret_1 = require("../icons/caret");
-const z_index_1 = require("../state/z-index");
-const CollapsedSidebarExpander = ({ onExpand, direction }) => {
-    const [hovered, setHovered] = (0, react_1.useState)(false);
-    const { tabIndex } = (0, z_index_1.useZIndex)();
-    const onPointerEnter = (0, react_1.useCallback)(() => {
-        setHovered(true);
-    }, []);
-    const onPointerLeave = (0, react_1.useCallback)(() => {
-        setHovered(false);
-    }, []);
-    const style = (0, react_1.useMemo)(() => {
-        return {
-            border: 'none',
-            borderRight: `${direction === 'right' ? 1 : 0}px solid black`,
-            borderLeft: `${direction === 'left' ? 1 : 0}px solid black`,
-            cursor: 'pointer',
-            color: 'white',
-            display: 'flex',
-            justifyContent: 'center',
-            alignItems: 'center',
-            paddingLeft: direction === 'right' ? 7 : 5,
-            paddingRight: direction === 'right' ? 4 : 5,
-            backgroundColor: (0, colors_1.getBackgroundFromHoverState)({
-                hovered,
-                selected: false,
-            }),
-            appearance: 'none',
-            WebkitAppearance: 'none',
-        };
-    }, [direction, hovered]);
-    return ((0, jsx_runtime_1.jsx)("button", { style: style, onPointerEnter: onPointerEnter, onPointerLeave: onPointerLeave, type: "button", role: "button", tabIndex: tabIndex, onClick: onExpand, children: direction === 'right' ? (0, jsx_runtime_1.jsx)(caret_1.CaretRight, {}) : (0, jsx_runtime_1.jsx)(caret_1.CaretLeft, {}) }));
-};
-exports.CollapsedSidebarExpander = CollapsedSidebarExpander;

package/dist/editor/components/RenderModal/SchemaEditor/ZodOrNullEditor.js

@@ -1,45 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ZodOrNullEditor = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const colors_1 = require("../../../helpers/colors");
-const Checkbox_1 = require("../../Checkbox");
-const layout_1 = require("../../layout");
-const create_zod_values_1 = require("./create-zod-values");
-const SchemaLabel_1 = require("./SchemaLabel");
-const ZodSwitch_1 = require("./ZodSwitch");
-const fullWidth = {
-    width: '100%',
-};
-const labelStyle = {
-    fontFamily: 'sans-serif',
-    fontSize: 14,
-    color: colors_1.LIGHT_TEXT,
-};
-const checkBoxWrapper = {
-    margin: '2px',
-    display: 'flex',
-    flexDirection: 'row',
-    alignItems: 'center',
-    marginTop: '5px',
-};
-const ZodOrNullEditor = ({ jsonPath, compact, schema, setValue, onSave, defaultValue, value, showSaveButton, onRemove, nullishValue, }) => {
-    const isChecked = value === nullishValue;
-    const onValueChange = (0, react_1.useCallback)((newValue) => {
-        setValue(newValue);
-    }, [setValue]);
-    const onCheckBoxChange = (0, react_1.useCallback)((e) => {
-        console.log({ schema, newVal: (0, create_zod_values_1.createZodValues)(schema) });
-        const val = e.target.checked ? nullishValue : (0, create_zod_values_1.createZodValues)(schema);
-        onValueChange(val);
-    }, [nullishValue, onValueChange, schema]);
-    const reset = (0, react_1.useCallback)(() => {
-        onValueChange(defaultValue);
-    }, [defaultValue, onValueChange]);
-    const save = (0, react_1.useCallback)(() => {
-        onSave(() => value);
-    }, [onSave, value]);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [value === null ? ((0, jsx_runtime_1.jsx)(SchemaLabel_1.SchemaLabel, { isDefaultValue: value === defaultValue, jsonPath: jsonPath, onReset: reset, onSave: save, showSaveButton: showSaveButton, compact: compact, onRemove: onRemove })) : ((0, jsx_runtime_1.jsx)("div", { style: fullWidth, children: (0, jsx_runtime_1.jsx)(ZodSwitch_1.ZodSwitch, { value: value, setValue: onValueChange, jsonPath: jsonPath, schema: schema, compact: compact, defaultValue: defaultValue, onSave: onSave, showSaveButton: showSaveButton, onRemove: onRemove }) })), (0, jsx_runtime_1.jsxs)("div", { style: checkBoxWrapper, children: [(0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, { checked: isChecked, onChange: onCheckBoxChange, disabled: false }), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 1 }), (0, jsx_runtime_1.jsx)("div", { style: labelStyle, children: String(nullishValue) })] })] }));
-};
-exports.ZodOrNullEditor = ZodOrNullEditor;

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

@@ -1,2 +0,0 @@
-export declare const serializeJSONWithSchema: (data: unknown, indent: number | undefined) => string;
-export declare const deserializeJSONWithSchema: (data: string) => any;

package/dist/editor/components/RenderModal/SchemaEditor/schema-serialization.js

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.deserializeJSONWithSchema = exports.serializeJSONWithSchema = void 0;
-const serializeJSONWithSchema = (data, indent) => {
-    return JSON.stringify(data, function (key, value) {
-        if (this[key] instanceof Date) {
-            return `remotion-date:${this[key].toISOString()}`;
-        }
-        return value;
-    }, indent);
-};
-exports.serializeJSONWithSchema = serializeJSONWithSchema;
-const deserializeJSONWithSchema = (data) => {
-    return JSON.parse(data, (_, value) => {
-        if (typeof value === 'string' && value.startsWith('remotion-date:')) {
-            return new Date(value.replace('remotion-date:', ''));
-        }
-        return value;
-    });
-};
-exports.deserializeJSONWithSchema = deserializeJSONWithSchema;

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

@@ -1,5 +0,0 @@
-import React from 'react';
-export declare const leftSidebarTabs: React.RefObject<{
-    selectRendersPanel: () => void;
-}>;
-export declare const SidebarContent: React.FC;

package/dist/editor/components/SidebarContent.js

@@ -1,53 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SidebarContent = exports.leftSidebarTabs = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const colors_1 = require("../helpers/colors");
-const CompositionSelector_1 = require("./CompositionSelector");
-const CurrentCompositionSideEffects_1 = require("./CurrentCompositionSideEffects");
-const RenderQueue_1 = require("./RenderQueue");
-const context_1 = require("./RenderQueue/context");
-const RendersTab_1 = require("./RendersTab");
-const Tabs_1 = require("./Tabs");
-const container = {
-    width: '100%',
-};
-const tabsContainer = {
-    borderBottom: `1px solid ${colors_1.BORDER_COLOR}`,
-};
-exports.leftSidebarTabs = (0, react_1.createRef)();
-const localStorageKey = 'remotion.sidebarPanel';
-const persistSelectedPanel = (panel) => {
-    localStorage.setItem(localStorageKey, panel);
-};
-const getSelectedPanel = (shouldRender) => {
-    const panel = localStorage.getItem(localStorageKey);
-    if (panel === 'renders' && shouldRender) {
-        return 'renders';
-    }
-    return 'compositions';
-};
-const SidebarContent = () => {
-    const shouldRender = (0, context_1.useShouldRenderLeftSidebarTabs)();
-    const [panel, setPanel] = (0, react_1.useState)(() => getSelectedPanel(shouldRender));
-    const onCompositionsSelected = (0, react_1.useCallback)(() => {
-        setPanel('compositions');
-        persistSelectedPanel('compositions');
-    }, []);
-    const onRendersSelected = (0, react_1.useCallback)(() => {
-        setPanel('renders');
-        persistSelectedPanel('renders');
-    }, []);
-    (0, react_1.useImperativeHandle)(exports.leftSidebarTabs, () => {
-        return {
-            selectRendersPanel: () => {
-                setPanel('renders');
-                persistSelectedPanel('renders');
-            },
-        };
-    }, []);
-    // TODO: It is not perfectly aligned in example
-    return ((0, jsx_runtime_1.jsxs)("div", { style: container, children: [shouldRender ? ((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 === 'compositions', onClick: onCompositionsSelected, children: "Compositions" }), (0, jsx_runtime_1.jsx)(RendersTab_1.RendersTab, { onClick: onRendersSelected, selected: panel === 'renders' })] }) })) : null, panel === 'renders' && shouldRender ? ((0, jsx_runtime_1.jsx)(RenderQueue_1.RenderQueue, {})) : ((0, jsx_runtime_1.jsx)(CompositionSelector_1.CompositionSelector, {})), (0, jsx_runtime_1.jsx)(CurrentCompositionSideEffects_1.CurrentCompositionKeybindings, {}), (0, jsx_runtime_1.jsx)(CurrentCompositionSideEffects_1.TitleUpdater, {})] }));
-};
-exports.SidebarContent = SidebarContent;