Konsolda OpenCode
OpenCode Lite TUI’ın Text.js ile nasıl oluşturulduğu ve yerelde nasıl çalıştırılacağı.
OpenCode, açık kaynaklı bir kodlama ajanıdır. OpenCode Lite, Text.js ile geliştirilmiş bir OpenCode konsol istemcisidir.
Deneme
- Bu sitede: OpenCode sayfasını ziyaret edin ve DevTools’u açın.
- Yerel ortamda:
bunx create-text-app my-app --template opencode.
Site, önceden yazılmış bir senaryoyu izleyen bir ajanla korumalı bir ortam çalıştırır. Herhangi bir prompt yazın.
Yapı
| Bölge | Bileşenler |
|---|---|
| Konuşma dökümü | <ScrollBox stickyScroll> + <Markdown> |
| Araç kartları | <Code> ve <Diff> |
| Prompt | <Textarea> |
| Palet | <Modal> + <Select searchable> |
export default function SessionPage({ params }: PageProps<{ id: string }>) { const { messages, send } = useSession(params.id); return ( <Box className="flex-col grow"> <ScrollBox stickyScroll className="grow"> {messages.map((m) => <MessageView key={m.id} message={m} />)} </ScrollBox> <Textarea placeholder="Ask anything…" onSubmit={send} autoFocus /> </Box> );}Tuşlar
| Tuş | Eylem |
|---|---|
Enter | Gönderme |
Shift+Tab | Ajan değiştirme (build / plan) |
Ctrl+P | Komutlar |
Ctrl+X ardından L | Oturumlar |
Ctrl+X ardından N | Yeni oturum |
İki kez Esc | Çalışan oturumu kesme |
Yerel sunucuya bağlanma
# From any directory:opencode service status # If stopped: opencode service startbunx @textjs/opencode@latest proxyKöprüyü çalışır durumda bırakın. OpenCode sayfasında http://127.0.0.1:4096 adresini girin, Bağlan düğmesine basın ve Chrome sorarsa yerel ağ erişimine izin verin. Ardından köprünün yazdırdığı eşleştirme kodunu girin. Köprü yeniden başlatılana veya Bağlantıyı kes düğmesine basana kadar sayfa eşleştirilmiş durumda kalır. Servis portu yerine köprü URL’sini kullanın: köprü, servis kimlik bilgisini ve CORS başlıklarını sağlar. İşiniz bittiğinde Ctrl+C ile durdurun.
Zaten 4.096 portunda ön planda çalışan bir sunucu için bunx @textjs/opencode@latest proxy --port 4097 --target http://127.0.0.1:4096 komutunu çalıştırın ve sayfayı 4.097 portuna bağlayın. Ön planda çalışan parola korumalı bir sunucu için köprünün kabuğunda sunucunun OPENCODE_PASSWORD değişkenini dışa aktarın; tarayıcı URL’sine parola koymayın.
Köprü, @textjs/opencode paketidir. Bağımlılığı yoktur ve Node 22 veya üzeri sürümlerde npx ile de çalışır. Bir Text.js projesinde text proxy komutu aynı köprüyü başlatır.