@remotion/studio-server 4.0.501 → 4.0.502

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

@@ -0,0 +1,99 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.handleStudioProtocolDiscovery = exports.ELEMENT_INSTALL_TARGET_RESPONSE_WAIT = void 0;
+const node_path_1 = __importDefault(require("node:path"));
+const studio_shared_1 = require("@remotion/studio-shared");
+const version_1 = require("remotion/version");
+const element_install_state_1 = require("../element-install-state");
+const origin_policy_1 = require("./origin-policy");
+const protocol_response_1 = require("./protocol-response");
+const ELEMENT_INSTALL_FOCUS_MAX_AGE = 5 * 60 * 1000;
+exports.ELEMENT_INSTALL_TARGET_RESPONSE_WAIT = 250;
+const requestInstallTarget = ({ liveEventsServer, }) => {
+    const requestId = `${Date.now()}-${Math.random().toString(16).slice(2)}`;
+    liveEventsServer.sendEventToClient({
+        type: 'request-element-install-target',
+        requestId,
+    });
+    return requestId;
+};
+const getLiveInstallableTarget = (requestId) => {
+    const target = (0, element_install_state_1.getElementInstallTarget)(requestId);
+    const now = Date.now();
+    if (target === null ||
+        now - target.updatedAt >= element_install_state_1.ELEMENT_INSTALL_TARGET_MAX_AGE ||
+        target.lastFocusedAt === null ||
+        now - target.lastFocusedAt >= ELEMENT_INSTALL_FOCUS_MAX_AGE ||
+        !target.canInstall ||
+        target.readOnly ||
+        target.compositionFile === null ||
+        target.compositionId === null) {
+        return null;
+    }
+    return target;
+};
+const getProject = ({ gitSource, remotionRoot, }) => (0, studio_shared_1.getProjectName)({
+    basename: node_path_1.default.basename,
+    gitSource,
+    resolvedRemotionRoot: remotionRoot,
+});
+const handleStudioProtocolDiscovery = ({ gitSource, liveEventsServer, remotionRoot, request, response, }) => {
+    (0, origin_policy_1.setStudioProtocolCorsHeaders)({ request, response });
+    if (!(0, origin_policy_1.isAllowedStudioProtocolOrigin)(request.headers.origin)) {
+        (0, protocol_response_1.writeStudioProtocolError)({
+            code: 'unsupported-origin',
+            message: 'Origin not allowed',
+            response,
+            status: 403,
+        });
+        return Promise.resolve();
+    }
+    if (request.method !== 'GET') {
+        (0, protocol_response_1.writeStudioProtocolError)({
+            code: 'method-not-allowed',
+            message: 'Use GET for Studio Protocol discovery.',
+            response,
+            status: 405,
+        });
+        return Promise.resolve();
+    }
+    const requestId = requestInstallTarget({ liveEventsServer });
+    return new Promise((resolve) => {
+        setTimeout(() => {
+            const now = Date.now();
+            const target = getLiveInstallableTarget(requestId);
+            const issued = target === null ? null : (0, element_install_state_1.issueStudioProtocolTarget)({ now, target });
+            response.writeHead(200, {
+                'Cache-Control': 'no-store',
+                'Content-Type': 'application/json',
+            });
+            response.end(JSON.stringify({
+                protocol: 'remotion-studio-protocol',
+                protocolVersion: 1,
+                studioVersion: version_1.VERSION,
+                capabilities: {
+                    install: [
+                        {
+                            payloadType: 'remotion-element',
+                            payloadVersions: [1],
+                        },
+                    ],
+                },
+                projectName: getProject({ gitSource, remotionRoot }),
+                installTarget: issued === null || target === null
+                    ? null
+                    : {
+                        id: issued.id,
+                        expiresAt: issued.expiresAt,
+                        compositionId: target.compositionId,
+                        lastFocusedAt: target.lastFocusedAt,
+                    },
+            }));
+            resolve();
+        }, exports.ELEMENT_INSTALL_TARGET_RESPONSE_WAIT);
+    });
+};
+exports.handleStudioProtocolDiscovery = handleStudioProtocolDiscovery;

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

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

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

@@ -0,0 +1,139 @@
+"use strict";
+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({
+    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, target, }) => {
+    if (target.compositionFile === null || target.compositionId === null) {
+        return false;
+    }
+    const installRequest = {
+        id: `${Date.now()}-${Math.random().toString(16).slice(2)}`,
+        clientId: target.clientId,
+        createdAt: Date.now(),
+        compositionFile: target.compositionFile,
+        compositionId: target.compositionId,
+        element,
+        position: null,
+    };
+    const delivered = liveEventsServer.sendEventToClientId(target.clientId, {
+        type: 'element-install-request',
+        request: installRequest,
+    });
+    if (delivered) {
+        focusStudioTab(target.studioUrl);
+    }
+    return delivered;
+};
+const handleStudioProtocolInstall = async ({ focusStudioTab, liveEventsServer, request, response, }) => {
+    (0, origin_policy_1.setStudioProtocolCorsHeaders)({ request, response });
+    if (!(0, origin_policy_1.isAllowedStudioProtocolOrigin)(request.headers.origin)) {
+        (0, protocol_response_1.writeStudioProtocolError)({
+            code: 'unsupported-origin',
+            message: 'Origin not allowed',
+            response,
+            status: 403,
+        });
+        return;
+    }
+    if (request.method !== 'POST') {
+        (0, protocol_response_1.writeStudioProtocolError)({
+            code: 'method-not-allowed',
+            message: 'Use POST to request an Element installation.',
+            response,
+            status: 405,
+        });
+        return;
+    }
+    let body;
+    try {
+        body = await (0, parse_body_1.parseRequestBody)(request, {
+            maxBytes: MAX_STUDIO_PROTOCOL_INSTALL_BODY_SIZE,
+        });
+    }
+    catch (error) {
+        if (error instanceof parse_body_1.RequestBodyTooLargeError) {
+            (0, protocol_response_1.writeStudioProtocolError)({
+                code: 'request-too-large',
+                message: 'The request body is too large.',
+                response,
+                status: 413,
+            });
+            return;
+        }
+        (0, protocol_response_1.writeStudioProtocolError)({
+            code: 'invalid-request',
+            message: 'The request body is not valid JSON.',
+            response,
+            status: 400,
+        });
+        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) {
+        (0, protocol_response_1.writeStudioProtocolError)({
+            code: 'invalid-payload',
+            message: 'Invalid Element payload.',
+            response,
+            status: 400,
+        });
+        return;
+    }
+    const target = (0, element_install_state_1.consumeStudioProtocolTarget)({
+        now: Date.now(),
+        targetId: parsedRequest.data.targetId,
+    });
+    if (target === null) {
+        (0, protocol_response_1.writeStudioProtocolError)({
+            code: 'target-expired',
+            message: 'The selected Studio target is no longer available.',
+            response,
+            status: 409,
+        });
+        return;
+    }
+    if (!deliverElementInstall({
+        element: payload.element,
+        focusStudioTab,
+        liveEventsServer,
+        target,
+    })) {
+        (0, protocol_response_1.writeStudioProtocolError)({
+            code: 'target-expired',
+            message: 'The selected Remotion Studio tab is no longer connected.',
+            response,
+            status: 409,
+        });
+        return;
+    }
+    response.writeHead(200, { 'Content-Type': 'application/json' });
+    response.end(JSON.stringify({
+        protocol: 'remotion-studio-protocol',
+        protocolVersion: 1,
+        status: 'awaiting-confirmation',
+    }));
+};
+exports.handleStudioProtocolInstall = handleStudioProtocolInstall;

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

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

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

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.handleStudioProtocolOptions = exports.setStudioProtocolCorsHeaders = exports.isAllowedStudioProtocolOrigin = void 0;
+const isAllowedStudioProtocolOrigin = (origin) => {
+    if (!origin) {
+        return false;
+    }
+    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')));
+    }
+    catch (_a) {
+        return false;
+    }
+};
+exports.isAllowedStudioProtocolOrigin = isAllowedStudioProtocolOrigin;
+const setStudioProtocolCorsHeaders = ({ request, response, }) => {
+    const { origin } = request.headers;
+    if (typeof origin !== 'string' || !(0, exports.isAllowedStudioProtocolOrigin)(origin)) {
+        return;
+    }
+    response.setHeader('Access-Control-Allow-Origin', origin);
+    response.setHeader('Vary', 'Origin');
+    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);
+    response.end();
+    return Promise.resolve();
+};
+exports.handleStudioProtocolOptions = handleStudioProtocolOptions;

package/dist/preview-server/studio-protocol/protocol-response.d.ts

@@ -0,0 +1,7 @@
+import type { ServerResponse } from 'node:http';
+export declare const writeStudioProtocolError: ({ code, message, response, status, }: {
+    readonly code: string;
+    readonly message: string;
+    readonly response: ServerResponse<import("http").IncomingMessage>;
+    readonly status: number;
+}) => void;

package/dist/preview-server/studio-protocol/protocol-response.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.writeStudioProtocolError = void 0;
+const writeStudioProtocolError = ({ code, message, response, status, }) => {
+    response.writeHead(status, { 'Content-Type': 'application/json' });
+    response.end(JSON.stringify({
+        protocol: 'remotion-studio-protocol',
+        protocolVersion: 1,
+        status: 'error',
+        error: { code, message },
+    }));
+};
+exports.writeStudioProtocolError = writeStudioProtocolError;

package/dist/routes.js

@@ -39,7 +39,6 @@ const node_fs_1 = require("node:fs");
 const node_path_1 = __importStar(require("node:path"));
 const node_url_1 = require("node:url");
 const bundler_1 = require("@remotion/bundler");
-const drag_and_drop_1 = require("@remotion/drag-and-drop");
 const renderer_1 = require("@remotion/renderer");
 const studio_shared_1 = require("@remotion/studio-shared");
 const better_opn_1 = require("./better-opn");
@@ -48,19 +47,18 @@ const get_file_source_1 = require("./helpers/get-file-source");
 const get_installed_installable_packages_1 = require("./helpers/get-installed-installable-packages");
 const resolve_output_path_1 = require("./helpers/resolve-output-path");
 const api_routes_1 = require("./preview-server/api-routes");
-const element_install_state_1 = require("./preview-server/element-install-state");
 const get_package_manager_1 = require("./preview-server/get-package-manager");
 const get_static_file_fallback_hint_1 = require("./preview-server/get-static-file-fallback-hint");
 const handler_1 = require("./preview-server/handler");
-const parse_body_1 = require("./preview-server/parse-body");
 const public_folder_1 = require("./preview-server/public-folder");
 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 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");
 const loggedStaticFileHints = new Set();
-const ELEMENT_INSTALL_FOCUS_MAX_AGE = 5 * 60 * 1000;
-const ELEMENT_INSTALL_TARGET_RESPONSE_WAIT = 250;
 const static404 = (response) => {
     response.writeHead(404);
     response.end('The static/ prefix has been changed, this URL is no longer valid.');
@@ -84,147 +82,6 @@ const handleRemotionConfig = (response, remotionRoot) => {
     response.end(JSON.stringify(body));
     return Promise.resolve();
 };
-const isAllowedElementInstallOrigin = (origin) => {
-    if (!origin) {
-        return false;
-    }
-    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')));
-    }
-    catch (_a) {
-        return false;
-    }
-};
-const setElementInstallCorsHeaders = ({ request, response, }) => {
-    const { origin } = request.headers;
-    if (isAllowedElementInstallOrigin(origin)) {
-        response.setHeader('Access-Control-Allow-Origin', origin);
-        response.setHeader('Vary', 'Origin');
-        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');
-    }
-};
-const handleElementInstallOptions = ({ request, response, }) => {
-    setElementInstallCorsHeaders({ request, response });
-    response.writeHead(isAllowedElementInstallOrigin(request.headers.origin) ? 204 : 403);
-    response.end();
-    return Promise.resolve();
-};
-const handleElementInstallTarget = ({ liveEventsServer, request, response, remotionRoot, gitSource, }) => {
-    if (!isAllowedElementInstallOrigin(request.headers.origin)) {
-        response.writeHead(403);
-        response.end(JSON.stringify({ success: false, reason: 'Origin not allowed' }));
-        return Promise.resolve();
-    }
-    const requestId = `${Date.now()}-${Math.random().toString(16).slice(2)}`;
-    liveEventsServer.sendEventToClient({
-        type: 'request-element-install-target',
-        requestId,
-    });
-    return new Promise((resolve) => {
-        setTimeout(() => {
-            var _a, _b, _c, _d, _e;
-            const target = (0, element_install_state_1.getElementInstallTarget)(requestId);
-            const now = Date.now();
-            const targetIsLive = target !== null &&
-                now - target.updatedAt < element_install_state_1.ELEMENT_INSTALL_TARGET_MAX_AGE;
-            const host = (_a = request.headers.host) !== null && _a !== void 0 ? _a : null;
-            const port = (_b = host === null || host === void 0 ? void 0 : host.split(':').at(-1)) !== null && _b !== void 0 ? _b : null;
-            setElementInstallCorsHeaders({ request, response });
-            response.writeHead(200, { 'Content-Type': 'application/json' });
-            response.end(JSON.stringify({
-                type: 'remotion-studio',
-                projectName: (0, studio_shared_1.getProjectName)({
-                    basename: node_path_1.default.basename,
-                    gitSource,
-                    resolvedRemotionRoot: remotionRoot,
-                }),
-                port: port === null ? null : Number(port),
-                lastFocusedAt: (_c = target === null || target === void 0 ? void 0 : target.lastFocusedAt) !== null && _c !== void 0 ? _c : null,
-                canInstall: target !== null && target.canInstall && targetIsLive,
-                activeCompositionId: (_d = target === null || target === void 0 ? void 0 : target.compositionId) !== null && _d !== void 0 ? _d : null,
-                readOnly: (_e = target === null || target === void 0 ? void 0 : target.readOnly) !== null && _e !== void 0 ? _e : false,
-            }));
-            resolve();
-        }, ELEMENT_INSTALL_TARGET_RESPONSE_WAIT);
-    });
-};
-const handleRequestElementInstall = async ({ liveEventsServer, request, response, }) => {
-    if (!isAllowedElementInstallOrigin(request.headers.origin)) {
-        response.writeHead(403);
-        response.end(JSON.stringify({ success: false, reason: 'Origin not allowed' }));
-        return;
-    }
-    setElementInstallCorsHeaders({ request, response });
-    response.setHeader('Content-Type', 'application/json');
-    try {
-        const body = await (0, parse_body_1.parseRequestBody)(request);
-        const { mimeType, payload } = body;
-        const parsed = typeof mimeType === 'string' && typeof payload === 'string'
-            ? drag_and_drop_1.DragAndDropInternals.parseDragData({ mimeType, payload })
-            : null;
-        if ((parsed === null || parsed === void 0 ? void 0 : parsed.type) !== 'element') {
-            response.writeHead(400);
-            response.end(JSON.stringify({ success: false, reason: 'Invalid Element payload' }));
-            return;
-        }
-        const target = (0, element_install_state_1.getElementInstallTarget)(null);
-        const now = Date.now();
-        const targetIsLive = target !== null &&
-            now - target.updatedAt < element_install_state_1.ELEMENT_INSTALL_TARGET_MAX_AGE;
-        const targetWasRecentlyFocused = target !== null &&
-            target.lastFocusedAt !== null &&
-            now - target.lastFocusedAt < ELEMENT_INSTALL_FOCUS_MAX_AGE;
-        if (target === null ||
-            !target.canInstall ||
-            target.compositionFile === null ||
-            target.compositionId === null ||
-            !targetIsLive ||
-            !targetWasRecentlyFocused) {
-            response.writeHead(409);
-            response.end(JSON.stringify({
-                success: false,
-                reason: 'No focused writable Remotion Studio composition',
-            }));
-            return;
-        }
-        const installRequest = {
-            id: `${Date.now()}-${Math.random().toString(16).slice(2)}`,
-            clientId: target.clientId,
-            createdAt: Date.now(),
-            compositionFile: target.compositionFile,
-            compositionId: target.compositionId,
-            element: parsed.data.element,
-            position: null,
-        };
-        const delivered = liveEventsServer.sendEventToClientId(target.clientId, {
-            type: 'element-install-request',
-            request: installRequest,
-        });
-        if (delivered === false) {
-            response.writeHead(409);
-            response.end(JSON.stringify({
-                success: false,
-                reason: 'The selected Remotion Studio tab is no longer connected',
-            }));
-            return;
-        }
-        (0, better_opn_1.focusBrowserTab)({ url: target.studioUrl }).catch(() => undefined);
-        response.writeHead(200);
-        response.end(JSON.stringify({ success: true, status: 'sent' }));
-    }
-    catch (err) {
-        response.writeHead(500);
-        response.end(JSON.stringify({ success: false, reason: err.message }));
-    }
-};
 const handleFallback = async ({ remotionRoot, hash, response, request, getCurrentInputProps, getEnvVariables, publicDir, getRenderQueue, getRenderDefaults, getNumberOfAudioTags, getAudioLatencyHint, getPreviewSampleRate, gitSource, logLevel, enableCrossSiteIsolation, getStudioRuntimeConfig, }) => {
     var _a, _b;
     const acceptsHtml = ((_a = request.headers.accept) !== null && _a !== void 0 ? _a : '').includes('text/html');
@@ -421,21 +278,24 @@ const handleRoutes = ({ staticHash, staticHashPrefix, outputHash, outputHashPref
             remotionRoot,
         });
     }
-    if (url.pathname === '/api/element-install-target' ||
-        url.pathname === '/api/request-element-install') {
+    if (url.pathname === '/api/studio-protocol' ||
+        url.pathname === '/api/studio-protocol/install') {
         if (request.method === 'OPTIONS') {
-            return handleElementInstallOptions({ request, response });
+            return (0, origin_policy_1.handleStudioProtocolOptions)({ request, response });
         }
-        if (url.pathname === '/api/element-install-target') {
-            return handleElementInstallTarget({
+        if (url.pathname === '/api/studio-protocol') {
+            return (0, handle_discovery_1.handleStudioProtocolDiscovery)({
+                gitSource,
                 liveEventsServer,
+                remotionRoot,
                 request,
                 response,
-                remotionRoot,
-                gitSource,
             });
         }
-        return handleRequestElementInstall({
+        return (0, handle_install_1.handleStudioProtocolInstall)({
+            focusStudioTab: (studioUrl) => {
+                (0, better_opn_1.focusBrowserTab)({ url: studioUrl }).catch(() => undefined);
+            },
             liveEventsServer,
             request,
             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.501",
+	"version": "4.0.502",
 	"description": "Run a Remotion Studio with a server backend",
 	"main": "dist",
 	"scripts": {
@@ -23,20 +23,21 @@
 		"access": "public"
 	},
 	"dependencies": {
-		"@remotion/drag-and-drop": "4.0.501",
+		"@remotion/studio-protocol": "4.0.502",
 		"@babel/types": "7.24.0",
 		"@babel/parser": "7.24.1",
 		"@svgr/core": "8.1.0",
 		"@svgr/plugin-jsx": "8.1.0",
 		"kiwi-schema": "0.5.0",
 		"semver": "7.5.3",
+		"zod": "4.4.3",
 		"prettier": "3.8.1",
-		"remotion": "4.0.501",
+		"remotion": "4.0.502",
 		"recast": "0.23.11",
-		"@remotion/bundler": "4.0.501",
-		"@remotion/renderer": "4.0.501",
-		"@remotion/studio-codemods": "4.0.501",
-		"@remotion/studio-shared": "4.0.501",
+		"@remotion/bundler": "4.0.502",
+		"@remotion/renderer": "4.0.502",
+		"@remotion/studio-codemods": "4.0.502",
+		"@remotion/studio-shared": "4.0.502",
 		"memfs": "3.4.3",
 		"open": "8.4.2"
 	},
@@ -44,7 +45,7 @@
 		"ast-types": "0.16.1",
 		"react": "19.2.3",
 		"@types/semver": "7.5.3",
-		"@remotion/eslint-config-internal": "4.0.501",
+		"@remotion/eslint-config-internal": "4.0.502",
 		"eslint": "9.19.0",
 		"@types/node": "20.12.14",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"