Weftmap
TYPESCRIPT

مولّد مخطط استدعاءات TypeScript

اطّلع على بنية الاستدعاءات في أي ملف TypeScript دون إعداد خادم لغة. تُلصق الكود، وتختار TypeScript، وتقرأ المخطط.

افتح المحرر

مثال

example.ts
type Order = { id: number; items: { price: number }[] };

function loadOrders(userId: number): Summary[] {
  return fetchOrders(userId).map(normalize);
}

function fetchOrders(userId: number): Order[] {
  return [{ id: userId, items: [{ price: 12 }] }];
}

type Summary = { id: number; total: number };

function normalize(order: Order): Summary {
  return { id: order.id, total: computeTotal(order) };
}

function computeTotal(order: Order): number {
  return order.items.reduce((sum, item) => sum + item.price, 0);
}

ماذا يعرض المخطط

يحلّل Weftmap لغة TypeScript بقواعدها النحوية الخاصة بدلاً من إزالة الأنواع أولاً، فلا تُعطِّل الأنواع العامة ولا الواجهات ولا التعليقات النوعية عملية التحليل. النتيجة هي نفس مخطط محلّل JavaScript، لكن على كود يعجز عنه أي محلّل JavaScript عادي.

جرّبه الآن على الكود الخاص بك

ألصق ملفاً، اختر اللغة، واضغط تحليل. لا يتم حفظ أي شيء.

افتح المحرر