@remotion/studio-server 4.0.483 → 4.0.485

package/dist/preview-server/routes/add-effect.js

@@ -10,59 +10,62 @@ const format_log_file_location_1 = require("../format-log-file-location");
 const undo_stack_1 = require("../undo-stack");
 const formatting_1 = require("./log-updates/formatting");
 const log_update_1 = require("./log-updates/log-update");
-const addEffectHandler = async ({ input: { fileName, sequenceNodePath, effectName, effectImportPath, effectConfig, clientId, }, remotionRoot, logLevel, }) => {
-    try {
-        renderer_1.RenderInternals.Log.trace({ indent: false, logLevel }, `[add-effect] Received request for fileName="${fileName}" effect="${effectName}"`);
-        const { absolutePath, fileRelativeToRoot } = (0, resolve_file_inside_project_1.resolveFileInsideProject)({
-            remotionRoot,
-            fileName,
-            action: 'modify',
-        });
-        const fileContents = (0, node_fs_1.readFileSync)(absolutePath, 'utf-8');
-        const { output, formatted, effectLabel, nodeLabel, logLine } = await (0, add_effect_1.addEffect)({
-            input: fileContents,
-            sequenceNodePath: sequenceNodePath.nodePath,
-            effectName,
-            effectImportPath,
-            effectConfig,
-        });
-        (0, undo_stack_1.pushToUndoStack)({
-            filePath: absolutePath,
-            oldContents: fileContents,
-            newContents: null,
-            logLevel,
-            remotionRoot,
-            logLine,
-            description: {
-                undoMessage: `↩️  Addition of ${effectLabel} to ${nodeLabel}`,
-                redoMessage: `↪️  Addition of ${effectLabel} to ${nodeLabel}`,
-            },
-            entryType: 'add-effect',
-            suppressHmrOnFileRestore: false,
-        });
-        (0, undo_stack_1.suppressUndoStackInvalidation)(absolutePath);
-        (0, file_watcher_1.writeFileAndNotifyFileWatchers)(absolutePath, output, clientId);
-        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}`)} Added ${(0, formatting_1.attrName)(effectLabel)} to ${nodeLabel}`);
-        if (!formatted) {
-            (0, log_update_1.warnAboutPrettierOnce)(logLevel);
+const source_file_write_queue_1 = require("./source-file-write-queue");
+const addEffectHandler = ({ input: { fileName, sequenceNodePath, effectName, effectImportPath, effectConfig, clientId, }, remotionRoot, logLevel, }) => {
+    return (0, source_file_write_queue_1.withSourceFileWriteQueue)(async () => {
+        try {
+            renderer_1.RenderInternals.Log.trace({ indent: false, logLevel }, `[add-effect] Received request for fileName="${fileName}" effect="${effectName}"`);
+            const { absolutePath, fileRelativeToRoot } = (0, resolve_file_inside_project_1.resolveFileInsideProject)({
+                remotionRoot,
+                fileName,
+                action: 'modify',
+            });
+            const fileContents = (0, node_fs_1.readFileSync)(absolutePath, 'utf-8');
+            const { output, formatted, effectLabel, nodeLabel, logLine } = await (0, add_effect_1.addEffect)({
+                input: fileContents,
+                sequenceNodePath: sequenceNodePath.nodePath,
+                effectName,
+                effectImportPath,
+                effectConfig,
+            });
+            (0, undo_stack_1.pushToUndoStack)({
+                filePath: absolutePath,
+                oldContents: fileContents,
+                newContents: null,
+                logLevel,
+                remotionRoot,
+                logLine,
+                description: {
+                    undoMessage: `↩️  Addition of ${effectLabel} to ${nodeLabel}`,
+                    redoMessage: `↪️  Addition of ${effectLabel} to ${nodeLabel}`,
+                },
+                entryType: 'add-effect',
+                suppressHmrOnFileRestore: false,
+            });
+            (0, undo_stack_1.suppressUndoStackInvalidation)(absolutePath);
+            (0, file_watcher_1.writeFileAndNotifyFileWatchers)(absolutePath, output, clientId);
+            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}`)} Added ${(0, formatting_1.attrName)(effectLabel)} to ${nodeLabel}`);
+            if (!formatted) {
+                (0, log_update_1.warnAboutPrettierOnce)(logLevel);
+            }
+            renderer_1.RenderInternals.Log.verbose({ indent: false, logLevel }, `[add-effect] Wrote ${fileRelativeToRoot}${formatted ? ' (formatted)' : ''}`);
+            (0, undo_stack_1.printUndoHint)(logLevel);
+            return {
+                success: true,
+            };
         }
-        renderer_1.RenderInternals.Log.verbose({ indent: false, logLevel }, `[add-effect] Wrote ${fileRelativeToRoot}${formatted ? ' (formatted)' : ''}`);
-        (0, undo_stack_1.printUndoHint)(logLevel);
-        return {
-            success: true,
-        };
-    }
-    catch (err) {
-        return {
-            success: false,
-            reason: err.message,
-            stack: err.stack,
-        };
-    }
+        catch (err) {
+            return {
+                success: false,
+                reason: err.message,
+                stack: err.stack,
+            };
+        }
+    });
 };
 exports.addEffectHandler = addEffectHandler;

package/dist/preview-server/routes/add-keyframes.js

@@ -10,7 +10,7 @@ const undo_stack_1 = require("../undo-stack");
 const watch_ignore_next_change_1 = require("../watch-ignore-next-change");
 const log_effect_update_1 = require("./log-updates/log-effect-update");
 const log_update_1 = require("./log-updates/log-update");
-const save_props_mutex_1 = require("./save-props-mutex");
+const source_file_write_queue_1 = require("./source-file-write-queue");
 const groupBy = (items, getKey) => {
     var _a;
     const groups = new Map();
@@ -212,7 +212,7 @@ const addKeyframes = async ({ sequenceKeyframes, effectKeyframes, clientId, remo
     (0, undo_stack_1.printUndoHint)(logLevel);
 };
 exports.addKeyframes = addKeyframes;
-const addKeyframesHandler = ({ input: { sequenceKeyframes, effectKeyframes, clientId }, remotionRoot, logLevel, }) => (0, save_props_mutex_1.withSavePropsLock)(async () => {
+const addKeyframesHandler = ({ input: { sequenceKeyframes, effectKeyframes, clientId }, remotionRoot, logLevel, }) => (0, source_file_write_queue_1.withSourceFileWriteQueue)(async () => {
     renderer_1.RenderInternals.Log.trace({ indent: false, logLevel }, `[add-keyframes] Received request to add ${sequenceKeyframes.length + effectKeyframes.length} keyframe(s)`);
     await (0, exports.addKeyframes)({
         sequenceKeyframes,

package/dist/preview-server/routes/add-sequence-keyframe.js

@@ -11,8 +11,8 @@ const undo_stack_1 = require("../undo-stack");
 const watch_ignore_next_change_1 = require("../watch-ignore-next-change");
 const can_update_sequence_props_1 = require("./can-update-sequence-props");
 const log_update_1 = require("./log-updates/log-update");
-const save_props_mutex_1 = require("./save-props-mutex");
-const addSequenceKeyframeHandler = ({ input: { fileName, nodePath, key, frame, value, schema, clientId }, remotionRoot, logLevel, }) => (0, save_props_mutex_1.withSavePropsLock)(async () => {
+const source_file_write_queue_1 = require("./source-file-write-queue");
+const addSequenceKeyframeHandler = ({ input: { fileName, nodePath, key, frame, value, schema, clientId }, remotionRoot, logLevel, }) => (0, source_file_write_queue_1.withSourceFileWriteQueue)(async () => {
     renderer_1.RenderInternals.Log.trace({ indent: false, logLevel }, `[add-sequence-keyframe] Received request for fileName="${fileName}" key="${key}" frame=${frame}`);
     const { absolutePath, fileRelativeToRoot } = (0, resolve_file_inside_project_1.resolveFileInsideProject)({
         remotionRoot,

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

@@ -14,6 +14,7 @@ const file_watcher_1 = require("../../file-watcher");
 const project_info_1 = require("../project-info");
 const undo_stack_1 = require("../undo-stack");
 const can_update_default_props_1 = require("./can-update-default-props");
+const source_file_write_queue_1 = require("./source-file-write-queue");
 const formatNewCompositionFile = (componentName) => {
     return (0, duplicate_composition_1.formatOutput)(`import React from 'react';
 
@@ -77,110 +78,112 @@ const getCodemodUndoDescription = (codemod) => {
         entryType: 'visual-control',
     };
 };
-const applyCodemodHandler = async ({ input: { codemod, dryRun, symbolicatedStack }, logLevel, remotionRoot, entryPoint, }) => {
-    var _a, _b;
-    try {
-        const time = Date.now();
-        const filePath = symbolicatedStack
-            ? (0, apply_codemod_to_file_1.resolveFilePathFromSymbolicatedStack)(remotionRoot, symbolicatedStack)
-            : (await (0, project_info_1.getProjectInfo)(remotionRoot, entryPoint)).rootFile;
-        if (!filePath) {
-            throw new Error('Cannot find file for composition in project');
-        }
-        (0, can_update_default_props_1.checkIfTypeScriptFile)(filePath);
-        const newCompositionComponentFilePath = codemod.type === 'new-composition'
-            ? node_path_1.default.join(node_path_1.default.dirname(filePath), `${codemod.componentName}.tsx`)
-            : null;
-        if (codemod.type === 'new-composition' &&
-            newCompositionComponentFilePath &&
-            (0, node_fs_1.existsSync)(newCompositionComponentFilePath)) {
-            throw new Error(`Cannot create ${node_path_1.default.relative(remotionRoot, newCompositionComponentFilePath)} because it already exists`);
-        }
-        const input = (0, node_fs_1.readFileSync)(filePath, 'utf-8');
-        const formatted = await (0, apply_codemod_to_file_1.applyCodemodToFile)({
-            filePath,
-            codeMod: codemod,
-        });
-        const diff = (0, simple_diff_1.simpleDiff)({
-            oldLines: input.split('\n'),
-            newLines: formatted.split('\n'),
-        });
-        if (!dryRun) {
-            const { entryType, undoMessage, redoMessage } = getCodemodUndoDescription(codemod);
-            const snapshots = [
-                {
-                    filePath,
-                    oldContents: input,
-                    newContents: null,
-                    logLine: (_a = symbolicatedStack === null || symbolicatedStack === void 0 ? void 0 : symbolicatedStack.originalLineNumber) !== null && _a !== void 0 ? _a : 1,
-                },
-            ];
-            let componentFilePath = null;
-            let componentFileContents = null;
-            if (codemod.type === 'new-composition') {
-                componentFilePath = newCompositionComponentFilePath;
-                if (componentFilePath === null) {
-                    throw new Error('Could not determine the new component file path');
-                }
-                componentFileContents = await formatNewCompositionFile(codemod.componentName);
-                snapshots.push({
-                    filePath: componentFilePath,
-                    oldContents: null,
-                    newContents: componentFileContents,
-                    logLine: 1,
-                });
-                (0, undo_stack_1.pushTransactionToUndoStack)({
-                    snapshots,
-                    logLevel,
-                    remotionRoot,
-                    description: {
-                        undoMessage,
-                        redoMessage,
-                    },
-                    entryType,
-                    suppressHmrOnFileRestore: false,
-                });
+const applyCodemodHandler = ({ input: { codemod, dryRun, symbolicatedStack }, logLevel, remotionRoot, entryPoint, }) => {
+    return (0, source_file_write_queue_1.withSourceFileWriteQueue)(async () => {
+        var _a, _b;
+        try {
+            const time = Date.now();
+            const filePath = symbolicatedStack
+                ? (0, apply_codemod_to_file_1.resolveFilePathFromSymbolicatedStack)(remotionRoot, symbolicatedStack)
+                : (await (0, project_info_1.getProjectInfo)(remotionRoot, entryPoint)).rootFile;
+            if (!filePath) {
+                throw new Error('Cannot find file for composition in project');
             }
-            else {
-                (0, undo_stack_1.pushToUndoStack)({
-                    filePath,
-                    oldContents: input,
-                    newContents: null,
-                    logLevel,
-                    remotionRoot,
-                    logLine: (_b = symbolicatedStack === null || symbolicatedStack === void 0 ? void 0 : symbolicatedStack.originalLineNumber) !== null && _b !== void 0 ? _b : 1,
-                    description: {
-                        undoMessage,
-                        redoMessage,
-                    },
-                    entryType,
-                    suppressHmrOnFileRestore: false,
-                });
+            (0, can_update_default_props_1.checkIfTypeScriptFile)(filePath);
+            const newCompositionComponentFilePath = codemod.type === 'new-composition'
+                ? node_path_1.default.join(node_path_1.default.dirname(filePath), `${codemod.componentName}.tsx`)
+                : null;
+            if (codemod.type === 'new-composition' &&
+                newCompositionComponentFilePath &&
+                (0, node_fs_1.existsSync)(newCompositionComponentFilePath)) {
+                throw new Error(`Cannot create ${node_path_1.default.relative(remotionRoot, newCompositionComponentFilePath)} because it already exists`);
             }
-            (0, undo_stack_1.suppressUndoStackInvalidation)(filePath);
-            if (componentFilePath) {
-                (0, undo_stack_1.suppressUndoStackInvalidation)(componentFilePath);
-            }
-            (0, file_watcher_1.writeFileAndNotifyFileWatchers)(filePath, formatted, undefined);
-            if (componentFilePath && componentFileContents !== null) {
-                (0, file_watcher_1.writeFileAndNotifyFileWatchers)(componentFilePath, componentFileContents, undefined);
+            const input = (0, node_fs_1.readFileSync)(filePath, 'utf-8');
+            const formatted = await (0, apply_codemod_to_file_1.applyCodemodToFile)({
+                filePath,
+                codeMod: codemod,
+            });
+            const diff = (0, simple_diff_1.simpleDiff)({
+                oldLines: input.split('\n'),
+                newLines: formatted.split('\n'),
+            });
+            if (!dryRun) {
+                const { entryType, undoMessage, redoMessage } = getCodemodUndoDescription(codemod);
+                const snapshots = [
+                    {
+                        filePath,
+                        oldContents: input,
+                        newContents: null,
+                        logLine: (_a = symbolicatedStack === null || symbolicatedStack === void 0 ? void 0 : symbolicatedStack.originalLineNumber) !== null && _a !== void 0 ? _a : 1,
+                    },
+                ];
+                let componentFilePath = null;
+                let componentFileContents = null;
+                if (codemod.type === 'new-composition') {
+                    componentFilePath = newCompositionComponentFilePath;
+                    if (componentFilePath === null) {
+                        throw new Error('Could not determine the new component file path');
+                    }
+                    componentFileContents = await formatNewCompositionFile(codemod.componentName);
+                    snapshots.push({
+                        filePath: componentFilePath,
+                        oldContents: null,
+                        newContents: componentFileContents,
+                        logLine: 1,
+                    });
+                    (0, undo_stack_1.pushTransactionToUndoStack)({
+                        snapshots,
+                        logLevel,
+                        remotionRoot,
+                        description: {
+                            undoMessage,
+                            redoMessage,
+                        },
+                        entryType,
+                        suppressHmrOnFileRestore: false,
+                    });
+                }
+                else {
+                    (0, undo_stack_1.pushToUndoStack)({
+                        filePath,
+                        oldContents: input,
+                        newContents: null,
+                        logLevel,
+                        remotionRoot,
+                        logLine: (_b = symbolicatedStack === null || symbolicatedStack === void 0 ? void 0 : symbolicatedStack.originalLineNumber) !== null && _b !== void 0 ? _b : 1,
+                        description: {
+                            undoMessage,
+                            redoMessage,
+                        },
+                        entryType,
+                        suppressHmrOnFileRestore: false,
+                    });
+                }
+                (0, undo_stack_1.suppressUndoStackInvalidation)(filePath);
+                if (componentFilePath) {
+                    (0, undo_stack_1.suppressUndoStackInvalidation)(componentFilePath);
+                }
+                (0, file_watcher_1.writeFileAndNotifyFileWatchers)(filePath, formatted, undefined);
+                if (componentFilePath && componentFileContents !== null) {
+                    (0, file_watcher_1.writeFileAndNotifyFileWatchers)(componentFilePath, componentFileContents, undefined);
+                }
+                const end = Date.now() - time;
+                const relativePath = node_path_1.default.relative(remotionRoot, filePath);
+                renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, renderer_1.RenderInternals.chalk.blue(`Edited ${relativePath} in ${end}ms`));
+                (0, undo_stack_1.printUndoHint)(logLevel);
             }
-            const end = Date.now() - time;
-            const relativePath = node_path_1.default.relative(remotionRoot, filePath);
-            renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, renderer_1.RenderInternals.chalk.blue(`Edited ${relativePath} in ${end}ms`));
-            (0, undo_stack_1.printUndoHint)(logLevel);
+            return {
+                success: true,
+                diff,
+            };
         }
-        return {
-            success: true,
-            diff,
-        };
-    }
-    catch (err) {
-        return {
-            success: false,
-            reason: err.message,
-            stack: err.stack,
-        };
-    }
+        catch (err) {
+            return {
+                success: false,
+                reason: err.message,
+                stack: err.stack,
+            };
+        }
+    });
 };
 exports.applyCodemodHandler = applyCodemodHandler;

package/dist/preview-server/routes/apply-visual-control-change.js

@@ -46,6 +46,7 @@ const live_events_1 = require("../live-events");
 const undo_stack_1 = require("../undo-stack");
 const watch_ignore_next_change_1 = require("../watch-ignore-next-change");
 const log_update_1 = require("./log-updates/log-update");
+const source_file_write_queue_1 = require("./source-file-write-queue");
 const getVisualControlChangeLine = (file, changeId) => {
     let line = 1;
     recast.types.visit(file.program, {
@@ -66,89 +67,91 @@ const getVisualControlChangeLine = (file, changeId) => {
     });
     return line;
 };
-const applyVisualControlHandler = async ({ input: { fileName, changes }, remotionRoot, logLevel }) => {
-    renderer_1.RenderInternals.Log.trace({ indent: false, logLevel }, `[apply-visual-control] Received request for ${fileName} with ${changes.length} changes`);
-    const { absolutePath } = (0, resolve_file_inside_project_1.resolveFileInsideProject)({
-        remotionRoot,
-        fileName,
-        action: 'apply visual control change to',
-    });
-    const fileContents = (0, node_fs_1.readFileSync)(absolutePath, 'utf-8');
-    const ast = (0, parse_ast_1.parseAst)(fileContents);
-    const logLine = changes.length > 0 ? getVisualControlChangeLine(ast, changes[0].id) : 1;
-    const { newAst, changesMade } = (0, recast_mods_1.applyCodemod)({
-        file: ast,
-        codeMod: {
-            type: 'apply-visual-control',
-            changes,
-        },
-    });
-    if (changesMade.length === 0) {
-        throw new Error('No changes were made to the file');
-    }
-    let output = (0, parse_ast_1.serializeAst)(newAst);
-    let formatted = false;
-    try {
-        const prettier = await Promise.resolve().then(() => __importStar(require('prettier')));
-        const { format, resolveConfig, resolveConfigFile } = prettier;
-        const configFilePath = await resolveConfigFile();
-        if (configFilePath) {
-            const prettierConfig = await resolveConfig(configFilePath);
-            if (prettierConfig) {
-                output = await format(output, {
-                    ...prettierConfig,
-                    filepath: 'test.tsx',
-                    plugins: [],
-                    endOfLine: 'auto',
-                });
-                formatted = true;
+const applyVisualControlHandler = ({ input: { fileName, changes }, remotionRoot, logLevel }) => {
+    return (0, source_file_write_queue_1.withSourceFileWriteQueue)(async () => {
+        renderer_1.RenderInternals.Log.trace({ indent: false, logLevel }, `[apply-visual-control] Received request for ${fileName} with ${changes.length} changes`);
+        const { absolutePath } = (0, resolve_file_inside_project_1.resolveFileInsideProject)({
+            remotionRoot,
+            fileName,
+            action: 'apply visual control change to',
+        });
+        const fileContents = (0, node_fs_1.readFileSync)(absolutePath, 'utf-8');
+        const ast = (0, parse_ast_1.parseAst)(fileContents);
+        const logLine = changes.length > 0 ? getVisualControlChangeLine(ast, changes[0].id) : 1;
+        const { newAst, changesMade } = (0, recast_mods_1.applyCodemod)({
+            file: ast,
+            codeMod: {
+                type: 'apply-visual-control',
+                changes,
+            },
+        });
+        if (changesMade.length === 0) {
+            throw new Error('No changes were made to the file');
+        }
+        let output = (0, parse_ast_1.serializeAst)(newAst);
+        let formatted = false;
+        try {
+            const prettier = await Promise.resolve().then(() => __importStar(require('prettier')));
+            const { format, resolveConfig, resolveConfigFile } = prettier;
+            const configFilePath = await resolveConfigFile();
+            if (configFilePath) {
+                const prettierConfig = await resolveConfig(configFilePath);
+                if (prettierConfig) {
+                    output = await format(output, {
+                        ...prettierConfig,
+                        filepath: 'test.tsx',
+                        plugins: [],
+                        endOfLine: 'auto',
+                    });
+                    formatted = true;
+                }
             }
         }
-    }
-    catch (_a) {
-        // Prettier not available, use unformatted output
-    }
-    (0, undo_stack_1.pushToUndoStack)({
-        filePath: absolutePath,
-        oldContents: fileContents,
-        newContents: null,
-        logLevel,
-        remotionRoot,
-        logLine,
-        description: {
-            undoMessage: '↩️  Visual control change',
-            redoMessage: '↪️  Visual control change',
-        },
-        entryType: 'visual-control',
-        suppressHmrOnFileRestore: true,
-    });
-    (0, undo_stack_1.suppressUndoStackInvalidation)(absolutePath);
-    (0, watch_ignore_next_change_1.suppressBundlerUpdateForFile)(absolutePath);
-    (0, file_watcher_1.writeFileAndNotifyFileWatchers)(absolutePath, output, undefined);
-    (0, live_events_1.waitForLiveEventsListener)().then((listener) => {
-        listener.sendEventToClient({
-            type: 'visual-control-values-changed',
-            values: changes.map((change) => ({
-                id: change.id,
-                value: change.newValueIsUndefined
-                    ? null
-                    : JSON.parse(change.newValueSerialized),
-                isUndefined: change.newValueIsUndefined,
-            })),
+        catch (_a) {
+            // Prettier not available, use unformatted output
+        }
+        (0, undo_stack_1.pushToUndoStack)({
+            filePath: absolutePath,
+            oldContents: fileContents,
+            newContents: null,
+            logLevel,
+            remotionRoot,
+            logLine,
+            description: {
+                undoMessage: '↩️  Visual control change',
+                redoMessage: '↪️  Visual control change',
+            },
+            entryType: 'visual-control',
+            suppressHmrOnFileRestore: true,
         });
+        (0, undo_stack_1.suppressUndoStackInvalidation)(absolutePath);
+        (0, watch_ignore_next_change_1.suppressBundlerUpdateForFile)(absolutePath);
+        (0, file_watcher_1.writeFileAndNotifyFileWatchers)(absolutePath, output, undefined);
+        (0, live_events_1.waitForLiveEventsListener)().then((listener) => {
+            listener.sendEventToClient({
+                type: 'visual-control-values-changed',
+                values: changes.map((change) => ({
+                    id: change.id,
+                    value: change.newValueIsUndefined
+                        ? null
+                        : JSON.parse(change.newValueSerialized),
+                    isUndefined: change.newValueIsUndefined,
+                })),
+            });
+        });
+        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}`)} Applied visual control changes`);
+        if (!formatted) {
+            (0, log_update_1.warnAboutPrettierOnce)(logLevel);
+        }
+        (0, undo_stack_1.printUndoHint)(logLevel);
+        return {
+            success: true,
+        };
     });
-    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}`)} Applied visual control changes`);
-    if (!formatted) {
-        (0, log_update_1.warnAboutPrettierOnce)(logLevel);
-    }
-    (0, undo_stack_1.printUndoHint)(logLevel);
-    return {
-        success: true,
-    };
 };
 exports.applyVisualControlHandler = applyVisualControlHandler;

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

@@ -1,4 +1,4 @@
-import type { Expression, File, JSXOpeningElement } from '@babel/types';
+import type { Expression, File, JSXElement, JSXOpeningElement } from '@babel/types';
 import type { SubscribeToSequencePropsResponse } from '@remotion/studio-shared';
 import type { CanUpdateSequencePropsResponseTrue, CanUpdateSequencePropStatus, SequenceNodePath } from 'remotion';
 type StaticValueOptions = {
@@ -7,7 +7,19 @@ type StaticValueOptions = {
 export declare const isStaticValue: (node: Expression, options?: StaticValueOptions) => boolean;
 export declare const extractStaticValue: (node: Expression, options?: StaticValueOptions) => unknown;
 export declare const getComputedStatus: (node: Expression, ast: File) => CanUpdateSequencePropStatus;
+export declare const findJsxElementPathAtNodePath: (ast: File, nodePath: SequenceNodePath) => import("ast-types/lib/node-path").NodePath<N, V> | null;
 export declare const findJsxElementAtNodePath: (ast: File, nodePath: SequenceNodePath) => JSXOpeningElement | null;
+export declare const findJsxElementNodeAtNodePath: (ast: File, nodePath: SequenceNodePath) => JSXElement | null;
+export type StaticJsxTextContent = {
+    kind: 'jsx-text';
+    value: string;
+} | {
+    kind: 'string-expression';
+    value: string;
+};
+export declare const getStaticJsxChildrenAttribute: (jsxElement: JSXOpeningElement) => StaticJsxTextContent | null;
+export declare const hasJsxChildrenAttribute: (jsxElement: JSXOpeningElement) => boolean;
+export declare const getStaticJsxTextContent: (jsxElement: JSXElement) => StaticJsxTextContent | null;
 export declare const findNodePathForJsxElement: (ast: File, target: JSXOpeningElement) => SequenceNodePath | null;
 export declare const lineColumnToNodePath: (ast: File, targetLine: number) => SequenceNodePath | null;
 export declare const computeSequencePropsStatusFromContent: ({ fileContents, nodePath, componentIdentity, keys, effects, }: {