1:"$Sreact.fragment" 2:I[22016,["/_next/static/chunks/07d-w61p1a6it.js","/_next/static/chunks/14mrh2-p_w84d.js","/_next/static/chunks/0an3h71pfhg8p.js"],""] 3:I[48431,["/_next/static/chunks/07d-w61p1a6it.js","/_next/static/chunks/14mrh2-p_w84d.js","/_next/static/chunks/0an3h71pfhg8p.js"],"ToolRenderer"] 8:I[4128,["/_next/static/chunks/07d-w61p1a6it.js","/_next/static/chunks/14mrh2-p_w84d.js","/_next/static/chunks/0an3h71pfhg8p.js"],"FaqAccordion"] 9:I[97367,["/_next/static/chunks/07d-w61p1a6it.js","/_next/static/chunks/14mrh2-p_w84d.js"],"OutletBoundary"] a:"$Sreact.suspense" 0:{"rsc":["$","$1","c",{"children":[["$","div",null,{"className":"mx-auto max-w-4xl px-4 py-10 sm:px-6","children":[["$","script",null,{"type":"application/ld+json","dangerouslySetInnerHTML":{"__html":"{\"@context\":\"https://schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"Is my JSON data sent to a server?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"No. All formatting happens locally in your browser using JavaScript's built-in JSON parser — your data never leaves your device.\"}},{\"@type\":\"Question\",\"name\":\"Can I use this to validate JSON too?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes — if the JSON is invalid, the formatter will show a parse error instead of output.\"}}]}"}}],["$","nav",null,{"className":"mb-4 flex items-center gap-1.5 text-sm text-slate-500 dark:text-slate-400","children":[["$","$L2",null,{"href":"/","className":"hover:text-indigo-600 dark:hover:text-indigo-400","children":"Home"}],["$","span",null,{"children":"/"}],["$","$L2",null,{"href":"/tools","className":"hover:text-indigo-600 dark:hover:text-indigo-400","children":"Tools"}],[["$","span",null,{"children":"/"}],["$","span",null,{"children":"JSON Tools"}]]]}],["$","h1",null,{"className":"text-2xl font-bold text-slate-900 sm:text-3xl dark:text-slate-100","children":"JSON Formatter"}],["$","p",null,{"className":"mt-2 text-slate-600 dark:text-slate-400","children":"Beautify and indent messy or minified JSON."}],["$","div",null,{"className":"mt-6","children":["$","$L3",null,{"componentKey":"json-formatter"}]}],["$","section",null,{"className":"mt-12 space-y-3","children":[["$","h2",null,{"className":"text-lg font-semibold text-slate-900 dark:text-slate-100","children":"What it does"}],["$","p",null,{"className":"text-slate-600 dark:text-slate-400","children":"The JSON Formatter takes minified, single-line, or inconsistently indented JSON and reformats it with consistent indentation so it's easy to read and debug. It also validates the JSON as it formats, so syntax errors are caught immediately."}]]}],["$","section",null,{"className":"mt-10 space-y-3","children":[["$","h2",null,{"className":"text-lg font-semibold text-slate-900 dark:text-slate-100","children":"Common errors"}],["$","ul",null,{"className":"space-y-3","children":[["$","li","Trailing commas",{"children":[["$","p",null,{"className":"font-medium text-slate-800 dark:text-slate-200","children":"Trailing commas"}],["$","p",null,{"className":"text-sm text-slate-600 dark:text-slate-400","children":"JSON (unlike JavaScript) does not allow a trailing comma after the last item in an object or array."}]]}],["$","li","Single quotes",{"children":[["$","p",null,{"className":"font-medium text-slate-800 dark:text-slate-200","children":"Single quotes"}],["$","p",null,{"className":"text-sm text-slate-600 dark:text-slate-400","children":"JSON requires double quotes around strings and keys — single quotes will fail to parse."}]]}],["$","li","Unquoted keys",{"children":[["$","p",null,{"className":"font-medium text-slate-800 dark:text-slate-200","children":"Unquoted keys"}],["$","p",null,{"className":"text-sm text-slate-600 dark:text-slate-400","children":"Object keys must be wrapped in double quotes, e.g. \"key\": \"value\", not key: \"value\"."}]]}]]}]]}],["$","section",null,{"className":"mt-10 space-y-4","children":[["$","h2",null,{"className":"text-lg font-semibold text-slate-900 dark:text-slate-100","children":"Examples"}],[["$","div","Minified input",{"className":"space-y-2","children":[["$","p",null,{"className":"text-sm font-medium text-slate-700 dark:text-slate-300","children":"Minified input"}],["$","pre",null,{"className":"overflow-x-auto rounded-md bg-slate-100 p-3 text-xs text-slate-800 dark:bg-slate-900 dark:text-slate-200","children":"{\"name\":\"Ada\",\"active\":true,\"roles\":[\"admin\",\"user\"]}"}],[["$","p",null,{"className":"text-sm font-medium text-slate-700 dark:text-slate-300","children":"Result"}],["$","pre",null,{"className":"overflow-x-auto rounded-md bg-slate-100 p-3 text-xs text-slate-800 dark:bg-slate-900 dark:text-slate-200","children":"{\n \"name\": \"Ada\",\n \"active\": true,\n \"roles\": [\n \"admin\",\n \"user\"\n ]\n}"}]],"$undefined"]}]]]}],"$L4","$L5",false]}],["$L6"],"$L7"]}],"isPartial":false,"staleTime":300,"varyParams":null,"buildId":"hZXEtJmKBENpHYBRepoaY"} 4:["$","section",null,{"className":"mt-10 space-y-3","children":[["$","h2",null,{"className":"text-lg font-semibold text-slate-900 dark:text-slate-100","children":"FAQ"}],["$","$L8",null,{"faqs":[{"question":"Is my JSON data sent to a server?","answer":"No. All formatting happens locally in your browser using JavaScript's built-in JSON parser — your data never leaves your device."},{"question":"Can I use this to validate JSON too?","answer":"Yes — if the JSON is invalid, the formatter will show a parse error instead of output."}]}]]}] 5:["$","section",null,{"className":"mt-10 space-y-3","children":[["$","h2",null,{"className":"text-lg font-semibold text-slate-900 dark:text-slate-100","children":"Related tools"}],["$","div",null,{"className":"grid grid-cols-1 gap-3 sm:grid-cols-2","children":[["$","$L2","json-validator",{"href":"/tools/json-validator","className":"rounded-lg border border-slate-200 p-4 transition-colors hover:border-indigo-300 hover:bg-indigo-50/50 dark:border-slate-800 dark:hover:border-indigo-700 dark:hover:bg-indigo-950/30","children":[["$","p",null,{"className":"font-medium text-slate-900 dark:text-slate-100","children":"JSON Validator"}],["$","p",null,{"className":"mt-1 text-sm text-slate-600 dark:text-slate-400","children":"Check whether JSON is syntactically valid, with precise error locations."}]]}],["$","$L2","json-minifier",{"href":"/tools/json-minifier","className":"rounded-lg border border-slate-200 p-4 transition-colors hover:border-indigo-300 hover:bg-indigo-50/50 dark:border-slate-800 dark:hover:border-indigo-700 dark:hover:bg-indigo-950/30","children":[["$","p",null,{"className":"font-medium text-slate-900 dark:text-slate-100","children":"JSON Minifier"}],["$","p",null,{"className":"mt-1 text-sm text-slate-600 dark:text-slate-400","children":"Strip whitespace from JSON to reduce payload size."}]]}],["$","$L2","json-compare",{"href":"/tools/json-compare","className":"rounded-lg border border-slate-200 p-4 transition-colors hover:border-indigo-300 hover:bg-indigo-50/50 dark:border-slate-800 dark:hover:border-indigo-700 dark:hover:bg-indigo-950/30","children":[["$","p",null,{"className":"font-medium text-slate-900 dark:text-slate-100","children":"JSON Compare"}],["$","p",null,{"className":"mt-1 text-sm text-slate-600 dark:text-slate-400","children":"Diff two JSON documents and see what changed."}]]}],["$","$L2","json-yaml-converter",{"href":"/tools/json-yaml-converter","className":"rounded-lg border border-slate-200 p-4 transition-colors hover:border-indigo-300 hover:bg-indigo-50/50 dark:border-slate-800 dark:hover:border-indigo-700 dark:hover:bg-indigo-950/30","children":[["$","p",null,{"className":"font-medium text-slate-900 dark:text-slate-100","children":"JSON to YAML Converter"}],["$","p",null,{"className":"mt-1 text-sm text-slate-600 dark:text-slate-400","children":"Convert between JSON and YAML formats."}]]}]]}]]}] 6:["$","script","script-0",{"src":"/_next/static/chunks/0an3h71pfhg8p.js","async":true}] 7:["$","$L9",null,{"children":["$","$a",null,{"name":"Next.MetadataOutlet","children":"$@b"}]}] b:null