@sovovs/bycli 2.1.59 → 2.1.61

package/extension/manifest.json

@@ -0,0 +1,41 @@
+{
+  "manifest_version": 3,
+  "name": "byCLI",
+  "version": "2.1.23",
+  "description": "Browser automation bridge for the byCLI CLI tool. Executes commands in Chrome tab leases via a local daemon.",
+  "permissions": [
+    "debugger",
+    "tabs",
+    "cookies",
+    "activeTab",
+    "alarms",
+    "storage",
+    "tabGroups",
+    "downloads"
+  ],
+  "host_permissions": [
+    "<all_urls>"
+  ],
+  "background": {
+    "service_worker": "dist/background.js",
+    "type": "module"
+  },
+  "icons": {
+    "16": "icons/icon-16.png",
+    "32": "icons/icon-32.png",
+    "48": "icons/icon-48.png",
+    "128": "icons/icon-128.png"
+  },
+  "action": {
+    "default_title": "byCLI",
+    "default_popup": "popup.html",
+    "default_icon": {
+      "16": "icons/icon-16.png",
+      "32": "icons/icon-32.png"
+    }
+  },
+  "content_security_policy": {
+    "extension_pages": "script-src 'self'; object-src 'self'"
+  },
+  "homepage_url": "https://github.com/sovovs/byCLI"
+}

package/extension/popup.html

@@ -0,0 +1,146 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <style>
+    * { margin: 0; padding: 0; box-sizing: border-box; }
+    body {
+      width: 300px;
+      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+      font-size: 13px;
+      color: #1d1d1f;
+      background: #fff;
+      padding: 14px;
+    }
+    .header {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      margin-bottom: 12px;
+    }
+    .header img { width: 22px; height: 22px; }
+    .header h1 { font-size: 14px; font-weight: 600; flex: 1; }
+    .header .version-tag {
+      font-size: 11px;
+      color: #86868b;
+      font-variant-numeric: tabular-nums;
+    }
+    .card {
+      border: 1px solid #ececec;
+      border-radius: 10px;
+      overflow: hidden;
+    }
+    .card .status-row {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      padding: 11px 12px;
+      background: #fafafa;
+    }
+    .dot {
+      width: 8px; height: 8px;
+      border-radius: 50%;
+      flex-shrink: 0;
+    }
+    .dot.connected { background: #34c759; }
+    .dot.disconnected { background: #ff3b30; }
+    .dot.connecting { background: #ff9500; }
+    .status-text {
+      font-size: 13px;
+      font-weight: 600;
+      color: #1d1d1f;
+      flex: 1;
+    }
+    .daemon-version {
+      font-size: 11px;
+      color: #86868b;
+      font-variant-numeric: tabular-nums;
+    }
+    .profile-row {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      padding: 10px 12px;
+      border-top: 1px solid #ececec;
+      background: #fff;
+    }
+    .profile-label {
+      font-size: 11px;
+      color: #86868b;
+      flex-shrink: 0;
+    }
+    .profile-id {
+      flex: 1;
+      font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
+      font-size: 12px;
+      color: #1d1d1f;
+      user-select: all;
+      word-break: break-all;
+    }
+    .copy-btn {
+      flex-shrink: 0;
+      padding: 4px 9px;
+      font-size: 11px;
+      font-family: inherit;
+      color: #007aff;
+      background: transparent;
+      border: 1px solid #d2d2d7;
+      border-radius: 6px;
+      cursor: pointer;
+      transition: background 0.12s, color 0.12s;
+    }
+    .copy-btn:hover { background: #f0f6ff; }
+    .copy-btn:active { background: #e1edff; }
+    .copy-btn.copied { color: #34c759; border-color: #34c759; background: #f0fdf4; }
+    .hint {
+      padding: 10px 12px;
+      border-top: 1px solid #ececec;
+      background: #f9fafc;
+      font-size: 11px;
+      color: #6e6e73;
+      line-height: 1.5;
+    }
+    .hint code {
+      background: #ececec;
+      padding: 1px 5px;
+      border-radius: 3px;
+      font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
+      font-size: 11px;
+    }
+    .footer {
+      margin-top: 12px;
+      text-align: center;
+      font-size: 11px;
+      color: #86868b;
+    }
+    .footer a { color: #007aff; text-decoration: none; }
+    .footer a:hover { text-decoration: underline; }
+  </style>
+</head>
+<body>
+  <div class="header">
+    <img src="icons/icon-48.png" alt="byCLI">
+    <h1>byCLI</h1>
+    <span class="version-tag" id="extVersion"></span>
+  </div>
+  <div class="card disconnected" id="card">
+    <div class="status-row">
+      <span class="dot disconnected" id="dot"></span>
+      <span class="status-text" id="status">Checking...</span>
+      <span class="daemon-version" id="daemonVersion"></span>
+    </div>
+    <div class="profile-row" id="profileRow" style="display: none;">
+      <span class="profile-label">Profile</span>
+      <span class="profile-id" id="contextId"></span>
+      <button type="button" class="copy-btn" id="copyBtn" title="Copy contextId">Copy</button>
+    </div>
+    <div class="hint" id="hint" style="display: none;">
+      The extension connects automatically when you run any <code>bycli</code> command.
+    </div>
+  </div>
+  <div class="footer">
+    <a href="https://github.com/sovovs/byCLI" target="_blank">Documentation</a>
+  </div>
+  <script src="popup.js"></script>
+</body>
+</html>

package/extension/popup.js

@@ -0,0 +1,77 @@
+// Query connection status from background service worker
+chrome.runtime.sendMessage({ type: 'getStatus' }, (resp) => {
+  const card = document.getElementById('card');
+  const dot = document.getElementById('dot');
+  const status = document.getElementById('status');
+  const daemonVersion = document.getElementById('daemonVersion');
+  const profileRow = document.getElementById('profileRow');
+  const contextId = document.getElementById('contextId');
+  const copyBtn = document.getElementById('copyBtn');
+  const hint = document.getElementById('hint');
+  const extVersion = document.getElementById('extVersion');
+
+  if (resp && typeof resp.extensionVersion === 'string') {
+    extVersion.textContent = `v${resp.extensionVersion}`;
+  }
+
+  if (chrome.runtime.lastError || !resp) {
+    setState(card, dot, 'disconnected');
+    status.textContent = 'No daemon connected';
+    daemonVersion.textContent = '';
+    profileRow.style.display = 'none';
+    hint.style.display = 'block';
+    return;
+  }
+
+  if (typeof resp.contextId === 'string' && resp.contextId.length > 0) {
+    contextId.textContent = resp.contextId;
+    profileRow.style.display = 'flex';
+    copyBtn.addEventListener('click', () => copyToClipboard(resp.contextId, copyBtn));
+  } else {
+    profileRow.style.display = 'none';
+  }
+
+  if (resp.connected) {
+    setState(card, dot, 'connected');
+    status.textContent = 'Connected to daemon';
+    if (typeof resp.daemonVersion === 'string') {
+      daemonVersion.textContent = `daemon v${resp.daemonVersion}`;
+    }
+    hint.style.display = 'none';
+  } else if (resp.reconnecting) {
+    setState(card, dot, 'connecting');
+    status.textContent = 'Reconnecting...';
+    daemonVersion.textContent = '';
+    hint.style.display = 'none';
+  } else {
+    setState(card, dot, 'disconnected');
+    status.textContent = 'No daemon connected';
+    daemonVersion.textContent = '';
+    hint.style.display = 'block';
+  }
+});
+
+function setState(card, dot, state) {
+  card.classList.remove('connected', 'disconnected', 'connecting');
+  card.classList.add(state);
+  dot.classList.remove('connected', 'disconnected', 'connecting');
+  dot.classList.add(state);
+}
+
+function copyToClipboard(text, btn) {
+  navigator.clipboard.writeText(text).then(
+    () => {
+      const original = btn.textContent;
+      btn.textContent = 'Copied';
+      btn.classList.add('copied');
+      setTimeout(() => {
+        btn.textContent = original;
+        btn.classList.remove('copied');
+      }, 1200);
+    },
+    () => {
+      btn.textContent = 'Failed';
+      setTimeout(() => { btn.textContent = 'Copy'; }, 1200);
+    },
+  );
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sovovs/bycli",
-  "version": "2.1.59",
+  "version": "2.1.61",
   "publishConfig": {
     "access": "public"
   },
@@ -39,6 +39,12 @@
   },
   "files": [
     "dist/src/",
+    "extension/dist/",
+    "extension/manifest.json",
+    "extension/popup.html",
+    "extension/popup.js",
+    "extension/icons/",
+    "extension/README.md",
     "clis/",
     "cli-manifest.json",
     "scripts/",
@@ -52,6 +58,7 @@
   "scripts": {
     "dev": "tsx src/main.ts",
     "build": "npm run clean-dist && npm run copy-yaml && npm run build-manifest",
+    "build:extension": "npm run build --prefix extension",
     "prebuild-manifest": "tsc --build && node -e \"require('fs').chmodSync('dist/src/main.js', 0o755)\"",
     "build-manifest": "tsx src/build-manifest.ts",
     "clean-dist": "node scripts/clean-dist.cjs",
@@ -61,7 +68,7 @@
     "postinstall": "node scripts/postinstall.js || true; node scripts/fetch-adapters.js || true",
     "typecheck": "tsc --noEmit",
     "prepare": "[ -d src ] && npm run build || true",
-    "prepublishOnly": "npm run build",
+    "prepublishOnly": "npm run build && npm run build:extension",
     "test": "vitest run --project unit --project extension --project adapter",
     "test:adapter": "vitest run --project adapter",
     "test:all": "vitest run",

package/scripts/postinstall.js

@@ -16,8 +16,11 @@
  */
 
 import { mkdirSync, writeFileSync, existsSync } from 'node:fs';
-import { join } from 'node:path';
+import { dirname, join } from 'node:path';
 import { homedir } from 'node:os';
+import { fileURLToPath } from 'node:url';
+
+const PACKAGE_ROOT = dirname(dirname(fileURLToPath(import.meta.url)));
 
 
 // ── Completion script content ──────────────────────────────────────────────
@@ -163,7 +166,7 @@ function main() {
   console.log('');
   console.log('  \x1b[1mNext step — Browser Bridge setup\x1b[0m');
   console.log('  Browser commands (bilibili, zhihu, twitter...) require the extension:');
-  console.log('  1. Download: https://github.com/sovovs/byCLI/releases');
+  console.log('  1. Browser Bridge is included at: ' + join(PACKAGE_ROOT, 'extension'));
   console.log('  2. In Chrome or Chromium, open chrome://extensions → enable Developer Mode → Load unpacked');
   console.log('');
   console.log('  Then run \x1b[36mbycli doctor\x1b[0m to verify.');