@remotion/studio-server 4.0.461 → 4.0.463

package/package.json

@@ -3,10 +3,9 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/studio-server"
 	},
 	"name": "@remotion/studio-server",
-	"version": "4.0.461",
+	"version": "4.0.463",
 	"description": "Run a Remotion Studio with a server backend",
 	"main": "dist",
-	"sideEffects": false,
 	"scripts": {
 		"lint": "eslint src",
 		"test": "bun test src",
@@ -28,11 +27,11 @@
 		"@babel/parser": "7.24.1",
 		"semver": "7.5.3",
 		"prettier": "3.8.1",
-		"remotion": "4.0.461",
+		"remotion": "4.0.463",
 		"recast": "0.23.11",
-		"@remotion/bundler": "4.0.461",
-		"@remotion/renderer": "4.0.461",
-		"@remotion/studio-shared": "4.0.461",
+		"@remotion/bundler": "4.0.463",
+		"@remotion/renderer": "4.0.463",
+		"@remotion/studio-shared": "4.0.463",
 		"memfs": "3.4.3",
 		"open": "8.4.2"
 	},
@@ -40,7 +39,7 @@
 		"ast-types": "0.16.1",
 		"react": "19.2.3",
 		"@types/semver": "7.5.3",
-		"@remotion/eslint-config-internal": "4.0.461",
+		"@remotion/eslint-config-internal": "4.0.463",
 		"eslint": "9.19.0",
 		"@types/node": "20.12.14",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"

package/dist/codemods/get-all-schema-keys.d.ts

@@ -1,2 +0,0 @@
-import type { SequenceSchema } from 'remotion';
-export declare const getAllSchemaKeys: (schema: SequenceSchema) => string[];

package/dist/codemods/get-all-schema-keys.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getAllSchemaKeys = void 0;
-const remotion_1 = require("remotion");
-const getAllSchemaKeys = (schema) => {
-    return Object.keys(remotion_1.Internals.getFlatSchemaWithAllKeys(schema));
-};
-exports.getAllSchemaKeys = getAllSchemaKeys;

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

@@ -1,11 +0,0 @@
-import type { Expression, File } from '@babel/types';
-import type { SequenceNodePath } from 'remotion';
-/**
- * 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

@@ -1,68 +0,0 @@
-"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-sequence-props.d.ts

@@ -1,35 +0,0 @@
-import type { SequenceNodePath } from 'remotion';
-import type { SequenceSchema } from 'remotion';
-export type SequencePropUpdate = {
-    key: string;
-    value: unknown;
-    defaultValue: unknown | null;
-};
-export type RemovedProp = {
-    key: string;
-    valueString: string;
-};
-export declare const updateSequencePropsAst: ({ input, nodePath, updates, schema, }: {
-    input: string;
-    nodePath: SequenceNodePath;
-    updates: SequencePropUpdate[];
-    schema?: SequenceSchema | undefined;
-}) => {
-    serialized: string;
-    oldValueStrings: string[];
-    logLine: number;
-    removedProps: RemovedProp[];
-};
-export declare const updateSequenceProps: ({ input, nodePath, updates, schema, prettierConfigOverride, }: {
-    input: string;
-    nodePath: SequenceNodePath;
-    updates: SequencePropUpdate[];
-    schema: SequenceSchema;
-    prettierConfigOverride?: Record<string, unknown> | null | undefined;
-}) => Promise<{
-    output: string;
-    oldValueStrings: string[];
-    formatted: boolean;
-    logLine: number;
-    removedProps: RemovedProp[];
-}>;

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

@@ -1,228 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.updateSequenceProps = exports.updateSequencePropsAst = 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;
-const removeVariantKey = ({ node, variantKey, }) => {
-    var _a;
-    const dotIndex = variantKey.indexOf('.');
-    if (dotIndex === -1) {
-        const idx = (_a = node.attributes) === null || _a === void 0 ? void 0 : _a.findIndex((a) => a.type === 'JSXAttribute' &&
-            a.name.type === 'JSXIdentifier' &&
-            a.name.name === variantKey);
-        if (idx !== undefined && idx !== -1 && node.attributes) {
-            node.attributes.splice(idx, 1);
-        }
-        return;
-    }
-    (0, update_nested_prop_1.updateNestedProp)({
-        node,
-        parentKey: variantKey.slice(0, dotIndex),
-        childKey: variantKey.slice(dotIndex + 1),
-        value: undefined,
-        defaultValue: null,
-        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') {
-            result.set(a.name.name, recast
-                .print(a)
-                .code.replace(/\s+/g, ' ')
-                .replace(/,(\s*[}\]])/g, '$1')
-                .trim());
-        }
-    }
-    return result;
-};
-const updateSequencePropsAst = ({ input, nodePath, updates, schema, }) => {
-    var _a, _b, _c;
-    var _d, _e;
-    const ast = (0, parse_ast_1.parseAst)(input);
-    const node = (0, can_update_sequence_props_1.findJsxElementAtNodePath)(ast, nodePath);
-    if (!node) {
-        throw new Error('Could not find a JSX element at the specified line to update');
-    }
-    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 &&
-            JSON.stringify(value) === JSON.stringify(defaultValue);
-        const dotIndex = key.indexOf('.');
-        const isNested = dotIndex !== -1;
-        const parentKey = isNested ? key.slice(0, dotIndex) : key;
-        const childKey = isNested ? key.slice(dotIndex + 1) : '';
-        if (isNested) {
-            oldValueString = (0, update_nested_prop_1.updateNestedProp)({
-                node,
-                parentKey,
-                childKey,
-                value,
-                defaultValue,
-                isDefault,
-            });
-        }
-        else {
-            const attrIndex = (_b = node.attributes) === null || _b === void 0 ? void 0 : _b.findIndex((a) => {
-                if (a.type === 'JSXSpreadAttribute') {
-                    return false;
-                }
-                if (a.name.type === 'JSXNamespacedName') {
-                    return false;
-                }
-                return a.name.name === key;
-            });
-            const attr = attrIndex !== undefined && attrIndex !== -1
-                ? (_c = node.attributes) === null || _c === void 0 ? void 0 : _c[attrIndex]
-                : undefined;
-            if (attr && attr.type !== 'JSXSpreadAttribute' && attr.value) {
-                const printed = recast.print(attr.value).code;
-                // Strip JSX expression container braces, e.g. "{30}" -> "30"
-                oldValueString =
-                    printed.startsWith('{') && printed.endsWith('}')
-                        ? printed.slice(1, -1)
-                        : printed;
-            }
-            else if (attr && attr.type !== 'JSXSpreadAttribute' && !attr.value) {
-                // JSX shorthand like `loop` (no value) is implicitly `true`
-                oldValueString = 'true';
-            }
-            else if (!attr && defaultValue !== null) {
-                oldValueString = JSON.stringify(defaultValue);
-            }
-            if (isDefault) {
-                if (attr && attr.type !== 'JSXSpreadAttribute' && node.attributes) {
-                    node.attributes.splice(attrIndex, 1);
-                }
-            }
-            else {
-                const parsed = (0, update_nested_prop_1.parseValueExpression)(value);
-                const newValue = value === true ? null : b.jsxExpressionContainer(parsed);
-                if (!attr || attr.type === 'JSXSpreadAttribute') {
-                    const newAttr = b.jsxAttribute(b.jsxIdentifier(key), newValue);
-                    if (!node.attributes) {
-                        node.attributes = [];
-                    }
-                    node.attributes.push(newAttr);
-                }
-                else {
-                    attr.value = newValue;
-                }
-            }
-        }
-        oldValueStrings.push(oldValueString);
-        if (schema && !isNested) {
-            const fieldSchema = schema[key];
-            if (fieldSchema && fieldSchema.type === 'enum') {
-                let oldRawValue;
-                try {
-                    oldRawValue = JSON.parse(oldValueString);
-                }
-                catch (_f) {
-                    oldRawValue = oldValueString;
-                }
-                if (oldRawValue !== value) {
-                    const oldVariant = typeof oldRawValue === 'string'
-                        ? fieldSchema.variants[oldRawValue]
-                        : undefined;
-                    const newVariant = typeof value === 'string' ? fieldSchema.variants[value] : undefined;
-                    if (oldVariant) {
-                        const newKeys = new Set(newVariant ? Object.keys(newVariant) : []);
-                        for (const variantKey of Object.keys(oldVariant)) {
-                            if (newKeys.has(variantKey)) {
-                                continue;
-                            }
-                            removeVariantKey({ node, variantKey });
-                        }
-                    }
-                }
-            }
-        }
-    }
-    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, removedProps } = (0, exports.updateSequencePropsAst)({
-        input,
-        nodePath,
-        updates,
-        schema,
-    });
-    const { output, formatted } = await (0, format_file_content_1.formatFileContent)({
-        input: serialized,
-        prettierConfigOverride,
-    });
-    return {
-        output,
-        oldValueStrings,
-        formatted,
-        logLine,
-        removedProps,
-    };
-};
-exports.updateSequenceProps = updateSequenceProps;

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

@@ -1,29 +0,0 @@
-export declare const warnAboutPrettierOnce: (logLevel: "error" | "info" | "trace" | "verbose" | "warn") => void;
-export declare const normalizeQuotes: (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 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, 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-update.js

@@ -1,109 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-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) => {
-    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;
-// 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) => (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('"'))) {
-        return stringValue(str);
-    }
-    if (/^-?\d+(\.\d+)?$/.test(str)) {
-        return numberValue(str);
-    }
-    return punctuation(str);
-};
-const colorEnabled = () => renderer_1.RenderInternals.chalk.enabled();
-// Format key={value} with Monokai syntax highlighting
-const formatSimpleProp = (key, value) => {
-    return `${attrName(key)}${equals('=')}${punctuation('{')}${colorValue(value)}${punctuation('}')}`;
-};
-// Format parentKey={{childKey: value}} with Monokai syntax highlighting
-const formatNestedProp = (parentKey, childKey, value) => {
-    return `${attrName(parentKey)}${equals('=')}${punctuation('{{')}${punctuation(childKey)}${punctuation(':')} ${colorValue(value)}${punctuation('}}')}`;
-};
-const formatSideProps = ({ removedProps, addedProps, }) => {
-    const parts = [];
-    for (const { valueString } of removedProps) {
-        parts.push(colorEnabled() ? (0, exports.strikeThrough)(valueString) : valueString);
-    }
-    for (const { valueString } of addedProps) {
-        parts.push(valueString);
-    }
-    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}`;
-        }
-        const parent = key.slice(0, dotIdx);
-        const child = key.slice(dotIdx + 1);
-        return `${parent}={{${child}: ${oldValueString}}} \u2192 ${parent}={{${child}: ${newValueString}}}${suffix}`;
-    }
-    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 (defaultValueString !== null && oldValueString === defaultValueString) {
-        return `${formatProp(newValueString)}${suffix}`;
-    }
-    return `${formatProp(oldValueString)} \u2192 ${formatProp(newValueString)}${suffix}`;
-};
-exports.formatPropChange = formatPropChange;
-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) {
-        (0, exports.warnAboutPrettierOnce)(logLevel);
-    }
-};
-exports.logUpdate = logUpdate;