@dyyz1993/agent-browser 0.9.2

package/dist/viewer-script.js

@@ -0,0 +1,586 @@
+export function createInitialState() {
+    return {
+        ws: null,
+        metadata: { deviceWidth: 1280, deviceHeight: 720, pageScaleFactor: 1, format: 'jpeg' },
+        userActivityTimeout: null,
+        pendingBinary: false,
+        modifiers: 0,
+        clickCount: 0,
+        clickTimer: null,
+        isComposing: false,
+        lastInputValue: '',
+        fixedSize: false,
+    };
+}
+export function buildWebSocketUrl(config) {
+    const wsParam = config.instanceId
+        ? 'instanceId=' + config.instanceId
+        : 'session=' + config.session;
+    return config.wsProtocol + '//' + config.hostname + ':' + config.port + '?' + wsParam;
+}
+export function parseConfigFromLocation() {
+    const wsProtocol = typeof location !== 'undefined' && location.protocol === 'https:' ? 'wss:' : 'ws:';
+    const defaultPort = 5005;
+    const port = (typeof location !== 'undefined' && parseInt(location.port, 10)) || defaultPort;
+    let instanceId = null;
+    let session = 'default';
+    if (typeof URLSearchParams !== 'undefined' && typeof location !== 'undefined') {
+        const urlParams = new URLSearchParams(location.search);
+        instanceId = urlParams.get('instanceId');
+        session = urlParams.get('session') || 'default';
+    }
+    return {
+        wsProtocol,
+        hostname: typeof location !== 'undefined' ? location.hostname : 'localhost',
+        port,
+        instanceId,
+        session,
+    };
+}
+export function safeSend(ws, data) {
+    if (ws && ws.readyState === WebSocket.OPEN) {
+        ws.send(data);
+    }
+}
+export function sendUserActivity(state, qualityBadge, ws) {
+    safeSend(ws, JSON.stringify({ type: 'user_activity' }));
+    if (state.userActivityTimeout !== null) {
+        clearTimeout(state.userActivityTimeout);
+    }
+    state.userActivityTimeout = setTimeout(() => {
+        qualityBadge.textContent = 'static';
+    }, 2000);
+    qualityBadge.textContent = 'interacting';
+}
+export function screenToPage(screenX, screenY, screenWidth, screenHeight, deviceWidth, deviceHeight) {
+    const scaleX = deviceWidth / screenWidth;
+    const scaleY = deviceHeight / screenHeight;
+    return {
+        x: Math.round(screenX * scaleX),
+        y: Math.round(screenY * scaleY),
+    };
+}
+export function updateModifiers(e) {
+    let modifiers = 0;
+    if (e.altKey)
+        modifiers |= 1;
+    if (e.ctrlKey)
+        modifiers |= 2;
+    if (e.metaKey)
+        modifiers |= 4;
+    if (e.shiftKey)
+        modifiers |= 8;
+    return modifiers;
+}
+export function shouldSendText(key, ctrlKey, metaKey, altKey) {
+    return key.length === 1 && !ctrlKey && !metaKey && !altKey;
+}
+export function buildViewerScript() {
+    return `
+    const wsProtocol = location.protocol === 'https:' ? 'wss:' : 'ws:';
+    const defaultPort = 5005;
+    const port = parseInt(location.port, 10) || defaultPort;
+    const urlParams = new URLSearchParams(location.search);
+    const instanceId = urlParams.get('instanceId');
+    const session = urlParams.get('session') || 'default';
+    const wsParam = instanceId ? 'instanceId=' + instanceId : 'session=' + session;
+    const wsUrl = wsProtocol + '//' + location.hostname + ':' + port + '?' + wsParam;
+
+    // Background management
+    let shouldReconnect = true;
+    let reconnectTimer = null;
+    let backgroundTimer = null;
+    const BACKGROUND_TIMEOUT = 60000; // 60 seconds
+    
+    const screen = document.getElementById('screen');
+    const statusDot = document.getElementById('statusDot');
+    const statusText = document.getElementById('statusText');
+    const urlDisplay = document.getElementById('urlDisplay');
+    const qualityBadge = document.getElementById('qualityBadge');
+    const tabsContainer = document.getElementById('tabs');
+    const connecting = document.getElementById('connecting');
+    
+    const hiddenInput = document.createElement('input');
+    hiddenInput.type = 'text';
+    hiddenInput.style.cssText = 'position:fixed;right:8px;bottom:8px;opacity:0.01;width:1px;height:1px;border:none;outline:none;padding:0;margin:0;';
+    hiddenInput.id = 'hidden-input';
+    hiddenInput.setAttribute('autocomplete', 'off');
+    hiddenInput.setAttribute('autocorrect', 'off');
+    hiddenInput.setAttribute('autocapitalize', 'off');
+    hiddenInput.setAttribute('spellcheck', 'false');
+    document.body.appendChild(hiddenInput);
+    
+    let ws = null;
+    let metadata = { deviceWidth: 1280, deviceHeight: 720, pageScaleFactor: 1, format: 'jpeg' };
+    let userActivityTimeout = null;
+    let pendingBinary = false;
+    let modifiers = 0;
+    let clickCount = 0;
+    let clickTimer = null;
+    let isComposing = false;
+    let lastInputValue = '';
+    let fixedSize = false;
+    let isRecording = false;
+    
+    function connect() {
+      ws = new WebSocket(wsUrl);
+      ws.binaryType = 'arraybuffer';
+
+      ws.onopen = () => {
+        statusDot.classList.add('connected');
+        statusText.textContent = 'Connected';
+        connecting.style.display = 'none';
+        reconnectTimer = null;
+      };
+
+      ws.onclose = () => {
+        statusDot.classList.remove('connected');
+        statusText.textContent = 'Disconnected';
+        connecting.style.display = 'flex';
+
+        // Only reconnect if we should (page is visible)
+        if (shouldReconnect) {
+          reconnectTimer = setTimeout(connect, 2000);
+        }
+      };
+      
+      ws.onerror = () => {
+        statusText.textContent = 'Connection error';
+      };
+      
+      ws.onmessage = (event) => {
+        if (event.data instanceof ArrayBuffer) {
+          handleBinary(event.data);
+          return;
+        }
+
+        const msg = JSON.parse(event.data);
+
+        // Handle recorder responses
+        if (msg.id && msg.id.startsWith('recorder-')) {
+          if (msg.id.startsWith('recorder-start-') && msg.success) {
+            isRecording = true;
+            recordBtn.classList.add('recording');
+            recordText.textContent = 'Stop';
+          } else if (msg.id.startsWith('recorder-stop-') && msg.success) {
+            isRecording = false;
+            recordBtn.classList.remove('recording');
+            recordText.textContent = 'Record';
+
+            // Download YAML
+            if (msg.data && msg.data.yaml) {
+              const blob = new Blob([msg.data.yaml], { type: 'text/yaml' });
+              const url = URL.createObjectURL(blob);
+              const a = document.createElement('a');
+              a.href = url;
+              a.download = 'session-' + Date.now() + '.yaml';
+              a.click();
+              URL.revokeObjectURL(url);
+              alert('Recording stopped. ' + msg.data.steps + ' steps recorded.');
+            }
+          }
+          return;
+        }
+
+        switch (msg.type) {
+          case 'frame':
+            pendingBinary = true;
+            metadata = msg.metadata;
+            if (msg.format) metadata.format = msg.format;
+            if (msg.state) {
+              qualityBadge.textContent = msg.state;
+            }
+            break;
+
+          case 'status':
+            if (msg.connected === false) {
+              statusDot.classList.remove('connected');
+              statusText.textContent = 'Instance not found';
+              const p = connecting.querySelector('p');
+              if (p) p.textContent = 'The browser instance has been closed or not found.';
+              connecting.style.display = 'flex';
+            } else {
+              if (msg.viewportWidth) {
+                metadata.deviceWidth = msg.viewportWidth;
+                metadata.deviceHeight = msg.viewportHeight;
+              }
+            }
+            break;
+
+          case 'navigation':
+            urlDisplay.value = msg.data.url;
+            document.title = msg.data.title + ' - Agent Browser Viewer';
+            break;
+
+          case 'tab_created':
+            addTab(msg.data.index, msg.data.url, msg.data.title, false);
+            break;
+
+          case 'tab_closed':
+            removeTab(msg.data.index);
+            break;
+
+          case 'tab_switched':
+            setActiveTab(msg.data.toIndex);
+            break;
+        }
+      };
+    }
+    
+    function handleBinary(data) {
+      if (!pendingBinary) return;
+      pendingBinary = false;
+      
+      const blob = new Blob([data], {
+        type: metadata.format === 'webp' ? 'image/webp' : 'image/jpeg'
+      });
+      const url = URL.createObjectURL(blob);
+      
+      const cleanup = () => {
+        URL.revokeObjectURL(url);
+        connecting.style.display = 'none';
+        screen.style.display = 'block';
+      };
+      
+      screen.onload = cleanup;
+      screen.onerror = cleanup;
+      screen.src = url;
+      
+      if (!fixedSize) {
+        screen.style.width = metadata.deviceWidth + 'px';
+        screen.style.height = metadata.deviceHeight + 'px';
+        fixedSize = true;
+      }
+    }
+    
+    function safeSend(data) {
+      if (ws && ws.readyState === WebSocket.OPEN) {
+        ws.send(data);
+      }
+    }
+    
+    function sendUserActivity() {
+      safeSend(JSON.stringify({ type: 'user_activity' }));
+      
+      clearTimeout(userActivityTimeout);
+      userActivityTimeout = setTimeout(() => {
+        qualityBadge.textContent = 'static';
+      }, 2000);
+      
+      qualityBadge.textContent = 'interacting';
+    }
+    
+    function screenToPage(screenX, screenY) {
+      const rect = screen.getBoundingClientRect();
+      const scaleX = metadata.deviceWidth / rect.width;
+      const scaleY = metadata.deviceHeight / rect.height;
+      
+      return {
+        x: Math.round((screenX - rect.left) * scaleX),
+        y: Math.round((screenY - rect.top) * scaleY)
+      };
+    }
+    
+    function updateModifiers(e) {
+      modifiers = 0;
+      if (e.altKey) modifiers |= 1;
+      if (e.ctrlKey) modifiers |= 2;
+      if (e.metaKey) modifiers |= 4;
+      if (e.shiftKey) modifiers |= 8;
+    }
+    
+    function focusHiddenInput() {
+      hiddenInput.focus();
+      hiddenInput.select();
+    }
+    
+    screen.addEventListener('dragstart', (e) => e.preventDefault());
+    
+    screen.addEventListener('click', () => {
+      focusHiddenInput();
+    });
+    
+    screen.addEventListener('mousemove', (e) => {
+      sendUserActivity();
+      const pos = screenToPage(e.clientX, e.clientY);
+      safeSend(JSON.stringify({
+        type: 'input_mouse',
+        eventType: 'mouseMoved',
+        x: pos.x,
+        y: pos.y
+      }));
+    });
+    
+    screen.addEventListener('mousedown', (e) => {
+      sendUserActivity();
+      updateModifiers(e);
+      
+      if (clickTimer) {
+        clickCount++;
+      } else {
+        clickCount = 1;
+        clickTimer = setTimeout(() => {
+          clickCount = 0;
+          clickTimer = null;
+        }, 300);
+      }
+      
+      const pos = screenToPage(e.clientX, e.clientY);
+      const buttonMap = { 0: 'left', 1: 'middle', 2: 'right' };
+      safeSend(JSON.stringify({
+        type: 'input_mouse',
+        eventType: 'mousePressed',
+        x: pos.x,
+        y: pos.y,
+        button: buttonMap[e.button] || 'left',
+        clickCount: clickCount,
+        modifiers: modifiers
+      }));
+    });
+    
+    screen.addEventListener('mouseup', (e) => {
+      updateModifiers(e);
+      const pos = screenToPage(e.clientX, e.clientY);
+      const buttonMap = { 0: 'left', 1: 'middle', 2: 'right' };
+      safeSend(JSON.stringify({
+        type: 'input_mouse',
+        eventType: 'mouseReleased',
+        x: pos.x,
+        y: pos.y,
+        button: buttonMap[e.button] || 'left',
+        clickCount: clickCount,
+        modifiers: modifiers
+      }));
+    });
+    
+    screen.addEventListener('wheel', (e) => {
+      sendUserActivity();
+      updateModifiers(e);
+      const pos = screenToPage(e.clientX, e.clientY);
+      safeSend(JSON.stringify({
+        type: 'input_mouse',
+        eventType: 'mouseWheel',
+        x: pos.x,
+        y: pos.y,
+        deltaX: e.deltaX,
+        deltaY: e.deltaY,
+        modifiers: modifiers
+      }));
+      e.preventDefault();
+    });
+    
+    hiddenInput.addEventListener('compositionstart', () => {
+      isComposing = true;
+      lastInputValue = hiddenInput.value;
+      console.log('[Viewer] compositionstart, lastInputValue:', lastInputValue);
+    });
+    
+    hiddenInput.addEventListener('compositionend', (e) => {
+      isComposing = false;
+      const newText = hiddenInput.value.slice(lastInputValue.length);
+      console.log('[Viewer] compositionend, newText:', newText, 'hiddenInput.value:', hiddenInput.value);
+      if (newText) {
+        sendUserActivity();
+        safeSend(JSON.stringify({
+          type: 'keyboard_insert_text',
+          text: newText
+        }));
+      }
+      lastInputValue = '';
+      hiddenInput.value = '';
+    });
+    
+    hiddenInput.addEventListener('input', (e) => {
+      console.log('[Viewer] input event, isComposing:', isComposing, 'hiddenInput.value:', hiddenInput.value);
+      if (isComposing) return;
+      
+      const newValue = hiddenInput.value;
+      if (newValue.length > 0) {
+        sendUserActivity();
+        safeSend(JSON.stringify({
+          type: 'keyboard_insert_text',
+          text: newValue
+        }));
+      }
+      hiddenInput.value = '';
+      lastInputValue = '';
+    });
+    
+    hiddenInput.addEventListener('paste', (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      
+      const text = e.clipboardData.getData('text');
+      console.log('[Viewer] paste event, text:', text);
+      if (text) {
+        sendUserActivity();
+        safeSend(JSON.stringify({
+          type: 'keyboard_insert_text',
+          text: text
+        }));
+      }
+    });
+    
+    document.addEventListener('keydown', (e) => {
+      console.log('[Viewer] keydown, key:', e.key, 'target:', e.target === hiddenInput ? 'hiddenInput' : 'other', 'metaKey:', e.metaKey, 'ctrlKey:', e.ctrlKey);
+      if (e.target === hiddenInput) {
+        if (e.key === 'Tab') {
+          e.preventDefault();
+        }
+        
+        if (e.key === 'Backspace' || e.key === 'Delete') {
+          e.preventDefault();
+          sendUserActivity();
+          safeSend(JSON.stringify({
+            type: 'keyboard_down',
+            key: e.key
+          }));
+          return;
+        }
+        
+        if (e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey && !isComposing) {
+          console.log('[Viewer] single char in hiddenInput, waiting for input event');
+          return;
+        }
+      }
+      
+      if (isComposing) return;
+      
+      sendUserActivity();
+      
+      safeSend(JSON.stringify({
+        type: 'keyboard_down',
+        key: e.key
+      }));
+      
+      if (e.key === 'Tab' || (e.key === 'Backspace' && !e.target.matches('input, textarea'))) {
+        e.preventDefault();
+      }
+    });
+    
+    document.addEventListener('keyup', (e) => {
+      console.log('[Viewer] keyup, key:', e.key);
+      if (isComposing && e.target === hiddenInput) return;
+      
+      safeSend(JSON.stringify({
+        type: 'keyboard_up',
+        key: e.key
+      }));
+    });
+    
+    screen.addEventListener('touchstart', (e) => {
+      sendUserActivity();
+      focusHiddenInput();
+      const touchPoints = Array.from(e.touches).map(t => {
+        const pos = screenToPage(t.clientX, t.clientY);
+        return { x: pos.x, y: pos.y, id: t.identifier };
+      });
+      safeSend(JSON.stringify({
+        type: 'input_touch',
+        eventType: 'touchStart',
+        touchPoints: touchPoints
+      }));
+      e.preventDefault();
+    }, { passive: false });
+    
+    screen.addEventListener('touchmove', (e) => {
+      const touchPoints = Array.from(e.touches).map(t => {
+        const pos = screenToPage(t.clientX, t.clientY);
+        return { x: pos.x, y: pos.y, id: t.identifier };
+      });
+      safeSend(JSON.stringify({
+        type: 'input_touch',
+        eventType: 'touchMove',
+        touchPoints: touchPoints
+      }));
+      e.preventDefault();
+    }, { passive: false });
+    
+    screen.addEventListener('touchend', (e) => {
+      const touchPoints = Array.from(e.changedTouches).map(t => {
+        const pos = screenToPage(t.clientX, t.clientY);
+        return { x: pos.x, y: pos.y, id: t.identifier };
+      });
+      safeSend(JSON.stringify({
+        type: 'input_touch',
+        eventType: 'touchEnd',
+        touchPoints: touchPoints
+      }));
+      e.preventDefault();
+    }, { passive: false });
+    
+    function addTab(index, url, title, active) {
+      let tab = document.getElementById('tab-' + index);
+      if (!tab) {
+        tab = document.createElement('button');
+        tab.id = 'tab-' + index;
+        tab.className = 'tab';
+        tab.onclick = () => {
+          safeSend(JSON.stringify({ id: 'tab-' + Date.now(), action: 'tab_switch', index }));
+        };
+        tabsContainer.appendChild(tab);
+      }
+      tab.textContent = title || url || 'New Tab';
+      tab.title = url;
+      tab.classList.toggle('active', active);
+    }
+    
+    function removeTab(index) {
+      const tab = document.getElementById('tab-' + index);
+      if (tab) tab.remove();
+    }
+    
+    function setActiveTab(index) {
+      document.querySelectorAll('.tab').forEach((t, i) => {
+        t.classList.toggle('active', t.id === 'tab-' + index);
+      });
+    }
+    
+    // Recorder functionality
+    const recordBtn = document.getElementById('recordBtn');
+    const recordText = document.getElementById('recordText');
+
+    recordBtn.onclick = () => {
+      if (isRecording) {
+        // Stop recording
+        safeSend(JSON.stringify({ id: 'recorder-stop-' + Date.now(), action: 'recorder_stop' }));
+      } else {
+        // Start recording
+        safeSend(JSON.stringify({ id: 'recorder-start-' + Date.now(), action: 'recorder_start' }));
+      }
+    };
+
+    // Page visibility management
+    document.addEventListener('visibilitychange', () => {
+      if (document.hidden) {
+        // Page going to background: stop reconnect attempts
+        shouldReconnect = false;
+
+        // Start background timer - disconnect after timeout
+        backgroundTimer = setTimeout(() => {
+          if (ws && ws.readyState === WebSocket.OPEN) {
+            ws.close(1000, 'Page in background');
+          }
+        }, BACKGROUND_TIMEOUT);
+      } else {
+        // Page coming back to foreground
+        shouldReconnect = true;
+
+        // Clear background timer if page is visible again
+        if (backgroundTimer) {
+          clearTimeout(backgroundTimer);
+          backgroundTimer = null;
+        }
+
+        // Reconnect immediately if disconnected
+        if (!ws || ws.readyState === WebSocket.CLOSED) {
+          connect();
+        }
+      }
+    });
+
+    focusHiddenInput();
+    connect();
+`;
+}
+//# sourceMappingURL=viewer-script.js.map

package/dist/viewer-script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"viewer-script.js","sourceRoot":"","sources":["../src/viewer-script.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,86 @@
+{
+  "name": "@dyyz1993/agent-browser",
+  "version": "0.9.2",
+  "description": "Headless browser automation CLI for AI agents",
+  "type": "module",
+  "main": "dist/daemon.js",
+  "files": [
+    "dist",
+    "bin",
+    "scripts",
+    "skills"
+  ],
+  "bin": {
+    "agent-browser": "./dist/cli.js"
+  },
+  "scripts": {
+    "prepare": "husky",
+    "version:sync": "node scripts/sync-version.js",
+    "version": "npm run version:sync && git add cli/Cargo.toml",
+    "build": "tsc && node scripts/copy-recorder.js",
+    "build:native": "npm run version:sync && cargo build --release --manifest-path cli/Cargo.toml && node scripts/copy-native.js",
+    "build:linux": "npm run version:sync && docker compose -f docker/docker-compose.yml run --rm build-linux",
+    "build:macos": "npm run version:sync && (cargo build --release --manifest-path cli/Cargo.toml --target aarch64-apple-darwin & cargo build --release --manifest-path cli/Cargo.toml --target x86_64-apple-darwin & wait) && cp cli/target/aarch64-apple-darwin/release/agent-browser bin/agent-browser-darwin-arm64 && cp cli/target/x86_64-apple-darwin/release/agent-browser bin/agent-browser-darwin-x64",
+    "build:windows": "npm run version:sync && docker compose -f docker/docker-compose.yml run --rm build-windows",
+    "build:all-platforms": "npm run version:sync && (npm run build:linux & npm run build:windows & wait) && npm run build:macos",
+    "build:docker": "docker build -t agent-browser-builder -f docker/Dockerfile.build .",
+    "release": "npm run version:sync && npm run build && npm run build:all-platforms && npm publish",
+    "start": "node dist/daemon.js",
+    "dev": "tsx src/daemon.ts",
+    "typecheck": "tsc --noEmit",
+    "format": "prettier --write 'src/**/*.ts'",
+    "format:check": "prettier --check 'src/**/*.ts'",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "postinstall": "node scripts/postinstall.js",
+    "changeset": "changeset",
+    "ci:version": "changeset version && pnpm run version:sync && pnpm install --no-frozen-lockfile",
+    "ci:publish": "pnpm run version:sync && pnpm run build && changeset publish"
+  },
+  "keywords": [
+    "browser",
+    "automation",
+    "headless",
+    "playwright",
+    "cli",
+    "agent"
+  ],
+  "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/xuyingzhou/agent-browser.git"
+  },
+  "bugs": {
+    "url": "https://github.com/xuyingzhou/agent-browser/issues"
+  },
+  "homepage": "https://github.com/xuyingzhou/agent-browser#readme",
+  "dependencies": {
+    "node-simctl": "^7.4.0",
+    "playwright-core": "^1.57.0",
+    "sharp": "^0.34.5",
+    "webdriverio": "^9.15.0",
+    "ws": "^8.19.0",
+    "zod": "^3.22.4"
+  },
+  "devDependencies": {
+    "@changesets/cli": "^2.29.8",
+    "@types/node": "^20.10.0",
+    "@types/ws": "^8.18.1",
+    "happy-dom": "^20.7.0",
+    "husky": "^9.1.7",
+    "lint-staged": "^15.2.11",
+    "playwright": "^1.57.0",
+    "prettier": "^3.7.4",
+    "tsx": "^4.6.0",
+    "typescript": "^5.3.0",
+    "vitest": "^4.0.16"
+  },
+  "lint-staged": {
+    "src/**/*.ts": "prettier --write"
+  },
+  "directories": {
+    "doc": "docs",
+    "test": "test"
+  },
+  "author": "xuyingzhou"
+}