Installation

#Voraussetzungen

• Bun 1.2+ oder Node.js 22+
• Chrome, Edge, Firefox oder Safari auf einem Desktopcomputer

#Eine App erstellen

bunx create-text-app@latest

Wähle eine Vorlage (starter, dashboard oder opencode) und starte dann den Entwicklungsserver:

cd my-appbun installbun dev

#Die Konsole öffnen

Rufe http://localhost:3000 auf und öffne die Konsole.

Aktiviere in Safari zuerst „Funktionen für Web-Entwickler anzeigen“ unter „Einstellungen“ → „Erweitert“.

Klicke auf die Seite, um sie zu fokussieren, und beginne dann zu tippen. Wenn du DevTools unten andockst, erhältst du das breiteste Raster.

#Konsoleneinstellungen

Deaktiviere „Log beibehalten“ in den Konsoleneinstellungen. Text.js hängt pro Frame eine Nachricht an und leert die Konsole, um alte Frames freizugeben. Wenn „Log beibehalten“ aktiviert ist, ignoriert DevTools das Leeren und alte Frames sammeln sich an.

#Manuelle Einrichtung

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

#Ohne das Framework

Binde einen beliebigen React-Baum von einer bestehenden Website aus in die Konsole ein:

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