@remotion/studio-server 4.0.498 → 4.0.499

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

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.insertElementHandler = void 0;
 const node_fs_1 = require("node:fs");
 const node_path_1 = __importDefault(require("node:path"));
+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 file_watcher_1 = require("../../file-watcher");
 const resolve_composition_component_1 = require("../../helpers/resolve-composition-component");
 const format_log_file_location_1 = require("../format-log-file-location");
@@ -56,7 +56,7 @@ const validateDimensions = (dimensions) => {
     }
 };
 const validateElement = (element) => {
-    if ((0, studio_shared_1.makeElementFileNameFromSlug)(element.slug) === null) {
+    if (drag_and_drop_1.DragAndDropInternals.makeElementFileNameFromSlug(element.slug) === null) {
         throw new Error('Element slug must produce a safe lowercase .tsx file name');
     }
     if (typeof element.sourceCode !== 'string' ||
@@ -64,7 +64,7 @@ const validateElement = (element) => {
         element.sourceCode.length > 200000) {
         throw new Error('Unsupported Element source code');
     }
-    if ((0, studio_shared_1.getElementComponentNameFromSourceCode)(element.sourceCode) === null) {
+    if (drag_and_drop_1.DragAndDropInternals.getElementComponentNameFromSourceCode(element.sourceCode) === null) {
         throw new Error('Element source must export exactly one named component');
     }
     validateDimensions(element.dimensions);
@@ -77,7 +77,7 @@ const insertElementHandler = ({ input: { compositionFile, compositionId, element
             (!Number.isInteger(from) || !Number.isFinite(from) || from < 0)) {
             throw new Error('from must be a non-negative integer');
         }
-        const componentName = (0, studio_shared_1.getElementComponentNameFromSourceCode)(element.sourceCode);
+        const componentName = drag_and_drop_1.DragAndDropInternals.getElementComponentNameFromSourceCode(element.sourceCode);
         if (componentName === null) {
             throw new Error('Element source must export exactly one named component');
         }
@@ -90,7 +90,7 @@ const insertElementHandler = ({ input: { compositionFile, compositionId, element
         if (!location.canAddSequence) {
             throw new Error('Cannot insert Element into this composition component');
         }
-        const derivedElementFileName = (0, studio_shared_1.makeElementFileNameFromSlug)(element.slug);
+        const derivedElementFileName = drag_and_drop_1.DragAndDropInternals.makeElementFileNameFromSlug(element.slug);
         if (derivedElementFileName === null) {
             throw new Error('Element slug must produce a safe lowercase .tsx file name');
         }

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

@@ -5,6 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.insertJsxElementHandler = void 0;
 const node_path_1 = __importDefault(require("node:path"));
+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 file_watcher_1 = require("../../file-watcher");
@@ -78,16 +79,16 @@ const validateElement = (element, remotionRoot) => {
         return;
     }
     if (element.type === 'component') {
-        if (!(0, studio_shared_1.isComponentIdentifier)(element.componentName)) {
+        if (!drag_and_drop_1.DragAndDropInternals.isComponentIdentifier(element.componentName)) {
             throw new Error('Unsupported component name');
         }
-        if (!(0, studio_shared_1.isComponentIdentifier)(element.importName)) {
+        if (!drag_and_drop_1.DragAndDropInternals.isComponentIdentifier(element.importName)) {
             throw new Error('Unsupported component import name');
         }
-        if (!(0, studio_shared_1.isComponentImportPath)(element.importPath)) {
+        if (!drag_and_drop_1.DragAndDropInternals.isComponentImportPath(element.importPath)) {
             throw new Error('Unsupported component import path');
         }
-        if (!(0, studio_shared_1.areComponentProps)(element.props)) {
+        if (!drag_and_drop_1.DragAndDropInternals.areComponentProps(element.props)) {
             throw new Error('Unsupported component props');
         }
         return;

package/dist/routes.js

@@ -39,6 +39,7 @@ 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");
@@ -165,12 +166,11 @@ const handleRequestElementInstall = async ({ liveEventsServer, request, response
     response.setHeader('Content-Type', 'application/json');
     try {
         const body = await (0, parse_body_1.parseRequestBody)(request);
-        const parsed = (0, studio_shared_1.parseElementDragData)(JSON.stringify({
-            type: 'remotion-element',
-            version: 1,
-            element: body.element,
-        }));
-        if (parsed === null) {
+        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;
@@ -201,7 +201,7 @@ const handleRequestElementInstall = async ({ liveEventsServer, request, response
             createdAt: Date.now(),
             compositionFile: target.compositionFile,
             compositionId: target.compositionId,
-            element: parsed.element,
+            element: parsed.data.element,
             position: null,
         };
         const delivered = liveEventsServer.sendEventToClientId(target.clientId, {

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.498",
+	"version": "4.0.499",
 	"description": "Run a Remotion Studio with a server backend",
 	"main": "dist",
 	"scripts": {
@@ -23,6 +23,7 @@
 		"access": "public"
 	},
 	"dependencies": {
+		"@remotion/drag-and-drop": "4.0.499",
 		"@babel/types": "7.24.0",
 		"@babel/parser": "7.24.1",
 		"@svgr/core": "8.1.0",
@@ -30,11 +31,11 @@
 		"kiwi-schema": "0.5.0",
 		"semver": "7.5.3",
 		"prettier": "3.8.1",
-		"remotion": "4.0.498",
+		"remotion": "4.0.499",
 		"recast": "0.23.11",
-		"@remotion/bundler": "4.0.498",
-		"@remotion/renderer": "4.0.498",
-		"@remotion/studio-shared": "4.0.498",
+		"@remotion/bundler": "4.0.499",
+		"@remotion/renderer": "4.0.499",
+		"@remotion/studio-shared": "4.0.499",
 		"memfs": "3.4.3",
 		"open": "8.4.2"
 	},
@@ -42,7 +43,7 @@
 		"ast-types": "0.16.1",
 		"react": "19.2.3",
 		"@types/semver": "7.5.3",
-		"@remotion/eslint-config-internal": "4.0.498",
+		"@remotion/eslint-config-internal": "4.0.499",
 		"eslint": "9.19.0",
 		"@types/node": "20.12.14",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"