विकास और रचनात्मकता

4 ऐप्स जो ब्राउज़र में सीधे हल्के प्रोग्रामिंग और दृश्य निर्माण को कवर करते हैं। कोड संपादित करने के लिए VS Code का वही इंजन, सेवाओं को डीबग करने के लिए Postman-शैली API क्लाइंट, wireframe और brainstorm के लिए उत्तरदायी ड्राइंग टूल्स।

---

👨‍💻 Roque Code — कोड संपादक (Monaco/VS Code इंजन)

VS Code के समान इंजन (Monaco) के साथ आधुनिक कोड संपादक। Syntax highlight, autocomplete, multi-cursor, regex के साथ find & replace — बिना कुछ इंस्टॉल किए।

फ़ंक्शन

• 🎨 50+ भाषाओं के लिए Syntax highlight — JS/TS, Python, Go, Rust, Java, C/C++, Ruby, PHP, Swift, Kotlin, Shell, SQL, HTML/CSS, JSON/YAML/TOML, Markdown, Vue, Svelte, Astro, आदि।
• 🤖 IntelliSense autocomplete: scope में चर, ऑब्जेक्ट के गुण, भाषा snippets
• ✨ Multi-cursor: Alt+Click कर्सर जोड़ता है, Ctrl+D अगला occurrence चुनता है (VS Code के समान)
• 🔍 Find & Replace regex के साथ (Ctrl+F / Ctrl+H), केवल चयन में खोज
• 📑 टैब में कई फ़ाइलें (बदलने के लिए Ctrl+Tab)
• 🌳 Outline panel फ़ाइल के प्रतीकों (फंक्शन, क्लासेस) के साथ
• 🪄 Format on save .js/.ts/.vue/.json/.md के लिए embedded Prettier के साथ
• 🎨 थीम: VS Code default + Dracula + Monokai + Solarized
• 💾 Auto-save हर 3s (ब्राउज़र क्रैश होने पर कोड नहीं खोता)

पूर्ण VS Code से अंतर

पहलू	Roque Code	VS Code (समर्पित ऐप)
इंजन	Monaco (VSCode के समान)	Electron + Monaco
एक्सटेंशन	❌ marketplace का समर्थन नहीं करता	✅ सब
एम्बेडेड टर्मिनल	❌ (अलग Terminal ऐप का उपयोग करें)	✅
Git एकीकरण	❌	✅
समर्थित भाषाएं	50+ syntax highlight	100+ + LSP

Roque Code का उपयोग करें: config संपादित करने (json/yaml), त्वरित स्क्रिप्ट, प्रोटोटाइप, ब्लॉग पोस्ट के लिए snippet।

Git के साथ fullstack प्रोजेक्ट के लिए: RoqueOS Server के एकीकृत VS Code का उपयोग करें — extensions के साथ असली code-server।

शॉर्टकट

कुंजी	क्रिया
Ctrl+S	सहेजें
Ctrl+F / Ctrl+H	Find / Replace
Ctrl+D	अगला occurrence चुनें
Ctrl+/	टिप्पणी टॉगल करें
Alt+↑/↓	लाइन को ऊपर/नीचे ले जाएं
Shift+Alt+↓	लाइन की नकल करें
Ctrl+Shift+K	लाइन हटाएं
Ctrl+P	त्वरित खोलें (फ़ाइल द्वारा खोज)

---

🛠️ Roqueman — API क्लाइंट (HTTP / WebSocket / GraphQL)

पूर्ण Postman/Insomnia शैली API क्लाइंट, लेकिन RoqueOS के अंदर। 3 प्रोटोकॉल का समर्थन करता है जो devs रोज़ उपयोग करते हैं।

HTTP

• 🌐 तरीके: GET, POST, PUT, PATCH, DELETE, OPTIONS, HEAD
• 📋 हेडर: डिफ़ॉल्ट हेडर सुझावों के साथ टेबल संपादक (Content-Type, Authorization, आदि)
• 🔐 Auth: Bearer Token, Basic, API Key (header/query/cookie), OAuth 2.0, AWS Signature v4
• 📦 Body: JSON, form-data, x-www-form-urlencoded, raw text, फ़ाइल अपलोड, binary
• 📜 प्रतिक्रिया: fold के साथ pretty-print JSON, raw, HTML पूर्वावलोकन, हेडर, cookies, समय
• 🔍 JSON path filter: त्वरित डीबग के लिए response में सीधे $.data[0].nome लागू करें
• 🕰️ इतिहास अंतिम 100 requests का
• 📚 Collections: फ़ोल्डर में endpoints व्यवस्थित करें, Postman प्रारूप एक्सपोर्ट/आयात

WebSocket

• 🔌 कनेक्शन: ws:// या wss://, HTTP के समान headers/auth के साथ
• 📤 भेजें: टेक्स्ट, JSON, बाइनरी
• 📥 प्राप्त करें: टाइमस्टैम्प के साथ संदेशों की कालानुक्रमिक सूची
• 🎯 Filter: substring या regex द्वारा प्राप्त संदेशों को फ़िल्टर करें
• 🔄 Auto-reconnect: वैकल्पिक, backoff के साथ

GraphQL

• 📝 Query editor syntax highlight + schema-based autocomplete (introspection) के साथ
• 🔍 Schema explorer: उपलब्ध types/fields का नेविगेबल ट्री
• 📊 Variables panel: मानों के लिए अलग JSON
• 📜 Saved queries (वर्जनिंग के साथ)

पर्यावरण चर

, जैसे चर के साथ environments (Dev, Staging, Prod) बनाएं। URL और हेडर स्वचालित रूप से प्रतिस्थापित करते हैं। environment बदलें = एक dropdown क्लिक करें।

Postman से अंतर

• ✅ कोई अनिवार्य लॉगिन नहीं — Postman अब खाते की आवश्यकता है
• ✅ डेटा आपके RoqueOS में रहता है (Firestore), तीसरे पक्ष के सर्वर पर नहीं
• ✅ डेस्कटॉप के अंदर चलता है — Roqueman + Terminal + Browser को एक साथ रख सकते हैं
• ✅ स्वचालित क्रॉस-डिवाइस sync (मोबाइल, डेस्कटॉप, आदि)

सीमाएं

• कोई mock server नहीं है (Postman में है)
• कोई CI runner (Newman) नहीं है — automated tests के लिए, Postman को export करें और external Newman का उपयोग करें

---

🎨 Paint — छवि संपादक और चित्र

ब्रश, आकार, परतों और फ़िल्टर के साथ उत्तरदायी web Paint। कुछ बुनियादी Photoshop फ़ंक्शंस के साथ Windows का "Paint" बदलता है।

फ़ंक्शन

• 🖌️ ब्रश: पेंसिल, पेन, मार्कर, एयरोसोल, रबर। प्रत्येक आकार/अपारदर्शिता के साथ
• 🎨 रंग: HEX picker + पैलेट + dropper (छवि से रंग प्राप्त करें)
• 📐 आकार: आयत, वृत्त, रेखा, तीर, बहुभुज (fill और contour अलग)
• ✏️ पाठ: 5 एम्बेडेड फ़ॉन्ट + आकार + बोल्ड/इटैलिक
• 🗂️ परतें: व्यक्तिगत opacity के साथ 10 layers तक + blend modes (normal / multiply / screen)
• ↩️ असीमित Undo/Redo (ऐप बंद होने तक)
• 🎭 फ़िल्टर: blur, sharpen, grayscale, sepia, brightness, contrast, hue rotate
• 📐 आकार बदलें / क्रॉप guides के साथ
• 💾 एक्सपोर्ट: PNG, JPG (गुणवत्ता के साथ), WebP, SVG (केवल vector layers)

उपयोग के मामले

• त्वरित स्क्रीन मॉकअप या wireframe
• टीम को बग समझने के लिए स्क्रीनशॉट को एनोटेट करें
• सरल लोगो / Insta बैनर
• व्यक्तिगत फ़ोटो संपादित करें (आकार बदलें, क्रॉप करें, रंग समायोजन)

पेशेवर डिज़ाइन के लिए, Figma या Photoshop का उपयोग करें। त्वरित रीटच के लिए, Paint 80% मामलों को कवर करता है।

---

📋 Whiteboard — brainstorm के लिए अनंत बोर्ड

अनंत canvas वाला whiteboard, विचार व्यवस्थित करने, mind map, process flow, team retrospective के लिए आदर्श।

फ़ंक्शन

• ♾️ अनंत Canvas: किसी भी दिशा में खींचें, zoom 25%-400%
• 🖌️ मुक्त कलम (Apple Pencil / S Pen में pressure-sensitive)
• 📐 आकार: स्वचालित स्नैप के साथ तीर, आयत, वृत्त, रेखाएं
• ✏️ रंगीन sticky notes: पुनः स्थिति के लिए drag-and-drop
• 🔗 कनेक्टर: रेखाएं/तीर जो हिलाए जाने पर आकृतियों का अनुसरण करते हैं (mind map के लिए आवश्यक)
• 📷 छवियां: स्क्रीनशॉट सीधे चिपकाएं (Ctrl+V) या अपलोड
• 👥 Multi-pointer (योजित): एक ही बोर्ड पर विभिन्न कर्सर वाले कई उपयोगकर्ता
• 💾 Auto-save + पूरे बोर्ड या चयनित क्षेत्र का PNG/SVG एक्सपोर्ट
• 🎨 टेम्पलेट्स: SWOT, Lean Canvas, retro (start/stop/continue), KWL, Eisenhower matrix, kanban

मोबाइल

टच-फर्स्ट: pinch-to-zoom, canvas खींचने के लिए दो उंगलियां, चित्र बनाने के लिए एक उंगली। Apple Pencil + S Pen pressure-sensitive मूल रूप से काम करते हैं।

उपयोग के मामले

• 📊 sticky notes + तीरों के साथ Brainstorm सत्र
• 🗺️ Mind map नए प्रोजेक्ट का
• 🔄 sprint का Retrospective (स्तंभ Start/Stop/Continue)
• 🎯 UX flow का Wireframing
• 📚 अध्ययन: अवधारणाओं के बीच कनेक्शन का मानचित्र

Miro/Mural से अंतर

• ✅ तीसरे पक्ष की कोई अनिवार्य लॉगिन नहीं
• ✅ हमेशा के लिए मुफ़्त (Miro/Mural 3-5 बोर्डों के बाद शुल्क लेते हैं)
• ✅ पहले लोड के बाद ऑफलाइन चलता है (PWA cache)
• ⚠️ Collaborative multi-pointer अभी भी roadmap पर है (Miro अधिक परिपक्व है)

---

यह भी देखें

• एकीकृत VS Code — extensions और Git के साथ असली code-server (Server Mode की आवश्यकता है)
• Linux Terminal — bash + roqueos-cli + आपका संपूर्ण toolchain
• Tablatura — संगीतकारों के लिए पेशेवर संपादक
• RoqueClaw (AI agent) — प्राकृतिक भाषा के माध्यम से dev कार्यों को स्वचालित करें