@jay-framework/editor-server 0.6.3 → 0.6.4

package/dist/index.js

@@ -8,6 +8,14 @@ import { Server } from "socket.io";
 import { createServer } from "http";
 import getPort from "get-port";
 import { createProtocolResponse } from "@jay-framework/editor-protocol";
+const ALLOWED_ORIGINS = [
+  "https://www.figma.com",
+  "https://figma.com",
+  "http://localhost:*",
+  "http://127.0.0.1:*",
+  "null"
+  // For local development/file:// protocol
+];
 class EditorServer {
   constructor(options) {
     __publicField(this, "io", null);
@@ -25,6 +33,13 @@ class EditorServer {
     this.port = await getPort({ port: this.portRange });
     this.httpServer = createServer((req, res) => {
       const clientIP = req.socket.remoteAddress || req.connection.remoteAddress;
+      const origin = req.headers.origin;
+      if (ALLOWED_ORIGINS.includes(origin)) {
+        res.setHeader("Access-Control-Allow-Origin", origin);
+      }
+      res.setHeader("Access-Control-Allow-Methods", "GET, POST, PUT, DELETE, OPTIONS");
+      res.setHeader("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept, Authorization");
+      res.setHeader("Access-Control-Allow-Credentials", "true");
       if (!this.isLocalhost(clientIP)) {
         console.warn(`Rejected connection from non-localhost IP: ${clientIP}`);
         res.writeHead(403, { "Content-Type": "application/json" });
@@ -44,8 +59,9 @@ class EditorServer {
     });
     this.io = new Server(this.httpServer, {
       cors: {
-        origin: ["http://localhost:*", "http://127.0.0.1:*"],
-        methods: ["GET", "POST"]
+        origin: ALLOWED_ORIGINS,
+        methods: ["GET", "POST"],
+        credentials: true
       },
       allowEIO3: true
     });
@@ -84,15 +100,15 @@ class EditorServer {
       res.end(JSON.stringify({ error: "Missing tab ID" }));
       return;
     }
-    if (!this.editorId) {
-      this.editorId = tabId;
-      this.onEditorId && this.onEditorId(tabId);
-    }
     const response = {
-      status: this.editorId === tabId ? "configured" : "init",
+      status: this.editorId === tabId ? "match" : !this.editorId ? "init" : "no-match",
       id: this.editorId,
       port: this.port
     };
+    if (!this.editorId) {
+      this.editorId = tabId;
+      this.onEditorId && this.onEditorId(tabId);
+    }
     res.writeHead(200, { "Content-Type": "application/json" });
     res.end(JSON.stringify(response));
   }
@@ -106,7 +122,7 @@ class EditorServer {
         socket.disconnect(true);
         return;
       }
-      console.log(`Editor connected: ${socket.id} from ${clientIP}`);
+      console.log(`Editor Socket connected: ${socket.id} from ${clientIP}`);
       socket.on("protocol-message", async (message) => {
         try {
           const response = await this.handleProtocolMessage(message);
@@ -122,7 +138,7 @@ class EditorServer {
         }
       });
       socket.on("disconnect", () => {
-        console.log(`Editor disconnected: ${socket.id}`);
+        console.log(`Editor Socket disconnected: ${socket.id}`);
       });
     });
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jay-framework/editor-server",
-  "version": "0.6.3",
+  "version": "0.6.4",
   "type": "module",
   "license": "Apache-2.0",
   "main": "dist/index.js",
@@ -20,16 +20,16 @@
     "test:watch": "vitest"
   },
   "dependencies": {
-    "@jay-framework/editor-protocol": "^0.6.3",
+    "@jay-framework/editor-protocol": "^0.6.4",
     "get-port": "^7.0.0",
     "socket.io": "^4.7.4",
     "uuid": "^9.0.1",
     "yaml": "^2.3.4"
   },
   "devDependencies": {
-    "@jay-framework/dev-environment": "^0.6.3",
-    "@jay-framework/editor-client": "^0.6.3",
-    "@jay-framework/jay-cli": "^0.6.3",
+    "@jay-framework/dev-environment": "^0.6.4",
+    "@jay-framework/editor-client": "^0.6.4",
+    "@jay-framework/jay-cli": "^0.6.4",
     "@types/express": "^5.0.2",
     "@types/node": "^22.15.21",
     "@types/uuid": "^9.0.7",