@remotion/studio-server 4.0.409 → 4.0.411

package/dist/helpers/get-installed-installable-packages.js

@@ -10,9 +10,13 @@ const getInstalledInstallablePackages = (remotionRoot) => {
         ...devDependencies,
         ...optionalDependencies,
     ];
-    return Object.entries(studio_shared_1.installableMap)
+    const remotionPackages = Object.entries(studio_shared_1.installableMap)
         .filter(([, _installable]) => _installable)
         .map(([pkg]) => (pkg === 'core' ? 'remotion' : `@remotion/${pkg}`))
         .filter((pkg) => installablePackages.includes(pkg));
+    const installedExtraPackages = studio_shared_1.extraPackages
+        .map((pkg) => pkg.name)
+        .filter((pkg) => installablePackages.includes(pkg));
+    return [...remotionPackages, ...installedExtraPackages];
 };
 exports.getInstalledInstallablePackages = getInstalledInstallablePackages;

package/dist/helpers/install-command.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getInstallCommand = void 0;
 const getInstallCommand = ({ manager, packages, version, additionalArgs, }) => {
-    const pkgList = packages.map((p) => `${p}@${version}`);
+    const pkgList = packages.map((p) => (version ? `${p}@${version}` : p));
     const commands = {
         npm: [
             'i',

package/dist/open-directory-in-finder.js

@@ -15,16 +15,20 @@ const openDirectoryInFinder = (dirToOpen, allowedDirectory) => {
         throw new Error(`Not allowed to open ${relativeToProcessCwd}`);
     }
     if ((0, node_os_1.platform)() === 'win32') {
+        const proc = (0, node_child_process_1.spawn)('explorer.exe', ['/select,', resolved]);
         return new Promise((resolve, reject) => {
-            (0, node_child_process_1.exec)(`explorer.exe /select,${resolved}`, (error) => {
-                if ((error === null || error === void 0 ? void 0 : error.code) === 1) {
+            proc.on('exit', (code) => {
+                // explorer.exe returns 1 even on success
+                if (code === 0 || code === 1) {
                     resolve();
-                    return;
                 }
-                if (error) {
-                    reject(error);
+                else {
+                    reject(new Error(`explorer.exe exited with code ${code}`));
                 }
-                resolve();
+            });
+            proc.on('error', (err) => {
+                proc.kill();
+                reject(err);
             });
         });
     }

package/dist/preview-server/routes/install-dependency.js

@@ -2,13 +2,22 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.handleInstallPackage = void 0;
 const renderer_1 = require("@remotion/renderer");
+const studio_shared_1 = require("@remotion/studio-shared");
 const node_child_process_1 = require("node:child_process");
 const version_1 = require("remotion/version");
 const install_command_1 = require("../../helpers/install-command");
 const get_package_manager_1 = require("../get-package-manager");
+const extraPackageNames = studio_shared_1.extraPackages.map((pkg) => pkg.name);
+const isExtraPackage = (packageName) => {
+    return extraPackageNames.includes(packageName);
+};
+const getExtraPackageVersion = (packageName) => {
+    const pkg = studio_shared_1.extraPackages.find((p) => p.name === packageName);
+    return pkg ? pkg.version : null;
+};
 const handleInstallPackage = async ({ logLevel, remotionRoot, input: { packageNames } }) => {
     for (const packageName of packageNames) {
-        if (!packageName.startsWith('@remotion/')) {
+        if (!packageName.startsWith('@remotion/') && !isExtraPackage(packageName)) {
             return Promise.reject(new Error(`Package ${packageName} is not allowed to be installed.`));
         }
     }
@@ -18,10 +27,18 @@ const handleInstallPackage = async ({ logLevel, remotionRoot, input: { packageNa
             .map((p) => p.path)
             .join(', ')}). Install dependencies using your favorite manager!`);
     }
+    // Build packages with appropriate versions
+    const packagesWithVersions = packageNames.map((pkg) => {
+        const extraVersion = getExtraPackageVersion(pkg);
+        if (extraVersion) {
+            return `${pkg}@${extraVersion}`;
+        }
+        return `${pkg}@${version_1.VERSION}`;
+    });
     const command = (0, install_command_1.getInstallCommand)({
         manager: manager.manager,
-        packages: packageNames,
-        version: version_1.VERSION,
+        packages: packagesWithVersions,
+        version: '',
         additionalArgs: [],
     });
     renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, renderer_1.RenderInternals.chalk.gray(`╭─  ${manager.manager} ${command.join(' ')}`));

package/dist/routes.js

@@ -156,6 +156,14 @@ const handleOpenInEditor = async (remotionRoot, req, res, logLevel) => {
 };
 const handleAddAsset = ({ req, res, search, publicDir, }) => {
     try {
+        const { origin } = req.headers;
+        const { host } = req.headers;
+        if (origin) {
+            const originUrl = new URL(origin);
+            if (originUrl.host !== host) {
+                throw new Error('Request from different origin not allowed');
+            }
+        }
         const query = new node_url_1.URLSearchParams(search);
         const filePath = query.get('filePath');
         if (typeof filePath !== 'string') {
@@ -225,7 +233,7 @@ const handleRoutes = ({ staticHash, staticHashPrefix, outputHash, outputHashPref
     if (url.pathname === '/api/open-in-editor') {
         return handleOpenInEditor(remotionRoot, request, response, logLevel);
     }
-    if (url.pathname === '/api/add-asset') {
+    if (url.pathname === `${staticHash}/api/add-asset`) {
         return handleAddAsset({
             req: request,
             res: response,

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.409",
+	"version": "4.0.411",
 	"description": "Run a Remotion Studio with a server backend",
 	"main": "dist",
 	"sideEffects": false,
@@ -25,11 +25,11 @@
 	"dependencies": {
 		"@babel/parser": "7.24.1",
 		"semver": "7.5.3",
-		"remotion": "4.0.409",
+		"remotion": "4.0.411",
 		"recast": "0.23.11",
-		"@remotion/bundler": "4.0.409",
-		"@remotion/renderer": "4.0.409",
-		"@remotion/studio-shared": "4.0.409",
+		"@remotion/bundler": "4.0.411",
+		"@remotion/renderer": "4.0.411",
+		"@remotion/studio-shared": "4.0.411",
 		"memfs": "3.4.3",
 		"source-map": "0.7.3",
 		"open": "^8.4.2"
@@ -39,7 +39,7 @@
 		"react": "19.2.3",
 		"@babel/types": "7.24.0",
 		"@types/semver": "^7.3.4",
-		"@remotion/eslint-config-internal": "4.0.409",
+		"@remotion/eslint-config-internal": "4.0.411",
 		"eslint": "9.19.0",
 		"@types/node": "20.12.14"
 	},