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ölgeBileşenler
Konuşma dökümü<ScrollBox stickyScroll> + <Markdown>
Araç kartları<Code> ve <Diff>
Prompt<Textarea>
Palet<Modal> + <Select searchable>
app/session/[id]/page.tsxtsx
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
EnterGönderme
Shift+TabAjan değiştirme (build / plan)
Ctrl+PKomutlar
Ctrl+X ardından LOturumlar
Ctrl+X ardından NYeni 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 proxy

Kö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.

Bu sayfayı GitHub’da düzenle