@remotion/studio-server 4.0.444 → 4.0.446

package/dist/client-render-queue.js

@@ -26,6 +26,7 @@ const addCompletedClientRender = ({ render, remotionRoot, }) => {
     const filePath = (0, resolve_output_path_1.resolveOutputPath)(remotionRoot, render.outName);
     const { unwatch } = (0, file_watcher_1.installFileWatcher)({
         file: filePath,
+        existenceOnly: true,
         onChange: (event) => {
             if (event.type === 'created' || event.type === 'deleted') {
                 updateCompletedClientRender(render.id, {

package/dist/codemods/delete-jsx-node.js

@@ -35,6 +35,8 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.deleteJsxNode = exports.deleteJsxElementAtPath = exports.findJsxElementPathForDeletion = exports.getJsxElementTagLabel = void 0;
 const recast = __importStar(require("recast"));
+const get_ast_node_path_1 = require("../helpers/get-ast-node-path");
+const format_file_content_1 = require("./format-file-content");
 const parse_ast_1 = require("./parse-ast");
 const { builders: b, namedTypes } = recast.types;
 /** Recast `builders.nullLiteral()` is typed against ast-types; normalize to Babel `Expression`. */
@@ -63,12 +65,9 @@ const getJsxElementTagLabel = (element) => {
 };
 exports.getJsxElementTagLabel = getJsxElementTagLabel;
 const findJsxElementPathForDeletion = (ast, nodePath) => {
-    let current = new recast.types.NodePath(ast);
-    for (const segment of nodePath) {
-        current = current.get(segment);
-        if (current.value === null || current.value === undefined) {
-            return null;
-        }
+    const current = (0, get_ast_node_path_1.getAstNodePath)(ast, nodePath);
+    if (!current) {
+        return null;
     }
     if (namedTypes.JSXOpeningElement.check(current.value)) {
         const parent = current.parentPath;
@@ -301,52 +300,13 @@ const deleteJsxNode = async ({ input, nodePath, prettierConfigOverride, }) => {
     const logLine = (_d = (_c = (_a = jsxElement.openingElement.loc) === null || _a === void 0 ? void 0 : _a.start.line) !== null && _c !== void 0 ? _c : (_b = jsxElement.loc) === null || _b === void 0 ? void 0 : _b.start.line) !== null && _d !== void 0 ? _d : 1;
     (0, exports.deleteJsxElementAtPath)(jsxPath);
     const finalFile = (0, parse_ast_1.serializeAst)(ast);
-    let prettier = null;
-    try {
-        prettier = await Promise.resolve().then(() => __importStar(require('prettier')));
-    }
-    catch (_e) {
-        return {
-            output: finalFile,
-            formatted: false,
-            nodeLabel,
-            logLine,
-        };
-    }
-    const { format, resolveConfig, resolveConfigFile } = prettier;
-    let prettierConfig;
-    if (prettierConfigOverride !== undefined) {
-        prettierConfig = prettierConfigOverride;
-    }
-    else {
-        const configFilePath = await resolveConfigFile();
-        if (!configFilePath) {
-            return {
-                output: finalFile,
-                formatted: false,
-                nodeLabel,
-                logLine,
-            };
-        }
-        prettierConfig = await resolveConfig(configFilePath);
-    }
-    if (!prettierConfig) {
-        return {
-            output: finalFile,
-            formatted: false,
-            nodeLabel,
-            logLine,
-        };
-    }
-    const prettified = await format(finalFile, {
-        ...prettierConfig,
-        filepath: 'test.tsx',
-        plugins: [],
-        endOfLine: 'lf',
+    const { output, formatted } = await (0, format_file_content_1.formatFileContent)({
+        input: finalFile,
+        prettierConfigOverride,
     });
     return {
-        output: prettified,
-        formatted: true,
+        output,
+        formatted,
         nodeLabel,
         logLine,
     };

package/dist/codemods/duplicate-jsx-node.d.ts

@@ -0,0 +1,12 @@
+import type { SequenceNodePath } from '@remotion/studio-shared';
+export declare const duplicateJsxElementAtPath: (jsxPath: import("ast-types/lib/node-path").NodePath<N, V>) => void;
+export declare const duplicateJsxNode: ({ input, nodePath, prettierConfigOverride, }: {
+    input: string;
+    nodePath: SequenceNodePath;
+    prettierConfigOverride?: Record<string, unknown> | null | undefined;
+}) => Promise<{
+    output: string;
+    formatted: boolean;
+    nodeLabel: string;
+    logLine: number;
+}>;

package/dist/codemods/duplicate-jsx-node.js

@@ -0,0 +1,311 @@
+"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.duplicateJsxNode = exports.duplicateJsxElementAtPath = void 0;
+const types_1 = require("@babel/types");
+const recast = __importStar(require("recast"));
+const delete_jsx_node_1 = require("./delete-jsx-node");
+const format_file_content_1 = require("./format-file-content");
+const parse_ast_1 = require("./parse-ast");
+const { namedTypes } = recast.types;
+const makeFragment = (first, second) => ({
+    type: 'JSXFragment',
+    openingFragment: { type: 'JSXOpeningFragment' },
+    closingFragment: { type: 'JSXClosingFragment' },
+    children: [first, second],
+});
+const uniquifyNamePropOnClone = (clone) => {
+    for (const attr of clone.openingElement.attributes) {
+        if (attr.type !== 'JSXAttribute' || attr.name.type !== 'JSXIdentifier') {
+            continue;
+        }
+        if (attr.name.name !== 'name') {
+            continue;
+        }
+        if (!attr.value) {
+            continue;
+        }
+        if (attr.value.type === 'StringLiteral') {
+            attr.value.value = `${attr.value.value}-copy`;
+            return;
+        }
+        if (attr.value.type === 'JSXExpressionContainer' &&
+            attr.value.expression.type === 'StringLiteral') {
+            attr.value.expression.value = `${attr.value.expression.value}-copy`;
+            return;
+        }
+    }
+};
+const duplicateInLogicalExpression = (parent, node, clone) => {
+    const frag = makeFragment(node, clone);
+    if (parent.left === node) {
+        parent.left = frag;
+        return true;
+    }
+    if (parent.right === node) {
+        parent.right = frag;
+        return true;
+    }
+    return false;
+};
+const duplicateInConditionalExpression = (parent, node, clone) => {
+    const frag = makeFragment(node, clone);
+    if (parent.consequent === node) {
+        parent.consequent = frag;
+        return true;
+    }
+    if (parent.alternate === node) {
+        parent.alternate = frag;
+        return true;
+    }
+    return false;
+};
+const duplicateInArrowFunctionExpression = (parent, node, clone) => {
+    const frag = makeFragment(node, clone);
+    if (parent.body === node) {
+        parent.body = frag;
+        return true;
+    }
+    return false;
+};
+const duplicateInReturnStatement = (parent, node, clone) => {
+    const frag = makeFragment(node, clone);
+    if (parent.argument === node) {
+        parent.argument = frag;
+        return true;
+    }
+    return false;
+};
+const duplicateInCallExpression = (parent, node, clone) => {
+    const idx = parent.arguments.indexOf(node);
+    if (idx !== -1) {
+        parent.arguments.splice(idx + 1, 0, clone);
+        return true;
+    }
+    return false;
+};
+const duplicateInOptionalCallExpression = (parent, node, clone) => {
+    const idx = parent.arguments.indexOf(node);
+    if (idx !== -1) {
+        parent.arguments.splice(idx + 1, 0, clone);
+        return true;
+    }
+    return false;
+};
+const duplicateInArrayExpression = (parent, node, clone) => {
+    const idx = parent.elements.indexOf(node);
+    if (idx !== -1) {
+        parent.elements.splice(idx + 1, 0, clone);
+        return true;
+    }
+    return false;
+};
+const duplicateInAssignmentExpression = (parent, node, clone) => {
+    const frag = makeFragment(node, clone);
+    if (parent.right === node) {
+        parent.right = frag;
+        return true;
+    }
+    return false;
+};
+const duplicateInVariableDeclarator = (parent, node, clone) => {
+    const frag = makeFragment(node, clone);
+    if (parent.init === node) {
+        parent.init = frag;
+        return true;
+    }
+    return false;
+};
+const duplicateInExportDefaultDeclaration = (parent, node, clone) => {
+    const frag = makeFragment(node, clone);
+    if (parent.declaration === node) {
+        parent.declaration =
+            frag;
+        return true;
+    }
+    return false;
+};
+const duplicateInSequenceExpression = (parent, node, clone) => {
+    const idx = parent.expressions.indexOf(node);
+    if (idx !== -1) {
+        parent.expressions.splice(idx + 1, 0, clone);
+        return true;
+    }
+    return false;
+};
+const duplicateInNewExpression = (parent, node, clone) => {
+    const idx = parent.arguments.indexOf(node);
+    if (idx !== -1) {
+        parent.arguments.splice(idx + 1, 0, clone);
+        return true;
+    }
+    return false;
+};
+const duplicateInExpressionStatement = (parent, node, clone) => {
+    const frag = makeFragment(node, clone);
+    if (parent.expression === node) {
+        parent.expression = frag;
+        return true;
+    }
+    return false;
+};
+const duplicateInParenthesizedExpression = (parent, node, clone) => {
+    const frag = makeFragment(node, clone);
+    if (parent.expression === node) {
+        parent.expression = frag;
+        return true;
+    }
+    return false;
+};
+const duplicateInJSXExpressionContainer = (parent, node, clone) => {
+    const frag = makeFragment(node, clone);
+    if (parent.expression === node) {
+        parent.expression = frag;
+        return true;
+    }
+    return false;
+};
+const duplicateInTSAsExpression = (parent, node, clone) => {
+    const frag = makeFragment(node, clone);
+    if (parent.expression === node) {
+        parent.expression = frag;
+        return true;
+    }
+    return false;
+};
+const duplicateInJSXParentChildren = (parent, node, clone) => {
+    const idx = parent.children.indexOf(node);
+    if (idx !== -1) {
+        parent.children.splice(idx + 1, 0, clone);
+        return true;
+    }
+    return false;
+};
+const insertDuplicateForParent = (parentNode, node, clone) => {
+    if (namedTypes.LogicalExpression.check(parentNode)) {
+        return duplicateInLogicalExpression(parentNode, node, clone);
+    }
+    if (namedTypes.ConditionalExpression.check(parentNode)) {
+        return duplicateInConditionalExpression(parentNode, node, clone);
+    }
+    if (namedTypes.ArrowFunctionExpression.check(parentNode)) {
+        return duplicateInArrowFunctionExpression(parentNode, node, clone);
+    }
+    if (namedTypes.ReturnStatement.check(parentNode)) {
+        return duplicateInReturnStatement(parentNode, node, clone);
+    }
+    if (namedTypes.CallExpression.check(parentNode)) {
+        return duplicateInCallExpression(parentNode, node, clone);
+    }
+    if (parentNode.type === 'OptionalCallExpression') {
+        return duplicateInOptionalCallExpression(parentNode, node, clone);
+    }
+    if (namedTypes.ArrayExpression.check(parentNode)) {
+        return duplicateInArrayExpression(parentNode, node, clone);
+    }
+    if (namedTypes.AssignmentExpression.check(parentNode)) {
+        return duplicateInAssignmentExpression(parentNode, node, clone);
+    }
+    if (namedTypes.VariableDeclarator.check(parentNode)) {
+        return duplicateInVariableDeclarator(parentNode, node, clone);
+    }
+    if (namedTypes.ExportDefaultDeclaration.check(parentNode)) {
+        return duplicateInExportDefaultDeclaration(parentNode, node, clone);
+    }
+    if (namedTypes.SequenceExpression.check(parentNode)) {
+        return duplicateInSequenceExpression(parentNode, node, clone);
+    }
+    if (namedTypes.NewExpression.check(parentNode)) {
+        return duplicateInNewExpression(parentNode, node, clone);
+    }
+    if (namedTypes.ExpressionStatement.check(parentNode)) {
+        return duplicateInExpressionStatement(parentNode, node, clone);
+    }
+    if (namedTypes.ParenthesizedExpression.check(parentNode)) {
+        return duplicateInParenthesizedExpression(parentNode, node, clone);
+    }
+    if (namedTypes.JSXExpressionContainer.check(parentNode)) {
+        return duplicateInJSXExpressionContainer(parentNode, node, clone);
+    }
+    if (namedTypes.TSAsExpression.check(parentNode)) {
+        return duplicateInTSAsExpression(parentNode, node, clone);
+    }
+    if (namedTypes.JSXElement.check(parentNode)) {
+        return duplicateInJSXParentChildren(parentNode, node, clone);
+    }
+    if (namedTypes.JSXFragment.check(parentNode)) {
+        return duplicateInJSXParentChildren(parentNode, node, clone);
+    }
+    return false;
+};
+const duplicateJsxElementAtPath = (jsxPath) => {
+    const { node, parentPath } = jsxPath;
+    if (!parentPath) {
+        throw new Error('Cannot duplicate JSX element with no parent');
+    }
+    const jsxNode = node;
+    const clone = (0, types_1.cloneNode)(jsxNode, true);
+    uniquifyNamePropOnClone(clone);
+    if (insertDuplicateForParent(parentPath.node, jsxNode, clone)) {
+        return;
+    }
+    jsxPath.replace(makeFragment(jsxNode, clone));
+};
+exports.duplicateJsxElementAtPath = duplicateJsxElementAtPath;
+const duplicateJsxNode = async ({ input, nodePath, prettierConfigOverride, }) => {
+    var _a, _b;
+    var _c, _d;
+    const ast = (0, parse_ast_1.parseAst)(input);
+    const jsxPath = (0, delete_jsx_node_1.findJsxElementPathForDeletion)(ast, nodePath);
+    if (!jsxPath) {
+        throw new Error('Could not find a JSX element at the specified location to duplicate');
+    }
+    const jsxElement = jsxPath.node;
+    const nodeLabel = (0, delete_jsx_node_1.getJsxElementTagLabel)(jsxElement);
+    const logLine = (_d = (_c = (_a = jsxElement.openingElement.loc) === null || _a === void 0 ? void 0 : _a.start.line) !== null && _c !== void 0 ? _c : (_b = jsxElement.loc) === null || _b === void 0 ? void 0 : _b.start.line) !== null && _d !== void 0 ? _d : 1;
+    (0, exports.duplicateJsxElementAtPath)(jsxPath);
+    const finalFile = (0, parse_ast_1.serializeAst)(ast);
+    const { output, formatted } = await (0, format_file_content_1.formatFileContent)({
+        input: finalFile,
+        prettierConfigOverride,
+    });
+    return {
+        output,
+        formatted,
+        nodeLabel,
+        logLine,
+    };
+};
+exports.duplicateJsxNode = duplicateJsxNode;

package/dist/codemods/format-file-content.d.ts

@@ -0,0 +1,7 @@
+export declare const formatFileContent: ({ input, prettierConfigOverride, }: {
+    input: string;
+    prettierConfigOverride?: Record<string, unknown> | null | undefined;
+}) => Promise<{
+    output: string;
+    formatted: boolean;
+}>;

package/dist/codemods/format-file-content.js

@@ -0,0 +1,80 @@
+"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.formatFileContent = void 0;
+const formatFileContent = async ({ input, prettierConfigOverride, }) => {
+    let prettier = null;
+    try {
+        prettier = await Promise.resolve().then(() => __importStar(require('prettier')));
+    }
+    catch (_a) {
+        return {
+            output: input,
+            formatted: false,
+        };
+    }
+    const { format, resolveConfig, resolveConfigFile } = prettier;
+    let prettierConfig;
+    if (prettierConfigOverride !== undefined) {
+        prettierConfig = prettierConfigOverride;
+    }
+    else {
+        const configFilePath = await resolveConfigFile();
+        if (!configFilePath) {
+            return {
+                output: input,
+                formatted: false,
+            };
+        }
+        prettierConfig = await resolveConfig(configFilePath);
+    }
+    if (!prettierConfig) {
+        return {
+            output: input,
+            formatted: false,
+        };
+    }
+    const prettified = await format(input, {
+        ...prettierConfig,
+        filepath: 'test.tsx',
+        plugins: [],
+        endOfLine: 'lf',
+    });
+    return {
+        output: prettified,
+        formatted: true,
+    };
+};
+exports.formatFileContent = formatFileContent;

package/dist/codemods/jsx-sequence-context.d.ts

@@ -0,0 +1,11 @@
+import type { Expression, File } from '@babel/types';
+import type { SequenceNodePath } from '@remotion/studio-shared';
+/**
+ * Whether the callee is a `.map(...)` member call (including optional `?.map`).
+ */
+export declare const isMapCallee: (callee: Expression) => boolean;
+/**
+ * True when the JSX element at `nodePath` is defined inside a `.map()` callback
+ * (array iteration). Used to flag duplicate / edit behavior for list-driven JSX.
+ */
+export declare const isJsxUnderMapCallback: (ast: File, nodePath: SequenceNodePath) => boolean;

package/dist/codemods/jsx-sequence-context.js

@@ -0,0 +1,68 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isJsxUnderMapCallback = exports.isMapCallee = void 0;
+const delete_jsx_node_1 = require("./delete-jsx-node");
+const unwrapExpression = (expr) => {
+    if (expr.type === 'TSAsExpression') {
+        return unwrapExpression(expr.expression);
+    }
+    if (expr.type === 'ParenthesizedExpression') {
+        return unwrapExpression(expr.expression);
+    }
+    return expr;
+};
+/**
+ * Whether the callee is a `.map(...)` member call (including optional `?.map`).
+ */
+const isMapCallee = (callee) => {
+    const c = unwrapExpression(callee);
+    if (c.type === 'MemberExpression') {
+        if (c.computed) {
+            return c.property.type === 'StringLiteral' && c.property.value === 'map';
+        }
+        return c.property.type === 'Identifier' && c.property.name === 'map';
+    }
+    if (c.type === 'OptionalMemberExpression') {
+        if (c.computed) {
+            return c.property.type === 'StringLiteral' && c.property.value === 'map';
+        }
+        return c.property.type === 'Identifier' && c.property.name === 'map';
+    }
+    return false;
+};
+exports.isMapCallee = isMapCallee;
+/**
+ * True when the JSX element at `nodePath` is defined inside a `.map()` callback
+ * (array iteration). Used to flag duplicate / edit behavior for list-driven JSX.
+ */
+const isJsxUnderMapCallback = (ast, nodePath) => {
+    const jsxPath = (0, delete_jsx_node_1.findJsxElementPathForDeletion)(ast, nodePath);
+    if (!jsxPath) {
+        return false;
+    }
+    let path = jsxPath.parentPath;
+    while (path) {
+        const n = path.node;
+        if (n.type === 'ArrowFunctionExpression' ||
+            n.type === 'FunctionExpression') {
+            const outer = path.parentPath;
+            if ((outer === null || outer === void 0 ? void 0 : outer.node.type) === 'CallExpression') {
+                const call = outer.node;
+                if ((0, exports.isMapCallee)(call.callee) &&
+                    call.arguments.some((arg) => arg === n)) {
+                    return true;
+                }
+            }
+            if ((outer === null || outer === void 0 ? void 0 : outer.node.type) === 'OptionalCallExpression') {
+                const call = outer.node;
+                if ((0, exports.isMapCallee)(call.callee) &&
+                    call.arguments.some((arg) => arg === n)) {
+                    return true;
+                }
+            }
+        }
+        path = path.parentPath;
+    }
+    return false;
+};
+exports.isJsxUnderMapCallback = isJsxUnderMapCallback;

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

@@ -216,6 +216,7 @@ const getCompositionDefaultPropsLine = ({ input, compositionId, }) => {
             }
             found = true;
             line = (_e = (_d = (_b = openingElement.loc) === null || _b === void 0 ? void 0 : _b.start.line) !== null && _d !== void 0 ? _d : (_c = path.node.loc) === null || _c === void 0 ? void 0 : _c.start.line) !== null && _e !== void 0 ? _e : 1;
+            this.traverse(path);
         },
     });
     return line;

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

@@ -36,6 +36,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.updateSequenceProps = void 0;
 const recast = __importStar(require("recast"));
 const can_update_sequence_props_1 = require("../preview-server/routes/can-update-sequence-props");
+const format_file_content_1 = require("./format-file-content");
 const parse_ast_1 = require("./parse-ast");
 const update_nested_prop_1 = require("./update-nested-prop");
 const b = recast.types.builders;
@@ -114,53 +115,14 @@ const updateSequenceProps = async ({ input, nodePath, key, value, defaultValue,
         }
     }
     const finalFile = (0, parse_ast_1.serializeAst)(ast);
-    let prettier = null;
-    try {
-        prettier = await Promise.resolve().then(() => __importStar(require('prettier')));
-    }
-    catch (_e) {
-        return {
-            output: finalFile,
-            oldValueString,
-            formatted: false,
-            logLine,
-        };
-    }
-    const { format, resolveConfig, resolveConfigFile } = prettier;
-    let prettierConfig;
-    if (prettierConfigOverride !== undefined) {
-        prettierConfig = prettierConfigOverride;
-    }
-    else {
-        const configFilePath = await resolveConfigFile();
-        if (!configFilePath) {
-            return {
-                output: finalFile,
-                oldValueString,
-                formatted: false,
-                logLine,
-            };
-        }
-        prettierConfig = await resolveConfig(configFilePath);
-    }
-    if (!prettierConfig) {
-        return {
-            output: finalFile,
-            oldValueString,
-            formatted: false,
-            logLine,
-        };
-    }
-    const prettified = await format(finalFile, {
-        ...prettierConfig,
-        filepath: 'test.tsx',
-        plugins: [],
-        endOfLine: 'lf',
+    const { output, formatted } = await (0, format_file_content_1.formatFileContent)({
+        input: finalFile,
+        prettierConfigOverride,
     });
     return {
-        output: prettified,
+        output,
         oldValueString,
-        formatted: true,
+        formatted,
         logLine,
     };
 };

package/dist/file-watcher.d.ts

@@ -12,6 +12,13 @@ export type FileWatcherRegistry = {
     installFileWatcher: (options: {
         file: string;
         onChange: OnChange;
+        /**
+         * When true, only created/deleted events are emitted (no reads on change).
+         * Use for binary or very large files (e.g. render output) where subscribers
+         * only need to know whether the path exists.
+         * Pass false when subscribers need content (including `changed` events).
+         */
+        existenceOnly: boolean;
     }) => {
         exists: boolean;
         unwatch: () => void;

package/dist/file-watcher.js

@@ -35,10 +35,12 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.writeFileAndNotifyFileWatchers = exports.installFileWatcher = exports.getFileWatcherRegistry = exports.setFileWatcherRegistry = exports.createFileWatcherRegistry = void 0;
 const node_fs_1 = __importStar(require("node:fs"));
+const getRegistryKey = (file, existenceOnly) => existenceOnly ? `${file}\0existence-only` : file;
 const createFileWatcherRegistry = () => {
     const sharedWatchers = new Map();
-    const _installFileWatcher = ({ file, onChange, }) => {
-        const existing = sharedWatchers.get(file);
+    const _installFileWatcher = ({ file, onChange, existenceOnly, }) => {
+        const registryKey = getRegistryKey(file, existenceOnly);
+        const existing = sharedWatchers.get(registryKey);
         if (existing) {
             existing.subscribers.add(onChange);
             return {
@@ -47,7 +49,7 @@ const createFileWatcherRegistry = () => {
                     existing.subscribers.delete(onChange);
                     if (existing.subscribers.size === 0) {
                         existing.unwatch();
-                        sharedWatchers.delete(file);
+                        sharedWatchers.delete(registryKey);
                     }
                 },
             };
@@ -64,7 +66,17 @@ const createFileWatcherRegistry = () => {
         const listener = () => {
             const existsNow = node_fs_1.default.existsSync(file);
             let event = null;
-            if (!shared.existedBefore && existsNow) {
+            if (existenceOnly) {
+                if (!shared.existedBefore && existsNow) {
+                    shared.existedBefore = true;
+                    event = { type: 'created', content: '' };
+                }
+                else if (shared.existedBefore && !existsNow) {
+                    shared.existedBefore = false;
+                    event = { type: 'deleted' };
+                }
+            }
+            else if (!shared.existedBefore && existsNow) {
                 const content = (0, node_fs_1.readFileSync)(file, 'utf-8');
                 shared.existedBefore = true;
                 shared.lastKnownContent = content;
@@ -95,21 +107,21 @@ const createFileWatcherRegistry = () => {
             }
         };
         node_fs_1.default.watchFile(file, { interval: 100 }, listener);
-        sharedWatchers.set(file, shared);
+        sharedWatchers.set(registryKey, shared);
         return {
             exists: existedAtBeginning,
             unwatch: () => {
                 shared.subscribers.delete(onChange);
                 if (shared.subscribers.size === 0) {
                     shared.unwatch();
-                    sharedWatchers.delete(file);
+                    sharedWatchers.delete(registryKey);
                 }
             },
         };
     };
     const _writeFileAndNotifyFileWatchers = (file, content) => {
         (0, node_fs_1.writeFileSync)(file, content);
-        const shared = sharedWatchers.get(file);
+        const shared = sharedWatchers.get(getRegistryKey(file, false));
         if (!shared) {
             return;
         }

package/dist/helpers/get-ast-node-path.d.ts

@@ -0,0 +1,3 @@
+import type { File } from '@babel/types';
+import type { SequenceNodePath } from '@remotion/studio-shared';
+export declare const getAstNodePath: (ast: File, nodePath: SequenceNodePath) => import("ast-types/lib/node-path").NodePath<N, V> | null;

package/dist/helpers/get-ast-node-path.js

@@ -0,0 +1,48 @@
+"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.getAstNodePath = void 0;
+const recast = __importStar(require("recast"));
+const getAstNodePath = (ast, nodePath) => {
+    let current = new recast.types.NodePath(ast);
+    for (const segment of nodePath) {
+        current = current.get(segment);
+        if (current.value === null || current.value === undefined) {
+            return null;
+        }
+    }
+    return current;
+};
+exports.getAstNodePath = getAstNodePath;

package/dist/index.d.ts

@@ -59,6 +59,7 @@ export declare const StudioServerInternals: {
     installFileWatcher: (options: {
         file: string;
         onChange: (event: import("./file-watcher").FileChangeEvent) => void;
+        existenceOnly: boolean;
     }) => {
         exists: boolean;
         unwatch: () => void;

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

@@ -7,6 +7,7 @@ const apply_visual_control_change_1 = require("./routes/apply-visual-control-cha
 const cancel_render_1 = require("./routes/cancel-render");
 const delete_jsx_node_1 = require("./routes/delete-jsx-node");
 const delete_static_file_1 = require("./routes/delete-static-file");
+const duplicate_jsx_node_1 = require("./routes/duplicate-jsx-node");
 const install_dependency_1 = require("./routes/install-dependency");
 const open_in_file_explorer_1 = require("./routes/open-in-file-explorer");
 const project_info_1 = require("./routes/project-info");
@@ -39,6 +40,7 @@ exports.allApiRoutes = {
     '/api/unsubscribe-from-sequence-props': unsubscribe_from_sequence_props_1.unsubscribeFromSequenceProps,
     '/api/save-sequence-props': save_sequence_props_1.saveSequencePropsHandler,
     '/api/delete-jsx-node': delete_jsx_node_1.deleteJsxNodeHandler,
+    '/api/duplicate-jsx-node': duplicate_jsx_node_1.duplicateJsxNodeHandler,
     '/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/default-props-watchers.js

@@ -17,6 +17,7 @@ const ensureGlobalWatcher = (rootFile) => {
     }
     const { unwatch } = (0, file_watcher_1.installFileWatcher)({
         file: rootFile,
+        existenceOnly: false,
         onChange: (event) => {
             if (event.type === 'deleted') {
                 return;

package/dist/preview-server/file-existence-watchers.js

@@ -12,6 +12,7 @@ const subscribeToFileExistenceWatchers = ({ file: relativeFile, remotionRoot, cl
     const file = node_path_1.default.resolve(remotionRoot, relativeFile);
     const { unwatch, exists } = (0, file_watcher_1.installFileWatcher)({
         file,
+        existenceOnly: true,
         onChange: (event) => {
             if (event.type === 'created') {
                 (0, live_events_1.waitForLiveEventsListener)().then((listener) => {

package/dist/preview-server/get-static-file-fallback-hint.d.ts

@@ -0,0 +1,7 @@
+type GetStaticFileFallbackHintInput = {
+    method: string | undefined;
+    pathname: string;
+    publicDir: string;
+};
+export declare const getStaticFileFallbackHint: ({ method, pathname, publicDir, }: GetStaticFileFallbackHintInput) => string | null;
+export {};

package/dist/preview-server/get-static-file-fallback-hint.js

@@ -0,0 +1,43 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getStaticFileFallbackHint = void 0;
+const node_fs_1 = require("node:fs");
+const node_path_1 = __importDefault(require("node:path"));
+const getStaticFileFallbackHint = ({ method, pathname, publicDir, }) => {
+    if (method !== 'GET' && method !== 'HEAD') {
+        return null;
+    }
+    let normalizedPathname;
+    try {
+        normalizedPathname = decodeURIComponent(pathname);
+    }
+    catch (_a) {
+        return null;
+    }
+    if (normalizedPathname === '/' || !node_path_1.default.extname(normalizedPathname)) {
+        return null;
+    }
+    const relativePath = normalizedPathname.replace(/^\/+/, '');
+    if (!relativePath) {
+        return null;
+    }
+    const resolvedPublicDir = node_path_1.default.resolve(publicDir);
+    const filePath = node_path_1.default.resolve(publicDir, relativePath);
+    const relativeToPublicDir = node_path_1.default.relative(resolvedPublicDir, filePath);
+    try {
+        if (relativeToPublicDir.startsWith('..') ||
+            node_path_1.default.isAbsolute(relativeToPublicDir) ||
+            !(0, node_fs_1.existsSync)(filePath) ||
+            (0, node_fs_1.statSync)(filePath).isDirectory()) {
+            return null;
+        }
+    }
+    catch (_b) {
+        return null;
+    }
+    return relativePath;
+};
+exports.getStaticFileFallbackHint = getStaticFileFallbackHint;

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

@@ -40,7 +40,9 @@ exports.computeSequencePropsStatusByLine = exports.computeSequencePropsStatus =
 const node_fs_1 = require("node:fs");
 const node_path_1 = __importDefault(require("node:path"));
 const recast = __importStar(require("recast"));
+const jsx_sequence_context_1 = require("../../codemods/jsx-sequence-context");
 const parse_ast_1 = require("../../codemods/parse-ast");
+const get_ast_node_path_1 = require("../../helpers/get-ast-node-path");
 const isStaticValue = (node) => {
     switch (node.type) {
         case 'NumericLiteral':
@@ -172,12 +174,9 @@ recastPath) => {
     return segments;
 };
 const findJsxElementAtNodePath = (ast, nodePath) => {
-    let current = new recast.types.NodePath(ast);
-    for (const segment of nodePath) {
-        current = current.get(segment);
-        if (current.value === null || current.value === undefined) {
-            return null;
-        }
+    const current = (0, get_ast_node_path_1.getAstNodePath)(ast, nodePath);
+    if (!current) {
+        return null;
     }
     if (recast.types.namedTypes.JSXOpeningElement.check(current.value)) {
         return current.value;
@@ -273,6 +272,7 @@ const computeSequencePropsStatusFromContent = (fileContents, nodePath, keys) =>
         canUpdate: true,
         props: filteredProps,
         nodePath,
+        jsxInMapCallback: (0, jsx_sequence_context_1.isJsxUnderMapCallback)(ast, nodePath),
     };
 };
 exports.computeSequencePropsStatusFromContent = computeSequencePropsStatusFromContent;

package/dist/preview-server/routes/duplicate-jsx-node.d.ts

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

package/dist/preview-server/routes/duplicate-jsx-node.js

@@ -0,0 +1,66 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.duplicateJsxNodeHandler = void 0;
+const node_fs_1 = require("node:fs");
+const node_path_1 = __importDefault(require("node:path"));
+const renderer_1 = require("@remotion/renderer");
+const duplicate_jsx_node_1 = require("../../codemods/duplicate-jsx-node");
+const file_watcher_1 = require("../../file-watcher");
+const format_log_file_location_1 = require("../format-log-file-location");
+const undo_stack_1 = require("../undo-stack");
+const log_update_1 = require("./log-update");
+const duplicateJsxNodeHandler = async ({ input: { fileName, nodePath }, remotionRoot, logLevel }) => {
+    try {
+        renderer_1.RenderInternals.Log.trace({ indent: false, logLevel }, `[duplicate-jsx-node] Received request for fileName="${fileName}"`);
+        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 { output, formatted, nodeLabel, logLine } = await (0, duplicate_jsx_node_1.duplicateJsxNode)({
+            input: fileContents,
+            nodePath,
+        });
+        (0, undo_stack_1.pushToUndoStack)({
+            filePath: absolutePath,
+            oldContents: fileContents,
+            logLevel,
+            remotionRoot,
+            logLine,
+            description: {
+                undoMessage: `Undid duplication of ${nodeLabel}`,
+                redoMessage: `Redid duplication of ${nodeLabel}`,
+            },
+            entryType: 'duplicate-jsx-node',
+            suppressHmrOnFileRestore: false,
+        });
+        (0, undo_stack_1.suppressUndoStackInvalidation)(absolutePath);
+        (0, file_watcher_1.writeFileAndNotifyFileWatchers)(absolutePath, output);
+        const locationLabel = (0, format_log_file_location_1.formatLogFileLocation)({
+            remotionRoot,
+            absolutePath,
+            line: logLine,
+        });
+        renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, `${renderer_1.RenderInternals.chalk.blueBright(`${locationLabel}:`)} Duplicated ${nodeLabel}`);
+        if (!formatted) {
+            (0, log_update_1.warnAboutPrettierOnce)(logLevel);
+        }
+        renderer_1.RenderInternals.Log.verbose({ indent: false, logLevel }, `[duplicate-jsx-node] Wrote ${fileRelativeToRoot}${formatted ? ' (formatted)' : ''}`);
+        (0, undo_stack_1.printUndoHint)(logLevel);
+        return {
+            success: true,
+        };
+    }
+    catch (err) {
+        return {
+            success: false,
+            reason: err.message,
+            stack: err.stack,
+        };
+    }
+};
+exports.duplicateJsxNodeHandler = duplicateJsxNodeHandler;

package/dist/preview-server/sequence-props-watchers.js

@@ -61,6 +61,7 @@ const subscribeToSequencePropsWatchers = ({ fileName, line, column, keys, remoti
     }
     const { unwatch } = (0, file_watcher_1.installFileWatcher)({
         file: absolutePath,
+        existenceOnly: false,
         onChange: (event) => {
             if (event.type === 'deleted') {
                 return;

package/dist/preview-server/undo-stack.d.ts

@@ -3,7 +3,7 @@ export interface UndoEntryDescription {
     undoMessage: string;
     redoMessage: string;
 }
-type UndoEntryType = 'visual-control' | 'default-props' | 'sequence-props' | 'delete-jsx-node';
+type UndoEntryType = 'visual-control' | 'default-props' | 'sequence-props' | 'delete-jsx-node' | 'duplicate-jsx-node';
 type UndoEntry = {
     filePath: string;
     oldContents: string;
@@ -20,6 +20,8 @@ type UndoEntry = {
     entryType: 'sequence-props';
 } | {
     entryType: 'delete-jsx-node';
+} | {
+    entryType: 'duplicate-jsx-node';
 });
 export declare function pushToUndoStack({ filePath, oldContents, logLevel, remotionRoot, logLine, description, entryType, suppressHmrOnFileRestore }: {
     filePath: string;

package/dist/preview-server/undo-stack.js

@@ -87,6 +87,7 @@ function ensureWatching(filePath) {
     }
     const watcher = (0, file_watcher_1.installFileWatcher)({
         file: filePath,
+        existenceOnly: false,
         onChange: () => {
             var _a;
             const count = (_a = suppressedWrites.get(filePath)) !== null && _a !== void 0 ? _a : 0;

package/dist/routes.js

@@ -39,6 +39,7 @@ 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 renderer_1 = require("@remotion/renderer");
 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");
@@ -47,11 +48,13 @@ const open_in_editor_1 = require("./helpers/open-in-editor");
 const resolve_output_path_1 = require("./helpers/resolve-output-path");
 const api_routes_1 = require("./preview-server/api-routes");
 const get_package_manager_1 = require("./preview-server/get-package-manager");
+const get_static_file_fallback_hint_1 = require("./preview-server/get-static-file-fallback-hint");
 const handler_1 = require("./preview-server/handler");
 const parse_body_1 = require("./preview-server/parse-body");
 const public_folder_1 = require("./preview-server/public-folder");
 const serve_static_1 = require("./preview-server/serve-static");
 const editorGuess = (0, open_in_editor_1.guessEditor)();
+const loggedStaticFileHints = new Set();
 const static404 = (response) => {
     response.writeHead(404);
     response.end('The static/ prefix has been changed, this URL is no longer valid.');
@@ -75,7 +78,24 @@ const handleRemotionConfig = (response, remotionRoot) => {
     response.end(JSON.stringify(body));
     return Promise.resolve();
 };
-const handleFallback = async ({ remotionRoot, hash, response, getCurrentInputProps, getEnvVariables, publicDir, getRenderQueue, getRenderDefaults, numberOfAudioTags, audioLatencyHint, gitSource, logLevel, enableCrossSiteIsolation, }) => {
+const handleFallback = async ({ remotionRoot, hash, response, request, getCurrentInputProps, getEnvVariables, publicDir, getRenderQueue, getRenderDefaults, numberOfAudioTags, audioLatencyHint, gitSource, logLevel, enableCrossSiteIsolation, }) => {
+    const requestUrl = new URL(request.url, 'http://localhost');
+    const { pathname } = requestUrl;
+    const staticFileHint = (0, get_static_file_fallback_hint_1.getStaticFileFallbackHint)({
+        method: request.method,
+        pathname,
+        publicDir,
+    });
+    if (staticFileHint &&
+        pathname.includes('.') &&
+        !loggedStaticFileHints.has(staticFileHint)) {
+        loggedStaticFileHints.add(staticFileHint);
+        renderer_1.RenderInternals.Log.error({ indent: false, logLevel }, [
+            `"${pathname}" was requested but not found.`,
+            'To import assets from the public/ folder, you must wrap them in staticFile(): https://www.remotion.dev/docs/assets',
+            `Change \`"${pathname}"\` to \`staticFile("${pathname}")\` to fix the error.`,
+        ].join('\n'));
+    }
     const [edit] = await editorGuess;
     const displayName = (0, open_in_editor_1.getDisplayNameForEditor)(edit ? edit.command : null);
     response.setHeader('content-type', 'text/html');
@@ -406,6 +426,7 @@ const handleRoutes = ({ staticHash, staticHashPrefix, outputHash, outputHashPref
         remotionRoot,
         hash: staticHash,
         response,
+        request,
         getCurrentInputProps,
         getEnvVariables,
         publicDir,

package/dist/watch-root-file.js

@@ -11,6 +11,7 @@ const watchRootFile = async (remotionRoot, entryPoint) => {
     }
     (0, file_watcher_1.installFileWatcher)({
         file: rootFile.rootFile,
+        existenceOnly: false,
         onChange: () => {
             // Don't care if changed, added or deleted - should trigger a refetch in the frontend all the time
             (0, live_events_1.waitForLiveEventsListener)().then((listener) => {

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/studio-server"
 	},
 	"name": "@remotion/studio-server",
-	"version": "4.0.444",
+	"version": "4.0.446",
 	"description": "Run a Remotion Studio with a server backend",
 	"main": "dist",
 	"sideEffects": false,
@@ -24,14 +24,15 @@
 		"access": "public"
 	},
 	"dependencies": {
+		"@babel/types": "7.24.0",
 		"@babel/parser": "7.24.1",
 		"semver": "7.5.3",
 		"prettier": "3.8.1",
-		"remotion": "4.0.444",
+		"remotion": "4.0.446",
 		"recast": "0.23.11",
-		"@remotion/bundler": "4.0.444",
-		"@remotion/renderer": "4.0.444",
-		"@remotion/studio-shared": "4.0.444",
+		"@remotion/bundler": "4.0.446",
+		"@remotion/renderer": "4.0.446",
+		"@remotion/studio-shared": "4.0.446",
 		"memfs": "3.4.3",
 		"source-map": "0.7.3",
 		"open": "^8.4.2"
@@ -39,9 +40,8 @@
 	"devDependencies": {
 		"ast-types": "0.16.1",
 		"react": "19.2.3",
-		"@babel/types": "7.24.0",
 		"@types/semver": "^7.3.4",
-		"@remotion/eslint-config-internal": "4.0.444",
+		"@remotion/eslint-config-internal": "4.0.446",
 		"eslint": "9.19.0",
 		"@types/node": "20.12.14",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"