इंस्टॉलेशन

Text.js ऐप बनाएं, DevTools खोलें और अपना कंसोल कॉन्फ़िगर करें।

ज़रूरी चीज़ें

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 पर जाएं और कंसोल खोलें।

ब्राउज़र	macOS	Windows / Linux
Chrome, Edge, Arc, Brave	`⌘` `⌥` `J`	`Ctrl` `Shift` `J`
Firefox	`⌘` `⌥` `K`	`Ctrl` `Shift` `K`
Safari	`⌘` `⌥` `C`	सिर्फ़ macOS

Safari में, पहले सेटिंग → एडवांस्ड में वेब डेवलपर के लिए सुविधाएं दिखाएं चालू करें।

पेज को फ़ोकस करने के लिए उस पर क्लिक करें, फिर टाइप करें। DevTools को नीचे डॉक करने से सबसे चौड़ा ग्रिड मिलता है।

कंसोल सेटिंग

कंसोल सेटिंग में लॉग सेव करें बंद करें। Text.js हर फ़्रेम के लिए एक मैसेज जोड़ता है और पुराने फ़्रेम हटाने के लिए कंसोल साफ़ करता है। लॉग सेव करें चालू होने पर, DevTools कंसोल साफ़ करने के निर्देश को अनदेखा करता है और पुराने फ़्रेम जमा होते रहते हैं।

मैन्युअल सेटअप

bun add @textjs/app react react-dom

package.jsonjson

{  "scripts": { "dev": "text dev", "build": "text build", "start": "text start" }}

app/page.tsxtsx

import { Text } from "@textjs/app";export default function Page() {  return <Text className="p-1">Hello from console.log</Text>;}

फ़्रेमवर्क के बिना

किसी मौजूदा साइट से कोई भी React ट्री कंसोल में माउंट करें:

main.tsxtsx

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

#ज़रूरी चीज़ें

#ऐप बनाना

#कंसोल खोलना

#कंसोल सेटिंग