منسّق GraphQL

نسّق استعلامات GraphQL وmutations وfragments ومخططات SDL بـ Prettier مع الإبقاء على التعليقات. تظهر أخطاء الصياغة بالسطر والعمود. مجاني داخل المتصفح.

المسافة البادئة

مدخل GraphQL

الإخراج

يعمل بالكامل في متصفحك. لا يتم رفع بياناتك أبدًا.

أدوات ذات صلة

عرض الكل

منسّق JSON مدقّق JSON منسّق XML camelCase snake_case kebab-case PascalCase CONSTANT_CASE

ما هو منسّق GraphQL؟

يجمّل منسّق GraphQL عمليات GraphQL (الاستعلامات والتحويرات والاشتراكات والـ fragments) ولغة تعريف المخطط (SDL) بمسافات بادئة متسقة. وتبقى التعليقات.

كيفية استخدام منسّق GraphQL

الصق استعلام GraphQL أو مخططًا.
اختر المسافة البادئة.
اضغط التنسيق (يتحدّث الناتج أيضًا أثناء الكتابة).
انسخ GraphQL المنسّق أو نزّله.

مثال

الإدخال

query { user(id: 1) { name } }

الإخراج

query {
  user(id: 1) {
    name
  }
}

متى تستخدم منسّق GraphQL

استخدمه لقراءة الاستعلامات المضغوطة الملتقطة من طلبات الشبكة، أو لتنسيق العمليات للتوثيق، أو لفحص صياغة الاستعلام. لا يتحقق من الحقول مقابل مخططك.

كيف يعمل منسّق GraphQL

يُنسَّق المستند بإضافة GraphQL في Prettier، التي تحلّله بمحلّل graphql-js المرجعي وتطبع كل مجموعة اختيار في أسطر مُزاحة مستقلة، والوسائط والمتغيرات بتباعد موحّد، وتلفّ قوائم الوسائط الطويلة. ولأن Prettier يحتفظ بالتعليقات (خلافًا لـ graphql.print)، تبقى تعليقات #. وتُعرض أخطاء التحليل مع السطر والعمود.