@remotion/studio-server 4.0.460 → 4.0.462

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

@@ -61,9 +61,32 @@ const removeVariantKey = ({ node, variantKey, }) => {
         isDefault: true,
     });
 };
+const snapshotTopLevelAttrs = (node) => {
+    var _a;
+    const result = new Map();
+    for (const a of (_a = node.attributes) !== null && _a !== void 0 ? _a : []) {
+        if (a.type === 'JSXAttribute' && a.name.type === 'JSXIdentifier') {
+            const name = a.name.name;
+            const printed = recast
+                .print(a)
+                .code.replace(/\s+/g, ' ')
+                .replace(/,(\s*[}\]])/g, '$1')
+                .trim();
+            const prefix = `${name}=`;
+            let valueOnly = printed.startsWith(prefix)
+                ? printed.slice(prefix.length)
+                : printed;
+            if (valueOnly.startsWith('{') && valueOnly.endsWith('}')) {
+                valueOnly = valueOnly.slice(1, -1).trim();
+            }
+            result.set(name, valueOnly);
+        }
+    }
+    return result;
+};
 const updateSequencePropsAst = ({ input, nodePath, updates, schema, }) => {
     var _a, _b, _c;
-    var _d;
+    var _d, _e;
     const ast = (0, parse_ast_1.parseAst)(input);
     const node = (0, can_update_sequence_props_1.findJsxElementAtNodePath)(ast, nodePath);
     if (!node) {
@@ -71,6 +94,11 @@ const updateSequencePropsAst = ({ input, nodePath, updates, schema, }) => {
     }
     const logLine = (_d = (_a = node.loc) === null || _a === void 0 ? void 0 : _a.start.line) !== null && _d !== void 0 ? _d : 1;
     const oldValueStrings = [];
+    const initialAttrs = snapshotTopLevelAttrs(node);
+    const updatedTopLevelKeys = new Set(updates.map(({ key }) => {
+        const dot = key.indexOf('.');
+        return dot === -1 ? key : key.slice(0, dot);
+    }));
     for (const { key, value, defaultValue } of updates) {
         let oldValueString = '';
         const isDefault = defaultValue !== null &&
@@ -145,7 +173,7 @@ const updateSequencePropsAst = ({ input, nodePath, updates, schema, }) => {
                 try {
                     oldRawValue = JSON.parse(oldValueString);
                 }
-                catch (_e) {
+                catch (_f) {
                     oldRawValue = oldValueString;
                 }
                 if (oldRawValue !== value) {
@@ -166,15 +194,29 @@ const updateSequencePropsAst = ({ input, nodePath, updates, schema, }) => {
             }
         }
     }
+    const finalAttrNames = new Set();
+    for (const a of (_e = node.attributes) !== null && _e !== void 0 ? _e : []) {
+        if (a.type === 'JSXAttribute' && a.name.type === 'JSXIdentifier') {
+            finalAttrNames.add(a.name.name);
+        }
+    }
+    const removedProps = [];
+    for (const [name, valueString] of initialAttrs) {
+        if (finalAttrNames.has(name) || updatedTopLevelKeys.has(name)) {
+            continue;
+        }
+        removedProps.push({ key: name, valueString });
+    }
     return {
         serialized: (0, parse_ast_1.serializeAst)(ast),
         oldValueStrings,
         logLine,
+        removedProps,
     };
 };
 exports.updateSequencePropsAst = updateSequencePropsAst;
 const updateSequenceProps = async ({ input, nodePath, updates, schema, prettierConfigOverride, }) => {
-    const { serialized, oldValueStrings, logLine } = (0, exports.updateSequencePropsAst)({
+    const { serialized, oldValueStrings, logLine, removedProps } = (0, exports.updateSequencePropsAst)({
         input,
         nodePath,
         updates,
@@ -189,6 +231,7 @@ const updateSequenceProps = async ({ input, nodePath, updates, schema, prettierC
         oldValueStrings,
         formatted,
         logLine,
+        removedProps,
     };
 };
 exports.updateSequenceProps = updateSequenceProps;

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, experimentalVisualModeEnabled, 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, 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,7 +16,6 @@ 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

@@ -14,6 +14,7 @@ const project_info_1 = require("./routes/project-info");
 const redo_1 = require("./routes/redo");
 const remove_render_1 = require("./routes/remove-render");
 const restart_studio_1 = require("./routes/restart-studio");
+const save_effect_props_1 = require("./routes/save-effect-props");
 const save_sequence_props_1 = require("./routes/save-sequence-props");
 const subscribe_to_default_props_1 = require("./routes/subscribe-to-default-props");
 const subscribe_to_file_existence_1 = require("./routes/subscribe-to-file-existence");
@@ -39,6 +40,7 @@ exports.allApiRoutes = {
     '/api/subscribe-to-sequence-props': subscribe_to_sequence_props_1.subscribeToSequenceProps,
     '/api/unsubscribe-from-sequence-props': unsubscribe_from_sequence_props_1.unsubscribeFromSequenceProps,
     '/api/save-sequence-props': save_sequence_props_1.saveSequencePropsHandler,
+    '/api/save-effect-props': save_effect_props_1.saveEffectPropsHandler,
     '/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,

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

@@ -48,7 +48,7 @@ const format_log_file_location_1 = require("../format-log-file-location");
 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-update");
+const log_update_1 = require("./log-updates/log-update");
 const getVisualControlChangeLine = (file, changeId) => {
     let line = 1;
     recast.types.visit(file.program, {
@@ -118,8 +118,8 @@ const applyVisualControlHandler = async ({ input: { fileName, changes }, remotio
         remotionRoot,
         logLine,
         description: {
-            undoMessage: 'Undo: Visual control change',
-            redoMessage: 'Redo: Visual control change',
+            undoMessage: '↩️  Visual control change',
+            redoMessage: '↪️  Visual control change',
         },
         entryType: 'visual-control',
         suppressHmrOnFileRestore: true,
@@ -144,7 +144,7 @@ const applyVisualControlHandler = async ({ input: { fileName, changes }, remotio
         absolutePath,
         line: logLine,
     });
-    renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, `${renderer_1.RenderInternals.chalk.blueBright(`${locationLabel}:`)} Applied visual control changes`);
+    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);
     }

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

@@ -0,0 +1,20 @@
+import type { JSXOpeningElement } from '@babel/types';
+import type { CanUpdateEffectPropsResponse, SequenceNodePath, SequenceSchema } from 'remotion';
+export declare const computeEffectPropStatus: ({ jsx, effectIndex, keys, }: {
+    jsx: JSXOpeningElement;
+    effectIndex: number;
+    keys: string[];
+}) => CanUpdateEffectPropsResponse;
+export declare const computeEffectPropsStatusesFromContent: ({ fileContents, sequenceNodePath, effects, keysFor, }: {
+    fileContents: string;
+    sequenceNodePath: SequenceNodePath;
+    effects: SequenceSchema[];
+    keysFor: (effect: SequenceSchema) => string[];
+}) => CanUpdateEffectPropsResponse[];
+export declare const computeEffectPropsStatusesFromFile: ({ fileName, sequenceNodePath, effects, keysFor, remotionRoot, }: {
+    fileName: string;
+    sequenceNodePath: SequenceNodePath;
+    effects: SequenceSchema[];
+    keysFor: (effect: SequenceSchema) => string[];
+    remotionRoot: string;
+}) => CanUpdateEffectPropsResponse[];

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

@@ -0,0 +1,146 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.computeEffectPropsStatusesFromFile = exports.computeEffectPropsStatusesFromContent = exports.computeEffectPropStatus = void 0;
+const node_fs_1 = require("node:fs");
+const node_path_1 = __importDefault(require("node:path"));
+const parse_ast_1 = require("../../codemods/parse-ast");
+const update_effect_props_1 = require("../../codemods/update-effect-props/update-effect-props");
+const can_update_sequence_props_1 = require("./can-update-sequence-props");
+const findExperimentalEffectsAttr = (jsx) => {
+    for (const attr of jsx.attributes) {
+        if (attr.type !== 'JSXAttribute') {
+            continue;
+        }
+        if (attr.name.type === 'JSXIdentifier' &&
+            attr.name.name === '_experimentalEffects') {
+            return attr;
+        }
+    }
+    return null;
+};
+const getEffectsArrayElements = (attr) => {
+    if (!attr || !attr.value || attr.value.type !== 'JSXExpressionContainer') {
+        return null;
+    }
+    const expr = attr.value.expression;
+    if (expr.type !== 'ArrayExpression') {
+        return null;
+    }
+    return (0, update_effect_props_1.enumerateEffectArrayElements)(expr);
+};
+const getPropsFromObjectExpression = ({ objExpr, keys, }) => {
+    const out = {};
+    for (const key of keys) {
+        const prop = objExpr.properties.find((p) => p.type === 'ObjectProperty' &&
+            ((p.key.type === 'Identifier' && p.key.name === key) ||
+                (p.key.type === 'StringLiteral' &&
+                    p.key.value === key)));
+        if (!prop) {
+            out[key] = { canUpdate: true, codeValue: undefined };
+            continue;
+        }
+        const valueExpr = prop.value;
+        if (!(0, can_update_sequence_props_1.isStaticValue)(valueExpr)) {
+            out[key] = { canUpdate: false, reason: 'computed' };
+            continue;
+        }
+        out[key] = {
+            canUpdate: true,
+            codeValue: (0, can_update_sequence_props_1.extractStaticValue)(valueExpr),
+        };
+    }
+    return out;
+};
+const computeEffectPropStatus = ({ jsx, effectIndex, keys, }) => {
+    const attr = findExperimentalEffectsAttr(jsx);
+    const elements = getEffectsArrayElements(attr);
+    if (!elements) {
+        return {
+            canUpdate: false,
+            effectIndex,
+            reason: 'not-found',
+        };
+    }
+    if (effectIndex < 0 || effectIndex >= elements.length) {
+        return {
+            canUpdate: false,
+            effectIndex,
+            reason: 'not-found',
+        };
+    }
+    const target = elements[effectIndex];
+    if (target.kind !== 'call') {
+        return {
+            canUpdate: false,
+            effectIndex,
+            reason: 'not-call-expression',
+        };
+    }
+    const call = target.node;
+    if (call.arguments.length === 0) {
+        const emptyProps = {};
+        for (const key of keys) {
+            emptyProps[key] = { canUpdate: true, codeValue: undefined };
+        }
+        return {
+            canUpdate: true,
+            callee: target.callee,
+            effectIndex,
+            props: emptyProps,
+        };
+    }
+    const firstArg = call.arguments[0];
+    if (firstArg.type !== 'ObjectExpression') {
+        return {
+            canUpdate: false,
+            effectIndex,
+            reason: 'computed',
+        };
+    }
+    const resolvedProps = getPropsFromObjectExpression({
+        objExpr: firstArg,
+        keys,
+    });
+    return {
+        canUpdate: true,
+        effectIndex,
+        callee: target.callee,
+        props: resolvedProps,
+    };
+};
+exports.computeEffectPropStatus = computeEffectPropStatus;
+const computeEffectPropsStatusesFromContent = ({ fileContents, sequenceNodePath, effects, keysFor, }) => {
+    const ast = (0, parse_ast_1.parseAst)(fileContents);
+    const jsx = (0, can_update_sequence_props_1.findJsxElementAtNodePath)(ast, sequenceNodePath);
+    if (!jsx) {
+        return effects.map((_effect, effectIndex) => ({
+            canUpdate: false,
+            effectIndex,
+            reason: 'not-found',
+        }));
+    }
+    return effects.map((effect, effectIndex) => (0, exports.computeEffectPropStatus)({
+        jsx,
+        effectIndex,
+        keys: keysFor(effect),
+    }));
+};
+exports.computeEffectPropsStatusesFromContent = computeEffectPropsStatusesFromContent;
+const computeEffectPropsStatusesFromFile = ({ fileName, sequenceNodePath, effects, keysFor, remotionRoot, }) => {
+    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');
+    return (0, exports.computeEffectPropsStatusesFromContent)({
+        fileContents,
+        sequenceNodePath,
+        effects,
+        keysFor,
+    });
+};
+exports.computeEffectPropsStatusesFromFile = computeEffectPropsStatusesFromFile;

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

@@ -1,19 +1,39 @@
 import type { Expression, File, JSXOpeningElement } from '@babel/types';
-import type { CanUpdateSequencePropsResponse, SequenceNodePath } from 'remotion';
+import type { SubscribeToSequencePropsResponse } from '@remotion/studio-shared';
+import type { CanUpdateSequencePropsResponseTrue } from 'remotion';
+import type { SequenceNodePath } from 'remotion';
+import type { CanUpdateSequencePropStatus } from 'remotion';
 export declare const isStaticValue: (node: Expression) => boolean;
 export declare const extractStaticValue: (node: Expression) => unknown;
 export declare const findJsxElementAtNodePath: (ast: File, nodePath: SequenceNodePath) => JSXOpeningElement | null;
 export declare const lineColumnToNodePath: (ast: File, targetLine: number) => SequenceNodePath | null;
-export declare const computeSequencePropsStatusFromContent: (fileContents: string, nodePath: SequenceNodePath, keys: string[]) => CanUpdateSequencePropsResponse;
-export declare const computeSequencePropsStatus: ({ fileName, nodePath, keys, remotionRoot, }: {
+export declare const computeSequencePropsOnlyStatus: ({ fileName, nodePath, keys, remotionRoot, }: {
     fileName: string;
     nodePath: SequenceNodePath;
     keys: string[];
     remotionRoot: string;
-}) => CanUpdateSequencePropsResponse;
-export declare const computeSequencePropsStatusFromFilenameByLine: ({ fileName, line, keys, remotionRoot, }: {
+}) => {
+    canUpdate: true;
+    props: Record<string, CanUpdateSequencePropStatus>;
+};
+export declare const computeSequencePropsStatusFromContent: ({ fileContents, nodePath, keys, effects, }: {
+    fileContents: string;
+    nodePath: SequenceNodePath;
+    keys: string[];
+    effects: string[][];
+}) => CanUpdateSequencePropsResponseTrue;
+export declare const computeSequencePropsStatus: ({ fileName, nodePath, keys, effects, remotionRoot, }: {
+    fileName: string;
+    nodePath: SequenceNodePath;
+    keys: string[];
+    effects: string[][];
+    remotionRoot: string;
+}) => CanUpdateSequencePropsResponseTrue;
+export declare const computeSequencePropsStatusFromFilenameByLine: ({ fileName, line, keys, effects, remotionRoot, logLevel, }: {
     fileName: string;
     line: number;
     keys: string[];
+    effects: string[][];
     remotionRoot: string;
-}) => CanUpdateSequencePropsResponse;
+    logLevel: "error" | "info" | "trace" | "verbose" | "warn";
+}) => SubscribeToSequencePropsResponse;

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

@@ -36,13 +36,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.computeSequencePropsStatusFromFilenameByLine = exports.computeSequencePropsStatus = exports.computeSequencePropsStatusFromContent = exports.lineColumnToNodePath = exports.findJsxElementAtNodePath = exports.extractStaticValue = exports.isStaticValue = void 0;
+exports.computeSequencePropsStatusFromFilenameByLine = exports.computeSequencePropsStatus = exports.computeSequencePropsStatusFromContent = exports.computeSequencePropsOnlyStatus = exports.lineColumnToNodePath = exports.findJsxElementAtNodePath = exports.extractStaticValue = exports.isStaticValue = void 0;
 const node_fs_1 = require("node:fs");
 const node_path_1 = __importDefault(require("node:path"));
+const renderer_1 = require("@remotion/renderer");
 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 can_update_effect_props_1 = require("./can-update-effect-props");
 const isStaticValue = (node) => {
     switch (node.type) {
         case 'NumericLiteral':
@@ -248,12 +249,14 @@ const getNestedPropStatus = (jsxElement, parentKey, childKey) => {
     }
     return { canUpdate: true, codeValue };
 };
-const computeSequencePropsStatusFromContent = (fileContents, nodePath, keys) => {
-    const ast = (0, parse_ast_1.parseAst)(fileContents);
-    const jsxElement = (0, exports.findJsxElementAtNodePath)(ast, nodePath);
-    if (!jsxElement) {
-        throw new Error('Could not find a JSX element at the specified location');
-    }
+const computeEffectsForJsx = ({ jsxElement, effects, }) => {
+    return effects.map((effect, effectIndex) => (0, can_update_effect_props_1.computeEffectPropStatus)({
+        jsx: jsxElement,
+        effectIndex,
+        keys: effect,
+    }));
+};
+const computeSequenceOnlyPropsRecord = ({ jsxElement, keys, }) => {
     const allProps = getPropsStatus(jsxElement);
     const filteredProps = {};
     for (const key of keys) {
@@ -268,33 +271,57 @@ const computeSequencePropsStatusFromContent = (fileContents, nodePath, keys) =>
             filteredProps[key] = { canUpdate: true, codeValue: undefined };
         }
     }
+    return filteredProps;
+};
+const computeSequencePropsOnlyStatus = ({ fileName, nodePath, keys, remotionRoot, }) => {
+    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 = (0, exports.findJsxElementAtNodePath)(ast, nodePath);
+    if (!jsxElement) {
+        throw new Error('Cannot compute sequence props: Could not find a JSX element at the specified location');
+    }
+    return {
+        canUpdate: true,
+        props: computeSequenceOnlyPropsRecord({ jsxElement, keys }),
+    };
+};
+exports.computeSequencePropsOnlyStatus = computeSequencePropsOnlyStatus;
+const computeSequencePropsStatusFromContent = ({ fileContents, nodePath, keys, effects, }) => {
+    const ast = (0, parse_ast_1.parseAst)(fileContents);
+    const jsxElement = (0, exports.findJsxElementAtNodePath)(ast, nodePath);
+    if (!jsxElement) {
+        throw new Error('Cannot compute sequence props status: Could not find a JSX element at the specified location');
+    }
+    const filteredProps = computeSequenceOnlyPropsRecord({ jsxElement, keys });
+    const effectsStatuses = computeEffectsForJsx({ jsxElement, effects });
     return {
         canUpdate: true,
         props: filteredProps,
-        nodePath,
-        jsxInMapCallback: (0, jsx_sequence_context_1.isJsxUnderMapCallback)(ast, nodePath),
+        effects: effectsStatuses,
     };
 };
 exports.computeSequencePropsStatusFromContent = computeSequencePropsStatusFromContent;
-const computeSequencePropsStatus = ({ fileName, nodePath, 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');
-        return (0, exports.computeSequencePropsStatusFromContent)(fileContents, nodePath, keys);
-    }
-    catch (err) {
-        return {
-            canUpdate: false,
-            reason: err.message,
-        };
+const computeSequencePropsStatus = ({ fileName, nodePath, keys, effects, remotionRoot, }) => {
+    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');
+    return (0, exports.computeSequencePropsStatusFromContent)({
+        fileContents,
+        nodePath,
+        keys,
+        effects,
+    });
 };
 exports.computeSequencePropsStatus = computeSequencePropsStatus;
-const computeSequencePropsStatusFromFilenameByLine = ({ fileName, line, keys, remotionRoot, }) => {
+const computeSequencePropsStatusFromFilenameByLine = ({ fileName, line, keys, effects, remotionRoot, logLevel, }) => {
     try {
         const absolutePath = node_path_1.default.resolve(remotionRoot, fileName);
         const fileRelativeToRoot = node_path_1.default.relative(remotionRoot, absolutePath);
@@ -305,19 +332,39 @@ const computeSequencePropsStatusFromFilenameByLine = ({ fileName, line, keys, re
         const ast = (0, parse_ast_1.parseAst)(fileContents);
         const resolvedNodePath = (0, exports.lineColumnToNodePath)(ast, line);
         if (!resolvedNodePath) {
-            throw new Error('Could not find a JSX element at the specified location');
+            return {
+                status: {
+                    canUpdate: false,
+                    reason: 'not-found',
+                },
+                success: false,
+            };
         }
-        return (0, exports.computeSequencePropsStatus)({
-            fileName,
-            nodePath: resolvedNodePath,
-            keys,
-            remotionRoot,
-        });
+        return {
+            status: (0, exports.computeSequencePropsStatus)({
+                fileName,
+                nodePath: resolvedNodePath,
+                keys,
+                effects,
+                remotionRoot,
+            }),
+            nodePath: {
+                absolutePath,
+                nodePath: resolvedNodePath,
+                sequenceKeys: keys,
+                effectKeys: effects,
+            },
+            success: true,
+        };
     }
     catch (err) {
+        renderer_1.RenderInternals.Log.error({ indent: false, logLevel }, err);
         return {
-            canUpdate: false,
-            reason: err.message,
+            status: {
+                canUpdate: false,
+                reason: 'error',
+            },
+            success: false,
         };
     }
 };

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

@@ -11,7 +11,7 @@ const delete_jsx_node_1 = require("../../codemods/delete-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 log_update_1 = require("./log-updates/log-update");
 const deleteJsxNodeHandler = async ({ input: { fileName, nodePath }, remotionRoot, logLevel }) => {
     try {
         renderer_1.RenderInternals.Log.trace({ indent: false, logLevel }, `[delete-jsx-node] Received request for fileName="${fileName}"`);
@@ -32,8 +32,8 @@ const deleteJsxNodeHandler = async ({ input: { fileName, nodePath }, remotionRoo
             remotionRoot,
             logLine,
             description: {
-                undoMessage: `Undo: Deletion of ${nodeLabel}`,
-                redoMessage: `Redo: Deletion of ${nodeLabel}`,
+                undoMessage: `↩️  Deletion of ${nodeLabel}`,
+                redoMessage: `↪️  Deletion of ${nodeLabel}`,
             },
             entryType: 'delete-jsx-node',
             suppressHmrOnFileRestore: false,
@@ -45,7 +45,7 @@ const deleteJsxNodeHandler = async ({ input: { fileName, nodePath }, remotionRoo
             absolutePath,
             line: logLine,
         });
-        renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, `${renderer_1.RenderInternals.chalk.blueBright(`${locationLabel}:`)} Deleted ${nodeLabel}`);
+        renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, `${renderer_1.RenderInternals.chalk.blueBright(`${locationLabel}`)} Deleted ${nodeLabel}`);
         if (!formatted) {
             (0, log_update_1.warnAboutPrettierOnce)(logLevel);
         }

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

@@ -11,7 +11,7 @@ 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 log_update_1 = require("./log-updates/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}"`);
@@ -32,8 +32,8 @@ const duplicateJsxNodeHandler = async ({ input: { fileName, nodePath }, remotion
             remotionRoot,
             logLine,
             description: {
-                undoMessage: `Undo: duplication of ${nodeLabel}`,
-                redoMessage: `Redo: duplication of ${nodeLabel}`,
+                undoMessage: `↩️  Duplication of ${nodeLabel}`,
+                redoMessage: `↪️  Duplication of ${nodeLabel}`,
             },
             entryType: 'duplicate-jsx-node',
             suppressHmrOnFileRestore: false,
@@ -45,7 +45,7 @@ const duplicateJsxNodeHandler = async ({ input: { fileName, nodePath }, remotion
             absolutePath,
             line: logLine,
         });
-        renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, `${renderer_1.RenderInternals.chalk.blueBright(`${locationLabel}:`)} Duplicated ${nodeLabel}`);
+        renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, `${renderer_1.RenderInternals.chalk.blueBright(`${locationLabel}`)} Duplicated ${nodeLabel}`);
         if (!formatted) {
             (0, log_update_1.warnAboutPrettierOnce)(logLevel);
         }

package/dist/preview-server/routes/log-update.d.ts

@@ -1,12 +1,21 @@
 export declare const warnAboutPrettierOnce: (logLevel: "error" | "info" | "trace" | "verbose" | "warn") => void;
 export declare const normalizeQuotes: (str: string) => string;
-export declare const formatPropChange: ({ key, oldValueString, newValueString, defaultValueString, }: {
+export declare const fg: (r: number, g: number, b: number, str: string) => string;
+export declare const bg: (r: number, g: number, b: number, str: string) => string;
+export declare const strikeThrough: (str: string) => string;
+export type PropDelta = {
+    key: string;
+    valueString: string;
+};
+export declare const formatPropChange: ({ key, oldValueString, newValueString, defaultValueString, removedProps, addedProps, }: {
     key: string;
     oldValueString: string;
     newValueString: string;
     defaultValueString: string | null;
+    removedProps: PropDelta[];
+    addedProps: PropDelta[];
 }) => string;
-export declare const logUpdate: ({ fileRelativeToRoot, line, key, oldValueString, newValueString, defaultValueString, formatted, logLevel, }: {
+export declare const logUpdate: ({ fileRelativeToRoot, line, key, oldValueString, newValueString, defaultValueString, formatted, logLevel, removedProps, addedProps, }: {
     fileRelativeToRoot: string;
     line: number;
     key: string;
@@ -15,4 +24,6 @@ export declare const logUpdate: ({ fileRelativeToRoot, line, key, oldValueString
     defaultValueString: string | null;
     formatted: boolean;
     logLevel: "error" | "info" | "trace" | "verbose" | "warn";
+    removedProps: PropDelta[];
+    addedProps: PropDelta[];
 }) => void;