JSON’dan TypeScript’e

JSON yapıştırın, TypeScript interface’lerini ve uyumlu bir Zod şemasını alın.

Yerelde çalışır · hiçbir şey yüklenmez
JSON

Ne yapar?

ASP.NET Core backend’inizden gelen bir API yanıtı ya da bir webhook gövdesi gibi örnek bir JSON yapıştırın; bir frontend projesine doğrudan ekleyebileceğiniz TypeScript bildirimlerini alın. Çıktı siz yazdıkça güncellenir; ikinci sekme aynı modeli çalışma zamanı doğrulaması için bir Zod şeması olarak gösterir.

Tipleri nasıl çıkarır?

  • Yalnızca ilk öğe değil, her dizi öğesi incelenir. Bazı öğelerde bulunmayan bir anahtar isteğe bağlı olur (name?: string). Bazen null olan bir anahtar string | null olur.
  • Karışık diziler union’a dönüşür, örneğin (string | number)[]. Boş bir dizi unknown[] olur.
  • Aynı yapılar bir kez bildirilir. Aynı özelliklere sahip shippingAddress ve billingAddress tek bir Address interface’ini paylaşır.
  • ID’lerle anahtarlanmış nesneler ({"101": {...}, "102": {...}}) Record<string, T> olur.
  • Her zaman geçerli çıktı: tanımlayıcı olmayan özellik adları ("first-name", "2fa") tırnak içine alınır. Tip adları PascalCase’dir, dizi öğelerinde tekil yapılır. Date veya Error gibi yerleşik tiplerle çakışacak adlara bir sonek eklenir.
  • ISO tarih dizeleri varsayılan olarak string kalır ve tarih ya da tarih-saat olduklarını belirten bir yorum eklenir. Ayrıştırmadan sonra dönüştürüyorsanız bunları Date olarak da tipleyebilirsiniz. Zod şeması bunları .datetime() veya .date() ile denetler (Zod 3.23 veya üstü).

Seçenekler

interface ya da type seçin, export ve readonly seçeneklerini açıp kapatın, T[] veya Array<T> arasında seçim yapın ve kök tip adını belirleyin. Kökte bir dizi varsa bir öğe tipi ile bir ...List alias’ı üretilir.

Nasıl kullanılır?

JSON yapıştırın veya bir .json dosyası bırakın, ardından TypeScript ya da Zod çıktısını kopyalayın veya indirin.

Gizlilik

Dönüştürme tamamen tarayıcınızda çalışır. JSON’unuz hiçbir zaman yüklenmez; son girdi yerel depolamada saklanır.