GraphQL Formatter ऑनलाइन

queries, mutations और SDL schemas को beautify, minify व validate करने वाला GraphQL formatter। पूरी तरह आपके browser में चलता है, इसलिए आपका डेटा डिवाइस से बाहर नहीं जाता।

आपकी GraphQL queries, schemas और variables आपके browser में स्थानीय रूप से प्रोसेस होते हैं और कुछ भी किसी सर्वर पर अपलोड नहीं होता।

निर्माण और रखरखाव: Udit Agarwal

एक request body साफ करनी है? JSON Formatter आज़माएँ।

GraphQL फ़ॉर्मेटर के बारे में

यह GraphQL formatter GraphQL queries, mutations और SDL schemas को pretty-print व minify करता है, साथ ही यह जाँचता है कि प्रत्येक दस्तावेज़ साफ-सुथरे ढंग से parse होता है। एक raw query पेस्ट करें और graphql beautifier fields, arguments और selection sets को सुसंगत रूप से इंडेंट करता है; whitespace, commas और टिप्पणियों को सबसे छोटे समतुल्य दस्तावेज़ तक हटाने के लिए minify पर स्विच करें। यह named operations भी निकालता है और एक संलग्न variables JSON object को pretty-print करता है, ताकि आप एक ही जगह पूरा request साफ कर सकें और इसे एक त्वरित graphql validator के रूप में उपयोग कर सकें। यह उन frontend व backend डेवलपर्स, QA इंजीनियरों और API कॉल डीबग करने वाले किसी भी व्यक्ति के लिए बनाया गया है जिन्हें साझा करने से पहले एक graphql query फ़ॉर्मैट करना या एक graphql schema prettify करना है। सब कुछ आपके browser में स्थानीय रूप से चलता है, इसलिए आपका डेटा आपके डिवाइस से बाहर नहीं जाता और कुछ भी किसी सर्वर पर अपलोड नहीं होता।

विशेषताएँ

  • queries, mutations और SDL schemas को साफ, सुसंगत इंडेंटेशन के साथ फ़ॉर्मैट करें
  • whitespace, commas और टिप्पणियाँ हटाकर दस्तावेज़ minify करें
  • syntax validate करें ताकि त्रुटिपूर्ण queries एक स्पष्ट parse त्रुटि सामने लाएँ
  • पेस्ट किए गए दस्तावेज़ से named operations निकालें और सूचीबद्ध करें
  • query के साथ एक संलग्न variables JSON object को pretty-print करें
  • एक क्लिक में Format और Minify मोड के बीच स्विच करें
  • फ़ॉर्मैट किए गए या minified आउटपुट को तुरंत कॉपी करें

GraphQL फ़ॉर्मेटर का उपयोग कैसे करें

  1. अपनी GraphQL query, mutation या schema इनपुट बॉक्स में पेस्ट करें।
  2. beautify करने के लिए Format या दस्तावेज़ कॉम्पैक्ट करने के लिए Minify चुनें।
  3. वैकल्पिक रूप से इसे pretty-print करने के लिए एक variables JSON object पेस्ट करें।
  4. निकाले गए operation नामों और किसी भी syntax त्रुटि की समीक्षा करें।
  5. फ़ॉर्मैट किए गए या minified परिणाम को आउटपुट पैनल से कॉपी करें।

उदाहरण

इनपुट

query Hero($ep:Episode){hero(episode:$ep){name friends{name}}}

आउटपुट

query Hero($ep: Episode) {
  hero(episode: $ep) {
    name
    friends {
      name
    }
  }
}

Format मोड एक कॉम्पैक्ट query को इंडेंट किए गए GraphQL में beautify करता है।

सामान्य त्रुटियाँ और समस्या निवारण

  • पेस्ट करने के बाद आउटपुट एक syntax त्रुटि दिखाता है। — दस्तावेज़ मान्य GraphQL होना चाहिए। असंतुलित braces, गायब field selections या एक भटके हुए comma की जाँच करें, फिर फिर से फ़ॉर्मैट करें।
  • Operation names पैनल कहता है कोई named operations नहीं। — अनाम queries और SDL schemas में कोई operation नाम नहीं होते। यदि आपको इसे सूचीबद्ध चाहिए तो query GetUser { ... } जैसा एक नाम जोड़ें।
  • Variables बॉक्स अमान्य JSON रिपोर्ट करता है। — variables फ़ील्ड एक JSON object की अपेक्षा करता है जैसे { "id": "1000" }, GraphQL syntax नहीं। double-quoted keys और मान्य JSON का उपयोग करें।
  • मेरे API के विरुद्ध schema validation की अपेक्षा। — यह टूल केवल syntax validate करता है। यह पुष्टि करता है कि दस्तावेज़ parse होता है लेकिन किसी विशिष्ट schema के विरुद्ध fields की जाँच नहीं करता।

अक्सर पूछे जाने वाले प्रश्न

GraphQL Formatter क्या है?
GraphQL Formatter GraphQL queries, mutations और SDL schemas को beautify, minify व syntax-check करता है, और named operations निकालता है — सब आपके browser में।
इस टूल से मैं एक GraphQL query कैसे फ़ॉर्मैट करूँ?
अपनी query, mutation या schema इनपुट बॉक्स में पेस्ट करें और Format चुनें। GraphQL Formatter fields, arguments और selection sets को फिर से इंडेंट करता है ताकि आप साफ परिणाम कॉपी कर सकें।
क्या GraphQL Formatter मेरे schema के विरुद्ध validate करता है?
यह syntax validate करता है, पुष्टि करता है कि query या schema parse होता है। यह किसी विशिष्ट schema definition के विरुद्ध operations की जाँच नहीं करता।
minify विकल्प क्या करता है?
Minify whitespace, commas और टिप्पणियों जैसे अनदेखा किए जाने वाले अक्षर हटाकर सबसे छोटा समतुल्य GraphQL दस्तावेज़ बनाता है।
क्या GraphQL Formatter मेरे variables भी pretty-print कर सकता है?
हाँ। समर्पित बॉक्स में एक variables JSON object पेस्ट करें और इसे आपकी query के साथ फ़ॉर्मैट किया जाता है।
क्या मेरी GraphQL query कहीं अपलोड होती है?
नहीं। GraphQL Formatter सब कुछ स्थानीय रूप से आपके browser में प्रोसेस करता है, इसलिए आपकी queries, schemas और variables कभी आपके डिवाइस से बाहर नहीं जाते।

संबंधित टूल

  • JSON फ़ॉर्मेटर — त्रुटि की स्थिति के साथ JSON को सुंदर बनाएँ, छोटा करें और वैलिडेट करें।
  • SQL फ़ॉर्मेटर — MySQL, PostgreSQL, SQL Server, SQLite, BigQuery और Oracle के लिए SQL फ़ॉर्मेट करें।
  • XML फ़ॉर्मेटर — XML को सुंदर बनाएँ, छोटा करें और वैलिडेट करें, और XML ↔ JSON कन्वर्ट करें।
  • JS / TS फ़ॉर्मेटर — Prettier विकल्पों के साथ JavaScript, TypeScript और JSX/TSX को सुंदर बनाएं, या सादा JavaScript मिनिफ़ाई करें।
  • MongoDB क्वेरी फ़ॉर्मेटर — MongoDB शेल क्वेरी और एग्रीगेशन पाइपलाइन फ़ॉर्मेट करें।
  • YAML ↔ JSON — YAML को JSON में और वापस कन्वर्ट करें।
  • cURL से Fetch — curl कमांड को JavaScript fetch() कॉल में कन्वर्ट करें।
  • URL पार्सर — URL को उसके भागों में तोड़ें और क्वेरी पैरामीटर सूचीबद्ध करें।

कोड फ़ॉर्मेटर के और टूल

  • Dockerfile फ़ॉर्मेटर — Dockerfile फ़ॉर्मेट करें और सर्वोत्तम प्रथाओं तथा lint सुझाव प्राप्त करें।
  • MongoDB क्वेरी फ़ॉर्मेटर — MongoDB शेल क्वेरी और एग्रीगेशन पाइपलाइन फ़ॉर्मेट करें।
  • कंट्रास्ट चेकर — दो रंगों के बीच WCAG कंट्रास्ट अनुपात और AA/AAA पास होना जाँचें।
  • Mermaid डायग्राम रेंडरर — Mermaid डायग्राम (फ़्लो, सीक्वेंस, गैंट) को अपने ब्राउज़र में SVG के रूप में रेंडर करें।
  • SVG ऑप्टिमाइज़र — SVG को छोटा करें: टिप्पणियाँ, मेटाडेटा और एडिटर अवशेष हटाएँ, और रिक्त स्थान संक्षिप्त करें।
  • MongoDB क्वेरी ब्यूटीफायर — MongoDB क्वेरी और find() स्टेटमेंट को आपके ब्राउज़र में सुंदर बनाएँ और इंडेंट करें।
  • MongoDB एग्रीगेशन ब्यूटीफायर — MongoDB एग्रीगेशन पाइपलाइनों को आपके ब्राउज़र में सुंदर बनाएँ और इंडेंट करें।
  • MongoDB एक्सप्लोरर — MongoDB दस्तावेज़ या कलेक्शन नमूने का अन्वेषण करें और उसके फ़ील्ड स्कीमा व प्रकार का अनुमान लगाएँ।
  • OpenAPI / Swagger फ़ॉर्मेटर — OpenAPI / Swagger स्पेसिफिकेशन (JSON या YAML) को फ़ॉर्मेट व वैलिडेट करें और पाथ तथा ऑपरेशन गिनें।
  • CSS Unit Converter — px, rem, em, pt और % के बीच लाइव बदलें।
  • Glob to Regex Converter — एक glob पैटर्न को JavaScript regex में बदलें और टेस्ट करें।
  • HTML to Markdown Converter — किसी भी HTML को साफ़, पठनीय Markdown में बदलें।

कोड फ़ॉर्मेटर के सभी टूल देखें (32) · सभी टूल