Kurulum

#Gereksinimler

• Bun 1.2+ veya Node.js 22+
• Masaüstünde Chrome, Edge, Firefox veya Safari

#Uygulama oluşturma

bunx create-text-app@latest

Bir şablon seçin (starter, dashboard veya opencode), ardından geliştirme sunucusunu başlatın:

cd my-appbun installbun dev

#Konsolu açma

http://localhost:3000 adresini ziyaret edin ve konsolu açın.

Safari’de önce “Ayarlar” → “İleri Düzey” bölümünde “Web geliştiricileri için özellikleri göster” seçeneğini açın.

Odağı sayfaya taşımak için sayfaya tıklayın, ardından yazın. DevTools’u alta sabitlemek en geniş ızgarayı sağlar.

#Konsol ayarları

Konsol ayarlarında “Günlüğü sakla” seçeneğini kapatın. Text.js her kare için sona bir mesaj ekler ve eski kareleri serbest bırakmak için konsolu temizler. “Günlüğü sakla” açıkken DevTools temizleme işlemini yok sayar ve eski kareler birikir.

#Elle kurulum

bun add @textjs/app react react-dom

{  "scripts": { "dev": "text dev", "build": "text build", "start": "text start" }}

import { Text } from "@textjs/app";export default function Page() {  return <Text className="p-1">Hello from console.log</Text>;}

#Framework olmadan kullanım

Mevcut bir siteden herhangi bir React ağacını konsola bağlayın:

import { renderToConsole, Box, Text } from "@textjs/react";await renderToConsole(  <Box className="border rounded p-1">    <Text bold>Hello, DevTools</Text>  </Box>,  { width: 100, height: 32 },);