התקנה

#דרישות

• ⁦Bun⁩ ⁦1.2+⁩ או ⁦Node.js 22+⁩
• Chrome, Edge, Firefox או Safari במחשב שולחני

#יצירת אפליקציה

bunx create-text-app@latest

יש לבחור תבנית (starter, dashboard או opencode), ואז להפעיל את שרת הפיתוח:

cd my-appbun installbun dev

#פתיחת המסוף

יש לפתוח את http://localhost:3000 ולפתוח את המסוף.

ב-Safari, יש להפעיל תחילה את "הצגת תכונות למפתחי אינטרנט" ב-"הגדרות" → "מתקדם".

יש ללחוץ על הדף כדי להעביר אליו את המיקוד, ואז להקליד. עיגון DevTools לתחתית מספק את הרשת הרחבה ביותר.

#הגדרות המסוף

יש לכבות את "שמירת היומן" בהגדרות המסוף. Text.js מוסיף הודעה אחת לסוף המסוף בכל פריים ומנקה את המסוף כדי לשחרר פריימים ישנים. כאשר "שמירת היומן" מופעלת, DevTools מתעלם מהניקוי ופריימים ישנים מצטברים.

#הגדרה ידנית

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

#ללא הפריימוורק

אפשר לעגן כל עץ React במסוף מתוך אתר קיים:

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