@remotion/studio-server 4.0.460 → 4.0.462

package/dist/preview-server/routes/log-update.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.logUpdate = exports.formatPropChange = exports.normalizeQuotes = exports.warnAboutPrettierOnce = void 0;
+exports.logUpdate = exports.formatPropChange = exports.strikeThrough = exports.bg = exports.fg = exports.normalizeQuotes = exports.warnAboutPrettierOnce = void 0;
 const renderer_1 = require("@remotion/renderer");
 let warnedAboutPrettier = false;
 const warnAboutPrettierOnce = (logLevel) => {
@@ -22,13 +22,19 @@ const normalizeQuotes = (str) => {
 exports.normalizeQuotes = normalizeQuotes;
 // 24-bit ANSI helpers
 const fg = (r, g, b, str) => `\u001b[38;2;${r};${g};${b}m${str}\u001b[39m`;
+exports.fg = fg;
 const bg = (r, g, b, str) => `\u001b[48;2;${r};${g};${b}m${str}\u001b[49m`;
+exports.bg = bg;
+// eslint-disable-next-line no-control-regex
+const stripAnsi = (str) => str.replace(/\u001b\[[0-9;]*m/g, '');
+const strikeThrough = (str) => `\u001b[9m\u001b[38;2;255;85;85m${stripAnsi(str)}\u001b[39m\u001b[29m`;
+exports.strikeThrough = strikeThrough;
 // Monokai-inspired syntax colors
-const attrName = (str) => fg(166, 226, 46, str);
-const equals = (str) => fg(249, 38, 114, str);
-const punctuation = (str) => fg(248, 248, 242, str);
-const stringValue = (str) => fg(230, 219, 116, str);
-const numberValue = (str) => fg(174, 129, 255, str);
+const attrName = (str) => (0, exports.fg)(166, 226, 46, str);
+const equals = (str) => (0, exports.fg)(249, 38, 114, str);
+const punctuation = (str) => (0, exports.fg)(248, 248, 242, str);
+const stringValue = (str) => (0, exports.fg)(230, 219, 116, str);
+const numberValue = (str) => (0, exports.fg)(174, 129, 255, str);
 const colorValue = (str) => {
     if ((str.startsWith("'") && str.endsWith("'")) ||
         (str.startsWith('"') && str.endsWith('"'))) {
@@ -39,9 +45,6 @@ const colorValue = (str) => {
     }
     return punctuation(str);
 };
-// Subtle background tints
-const removedBg = (str) => bg(80, 20, 20, str);
-const addedBg = (str) => bg(30, 80, 30, str);
 const colorEnabled = () => renderer_1.RenderInternals.chalk.enabled();
 // Format key={value} with Monokai syntax highlighting
 const formatSimpleProp = (key, value) => {
@@ -51,46 +54,69 @@ const formatSimpleProp = (key, value) => {
 const formatNestedProp = (parentKey, childKey, value) => {
     return `${attrName(parentKey)}${equals('=')}${punctuation('{{')}${punctuation(childKey)}${punctuation(':')} ${colorValue(value)}${punctuation('}}')}`;
 };
-const formatPropChange = ({ key, oldValueString, newValueString, defaultValueString, }) => {
+const formatPropDelta = ({ key, valueString }) => {
     if (!colorEnabled()) {
         const dotIdx = key.indexOf('.');
         if (dotIdx === -1) {
-            return `${key}={${oldValueString}} \u2192 ${key}={${newValueString}}`;
+            return `${key}={${valueString}}`;
         }
         const parent = key.slice(0, dotIdx);
         const child = key.slice(dotIdx + 1);
-        return `${parent}={{${child}: ${oldValueString}}} \u2192 ${parent}={{${child}: ${newValueString}}}`;
+        return `${parent}={{${child}: ${valueString}}}`;
     }
-    const isResetToDefault = defaultValueString !== null && newValueString === defaultValueString;
-    const isChangeFromDefault = defaultValueString !== null && oldValueString === defaultValueString;
-    const dotIndex = key.indexOf('.');
-    if (dotIndex === -1) {
-        if (isResetToDefault) {
-            return removedBg(formatSimpleProp(key, oldValueString));
-        }
-        if (isChangeFromDefault) {
-            return addedBg(formatSimpleProp(key, newValueString));
+    const dotIdx = key.indexOf('.');
+    if (dotIdx === -1) {
+        return formatSimpleProp(key, valueString);
+    }
+    return formatNestedProp(key.slice(0, dotIdx), key.slice(dotIdx + 1), valueString);
+};
+const formatSideProps = ({ removedProps, addedProps, }) => {
+    const parts = [];
+    for (const prop of removedProps) {
+        const formatted = formatPropDelta(prop);
+        parts.push(colorEnabled() ? (0, exports.strikeThrough)(formatted) : formatted);
+    }
+    for (const prop of addedProps) {
+        parts.push(formatPropDelta(prop));
+    }
+    if (parts.length === 0) {
+        return '';
+    }
+    return `, ${parts.join(', ')}`;
+};
+const formatPropChange = ({ key, oldValueString, newValueString, defaultValueString, removedProps, addedProps, }) => {
+    const suffix = formatSideProps({ removedProps, addedProps });
+    if (!colorEnabled()) {
+        const dotIdx = key.indexOf('.');
+        if (dotIdx === -1) {
+            return `${key}={${oldValueString}} \u2192 ${key}={${newValueString}}${suffix}`;
         }
-        return `${removedBg(formatSimpleProp(key, oldValueString))} \u2192 ${addedBg(formatSimpleProp(key, newValueString))}`;
+        const parent = key.slice(0, dotIdx);
+        const child = key.slice(dotIdx + 1);
+        return `${parent}={{${child}: ${oldValueString}}} \u2192 ${parent}={{${child}: ${newValueString}}}${suffix}`;
     }
-    const parentKey = key.slice(0, dotIndex);
-    const childKey = key.slice(dotIndex + 1);
-    if (isResetToDefault) {
-        return removedBg(formatNestedProp(parentKey, childKey, oldValueString));
+    const dotIndex = key.indexOf('.');
+    const formatProp = (value) => dotIndex === -1
+        ? formatSimpleProp(key, value)
+        : formatNestedProp(key.slice(0, dotIndex), key.slice(dotIndex + 1), value);
+    if (defaultValueString !== null && newValueString === defaultValueString) {
+        return `${(0, exports.strikeThrough)(formatProp(oldValueString))}${suffix}`;
     }
-    if (isChangeFromDefault) {
-        return addedBg(formatNestedProp(parentKey, childKey, newValueString));
+    if (defaultValueString !== null && oldValueString === defaultValueString) {
+        return `${formatProp(newValueString)}${suffix}`;
     }
-    return `${removedBg(formatNestedProp(parentKey, childKey, oldValueString))} \u2192 ${addedBg(formatNestedProp(parentKey, childKey, newValueString))}`;
+    return `${formatProp(oldValueString)} \u2192 ${formatProp(newValueString)}${suffix}`;
 };
 exports.formatPropChange = formatPropChange;
-const logUpdate = ({ fileRelativeToRoot, line, key, oldValueString, newValueString, defaultValueString, formatted, logLevel, }) => {
+const logUpdate = ({ fileRelativeToRoot, line, key, oldValueString, newValueString, defaultValueString, formatted, logLevel, removedProps, addedProps, }) => {
     const locationLabel = `${fileRelativeToRoot}:${line}`;
     const propChange = (0, exports.formatPropChange)({
         key,
         oldValueString: (0, exports.normalizeQuotes)(oldValueString),
         newValueString: (0, exports.normalizeQuotes)(newValueString),
         defaultValueString: defaultValueString !== null ? (0, exports.normalizeQuotes)(defaultValueString) : null,
+        removedProps,
+        addedProps,
     });
     renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, `${renderer_1.RenderInternals.chalk.blueBright(`${locationLabel}:`)} ${propChange}`);
     if (!formatted) {

package/dist/preview-server/routes/log-updates/format-effect-prop-change.d.ts

@@ -0,0 +1,10 @@
+import { type PropDelta } from './formatting';
+export declare const formatEffectPropChange: ({ effectName, key, oldValueString, newValueString, defaultValueString, removedProps, addedProps, }: {
+    effectName: string;
+    key: string;
+    oldValueString: string;
+    newValueString: string;
+    defaultValueString: string | null;
+    removedProps: PropDelta[];
+    addedProps: PropDelta[];
+}) => string;

package/dist/preview-server/routes/log-updates/format-effect-prop-change.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formatEffectPropChange = void 0;
+const format_side_props_1 = require("./format-side-props");
+const formatting_1 = require("./formatting");
+const formatEffectPropBody = (key, valueString) => {
+    return `${(0, formatting_1.punctuation)(key)}${(0, formatting_1.punctuation)(': ')}${(0, formatting_1.colorValue)(valueString)}`;
+};
+const formatEffectCall = (effectName, key, valueString) => {
+    return `${(0, formatting_1.attrName)(effectName)}${(0, formatting_1.punctuation)('(')}${(0, formatting_1.punctuation)('{')}${formatEffectPropBody(key, valueString)}${(0, formatting_1.punctuation)('}')}${(0, formatting_1.punctuation)(')')}`;
+};
+const formatEffectDeletion = ({ effectName, key, valueString, }) => {
+    const inner = formatEffectPropBody(key, valueString);
+    return `${(0, formatting_1.attrName)(effectName)}${(0, formatting_1.punctuation)('(')}${(0, formatting_1.punctuation)('{')}${(0, formatting_1.strikeThroughOrRemovedPrefix)(inner)}${(0, formatting_1.punctuation)('}')}${(0, formatting_1.punctuation)(')')}`;
+};
+const formatEffectAddition = ({ effectName, key, valueString, }) => {
+    return (0, formatting_1.addedPrefixIfNoColor)(formatEffectCall(effectName, key, valueString));
+};
+const formatEffectInnerPropChange = ({ effectName, key, oldValueString, newValueString, defaultValueString, }) => {
+    if (defaultValueString !== null && newValueString === defaultValueString) {
+        return formatEffectDeletion({
+            effectName,
+            key,
+            valueString: oldValueString,
+        });
+    }
+    if (defaultValueString !== null && oldValueString === defaultValueString) {
+        return formatEffectAddition({
+            effectName,
+            key,
+            valueString: newValueString,
+        });
+    }
+    return `${formatEffectCall(effectName, key, oldValueString)} \u2192 ${formatEffectCall(effectName, key, newValueString)}`;
+};
+const formatEffectPropChange = ({ effectName, key, oldValueString, newValueString, defaultValueString, removedProps, addedProps, }) => {
+    const suffix = (0, format_side_props_1.formatSideProps)({ removedProps, addedProps });
+    return [
+        formatEffectInnerPropChange({
+            effectName,
+            key,
+            oldValueString,
+            newValueString,
+            defaultValueString,
+        }),
+        suffix,
+    ]
+        .filter(Boolean)
+        .join(', ');
+};
+exports.formatEffectPropChange = formatEffectPropChange;

package/dist/preview-server/routes/log-updates/format-prop-change.d.ts

@@ -0,0 +1,9 @@
+import { type PropDelta } from './formatting';
+export declare const formatPropChange: ({ key, oldValueString, newValueString, defaultValueString, removedProps, addedProps, }: {
+    key: string;
+    oldValueString: string;
+    newValueString: string;
+    defaultValueString: string | null;
+    removedProps: PropDelta[];
+    addedProps: PropDelta[];
+}) => string;

package/dist/preview-server/routes/log-updates/format-prop-change.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formatPropChange = void 0;
+const format_side_props_1 = require("./format-side-props");
+const formatting_1 = require("./formatting");
+const formatInnerPropChange = ({ key, oldValueString, newValueString, defaultValueString, }) => {
+    if (defaultValueString !== null && newValueString === defaultValueString) {
+        return (0, formatting_1.formatDeletion)({ valueString: oldValueString, key });
+    }
+    if (defaultValueString !== null && oldValueString === defaultValueString) {
+        return (0, formatting_1.formatAddition)({ valueString: newValueString, key });
+    }
+    return `${(0, formatting_1.formatPropDelta)({ valueString: oldValueString, key })} \u2192 ${(0, formatting_1.formatPropDelta)({ valueString: newValueString, key })}`;
+};
+const formatPropChange = ({ key, oldValueString, newValueString, defaultValueString, removedProps, addedProps, }) => {
+    const suffix = (0, format_side_props_1.formatSideProps)({ removedProps, addedProps });
+    return [
+        formatInnerPropChange({
+            key,
+            oldValueString,
+            newValueString,
+            defaultValueString,
+        }),
+        suffix,
+    ]
+        .filter(Boolean)
+        .join(', ');
+};
+exports.formatPropChange = formatPropChange;

package/dist/preview-server/routes/log-updates/format-side-prop.js

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

package/dist/preview-server/routes/log-updates/format-side-props.d.ts

@@ -0,0 +1,5 @@
+import { type PropDelta } from './formatting';
+export declare const formatSideProps: ({ removedProps, addedProps, }: {
+    removedProps: PropDelta[];
+    addedProps: PropDelta[];
+}) => string | null;

package/dist/preview-server/routes/log-updates/format-side-props.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formatSideProps = void 0;
+const formatting_1 = require("./formatting");
+const formatSideProps = ({ removedProps, addedProps, }) => {
+    const parts = [];
+    for (const prop of removedProps) {
+        parts.push((0, formatting_1.formatDeletion)(prop));
+    }
+    for (const prop of addedProps) {
+        parts.push((0, formatting_1.formatAddition)(prop));
+    }
+    if (parts.length === 0) {
+        return null;
+    }
+    return parts.join(', ');
+};
+exports.formatSideProps = formatSideProps;

package/dist/preview-server/routes/log-updates/formatting.d.ts

@@ -0,0 +1,19 @@
+export declare const colorEnabled: () => boolean;
+export declare const colorValue: (str: string) => string;
+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 attrName: (str: string) => string;
+export declare const equals: (str: string) => string;
+export declare const punctuation: (str: string) => string;
+export declare const stringValue: (str: string) => string;
+export declare const numberValue: (str: string) => string;
+export declare const strikeThrough: (str: string) => string;
+export declare const strikeThroughOrRemovedPrefix: (str: string) => string;
+export declare const addedPrefixIfNoColor: (str: string) => string;
+export type PropDelta = {
+    key: string;
+    valueString: string;
+};
+export declare const formatPropDelta: ({ key, valueString }: PropDelta) => string;
+export declare const formatDeletion: (prop: PropDelta) => string;
+export declare const formatAddition: (prop: PropDelta) => string;

package/dist/preview-server/routes/log-updates/formatting.js

@@ -0,0 +1,67 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formatAddition = exports.formatDeletion = exports.formatPropDelta = exports.addedPrefixIfNoColor = exports.strikeThroughOrRemovedPrefix = exports.strikeThrough = exports.numberValue = exports.stringValue = exports.punctuation = exports.equals = exports.attrName = exports.bg = exports.fg = exports.colorValue = exports.colorEnabled = void 0;
+const renderer_1 = require("@remotion/renderer");
+const colorEnabled = () => renderer_1.RenderInternals.chalk.enabled();
+exports.colorEnabled = colorEnabled;
+const colorValue = (str) => {
+    if ((str.startsWith("'") && str.endsWith("'")) ||
+        (str.startsWith('"') && str.endsWith('"'))) {
+        return (0, exports.stringValue)(str);
+    }
+    if (/^-?\d+(\.\d+)?$/.test(str)) {
+        return (0, exports.numberValue)(str);
+    }
+    return (0, exports.punctuation)(str);
+};
+exports.colorValue = colorValue;
+// eslint-disable-next-line no-control-regex
+const stripAnsi = (str) => str.replace(/\u001b\[[0-9;]*m/g, '');
+// 24-bit ANSI helpers
+const fg = (r, g, b, str) => (0, exports.colorEnabled)() ? `\u001b[38;2;${r};${g};${b}m${str}\u001b[39m` : str;
+exports.fg = fg;
+const bg = (r, g, b, str) => (0, exports.colorEnabled)() ? `\u001b[48;2;${r};${g};${b}m${str}\u001b[49m` : str;
+exports.bg = bg;
+// Monokai-inspired syntax colors
+const attrName = (str) => (0, exports.fg)(166, 226, 46, str);
+exports.attrName = attrName;
+const equals = (str) => (0, exports.fg)(249, 38, 114, str);
+exports.equals = equals;
+const punctuation = (str) => (0, exports.fg)(248, 248, 242, str);
+exports.punctuation = punctuation;
+const stringValue = (str) => (0, exports.fg)(230, 219, 116, str);
+exports.stringValue = stringValue;
+const numberValue = (str) => (0, exports.fg)(174, 129, 255, str);
+exports.numberValue = numberValue;
+const strikeThrough = (str) => `\u001b[9m\u001b[38;2;255;85;85m${stripAnsi(str)}\u001b[39m\u001b[29m`;
+exports.strikeThrough = strikeThrough;
+const strikeThroughOrRemovedPrefix = (str) => (0, exports.colorEnabled)() ? (0, exports.strikeThrough)(str) : 'removed: ' + str;
+exports.strikeThroughOrRemovedPrefix = strikeThroughOrRemovedPrefix;
+const addedPrefixIfNoColor = (str) => (0, exports.colorEnabled)() ? str : 'added: ' + stripAnsi(str);
+exports.addedPrefixIfNoColor = addedPrefixIfNoColor;
+// Format key={value} with Monokai syntax highlighting
+const formatSimpleProp = (key, value) => {
+    return `${(0, exports.attrName)(key)}${(0, exports.equals)('=')}${(0, exports.punctuation)('{')}${(0, exports.colorValue)(value)}${(0, exports.punctuation)('}')}`;
+};
+// Format parentKey={{childKey: value}} with Monokai syntax highlighting
+const formatNestedProp = (parentKey, childKey, value) => {
+    return `${(0, exports.attrName)(parentKey)}${(0, exports.equals)('=')}${(0, exports.punctuation)('{{')}${(0, exports.punctuation)(childKey)}${(0, exports.punctuation)(':')} ${(0, exports.colorValue)(value)}${(0, exports.punctuation)('}}')}`;
+};
+const formatPropDelta = ({ key, valueString }) => {
+    const dotIdx = key.indexOf('.');
+    if (dotIdx === -1) {
+        return formatSimpleProp(key, valueString);
+    }
+    return formatNestedProp(key.slice(0, dotIdx), key.slice(dotIdx + 1), valueString);
+};
+exports.formatPropDelta = formatPropDelta;
+const formatDeletion = (prop) => {
+    const formatted = (0, exports.formatPropDelta)(prop);
+    return (0, exports.strikeThroughOrRemovedPrefix)(formatted);
+};
+exports.formatDeletion = formatDeletion;
+const formatAddition = (prop) => {
+    const formatted = (0, exports.formatPropDelta)(prop);
+    return (0, exports.addedPrefixIfNoColor)(formatted);
+};
+exports.formatAddition = formatAddition;

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

@@ -0,0 +1,14 @@
+import type { PropDelta } from './formatting';
+export declare const logEffectUpdate: ({ fileRelativeToRoot, line, effectName, propKey, oldValueString, newValueString, defaultValueString, formatted, logLevel, removedProps, addedProps, }: {
+    fileRelativeToRoot: string;
+    line: number;
+    effectName: string;
+    propKey: string;
+    oldValueString: string;
+    newValueString: string;
+    defaultValueString: string | null;
+    formatted: boolean;
+    logLevel: "error" | "info" | "trace" | "verbose" | "warn";
+    removedProps: PropDelta[];
+    addedProps: PropDelta[];
+}) => void;

package/dist/preview-server/routes/log-updates/log-effect-update.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.logEffectUpdate = void 0;
+const renderer_1 = require("@remotion/renderer");
+const format_effect_prop_change_1 = require("./format-effect-prop-change");
+const log_update_1 = require("./log-update");
+const logEffectUpdate = ({ fileRelativeToRoot, line, effectName, propKey, oldValueString, newValueString, defaultValueString, formatted, logLevel, removedProps, addedProps, }) => {
+    const locationLabel = `${fileRelativeToRoot}:${line}`;
+    const propChange = (0, format_effect_prop_change_1.formatEffectPropChange)({
+        effectName,
+        key: propKey,
+        oldValueString: (0, log_update_1.normalizeQuotes)(oldValueString),
+        newValueString: (0, log_update_1.normalizeQuotes)(newValueString),
+        defaultValueString: defaultValueString !== null ? (0, log_update_1.normalizeQuotes)(defaultValueString) : null,
+        removedProps,
+        addedProps,
+    });
+    renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, `${renderer_1.RenderInternals.chalk.blueBright(`${locationLabel}`)} ${propChange}`);
+    if (!formatted) {
+        (0, log_update_1.warnAboutPrettierOnce)(logLevel);
+    }
+};
+exports.logEffectUpdate = logEffectUpdate;

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

@@ -0,0 +1,15 @@
+import type { PropDelta } from './formatting';
+export declare const warnAboutPrettierOnce: (logLevel: "error" | "info" | "trace" | "verbose" | "warn") => void;
+export declare const normalizeQuotes: (str: string) => string;
+export declare const logUpdate: ({ fileRelativeToRoot, line, key, oldValueString, newValueString, defaultValueString, formatted, logLevel, removedProps, addedProps, }: {
+    fileRelativeToRoot: string;
+    line: number;
+    key: string;
+    oldValueString: string;
+    newValueString: string;
+    defaultValueString: string | null;
+    formatted: boolean;
+    logLevel: "error" | "info" | "trace" | "verbose" | "warn";
+    removedProps: PropDelta[];
+    addedProps: PropDelta[];
+}) => void;

package/dist/preview-server/routes/log-updates/log-update.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.logUpdate = exports.normalizeQuotes = exports.warnAboutPrettierOnce = void 0;
+const renderer_1 = require("@remotion/renderer");
+const format_prop_change_1 = require("./format-prop-change");
+let warnedAboutPrettier = false;
+const warnAboutPrettierOnce = (logLevel) => {
+    if (warnedAboutPrettier) {
+        return;
+    }
+    warnedAboutPrettier = true;
+    renderer_1.RenderInternals.Log.warn({ indent: false, logLevel }, renderer_1.RenderInternals.chalk.yellow('Could not format with Prettier. File will need to be formatted manually.'));
+};
+exports.warnAboutPrettierOnce = warnAboutPrettierOnce;
+const normalizeQuotes = (str) => {
+    if (str.length >= 2 &&
+        ((str.startsWith("'") && str.endsWith("'")) ||
+            (str.startsWith('"') && str.endsWith('"')))) {
+        return `'${str.slice(1, -1)}'`;
+    }
+    return str;
+};
+exports.normalizeQuotes = normalizeQuotes;
+const logUpdate = ({ fileRelativeToRoot, line, key, oldValueString, newValueString, defaultValueString, formatted, logLevel, removedProps, addedProps, }) => {
+    const locationLabel = `${fileRelativeToRoot}:${line}`;
+    const propChange = (0, format_prop_change_1.formatPropChange)({
+        key,
+        oldValueString: (0, exports.normalizeQuotes)(oldValueString),
+        newValueString: (0, exports.normalizeQuotes)(newValueString),
+        defaultValueString: defaultValueString !== null ? (0, exports.normalizeQuotes)(defaultValueString) : null,
+        removedProps,
+        addedProps,
+    });
+    renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, `${renderer_1.RenderInternals.chalk.blueBright(`${locationLabel}`)} ${propChange}`);
+    if (!formatted) {
+        (0, exports.warnAboutPrettierOnce)(logLevel);
+    }
+};
+exports.logUpdate = logUpdate;

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

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

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

@@ -0,0 +1,107 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.saveEffectPropsHandler = void 0;
+const node_fs_1 = require("node:fs");
+const node_path_1 = __importDefault(require("node:path"));
+const renderer_1 = require("@remotion/renderer");
+const studio_shared_1 = require("@remotion/studio-shared");
+const parse_ast_1 = require("../../codemods/parse-ast");
+const update_effect_props_1 = require("../../codemods/update-effect-props/update-effect-props");
+const file_watcher_1 = require("../../file-watcher");
+const undo_stack_1 = require("../undo-stack");
+const watch_ignore_next_change_1 = require("../watch-ignore-next-change");
+const can_update_effect_props_1 = require("./can-update-effect-props");
+const can_update_sequence_props_1 = require("./can-update-sequence-props");
+const format_effect_prop_change_1 = require("./log-updates/format-effect-prop-change");
+const log_effect_update_1 = require("./log-updates/log-effect-update");
+const log_update_1 = require("./log-updates/log-update");
+const saveEffectPropsHandler = async ({ input: { fileName, sequenceNodePath, effectIndex, key, value, defaultValue, schema, }, remotionRoot, logLevel, }) => {
+    renderer_1.RenderInternals.Log.trace({ indent: false, logLevel }, `[save-effect-props] Received request for fileName="${fileName}" effectIndex=${effectIndex} key="${key}"`);
+    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 parsedDefault = defaultValue !== null ? JSON.parse(defaultValue) : null;
+    const { output, oldValueString, formatted, logLine, effectCallee } = await (0, update_effect_props_1.updateEffectProps)({
+        input: fileContents,
+        sequenceNodePath: sequenceNodePath.nodePath,
+        effectIndex,
+        update: {
+            key,
+            value: JSON.parse(value),
+            defaultValue: parsedDefault,
+        },
+    });
+    const defaultValueString = parsedDefault !== null ? JSON.stringify(parsedDefault) : null;
+    const normalizedOld = (0, log_update_1.normalizeQuotes)(oldValueString);
+    const normalizedNew = (0, log_update_1.normalizeQuotes)(value);
+    const normalizedDefault = defaultValueString !== null ? (0, log_update_1.normalizeQuotes)(defaultValueString) : null;
+    const undoPropChange = (0, format_effect_prop_change_1.formatEffectPropChange)({
+        effectName: effectCallee,
+        key,
+        oldValueString: normalizedNew,
+        newValueString: normalizedOld,
+        defaultValueString: normalizedDefault,
+        removedProps: [],
+        addedProps: [],
+    });
+    const redoPropChange = (0, format_effect_prop_change_1.formatEffectPropChange)({
+        effectName: effectCallee,
+        key,
+        oldValueString: normalizedOld,
+        newValueString: normalizedNew,
+        defaultValueString: normalizedDefault,
+        removedProps: [],
+        addedProps: [],
+    });
+    (0, undo_stack_1.pushToUndoStack)({
+        filePath: absolutePath,
+        oldContents: fileContents,
+        logLevel,
+        remotionRoot,
+        logLine,
+        description: {
+            undoMessage: `↩️  ${undoPropChange}`,
+            redoMessage: `↪️  ${redoPropChange}`,
+        },
+        entryType: 'effect-props',
+        suppressHmrOnFileRestore: true,
+    });
+    (0, undo_stack_1.suppressUndoStackInvalidation)(absolutePath);
+    (0, watch_ignore_next_change_1.suppressBundlerUpdateForFile)(absolutePath);
+    (0, file_watcher_1.writeFileAndNotifyFileWatchers)(absolutePath, output);
+    (0, log_effect_update_1.logEffectUpdate)({
+        fileRelativeToRoot,
+        line: logLine,
+        effectName: effectCallee,
+        propKey: key,
+        oldValueString,
+        newValueString: value,
+        defaultValueString,
+        formatted,
+        logLevel,
+        removedProps: [],
+        addedProps: [],
+    });
+    (0, undo_stack_1.printUndoHint)(logLevel);
+    const ast = (0, parse_ast_1.parseAst)((0, node_fs_1.readFileSync)(absolutePath, 'utf-8'));
+    const jsx = (0, can_update_sequence_props_1.findJsxElementAtNodePath)(ast, sequenceNodePath.nodePath);
+    if (!jsx) {
+        return {
+            canUpdate: false,
+            effectIndex,
+            reason: 'not-found',
+        };
+    }
+    return (0, can_update_effect_props_1.computeEffectPropStatus)({
+        jsx,
+        effectIndex,
+        keys: (0, studio_shared_1.getAllSchemaKeys)(schema),
+    });
+};
+exports.saveEffectPropsHandler = saveEffectPropsHandler;