routeVSCODE README

The project's README from github.com/yudaprasetya007/routeVSCODE. As one markdown file: README.md.

🚀 9Router Model Connector

9Router Logo

Switch Model AI di GitHub Copilot Chat VSCode Hanya dengan 1 Klik — Zero Reload!

GitHub Stars VSCode Extension 9Router License: MIT

Fitur Utama • Cara Kerja • Instalasi Cepat • Panduan Pemakaian • Dokumentasi Lengkap • Troubleshooting

💡 Apa Itu 9Router Model Connector?

9Router Model Connector adalah integrasi pintar yang menghubungkan Visual Studio Code (GitHub Copilot Chat) dengan gateway AI 9Router melalui Zero-Reload Dynamic Local Proxy.

Dengan tool ini, Anda tidak perlu lagi mengubah file konfigurasi JSON atau me-reload window VSCode setiap kali ingin berganti model AI (Claude 3.5 Sonnet, GPT-4o, Gemini 1.5 Pro, DeepSeek V3/R1, Llama 3, dll). Cukup 1 klik di dashboard web, dan model yang aktif di Copilot Chat akan langsung berubah saat itu juga!

✨ Fitur Utama

🏗️ Cara Kerja

sequenceDiagram
    autonumber
    actor User as 👤 Developer
    participant Dash as 🌐 Dashboard Web (:5500)
    participant VS as 💻 VSCode (Status Bar / UI)
    participant Copilot as 🤖 Copilot Chat
    participant Proxy as 🔌 Local Proxy (:20129)
    participant Nine as ⚡ 9Router Core (:20128)
    participant AI as ☁️ AI Provider

    User->>Dash: Klik "Aktifkan Model" (misal: Claude 3.5 Sonnet)
    Dash->>Proxy: Update activeModel via REST / URI
    Note over Proxy: Model aktif disimpan di memori/setting

    User->>Copilot: Kirim pesan di Copilot Chat
    Copilot->>Proxy: POST /v1/chat/completions (Target: 9router-active)
    Proxy->>Proxy: Rewrite payload: Inject model aktif
    Proxy->>Nine: Forward request + API Key
    Nine->>AI: Routing ke Provider
    AI-->>Nine: Stream SSE response
    Nine-->>Proxy: Pipe response
    Proxy-->>Copilot: Stream token langsung ke chat
    Copilot-->>User: Jawaban tampil real-time!

🚀 Instalasi Cepat

🪟 Windows (Satu Perintah)

Buka Terminal atau Command Prompt di folder project:

scripts\setup.bat

Atau via npm:

npm run setup

🐧 Linux / 🍎 macOS

chmod +x scripts/setup.sh
./scripts/setup.sh

🛠️ Instalasi Manual

  1. Install 9Router (Core Gateway):

    npm install -g 9router

  2. Clone Repository:

    git clone https://github.com/yudaprasetya007/routeVSCODE.git
cd routeVSCODE

  3. Install Extension VSCode:

    code --install-extension releases/routevscode.model-connector-2.5.0.vsix --force

  4. Jalankan Web Dashboard:

    npm start
# Buka http://localhost:5500 di browser Anda

📖 Cara Pakai

1. Jalankan 9Router

9router

2. Jalankan Dashboard Connector

npm start

3. Konfigurasi Sekali di VSCode

4. Pilih Model di Copilot Chat (Hanya 1 Kali!)

  1. Buka Copilot Chat di VSCode (Ctrl+Alt+I).
  2. Klik dropdown Model Picker di pojok bawah chat.
  3. Pilih "9Router via Proxy".
  4. Selesai! Sekarang Copilot akan selalu menggunakan model yang aktif di proxy.

5. Ganti Model Sesuka Hati

⌨️ Daftar Command VSCode

Tekan Ctrl+Shift+P (atau Cmd+Shift+P) lalu ketik salah satu perintah berikut:

Command Keterangan
9Router: Pilih Model AI Membuka quick pick untuk memilih model aktif
9Router: Status & Info Menampilkan status koneksi, proxy port, dan model aktif
9Router: Set API Key & Base URL Mengatur kredensial endpoint 9Router
9Router: Sync Semua Model ke Copilot Menulis ulang konfigurasi ke chatLanguageModels.json
9Router: Buka Dashboard Web Membuka dashboard lokal di browser
9Router: Tambah Model Manual Mendaftarkan ID model kustom secara manual
9Router: Hapus Semua Entry 9Router Membersihkan konfigurasi proxy dari VSCode

📚 Dokumentasi

Dokumentasi teknis lebih detail dapat dibaca di folder docs/:

🗂️ Struktur Project

routeVSCODE/
├── index.html              # Antarmuka Dashboard Web
├── app.js                  # Logika aplikasi dashboard, perbandingan model & API caller
├── style.css               # Desain UI modern, glassmorphism, responsive
├── logo.svg                # Logo vector resmi project
├── favicon.svg             # Favicon neon vector
├── package.json            # Manifest package & npm scripts
├── docs/                   # Dokumentasi teknis terperinci
│   ├── ARCHITECTURE.md     # Desain sistem & diagram alur
│   ├── SETUP_GUIDE.md      # Panduan instalasi multi-platform
│   └── TROUBLESHOOTING.md  # Pemecahan masalah & FAQ
├── extension/              # Source code VSCode Extension
│   ├── extension.js        # Core extension & Local HTTP Proxy (:20129)
│   ├── package.json        # Extension manifest & commands definition
│   └── icon.png            # Icon extension
├── releases/               # Paket rilis extension siap pasang
│   └── routevscode.model-connector-2.5.0.vsix
└── scripts/                # Script utilitas dan instalasi
    ├── setup.bat           # Setup otomatis Windows
    ├── setup.sh            # Setup otomatis Linux/Mac
    ├── setup.js            # Setup wizard Node.js
    └── install.js          # Installer .vsix via Node.js

❓ Troubleshooting

Jika mengalami kendala:

  1. Proxy Port Conflict (20129): Pastikan tidak ada instance VSCode lama yang menggantung atau port lain yang memakai 20129.
  2. Model Picker Copilot Belum Muncul: Jalankan Developer: Reload Window di VSCode setelah instalasi pertama kali.
  3. 9Router Tidak Merespon: Pastikan command 9router berjalan di terminal terpisah.

👉 Baca solusi lengkap di docs/TROUBLESHOOTING.md.

🤝 Kontribusi

Kontribusi, perbaikan bug, dan ide fitur baru sangat kami hargai!

  1. Fork repository ini
  2. Buat feature branch (git checkout -b feature/FiturKeren)
  3. Commit perubahan (git commit -m 'feat: tambah fitur keren')
  4. Push ke branch (git push origin feature/FiturKeren)
  5. Buka Pull Request

📜 Lisensi

Didistribusikan di bawah lisensi MIT. Lihat file LICENSE untuk detail lengkap.

Dibuat dengan ❤️ untuk developer AI oleh yudaprasetya007

routeVSCODE (yudaprasetya007/routeVSCODE)

Searching Database…

170 ·GitHub
RouteVSCODE
What is this?9Router Model Connector lets you switch the AI model used in GitHub Copilot Chat inside VS Code instantly, without reloading the editor, by routing requests through a local proxy connected to the 9Router AI gateway.
Is this a VS Code extension, a proxy, or a dashboard?It is all three working together: a VS Code extension hooks into Copilot Chat and the status bar, a local proxy on port 20129 injects the active model into requests transparently, and a web dashboard on port 5500 lets you pick models visually.
How do I get it running?Windows has a one-command installer you run in the project folder (or via npm); for manual setup you install the 9Router core gateway, clone this repository, install the VS Code extension, then start the web dashboard.
Do I need 9Router running first?Yes, the extension and proxy are clients of the 9Router core gateway, which runs on port 20128 and provides the API key you paste into the VS Code configuration before switching models.
Any install pitfalls?The local proxy is fixed to port 20129, so leftover VS Code instances or other services on that port will conflict, and you may need to run 'Developer: Reload Window' once after the first install before the model picker shows the 9Router option.
Does it work on Windows, Linux, and macOS?Yes, the README provides a one-command installer for Windows and a parallel manual install path for Linux and macOS.
Which AI providers can I switch between?9Router connects to 40+ providers including OpenAI, Anthropic, Google Gemini, DeepSeek, Groq and OpenRouter, so you can flip between models like Claude 3.5 Sonnet, GPT-4o, Gemini 1.5 Pro or DeepSeek V3/R1.
How do I change models after setup?Click any model in the web dashboard or click the '9Router: ...' entry in the VS Code status bar; the active Copilot Chat model switches instantly with no window reload.
Can I compare models side by side?Yes, the dashboard has a live model comparison/benchmark view that sends the same prompt to multiple models and measures latency.
What VS Code commands does it add?It registers Command Palette entries like '9Router: Pilih Model AI', '9Router: Status & Info', '9Router: Set API Key & Base URL' and '9Router: Sync Semua Model ke Copilot' for managing the proxy without leaving the editor.
What are similar projects?void, NextChat, repomix, headroom, opencodex, 9router, OmniRoute, evenfire
Which topics is it in?visual-studio-code, groq, extension, copilot, openrouter, vscode-extension, github-copilot, vscode, chatgpt, deepseek, gemini, proxy
Creator
yudaprasetya007
Size
0.7 MB
Stars
170
Updated
CommitSep 10
Age
1mo
Commits · 90 Days