Installazione

#Requisiti

• Bun 1.2+ o Node.js 22+
• Chrome, Edge, Firefox o Safari su desktop

#Creare un’app

bunx create-text-app@latest

Scegli un template (starter, dashboard o opencode), poi avvia il server di sviluppo:

cd my-appbun installbun dev

#Aprire la console

Visita http://localhost:3000 e apri la console.

In Safari, attiva prima Mostra funzionalità per sviluppatori web in «Impostazioni» → «Avanzate».

Fai clic sulla pagina per darle il focus, poi digita. Ancorare DevTools in basso offre la griglia più larga.

#Impostazioni della console

Disattiva Mantieni il log nelle impostazioni della console. Text.js accoda un messaggio per frame e svuota la console per liberare i vecchi frame. Con «Mantieni il log» attivo, DevTools ignora lo svuotamento e i vecchi frame si accumulano.

#Configurazione manuale

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

#Senza il framework

Monta un qualsiasi albero React nella console da un sito esistente:

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