একটি JSON নমুনা থেকে TypeScript ইন্টারফেস বা টাইপ তৈরি করুন
আপনার ব্রাউজারে চলে। আপনি যা লেখেন তা কোথাও পাঠানো হয় না।JSON রেসপন্স থেকে হাতে ইন্টারফেস লেখা ক্লান্তিকর আর ভুল হওয়া সহজ। 1টি নমুনা পেস্ট করুন আর নেস্টেড অবজেক্ট ও অ্যারেসহ TypeScript ইন্টারফেস বা টাইপ পেয়ে যান। নমুনাটি আপনার ব্রাউজারেই থাকে, তাই আসল ডেটায় ভরা রেসপন্সও কোথাও যায় না।
এই পৃষ্ঠাটি ইংরেজি মূল লেখা থেকে যন্ত্রের সাহায্যে অনুবাদ করা হয়েছে। এই অনুবাদটি এখনও কোনো মানুষ পর্যালোচনা করেননি, তাই ইংরেজি সংস্করণটিকেই নির্ভরযোগ্য ধরুন। ইংরেজি মূল লেখাটি পড়ুন
JSON প্যানে একটি নমুনা JSON রেসপন্স পেস্ট করুন, অথবা একটি উদাহরণ দেখুন ক্লিক করুন।
রুটের নাম ঠিক করুন এবং Interface বা Type বেছে নিন।
null মান কীভাবে টাইপ হবে বেছে নিন, «| null» না ঐচ্ছিক, আর Export বা Readonly চালু বা বন্ধ করুন।
কপি ক্লিক করুন, অথবা রুট টাইপের নামে একটি .ts ফাইল রাখতে ডাউনলোড আইকনে ক্লিক করুন।
এই JSON থেকে TypeScript কনভার্টার আপনার ডেটার একটি নমুনা পড়ে মিলিয়ে ইন্টারফেস বা টাইপ অ্যালিয়াস লেখে। প্রতিটি নেস্টেড অবজেক্ট নিজের নামযুক্ত ডিক্লারেশন পায়, অ্যারে পায় এলিমেন্টের টাইপ, আর লেখার সঙ্গে সঙ্গে আউটপুট হালনাগাদ হয়, তাই একটি রেসপন্স পেস্ট করে এক সেকেন্ড পরেই কাজের টাইপ কপি করা যায়।
নতুন API যুক্ত করার সময় ডেভেলপাররা এটি ব্যবহার করেন: নেটওয়ার্ক ট্যাব থেকে একটি রেসপন্স পেস্ট করে fetch কলের টাইপ পেয়ে যান। কোনো কনফিগ ফাইল বা webhook-এর পেলোড হাতে টাইপ করার পক্ষে বেশি বড় হয়ে গেলে, অথবা টাইপহীন JSON ফিক্সচার উত্তরাধিকারে পেলে আর কম্পাইলারকে দিয়ে ভুল ধরাতে চাইলেও এটি কাজে আসে।
জেনারেটর অ্যারের কেবল প্রথমটি নয়, প্রতিটি এলিমেন্ট দেখে। অ্যারের অবজেক্টগুলো একটি ইন্টারফেসে মিলিয়ে দেওয়া হয়, আর যে কী তাদের কয়েকটিতে নেই তা ঐচ্ছিক হয়ে যায়। যে ফিল্ডে ভিন্ন ধরনের মান থাকে তা ইউনিয়ন হয়ে যায়, যেমন string | number। null মান হয় | null যোগ করে, নয়তো প্রপার্টিকে ঐচ্ছিক করে; আপনি বেছে নেন। একই গঠন একটি ডিক্লারেশন ভাগ করে নেয়, আর pin-code-এর মতো কী উদ্ধৃতিচিহ্নে রাখা হয়।
সবকিছু আপনার ব্রাউজারে চলে আর আপনি যা পেস্ট করেন তার কিছুই কোথাও পাঠানো হয় না। টাইপগুলো কেবল আপনার দেওয়া নমুনাকেই বর্ণনা করে, তাই প্রত্যাশিত প্রতিটি রূপের একটি উদাহরণ রাখুন। Ctrl+Enter ফলাফল কপি করে। সম্পর্কিত টুল: JSON Formatter, YAML to JSON, CSV to JSON।
বাম প্যানে JSON পেস্ট করুন। লেখার সঙ্গে সঙ্গে ডানে ইন্টারফেস দেখা যায়। রুটের নাম ঠিক করুন, interface বা type বেছে নিন, তারপর কপি বা Ctrl+Enter চাপুন এবং ফলাফলটি একটি .ts ফাইলে পেস্ট করুন।
এখানে সবকিছুই বিনামূল্যে, কোনো সাইন-আপ নেই আর রূপান্তরের কোনো সীমা নেই। রূপান্তর পুরোটাই আপনার ব্রাউজারে চলে, তাই পেস্ট করা JSON কখনো আপনার ডিভাইস ছেড়ে যায় না এবং কোনো কপি সার্ভারে পৌঁছায় না। অ্যাক্সেস টোকেন, ইমেল ঠিকানা বা অর্ডারের বিবরণযুক্ত API রেসপন্স নিশ্চিন্তে পেস্ট করা যায়।
একটি অ্যারেতে কয়েকটি অবজেক্ট থাকলে সেগুলো একটি ইন্টারফেসে মিলিয়ে দেওয়া হয়। যে কী কেবল কয়েকটিতে আছে তা প্রশ্নচিহ্ন দিয়ে ঐচ্ছিক চিহ্নিত হয়। null বিকল্প ঐচ্ছিক-এ থাকলে, যে কী-র মান null সেটিও ঐচ্ছিক চিহ্নিত হয়।
দুটিই একই গঠন বর্ণনা করে। ইন্টারফেস এক্সটেন্ড ও মার্জ করা যায়, আর অনেক টিম অবজেক্টের জন্য এটিই পছন্দ করে। টাইপ অ্যালিয়াস ইউনিয়ন ও ম্যাপড টাইপও প্রকাশ করতে পারে। আপনার কোডবেস যেটি ব্যবহার করে সেটিই নিন; টুলটি দুটিই লিখতে পারে।
এলিমেন্টের টাইপ ইউনিয়ন হয়ে যায়, যেমন (string | number)[]। খালি অ্যারে unknown[] হয়, কারণ অনুমান করার কিছু নেই; নির্দিষ্ট টাইপ পেতে একটি উদাহরণ আইটেম যোগ করুন।
হ্যাঁ। কয়েক মেগাবাইটের ফাইল এক সেকেন্ডেরও অনেক কম সময়ে রূপান্তর হয়। গভীর নেস্টিংয়ে সমস্যা নেই; প্রতিটি স্তর নিজের নামযুক্ত ডিক্লারেশন পায়, আর একই গঠন বারবার না লিখে পুনরায় ব্যবহার করা হয়।
এখনও আটকে আছেন? JSON থেকে TypeScript সম্পর্কে প্রশ্ন করুন আর যিনি জানেন তিনিই উত্তর দিতে পারেন। কোনো অ্যাকাউন্ট লাগবে না।