sparkecode-devtools 0.1.42 → 0.1.44

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sparkecode-devtools",
-  "version": "0.1.42",
+  "version": "0.1.44",
   "description": "Sparkecode Dev Tools for selecting and sharing components.",
   "type": "module",
   "main": "sparkecode-select.js",

package/sparkecode-select.js

@@ -598,13 +598,12 @@
         toggleActive();
       }
       isDragging = false;
-      };
-      
-      document.addEventListener('mousemove', onMove);
-      document.addEventListener('mouseup', onUp);
-      document.addEventListener('touchmove', onMove, { passive: false });
-      document.addEventListener('touchend', onUp);
-    }
+    };
+    
+    document.addEventListener('mousemove', onMove);
+    document.addEventListener('mouseup', onUp);
+    document.addEventListener('touchmove', onMove, { passive: false });
+    document.addEventListener('touchend', onUp);
   }
 
   function createOverlay() {
@@ -1161,6 +1160,7 @@
     
     const iframe = document.getElementById('sparkecode-webframe-iframe');
     const loading = document.getElementById('sparkecode-webframe-loading');
+    if (!webFrame || !iframe) return;
     
     // Build embed URL with session ID
     let url = getWebUiUrl();
@@ -1169,6 +1169,13 @@
     } else {
       url += '/embed';
     }
+
+    // Pass API base via query param so embed can reach the server
+    const apiUrl = config.sparkecoder?.apiBase || sparkecoderState.apiBase;
+    if (apiUrl) {
+      const joiner = url.includes('?') ? '&' : '?';
+      url += `${joiner}apiUrl=${encodeURIComponent(apiUrl)}`;
+    }
     
     if (iframe && iframe.src !== url) {
       if (loading) loading.style.display = 'flex';