GraphQL Formatter Online

GraphQL formatter jo queries, mutations aur SDL schemas beautify, minify aur validate kare.

Aapki GraphQL queries, schemas aur variables aapke browser mein locally process hote hain aur kuch bhi server par upload nahi hota.

Banaya aur maintain kiya: Udit Agarwal

Ek request body tidy karni hai? JSON Formatter try karein.

GraphQL Formatter ke baare mein

Yeh GraphQL formatter GraphQL queries, mutations aur SDL schemas ko pretty-print aur minify karta hai saath hi check karta hai ki har document saaf parse hota hai. Ek raw query paste karein aur graphql beautifier fields, arguments aur selection sets ko consistently indent karta hai; minify par switch karke whitespace, commas aur comments hatakar sabse chhote equivalent document tak le jaayein. Yeh named operations bhi extract karta hai aur ek attached variables JSON object pretty-print karta hai, taaki aap ek poora request ek hi jagah tidy kar sakein aur use ek quick graphql validator ke roop mein use kar sakein. Frontend aur backend developers, QA engineers aur un sab ke liye banaya gaya jo API calls debug karte hain aur jinhein share karne se pehle ek graphql query format karna ya ek graphql schema prettify karna hai. Sab kuch aapke browser mein locally chalta hai, isliye aapka data device se bahar nahi jaata aur kuch bhi server par upload nahi hota.

Features

  • Queries, mutations aur SDL schemas ko saaf, consistent indentation ke saath format karein
  • Whitespace, commas aur comments hatakar documents minify karein
  • Syntax validate karein taaki malformed queries ek saaf parse error saamne laayein
  • Paste kiye gaye document se named operations extract aur list karein
  • Query ke saath ek attached variables JSON object pretty-print karein
  • Format aur Minify modes ke beech ek click mein switch karein
  • Formatted ya minified output turant copy karein

GraphQL Formatter kaise use karein

  1. Apni GraphQL query, mutation ya schema input box mein paste karein.
  2. Beautify karne ke liye Format ya document compact karne ke liye Minify chunein.
  3. Chahein to ek variables JSON object paste karein ise pretty-print karne ke liye.
  4. Extracted operation names aur koi syntax error review karein.
  5. Output panel se formatted ya minified result copy karein.

Example

Input

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

Output

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

Format mode ek compact query ko indented GraphQL mein beautify karta hai.

Common errors aur troubleshooting

  • Paste karne ke baad output ek syntax error dikhata hai. — Document valid GraphQL hona chahiye. Unbalanced braces, missing field selections ya ek faltu comma check karein, phir reformat karein.
  • Operation names panel kehta hai koi named operations nahi. — Anonymous queries aur SDL schemas mein operation names nahi hote. Agar list karwana hai to ek naam jodein jaise query GetUser { ... }.
  • Variables box invalid JSON report karta hai. — Variables field ek JSON object expect karta hai jaise { "id": "1000" }, GraphQL syntax nahi. Double-quoted keys aur valid JSON use karein.
  • Apni API ke against schema validation expect kar rahe hain. — Yeh tool sirf syntax validate karta hai. Yeh confirm karta hai ki document parse hota hai lekin fields ko ek specific schema ke against check nahi karta.

Aksar pooche jaane wale sawaal

GraphQL Formatter kya hai?
GraphQL Formatter GraphQL queries, mutations aur SDL schemas ko beautify, minify aur syntax-check karta hai, aur named operations extract karta hai — sab aapke browser mein.
Is tool se ek GraphQL query kaise format karun?
Apni query, mutation ya schema input box mein paste karein aur Format chunein. GraphQL Formatter fields, arguments aur selection sets ko re-indent karta hai taaki aap saaf result copy kar sakein.
Kya GraphQL Formatter mere schema ke against validate karta hai?
Yeh syntax validate karta hai, confirm karta hai ki query ya schema parse hota hai. Yeh operations ko ek specific schema definition ke against check nahi karta.
Minify option kya karta hai?
Minify whitespace, commas aur comments jaise ignored characters hatakar sabse chhota equivalent GraphQL document banata hai.
Kya GraphQL Formatter mere variables bhi pretty-print kar sakta hai?
Haan. Ek variables JSON object dedicated box mein paste karein aur woh aapki query ke saath format hota hai.
Kya meri GraphQL query kahin upload hoti hai?
Nahi. GraphQL Formatter sab kuch aapke browser mein locally process karta hai, isliye aapki queries, schemas aur variables kabhi device se bahar nahi jaate.

Related tools

  • JSON Formatter — JSON ko beautify, minify aur validate karein, error ki location ke saath.
  • SQL Formatter — MySQL, PostgreSQL, SQL Server, SQLite, BigQuery aur Oracle ke liye SQL format karein.
  • XML Formatter — XML ko beautify, minify aur validate karein, aur XML ↔ JSON convert karein.
  • JS / TS Formatter — Prettier options ke saath JavaScript, TypeScript aur JSX/TSX ko beautify karein, ya plain JavaScript minify karein.
  • MongoDB Query Formatter — MongoDB shell queries aur aggregation pipelines format karein.
  • YAML ↔ JSON — YAML ko JSON mein aur wapas convert karein.
  • cURL se Fetch — Ek curl command ko JavaScript fetch() call mein convert karein.
  • URL Parser — Ek URL ko uske parts mein todein aur query parameters list karein.

Code Formatters ke aur tools

  • Dockerfile Formatter — Ek Dockerfile format karein aur best-practice aur lint suggestions paayein.
  • MongoDB Query Formatter — MongoDB shell queries aur aggregation pipelines format karein.
  • Contrast Checker — Do colors ke beech WCAG contrast ratio aur AA/AAA pass hota hai ya nahi, check karein.
  • Mermaid Diagram Renderer — Mermaid diagrams (flow, sequence, gantt) ko aapke browser mein SVG mein render karein.
  • SVG Optimizer — SVG minify karein: comments, metadata aur editor cruft hatayein, aur whitespace collapse karein.
  • MongoDB Query Beautifier — MongoDB queries aur find() statements ko aapke browser mein beautify aur indent karein.
  • MongoDB Aggregation Beautifier — MongoDB aggregation pipelines ko aapke browser mein beautify aur indent karein.
  • MongoDB Explorer — MongoDB document ya collection sample explore karein aur uske field schema aur types ka anumaan lagayein.
  • OpenAPI / Swagger Formatter — OpenAPI / Swagger specs (JSON ya YAML) ko format aur validate karein, aur paths tatha operations ginein.
  • CSS Unit Converter — px, rem, em, pt aur % ke beech live convert karein.
  • Glob to Regex — Ek glob pattern ko JavaScript regex mein convert karein aur test karein.
  • HTML to Markdown — HTML ko clean Markdown mein convert karein GFM tables ke saath.

Code Formatters ke sabhi tools dekhein (32) · Saare tools