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
Что это?9Router Model Connector позволяет мгновенно менять модель ИИ, которую использует GitHub Copilot Chat внутри VS Code, без перезагрузки редактора: запросы идут через локальный прокси, подключённый к ИИ-шлюзу 9Router.
Это расширение VS Code, прокси или дашборд?Это всё три сразу, работающие вместе: расширение VS Code встраивается в Copilot Chat и строку состояния, локальный прокси на порту 20129 незаметно подставляет активную модель в запросы, а веб-дашборд на порту 5500 позволяет выбирать модели визуально.
Как это запустить?В Windows есть установщик в одну команду, который запускается в папке проекта (или через npm); при ручной установке нужно установить основной шлюз 9Router, клонировать этот репозиторий, поставить расширение VS Code, а затем запустить веб-дашборд.
Нужно ли сначала запустить 9Router?Да, расширение и прокси — это клиенты основного шлюза 9Router, который работает на порту 20128 и даёт API-ключ, который нужно вставить в настройки VS Code перед переключением моделей.
Есть ли подводные камни при установке?Локальный прокси жёстко привязан к порту 20129, поэтому оставшиеся запущенные экземпляры VS Code или другие службы на этом порту будут конфликтовать; кроме того, после первой установки может понадобиться один раз выполнить 'Developer: Reload Window', чтобы в выборе моделей появился вариант 9Router.
Работает ли это на Windows, Linux и macOS?Да: в README есть установщик в одну команду для Windows и параллельный путь ручной установки для Linux и macOS.
Между какими ИИ-провайдерами можно переключаться?9Router подключается более чем к 40 провайдерам, включая OpenAI, Anthropic, Google Gemini, DeepSeek, Groq и OpenRouter, так что можно переключаться между моделями вроде Claude 3.5 Sonnet, GPT-4o, Gemini 1.5 Pro или DeepSeek V3/R1.
Как менять модели после настройки?Кликните любую модель в веб-дашборде или пункт '9Router: ...' в строке состояния VS Code — активная модель Copilot Chat переключится мгновенно, без перезагрузки окна.
Можно ли сравнивать модели рядом?Да, в дашборде есть живой режим сравнения/бенчмарка моделей, который отправляет один и тот же промпт нескольким моделям и замеряет задержку.
Какие команды VS Code он добавляет?Он добавляет в палитру команд пункты вроде '9Router: Pilih Model AI', '9Router: Status & Info', '9Router: Set API Key & Base URL' и '9Router: Sync Semua Model ke Copilot', чтобы управлять прокси, не выходя из редактора.
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