[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-96145":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":13,"contributorsCount":13,"subscribersCount":13,"size":13,"stars1d":13,"stars7d":13,"stars30d":15,"stars90d":13,"forks30d":13,"starsTrendScore":13,"compositeScore":16,"rankGlobal":10,"rankLanguage":10,"license":17,"archived":18,"fork":18,"defaultBranch":19,"hasWiki":20,"hasPages":18,"topics":21,"createdAt":10,"pushedAt":10,"updatedAt":32,"readmeContent":33,"aiSummary":34,"trendingCount":13,"starSnapshotCount":13,"syncStatus":35,"lastSyncTime":36,"discoverSource":37},96145,"routeVSCODE","yudaprasetya007\u002FrouteVSCODE","yudaprasetya007","⚡ Zero-reload dynamic AI model switcher & local proxy for VSCode Copilot Chat via 9Router","https:\u002F\u002Fgithub.com\u002Fyudaprasetya007\u002FrouteVSCODE#readme",null,"JavaScript",327,0,326,1,40.1,"MIT License",false,"master",true,[22,23,24,25,26,27,28,29,30,31],"9router","ai","chatgpt","claude","copilot","deepseek","local-proxy","model-switcher","vscode","vscode-extension","2026-09-20 04:01:32","# 🚀 9Router Model Connector\n\n\u003Cdiv align=\"center\">\n\n![9Router Logo](logo.svg)\n\n### Switch Model AI di GitHub Copilot Chat VSCode Hanya dengan 1 Klik — Zero Reload!\n\n[![GitHub Stars](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002Fyudaprasetya007\u002FrouteVSCODE?style=for-the-badge&logo=github&color=blue)](https:\u002F\u002Fgithub.com\u002Fyudaprasetya007\u002FrouteVSCODE)\n[![VSCode Extension](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FVSCode-Extension%20v2.5.0-007ACC?style=for-the-badge&logo=visualstudiocode&logoColor=white)](https:\u002F\u002Fgithub.com\u002Fyudaprasetya007\u002FrouteVSCODE\u002Freleases)\n[![9Router](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002F9Router-Gateway%20Compatible-FF6B6B?style=for-the-badge&logo=fastapi&logoColor=white)](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F9router)\n[![License: MIT](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FLicense-MIT-yellow.svg?style=for-the-badge)](LICENSE)\n\n[**Fitur Utama**](#-fitur-utama) •\n[**Cara Kerja**](#-cara-kerja) •\n[**Instalasi Cepat**](#-instalasi-cepat) •\n[**Panduan Pemakaian**](#-cara-pakai) •\n[**Dokumentasi Lengkap**](#-dokumentasi) •\n[**Troubleshooting**](#-troubleshooting)\n\n\u003C\u002Fdiv>\n\n---\n\n## 💡 Apa Itu 9Router Model Connector?\n\n**9Router Model Connector** adalah integrasi pintar yang menghubungkan **Visual Studio Code (GitHub Copilot Chat)** dengan gateway AI **9Router** melalui **Zero-Reload Dynamic Local Proxy**.\n\nDengan 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\u002FR1, Llama 3, dll). Cukup **1 klik di dashboard web**, dan model yang aktif di Copilot Chat akan langsung berubah saat itu juga!\n\n---\n\n## ✨ Fitur Utama\n\n- ⚡ **Zero-Reload Model Switching**: Ganti model AI instan tanpa mematikan sesi chat atau restart VSCode.\n- 🌐 **Modern Web Dashboard**: Tampilan visual futuristik dengan dark mode, neon accents, dan filter provider instan.\n- 🤖 **Status Bar Integration**: Ganti model langsung dari status bar VSCode di pojok kanan bawah.\n- 📊 **Live Model Comparison & Benchmark**: Uji respon prompt dan ukur latency antar model secara berdampingan.\n- 🔌 **Dynamic Local Proxy (Port 20129)**: Menangani injeksi model, streaming token SSE, dan header otentikasi secara otomatis.\n- 🛡️ **Universal Provider Support**: Terhubung ke 40+ provider AI (OpenAI, Anthropic, Google Gemini, DeepSeek, Groq, OpenRouter).\n\n---\n\n## 🏗️ Cara Kerja\n\n```mermaid\nsequenceDiagram\n    autonumber\n    actor User as 👤 Developer\n    participant Dash as 🌐 Dashboard Web (:5500)\n    participant VS as 💻 VSCode (Status Bar \u002F UI)\n    participant Copilot as 🤖 Copilot Chat\n    participant Proxy as 🔌 Local Proxy (:20129)\n    participant Nine as ⚡ 9Router Core (:20128)\n    participant AI as ☁️ AI Provider\n\n    User->>Dash: Klik \"Aktifkan Model\" (misal: Claude 3.5 Sonnet)\n    Dash->>Proxy: Update activeModel via REST \u002F URI\n    Note over Proxy: Model aktif disimpan di memori\u002Fsetting\n\n    User->>Copilot: Kirim pesan di Copilot Chat\n    Copilot->>Proxy: POST \u002Fv1\u002Fchat\u002Fcompletions (Target: 9router-active)\n    Proxy->>Proxy: Rewrite payload: Inject model aktif\n    Proxy->>Nine: Forward request + API Key\n    Nine->>AI: Routing ke Provider\n    AI-->>Nine: Stream SSE response\n    Nine-->>Proxy: Pipe response\n    Proxy-->>Copilot: Stream token langsung ke chat\n    Copilot-->>User: Jawaban tampil real-time!\n```\n\n- **Port 20128** → 9Router core engine (AI gateway & load balancer).\n- **Port 20129** → Local proxy extension (injeksi model dinamis secara transparan).\n- **Port 5500** → Web dashboard antarmuka pengguna.\n\n---\n\n## 🚀 Instalasi Cepat\n\n### 🪟 Windows (Satu Perintah)\nBuka Terminal atau Command Prompt di folder project:\n```cmd\nscripts\\setup.bat\n```\nAtau via npm:\n```bash\nnpm run setup\n```\n\n### 🐧 Linux \u002F 🍎 macOS\n```bash\nchmod +x scripts\u002Fsetup.sh\n.\u002Fscripts\u002Fsetup.sh\n```\n\n---\n\n## 🛠️ Instalasi Manual\n\n1. **Install 9Router (Core Gateway)**:\n   ```bash\n   npm install -g 9router\n   ```\n\n2. **Clone Repository**:\n   ```bash\n   git clone https:\u002F\u002Fgithub.com\u002Fyudaprasetya007\u002FrouteVSCODE.git\n   cd routeVSCODE\n   ```\n\n3. **Install Extension VSCode**:\n   ```bash\n   code --install-extension releases\u002Froutevscode.model-connector-2.5.0.vsix --force\n   ```\n\n4. **Jalankan Web Dashboard**:\n   ```bash\n   npm start\n   # Buka http:\u002F\u002Flocalhost:5500 di browser Anda\n   ```\n\n---\n\n## 📖 Cara Pakai\n\n### 1. Jalankan 9Router\n```bash\n9router\n```\n- Buka dashboard di `http:\u002F\u002Flocalhost:20128\u002Fdashboard` untuk mengambil **API Key**.\n\n### 2. Jalankan Dashboard Connector\n```bash\nnpm start\n```\n- Dashboard akan aktif di `http:\u002F\u002Flocalhost:5500`.\n\n### 3. Konfigurasi Sekali di VSCode\n- Di VSCode, tekan `Ctrl+Shift+P` → pilih:\n  ```\n  9Router: Set API Key & Base URL\n  ```\n- Masukkan Base URL (`http:\u002F\u002Flocalhost:20128\u002Fv1`) dan tempelkan API Key 9Router Anda.\n\n### 4. Pilih Model di Copilot Chat (Hanya 1 Kali!)\n1. Buka Copilot Chat di VSCode (`Ctrl+Alt+I`).\n2. Klik dropdown **Model Picker** di pojok bawah chat.\n3. Pilih **\"9Router via Proxy\"**.\n4. Selesai! Sekarang Copilot akan selalu menggunakan model yang aktif di proxy.\n\n### 5. Ganti Model Sesuka Hati\n- Buka dashboard `http:\u002F\u002Flocalhost:5500` lalu klik model apa saja.\n- Atau klik status bar VSCode di pojok kanan bawah `🤖 [9Router: ...]`.\n- Model langsung berganti seketika **tanpa reload**! 🎉\n\n---\n\n## ⌨️ Daftar Command VSCode\n\nTekan `Ctrl+Shift+P` (atau `Cmd+Shift+P`) lalu ketik salah satu perintah berikut:\n\n| Command | Keterangan |\n|---|---|\n| `9Router: Pilih Model AI` | Membuka quick pick untuk memilih model aktif |\n| `9Router: Status & Info` | Menampilkan status koneksi, proxy port, dan model aktif |\n| `9Router: Set API Key & Base URL` | Mengatur kredensial endpoint 9Router |\n| `9Router: Sync Semua Model ke Copilot` | Menulis ulang konfigurasi ke `chatLanguageModels.json` |\n| `9Router: Buka Dashboard Web` | Membuka dashboard lokal di browser |\n| `9Router: Tambah Model Manual` | Mendaftarkan ID model kustom secara manual |\n| `9Router: Hapus Semua Entry 9Router` | Membersihkan konfigurasi proxy dari VSCode |\n\n---\n\n## 📚 Dokumentasi\n\nDokumentasi teknis lebih detail dapat dibaca di folder `docs\u002F`:\n- 🏛️ [**Arsitektur Sistem & Alur Data**](docs\u002FARCHITECTURE.md)\n- 📖 [**Panduan Lengkap Setup & Konfigurasi**](docs\u002FSETUP_GUIDE.md)\n- 🛠️ [**Panduan Troubleshooting & FAQ**](docs\u002FTROUBLESHOOTING.md)\n\n---\n\n## 🗂️ Struktur Project\n\n```\nrouteVSCODE\u002F\n├── index.html              # Antarmuka Dashboard Web\n├── app.js                  # Logika aplikasi dashboard, perbandingan model & API caller\n├── style.css               # Desain UI modern, glassmorphism, responsive\n├── logo.svg                # Logo vector resmi project\n├── favicon.svg             # Favicon neon vector\n├── package.json            # Manifest package & npm scripts\n├── docs\u002F                   # Dokumentasi teknis terperinci\n│   ├── ARCHITECTURE.md     # Desain sistem & diagram alur\n│   ├── SETUP_GUIDE.md      # Panduan instalasi multi-platform\n│   └── TROUBLESHOOTING.md  # Pemecahan masalah & FAQ\n├── extension\u002F              # Source code VSCode Extension\n│   ├── extension.js        # Core extension & Local HTTP Proxy (:20129)\n│   ├── package.json        # Extension manifest & commands definition\n│   └── icon.png            # Icon extension\n├── releases\u002F               # Paket rilis extension siap pasang\n│   └── routevscode.model-connector-2.5.0.vsix\n└── scripts\u002F                # Script utilitas dan instalasi\n    ├── setup.bat           # Setup otomatis Windows\n    ├── setup.sh            # Setup otomatis Linux\u002FMac\n    ├── setup.js            # Setup wizard Node.js\n    └── install.js          # Installer .vsix via Node.js\n```\n\n---\n\n## ❓ Troubleshooting\n\nJika mengalami kendala:\n1. **Proxy Port Conflict (20129)**: Pastikan tidak ada instance VSCode lama yang menggantung atau port lain yang memakai `20129`.\n2. **Model Picker Copilot Belum Muncul**: Jalankan `Developer: Reload Window` di VSCode setelah instalasi pertama kali.\n3. **9Router Tidak Merespon**: Pastikan command `9router` berjalan di terminal terpisah.\n\n👉 Baca solusi lengkap di [**docs\u002FTROUBLESHOOTING.md**](docs\u002FTROUBLESHOOTING.md).\n\n---\n\n## 🤝 Kontribusi\n\nKontribusi, perbaikan bug, dan ide fitur baru sangat kami hargai!\n1. Fork repository ini\n2. Buat feature branch (`git checkout -b feature\u002FFiturKeren`)\n3. Commit perubahan (`git commit -m 'feat: tambah fitur keren'`)\n4. Push ke branch (`git push origin feature\u002FFiturKeren`)\n5. Buka Pull Request\n\n---\n\n## 📜 Lisensi\n\nDidistribusikan di bawah lisensi **MIT**. Lihat file [LICENSE](LICENSE) untuk detail lengkap.\n\n---\n\n\u003Cdiv align=\"center\">\n\nDibuat dengan ❤️ untuk developer AI oleh **[yudaprasetya007](https:\u002F\u002Fgithub.com\u002Fyudaprasetya007)**\n\n\u003C\u002Fdiv>\n","routeVSCODE 是一个为 VS Code Copilot Chat 设计的零重载动态 AI 模型切换工具，通过本地代理（端口 20129）与 9Router 网关集成，实现无需重启编辑器或修改配置即可实时切换后端 AI 模型。核心功能包括一键网页仪表盘切换、状态栏快捷操作、多模型并行对比测试、自动 SSE 流式响应处理及对 OpenAI\u002FAnthropic\u002FGemini\u002FDeepSeek 等 40+ 提供商的统一适配。适用于需要频繁评估不同大模型在代码补全、解释或调试场景中表现的开发者与技术团队。",2,"2026-09-11 02:30:03","CREATED_QUERY"]