@remotion/studio-server 4.0.505 → 4.0.507

package/dist/preview-server/routes/default-editor.js

@@ -1,73 +1,7 @@
 "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.updateDefaultEditorHandler = exports.getDefaultEditorInfoHandler = exports.updateDefaultEditorInConfig = void 0;
-const node_fs_1 = require("node:fs");
-const renderer_1 = require("@remotion/renderer");
-const recast = __importStar(require("recast"));
-const parse_ast_1 = require("../../codemods/parse-ast");
-const file_watcher_1 = require("../../file-watcher");
+exports.getDefaultEditorInfoHandler = void 0;
 const editor_registry_1 = require("../../helpers/editor-registry");
-const updateDefaultEditorInConfig = ({ configContents, defaultEditor, }) => {
-    const ast = (0, parse_ast_1.parseAst)(configContents);
-    recast.types.visit(ast.program, {
-        visitExpressionStatement(path) {
-            const { expression } = path.node;
-            if (expression.type === 'CallExpression' &&
-                expression.callee.type === 'MemberExpression' &&
-                !expression.callee.computed &&
-                expression.callee.object.type === 'Identifier' &&
-                expression.callee.object.name === 'Config' &&
-                expression.callee.property.type === 'Identifier' &&
-                expression.callee.property.name === 'setDefaultEditor') {
-                path.prune();
-                return false;
-            }
-            this.traverse(path);
-        },
-    });
-    const configWithoutExistingCalls = recast.print(ast, {
-        lineTerminator: '\n',
-    }).code;
-    if (defaultEditor === null) {
-        return configWithoutExistingCalls;
-    }
-    const separator = configWithoutExistingCalls.endsWith('\n') ? '' : '\n';
-    return `${configWithoutExistingCalls}${separator}Config.setDefaultEditor('${defaultEditor}');\n`;
-};
-exports.updateDefaultEditorInConfig = updateDefaultEditorInConfig;
 const getDefaultEditorInfoHandler = async ({ getDefaultEditor }) => {
     const installedEditors = await (0, editor_registry_1.getAvailableEditors)();
     const configuredEditor = getDefaultEditor();
@@ -77,55 +11,21 @@ const getDefaultEditorInfoHandler = async ({ getDefaultEditor }) => {
     return {
         defaultEditor: typeof configuredEditor === 'object' ? 'custom' : configuredEditor,
         installedEditors: [
-            ...installedEditors.map(({ id, name }) => ({ id, name })),
+            ...installedEditors.map(({ id, name, nameWithType }) => ({
+                id,
+                name,
+                nameWithType,
+            })),
             ...(customEditor
-                ? [{ id: 'custom', name: customEditor.name }]
+                ? [
+                    {
+                        id: 'custom',
+                        name: customEditor.name,
+                        nameWithType: customEditor.name,
+                    },
+                ]
                 : []),
         ],
     };
 };
 exports.getDefaultEditorInfoHandler = getDefaultEditorInfoHandler;
-const updateDefaultEditorHandler = async ({ input, configFile, getDefaultEditor }) => {
-    if (configFile === null || configFile === undefined) {
-        return {
-            success: false,
-            reason: 'No Remotion config file was loaded.',
-        };
-    }
-    if (input.defaultEditor === 'custom') {
-        const configuredEditor = getDefaultEditor();
-        if (!configuredEditor || typeof configuredEditor !== 'object') {
-            return {
-                success: false,
-                reason: 'No custom editor is configured.',
-            };
-        }
-        // The browser only knows the opaque "custom" ID. Keeping the existing
-        // config call untouched avoids exposing or rewriting its executable and
-        // arguments, which may have come from environment variables.
-        return { success: true };
-    }
-    if (input.defaultEditor !== null &&
-        !renderer_1.defaultEditorIds.includes(input.defaultEditor)) {
-        return {
-            success: false,
-            reason: `Unknown editor: ${input.defaultEditor}`,
-        };
-    }
-    if (input.defaultEditor !== null) {
-        const installedEditors = await (0, editor_registry_1.getAvailableEditors)();
-        if (!installedEditors.some(({ id }) => id === input.defaultEditor)) {
-            return {
-                success: false,
-                reason: 'The selected editor is not installed.',
-            };
-        }
-    }
-    const configContents = (0, node_fs_1.readFileSync)(configFile, 'utf8');
-    (0, file_watcher_1.writeFileAndNotifyFileWatchers)(configFile, (0, exports.updateDefaultEditorInConfig)({
-        configContents,
-        defaultEditor: input.defaultEditor,
-    }), undefined);
-    return { success: true };
-};
-exports.updateDefaultEditorHandler = updateDefaultEditorHandler;

package/dist/preview-server/routes/element-install-plan.d.ts

@@ -5,6 +5,7 @@ export declare const validateElementInstallPosition: (position: import("@remotio
 export declare const validateElementForInstallation: (element: {
     dependencies: import("@remotion/studio-protocol").ElementDependency[];
     durationInFrames?: number | undefined;
+    installationMode?: import("@remotion/studio-protocol").ElementInstallationMode | undefined;
     slug: string;
     displayName: string;
     sourceCode: string;

package/dist/preview-server/routes/insert-element.js

@@ -22,13 +22,15 @@ const hasExpectedFileState = ({ expected, actual, }) => {
     return actual.sourceHash === expected.sourceHash;
 };
 const insertElementHandler = ({ input: { compositionFile, compositionId, element, expectedFileState, from, position, overwriteExisting, }, remotionRoot, logLevel, }) => (0, source_file_write_queue_1.withSourceFileWriteQueue)(async () => {
-    var _a;
+    var _a, _b;
     try {
         (0, element_install_plan_1.validateElementInstallPosition)(position);
         if (from !== null &&
             (!Number.isInteger(from) || !Number.isFinite(from) || from < 0)) {
             throw new Error('from must be a non-negative integer');
         }
+        const installationMode = (_a = element.installationMode) !== null && _a !== void 0 ? _a : 'wrapped';
+        const componentOwnsSequence = installationMode === 'component-owned-sequence';
         renderer_1.RenderInternals.Log.trace({ indent: false, logLevel }, `[insert-element] Received request for compositionFile="${compositionFile}" compositionId="${compositionId}" element="${element.slug}"`);
         const plan = await (0, element_install_plan_1.getElementInstallPlan)({
             compositionFile,
@@ -81,18 +83,32 @@ const insertElementHandler = ({ input: { compositionFile, compositionId, element
                 componentName: plan.componentName,
                 importName: plan.componentName,
                 importPath: plan.importPath,
-                props: [],
-                position: null,
+                props: componentOwnsSequence
+                    ? [
+                        ...(element.durationInFrames === undefined
+                            ? []
+                            : [
+                                {
+                                    name: 'durationInFrames',
+                                    value: element.durationInFrames,
+                                },
+                            ]),
+                        { name: 'name', value: element.displayName },
+                    ]
+                    : [],
+                position: componentOwnsSequence ? position : null,
             },
-            from: null,
+            from: componentOwnsSequence ? from : null,
             prettierConfigOverride: null,
-            wrapInSequence: {
-                dimensions: element.dimensions,
-                durationInFrames: (_a = element.durationInFrames) !== null && _a !== void 0 ? _a : null,
-                from,
-                name: element.displayName,
-                position,
-            },
+            wrapInSequence: componentOwnsSequence
+                ? null
+                : {
+                    dimensions: element.dimensions,
+                    durationInFrames: (_b = element.durationInFrames) !== null && _b !== void 0 ? _b : null,
+                    from,
+                    name: element.displayName,
+                    position,
+                },
         });
         const finalPlan = await (0, element_install_plan_1.getElementInstallPlan)({
             compositionFile,

package/dist/preview-server/routes/install-dependency.d.ts

@@ -1,5 +1,4 @@
-import type { ElementDependency } from '@remotion/studio-protocol';
-import { type InstallPackageRequest, type InstallPackageResponse } from '@remotion/studio-shared';
+import { type InstallPackageRequest, type InstallPackageResponse, type PackageInstallSpec } from '@remotion/studio-shared';
 import type { ApiHandler } from '../api-types';
-export declare const getPackageInstallSpec: (dependency: string | ElementDependency) => string;
+export declare const getPackageInstallSpec: (dependency: PackageInstallSpec) => string;
 export declare const handleInstallPackage: ApiHandler<InstallPackageRequest, InstallPackageResponse>;

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

@@ -13,15 +13,13 @@ const getExtraPackageVersion = (packageName) => {
     return pkg ? pkg.version : null;
 };
 const getPackageInstallSpec = (dependency) => {
-    const { name, version } = typeof dependency === 'string'
-        ? { name: dependency, version: null }
-        : dependency;
-    const extraVersion = getExtraPackageVersion(name);
-    if (extraVersion)
-        return `${name}@${extraVersion}`;
+    const { name, version } = dependency;
     if (name === 'remotion' || name.startsWith('@remotion/'))
         return `${name}@${version_1.VERSION}`;
-    return version === null ? name : `${name}@${version}`;
+    if (version !== null)
+        return `${name}@${version}`;
+    const extraVersion = getExtraPackageVersion(name);
+    return extraVersion === null ? name : `${name}@${extraVersion}`;
 };
 exports.getPackageInstallSpec = getPackageInstallSpec;
 const handleInstallPackage = async ({ logLevel, remotionRoot, input: { dependencies } }) => {

package/dist/preview-server/routes/open-in-editor.js

@@ -16,7 +16,7 @@ const getEditorName = async ({ getDefaultEditor, logLevel, }) => {
         logLevel,
         preferredEditor: null,
     });
-    return (_a = editor === null || editor === void 0 ? void 0 : editor.name) !== null && _a !== void 0 ? _a : null;
+    return (_a = editor === null || editor === void 0 ? void 0 : editor.nameWithType) !== null && _a !== void 0 ? _a : null;
 };
 exports.getEditorName = getEditorName;
 const openInEditorHandler = async ({ input, remotionRoot, logLevel, getDefaultEditor }) => {

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

@@ -0,0 +1,7 @@
+import { type ConfigUpdate, type UpdateConfigRequest, type UpdateConfigResponse } from '@remotion/studio-shared';
+import type { ApiHandler } from '../api-types';
+export declare const updateConfigFile: ({ configContents, updates, }: {
+    readonly configContents: string;
+    readonly updates: ConfigUpdate[];
+}) => string;
+export declare const updateConfigHandler: ApiHandler<UpdateConfigRequest, UpdateConfigResponse>;

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

@@ -0,0 +1,188 @@
+"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.updateConfigHandler = exports.updateConfigFile = void 0;
+const node_fs_1 = require("node:fs");
+const renderer_1 = require("@remotion/renderer");
+const studio_shared_1 = require("@remotion/studio-shared");
+const recast = __importStar(require("recast"));
+const parse_ast_1 = require("../../codemods/parse-ast");
+const file_watcher_1 = require("../../file-watcher");
+const editor_registry_1 = require("../../helpers/editor-registry");
+const validSetterName = /^set[A-Z][A-Za-z0-9]*$/;
+const isConfigValue = (value) => {
+    if (value === null ||
+        typeof value === 'string' ||
+        typeof value === 'boolean') {
+        return true;
+    }
+    if (typeof value === 'number') {
+        return Number.isFinite(value);
+    }
+    if (Array.isArray(value)) {
+        return value.every(isConfigValue);
+    }
+    if (typeof value === 'object') {
+        if (Object.getPrototypeOf(value) !== Object.prototype &&
+            Object.getPrototypeOf(value) !== null) {
+            return false;
+        }
+        return Object.values(value).every(isConfigValue);
+    }
+    return false;
+};
+const validateUpdates = (updates) => {
+    if (!Array.isArray(updates) || updates.length === 0) {
+        return 'At least one config update is required.';
+    }
+    const setters = new Set();
+    for (const update of updates) {
+        if (typeof update !== 'object' || update === null) {
+            return 'Each config update must be an object.';
+        }
+        const { setter, type } = update;
+        if (typeof setter !== 'string' ||
+            !validSetterName.test(setter) ||
+            !(setter in studio_shared_1.configMethodLifecycles)) {
+            return `Invalid config setter: ${JSON.stringify(setter)}.`;
+        }
+        if (setters.has(setter)) {
+            return `The config setter ${setter} was specified more than once.`;
+        }
+        setters.add(setter);
+        if (type === 'delete') {
+            continue;
+        }
+        if (type !== 'set' ||
+            !('value' in update) ||
+            !isConfigValue(update.value)) {
+            return `Invalid value for Config.${setter}().`;
+        }
+    }
+    return null;
+};
+const updateConfigFile = ({ configContents, updates, }) => {
+    const setters = new Set(updates.map(({ setter }) => setter));
+    const ast = (0, parse_ast_1.parseAst)(configContents);
+    recast.types.visit(ast.program, {
+        visitExpressionStatement(path) {
+            const { expression } = path.node;
+            if (expression.type === 'CallExpression' &&
+                expression.callee.type === 'MemberExpression' &&
+                !expression.callee.computed &&
+                expression.callee.object.type === 'Identifier' &&
+                expression.callee.object.name === 'Config' &&
+                expression.callee.property.type === 'Identifier' &&
+                setters.has(expression.callee.property.name)) {
+                path.prune();
+                return false;
+            }
+            this.traverse(path);
+        },
+    });
+    let updatedConfig = recast.print(ast, { lineTerminator: '\n' }).code;
+    for (const update of updates) {
+        if (update.type === 'delete') {
+            continue;
+        }
+        const serializedValue = JSON.stringify(update.value)
+            .replaceAll('\u2028', '\\u2028')
+            .replaceAll('\u2029', '\\u2029');
+        const statement = (0, parse_ast_1.parseAst)(`Config.${update.setter}(${serializedValue});`)
+            .program.body[0];
+        const separator = updatedConfig.endsWith('\n') ? '' : '\n';
+        updatedConfig += `${separator}${recast.prettyPrint(statement, {
+            lineTerminator: '\n',
+            quote: 'single',
+            useTabs: true,
+        }).code}\n`;
+    }
+    return updatedConfig;
+};
+exports.updateConfigFile = updateConfigFile;
+const updateConfigHandler = async ({ input, configFile }) => {
+    if (configFile === null || configFile === undefined) {
+        return {
+            success: false,
+            reason: 'No Remotion config file was loaded.',
+        };
+    }
+    const validationError = validateUpdates(input.updates);
+    if (validationError !== null) {
+        return { success: false, reason: validationError };
+    }
+    for (const update of input.updates) {
+        if (update.type === 'delete') {
+            continue;
+        }
+        if (update.setter === 'setDefaultCodingAgent' &&
+            (typeof update.value !== 'string' ||
+                !renderer_1.defaultCodingAgentIds.includes(update.value))) {
+            return {
+                success: false,
+                reason: `Unknown coding agent: ${JSON.stringify(update.value)}`,
+            };
+        }
+        if (update.setter === 'setDefaultEditor') {
+            if (typeof update.value !== 'string' ||
+                !renderer_1.defaultEditorIds.includes(update.value)) {
+                return {
+                    success: false,
+                    reason: `Unknown editor: ${JSON.stringify(update.value)}`,
+                };
+            }
+            const installedEditors = await (0, editor_registry_1.getAvailableEditors)();
+            if (!installedEditors.some(({ id }) => id === update.value)) {
+                return {
+                    success: false,
+                    reason: 'The selected editor is not installed.',
+                };
+            }
+        }
+        if (update.setter === 'setPublicLicenseKey' &&
+            (typeof update.value !== 'string' ||
+                (update.value !== 'free-license' &&
+                    !update.value.startsWith('rm_pub_')))) {
+            return {
+                success: false,
+                reason: 'The public license key must start with "rm_pub_" or be "free-license".',
+            };
+        }
+    }
+    const configContents = (0, node_fs_1.readFileSync)(configFile, 'utf8');
+    (0, file_watcher_1.writeFileAndNotifyFileWatchers)(configFile, (0, exports.updateConfigFile)({ configContents, updates: input.updates }), input.clientId);
+    return { success: true };
+};
+exports.updateConfigHandler = updateConfigHandler;

package/dist/preview-server/start-server.d.ts

@@ -42,6 +42,7 @@ export declare const startServer: (options: {
     forceNew: boolean;
     rspack: boolean;
     getStudioRuntimeConfig: () => StudioRuntimeConfig;
+    getDefaultCodingAgent: () => "claude-code" | "codex" | "copilot" | "cursor" | null;
     getDefaultEditor: () => DefaultEditor | null;
     configFile: string | null;
 }) => Promise<StartServerResult>;

package/dist/preview-server/start-server.js

@@ -102,6 +102,7 @@ const startServer = async (options) => {
                 getPreviewSampleRate: options.getPreviewSampleRate,
                 enableCrossSiteIsolation: options.enableCrossSiteIsolation,
                 getStudioRuntimeConfig: options.getStudioRuntimeConfig,
+                getDefaultCodingAgent: options.getDefaultCodingAgent,
                 getDefaultEditor: options.getDefaultEditor,
                 configFile: options.configFile,
             });

package/dist/preview-server/studio-protocol/handle-discovery.js

@@ -43,7 +43,7 @@ const getProject = ({ gitSource, remotionRoot, }) => (0, studio_shared_1.getProj
     resolvedRemotionRoot: remotionRoot,
 });
 const handleStudioProtocolDiscovery = ({ gitSource, liveEventsServer, remotionRoot, request, response, }) => {
-    (0, origin_policy_1.setStudioProtocolCorsHeaders)({ licenseKey: false, request, response });
+    (0, origin_policy_1.setStudioProtocolCorsHeaders)({ request, response });
     const requestOrigin = (0, origin_policy_1.getAllowedStudioProtocolOrigin)(request.headers.origin);
     if (requestOrigin === null) {
         (0, protocol_response_1.writeStudioProtocolError)({
@@ -77,12 +77,11 @@ const handleStudioProtocolDiscovery = ({ gitSource, liveEventsServer, remotionRo
                     purpose: 'install-element',
                     target: installTarget,
                 });
-            const licenseKeyOrigin = (0, origin_policy_1.getAllowedLicenseKeyOrigin)(request.headers.origin);
-            const issuedLicenseKeyTarget = target === null || licenseKeyOrigin === null
+            const issuedLicenseKeyTarget = target === null
                 ? null
                 : (0, element_install_state_1.issueStudioProtocolTarget)({
                     now,
-                    origin: licenseKeyOrigin,
+                    origin: requestOrigin,
                     purpose: 'set-license-key',
                     target,
                 });

package/dist/preview-server/studio-protocol/handle-install.js

@@ -45,7 +45,7 @@ const deliverElementInstall = ({ element, focusStudioTab, liveEventsServer, orig
     return delivered;
 };
 const handleStudioProtocolInstall = async ({ focusStudioTab, liveEventsServer, request, response, }) => {
-    (0, origin_policy_1.setStudioProtocolCorsHeaders)({ licenseKey: false, request, response });
+    (0, origin_policy_1.setStudioProtocolCorsHeaders)({ request, response });
     const requestOrigin = (0, origin_policy_1.getAllowedStudioProtocolOrigin)(request.headers.origin);
     if (requestOrigin === null) {
         (0, protocol_response_1.writeStudioProtocolError)({

package/dist/preview-server/studio-protocol/handle-license-key.d.ts

@@ -1,6 +1,11 @@
 import type { IncomingMessage, ServerResponse } from 'node:http';
-export declare const handleStudioProtocolLicenseKey: ({ configFile, request, response, }: {
+import type { LiveEventsServer } from '../live-events';
+type FocusStudioTab = (studioUrl: string) => void;
+export declare const handleStudioProtocolLicenseKey: ({ configFile, focusStudioTab, liveEventsServer, request, response, }: {
     readonly configFile: string | null;
+    readonly focusStudioTab: FocusStudioTab;
+    readonly liveEventsServer: LiveEventsServer;
     readonly request: IncomingMessage;
     readonly response: ServerResponse<IncomingMessage>;
 }) => Promise<void>;
+export {};

package/dist/preview-server/studio-protocol/handle-license-key.js

@@ -5,7 +5,6 @@ const studio_protocol_1 = require("@remotion/studio-protocol");
 const zod_1 = require("zod");
 const element_install_state_1 = require("../element-install-state");
 const parse_body_1 = require("../parse-body");
-const update_public_license_1 = require("../routes/update-public-license");
 const origin_policy_1 = require("./origin-policy");
 const protocol_response_1 = require("./protocol-response");
 const studioProtocolLicenseKeyRequestSchema = zod_1.z.object({
@@ -16,9 +15,9 @@ const studioProtocolLicenseKeyRequestSchema = zod_1.z.object({
     licenseKey: zod_1.z.string(),
 });
 const MAX_STUDIO_PROTOCOL_LICENSE_KEY_BODY_SIZE = 4096;
-const handleStudioProtocolLicenseKey = async ({ configFile, request, response, }) => {
-    (0, origin_policy_1.setStudioProtocolCorsHeaders)({ licenseKey: true, request, response });
-    const requestOrigin = (0, origin_policy_1.getAllowedLicenseKeyOrigin)(request.headers.origin);
+const handleStudioProtocolLicenseKey = async ({ configFile, focusStudioTab, liveEventsServer, request, response, }) => {
+    (0, origin_policy_1.setStudioProtocolCorsHeaders)({ request, response });
+    const requestOrigin = (0, origin_policy_1.getAllowedStudioProtocolOrigin)(request.headers.origin);
     if (requestOrigin === null) {
         (0, protocol_response_1.writeStudioProtocolError)({
             code: 'unsupported-origin',
@@ -104,26 +103,25 @@ const handleStudioProtocolLicenseKey = async ({ configFile, request, response, }
         });
         return;
     }
-    try {
-        (0, update_public_license_1.setPublicLicenseKeyInConfigFile)({
-            configFile,
-            publicLicenseKey: parsedRequest.data.licenseKey,
-        });
-    }
-    catch (_a) {
+    const delivered = liveEventsServer.sendEventToClientId(target.clientId, {
+        type: 'license-key-install-request',
+        licenseKey: parsedRequest.data.licenseKey,
+    });
+    if (!delivered) {
         (0, protocol_response_1.writeStudioProtocolError)({
-            code: 'config-write-failed',
-            message: 'Could not update the Remotion config file.',
+            code: 'target-expired',
+            message: 'The selected Remotion Studio tab is no longer connected.',
             response,
-            status: 500,
+            status: 409,
         });
         return;
     }
+    focusStudioTab(target.studioUrl);
     response.writeHead(200, { 'Content-Type': 'application/json' });
     response.end(JSON.stringify({
         protocol: 'remotion-studio-protocol',
         protocolVersion: 1,
-        status: 'license-key-set',
+        status: 'awaiting-confirmation',
     }));
 };
 exports.handleStudioProtocolLicenseKey = handleStudioProtocolLicenseKey;

package/dist/preview-server/studio-protocol/origin-policy.d.ts

@@ -1,13 +1,10 @@
 import type { IncomingMessage, ServerResponse } from 'node:http';
 export declare const getAllowedStudioProtocolOrigin: (origin: string | undefined) => string | null;
-export declare const getAllowedLicenseKeyOrigin: (origin: string | undefined) => string | null;
-export declare const setStudioProtocolCorsHeaders: ({ licenseKey, request, response, }: {
-    readonly licenseKey: boolean;
+export declare const setStudioProtocolCorsHeaders: ({ request, response, }: {
     readonly request: IncomingMessage;
     readonly response: ServerResponse<IncomingMessage>;
 }) => void;
-export declare const handleStudioProtocolOptions: ({ licenseKey, request, response, }: {
-    readonly licenseKey: boolean;
+export declare const handleStudioProtocolOptions: ({ request, response, }: {
     readonly request: IncomingMessage;
     readonly response: ServerResponse<IncomingMessage>;
 }) => Promise<void>;

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.handleStudioProtocolOptions = exports.setStudioProtocolCorsHeaders = exports.getAllowedLicenseKeyOrigin = exports.getAllowedStudioProtocolOrigin = void 0;
+exports.handleStudioProtocolOptions = exports.setStudioProtocolCorsHeaders = exports.getAllowedStudioProtocolOrigin = void 0;
 const isLoopbackHttp = (url) => url.protocol === 'http:' &&
     (url.hostname === 'localhost' || url.hostname === '127.0.0.1');
 const getAllowedStudioProtocolOrigin = (origin) => {
@@ -19,30 +19,8 @@ const getAllowedStudioProtocolOrigin = (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);
+const setStudioProtocolCorsHeaders = ({ request, response, }) => {
+    const origin = (0, exports.getAllowedStudioProtocolOrigin)(request.headers.origin);
     if (origin === null) {
         return;
     }
@@ -54,11 +32,9 @@ const setStudioProtocolCorsHeaders = ({ licenseKey, request, response, }) => {
     response.setHeader('Access-Control-Allow-Private-Network', 'true');
 };
 exports.setStudioProtocolCorsHeaders = setStudioProtocolCorsHeaders;
-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);
+const handleStudioProtocolOptions = ({ request, response, }) => {
+    (0, exports.setStudioProtocolCorsHeaders)({ request, response });
+    const origin = (0, exports.getAllowedStudioProtocolOrigin)(request.headers.origin);
     response.writeHead(origin === null ? 403 : 204);
     response.end();
     return Promise.resolve();

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

@@ -1,2 +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 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-studio", "remotion-upgrade"];
 export type RemotionSkillName = (typeof remotionSkillNames)[number];