@remotion/studio-server 4.0.430 → 4.0.431

package/dist/codemods/apply-component-visual-control.d.ts

@@ -0,0 +1,8 @@
+import type { File } from '@babel/types';
+import { type ApplyComponentVisualControlCodemod } from '@remotion/studio-shared';
+import type { ApplyCodeModReturnType, Change } from './recast-mods';
+export declare const applyComponentVisualControl: ({ file, transformation, changesMade, }: {
+    file: File;
+    transformation: ApplyComponentVisualControlCodemod;
+    changesMade: Change[];
+}) => ApplyCodeModReturnType;

package/dist/codemods/apply-component-visual-control.js

@@ -0,0 +1,92 @@
+"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.applyComponentVisualControl = void 0;
+const studio_shared_1 = require("@remotion/studio-shared");
+const recast = __importStar(require("recast"));
+const parse_ast_1 = require("./parse-ast");
+const applyComponentVisualControl = ({ file, transformation, changesMade, }) => {
+    recast.types.visit(file.program, {
+        visitJSXOpeningElement(path) {
+            var _a;
+            const { node } = path;
+            if (node.name.type !== 'JSXIdentifier' ||
+                node.name.name !== transformation.componentName) {
+                return this.traverse(path);
+            }
+            if (((_a = node.loc) === null || _a === void 0 ? void 0 : _a.start.line) !== transformation.line) {
+                return this.traverse(path);
+            }
+            const attributes = node.attributes;
+            if (!attributes) {
+                return this.traverse(path);
+            }
+            for (const change of transformation.changes) {
+                const parsed = (0, parse_ast_1.parseAst)(`a = ${(0, studio_shared_1.stringifyDefaultProps)({ props: JSON.parse(change.newValueSerialized), enumPaths: change.enumPaths })}`).program.body[0].expression.right;
+                const existingAttr = attributes.find((attr) => attr.type === 'JSXAttribute' &&
+                    attr.name.type === 'JSXIdentifier' &&
+                    attr.name.name === change.propName);
+                if (existingAttr && existingAttr.type === 'JSXAttribute') {
+                    existingAttr.value = {
+                        type: 'JSXExpressionContainer',
+                        expression: parsed,
+                    };
+                    changesMade.push({
+                        description: `Updated prop ${change.propName} on ${transformation.componentName}`,
+                    });
+                }
+                else {
+                    attributes.push({
+                        type: 'JSXAttribute',
+                        name: {
+                            type: 'JSXIdentifier',
+                            name: change.propName,
+                        },
+                        value: {
+                            type: 'JSXExpressionContainer',
+                            expression: parsed,
+                        },
+                    });
+                    changesMade.push({
+                        description: `Added prop ${change.propName} to ${transformation.componentName}`,
+                    });
+                }
+            }
+            return false;
+        },
+    });
+    return { newAst: file, changesMade };
+};
+exports.applyComponentVisualControl = applyComponentVisualControl;

package/dist/preview-server/routes/apply-component-visual-control-change.d.ts

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

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

@@ -0,0 +1,38 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.applyComponentVisualControlHandler = 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 recast_mods_1 = require("../../codemods/recast-mods");
+const applyComponentVisualControlHandler = ({ input: { fileName, componentName, line, column, changes }, 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 apply component visual control change to a file outside the project');
+    }
+    const fileContents = (0, node_fs_1.readFileSync)(absolutePath, 'utf-8');
+    const ast = (0, parse_ast_1.parseAst)(fileContents);
+    const { newAst, changesMade } = (0, recast_mods_1.applyCodemod)({
+        file: ast,
+        codeMod: {
+            type: 'apply-component-visual-control',
+            componentName,
+            line,
+            column,
+            changes,
+        },
+    });
+    if (changesMade.length === 0) {
+        throw new Error('No changes were made to the file');
+    }
+    const output = (0, parse_ast_1.serializeAst)(newAst);
+    (0, node_fs_1.writeFileSync)(absolutePath, output);
+    return Promise.resolve({
+        success: true,
+    });
+};
+exports.applyComponentVisualControlHandler = applyComponentVisualControlHandler;

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/studio-server"
 	},
 	"name": "@remotion/studio-server",
-	"version": "4.0.430",
+	"version": "4.0.431",
 	"description": "Run a Remotion Studio with a server backend",
 	"main": "dist",
 	"sideEffects": false,
@@ -27,11 +27,11 @@
 		"@babel/parser": "7.24.1",
 		"semver": "7.5.3",
 		"prettier": "3.8.1",
-		"remotion": "4.0.429",
+		"remotion": "4.0.431",
 		"recast": "0.23.11",
-		"@remotion/bundler": "4.0.429",
-		"@remotion/renderer": "4.0.429",
-		"@remotion/studio-shared": "4.0.429",
+		"@remotion/bundler": "4.0.431",
+		"@remotion/renderer": "4.0.431",
+		"@remotion/studio-shared": "4.0.431",
 		"memfs": "3.4.3",
 		"source-map": "0.7.3",
 		"open": "^8.4.2"
@@ -41,7 +41,7 @@
 		"react": "19.2.3",
 		"@babel/types": "7.24.0",
 		"@types/semver": "^7.3.4",
-		"@remotion/eslint-config-internal": "4.0.429",
+		"@remotion/eslint-config-internal": "4.0.431",
 		"eslint": "9.19.0",
 		"@types/node": "20.12.14",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"

package/dist/preview-server/__tests__/multiple-lockfiles.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/preview-server/__tests__/multiple-lockfiles.test.js

@@ -1,64 +0,0 @@
-'use strict';
-var __importDefault =
-	(this && this.__importDefault) ||
-	function (mod) {
-		return mod && mod.__esModule ? mod : {default: mod};
-	};
-Object.defineProperty(exports, '__esModule', {value: true});
-const bun_test_1 = require('bun:test');
-const node_fs_1 = __importDefault(require('node:fs'));
-const node_os_1 = __importDefault(require('node:os'));
-const node_path_1 = __importDefault(require('node:path'));
-const get_package_manager_1 = require('../get-package-manager');
-(0, bun_test_1.describe)('getPackageManager multiple lockfiles', () => {
-	let tempDir;
-	(0, bun_test_1.beforeEach)(() => {
-		tempDir = node_fs_1.default.mkdtempSync(
-			node_path_1.default.join(node_os_1.default.tmpdir(), 'remotion-test-'),
-		);
-	});
-	(0, bun_test_1.afterEach)(() => {
-		node_fs_1.default.rmSync(tempDir, {recursive: true, force: true});
-	});
-	(0, bun_test_1.test)(
-		'should not throw error when multiple lockfiles are detected',
-		() => {
-			node_fs_1.default.writeFileSync(
-				node_path_1.default.join(tempDir, 'package-lock.json'),
-				'{}',
-			);
-			node_fs_1.default.writeFileSync(
-				node_path_1.default.join(tempDir, 'bun.lock'),
-				'',
-			);
-			// Should not throw
-			const manager = (0, get_package_manager_1.getPackageManager)(
-				tempDir,
-				undefined,
-				0,
-			);
-			// Should return one of them (usually the first one in the list, which is npm)
-			(0, bun_test_1.expect)(manager).not.toBe('unknown');
-			if (typeof manager !== 'string') {
-				(0, bun_test_1.expect)(['npm', 'bun']).toContain(manager.manager);
-			}
-		},
-	);
-	(0, bun_test_1.test)(
-		'should return npm if only package-lock.json exists',
-		() => {
-			node_fs_1.default.writeFileSync(
-				node_path_1.default.join(tempDir, 'package-lock.json'),
-				'{}',
-			);
-			const manager = (0, get_package_manager_1.getPackageManager)(
-				tempDir,
-				undefined,
-				0,
-			);
-			if (typeof manager !== 'string') {
-				(0, bun_test_1.expect)(manager.manager).toBe('npm');
-			}
-		},
-	);
-});