複数の AI API(OpenAI / Anthropic / Google Gemini / AWS Bedrock / Vertex AI / OpenRouter ほか)と同時にチャットできる HuddleLLM の VS Code 拡張版です。Chrome 拡張版 HuddleLLM からの移植です。
機能
- All-in-One チャット: 1 / 2 / 3 / 4 / 6 分割レイアウトで複数ボットに同時送信
- カスタム API チャットボット(最大 50 個): OpenAI 互換 / Anthropic / Gemini / Bedrock / Vertex / Perplexity / 画像生成
- チャット履歴: セッションスナップショット、全文検索、復元
- プロンプトライブラリ / Web アクセスエージェント / 音声入力(Whisper)
- テーマ: ライト / ダーク / 自動(VS Code のテーマに追従)
- i18n: 日本語 / English / 简体中文 / 繁體中文
- API キーは VS Code SecretStorage に保存(平文でディスクに残りません)
使い方
| 操作 | 方法 |
|---|---|
| チャットを開く | Alt+J または コマンドパレット → HuddleLLM: Open Chat |
| サイドバーで開く | アクティビティバーの HuddleLLM アイコン |
| 設定 | HuddleLLM: Open Settings(ボット・プロバイダ設定はアプリ内設定画面で行います) |
| 履歴 | HuddleLLM: Open History |
| クイック質問 | HuddleLLM: Quick Ask(Chrome 版の omnibox hl 相当) |
初回はアプリ内の設定画面(歯車アイコン)で API プロバイダと API キーを登録してください。
アーキテクチャ
src/extension/— 拡張ホスト(Node)。Webview 生成、fetch プロキシ(CORS 回避)、ストレージ(globalStorageUriの JSON ファイル +globalState+SecretStorage)src/webview/— Chrome 版から移植した React アプリ。platform/が Chrome API の互換シム(webextension-polyfillの差し替え、globalThis.fetchのプロキシ化、localStorage ミラー)src/shared/protocol.ts— ホスト⇔Webview のメッセージ型定義
開発
npm install
npm run build # 型チェック + webview (Vite) + ホスト (esbuild)
VS Code でこのフォルダを開き F5 で Extension Development Host を起動して動作確認します。
Webview のデバッグは「Developer: Open Webview Developer Tools」。
npm run watch:webview # Vite watch
npm run watch:extension # esbuild watch
npx vsce package # VSIX 作成