Installation

#Prérequis

• Bun 1.2+ ou Node.js 22+
• Chrome, Edge, Firefox ou Safari sur ordinateur

#Créer une application

bunx create-text-app@latest

Choisissez un modèle (starter, dashboard ou opencode), puis démarrez le serveur de développement :

cd my-appbun installbun dev

#Ouvrir la console

Accédez à http://localhost:3000 et ouvrez la console.

Dans Safari, activez d’abord « Afficher les fonctionnalités pour les développeurs web » dans Réglages → Avancés.

Cliquez sur la page pour lui donner le focus, puis saisissez du texte. Ancrer DevTools en bas donne la grille la plus large.

#Paramètres de la console

Désactivez « Conserver le journal » dans les paramètres de la console. Text.js ajoute à la suite un message par frame et efface la console pour libérer les anciennes frames. Lorsque « Conserver le journal » est activé, DevTools ignore l’effacement et les anciennes frames s’accumulent.

#Installation manuelle

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

#Sans le framework

Montez n’importe quel arbre React dans la console depuis un site existant :

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