প্রতিটি প্রজেক্টের জন্য একটি ব্যক্তিগত ওয়ার্কস্পেস ও লাইভ প্রিভিউ

প্রতিটি Mythex প্রজেক্ট নিজস্ব ব্যক্তিগত ক্লাউড ওয়ার্কস্পেস পায়: ফাইল, চলমান প্রসেস, একটি প্রিভিউ ও একটি টার্মিনাল, যা অন্য সবার থেকে আলাদা রাখা হয়। ওয়ার্কস্পেসের ডানদিকে আপনার অ্যাপ লাইভ চলে দেখায় যখন আপনি চ্যাট করেন, তাই আপনি এতে ক্লিক করে ঘুরতে পারেন, ফোনের আকারে দেখতে পারেন, এবং কিছু প্রকাশের আগেই এর একটি লিংক শেয়ার করতে পারেন।

এটি কী করে

প্রতি প্রজেক্টের জন্য একটি ওয়ার্কস্পেস

Mythex যখন আপনার অ্যাপ বানায়, সেটি শূন্যে কোড লেখে না। সেটি একটি ব্যক্তিগত ওয়ার্কস্পেসের ভেতরে কাজ করে, যা সেই একটি প্রজেক্টের। সেখানেই প্যাকেজ ইনস্টল হয়, আপনার অ্যাপের সার্ভার চলে, এবং আপনি Code-এ গেলে টার্মিনাল খোলে।

প্রতি প্রজেক্টের নিজস্ব থাকায় তিনটি বিষয় ঘটে:

• আপনার ইনস্টল ও সার্ভার কখনো অন্য কারও সাথে সংঘর্ষ করে না।
• Mythex নিরাপদে সেই প্রজেক্টের জন্য প্যাকেজ ইনস্টল করতে ও আপনার অ্যাপ চালাতে পারে।
• প্রিভিউ ও টার্মিনাল সবসময় আপনার প্রজেক্টের দিকে নির্দেশ করে।

চ্যাটের পাশে লাইভ প্রিভিউ

ওয়ার্কস্পেসের ডানদিক Preview ও Code-এর মধ্যে বদলায়। Preview আপনার অ্যাপটি চলমান অবস্থায় দেখায়, স্ক্রিনশট বা মকআপ নয়। আপনি আসল ফ্লো ধরে ক্লিক করতে পারেন, ফর্ম পূরণ করতে পারেন, নেভিগেশন অনুসরণ করতে পারেন, এবং প্রকাশের আগেই সমস্যা খুঁজে পেতে পারেন।

Code দেয় ফাইল ট্রি, একটি এডিটর, এবং একই ব্যক্তিগত ওয়ার্কস্পেসের একটি ইন্টারঅ্যাক্টিভ টার্মিনাল, যখন আপনার নির্ভুলতা দরকার বা কোনো ডেভেলপার প্রজেক্টে যোগ দেন।

এটি কেন গুরুত্বপূর্ণ

যে অ্যাপ বিল্ডার শুধু কোড দেখায়, সে আপনাকে ফলাফল কল্পনা করতে বলে। যে শুধু একটি ছবি দেখায়, সে লুকিয়ে রাখে বোতামগুলো আসলে কাজ করে কি না। নিজস্ব জায়গায় একটি চলমান অ্যাপ আপনার আসল প্রশ্নের উত্তর দেয়: আমি যা চেয়েছি, এটি কি তা-ই করে?

ওয়ার্কস্পেস ব্যক্তিগত রাখাও একই কারণে গুরুত্বপূর্ণ। এজেন্ট কিছু ইনস্টল করলে বা সার্ভার রিস্টার্ট করলে, তা শুধু আপনার প্রজেক্টকে প্রভাবিত করে, আর অন্য কেউ কী করল তা আপনারটি ভাঙতে পারে না।

বিরতি ও জাগা

আপনি যে ওয়ার্কস্পেস ব্যবহার করছেন না, সেটি নিজে থেকেই বিরতিতে যায়। আপনার দরকার হলে এটি ফিরে আসে: প্রজেক্ট খুললে, চ্যাট করলে, সম্পাদনা করলে বা প্রিভিউ লোড করলে সবকিছু জেগে ওঠে। চলমান প্রসেসগুলো এর সাথে ফিরিয়ে আনা হয়, তাই কিছু আবার শুরু করতে হয় না।

জাগতে কয়েক সেকেন্ড লাগে। সেই সময়ে প্রিভিউ প্যানেল জানায় কতদূর হলো, প্রথমে স্যান্ডবক্স প্রোভিশন হচ্ছে, তারপর আপনার অ্যাপের সার্ভারের অপেক্ষা হচ্ছে, এবং অপেক্ষার সময় Mythex কী করতে পারে তার টিপস দেখায়। আপনি দেখতে পারেন Starting your workspace…, Starting your app… বা Getting your app ready…। এটি স্বাভাবিক।

বিরতিতে যা টিকে থাকে:

• আপনার প্রজেক্ট ফাইল ও ইতিহাস
• প্রজেক্ট সেটিংস ও সিক্রেট
• প্রকাশিত অ্যাপ, যেগুলো ব্যক্তিগত ওয়ার্কস্পেস থেকে আলাদাভাবে চলে

প্রিভিউ কীভাবে ব্যবহার করবেন

1. একটি প্রজেক্ট খুলুন। ওয়ার্কস্পেস জাগার সাথে সাথে প্রিভিউ নিজে থেকে শুরু হয়।
2. একজন দর্শকের মতো ক্লিক করে ঘুরুন। ফর্ম ও নেভিগেশন চেষ্টা করুন।
3. একটি নির্দিষ্ট পেজে যান ঠিকানা বারে /about-এর মতো একটি পাথ লিখে Enter চাপুন। Back ও Forward এই সেশনে আপনার খোলা পেজগুলোর মধ্যে ঘোরায়।
4. ফোনের আকার পরীক্ষা করুন। ফোনের আইকনে (Switch to Mobile) ক্লিক করে আপনার অ্যাপের একটি ফোন-আকারের ফ্রেম পান, এবং এর বাম বা ডান প্রান্ত টেনে প্রস্থ বদলান। প্রায় পুরো প্রস্থে টেনে ছাড়লে আবার ডেস্কটপে ফিরে যায়।
5. প্যান আকার বদলান চ্যাট ও প্রিভিউর মাঝের বিভাজক টেনে। প্যানেল আইকন চ্যাট লুকায় বা ফিরিয়ে আনে।
6. Open in new tab বা Refresh একই বার থেকে ব্যবহার করুন, যখন প্রয়োজন।

আপনার প্রজেক্ট একাধিক সার্ভিস চালালে, বারের একটি ড্রপডাউন দিয়ে বদলে নিতে পারেন কোনটির প্রিভিউ দেখছেন।

ফোনে বিল্ডার একবারে একটি প্যান দেখায়, হয় চ্যাট বা আপনার অ্যাপ, এবং আপনি সোয়াইপ বা ট্যাপ করে তাদের মধ্যে যান। সেখানে প্রিভিউ আগে থেকেই পূর্ণ প্রস্থে, তাই ফোনের আকারে আপনার অ্যাপ কেমন দেখায় তা দেখতে একটি ল্যাপটপে Switch to Mobile ব্যবহার করুন।

একটি প্রিভিউ লিংক শেয়ার করুন

Share, Publish-এর পাশে, এমন একটি লিংক বানায় যা একটি Mythex অ্যাকাউন্ট ছাড়া কাউকে আপনার প্রজেক্টের লাইভ প্রিভিউ খুলতে দেয়। এটি কাজ-চলমান অংশ দেখানোর জন্য, যেমন কোনো ক্লায়েন্ট, সহকর্মী বা গ্রুপ চ্যাটকে, এমন কিছু প্রকাশ না করে যা এখনো শেষ হয়নি।

• Create new preview link আপনাকে এটির নাম দিতে বলে, তারপর লিংকটি ক্লিপবোর্ডে কপি করে। নামটি শুধু আপনি দেখেন, তাই লিংকের তালিকা পড়ায় দর্শক-গোষ্ঠীর তালিকার মতো।
• Copy পরে আবার লিংকটি কপি করে।
• Delete সব জায়গায় কয়েক সেকেন্ডের মধ্যে লিংকটি কাজ করা বন্ধ করে।

লিংকধারী কেউ আপনার অ্যাপ ঠিক Preview-র মতোই দেখে, আর কিছুই না: কোনো চ্যাট, কোড, টার্মিনাল, সেটিংস, বা সম্পাদনার কোনো উপায় নেই। প্রতি দর্শক-গোষ্ঠীর জন্য একটি লিংক বানান, যাতে একটি মুছে ফেলা শুধু সেই গোষ্ঠী সম্পর্কে একটি সিদ্ধান্ত হয়।

জানার মতো সীমাবদ্ধতা

• একটি শেয়ার করা লিংক প্রথমবার খুলতে এক মিনিট পর্যন্ত লাগতে পারে, কারণ প্রজেক্ট জাগে এবং আপনার অ্যাপের সার্ভার শূন্য থেকে শুরু হয়। দর্শক একটি পেজ দেখে যা অ্যাপ সাড়া না দেওয়া পর্যন্ত নিজে থেকে রিলোড হয়। আপনি লাইভ ডেমো দিলে, আগে থেকে নিজে লিংকটি খুলে রাখুন।
• একটি শেয়ার করা লিংক লাইভ স্যান্ডবক্স দেখায়, বিল্ড চলাকালীন পরিবর্তনসহ।
• প্রজেক্ট জাগানো আপনার প্ল্যানের ক্রেডিট ও স্যান্ডবক্স সীমা ব্যবহার করে, আপনি খুলুন বা লিংকধারী কেউ খুলুক। যেসব লিংক শেষ হয়েছে সেগুলো মুছে দিন।
• ফোনের আকারের ফ্রেম রেসপন্সিভ ওয়েব লেআউটের জন্য। ২২ অক্টোবর ২০২৬ থেকে Pro প্ল্যান আপনার ওয়েব অ্যাপকে একটি Android ও iPhone অ্যাপ হিসেবেও মোড়াতে পারে (মোবাইল অ্যাপ)।
• প্রিভিউ ফাঁকা বা পুরোনো হলে, টার্মিনালে অ্যাপ চলছে কি না দেখুন, Refresh ক্লিক করুন, অথবা /fix ব্যবহার করুন। ওয়ার্কস্পেস জাগতে ব্যর্থ হলে রিফ্রেশ করে আবার চেষ্টা করুন, আর তারপরও সমস্যা থাকলে প্রজেক্ট ID সহ সাপোর্টে যোগাযোগ করুন।

এজেন্টকে প্রিভিউতে আপনার হয়ে ক্লিক করে ঘুরতে বলতে চাইলে, দেখুন অ্যাপ টেস্টিং। লাইভ সাইটের বাইরে কেন পরিবর্তন চেষ্টা করা ভালো, তার জন্য আমাদের স্টেজিং এনভায়রনমেন্ট গাইডটি দেখুন।

সম্পূর্ণ বিবরণ ডকসে আছে: ব্যক্তিগত ওয়ার্কস্পেস এবং Preview ও Code।