← Blog

Text.js 1.0

Text.js 1.0 kararlı sürümde. React 19 ve App Router uygulamalarını DevTools konsolunda kare başına tek bir console.log ile render eder.

Adam

Bugün Web için Konsol Framework’ü Text.js 1.0’ı yayımlıyoruz.

bunx create-text-app@latest

Text.js, React 19 uygulamalarını Chrome DevTools konsolunda render eder; layout, yönlendirme, odak, girdi, form, grafik ve akış halinde Markdown öğelerini console.log ile çizer.

1.0’ın içeriği

  • App Router. window.location ile senkronize çalışan layout.tsx, page.tsx, [param], loading.tsx, error.tsx, not-found.tsx ve api/*/route.ts. Next.js App Router kurallarını izler.
  • Turbolog. Yoga flexbox bir hücre ızgarasını düzenler, türlenmiş dizi tabanlı bir CellBuffer bunu tutar ve bir koşu uzunluğu kodlayıcısı bunu tek bir console.log(format, ...css) çağrısına dönüştürür. Boşta kalan kareler konsol çağrısı yapmaz.
  • Bileşen seti. Box, Text, ScrollBox, Input, Select, Tabs, Markdown, Diff, sanallaştırılmış List, Table, Tree, grafikler, iletişim kutuları, geçici bildirimler ve useKeymap ile sağlanan bir Ctrl+K komut paleti.
  • Sona eklenen kareler. Kareler bir öncekinin altına eklenir, böylece konsol kareler arasında boş görünüp yanıp sönmez. Ayrıntılar için Turbolog: yanıp sönmeyi giderme yazısına bakın.
  • Sağdan sola metin. İbranice ve Arapça, 770.241 BidiTest.txt testinin tamamını geçen bir UAX #9 uygulamasıyla, Arapça harf şekillendirmesi kullanılarak görsel sırada render edilir. Konsolda sağdan sola metin yazısına bakın.
  • Boyuta uyarlanan konsol. Text.js, sayfa yakınlaştırması ve satıra kaydırılan araç çubuğu dahil, sabitlenmiş DevTools paneline sığar. Panel ayrı penceredeyken 120×36 boyutuna döner.
  • text run. Aynı App Router uygulaması gerçek bir terminalde render edilir.
  • Ajanlar ve editörler için araçlar. text mcp, uygulamanızı Model Context Protocol üzerinden kodlama ajanlarına sunar ve Text.js DevTools uzantısı Konsol’un yanına bir panel ekler. eslint-plugin-textjs ve bir VS Code uzantısı da 1.0’a dahildir.

Bir ad değişikliği

Framework paketi artık @textjs/next. textjs adı npm’de alınmıştı. İçe aktarmalarınızı güncelleyin:

- import { Box, Text } from "textjs";+ import { Box, Text } from "@textjs/next";

Güncelleme, 1.0.2: paket artık @textjs/app ve @textjs/next kullanımdan kaldırıldı. Geçiş yapmak için bun remove @textjs/next && bun add @textjs/app komutunu çalıştırın ve @textjs/app paketinden içe aktarın.

Sayılar

Yoğun içerikli bir 100×32 gösterge panelinde (46 metin düğümü, 149 %c span), packages/core/test/perf.test.ts ile yapılan ölçümler:

KareOrtalama
Tam yeniden çizim (layout, çizim, kodlama)0,163 ms
Tek satır düzenleme (yazma)0,011 ms
Boşta0,000 ms, 0 konsol çağrısı

Değişmeyen bir kare, bir dizge için bellek ayırmadan önce döner; bu nedenle boşta kalan kareler 0,000 ms olarak ölçülür.

Deneme

textjs.org sitesini açın ve ⌘⌥J (Windows ve Linux’ta Ctrl+Shift+J) tuşlarına basın. Site, her sayfada bir görünüm olacak şekilde konsolunuzda bir Text.js uygulaması çalıştırır. Playground bir gösterge paneli, akış halinde Markdown ve Yılan oyunu içerir. OpenCode, yerel OpenCode sunucunuza bağlanır.

Değişikliklerin tam listesi değişiklik günlüğünde, kaynak kodu ise GitHub’da yer alır.