@ubox-tools/deploy-xperience 1.1.20 → 1.1.21

package/deploy.js

@@ -416,17 +416,33 @@ async function uploadFile(page, absPath) {
   await client.detach();
 }
 
-/** Inject text content into the active Monaco/CodeMirror/Ace editor. */
-async function injectToEditor(page, content) {
-  // Try Monaco API first (no clipboard needed)
-  const monacoOk = await page.evaluate(text => {
-    if (window.monaco?.editor) {
-      const models = window.monaco.editor.getModels();
-      if (models?.length > 0) { models[0].setValue(text); return true; }
+/** Inject text content into the active Monaco/CodeMirror/Ace editor.
+ *  @param {string} filename  Source filename (e.g. "index.html") — used to pick
+ *                            the right Monaco model by URI when multiple models are
+ *                            pre-loaded (e.g. after visiting the Parameters tab). */
+async function injectToEditor(page, content, filename) {
+  // Try Monaco API
+  const monacoResult = await page.evaluate((text, fn) => {
+    if (!window.monaco?.editor) return null;
+    const models = window.monaco.editor.getModels();
+    if (!models?.length) return null;
+
+    // Best: match model by filename in its URI — avoids the models[0] trap when
+    // multiple models are pre-loaded (happens after visiting the Parameters tab).
+    if (fn) {
+      const m = models.find(m => m.uri?.toString().includes(fn));
+      if (m) { m.setValue(text); return 'uri'; }
     }
-    return false;
-  }, content);
-  if (monacoOk) return;
+
+    // Safe fallback: single model is always the active one (lazy-load case).
+    if (models.length === 1) { models[0].setValue(text); return 'single'; }
+
+    // Multiple models, no URI match — fall through to keyboard injection.
+    return `multi:${models.length}:${models.map(m => m.uri?.toString()).join('|')}`;
+  }, content, filename ?? null);
+
+  if (monacoResult === 'uri' || monacoResult === 'single') return;
+  if (monacoResult) console.log(`      [editor] Monaco ${monacoResult} → keyboard fallback`);
 
   // Try CodeMirror API
   const cmOk = await page.evaluate(text => {
@@ -436,16 +452,23 @@ async function injectToEditor(page, content) {
   }, content);
   if (cmOk) return;
 
-  // Fallback: clipboard paste into Ace / generic textarea
+  // Keyboard injection: click the visible editor, Ctrl+A, Ctrl+V.
+  // Targets whatever editor is currently focused (active tab) — model-agnostic.
   writeClipboard(content);
-  const ed = await page.$('.ace_editor, .cm-editor, .monaco-editor, textarea');
-  if (!ed) throw new Error('No code editor found on page');
-  const edRect = await page.evaluate(el => {
-    el.scrollIntoView({ block: 'nearest' });
-    const r = el.getBoundingClientRect();
-    return { x: Math.round(r.x + r.width / 2), y: Math.round(r.y + r.height / 2) };
-  }, ed);
-  await page.mouse.click(edRect.x, edRect.y);
+  const edPos = await page.evaluate(() => {
+    for (const sel of ['.monaco-editor', '.ace_editor', '.cm-editor', 'textarea']) {
+      const el = Array.from(document.querySelectorAll(sel))
+        .find(e => { const r = e.getBoundingClientRect(); return r.width > 10 && r.height > 10; });
+      if (el) {
+        el.scrollIntoView({ block: 'nearest' });
+        const r = el.getBoundingClientRect();
+        return { x: Math.round(r.x + r.width / 2), y: Math.round(r.y + r.height / 2) };
+      }
+    }
+    return null;
+  });
+  if (!edPos) throw new Error('No code editor found on page');
+  await page.mouse.click(edPos.x, edPos.y);
   await sleep(200);
   await page.keyboard.down('Control');
   await page.keyboard.press('a');
@@ -682,7 +705,7 @@ async function injectSource(page, proxy) {
     console.log(`    ${filename} → ${tabLabel}`);
     await clickByText(page, tabLabel);
     await sleep(1000);
-    await injectToEditor(page, proxy[filename]);
+    await injectToEditor(page, proxy[filename], filename);
     await sleep(500);
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ubox-tools/deploy-xperience",
-  "version": "1.1.20",
+  "version": "1.1.21",
   "description": "Deploy a Ubox experience to studio.ubox.world",
   "bin": { "deploy-xperience": "./deploy.js" },
   "dependencies": { "puppeteer": "*" },