Instalacja

#Wymagania

• Bun 1.2+ lub Node.js 22+
• Chrome, Edge, Firefox lub Safari na komputerze

#Tworzenie aplikacji

bunx create-text-app@latest

Wybierz szablon (starter, dashboard lub opencode), a następnie uruchom serwer deweloperski:

cd my-appbun installbun dev

#Otwieranie konsoli

Wejdź na http://localhost:3000 i otwórz konsolę.

W przeglądarce Safari najpierw włącz „Pokazuj funkcje dla deweloperów witryn” w sekcji Ustawienia → Zaawansowane.

Kliknij stronę, aby ustawić na niej fokus, a następnie pisz. Zadokowanie DevTools na dole zapewnia najszerszą siatkę.

#Ustawienia konsoli

Wyłącz „Zachowaj dziennik” w ustawieniach konsoli. Text.js dopisuje jeden komunikat na klatkę i czyści konsolę, aby zwolnić stare klatki. Przy włączonej opcji „Zachowaj dziennik” DevTools ignoruje czyszczenie i stare klatki się gromadzą.

#Konfiguracja ręczna

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

#Bez frameworka

Zamontuj dowolne drzewo React w konsoli z istniejącej witryny:

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