Install

npm install @wasm-fmt/graphql_fmt

npx jsr add @fmt/graphql-fmt

Usage

Node.js / Deno / Bun / Bundler

import { format } from "@wasm-fmt/graphql_fmt";

const input = `query { user { name } }`;

const formatted = format(input);
console.log(formatted);

Web

For web environments, you need to initialize WASM module manually:

import init, { format } from "@wasm-fmt/graphql_fmt/web";

await init();

const input = `query { user { name } }`;

const formatted = format(input);
console.log(formatted);

Vite

import init, { format } from "@wasm-fmt/graphql_fmt/vite";

await init();
// ...

Entry Points

• . - Auto-detects environment (Node.js uses node, Webpack uses bundler, default is ESM)
• ./node - Node.js environment (no init required)
• ./esm - ESM environments like Deno (no init required)
• ./bundler - Bundlers like Webpack (no init required)
• ./web - Web browsers (requires manual init)
• ./vite - Vite bundler (requires manual init)

Configuration

See pretty_graphql configuration docs for all available options.

Credits

Thanks to:

• The pretty_graphql project