conductor-figma 3.3.1 → 3.3.3

package/figma-plugin/manifest.json

@@ -8,7 +8,7 @@
   "enableProposedApi": false,
   "editorType": ["figma"],
   "networkAccess": {
-    "allowedDomains": ["none"],
-    "reasoning": "Conductor connects to a local WebSocket server only"
+    "allowedDomains": ["*"],
+    "reasoning": "Connects to local MCP WebSocket server on 127.0.0.1:3055"
   }
 }

package/figma-plugin/ui.html

@@ -39,7 +39,7 @@ function setStatus(connected) {
 
 function connect() {
   try {
-    ws = new WebSocket(`ws://localhost:${port}`);
+    ws = new WebSocket(`ws://127.0.0.1:${port}`);
     ws.onopen = () => {
       setStatus(true);
       log('Connected to MCP server');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "conductor-figma",
-  "version": "3.3.1",
+  "version": "3.3.3",
   "description": "Design-intelligent MCP server for Figma. 201 design-intelligent tools for Figma. Every tool knows typography, spacing, color, accessibility. Not a shape proxy — a design engine.",
   "author": "0xDragoon",
   "license": "MIT",

package/src/bridge.js

@@ -1,47 +1,100 @@
 // ═══════════════════════════════════════════
-// CONDUCTOR v3 — WebSocket Bridge
+// CONDUCTOR v3.3 — WebSocket Bridge
 // ═══════════════════════════════════════════
 
-import { WebSocketServer } from 'ws'
+import { WebSocketServer, WebSocket } from 'ws'
 
 function log() { process.stderr.write('[bridge] ' + Array.prototype.join.call(arguments, ' ') + '\n') }
 
 export function createBridge(port) {
   port = port || parseInt(process.env.CONDUCTOR_PORT) || 3055
   var wss = null
-  var client = null
+  var figmaClient = null
+  var proxyConn = null
   var pending = new Map()
-  var msgId = 0
+  var msgId = 1000
   var isOwner = false
+  var isProxy = false
 
   function start() {
     return new Promise(function(resolve) {
       try {
-        wss = new WebSocketServer({ port: port })
-        wss.on('listening', function() { isOwner = true; log('WebSocket server on port ' + port); resolve() })
+        wss = new WebSocketServer({ port: port, host: '0.0.0.0' })
+        wss.on('listening', function() {
+          isOwner = true
+          log('WebSocket server on port ' + port)
+          resolve()
+        })
         wss.on('connection', function(ws) {
-          client = ws
-          log('Figma plugin connected')
-          ws.on('message', function(data) {
+          var role = null  // 'figma' or 'proxy'
+
+          ws.on('message', function(rawData) {
             try {
-              var msg = JSON.parse(data.toString())
+              var msg = JSON.parse(rawData.toString())
+
+              // Proxy identification
+              if (msg._identify === 'proxy') {
+                role = 'proxy'
+                log('Proxy client identified')
+                return
+              }
+
+              // Proxy forwarding a command to Figma
+              if (msg._proxy && msg.command) {
+                if (role !== 'proxy') { role = 'proxy'; log('Proxy client identified (via command)') }
+                if (figmaClient && figmaClient.readyState === 1) {
+                  pending.set(msg.id, { ws: ws, type: 'proxy' })
+                  figmaClient.send(JSON.stringify({ id: msg.id, command: msg.command, data: msg.data }))
+                } else {
+                  ws.send(JSON.stringify({ id: msg.id, error: 'Figma plugin not connected' }))
+                }
+                return
+              }
+
+              // Response from Figma
               if (msg.id && pending.has(msg.id)) {
                 var p = pending.get(msg.id)
-                clearTimeout(p.timer)
                 pending.delete(msg.id)
-                if (msg.error) p.reject(new Error(msg.error))
-                else p.resolve(msg.result)
+                if (p.type === 'proxy') {
+                  // Route back to proxy
+                  if (p.ws && p.ws.readyState === 1) p.ws.send(rawData.toString())
+                } else if (p.type === 'local') {
+                  clearTimeout(p.timer)
+                  if (msg.error) p.reject(new Error(msg.error))
+                  else p.resolve(msg.result)
+                }
+                return
+              }
+
+              // If we get here with a result/error, it's Figma responding
+              if (!role) {
+                role = 'figma'
+                figmaClient = ws
+                log('Figma plugin connected')
               }
             } catch (e) { log('Parse error:', e.message) }
           })
-          ws.on('close', function() { client = null; log('Figma plugin disconnected') })
+
+          ws.on('close', function() {
+            if (role === 'figma') { figmaClient = null; log('Figma plugin disconnected') }
+            if (role === 'proxy') { log('Proxy client disconnected') }
+          })
           ws.on('error', function(e) { log('WS error:', e.message) })
+
+          // Auto-identify as Figma if no message in 3s (Figma sends nothing on connect)
+          setTimeout(function() {
+            if (!role) {
+              role = 'figma'
+              figmaClient = ws
+              log('Figma plugin connected (auto)')
+            }
+          }, 3000)
         })
         wss.on('error', function(e) {
           if (e.code === 'EADDRINUSE') {
-            log('Port ' + port + ' in use — another Conductor instance is running. This instance will handle MCP only.')
+            log('Port ' + port + ' in use — connecting as proxy')
             wss = null
-            resolve()
+            connectAsProxy(resolve)
           } else {
             log('Server error:', e.message)
             resolve()
@@ -54,21 +107,61 @@ export function createBridge(port) {
     })
   }
 
-  function stop() { if (wss && isOwner) { wss.close(); wss = null } }
+  function connectAsProxy(resolve) {
+    try {
+      proxyConn = new WebSocket('ws://127.0.0.1:' + port)
+      proxyConn.on('open', function() {
+        isProxy = true
+        // Identify ourselves immediately so server doesn't think we're Figma
+        proxyConn.send(JSON.stringify({ _identify: 'proxy' }))
+        log('Proxy connected to server on port ' + port)
+        resolve()
+      })
+      proxyConn.on('message', function(data) {
+        try {
+          var msg = JSON.parse(data.toString())
+          if (msg.id && pending.has(msg.id)) {
+            var p = pending.get(msg.id)
+            clearTimeout(p.timer)
+            pending.delete(msg.id)
+            if (msg.error) p.reject(new Error(msg.error))
+            else p.resolve(msg.result)
+          }
+        } catch (e) { log('Proxy parse error:', e.message) }
+      })
+      proxyConn.on('close', function() { isProxy = false; proxyConn = null; log('Proxy disconnected') })
+      proxyConn.on('error', function(e) { log('Proxy error:', e.message); isProxy = false; proxyConn = null; resolve() })
+    } catch (e) { log('Proxy connect error:', e.message); resolve() }
+  }
+
+  function stop() {
+    if (wss && isOwner) { wss.close(); wss = null }
+    if (proxyConn) { proxyConn.close(); proxyConn = null }
+  }
 
-  function isConnected() { return client !== null && client.readyState === 1 }
+  function isConnected() {
+    if (isOwner) return figmaClient !== null && figmaClient.readyState === 1
+    if (isProxy) return proxyConn !== null && proxyConn.readyState === 1
+    return false
+  }
 
   function send(command, data, timeout) {
-    timeout = timeout || 15000
+    timeout = timeout || 60000
     return new Promise(function(resolve, reject) {
-      if (!isConnected()) return reject(new Error('Figma plugin not connected. Run the Conductor plugin in Figma, and make sure the WebSocket server is running on port ' + port))
+      if (!isConnected()) return reject(new Error('Figma plugin not connected'))
       var id = ++msgId
       var timer = setTimeout(function() {
         pending.delete(id)
-        reject(new Error('Timeout waiting for Figma response (' + timeout + 'ms)'))
+        reject(new Error('Timeout (' + timeout + 'ms)'))
       }, timeout)
-      pending.set(id, { resolve: resolve, reject: reject, timer: timer })
-      client.send(JSON.stringify({ id: id, command: command, data: data }))
+
+      if (isOwner && figmaClient) {
+        pending.set(id, { resolve: resolve, reject: reject, timer: timer, type: 'local' })
+        figmaClient.send(JSON.stringify({ id: id, command: command, data: data }))
+      } else if (isProxy && proxyConn) {
+        pending.set(id, { resolve: resolve, reject: reject, timer: timer, type: 'local' })
+        proxyConn.send(JSON.stringify({ id: id, command: command, data: data, _proxy: true }))
+      }
     })
   }
 

package/src/server.js

@@ -2,18 +2,14 @@ import { TOOL_LIST, TOOL_COUNT, getTool, CATEGORIES } from './tools/registry.js'
 import { handleTool } from './tools/handlers.js'
 import { createBridge } from './bridge.js'
 
-var VERSION = '3.0.4'
-var bridge = null
-var bridgeStarted = false
+var VERSION = '3.3.1'
+var bridge = createBridge()
+bridge.start()
+var bridgeStarted = true
 
 function log() { process.stderr.write('[conductor] ' + Array.prototype.join.call(arguments, ' ') + '\n') }
 
 function ensureBridge() {
-  if (!bridgeStarted) {
-    bridgeStarted = true
-    bridge = createBridge()
-    bridge.start()
-  }
   return bridge
 }
 

package/src/tools/handlers.js

@@ -10,6 +10,8 @@ import {
 import { composeSmartComponent, composeSection, composePage, runSequence } from '../design/composer.js'
 import { interpretDesign, applyDesignParams, getInterpretationSummary } from '../design/interpreter.js'
 
+function log() { process.stderr.write('[conductor] ' + Array.prototype.join.call(arguments, ' ') + '\n') }
+
 // ─── Icon SVG Library ───
 const ICONS = {
   'arrow-right': '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg>',
@@ -78,27 +80,45 @@ export async function handleTool(name, args, bridge) {
 
     // Create page root
     var pageColors = semanticColors(brandColor, mode)
-    var rootResult = await bridge.send('create_frame', {
-      name: interpretation.industry + ' — ' + interpretation.mood,
-      direction: 'VERTICAL', width: W, gap: 0,
-      fill: pageColors.bg
-    })
+    log('Creating root frame...')
+    var rootResult
+    try {
+      rootResult = await bridge.send('create_frame', {
+        name: interpretation.industry + ' — ' + interpretation.mood,
+        direction: 'VERTICAL', width: W, gap: 0,
+        fill: pageColors.bg
+      })
+    } catch (e) {
+      log('Root frame error:', e.message)
+      throw new Error('Failed to create root frame: ' + e.message)
+    }
 
+    if (!rootResult || !rootResult.id) {
+      log('Root result invalid:', JSON.stringify(rootResult))
+      throw new Error('Root frame created but no ID returned. Response: ' + JSON.stringify(rootResult))
+    }
+
+    log('Root frame created:', rootResult.id)
     var totalElements = 1
     var sectionResults = []
 
     // Build each detected section
     for (var di = 0; di < interpretation.sections.length; di++) {
       var secType = interpretation.sections[di]
+      log('Building section:', secType)
       var secCmds = composeSection(secType, interpretation.content, brandColor, mode, W)
       if (secCmds && secCmds.length > 0) {
-        // Apply mood-based design params
         secCmds = applyDesignParams(secCmds, params)
-        // Parent first element to page root
         secCmds[0].data.parentId = rootResult.id
-        var secRes = await runSequence(bridge, secCmds)
-        totalElements += secRes.length
-        sectionResults.push({ section: secType, elements: secRes.length })
+        try {
+          var secRes = await runSequence(bridge, secCmds)
+          totalElements += secRes.length
+          sectionResults.push({ section: secType, elements: secRes.length })
+          log('Section ' + secType + ': ' + secRes.length + ' elements')
+        } catch (e) {
+          log('Section ' + secType + ' error:', e.message)
+          sectionResults.push({ section: secType, error: e.message })
+        }
       }
     }