#!/bin/bash # Qwen CLI Bridge - macOS 一键调试脚本 # 颜色定义 RED='\033[0;31m' GREEN='\033[0;32m' YELLOW='\033[1;33m' BLUE='\033[0;34m' CYAN='\033[0;36m' NC='\033[0m' # No Color # 获取脚本目录 SCRIPT_DIR="$( cd "$( dirname "${BASH_SOURCE[0]}" )" && pwd )" # 检查是否首次安装 if [[ ! -f "$SCRIPT_DIR/.extension-id" ]]; then echo -e "${YELLOW}╔════════════════════════════════════════════════════════════════╗${NC}" echo -e "${YELLOW}║ ║${NC}" echo -e "${YELLOW}║ ⚠️ 检测到首次运行，需要先安装插件 ║${NC}" echo -e "${YELLOW}║ ║${NC}" echo -e "${YELLOW}╚════════════════════════════════════════════════════════════════╝${NC}" echo "" echo -e "${CYAN}即将启动首次安装向导...${NC}" sleep 2 exec "$SCRIPT_DIR/first-install.sh" exit 0 fi # 清屏显示标题 clear echo -e "${CYAN}╔════════════════════════════════════════════════════════════════╗${NC}" echo -e "${CYAN}║ ║${NC}" echo -e "${CYAN}║ 🚀 Qwen CLI Bridge - macOS 调试环境 ║${NC}" echo -e "${CYAN}║ ║${NC}" echo -e "${CYAN}╚════════════════════════════════════════════════════════════════╝${NC}" echo "" # 第一步：检查环境 echo -e "${BLUE}[1/5]${NC} 检查开发环境..." # 检查 Node.js if ! command -v node &> /dev/null; then echo -e "${RED}✗${NC} Node.js 未安装，请先安装 Node.js" echo " 访问 https://nodejs.org 下载安装" exit 1 fi echo -e "${GREEN}✓${NC} Node.js $(node --version)" # 检查 Chrome CHROME_PATH="/Applications/Google Chrome.app/Contents/MacOS/Google Chrome" if [[ ! -f "$CHROME_PATH" ]]; then echo -e "${RED}✗${NC} Chrome 未找到" exit 1 fi echo -e "${GREEN}✓${NC} Chrome 已安装" # 第二步：配置 Native Host echo -e "\n${BLUE}[2/5]${NC} 配置 Native Host..." MANIFEST_DIR="$HOME/Library/Application Support/Google/Chrome/NativeMessagingHosts" mkdir -p "$MANIFEST_DIR" cat > "$MANIFEST_DIR/com.qwen.cli.bridge.json" << EOF { "name": "com.qwen.cli.bridge", "description": "Native messaging host for Qwen CLI Bridge", "path": "$SCRIPT_DIR/native-host/host.js", "type": "stdio", "allowed_origins": ["chrome-extension://*/"] } EOF echo -e "${GREEN}✓${NC} Native Host 已配置" # 第三步：检查 Qwen CLI（可选） echo -e "\n${BLUE}[3/5]${NC} 检查 Qwen CLI..." QWEN_AVAILABLE=false if command -v qwen &> /dev/null; then QWEN_AVAILABLE=true echo -e "${GREEN}✓${NC} Qwen CLI $(qwen --version 2>/dev/null || echo "已安装")" # 尝试启动 Qwen server if ! lsof -i:8080 &> /dev/null; then echo -e "${CYAN}→${NC} 启动 Qwen server (端口 8080)..." qwen server --port 8080 > /tmp/qwen-server.log 2>&1 & QWEN_PID=$! sleep 2 if kill -0 $QWEN_PID 2>/dev/null; then echo -e "${GREEN}✓${NC} Qwen server 已启动 (PID: $QWEN_PID)" else echo -e "${YELLOW}!${NC} Qwen server 启动失败，继续运行..." QWEN_AVAILABLE=false fi else echo -e "${YELLOW}!${NC} 端口 8080 已被占用" fi else echo -e "${YELLOW}!${NC} Qwen CLI 未安装（插件基础功能仍可使用）" fi # 第四步：启动测试页面 echo -e "\n${BLUE}[4/5]${NC} 启动测试服务器..." # 创建测试页面 cat > /tmp/qwen-test.html << 'HTML' Qwen CLI Bridge 测试页面

🚀 Qwen CLI Bridge

调试环境已就绪

📝 测试功能

📄 示例内容

这是一段可以被插件提取的示例文本。你可以选择这段文字，然后使用插件的"Send Selected Text"功能。

  • 列表项 1：Lorem ipsum dolor sit amet
  • 列表项 2：Consectetur adipiscing elit
  • 列表项 3：Sed do eiusmod tempor incididunt
"这是一个引用块，可以测试 Markdown 转换功能。"

🎯 使用说明

  1. 点击 Chrome 工具栏中的插件图标
  2. 点击 "Connect to Qwen CLI" 建立连接
  3. 如果安装了 Qwen CLI，点击 "Start Qwen CLI"
  4. 使用各种功能按钮测试插件功能
  5. 按 F12 打开 DevTools 查看详细日志
HTML # 启动 Python HTTP 服务器 cd /tmp python3 -m http.server 3000 > /tmp/test-server.log 2>&1 & TEST_PID=$! sleep 1 echo -e "${GREEN}✓${NC} 测试服务器已启动 (http://localhost:3000)" # 第五步：启动 Chrome echo -e "\n${BLUE}[5/5]${NC} 启动 Chrome 并加载插件..." "$CHROME_PATH" \ --load-extension="$SCRIPT_DIR/extension" \ --auto-open-devtools-for-tabs \ --no-first-run \ --no-default-browser-check \ "http://localhost:3000/qwen-test.html" & CHROME_PID=$! echo -e "${GREEN}✓${NC} Chrome 已启动" # 显示最终状态 echo "" echo -e "${GREEN}╔════════════════════════════════════════════════════════════════╗${NC}" echo -e "${GREEN}║ ║${NC}" echo -e "${GREEN}║ ✅ 调试环境启动成功！ ║${NC}" echo -e "${GREEN}║ ║${NC}" echo -e "${GREEN}╚════════════════════════════════════════════════════════════════╝${NC}" echo "" echo -e "${CYAN}📍 服务状态：${NC}" echo -e " • Chrome: 运行中" echo -e " • 测试页面: ${BLUE}http://localhost:3000/qwen-test.html${NC}" echo -e " • 插件: 已加载到工具栏" if [ "$QWEN_AVAILABLE" = true ]; then echo -e " • Qwen Server: ${BLUE}http://localhost:8080${NC}" fi echo "" echo -e "${CYAN}🔍 调试位置：${NC}" echo -e " • 插件日志: Chrome DevTools Console" echo -e " • 后台脚本: chrome://extensions → Service Worker" echo -e " • Native Host: /tmp/qwen-bridge-host.log" if [ "$QWEN_AVAILABLE" = true ]; then echo -e " • Qwen 日志: /tmp/qwen-server.log" fi echo "" echo -e "${YELLOW}按 Ctrl+C 停止所有服务${NC}" echo "" # 清理函数 cleanup() { echo -e "\n${YELLOW}正在停止服务...${NC}" # 停止进程 [ ! -z "$TEST_PID" ] && kill $TEST_PID 2>/dev/null [ ! -z "$QWEN_PID" ] && kill $QWEN_PID 2>/dev/null echo -e "${GREEN}✓${NC} 已停止所有服务" exit 0 } # 捕获中断信号 trap cleanup INT TERM # 保持运行 while true; do sleep 1 done