مفت JSON سے TypeScript کنورٹر
کسی بھی JSON آبجیکٹ یا صف سے TypeScript interfaces یا type aliases بنائیں۔ اپنا JSON پیسٹ کریں اور فوری طور پر استعمال کے لیے تیار TypeScript types حاصل کریں۔
export interface User {
id: number;
name: string;
email: string;
isActive: boolean;
score: number;
tags: string[];
address?: null;
}
export interface Root {
user: User;
createdAt: string;
version: number;
}عام استعمالات
- API ردعمل سے TypeScript اقسام تخلیق کریںایک API JSON ردعمل پیسٹ کریں اور فوری طور پر TypeScript interfaces تخلیق کریں تاکہ اپنے فرنٹ اینڈ کوڈ کو قسم محفوظ بنائیں۔
- تشکیل اور سیٹنگز کی اشیاء کے لیے TypeScript اقسامJSON ترتیب کی فائلوں سے TypeScript interfaces تخلیق کریں تاکہ اپنی ایپ لیکیشن کی سیٹنگز میں قسم کی حفاظت شامل کریں۔
- ڈیٹا بیس کے ریکارڈ سے TypeScript اقسام تخلیق کریںJSON-برآمد شدہ ڈیٹا بیس کے ریکارڈز یا ORM کے نتائج کو ڈیٹا کی قسم کے لیے TypeScript interfaces میں تبدیل کریں۔
- نقل ڈیٹا اور ٹیسٹ فکسچرز کی قسم کریںJSON نقل ڈیٹا اور ٹیسٹ فکسچرز سے TypeScript interfaces تخلیق کریں تاکہ اپنے یونٹ ٹیسٹس اور Storybook کہانیوں کی قسم کریں۔
- تیسری پارٹی API ردعمل کی قسم کریںتیسری فریق کے API ردعمل سے TypeScript interfaces تخلیق کریں جہاں سرکاری اقسام گم ہیں یا پرانی ہیں۔
یہ کیسے کام کرتا ہے
یہ ٹول بغیر کسی بیرونی لائبریری کے ہاتھ سے لکھا تکراری type inference الگورتھم استعمال کرتا ہے — ان پٹ جانچنے اور پارس کرنے کے لیے JSON.parse، پھر ایک حسب ضرورت گزر جو JSON ٹری کی ہر قدر پر چلتا ہے اور براہ راست براؤزر میں TypeScript interface یا type ڈیکلریشنز بناتا ہے۔ کچھ بھی سرور کو نہیں بھیجا جاتا۔
- 1JSON پارس اور جانچا جاتا ہےآپ کا ان پٹ JSON.parse کو دیا جاتا ہے۔ ناکام ہو تو بالکل درست پارس خرابی فوراً ان پٹ کے نیچے دکھائی جاتی ہے۔ کامیاب پارس ایک قسم وار قدروں کا ٹری دیتا ہے جو باقی تبدیلی چلاتا ہے۔
- 2تکراری type inferenceایک تکراری getType فنکشن ہر نوڈ پر چلتا ہے: بنیادی قدریں string، number، boolean یا null بنتی ہیں؛ آبجیکٹس نیا نام والا interface بناتے ہیں؛ آبجیکٹس کی arrays کی کلیدیں تمام عناصر میں ملائی جاتی ہیں تاکہ صرف کچھ آئٹمز میں موجود کلیدیں اختیاری ہوں اور متضاد قدروں کی اقسام | سے جوڑی جائیں۔
- 3ٹکراؤ سے محفوظ interface نامہر اندرونی آبجیکٹ کو اس کی JSON کلید سے PascalCase نام ملتا ہے (snake_case، kebab-case اور اسپیسز سب معمول پر لائے جاتے ہیں)۔ اگر ساخت میں مختلف دو آبجیکٹس کا ایک ہی نام ہو تو پچھلی تعریف کو خاموشی سے مٹانے کی بجائے عددی لاحقہ لگایا جاتا ہے (Data، Data2، …)۔
- 4آؤٹ پٹ دکھایا اور ڈاؤن لوڈ کے قابلاندرونی interfaces پہلے لکھے جاتے ہیں، پھر روٹ type، آپ کے انتخاب کے مطابق export interface یا export type کے طور پر فارمیٹ۔ نتیجہ کلپ بورڈ پر کاپی یا .ts فائل کے طور پر ڈاؤن لوڈ ہو سکتا ہے — سب معیاری Blob سے، بغیر سرور کے چکر کے۔
متعلقہ ٹولز
JSON Schema سے فارم
JSON Schema پیسٹ کریں اور لائیو، کام کرنے والا فارم حاصل کریں — متن، نمبر، checkbox، dropdown، اور list فیلڈز — پھر اپنی inputs کا JSON کاپی کریں۔ API request bodies کی prototyping کے لیے بہترین۔ آپ کے براؤزر میں چلتا ہے۔
ٹائپنگ اسپیڈ ٹیسٹ (WPM)
اپنی ٹائپنگ رفتار (WPM) اور درستگی کو وقت پر مبنی، الفاظ کی گنتی، اقتباس، حسب ضرورت اور زن ٹیسٹ کے ساتھ ناپیں۔ لائیو WPM، خام رفتار، تسلسل، نتائج کا گراف، متعدد زبانیں اور ہر حرف پر فیڈ بیک — سب کچھ آپ کے براؤزر میں۔
CSS clamp() جنریٹر
responsive typography اور spacing کے لیے fluid CSS clamp() ویلیو بنائیں۔ کم سے کم/زیادہ سے زیادہ سائز اور viewport رینج ترتیب دیں، لائیو پریویو دیکھیں، اور ایک لائن CSS کاپی کریں۔