@remotion/studio-server 4.0.427 → 4.0.429

package/README.md

@@ -1,7 +1,7 @@
 # @remotion/studio-server
- 
+
 Run a Remotion Studio with a server backend
- 
+
 ## Usage
- 
+
 This is an internal package and has no documentation.

package/dist/codemods/update-sequence-props.d.ts

@@ -0,0 +1,8 @@
+import { type EnumPath } from '@remotion/studio-shared';
+export declare const updateSequenceProps: ({ input, targetLine, key, value, enumPaths, }: {
+    input: string;
+    targetLine: number;
+    key: string;
+    value: unknown;
+    enumPaths: EnumPath[];
+}) => Promise<string>;

package/dist/codemods/update-sequence-props.js

@@ -0,0 +1,97 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.updateSequenceProps = void 0;
+const studio_shared_1 = require("@remotion/studio-shared");
+const recast = __importStar(require("recast"));
+const parse_ast_1 = require("./parse-ast");
+const updateSequenceProps = async ({ input, targetLine, key, value, enumPaths, }) => {
+    const ast = (0, parse_ast_1.parseAst)(input);
+    let found = false;
+    recast.types.visit(ast, {
+        visitJSXOpeningElement(path) {
+            var _a;
+            const { node } = path;
+            if (!node.loc || node.loc.start.line !== targetLine) {
+                return this.traverse(path);
+            }
+            const attr = (_a = node.attributes) === null || _a === void 0 ? void 0 : _a.find((a) => {
+                if (a.type === 'JSXSpreadAttribute') {
+                    return false;
+                }
+                if (a.name.type === 'JSXNamespacedName') {
+                    return false;
+                }
+                return a.name.name === key;
+            });
+            if (!attr || attr.type === 'JSXSpreadAttribute') {
+                throw new Error(`Could not find attribute "${key}" on the JSX element at line ${targetLine}`);
+            }
+            const parsed = (0, parse_ast_1.parseAst)(`a = ${(0, studio_shared_1.stringifyDefaultProps)({ props: value, enumPaths })}`)
+                .program.body[0].expression.right;
+            attr.value = recast.types.builders.jsxExpressionContainer(parsed);
+            found = true;
+            return this.traverse(path);
+        },
+    });
+    if (!found) {
+        throw new Error('Could not find a JSX element at the specified line to update');
+    }
+    let prettier = null;
+    try {
+        prettier = await Promise.resolve().then(() => __importStar(require('prettier')));
+    }
+    catch (_a) {
+        throw new Error('Prettier cannot be found in the current project.');
+    }
+    const { format, resolveConfig, resolveConfigFile } = prettier;
+    const configFilePath = await resolveConfigFile();
+    if (!configFilePath) {
+        throw new Error('The Prettier config file was not found');
+    }
+    const prettierConfig = await resolveConfig(configFilePath);
+    if (!prettierConfig) {
+        throw new Error('The Prettier config file was not found. For this feature, the "prettier" package must be installed and a .prettierrc file must exist.');
+    }
+    const finalFile = (0, parse_ast_1.serializeAst)(ast);
+    const prettified = await format(finalFile, {
+        ...prettierConfig,
+        filepath: 'test.tsx',
+        plugins: [],
+        endOfLine: 'auto',
+    });
+    return prettified;
+};
+exports.updateSequenceProps = updateSequenceProps;

package/dist/helpers/open-in-editor-url-scheme.d.ts

@@ -0,0 +1,6 @@
+export declare const openInEditorViaUrlScheme: ({ editor, fileName, lineNumber, colNumber, }: {
+    editor: string;
+    fileName: string;
+    lineNumber: number;
+    colNumber: number;
+}) => Promise<boolean> | null;

package/dist/helpers/open-in-editor-url-scheme.js

@@ -0,0 +1,50 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.openInEditorViaUrlScheme = void 0;
+const node_child_process_1 = __importDefault(require("node:child_process"));
+const getVsCodeUrlScheme = (editor) => {
+    switch (editor) {
+        case 'code':
+        case 'Code.exe':
+            return 'vscode';
+        case 'code-insiders':
+        case 'Code - Insiders.exe':
+            return 'vscode-insiders';
+        case 'vscodium':
+        case 'VSCodium.exe':
+            return 'vscodium';
+        case 'cursor':
+        case 'Cursor.exe':
+            return 'cursor';
+        case 'windsurf':
+        case 'Windsurf.exe':
+            return 'windsurf';
+        default:
+            return null;
+    }
+};
+// On macOS, use URL protocol handler for VS Code derivatives.
+// This is faster than spawning the CLI which boots a Node.js process.
+const openInEditorViaUrlScheme = ({ editor, fileName, lineNumber, colNumber, }) => {
+    if (process.platform !== 'darwin') {
+        return null;
+    }
+    const urlScheme = getVsCodeUrlScheme(editor);
+    if (!urlScheme) {
+        return null;
+    }
+    const filePath = fileName.startsWith('/') ? fileName.substring(1) : fileName;
+    const encodedPath = filePath.split('/').map(encodeURIComponent).join('/');
+    const url = `${urlScheme}://file/${encodedPath}:${lineNumber}:${colNumber}`;
+    return new Promise((resolve) => {
+        const proc = node_child_process_1.default.spawn('open', [url], {
+            stdio: 'ignore',
+        });
+        proc.on('error', () => resolve(false));
+        proc.on('close', (code) => resolve(code === 0));
+    });
+};
+exports.openInEditorViaUrlScheme = openInEditorViaUrlScheme;

package/dist/helpers/open-in-editor.js

@@ -40,12 +40,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.getDisplayNameForEditor = void 0;
 exports.guessEditor = guessEditor;
 exports.launchEditor = launchEditor;
-const renderer_1 = require("@remotion/renderer");
 const node_child_process_1 = __importStar(require("node:child_process"));
 const node_fs_1 = __importDefault(require("node:fs"));
 const node_os_1 = __importDefault(require("node:os"));
 const node_path_1 = __importDefault(require("node:path"));
 const node_util_1 = __importDefault(require("node:util"));
+const renderer_1 = require("@remotion/renderer");
+const open_in_editor_url_scheme_1 = require("./open-in-editor-url-scheme");
 const { Log } = renderer_1.RenderInternals;
 const execProm = node_util_1.default.promisify(node_child_process_1.exec);
 const isVsCodeDerivative = (editor) => {
@@ -483,6 +484,20 @@ async function launchEditor({ colNumber, editor, fileName, lineNumber, vsCodeNew
         return false;
     }
     const shouldOpenVsCodeNewWindow = isVsCodeDerivative(editor.command) && vsCodeNewWindow;
+    if (!shouldOpenVsCodeNewWindow) {
+        const result = (0, open_in_editor_url_scheme_1.openInEditorViaUrlScheme)({
+            editor: editor.command,
+            fileName,
+            lineNumber,
+            colNumber,
+        });
+        if (result) {
+            const opened = await result;
+            if (opened) {
+                return true;
+            }
+        }
+    }
     const args = shouldOpenVsCodeNewWindow
         ? ['--new-window', fileName]
         : lineNumber

package/dist/index.d.ts

@@ -2,7 +2,7 @@ export { ApiRoutes, CopyStillToClipboardRequest, getDefaultOutLocation, OpenInFi
 export type { AggregateRenderProgress, BundlingState, CopyingState, DownloadProgress, HotMiddlewareOptions, JobProgressCallback, ModuleMap, PackageManager, ProjectInfo, RenderingProgressInput, RenderJob, RenderJobWithCleanup, RequiredChromiumOptions, StitchingProgressInput, UiOpenGlOptions, } from '@remotion/studio-shared';
 import { AnsiDiff } from './ansi-diff';
 export declare const StudioServerInternals: {
-    startStudio: ({ browserArgs, browserFlag, shouldOpenBrowser, fullEntryPath, logLevel, getCurrentInputProps, getEnvVariables, desiredPort, maxTimelineTracks, remotionRoot, keyboardShortcutsEnabled, experimentalClientSideRenderingEnabled, relativePublicDir, webpackOverride, poll, getRenderDefaults, getRenderQueue, numberOfAudioTags, queueMethods, previewEntry, gitSource, bufferStateDelayInMilliseconds, binariesDirectory, forceIPv4, audioLatencyHint, enableCrossSiteIsolation, askAIEnabled, forceNew, rspack, }: {
+    startStudio: ({ browserArgs, browserFlag, shouldOpenBrowser, fullEntryPath, logLevel, getCurrentInputProps, getEnvVariables, desiredPort, maxTimelineTracks, remotionRoot, keyboardShortcutsEnabled, experimentalClientSideRenderingEnabled, experimentalVisualModeEnabled, relativePublicDir, webpackOverride, poll, getRenderDefaults, getRenderQueue, numberOfAudioTags, queueMethods, previewEntry, gitSource, bufferStateDelayInMilliseconds, binariesDirectory, forceIPv4, audioLatencyHint, enableCrossSiteIsolation, askAIEnabled, forceNew, rspack, }: {
         browserArgs: string;
         browserFlag: string;
         logLevel: "error" | "info" | "trace" | "verbose" | "warn";
@@ -16,6 +16,7 @@ export declare const StudioServerInternals: {
         remotionRoot: string;
         keyboardShortcutsEnabled: boolean;
         experimentalClientSideRenderingEnabled: boolean;
+        experimentalVisualModeEnabled: boolean;
         relativePublicDir: string | null;
         webpackOverride: import("@remotion/bundler").WebpackOverrideFn;
         poll: number | null;

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

@@ -5,6 +5,7 @@ const add_render_1 = require("./routes/add-render");
 const apply_codemod_1 = require("./routes/apply-codemod");
 const apply_visual_control_change_1 = require("./routes/apply-visual-control-change");
 const can_update_default_props_1 = require("./routes/can-update-default-props");
+const can_update_sequence_props_1 = require("./routes/can-update-sequence-props");
 const cancel_render_1 = require("./routes/cancel-render");
 const delete_static_file_1 = require("./routes/delete-static-file");
 const install_dependency_1 = require("./routes/install-dependency");
@@ -12,6 +13,7 @@ const open_in_file_explorer_1 = require("./routes/open-in-file-explorer");
 const project_info_1 = require("./routes/project-info");
 const remove_render_1 = require("./routes/remove-render");
 const restart_studio_1 = require("./routes/restart-studio");
+const save_sequence_props_1 = require("./routes/save-sequence-props");
 const subscribe_to_file_existence_1 = require("./routes/subscribe-to-file-existence");
 const unsubscribe_from_file_existence_1 = require("./routes/unsubscribe-from-file-existence");
 const update_available_1 = require("./routes/update-available");
@@ -27,6 +29,8 @@ exports.allApiRoutes = {
     '/api/apply-visual-control-change': apply_visual_control_change_1.applyVisualControlHandler,
     '/api/apply-codemod': apply_codemod_1.applyCodemodHandler,
     '/api/can-update-default-props': can_update_default_props_1.canUpdateDefaultPropsHandler,
+    '/api/can-update-sequence-props': can_update_sequence_props_1.canUpdateSequencePropsHandler,
+    '/api/save-sequence-props': save_sequence_props_1.saveSequencePropsHandler,
     '/api/update-available': update_available_1.handleUpdate,
     '/api/project-info': project_info_1.projectInfoHandler,
     '/api/delete-static-file': delete_static_file_1.deleteStaticFileHandler,

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

@@ -1,6 +1,6 @@
+import type { IncomingMessage, ServerResponse } from 'node:http';
 import type { LogLevel } from '@remotion/renderer';
 import type { RenderJobWithCleanup } from '@remotion/studio-shared';
-import type { IncomingMessage, ServerResponse } from 'node:http';
 export type QueueMethods = {
     removeJob: (jobId: string) => void;
     cancelJob: (jobId: string) => void;

package/dist/preview-server/dev-middleware/middleware.js

@@ -5,10 +5,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getValueContentRangeHeader = getValueContentRangeHeader;
 exports.middleware = middleware;
-const renderer_1 = require("@remotion/renderer");
 const node_path_1 = __importDefault(require("node:path"));
 const node_querystring_1 = __importDefault(require("node:querystring"));
 const node_url_1 = require("node:url");
+const renderer_1 = require("@remotion/renderer");
 const compatible_api_1 = require("./compatible-api");
 const get_paths_1 = require("./get-paths");
 const range_parser_1 = require("./range-parser");

package/dist/preview-server/get-package-manager.js

@@ -4,9 +4,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getPackageManager = exports.lockFilePaths = void 0;
-const renderer_1 = require("@remotion/renderer");
 const node_fs_1 = __importDefault(require("node:fs"));
 const node_path_1 = __importDefault(require("node:path"));
+const renderer_1 = require("@remotion/renderer");
 exports.lockFilePaths = [
     {
         path: 'package-lock.json',

package/dist/preview-server/hot-middleware/index.d.ts

@@ -3,8 +3,8 @@
  * https://github.com/webpack-contrib/webpack-hot-middleware#readme
  * and rewritten in TypeScript. This file is MIT licensed
  */
-import type { webpack } from '@remotion/bundler';
 import type { IncomingMessage, ServerResponse } from 'node:http';
+import type { webpack } from '@remotion/bundler';
 declare global {
     const __webpack_hash__: unknown;
     interface HotNotifierInfo {

package/dist/preview-server/hot-middleware/index.js

@@ -6,9 +6,9 @@
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.webpackHotMiddleware = void 0;
+const node_url_1 = require("node:url");
 const renderer_1 = require("@remotion/renderer");
 const studio_shared_1 = require("@remotion/studio-shared");
-const node_url_1 = require("node:url");
 const pathMatch = function (url, path) {
     try {
         return (0, node_url_1.parse)(url).pathname === path;

package/dist/preview-server/live-events.d.ts

@@ -1,5 +1,5 @@
-import type { EventSourceEvent } from '@remotion/studio-shared';
 import type { IncomingMessage, ServerResponse } from 'node:http';
+import type { EventSourceEvent } from '@remotion/studio-shared';
 export type LiveEventsServer = {
     sendEventToClient: (event: EventSourceEvent) => void;
     router: (request: IncomingMessage, response: ServerResponse) => Promise<void>;

package/dist/preview-server/public-folder.js

@@ -4,9 +4,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getFiles = exports.fetchFolder = exports.initPublicFolderWatch = void 0;
-const bundler_1 = require("@remotion/bundler");
 const node_fs_1 = require("node:fs");
 const node_path_1 = __importDefault(require("node:path"));
+const bundler_1 = require("@remotion/bundler");
 const env_supports_fs_recursive_1 = require("./env-supports-fs-recursive");
 let files = [];
 const initPublicFolderWatch = ({ publicDir, onUpdate, staticHash, }) => {

package/dist/preview-server/routes/apply-codemod.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.applyCodemodHandler = void 0;
-const renderer_1 = require("@remotion/renderer");
 const node_fs_1 = require("node:fs");
+const renderer_1 = require("@remotion/renderer");
 const duplicate_composition_1 = require("../../codemods/duplicate-composition");
 const simple_diff_1 = require("../../codemods/simple-diff");
 const project_info_1 = require("../project-info");

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

@@ -0,0 +1,5 @@
+import type { Expression } from '@babel/types';
+import type { CanUpdateSequencePropsRequest, CanUpdateSequencePropsResponse } from '@remotion/studio-shared';
+import type { ApiHandler } from '../api-types';
+export declare const isStaticValue: (node: Expression) => boolean;
+export declare const canUpdateSequencePropsHandler: ApiHandler<CanUpdateSequencePropsRequest, CanUpdateSequencePropsResponse>;

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

@@ -0,0 +1,150 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.canUpdateSequencePropsHandler = exports.isStaticValue = void 0;
+const node_fs_1 = require("node:fs");
+const node_path_1 = __importDefault(require("node:path"));
+const recast = __importStar(require("recast"));
+const parse_ast_1 = require("../../codemods/parse-ast");
+const isStaticValue = (node) => {
+    switch (node.type) {
+        case 'NumericLiteral':
+        case 'StringLiteral':
+        case 'BooleanLiteral':
+        case 'NullLiteral':
+            return true;
+        case 'UnaryExpression':
+            return ((node.operator === '-' ||
+                node.operator === '+') &&
+                node.argument.type === 'NumericLiteral');
+        case 'ArrayExpression':
+            return node.elements.every((el) => el !== null && el.type !== 'SpreadElement' && (0, exports.isStaticValue)(el));
+        case 'ObjectExpression':
+            return node.properties.every((prop) => prop.type === 'ObjectProperty' &&
+                (0, exports.isStaticValue)(prop.value));
+        default:
+            return false;
+    }
+};
+exports.isStaticValue = isStaticValue;
+const getPropsStatus = (jsxElement) => {
+    const props = {};
+    for (const attr of jsxElement.attributes) {
+        if (attr.type === 'JSXSpreadAttribute') {
+            continue;
+        }
+        if (attr.name.type === 'JSXNamespacedName') {
+            continue;
+        }
+        const { name } = attr.name;
+        if (typeof name !== 'string') {
+            continue;
+        }
+        const { value } = attr;
+        if (!value) {
+            props[name] = { canUpdate: true };
+            continue;
+        }
+        if (value.type === 'StringLiteral') {
+            props[name] = { canUpdate: true };
+            continue;
+        }
+        if (value.type === 'JSXExpressionContainer') {
+            const { expression } = value;
+            if (expression.type === 'JSXEmptyExpression' ||
+                !(0, exports.isStaticValue)(expression)) {
+                props[name] = { canUpdate: false, reason: 'computed' };
+                continue;
+            }
+            props[name] = { canUpdate: true };
+            continue;
+        }
+        props[name] = { canUpdate: false, reason: 'computed' };
+    }
+    return props;
+};
+const findJsxElementAtLine = (ast, targetLine) => {
+    let found = null;
+    recast.types.visit(ast, {
+        visitJSXOpeningElement(nodePath) {
+            const { node } = nodePath;
+            if (node.loc && node.loc.start.line === targetLine) {
+                found = node;
+                return false;
+            }
+            return this.traverse(nodePath);
+        },
+    });
+    return found;
+};
+const canUpdateSequencePropsHandler = ({ input: { fileName, line, column: _column, keys }, remotionRoot }) => {
+    try {
+        const absolutePath = node_path_1.default.resolve(remotionRoot, fileName);
+        const fileRelativeToRoot = node_path_1.default.relative(remotionRoot, absolutePath);
+        if (fileRelativeToRoot.startsWith('..')) {
+            throw new Error('Cannot read a file outside the project');
+        }
+        const fileContents = (0, node_fs_1.readFileSync)(absolutePath, 'utf-8');
+        const ast = (0, parse_ast_1.parseAst)(fileContents);
+        const jsxElement = findJsxElementAtLine(ast, line);
+        if (!jsxElement) {
+            throw new Error('Could not find a JSX element at the specified location');
+        }
+        const allProps = getPropsStatus(jsxElement);
+        const filteredProps = {};
+        for (const key of keys) {
+            if (key in allProps) {
+                filteredProps[key] = allProps[key];
+            }
+            else {
+                filteredProps[key] = { canUpdate: false, reason: 'computed' };
+            }
+        }
+        return Promise.resolve({
+            canUpdate: true,
+            props: filteredProps,
+        });
+    }
+    catch (err) {
+        return Promise.resolve({
+            canUpdate: false,
+            reason: err.message,
+        });
+    }
+};
+exports.canUpdateSequencePropsHandler = canUpdateSequencePropsHandler;

package/dist/preview-server/routes/install-dependency.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.handleInstallPackage = void 0;
+const node_child_process_1 = require("node:child_process");
 const renderer_1 = require("@remotion/renderer");
 const studio_shared_1 = require("@remotion/studio-shared");
-const node_child_process_1 = require("node:child_process");
 const version_1 = require("remotion/version");
 const install_command_1 = require("../../helpers/install-command");
 const get_package_manager_1 = require("../get-package-manager");

package/dist/preview-server/routes/save-sequence-props.d.ts

@@ -0,0 +1,3 @@
+import type { SaveSequencePropsRequest, SaveSequencePropsResponse } from '@remotion/studio-shared';
+import type { ApiHandler } from '../api-types';
+export declare const saveSequencePropsHandler: ApiHandler<SaveSequencePropsRequest, SaveSequencePropsResponse>;

package/dist/preview-server/routes/save-sequence-props.js

@@ -0,0 +1,37 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.saveSequencePropsHandler = void 0;
+const node_fs_1 = require("node:fs");
+const node_path_1 = __importDefault(require("node:path"));
+const update_sequence_props_1 = require("../../codemods/update-sequence-props");
+const saveSequencePropsHandler = async ({ input: { fileName, line, column: _column, key, value, enumPaths }, remotionRoot, }) => {
+    try {
+        const absolutePath = node_path_1.default.resolve(remotionRoot, fileName);
+        const fileRelativeToRoot = node_path_1.default.relative(remotionRoot, absolutePath);
+        if (fileRelativeToRoot.startsWith('..')) {
+            throw new Error('Cannot modify a file outside the project');
+        }
+        const fileContents = (0, node_fs_1.readFileSync)(absolutePath, 'utf-8');
+        const updated = await (0, update_sequence_props_1.updateSequenceProps)({
+            input: fileContents,
+            targetLine: line,
+            key,
+            value: JSON.parse(value),
+            enumPaths,
+        });
+        (0, node_fs_1.writeFileSync)(absolutePath, updated);
+        return {
+            success: true,
+        };
+    }
+    catch (err) {
+        return {
+            success: false,
+            reason: err.message,
+        };
+    }
+};
+exports.saveSequencePropsHandler = saveSequencePropsHandler;

package/dist/preview-server/serve-static.js

@@ -8,8 +8,8 @@
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.serveStatic = void 0;
-const renderer_1 = require("@remotion/renderer");
 const node_fs_1 = require("node:fs");
+const renderer_1 = require("@remotion/renderer");
 const middleware_1 = require("./dev-middleware/middleware");
 const range_parser_1 = require("./dev-middleware/range-parser");
 const serveStatic = async function ({ root, path, req, res, allowOutsidePublicFolder, }) {

package/dist/preview-server/start-server.d.ts

@@ -23,6 +23,7 @@ export declare const startServer: (options: {
     remotionRoot: string;
     keyboardShortcutsEnabled: boolean;
     experimentalClientSideRenderingEnabled: boolean;
+    experimentalVisualModeEnabled: boolean;
     publicDir: string;
     poll: number | null;
     staticHash: string;

package/dist/preview-server/start-server.js

@@ -4,9 +4,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.startServer = void 0;
+const node_http_1 = __importDefault(require("node:http"));
 const bundler_1 = require("@remotion/bundler");
 const renderer_1 = require("@remotion/renderer");
-const node_http_1 = __importDefault(require("node:http"));
 const detect_remotion_server_1 = require("../detect-remotion-server");
 const routes_1 = require("../routes");
 const dev_middleware_1 = require("./dev-middleware");
@@ -36,6 +36,7 @@ const startServer = async (options) => {
         remotionRoot: options.remotionRoot,
         keyboardShortcutsEnabled: options.keyboardShortcutsEnabled,
         experimentalClientSideRenderingEnabled: options.experimentalClientSideRenderingEnabled,
+        experimentalVisualModeEnabled: options.experimentalVisualModeEnabled,
         poll: options.poll,
         bufferStateDelayInMilliseconds: options.bufferStateDelayInMilliseconds,
         askAIEnabled: options.askAIEnabled,

package/dist/routes.d.ts

@@ -1,5 +1,5 @@
-import type { GitSource, RenderDefaults, RenderJob } from '@remotion/studio-shared';
 import type { IncomingMessage, ServerResponse } from 'node:http';
+import type { GitSource, RenderDefaults, RenderJob } from '@remotion/studio-shared';
 import type { QueueMethods } from './preview-server/api-types';
 import type { LiveEventsServer } from './preview-server/live-events';
 export declare const handleRoutes: ({ staticHash, staticHashPrefix, outputHash, outputHashPrefix, request, response, liveEventsServer, getCurrentInputProps, getEnvVariables, remotionRoot, entryPoint, publicDir, logLevel, getRenderQueue, getRenderDefaults, numberOfAudioTags, queueMethods: methods, gitSource, binariesDirectory, audioLatencyHint, enableCrossSiteIsolation, }: {

package/dist/routes.js

@@ -34,12 +34,12 @@ var __importStar = (this && this.__importStar) || (function () {
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.handleRoutes = void 0;
-const bundler_1 = require("@remotion/bundler");
-const studio_shared_1 = require("@remotion/studio-shared");
 const fs_1 = __importStar(require("fs"));
 const node_fs_1 = require("node:fs");
 const node_path_1 = __importStar(require("node:path"));
 const node_url_1 = require("node:url");
+const bundler_1 = require("@remotion/bundler");
+const studio_shared_1 = require("@remotion/studio-shared");
 const client_render_queue_1 = require("./client-render-queue");
 const get_file_source_1 = require("./helpers/get-file-source");
 const get_installed_installable_packages_1 = require("./helpers/get-installed-installable-packages");

package/dist/start-studio.d.ts

@@ -6,7 +6,7 @@ export type StartStudioResult = {
 } | {
     type: 'already-running';
 };
-export declare const startStudio: ({ browserArgs, browserFlag, shouldOpenBrowser, fullEntryPath, logLevel, getCurrentInputProps, getEnvVariables, desiredPort, maxTimelineTracks, remotionRoot, keyboardShortcutsEnabled, experimentalClientSideRenderingEnabled, relativePublicDir, webpackOverride, poll, getRenderDefaults, getRenderQueue, numberOfAudioTags, queueMethods, previewEntry, gitSource, bufferStateDelayInMilliseconds, binariesDirectory, forceIPv4, audioLatencyHint, enableCrossSiteIsolation, askAIEnabled, forceNew, rspack, }: {
+export declare const startStudio: ({ browserArgs, browserFlag, shouldOpenBrowser, fullEntryPath, logLevel, getCurrentInputProps, getEnvVariables, desiredPort, maxTimelineTracks, remotionRoot, keyboardShortcutsEnabled, experimentalClientSideRenderingEnabled, experimentalVisualModeEnabled, relativePublicDir, webpackOverride, poll, getRenderDefaults, getRenderQueue, numberOfAudioTags, queueMethods, previewEntry, gitSource, bufferStateDelayInMilliseconds, binariesDirectory, forceIPv4, audioLatencyHint, enableCrossSiteIsolation, askAIEnabled, forceNew, rspack, }: {
     browserArgs: string;
     browserFlag: string;
     logLevel: "error" | "info" | "trace" | "verbose" | "warn";
@@ -20,6 +20,7 @@ export declare const startStudio: ({ browserArgs, browserFlag, shouldOpenBrowser
     remotionRoot: string;
     keyboardShortcutsEnabled: boolean;
     experimentalClientSideRenderingEnabled: boolean;
+    experimentalVisualModeEnabled: boolean;
     relativePublicDir: string | null;
     webpackOverride: WebpackOverrideFn;
     poll: number | null;

package/dist/start-studio.js

@@ -4,10 +4,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.startStudio = void 0;
-const renderer_1 = require("@remotion/renderer");
 const node_crypto_1 = __importDefault(require("node:crypto"));
 const node_fs_1 = require("node:fs");
 const node_path_1 = __importDefault(require("node:path"));
+const renderer_1 = require("@remotion/renderer");
 const get_network_address_1 = require("./get-network-address");
 const maybe_open_browser_1 = require("./maybe-open-browser");
 const close_and_restart_1 = require("./preview-server/close-and-restart");
@@ -17,7 +17,7 @@ const public_folder_1 = require("./preview-server/public-folder");
 const start_server_1 = require("./preview-server/start-server");
 const server_ready_1 = require("./server-ready");
 const watch_root_file_1 = require("./watch-root-file");
-const startStudio = async ({ browserArgs, browserFlag, shouldOpenBrowser, fullEntryPath, logLevel, getCurrentInputProps, getEnvVariables, desiredPort, maxTimelineTracks, remotionRoot, keyboardShortcutsEnabled, experimentalClientSideRenderingEnabled, relativePublicDir, webpackOverride, poll, getRenderDefaults, getRenderQueue, numberOfAudioTags, queueMethods, previewEntry, gitSource, bufferStateDelayInMilliseconds, binariesDirectory, forceIPv4, audioLatencyHint, enableCrossSiteIsolation, askAIEnabled, forceNew, rspack, }) => {
+const startStudio = async ({ browserArgs, browserFlag, shouldOpenBrowser, fullEntryPath, logLevel, getCurrentInputProps, getEnvVariables, desiredPort, maxTimelineTracks, remotionRoot, keyboardShortcutsEnabled, experimentalClientSideRenderingEnabled, experimentalVisualModeEnabled, relativePublicDir, webpackOverride, poll, getRenderDefaults, getRenderQueue, numberOfAudioTags, queueMethods, previewEntry, gitSource, bufferStateDelayInMilliseconds, binariesDirectory, forceIPv4, audioLatencyHint, enableCrossSiteIsolation, askAIEnabled, forceNew, rspack, }) => {
     try {
         if (typeof Bun === 'undefined') {
             process.title = 'node (npx remotion studio)';
@@ -69,6 +69,7 @@ const startStudio = async ({ browserArgs, browserFlag, shouldOpenBrowser, fullEn
         remotionRoot,
         keyboardShortcutsEnabled,
         experimentalClientSideRenderingEnabled,
+        experimentalVisualModeEnabled,
         publicDir,
         webpackOverride,
         poll,

package/package.json

@@ -3,14 +3,14 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/studio-server"
 	},
 	"name": "@remotion/studio-server",
-	"version": "4.0.427",
+	"version": "4.0.429",
 	"description": "Run a Remotion Studio with a server backend",
 	"main": "dist",
 	"sideEffects": false,
 	"scripts": {
 		"lint": "eslint src",
 		"test": "bun test src",
-		"formatting": "prettier src --check",
+		"formatting": "oxfmt src --check",
 		"make": "tsgo -d"
 	},
 	"author": "Jonny Burger <jonny@remotion.dev>",
@@ -25,11 +25,12 @@
 	"dependencies": {
 		"@babel/parser": "7.24.1",
 		"semver": "7.5.3",
-		"remotion": "4.0.427",
+		"prettier": "3.8.1",
+		"remotion": "4.0.429",
 		"recast": "0.23.11",
-		"@remotion/bundler": "4.0.427",
-		"@remotion/renderer": "4.0.427",
-		"@remotion/studio-shared": "4.0.427",
+		"@remotion/bundler": "4.0.429",
+		"@remotion/renderer": "4.0.429",
+		"@remotion/studio-shared": "4.0.429",
 		"memfs": "3.4.3",
 		"source-map": "0.7.3",
 		"open": "^8.4.2"
@@ -39,7 +40,7 @@
 		"react": "19.2.3",
 		"@babel/types": "7.24.0",
 		"@types/semver": "^7.3.4",
-		"@remotion/eslint-config-internal": "4.0.427",
+		"@remotion/eslint-config-internal": "4.0.429",
 		"eslint": "9.19.0",
 		"@types/node": "20.12.14",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"

package/dist/preview-server/__tests__/multiple-lockfiles.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/preview-server/__tests__/multiple-lockfiles.test.js

@@ -1,37 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const bun_test_1 = require("bun:test");
-const node_fs_1 = __importDefault(require("node:fs"));
-const node_os_1 = __importDefault(require("node:os"));
-const node_path_1 = __importDefault(require("node:path"));
-const get_package_manager_1 = require("../get-package-manager");
-(0, bun_test_1.describe)('getPackageManager multiple lockfiles', () => {
-    let tempDir;
-    (0, bun_test_1.beforeEach)(() => {
-        tempDir = node_fs_1.default.mkdtempSync(node_path_1.default.join(node_os_1.default.tmpdir(), 'remotion-test-'));
-    });
-    (0, bun_test_1.afterEach)(() => {
-        node_fs_1.default.rmSync(tempDir, { recursive: true, force: true });
-    });
-    (0, bun_test_1.test)('should not throw error when multiple lockfiles are detected', () => {
-        node_fs_1.default.writeFileSync(node_path_1.default.join(tempDir, 'package-lock.json'), '{}');
-        node_fs_1.default.writeFileSync(node_path_1.default.join(tempDir, 'bun.lock'), '');
-        // Should not throw
-        const manager = (0, get_package_manager_1.getPackageManager)(tempDir, undefined, 0);
-        // Should return one of them (usually the first one in the list, which is npm)
-        (0, bun_test_1.expect)(manager).not.toBe('unknown');
-        if (typeof manager !== 'string') {
-            (0, bun_test_1.expect)(['npm', 'bun']).toContain(manager.manager);
-        }
-    });
-    (0, bun_test_1.test)('should return npm if only package-lock.json exists', () => {
-        node_fs_1.default.writeFileSync(node_path_1.default.join(tempDir, 'package-lock.json'), '{}');
-        const manager = (0, get_package_manager_1.getPackageManager)(tempDir, undefined, 0);
-        if (typeof manager !== 'string') {
-            (0, bun_test_1.expect)(manager.manager).toBe('npm');
-        }
-    });
-});