chrome-ai-bridge 2.3.9 → 2.4.0

package/build/extension/debug-logger.mjs

@@ -0,0 +1,148 @@
+/**
+ * DebugLogger - Chrome拡張機能デバッグ用ログ管理クラス
+ *
+ * カテゴリ:
+ * - ws: WebSocket接続関連
+ * - cdp: Chrome DevTools Protocol関連
+ * - tab: タブ操作関連
+ * - relay: リレーサーバー関連
+ * - error: エラー
+ */
+
+class DebugLogger {
+  constructor() {
+    this.logs = [];
+    this.maxLogs = 500;
+    this.enabled = true;
+  }
+
+  /**
+   * ログエントリを追加
+   * @param {string} category - ログカテゴリ ('ws', 'cdp', 'tab', 'relay', 'error')
+   * @param {string} message - ログメッセージ
+   * @param {any} data - 追加データ（オプション）
+   */
+  log(category, message, data = null) {
+    if (!this.enabled) return;
+
+    const entry = {
+      ts: new Date().toISOString(),
+      category,
+      message,
+      data: data !== null ? this._safeStringify(data) : null
+    };
+
+    this.logs.push(entry);
+
+    // 最大件数を超えたら古いログを削除
+    if (this.logs.length > this.maxLogs) {
+      this.logs.shift();
+    }
+
+    // コンソールにも出力
+    const prefix = `[${category.toUpperCase()}]`;
+    if (data !== null) {
+      console.log(prefix, message, data);
+    } else {
+      console.log(prefix, message);
+    }
+  }
+
+  /**
+   * エラーログを追加（ショートカット）
+   * @param {string} message - エラーメッセージ
+   * @param {any} error - エラーオブジェクト
+   */
+  error(message, error = null) {
+    const errorData = error instanceof Error
+      ? { name: error.name, message: error.message, stack: error.stack }
+      : error;
+    this.log('error', message, errorData);
+  }
+
+  /**
+   * ログを取得
+   * @param {string|null} filter - カテゴリでフィルタ（nullで全件）
+   * @param {number} limit - 取得件数（デフォルト: 100）
+   * @returns {Array} ログエントリの配列
+   */
+  getLogs(filter = null, limit = 100) {
+    let result = filter
+      ? this.logs.filter(l => l.category === filter)
+      : this.logs;
+
+    // 最新のログから返す
+    return result.slice(-limit);
+  }
+
+  /**
+   * ログをクリア
+   */
+  clear() {
+    this.logs = [];
+    console.log('[DEBUG] Logs cleared');
+  }
+
+  /**
+   * ログを有効/無効にする
+   * @param {boolean} enabled
+   */
+  setEnabled(enabled) {
+    this.enabled = enabled;
+    console.log('[DEBUG] Logger', enabled ? 'enabled' : 'disabled');
+  }
+
+  /**
+   * 安全なJSON変換（循環参照対策）
+   * @param {any} obj
+   * @returns {any}
+   */
+  _safeStringify(obj) {
+    if (obj === null || obj === undefined) return obj;
+    if (typeof obj === 'string' || typeof obj === 'number' || typeof obj === 'boolean') {
+      return obj;
+    }
+
+    try {
+      const seen = new WeakSet();
+      return JSON.parse(JSON.stringify(obj, (key, value) => {
+        if (typeof value === 'object' && value !== null) {
+          if (seen.has(value)) {
+            return '[Circular]';
+          }
+          seen.add(value);
+        }
+        // WebSocketなど大きなオブジェクトは省略
+        if (value instanceof WebSocket) {
+          return `[WebSocket: ${value.readyState}]`;
+        }
+        return value;
+      }));
+    } catch (e) {
+      return String(obj);
+    }
+  }
+
+  /**
+   * 統計情報を取得
+   * @returns {Object}
+   */
+  getStats() {
+    const stats = {
+      total: this.logs.length,
+      byCategory: {}
+    };
+
+    for (const log of this.logs) {
+      stats.byCategory[log.category] = (stats.byCategory[log.category] || 0) + 1;
+    }
+
+    return stats;
+  }
+}
+
+// シングルトンインスタンスをエクスポート
+export const debugLogger = new DebugLogger();
+
+// デフォルトエクスポート
+export default debugLogger;

package/build/extension/icons/icon.svg

@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128">
+  <defs>
+    <linearGradient id="grad" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#4285F4"/>
+      <stop offset="100%" style="stop-color:#7C3AED"/>
+    </linearGradient>
+  </defs>
+  <!-- Background circle -->
+  <circle cx="64" cy="64" r="60" fill="url(#grad)"/>
+  <!-- Bridge shape - two nodes connected -->
+  <circle cx="36" cy="64" r="16" fill="white" opacity="0.95"/>
+  <circle cx="92" cy="64" r="16" fill="white" opacity="0.95"/>
+  <!-- Connection line -->
+  <rect x="36" y="58" width="56" height="12" fill="white" opacity="0.95" rx="6"/>
+  <!-- AI sparkle on left -->
+  <path d="M36 52 L38 56 L42 56 L39 59 L40 64 L36 61 L32 64 L33 59 L30 56 L34 56 Z" fill="#4285F4"/>
+  <!-- Chrome dot on right -->
+  <circle cx="92" cy="64" r="6" fill="#7C3AED"/>
+</svg>

package/build/extension/manifest.json

@@ -0,0 +1,28 @@
+{
+  "manifest_version": 3,
+  "name": "chrome-ai-bridge Extension",
+  "version": "2.0.28",
+  "key": "MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAqDLiSB+b/gbnQ4zWRP65jnd27KmzpjJyR1JAQIjCD/dNORzTgk6+G0TjYEDZLIDceKHzGJudqnwq4q9g3T1eJ0SECZNXnaoE00WkgXfAUSQn6cmmXR3aQGFky/zbCmxnkRa0vYupxszlhw0yrlSZrIJd/weWF75Byh0zJfZ84kqDDhaj7TlB5laHICnoSLmPTif4mQcUW9oOKmAJPriPw4CWATKZsrQ4X46djxefSmfbqYfb9rttAqJVst40gO0Gsl6GOGxMHMds5Cl9GELc0dI3Gpobw07hQldZb8TeyilI/SnOaeS3HPtrp+KyEgRu8SgRdlrvuq6DeEZsP+kK7wIDAQAB",
+  "description": "Bridge between Chrome tabs and chrome-ai-bridge MCP server",
+  "permissions": ["debugger", "activeTab", "tabs", "storage", "alarms"],
+  "host_permissions": ["<all_urls>"],
+  "background": {
+    "service_worker": "background.mjs",
+    "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": "chrome-ai-bridge",
+    "default_icon": {
+      "16": "icons/icon-16.png",
+      "32": "icons/icon-32.png",
+      "48": "icons/icon-48.png"
+    }
+  },
+  "options_page": "ui/connect.html"
+}