1:"$Sreact.fragment" 2:I[1402,["619","static/chunks/619-ba102abea3e3d0e4.js","495","static/chunks/495-934e7f1966bcffc3.js","177","static/chunks/app/layout-934ea78abb2ed38c.js"],""] 3:I[2619,["619","static/chunks/619-ba102abea3e3d0e4.js","182","static/chunks/app/%5Bslug%5D/page-67147cd43da08221.js"],""] 4:I[1356,["619","static/chunks/619-ba102abea3e3d0e4.js","495","static/chunks/495-934e7f1966bcffc3.js","177","static/chunks/app/layout-934ea78abb2ed38c.js"],"Image"] 5:I[4008,["619","static/chunks/619-ba102abea3e3d0e4.js","974","static/chunks/app/page-39b9e408c80270cf.js"],"default"] 6:I[6621,["619","static/chunks/619-ba102abea3e3d0e4.js","495","static/chunks/495-934e7f1966bcffc3.js","177","static/chunks/app/layout-934ea78abb2ed38c.js"],"default"] 7:I[909,["619","static/chunks/619-ba102abea3e3d0e4.js","495","static/chunks/495-934e7f1966bcffc3.js","177","static/chunks/app/layout-934ea78abb2ed38c.js"],"default"] 8:I[9766,[],""] 9:I[8924,[],""] e:I[7150,[],""] :HL["/_next/static/css/cb35ce482af17d9a.css","style"] 0:{"P":null,"b":"L1L0eUPU9JBXqsI8shjOF","p":"","c":["","typescript"],"i":false,"f":[[["",{"children":[["slug","typescript","d"],{"children":["__PAGE__",{}]}]},"$undefined","$undefined",true],["",["$","$1","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/cb35ce482af17d9a.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}]],["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"children":[[false,["$","$L2",null,{"async":true,"src":"https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9789622687009991","crossOrigin":"anonymous","strategy":"afterInteractive"}]],["$","header",null,{"className":"site-header","children":["$","div",null,{"className":"shell nav","children":[["$","$L3",null,{"className":"brand","href":"/","children":[["$","$L4",null,{"src":"/formatter-logo.svg","alt":"ClearFunda Formatter logo","width":46,"height":46,"priority":true}],["$","span",null,{"children":["Formatter ",["$","small",null,{"children":"by Clearfunda"}]]}]]}],["$","div",null,{"className":"nav-right","children":[["$","$L5",null,{"variant":"header"}],["$","$L6",null,{}],["$","$L7",null,{}]]}]]}]}],["$","main",null,{"className":"shell","children":["$","$L8",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L9",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","div",null,{"className":"not-found","children":[["$","h1",null,{"children":"Formatter not found"}],["$","p",null,{"children":"That tool does not exist."}],["$","$L3",null,{"href":"/","children":"Browse all tools"}]]}],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]}],["$","footer",null,{"className":"footer shell","children":[["$","div",null,{"className":"footer-grid","children":[["$","div",null,{"className":"footer-brand","children":[["$","strong",null,{"children":"Formatter"}],["$","p",null,{"children":"by Clearfunda ยท Code and data formatting tools."}]]}],["$","nav",null,{"className":"footer-section","aria-label":"Information","children":[["$","strong",null,{"children":"Information"}],["$","$L3",null,{"href":"/about","children":"About Us"}],["$","$L3",null,{"href":"/contact","children":"Contact Us"}],["$","$L3",null,{"href":"/terms","children":"Terms & Conditions"}],["$","$L3",null,{"href":"/policy","children":"Privacy Policy"}]]}],["$","div",null,{"className":"footer-section","children":[["$","strong",null,{"children":"Other ClearFunda tools"}],["$","nav",null,{"className":"utility-links","aria-label":"More ClearFunda utilities","children":[["$","strong",null,{"children":"More ClearFunda utilities"}],["$","div",null,{"children":[["$","a","UnitConverter",{"href":"https://unitconverter.clearfunda.com","target":"_blank","rel":"noopener noreferrer","children":"UnitConverter"}],["$","a","Text Compare",{"href":"https://textcompare.clearfunda.com","target":"_blank","rel":"noopener noreferrer","children":"Text Compare"}],["$","a","Favicon Generator",{"href":"https://favicon.clearfunda.com","target":"_blank","rel":"noopener noreferrer","children":"Favicon Generator"}],["$","a","Password Generator",{"href":"https://passwordgen.clearfunda.com","target":"_blank","rel":"noopener noreferrer","children":"Password Generator"}],["$","a","NotePad",{"href":"https://notepad.clearfunda.com","target":"_blank","rel":"noopener noreferrer","children":"NotePad"}]]}]]}]]}],["$","div",null,{"className":"footer-section","children":[["$","strong",null,{"children":"Follow Us"}],["$","div",null,{"className":"footer-social-icons","children":[["$","a",null,{"href":"https://x.com/clearfunda1","target":"_blank","rel":"noopener noreferrer","aria-label":"X (formerly Twitter)","title":"X","children":"๐•"}],["$","a",null,{"href":"https://www.linkedin.com/company/clearfunda/","target":"_blank","rel":"noopener noreferrer","aria-label":"LinkedIn","children":["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":19,"height":19,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-linkedin","children":[["$","path","c2jq9f",{"d":"M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"}],["$","rect","mk3on5",{"width":"4","height":"12","x":"2","y":"9"}],["$","circle","bt5ra8",{"cx":"4","cy":"4","r":"2"}],"$undefined"]}]}],["$","a",null,{"href":"https://www.facebook.com/clearfundaofficial","target":"_blank","rel":"noopener noreferrer","aria-label":"Facebook","children":["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":19,"height":19,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-facebook","children":[["$","path","1jg4f8",{"d":"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"}],"$undefined"]}]}]]}]]}]]}],"$La"]}]]}]}]]}],{"children":[["slug","typescript","d"],"$Lb",{"children":["__PAGE__","$Lc",{},null,false]},null,false]},null,false],"$Ld",false]],"m":"$undefined","G":["$e",[]],"s":false,"S":true} 10:I[4431,[],"OutletBoundary"] 12:I[5278,[],"AsyncMetadataOutlet"] 14:I[4431,[],"ViewportBoundary"] 16:I[4431,[],"MetadataBoundary"] 17:"$Sreact.suspense" a:["$","div",null,{"className":"footer-bottom","children":["ยฉ ",2026," ClearFunda. All rights reserved."]}] b:["$","$1","c",{"children":[null,["$","$L8",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L9",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}] c:["$","$1","c",{"children":["$Lf",null,["$","$L10",null,{"children":["$L11",["$","$L12",null,{"promise":"$@13"}]]}]]}] d:["$","$1","h",{"children":[null,[["$","$L14",null,{"children":"$L15"}],null],["$","$L16",null,{"children":["$","div",null,{"hidden":true,"children":["$","$17",null,{"fallback":null,"children":"$L18"}]}]}]]}] 19:I[5469,["619","static/chunks/619-ba102abea3e3d0e4.js","182","static/chunks/app/%5Bslug%5D/page-67147cd43da08221.js"],"default"] 1a:I[7500,["619","static/chunks/619-ba102abea3e3d0e4.js","182","static/chunks/app/%5Bslug%5D/page-67147cd43da08221.js"],"default"] f:[["$","div",null,{"className":"breadcrumb","children":[["$","$L3",null,{"href":"/","children":"Home"}]," / ","Web Development"," / ","TypeScript Formatter"]}],["$","div",null,{"className":"workspace-layout","children":["$","$L19",null,{"tool":{"slug":"typescript","name":"TypeScript Formatter","group":"Web Development","description":"Format TypeScript types and code.","engine":"typescript"}}]}],["$","$L1a",null,{"placement":"belowWorkspace"}],["$","article",null,{"className":"formatter-guide","aria-label":"Learn about TypeScript","children":[["$","span",null,{"className":"guide-eyebrow","children":"GUIDE & EXAMPLES"}],["$","h2",null,{"children":["What is ","TypeScript","?"]}],["$","p",null,{"children":"TypeScript is used in developer, analysis, and testing workflows. Readable web source helps developers review markup, styling, and scripts before debugging or shipping changes."}],["$","h3",null,{"children":"When to use this tool"}],["$","ul",null,{"children":[["$","li","Review nested source code",{"children":"Review nested source code"}],["$","li","Prepare code for a pull request",{"children":"Prepare code for a pull request"}],["$","li","Find structural mistakes more quickly",{"children":"Find structural mistakes more quickly"}]]}],["$","h3",null,{"children":"Practical tips"}],["$","ul",null,{"children":[["$","li","Formatting should preserve the meaning of source code.",{"children":"Formatting should preserve the meaning of source code."}],["$","li","Always run project tests after making substantive edits.",{"children":"Always run project tests after making substantive edits."}],["$","li","Use the relevant validator or compiler for full correctness checks.",{"children":"Use the relevant validator or compiler for full correctness checks."}]]}],["$","section",null,{"className":"guide-insight","children":[["$","h3",null,{"children":"TypeScript types vanish at runtime"}],["$","p",null,{"children":"Type annotations help during development, but do not validate untrusted API responses in the browser or on the server."}],["$","pre",null,{"className":"guide-example","children":["$","code",null,{"children":"type User = { id: number };\nconst data = await response.json() as User;"}]}],["$","p",null,{"children":[["$","strong",null,{"children":"Remember:"}]," ","Use runtime schema validation at trust boundaries; `as User` does not check the response."]}]]}],[["$","h3",null,{"children":"Example"}],["$","p",null,{"className":"guide-example-intro","children":["A readable sample showing typical ","typescript"," content:"]}],["$","pre",null,{"className":"guide-example","children":["$","code",null,{"children":"interface User {\n id: number;\n name: string;\n}\nconst user: User = { id: 1, name: 'Alex' };"}]}]],null,["$","h3",null,{"children":"How to use the formatter"}],["$","p",null,{"children":"Paste your input into the left editor, choose indentation when applicable, and select Beautify. The right editor shows the result. Use Validate where available to check syntax, then copy or download your result. Load sample inserts practice data without needing a real API response."}],["$","p",null,{"children":"For sensitive material, use synthetic test data wherever possible. Formatting and validation are different operations: a syntactically correct document might still fail application-specific rules."}]]}],["$","section",null,{"className":"tool-information","children":[["$","div",null,{"className":"side-card","children":[["$","h2",null,{"children":["About ","TypeScript Formatter"]}],["$","p",null,{"children":"Format TypeScript types and code."}],["$","p",null,{"children":"Input is processed locally in your browser by this formatter. Do not paste live secrets into online tools."}]]}],["$","div",null,{"className":"side-card","children":[["$","h2",null,{"children":"Related tools"}],["$","div",null,{"className":"related-links","children":[["$","$L3","html",{"href":"/html","children":["HTML Formatter"," โ†’"]}],["$","$L3","css",{"href":"/css","children":["CSS Formatter"," โ†’"]}],["$","$L3","scss",{"href":"/scss","children":["SCSS Formatter"," โ†’"]}],["$","$L3","less",{"href":"/less","children":["LESS Formatter"," โ†’"]}],"$L1b","$L1c","$L1d"]}]]}]]}]] 1b:["$","$L3","javascript",{"href":"/javascript","children":["JavaScript Formatter"," โ†’"]}] 1c:["$","$L3","jsx",{"href":"/jsx","children":["JSX Formatter"," โ†’"]}] 1d:["$","$L3","tsx",{"href":"/tsx","children":["TSX Formatter"," โ†’"]}] 15:[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1"}]] 11:null 1e:I[622,[],"IconMark"] 13:{"metadata":[["$","title","0",{"children":"TypeScript Formatter | ClearFunda Formatter"}],["$","meta","1",{"name":"description","content":"Format TypeScript types and code."}],["$","meta","2",{"name":"robots","content":"index, follow"}],["$","link","3",{"rel":"canonical","href":"https://formatter.clearfunda.com/typescript"}],["$","meta","4",{"property":"og:title","content":"Formatter by Clearfunda"}],["$","meta","5",{"property":"og:description","content":"Fast, free code and data formatting tools."}],["$","meta","6",{"property":"og:url","content":"https://formatter.clearfunda.com"}],["$","meta","7",{"property":"og:site_name","content":"Formatter by Clearfunda"}],["$","meta","8",{"property":"og:image","content":"https://formatter.clearfunda.com/formatter-social.png"}],["$","meta","9",{"property":"og:image:alt","content":"ClearFunda Formatter"}],["$","meta","10",{"property":"og:type","content":"website"}],["$","meta","11",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","12",{"name":"twitter:title","content":"Formatter by Clearfunda"}],["$","meta","13",{"name":"twitter:description","content":"Fast, free code and data formatting tools."}],["$","meta","14",{"name":"twitter:image","content":"https://formatter.clearfunda.com/formatter-social.png"}],["$","meta","15",{"name":"twitter:image:alt","content":"ClearFunda Formatter"}],["$","link","16",{"rel":"icon","href":"/favicon.ico","sizes":"any"}],["$","link","17",{"rel":"icon","href":"/formatter-logo.svg","type":"image/svg+xml"}],["$","link","18",{"rel":"apple-touch-icon","href":"/apple-touch-icon.png"}],["$","$L1e","19",{}]],"error":null,"digest":"$undefined"} 18:"$13:metadata"