Instalação

#Requisitos

• Bun 1.2+ ou Node.js 22+
• Chrome, Edge, Firefox ou Safari em um computador

#Criar um app

bunx create-text-app@latest

Escolha um template (starter, dashboard ou opencode) e inicie o servidor de desenvolvimento:

cd my-appbun installbun dev

#Abrir o console

Acesse http://localhost:3000 e abra o console.

No Safari, primeiro ative Mostrar recursos para desenvolvedores web em “Configurações” → “Avançado”.

Clique na página para dar foco a ela e digite. Ancorar o DevTools na parte inferior deixa a grade mais larga.

#Configurações do console

Desative Preservar registro nas configurações do console. Text.js anexa uma mensagem por quadro e limpa o console para liberar quadros antigos. Com “Preservar registro” ativado, o DevTools ignora a limpeza e os quadros antigos se acumulam.

#Configuração 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>;}

#Sem o framework

Monte qualquer árvore React no console a partir de um site 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 },);