কোড ট্যাব — অ্যাপের কোড পড়ুন ও সম্পাদনা করুন
সংক্ষেপেকোড ট্যাবে ফোল্ডারের গাছে আপনার অ্যাপের প্রতিটি ফাইল দেখা যায়, পাশে একটি এডিটর। পড়তে কোনো ফাইলে ক্লিক করুন, বদলাতে টাইপ করুন, আর “সংরক্ষণ করুন” (বা ⌘S / Ctrl+S) চাপুন; প্রতিটি সংরক্ষণ একটি সংস্করণ হয়ে যায়, যাতে পরে ফিরে যেতে পারেন। অ্যাপগুলো তৈরি হয় TanStack Start, React ও TypeScript দিয়ে। কোড আপনারই — প্রকল্প সেটিংস → রপ্তানি থেকে ডাউনলোড করুন, বা GitHub-এ রাখুন।
কোড খোলার কোনো দরকার আপনার নেই — MonstarX আপনার হয়ে তা লেখে ও বদলায়। তবে আপনি (বা আপনার সঙ্গে কাজ করা কোনো ডেভেলপার) দেখতে চাইলে সবকিছুই খোলামেলা সামনে আছে। কোড ট্যাব আপনার অ্যাপের প্রতিটি ফাইল দেখায়, আর নিজে পরিবর্তন করতে দেয়।
কোড ট্যাব কী দেখায়?
“কোড ট্যাব কী দেখায়?” অংশবাঁ দিকে ফোল্ডারের গাছ, তাতে আপনার অ্যাপের প্রতিটি ফাইল। ডান দিকে আপনার বেছে নেওয়া ফাইলটি, কোডের রং আর লাইন নম্বরসহ।
ফোনে ওপরের ফাইলের নামে ট্যাপ করলে গাছটি একটি শিট হিসেবে খোলে।
কোন জিনিস কোথায় থাকে?
“কোন জিনিস কোথায় থাকে?” অংশএটি জানার দরকার নেই, তবে পড়ার সময় কাজে আসে:
| ফোল্ডার বা ফাইল | এতে কী আছে |
|---|---|
src/routes/ | প্রতিটি পৃষ্ঠার জন্য একটি ফাইল — index.tsx হলো হোম পৃষ্ঠা, pricing.tsx হলো /pricing। |
src/components/ | কয়েকটি পৃষ্ঠায় ব্যবহৃত অংশ, যেমন হেডার ও ফুটার। |
src/server/ | সার্ভারে চলা কোড: একটি বুকিং সংরক্ষণ, সময়সূচি পড়া। |
src/db/ | আপনার অ্যাপের ডেটার গঠন। |
migrations/ | ডেটাবেসের টেবিল তৈরি ও বদলানোর ধাপগুলো। |
public/ | যেসব ফাইল যেমন আছে তেমনই দেওয়া হয়, যেমন আইকন। |
src/styles.css | রং, ফন্ট ও অন্যান্য স্টাইল। |
আমার অ্যাপ কী দিয়ে তৈরি?
“আমার অ্যাপ কী দিয়ে তৈরি?” অংশMonstarX যে অ্যাপগুলো তৈরি করে, সেগুলো আধুনিক ওয়েব অ্যাপ, তৈরি হয় এগুলো দিয়ে:
- TypeScript — এমন JavaScript, যার যাচাই অ্যাপ চলার আগেই ভুল ধরে ফেলে।
- React — ওয়েব ইন্টারফেস তৈরির সবচেয়ে প্রচলিত উপায়।
- TanStack Start — একটি ফ্রেমওয়ার্ক, যা ওই React পৃষ্ঠাগুলোকে সার্ভারসহ একটি পূর্ণাঙ্গ অ্যাপে পরিণত করে, ফলে পৃষ্ঠা দ্রুত লোড হয় আর আপনার ডেটা সার্ভারে নিরাপদ থাকে।
- Tailwind CSS — রং, ফাঁকা জায়গা ও লেআউটের জন্য একটি স্টাইলিং টুলকিট।
প্রকল্প পৃষ্ঠার কার্ডেও এটিই দেখায়, যেমন TanStack Start · React · TypeScript। আপনার ইমপোর্ট করা অ্যাপ যা দিয়ে তৈরি, তা-ই থেকে যায়।
নিজে কীভাবে কোনো ফাইল সম্পাদনা করবেন?
“নিজে কীভাবে কোনো ফাইল সম্পাদনা করবেন?” অংশ-
কোড ট্যাব খুলে গাছ থেকে ফাইলটিতে ক্লিক করুন।
-
এডিটরে ক্লিক করে পরিবর্তন করুন। ওপরে দেখা দেয় সংরক্ষণ করা হয়নি, সঙ্গে বাদ দিন ও সংরক্ষণ করুন।
-
সংরক্ষণ করুন ক্লিক করুন, অথবা ⌘S (Mac) বা Ctrl+S (Windows) চাপুন। প্রিভিউ সঙ্গে সঙ্গে আপডেট হয়।
প্রতিটি সংরক্ষণ একটি সংস্করণ হিসেবে রাখা হয়, নাম হয় ফাইলের পথ আর “সম্পাদনা”, যেমন “src/routes/schedule.tsx সম্পাদনা”, যাতে কিছু ভুল হলে ফিরে যেতে পারেন। প্রকল্পটি GitHub-এর সঙ্গে যুক্ত থাকলে আর স্বয়ংক্রিয় পুশ চালু থাকলে (ডিফল্ট), পরিবর্তনটি সেখানেও পুশ হয়। পরের বার কিছু চাইলে MonstarX আপনার সম্পাদনা দেখতে পায়।
বাদ দিন আপনার সংরক্ষণ না করা পরিবর্তন মুছে দেয়।
কখন সম্পাদনা করা যায় না?
“কখন সম্পাদনা করা যায় না?” অংশ- MonstarX আপনার অ্যাপ বদলানোর সময়। কাজ শেষ না হওয়া পর্যন্ত ফাইলগুলো শুধু পড়া যায়: “MonstarX আপনার অ্যাপ বদলাচ্ছে। কাজ শেষ না হওয়া পর্যন্ত ফাইল শুধু দেখা যাবে।”
- আপনি শুরু করার পর ফাইল বদলে গেলে। এর মধ্যে MonstarX বা অন্য কেউ ফাইলটি সংরক্ষণ করলে দেখবেন “আপনি সম্পাদনা শুরু করার পর ফাইলটি বদলেছে।”, আর সংরক্ষণ করুন ধূসর হয়ে যায়। আপনি বাদ না দেওয়া পর্যন্ত আপনার খসড়া রাখা থাকে, তাই তুলনা করে, বাদ দিয়ে, পরিবর্তনটি আবার করতে পারেন।
- MonstarX যে ফাইলগুলো সামলায়। MonstarX-এর তৈরি অ্যাপে সেটিংসের ফাইল (যেমন
package.jsonআর Vite ও TypeScript কনফিগ) আর অ্যাকাউন্ট, ডেটাবেস, ইমেইল, স্টোরেজ ও AI-এর অন্তর্নির্মিত সেবাগুলো দেখাশোনা করে MonstarX। এগুলো গাছে থাকে না, তবে রপ্তানি করলে zip-এ থাকে। - শুধু দেখার অনুমতি। দেখতে এবং মন্তব্য করতে পারেন হিসেবে যাঁদের সঙ্গে প্রকল্প শেয়ার করা হয়েছে, তাঁরা দেখেন “শুধু দেখার অনুমতি: কোড পড়তে পারবেন, কিন্তু বদলাতে পারবেন না।” যাঁরা সম্পাদনা করতে পারেন, তাঁরা আপনার মতোই ফাইল সম্পাদনা ও সংরক্ষণ করতে পারেন।
আমার কোড কি ডাউনলোড করা যায়?
“আমার কোড কি ডাউনলোড করা যায়?” অংশহ্যাঁ। কোড আপনারই: MonstarX দিয়ে যা তৈরি করেন তার মালিক আপনি, MonstarX-এর লেখা কোডসহ। সঙ্গে নেওয়ার দুটি উপায়:
- zip ডাউনলোড করুন — ওয়ার্কস্পেসে সেটিংসরপ্তানি, তারপর .zip ডাউনলোড করুন। আপনি পাবেন একটি স্বয়ংসম্পূর্ণ প্রকল্প, যা আপনার নিজের কম্পিউটারে চলে। দেখুন অ্যাপ রপ্তানি করুন।
- GitHub-এ রাখুন — একটি রিপোজিটরি যুক্ত করুন, তাহলে প্রতিটি পরিবর্তন একটি কমিট হয়ে যায়। দেখুন GitHub।
সাধারণ জিজ্ঞাসা
“সাধারণ জিজ্ঞাসা” অংশMonstarX ব্যবহার করতে কি কোডিং জানতে হয়?
না। কোড ট্যাব আছে শুধু তখনকার জন্য, যখন আপনি দেখতে চান। সব কাজই চ্যাটে কী চান তা বর্ণনা করে করা যায়।
MonstarX কি আমার নিজের সম্পাদনা মুছে দেবে?
না। আপনি পরের অনুরোধ পাঠানোর সময় ফাইলগুলো যেমন আছে, আপনার সম্পাদনাসহ, সেভাবেই পড়ে। কেন কিছু বদলেছেন তা জানাতে চাইলে চ্যাটে উল্লেখ করুন।
কোড ট্যাবে কি নতুন ফাইল যোগ করা যায়?
কোড ট্যাব শুধু আগে থেকে থাকা ফাইল সম্পাদনা করে। নতুন পৃষ্ঠা বা ফাইল তৈরি করতে চ্যাটে MonstarX-কে বলুন।
কোনো প্যাকেজ বা লাইব্রেরি কীভাবে যোগ করব?
চ্যাটে বলুন — যেমন “বুকিং ফর্মের জন্য একটি তারিখ বাছাইয়ের লাইব্রেরি ব্যবহার করুন”। MonstarX আপনার হয়ে প্যাকেজ যোগ করে।
MonstarX-এর লেখা কোডের মালিক কে?
আপনি। MonstarX-এর শর্তাবলি বলে আপনার প্রম্পট, ফাইল, কোড ও অ্যাপের মালিক আপনি, আর যেকোনো সময় এগুলো রপ্তানি করতে পারেন।