Instalación

#Requisitos

• Bun 1.2+ o Node.js 22+
• Chrome, Edge, Firefox o Safari en un equipo de escritorio

#Crear una app

bunx create-text-app@latest

Elige una plantilla (starter, dashboard u opencode) y luego inicia el servidor de desarrollo:

cd my-appbun installbun dev

#Abrir la consola

Visita http://localhost:3000 y abre la consola.

En Safari, primero activa Mostrar funciones para desarrolladores web en Configuración → Avanzado.

Haz clic en la página para darle el foco y luego escribe. Acoplar DevTools en la parte inferior permite obtener la cuadrícula más ancha.

#Configuración de la consola

Desactiva Conservar registro en la configuración de la consola. Text.js añade al final un mensaje por fotograma y borra la consola para liberar los fotogramas antiguos. Con «Conservar registro» activado, DevTools ignora el borrado y los fotogramas antiguos se acumulan.

#Configuración 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>;}

#Sin el framework

Monta cualquier árbol de React en la consola desde un sitio existente:

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