Instalasi

#Persyaratan

• Bun 1.2+ atau Node.js 22+
• Chrome, Edge, Firefox atau Safari di desktop

#Membuat aplikasi

bunx create-text-app@latest

Pilih template (starter, dashboard atau opencode), lalu jalankan server pengembangan:

cd my-appbun installbun dev

#Membuka konsol

Kunjungi http://localhost:3000 dan buka konsol.

Di Safari, aktifkan terlebih dahulu Tampilkan fitur untuk pengembang web di “Setelan” → “Lanjutan”.

Klik halaman untuk memfokuskannya, lalu ketik. Menempatkan DevTools di bagian bawah memberikan kisi terlebar.

#Setelan konsol

Nonaktifkan Simpan log di setelan konsol. Text.js menambahkan satu pesan di akhir per frame dan mengosongkan konsol untuk melepaskan frame lama. Saat “Simpan log” aktif, DevTools mengabaikan pengosongan konsol dan frame lama menumpuk.

#Penyiapan manual

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>;}

#Tanpa framework

Pasang pohon React apa pun ke konsol dari situs yang sudah ada:

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 },);