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.
Bugün Web için Konsol Framework’ü Text.js 1.0’ı yayımlıyoruz.
bunx create-text-app@latestText.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.locationile senkronize çalışanlayout.tsx,page.tsx,[param],loading.tsx,error.tsx,not-found.tsxveapi/*/route.ts. Next.js App Router kurallarını izler. - Turbolog. Yoga flexbox bir hücre ızgarasını düzenler, türlenmiş dizi tabanlı bir
CellBufferbunu tutar ve bir koşu uzunluğu kodlayıcısı bunu tek birconsole.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 veuseKeymapile sağlanan birCtrl+Kkomut 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.txttestinin 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×36boyutuna 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-textjsve 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:
| Kare | Ortalama |
|---|---|
| Tam yeniden çizim (layout, çizim, kodlama) | 0,163 ms |
| Tek satır düzenleme (yazma) | 0,011 ms |
| Boşta | 0,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.