@remotion/studio-server 4.0.502 → 4.0.504

package/dist/preview-server/studio-protocol/origin-policy.js

@@ -1,39 +1,65 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.handleStudioProtocolOptions = exports.setStudioProtocolCorsHeaders = exports.isAllowedStudioProtocolOrigin = void 0;
-const isAllowedStudioProtocolOrigin = (origin) => {
+exports.handleStudioProtocolOptions = exports.setStudioProtocolCorsHeaders = exports.getAllowedLicenseKeyOrigin = exports.getAllowedStudioProtocolOrigin = void 0;
+const isLoopbackHttp = (url) => url.protocol === 'http:' &&
+    (url.hostname === 'localhost' || url.hostname === '127.0.0.1');
+const getAllowedStudioProtocolOrigin = (origin) => {
     if (!origin) {
-        return false;
+        return null;
     }
     try {
         const url = new URL(origin);
-        return ((url.protocol === 'https:' &&
-            (url.hostname === 'remotion.dev' ||
-                url.hostname === 'www.remotion.dev')) ||
-            (url.protocol === 'http:' &&
-                (url.hostname === 'localhost' || url.hostname === '127.0.0.1')));
+        if (url.protocol !== 'https:' && !isLoopbackHttp(url)) {
+            return null;
+        }
+        return url.origin;
     }
     catch (_a) {
-        return false;
+        return null;
     }
 };
-exports.isAllowedStudioProtocolOrigin = isAllowedStudioProtocolOrigin;
-const setStudioProtocolCorsHeaders = ({ request, response, }) => {
-    const { origin } = request.headers;
-    if (typeof origin !== 'string' || !(0, exports.isAllowedStudioProtocolOrigin)(origin)) {
+exports.getAllowedStudioProtocolOrigin = getAllowedStudioProtocolOrigin;
+const getAllowedLicenseKeyOrigin = (origin) => {
+    if (!origin) {
+        return null;
+    }
+    try {
+        const url = new URL(origin);
+        if (isLoopbackHttp(url)) {
+            return url.origin;
+        }
+        if (url.origin === 'https://remotion.pro' ||
+            url.origin === 'https://www.remotion.pro') {
+            return url.origin;
+        }
+        return null;
+    }
+    catch (_a) {
+        return null;
+    }
+};
+exports.getAllowedLicenseKeyOrigin = getAllowedLicenseKeyOrigin;
+const setStudioProtocolCorsHeaders = ({ licenseKey, request, response, }) => {
+    const origin = licenseKey
+        ? (0, exports.getAllowedLicenseKeyOrigin)(request.headers.origin)
+        : (0, exports.getAllowedStudioProtocolOrigin)(request.headers.origin);
+    if (origin === null) {
         return;
     }
     response.setHeader('Access-Control-Allow-Origin', origin);
-    response.setHeader('Vary', 'Origin');
+    response.setHeader('Vary', 'Origin, Access-Control-Request-Headers, Access-Control-Request-Private-Network');
     response.setHeader('Access-Control-Allow-Methods', 'GET, POST, OPTIONS');
     response.setHeader('Access-Control-Allow-Headers', 'Content-Type');
     response.setHeader('Access-Control-Max-Age', '600');
     response.setHeader('Access-Control-Allow-Private-Network', 'true');
 };
 exports.setStudioProtocolCorsHeaders = setStudioProtocolCorsHeaders;
-const handleStudioProtocolOptions = ({ request, response, }) => {
-    (0, exports.setStudioProtocolCorsHeaders)({ request, response });
-    response.writeHead((0, exports.isAllowedStudioProtocolOrigin)(request.headers.origin) ? 204 : 403);
+const handleStudioProtocolOptions = ({ licenseKey, request, response, }) => {
+    (0, exports.setStudioProtocolCorsHeaders)({ licenseKey, request, response });
+    const origin = licenseKey
+        ? (0, exports.getAllowedLicenseKeyOrigin)(request.headers.origin)
+        : (0, exports.getAllowedStudioProtocolOrigin)(request.headers.origin);
+    response.writeHead(origin === null ? 403 : 204);
     response.end();
     return Promise.resolve();
 };

package/dist/preview-server/update-available.d.ts

@@ -1,3 +1,9 @@
 import type { UpdateAvailableResponse } from '@remotion/studio-shared';
+export declare const isUpdateAvailable: ({ remotionRoot, currentVersion, logLevel, getLatestVersion, }: {
+    remotionRoot: string;
+    currentVersion: string;
+    logLevel: "error" | "info" | "trace" | "verbose" | "warn";
+    getLatestVersion: (() => Promise<string>) | null;
+}) => Promise<UpdateAvailableResponse>;
 export declare const getRemotionVersion: () => any;
 export declare const isUpdateAvailableWithTimeout: (remotionRoot: string, logLevel: "error" | "info" | "trace" | "verbose" | "warn") => Promise<UpdateAvailableResponse>;

package/dist/preview-server/update-available.js

@@ -3,12 +3,26 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isUpdateAvailableWithTimeout = exports.getRemotionVersion = void 0;
+exports.isUpdateAvailableWithTimeout = exports.getRemotionVersion = exports.isUpdateAvailable = void 0;
+const node_fs_1 = require("node:fs");
+const node_path_1 = __importDefault(require("node:path"));
 const semver_1 = __importDefault(require("semver"));
+const detect_outdated_remotion_skills_1 = require("../detect-outdated-remotion-skills");
 const get_latest_remotion_version_1 = require("../get-latest-remotion-version");
 const get_package_manager_1 = require("./get-package-manager");
-const isUpdateAvailable = async ({ remotionRoot, currentVersion, logLevel, }) => {
-    const latest = await (0, get_latest_remotion_version_1.getLatestRemotionVersion)();
+const getSkillsUpdateInfo = ({ remotionRoot, currentVersion, }) => {
+    const projectSkills = (0, detect_outdated_remotion_skills_1.detectOutdatedRemotionSkills)({
+        cwd: remotionRoot,
+        currentVersion,
+    }).project;
+    return {
+        skillsUpdateAvailable: projectSkills.type === 'outdated',
+        remotionUpgradeSkillAvailable: (0, node_fs_1.existsSync)(node_path_1.default.join(remotionRoot, '.agents', 'skills', 'remotion-upgrade', 'SKILL.md')),
+    };
+};
+const isUpdateAvailable = async ({ remotionRoot, currentVersion, logLevel, getLatestVersion, }) => {
+    const latest = await (getLatestVersion !== null && getLatestVersion !== void 0 ? getLatestVersion : get_latest_remotion_version_1.getLatestRemotionVersion)();
+    const skillsUpdateInfo = getSkillsUpdateInfo({ remotionRoot, currentVersion });
     const pkgManager = (0, get_package_manager_1.getPackageManager)({
         remotionRoot,
         packageManager: undefined,
@@ -17,12 +31,14 @@ const isUpdateAvailable = async ({ remotionRoot, currentVersion, logLevel, }) =>
     });
     return {
         updateAvailable: semver_1.default.lt(currentVersion, latest),
+        ...skillsUpdateInfo,
         currentVersion,
         latestVersion: latest,
         timedOut: false,
         packageManager: pkgManager === 'unknown' ? 'unknown' : pkgManager.manager,
     };
 };
+exports.isUpdateAvailable = isUpdateAvailable;
 const getRemotionVersion = () => {
     // careful when refactoring this file, path must be adjusted
     const packageJson = require('../../package.json');
@@ -32,6 +48,10 @@ const getRemotionVersion = () => {
 exports.getRemotionVersion = getRemotionVersion;
 const isUpdateAvailableWithTimeout = (remotionRoot, logLevel) => {
     const version = (0, exports.getRemotionVersion)();
+    const skillsUpdateInfo = getSkillsUpdateInfo({
+        remotionRoot,
+        currentVersion: version,
+    });
     const threeSecTimeout = new Promise((resolve) => {
         const pkgManager = (0, get_package_manager_1.getPackageManager)({
             remotionRoot,
@@ -44,6 +64,7 @@ const isUpdateAvailableWithTimeout = (remotionRoot, logLevel) => {
                 currentVersion: version,
                 latestVersion: version,
                 updateAvailable: false,
+                ...skillsUpdateInfo,
                 timedOut: true,
                 packageManager: pkgManager === 'unknown' ? 'unknown' : pkgManager.manager,
             });
@@ -51,7 +72,12 @@ const isUpdateAvailableWithTimeout = (remotionRoot, logLevel) => {
     });
     return Promise.race([
         threeSecTimeout,
-        isUpdateAvailable({ remotionRoot, currentVersion: version, logLevel }),
+        (0, exports.isUpdateAvailable)({
+            remotionRoot,
+            currentVersion: version,
+            logLevel,
+            getLatestVersion: null,
+        }),
     ]);
 };
 exports.isUpdateAvailableWithTimeout = isUpdateAvailableWithTimeout;

package/dist/remotion-skill-names.d.ts

@@ -0,0 +1,2 @@
+export declare const remotionSkillNames: readonly ["remotion-best-practices", "remotion-captions", "remotion-create", "remotion-docs", "remotion-interactivity", "remotion-maps", "remotion-markup", "remotion-multimedia", "remotion-render", "remotion-saas", "remotion-upgrade"];
+export type RemotionSkillName = (typeof remotionSkillNames)[number];

package/dist/remotion-skill-names.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.remotionSkillNames = void 0;
+exports.remotionSkillNames = [
+    'remotion-best-practices',
+    'remotion-captions',
+    'remotion-create',
+    'remotion-docs',
+    'remotion-interactivity',
+    'remotion-maps',
+    'remotion-markup',
+    'remotion-multimedia',
+    'remotion-render',
+    'remotion-saas',
+    'remotion-upgrade',
+];

package/dist/routes.d.ts

@@ -1,8 +1,9 @@
 import type { IncomingMessage, ServerResponse } from 'node:http';
+import type { DefaultEditor } from '@remotion/renderer';
 import type { GitSource, RenderDefaults, RenderJob, StudioRuntimeConfig } from '@remotion/studio-shared';
 import type { QueueMethods } from './preview-server/api-types';
 import type { LiveEventsServer } from './preview-server/live-events';
-export declare const handleRoutes: ({ staticHash, staticHashPrefix, outputHash, outputHashPrefix, request, response, liveEventsServer, getCurrentInputProps, getEnvVariables, remotionRoot, entryPoint, publicDir, logLevel, getRenderQueue, getRenderDefaults, getNumberOfAudioTags, queueMethods: methods, gitSource, binariesDirectory, getAudioLatencyHint, getPreviewSampleRate, enableCrossSiteIsolation, getStudioRuntimeConfig, configFile, }: {
+export declare const handleRoutes: ({ staticHash, staticHashPrefix, outputHash, outputHashPrefix, request, response, liveEventsServer, getCurrentInputProps, getEnvVariables, remotionRoot, entryPoint, publicDir, logLevel, getRenderQueue, getRenderDefaults, getNumberOfAudioTags, queueMethods: methods, gitSource, binariesDirectory, getAudioLatencyHint, getPreviewSampleRate, enableCrossSiteIsolation, getStudioRuntimeConfig, getDefaultEditor, configFile, }: {
     staticHash: string;
     staticHashPrefix: string;
     outputHash: string;
@@ -26,5 +27,6 @@ export declare const handleRoutes: ({ staticHash, staticHashPrefix, outputHash,
     getPreviewSampleRate: () => number | null;
     enableCrossSiteIsolation: boolean;
     getStudioRuntimeConfig: () => StudioRuntimeConfig;
+    getDefaultEditor: () => DefaultEditor | null;
     configFile: string | null;
 }) => Promise<void>;

package/dist/routes.js

@@ -55,6 +55,7 @@ const open_in_editor_1 = require("./preview-server/routes/open-in-editor");
 const serve_static_1 = require("./preview-server/serve-static");
 const handle_discovery_1 = require("./preview-server/studio-protocol/handle-discovery");
 const handle_install_1 = require("./preview-server/studio-protocol/handle-install");
+const handle_license_key_1 = require("./preview-server/studio-protocol/handle-license-key");
 const origin_policy_1 = require("./preview-server/studio-protocol/origin-policy");
 const validate_same_origin_1 = require("./preview-server/validate-same-origin");
 const watch_ignore_next_change_1 = require("./preview-server/watch-ignore-next-change");
@@ -82,7 +83,7 @@ const handleRemotionConfig = (response, remotionRoot) => {
     response.end(JSON.stringify(body));
     return Promise.resolve();
 };
-const handleFallback = async ({ remotionRoot, hash, response, request, getCurrentInputProps, getEnvVariables, publicDir, getRenderQueue, getRenderDefaults, getNumberOfAudioTags, getAudioLatencyHint, getPreviewSampleRate, gitSource, logLevel, enableCrossSiteIsolation, getStudioRuntimeConfig, }) => {
+const handleFallback = async ({ remotionRoot, hash, response, request, getCurrentInputProps, getEnvVariables, publicDir, getRenderQueue, getRenderDefaults, getNumberOfAudioTags, getAudioLatencyHint, getPreviewSampleRate, gitSource, logLevel, enableCrossSiteIsolation, getStudioRuntimeConfig, getDefaultEditor, }) => {
     var _a, _b;
     const acceptsHtml = ((_a = request.headers.accept) !== null && _a !== void 0 ? _a : '').includes('text/html');
     if (request.method === 'GET' && acceptsHtml) {
@@ -105,7 +106,7 @@ const handleFallback = async ({ remotionRoot, hash, response, request, getCurren
             `Change \`"${pathname}"\` to \`staticFile("${pathname}")\` to fix the error.`,
         ].join('\n'));
     }
-    const displayName = await (0, open_in_editor_1.getEditorName)();
+    const displayName = await (0, open_in_editor_1.getEditorName)({ getDefaultEditor, logLevel });
     response.setHeader('content-type', 'text/html');
     if (enableCrossSiteIsolation) {
         response.setHeader('Cross-Origin-Opener-Policy', 'same-origin');
@@ -251,7 +252,7 @@ const handleBeep = (_, response) => {
     readStream.pipe(response);
     return Promise.resolve();
 };
-const handleRoutes = ({ staticHash, staticHashPrefix, outputHash, outputHashPrefix, request, response, liveEventsServer, getCurrentInputProps, getEnvVariables, remotionRoot, entryPoint, publicDir, logLevel, getRenderQueue, getRenderDefaults, getNumberOfAudioTags, queueMethods: methods, gitSource, binariesDirectory, getAudioLatencyHint, getPreviewSampleRate, enableCrossSiteIsolation, getStudioRuntimeConfig, configFile, }) => {
+const handleRoutes = ({ staticHash, staticHashPrefix, outputHash, outputHashPrefix, request, response, liveEventsServer, getCurrentInputProps, getEnvVariables, remotionRoot, entryPoint, publicDir, logLevel, getRenderQueue, getRenderDefaults, getNumberOfAudioTags, queueMethods: methods, gitSource, binariesDirectory, getAudioLatencyHint, getPreviewSampleRate, enableCrossSiteIsolation, getStudioRuntimeConfig, getDefaultEditor, configFile, }) => {
     const url = new URL(request.url, 'http://localhost');
     if (url.pathname === '/api/file-source') {
         return handleFileSource({
@@ -279,9 +280,14 @@ const handleRoutes = ({ staticHash, staticHashPrefix, outputHash, outputHashPref
         });
     }
     if (url.pathname === '/api/studio-protocol' ||
-        url.pathname === '/api/studio-protocol/install') {
+        url.pathname === '/api/studio-protocol/install' ||
+        url.pathname === '/api/studio-protocol/license-key') {
         if (request.method === 'OPTIONS') {
-            return (0, origin_policy_1.handleStudioProtocolOptions)({ request, response });
+            return (0, origin_policy_1.handleStudioProtocolOptions)({
+                licenseKey: url.pathname === '/api/studio-protocol/license-key',
+                request,
+                response,
+            });
         }
         if (url.pathname === '/api/studio-protocol') {
             return (0, handle_discovery_1.handleStudioProtocolDiscovery)({
@@ -292,6 +298,9 @@ const handleRoutes = ({ staticHash, staticHashPrefix, outputHash, outputHashPref
                 response,
             });
         }
+        if (url.pathname === '/api/studio-protocol/license-key') {
+            return (0, handle_license_key_1.handleStudioProtocolLicenseKey)({ configFile, request, response });
+        }
         return (0, handle_install_1.handleStudioProtocolInstall)({
             focusStudioTab: (studioUrl) => {
                 (0, better_opn_1.focusBrowserTab)({ url: studioUrl }).catch(() => undefined);
@@ -314,6 +323,7 @@ const handleRoutes = ({ staticHash, staticHashPrefix, outputHash, outputHashPref
                 binariesDirectory,
                 publicDir,
                 configFile,
+                getDefaultEditor,
             });
         }
     }
@@ -374,6 +384,7 @@ const handleRoutes = ({ staticHash, staticHashPrefix, outputHash, outputHashPref
         getPreviewSampleRate,
         enableCrossSiteIsolation,
         getStudioRuntimeConfig,
+        getDefaultEditor,
     });
 };
 exports.handleRoutes = handleRoutes;

package/dist/start-studio.d.ts

@@ -1,4 +1,5 @@
 import type { BundlerOverrideFn, RspackOverrideFn, WebpackOverrideFn } from '@remotion/bundler';
+import type { DefaultEditor } from '@remotion/renderer';
 import type { GitSource, RenderDefaults, RenderJob, StudioRuntimeConfig } from '@remotion/studio-shared';
 import type { QueueMethods } from './preview-server/api-types';
 export type StartStudioResult = {
@@ -6,7 +7,7 @@ export type StartStudioResult = {
 } | {
     type: 'already-running';
 };
-export declare const startStudio: ({ browserArgs, browserFlag, shouldOpenBrowser, fullEntryPath, logLevel, getCurrentInputProps, getEnvVariables, desiredPort, remotionRoot, relativePublicDir, bundlerOverride, rspackOverride, webpackOverride, poll, getRenderDefaults, getRenderQueue, getNumberOfAudioTags, queueMethods, previewEntry, gitSource, binariesDirectory, forceIPv4, getAudioLatencyHint, getPreviewSampleRate, enableCrossSiteIsolation, forceNew, rspack, getStudioRuntimeConfig, configFile, }: {
+export declare const startStudio: ({ browserArgs, browserFlag, shouldOpenBrowser, fullEntryPath, logLevel, getCurrentInputProps, getEnvVariables, desiredPort, remotionRoot, relativePublicDir, bundlerOverride, rspackOverride, webpackOverride, poll, getRenderDefaults, getRenderQueue, getNumberOfAudioTags, queueMethods, previewEntry, gitSource, binariesDirectory, forceIPv4, getAudioLatencyHint, getPreviewSampleRate, enableCrossSiteIsolation, forceNew, rspack, getStudioRuntimeConfig, getDefaultEditor, configFile, }: {
     browserArgs: string;
     browserFlag: string;
     logLevel: "error" | "info" | "trace" | "verbose" | "warn";
@@ -35,5 +36,6 @@ export declare const startStudio: ({ browserArgs, browserFlag, shouldOpenBrowser
     forceNew: boolean;
     rspack: boolean;
     getStudioRuntimeConfig: () => StudioRuntimeConfig;
+    getDefaultEditor: () => DefaultEditor | null;
     configFile: string | null;
 }) => Promise<StartStudioResult>;

package/dist/start-studio.js

@@ -19,7 +19,7 @@ const public_folder_1 = require("./preview-server/public-folder");
 const start_server_1 = require("./preview-server/start-server");
 const server_ready_1 = require("./server-ready");
 const watch_root_file_1 = require("./watch-root-file");
-const startStudio = async ({ browserArgs, browserFlag, shouldOpenBrowser, fullEntryPath, logLevel, getCurrentInputProps, getEnvVariables, desiredPort, remotionRoot, relativePublicDir, bundlerOverride, rspackOverride, webpackOverride, poll, getRenderDefaults, getRenderQueue, getNumberOfAudioTags, queueMethods, previewEntry, gitSource, binariesDirectory, forceIPv4, getAudioLatencyHint, getPreviewSampleRate, enableCrossSiteIsolation, forceNew, rspack, getStudioRuntimeConfig, configFile, }) => {
+const startStudio = async ({ browserArgs, browserFlag, shouldOpenBrowser, fullEntryPath, logLevel, getCurrentInputProps, getEnvVariables, desiredPort, remotionRoot, relativePublicDir, bundlerOverride, rspackOverride, webpackOverride, poll, getRenderDefaults, getRenderQueue, getNumberOfAudioTags, queueMethods, previewEntry, gitSource, binariesDirectory, forceIPv4, getAudioLatencyHint, getPreviewSampleRate, enableCrossSiteIsolation, forceNew, rspack, getStudioRuntimeConfig, getDefaultEditor, configFile, }) => {
     try {
         if (typeof Bun === 'undefined') {
             process.title = 'node (npx remotion studio)';
@@ -93,6 +93,7 @@ const startStudio = async ({ browserArgs, browserFlag, shouldOpenBrowser, fullEn
         forceNew,
         rspack,
         getStudioRuntimeConfig,
+        getDefaultEditor,
         configFile,
     });
     if (result.type === 'already-running') {

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.502",
+	"version": "4.0.504",
 	"description": "Run a Remotion Studio with a server backend",
 	"main": "dist",
 	"scripts": {
@@ -23,7 +23,7 @@
 		"access": "public"
 	},
 	"dependencies": {
-		"@remotion/studio-protocol": "4.0.502",
+		"@remotion/studio-protocol": "4.0.504",
 		"@babel/types": "7.24.0",
 		"@babel/parser": "7.24.1",
 		"@svgr/core": "8.1.0",
@@ -32,12 +32,12 @@
 		"semver": "7.5.3",
 		"zod": "4.4.3",
 		"prettier": "3.8.1",
-		"remotion": "4.0.502",
+		"remotion": "4.0.504",
 		"recast": "0.23.11",
-		"@remotion/bundler": "4.0.502",
-		"@remotion/renderer": "4.0.502",
-		"@remotion/studio-codemods": "4.0.502",
-		"@remotion/studio-shared": "4.0.502",
+		"@remotion/bundler": "4.0.504",
+		"@remotion/renderer": "4.0.504",
+		"@remotion/studio-codemods": "4.0.504",
+		"@remotion/studio-shared": "4.0.504",
 		"memfs": "3.4.3",
 		"open": "8.4.2"
 	},
@@ -45,7 +45,7 @@
 		"ast-types": "0.16.1",
 		"react": "19.2.3",
 		"@types/semver": "7.5.3",
-		"@remotion/eslint-config-internal": "4.0.502",
+		"@remotion/eslint-config-internal": "4.0.504",
 		"eslint": "9.19.0",
 		"@types/node": "20.12.14",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"