@remotion/studio-server 4.0.519 → 4.0.520

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

@@ -2,15 +2,7 @@ import type { ElementInstallExpectedFileState, PrepareElementInstallRequest } fr
 export declare const normalizeElementSourceForComparison: (source: string) => string;
 export declare const getElementSourceHash: (source: string) => string;
 export declare const validateElementInstallPosition: (position: import("@remotion/studio-shared").InsertableCompositionElementPosition | null) => void;
-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;
-    dimensions: import("@remotion/studio-protocol").ComponentDimensions | null;
-}) => void;
+export declare const validateElementForInstallation: (element: import("@remotion/studio-shared").InstallableElement) => void;
 export declare const makeRelativeElementImportPath: ({ fromFile, toFile, }: {
     fromFile: string;
     toFile: string;

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

@@ -23,14 +23,15 @@ const hasExpectedFileState = ({ expected, actual, }) => {
     return actual.sourceHash === expected.sourceHash;
 };
 const insertElementHandler = ({ input: { compositionFile, compositionId, element, expectedFileState, from, position, overwriteExisting, }, entryPoint, remotionRoot, logLevel, }) => (0, source_file_write_queue_1.withSourceFileWriteQueue)(async () => {
-    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 installationMode = element.installationMode === null
+            ? 'wrapped'
+            : element.installationMode;
         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)({
@@ -90,7 +91,7 @@ const insertElementHandler = ({ input: { compositionFile, compositionId, element
                 importPath: plan.importPath,
                 props: componentOwnsSequence
                     ? [
-                        ...(element.durationInFrames === undefined
+                        ...(element.durationInFrames === null
                             ? []
                             : [
                                 {
@@ -109,7 +110,7 @@ const insertElementHandler = ({ input: { compositionFile, compositionId, element
                 ? null
                 : {
                     dimensions: element.dimensions,
-                    durationInFrames: (_b = element.durationInFrames) !== null && _b !== void 0 ? _b : null,
+                    durationInFrames: element.durationInFrames,
                     from,
                     name: element.displayName,
                     position,

package/dist/preview-server/studio-protocol/handle-element-library.js

@@ -1,19 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.handleStudioProtocolElementLibrary = void 0;
-const zod_1 = require("zod");
+const studio_protocol_1 = require("@remotion/studio-protocol");
 const element_install_state_1 = require("../element-install-state");
 const parse_body_1 = require("../parse-body");
 const origin_policy_1 = require("./origin-policy");
 const protocol_response_1 = require("./protocol-response");
-const studioProtocolElementLibraryRequestSchema = zod_1.z.object({
-    operation: zod_1.z.literal('add-element-library'),
-    protocol: zod_1.z.literal('remotion-studio-protocol'),
-    protocolVersion: zod_1.z.literal(1),
-    targetId: zod_1.z.string().min(1),
-    url: zod_1.z.string(),
-    displayName: zod_1.z.string().nullable(),
-});
 const MAX_STUDIO_PROTOCOL_ELEMENT_LIBRARY_BODY_SIZE = 16 * 1024;
 const handleStudioProtocolElementLibrary = async ({ configFile, focusStudioTab, liveEventsServer, request, response, }) => {
     var _a;
@@ -62,8 +54,8 @@ const handleStudioProtocolElementLibrary = async ({ configFile, focusStudioTab,
         });
         return;
     }
-    const parsedRequest = studioProtocolElementLibraryRequestSchema.safeParse(body);
-    if (!parsedRequest.success) {
+    const parsedRequest = studio_protocol_1.StudioProtocolInternals.parseStudioProtocolAddElementLibraryRequest(body);
+    if (parsedRequest === null) {
         (0, protocol_response_1.writeStudioProtocolError)({
             code: 'unsupported-protocol',
             message: 'Invalid Remotion Studio Protocol request.',
@@ -74,7 +66,7 @@ const handleStudioProtocolElementLibrary = async ({ configFile, focusStudioTab,
     }
     let normalizedUrl;
     try {
-        const parsedUrl = new URL(parsedRequest.data.url);
+        const parsedUrl = new URL(parsedRequest.url);
         if (parsedUrl.protocol !== 'http:' && parsedUrl.protocol !== 'https:') {
             throw new Error('Unsupported protocol');
         }
@@ -89,7 +81,7 @@ const handleStudioProtocolElementLibrary = async ({ configFile, focusStudioTab,
         });
         return;
     }
-    const displayName = (_b = (_a = parsedRequest.data.displayName) === null || _a === void 0 ? void 0 : _a.trim()) !== null && _b !== void 0 ? _b : null;
+    const displayName = (_b = (_a = parsedRequest.displayName) === null || _a === void 0 ? void 0 : _a.trim()) !== null && _b !== void 0 ? _b : null;
     if (displayName === '') {
         (0, protocol_response_1.writeStudioProtocolError)({
             code: 'invalid-display-name',
@@ -103,7 +95,7 @@ const handleStudioProtocolElementLibrary = async ({ configFile, focusStudioTab,
         now: Date.now(),
         origin: requestOrigin,
         purpose: 'add-element-library',
-        targetId: parsedRequest.data.targetId,
+        targetId: parsedRequest.targetId,
     });
     if (target === null) {
         (0, protocol_response_1.writeStudioProtocolError)({

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

@@ -2,22 +2,15 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.handleStudioProtocolInstall = void 0;
 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 origin_policy_1 = require("./origin-policy");
 const protocol_response_1 = require("./protocol-response");
-const studioProtocolInstallRequestSchema = zod_1.z.object({
-    operation: zod_1.z.literal('install-element'),
-    protocol: zod_1.z.literal('remotion-studio-protocol'),
-    protocolVersion: zod_1.z.literal(1),
-    targetId: zod_1.z.string(),
-    payload: zod_1.z.unknown(),
-});
 // A valid payload may contain 250,000 JSON characters. Allow room for its
 // UTF-8 representation and the protocol envelope while keeping memory bounded.
 const MAX_STUDIO_PROTOCOL_INSTALL_BODY_SIZE = 1000000;
 const deliverElementInstall = ({ element, focusStudioTab, liveEventsServer, origin, target, }) => {
+    var _a, _b;
     if (target.compositionFile === null || target.compositionId === null) {
         return false;
     }
@@ -27,7 +20,11 @@ const deliverElementInstall = ({ element, focusStudioTab, liveEventsServer, orig
         createdAt: Date.now(),
         compositionFile: target.compositionFile,
         compositionId: target.compositionId,
-        element,
+        element: {
+            ...element,
+            durationInFrames: (_a = element.durationInFrames) !== null && _a !== void 0 ? _a : null,
+            installationMode: (_b = element.installationMode) !== null && _b !== void 0 ? _b : null,
+        },
         from: null,
         position: null,
         source: {
@@ -89,21 +86,15 @@ const handleStudioProtocolInstall = async ({ focusStudioTab, liveEventsServer, r
         });
         return;
     }
-    const parsedRequest = studioProtocolInstallRequestSchema.safeParse(body);
-    if (!parsedRequest.success) {
-        (0, protocol_response_1.writeStudioProtocolError)({
-            code: 'unsupported-protocol',
-            message: 'Invalid Remotion Studio Protocol request.',
-            response,
-            status: 400,
-        });
-        return;
-    }
-    const payload = studio_protocol_1.StudioProtocolInternals.parseStudioElementPayload(parsedRequest.data.payload);
-    if (payload === null) {
+    const parsedRequest = studio_protocol_1.StudioProtocolInternals.parseStudioProtocolInstallRequest(body);
+    if (parsedRequest.status !== 'valid') {
         (0, protocol_response_1.writeStudioProtocolError)({
-            code: 'invalid-payload',
-            message: 'Invalid Element payload.',
+            code: parsedRequest.status === 'invalid-payload'
+                ? 'invalid-payload'
+                : 'unsupported-protocol',
+            message: parsedRequest.status === 'invalid-payload'
+                ? 'Invalid Element payload.'
+                : 'Invalid Remotion Studio Protocol request.',
             response,
             status: 400,
         });
@@ -113,7 +104,7 @@ const handleStudioProtocolInstall = async ({ focusStudioTab, liveEventsServer, r
         now: Date.now(),
         origin: requestOrigin,
         purpose: 'install-element',
-        targetId: parsedRequest.data.targetId,
+        targetId: parsedRequest.request.targetId,
     });
     if (target === null) {
         (0, protocol_response_1.writeStudioProtocolError)({
@@ -125,7 +116,7 @@ const handleStudioProtocolInstall = async ({ focusStudioTab, liveEventsServer, r
         return;
     }
     if (!deliverElementInstall({
-        element: payload.element,
+        element: parsedRequest.request.payload.element,
         focusStudioTab,
         liveEventsServer,
         origin: requestOrigin,

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

@@ -2,18 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.handleStudioProtocolLicenseKey = void 0;
 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 origin_policy_1 = require("./origin-policy");
 const protocol_response_1 = require("./protocol-response");
-const studioProtocolLicenseKeyRequestSchema = zod_1.z.object({
-    operation: zod_1.z.literal('set-license-key'),
-    protocol: zod_1.z.literal('remotion-studio-protocol'),
-    protocolVersion: zod_1.z.literal(1),
-    targetId: zod_1.z.string().min(1),
-    licenseKey: zod_1.z.string(),
-});
 const MAX_STUDIO_PROTOCOL_LICENSE_KEY_BODY_SIZE = 4096;
 const handleStudioProtocolLicenseKey = async ({ configFile, focusStudioTab, liveEventsServer, request, response, }) => {
     (0, origin_policy_1.setStudioProtocolCorsHeaders)({ request, response });
@@ -60,8 +52,8 @@ const handleStudioProtocolLicenseKey = async ({ configFile, focusStudioTab, live
         });
         return;
     }
-    const parsedRequest = studioProtocolLicenseKeyRequestSchema.safeParse(body);
-    if (!parsedRequest.success) {
+    const parsedRequest = studio_protocol_1.StudioProtocolInternals.parseStudioProtocolSetLicenseKeyRequest(body);
+    if (parsedRequest === null) {
         (0, protocol_response_1.writeStudioProtocolError)({
             code: 'unsupported-protocol',
             message: 'Invalid Remotion Studio Protocol request.',
@@ -70,7 +62,7 @@ const handleStudioProtocolLicenseKey = async ({ configFile, focusStudioTab, live
         });
         return;
     }
-    if (!studio_protocol_1.StudioProtocolInternals.isValidPublicLicenseKey(parsedRequest.data.licenseKey)) {
+    if (!studio_protocol_1.StudioProtocolInternals.isValidPublicLicenseKey(parsedRequest.licenseKey)) {
         (0, protocol_response_1.writeStudioProtocolError)({
             code: 'invalid-license-key',
             message: 'The license key is not a valid public Remotion license key.',
@@ -83,7 +75,7 @@ const handleStudioProtocolLicenseKey = async ({ configFile, focusStudioTab, live
         now: Date.now(),
         origin: requestOrigin,
         purpose: 'set-license-key',
-        targetId: parsedRequest.data.targetId,
+        targetId: parsedRequest.targetId,
     });
     if (target === null) {
         (0, protocol_response_1.writeStudioProtocolError)({
@@ -105,7 +97,7 @@ const handleStudioProtocolLicenseKey = async ({ configFile, focusStudioTab, live
     }
     const delivered = liveEventsServer.sendEventToClientId(target.clientId, {
         type: 'license-key-install-request',
-        licenseKey: parsedRequest.data.licenseKey,
+        licenseKey: parsedRequest.licenseKey,
     });
     if (!delivered) {
         (0, protocol_response_1.writeStudioProtocolError)({

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.519",
+	"version": "4.0.520",
 	"description": "Run a Remotion Studio with a server backend",
 	"main": "dist",
 	"scripts": {
@@ -23,7 +23,7 @@
 		"access": "public"
 	},
 	"dependencies": {
-		"@remotion/studio-protocol": "4.0.519",
+		"@remotion/studio-protocol": "4.0.520",
 		"@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.519",
+		"remotion": "4.0.520",
 		"recast": "0.23.21",
-		"@remotion/bundler": "4.0.519",
-		"@remotion/renderer": "4.0.519",
-		"@remotion/studio-codemods": "4.0.519",
-		"@remotion/studio-shared": "4.0.519",
+		"@remotion/bundler": "4.0.520",
+		"@remotion/renderer": "4.0.520",
+		"@remotion/studio-codemods": "4.0.520",
+		"@remotion/studio-shared": "4.0.520",
 		"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.519",
+		"@remotion/eslint-config-internal": "4.0.520",
 		"eslint": "9.19.0",
 		"@types/node": "20.12.14",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"