skopix 2.0.100 → 2.0.101

package/cli/commands/agent.js

@@ -436,7 +436,7 @@ export async function agentCommand(options) {
       session.emit = (obj) => {
         sendRec(obj);
         if (obj.type === 'step') process.stdout.write(chalk.cyan('    ⏺ ') + (obj.step?.action || '') + '\n');
-        if (obj.type === 'done') {
+        if (obj.type === 'done' || obj.type === 'stopped') {
           console.log(chalk.green('  ✔ Debug recording done — ' + (obj.steps?.length || 0) + ' new steps'));
           browser.close().catch(() => {});
           ws.send(JSON.stringify({ type: 'jobDone', runId }));

package/core/recorder.js

@@ -744,7 +744,36 @@ export class RecordingSession {
     });
 
     // Re-evaluate init script on the current page (since addInitScript only runs on navigation)
-    try { await this.page.reload({ waitUntil: 'domcontentloaded', timeout: 15000 }); } catch {}
+    // Use evaluate to inject directly into the live page without reloading
+    try {
+      await this.page.evaluate(() => {
+        if (window.__skopixRecording) return;
+        window.__skopixRecording = true;
+        // Toolbar will be injected via addInitScript on next navigation,
+        // but we need it now — dispatch a custom event to trigger creation
+        const event = new CustomEvent('__skopix_attach');
+        document.dispatchEvent(event);
+      });
+    } catch {}
+
+    // Directly inject the toolbar into the current live page
+    try {
+      await this.page.evaluate(() => {
+        if (document.getElementById('__skopix_toolbar')) return;
+        const toolbar = document.createElement('div');
+        toolbar.id = '__skopix_toolbar';
+        toolbar.style.cssText = 'position:fixed;bottom:20px;right:20px;z-index:2147483647;display:flex;align-items:center;gap:8px;background:#0d0d1a;border:1px solid rgba(0,212,255,0.3);border-radius:10px;padding:10px 14px;font-family:monospace;font-size:12px;box-shadow:0 4px 24px rgba(0,0,0,0.5);user-select:none;';
+        toolbar.innerHTML = '<span style="color:#00d4ff;font-weight:600;letter-spacing:0.08em">SKOPIX</span><span id="__skopix_step_count" style="color:#5a6180;font-size:11px">0 steps</span><button id="__skopix_assert_btn" style="background:#1a1d2e;border:1px solid rgba(0,212,255,0.2);color:#00d4ff;border-radius:6px;padding:5px 10px;cursor:pointer;font-family:monospace;font-size:11px">+ Assert</button><button id="__skopix_stop_btn" style="background:#1a1d2e;border:1px solid rgba(239,68,68,0.3);color:#ef4444;border-radius:6px;padding:5px 10px;cursor:pointer;font-family:monospace;font-size:11px">■ Stop</button>';
+        document.body.appendChild(toolbar);
+        document.getElementById('__skopix_stop_btn').addEventListener('click', function() {
+          if (window.__skopixCapture) window.__skopixCapture({ action: 'stop' });
+        });
+        document.getElementById('__skopix_assert_btn').addEventListener('click', function() {
+          window.__skopixPickMode = true;
+          document.body.style.cursor = 'crosshair';
+        });
+      });
+    } catch {}
 
     this.page.on('framenavigated', async (frame) => {
       if (frame !== this.page.mainFrame()) return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "skopix",
-  "version": "2.0.100",
+  "version": "2.0.101",
   "description": "Browser-based QA tool — record tests by using your app, replay them deterministically, generate Playwright code automatically",
   "main": "cli/index.js",
   "bin": {