انسٹالیشن

#تقاضے

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