تحويل JSON إلى TypeScript

ما الذي تفعله الأداة

يقرأ مولّد JSON إلى TypeScript مثال JSON، مثل استجابة API أو ملف إعدادات، ويكتب واجهات TypeScript التي تصفه. بدل كتابة كل حقل يدويًا، الصق استجابة حقيقية واحدة واحصل على أنواع جاهزة للاستخدام في شيفرتك، لنتائج fetch أو حالة Redux أو بيانات الاختبار.

يفحص المولّد كل قيمة لا الأولى فقط. تصبح الأرقام number والنصوص string، وتحصل الكائنات المتداخلة على واجهاتها الخاصة، وتُدمج عناصر المصفوفة، فيُعلَّم الحقل الذي يظهر في بعض العناصر فقط بأنه اختياري، ويُعطى الحقل الذي يكون null أحيانًا نوعًا يقبل null.

طريقة الاستخدام

1. الصق JSON في حقل الإدخال، أو ارفع ملف .json، أو انقر مثال.
2. حدّد اسم النوع الجذري واختر الأسلوب: interface أو type، وكتابة null بالشكل | null أو كحقول اختيارية، وخصائص readonly، وإضافة export إلى كل تصريح أم لا.
3. انسخ TypeScript أو نزّله كملف .ts.

يُبلَّغ عن JSON غير الصالح مع السطر والعمود اللذين فيهما المشكلة، لتصحّح المثال فورًا.

مثال

هذا الـ JSON:

{ "id": 7, "name": "Ada", "tags": ["admin"], "manager": { "id": 1, "email": null } }

يصبح هذه التصريحات:

export interface Root {
  id: number;
  name: string;
  tags: string[];
  manager: Manager;
}

export interface Manager {
  id: number;
  email: null;
}

نصائح

• يُظهر المثال الواحد ما يحتويه فقط. إذا كان الحقل قد يكون نصًا أو null فضمّن مثالًا لكل حالة، أو ضع عدة أمثلة في مصفوفة لتُدمج.
• تُكتب أسماء الحقول التي ليست معرّفات صالحة، مثل first-name، بين علامتي تنصيص، لذا تُترجَم النتيجة دائمًا.
• النتيجة نقطة بداية. ضيّق حقول النص إلى اتحادات قيم حرفية أو Date عندما تعرف أكثر مما يُظهره المثال.
• تحتاج إلى Go؟ يستخدم محوّل JSON إلى Go الاستنتاج نفسه لكتابة بنى struct مع وسوم json.