https://freetool.dev/_nuxt/CUXawQnJ.js

1import{_ as I}from"./DPIaFIMc.js";import{_ as k}from"./nLZBpnoy.js";import{_ as R}from"./Dqaj8CHa.js";import{_ as T}from"./VTXCmJi7.js";import{_ as O}from"./8fY8EC0V.js";import{_ as P}from"./CXwnfpox.js";import{_ as N}from"./CYwGAoYU.js";import{_ as E}from"./CnzqtAtd.js";import{d as j,P as b,s as A,b as J,C as p,w as n,y as e,o as u,f as s,e as f,g as a,k as m,J as V,K as H,D as U,j as h,t as c,T as g,m as M,E as B}from"./CkpM57L6.js";import{u as $}from"./BgwjXCoU.js";import"./CkdAOMuj.js";import"./DlAUqK2U.js";import"./B0zWc29K.js";import"./DXrLEPCz.js";const W={class:"space-y-6 animate-in fade-in slide-in-from-bottom-4 duration-500"},Y={key:0,role:"status",class:"flex items-center justify-center h-64 w-full rounded-2xl animate-pulse bg-base-200"},K={class:"flex flex-col sm:flex-row items-center gap-4"},X={key:0,class:"alert alert-error shadow-lg border-none rounded-2xl text-white flex-col items-start gap-1"},Z={class:"flex items-center gap-2"},tt={class:"font-bold"},et={class:"text-sm opacity-90 font-mono bg-black/20 p-2 rounded-lg w-full mt-1"},it={class:"space-y-12"},at=j({__name:"graphql-formatter",setup(_){b("https://unpkg.com/[email protected]/standalone.js",{trigger:"client"}),b("https://unpkg.com/[email protected]/parser-graphql.js",{trigger:"client"});const{t}=A({useScope:"local"});$({name:t("title"),description:t("meta"),features:[t("f_1"),t("f_2"),t("f_3"),t("f_4")],faq:[{question:t("faq_1_q"),answer:t("faq_1_a")},{question:t("faq_2_q"),answer:t("faq_2_a")},{question:t("faq_3_q"),answer:t("faq_3_a")}]}),J({title:t("m_title"),meta:[{name:"description",content:t("meta")}]});const i=M({hasCode:!1,loaded:!1,error:"",resetable:!1}),o=B(null);function v(){i.hasCode=o.value.getValue()!=="",i.error=""}function L(){i.error="",i.resetable?w():y()}function y(){const d=window.prettier,l=window.prettierPlugins;if(!d){document.location.reload();return}try{const r=d.format(o.value.getValue(),{parser:"graphql",plugins:l});o.value.setValue(r),o.value.setReadOnly(!0),i.resetable=!0}catch(r){i.error=`${t("err")}: ${r.message}`}}function w(){o.value.setValue(""),o.value.setReadOnly(!1),i.resetable=!1,i.hasCode=!1,i.error=""}function Q(){navigator.clipboard.writeText(o.value.getValue())}return(d,l)=>{const r=I,G=k,C=R,S=T,F=O,z=P,x=N,D=E;return u(),p(D,{title:e(t)("title"),description:e(t)("meta"),breadcrumb:{label:e(t)("bc"),to:"code-tools"},"see-also-links":[{label:e(t)("see1"),to:"javascript-formatter"},{label:e(t)("see2"),to:"html-formatter"},{label:e(t)("see3"),to:"css-formatter"},{label:e(t)("see4"),to:"json-formatter"}]},{info:n(()=>[s("div",it,[s("div",null,[s("p",null,c(e(t)("d1"))+" "+c(e(t)("d2")),1)]),a(F,{title:e(t)("use_cases_title"),items:[{title:e(t)("uc_1_title"),description:e(t)("uc_1_desc")},{title:e(t)("uc_2_title"),description:e(t)("uc_2_desc")},{title:e(t)("uc_3_title"),description:e(t)("uc_3_desc")}]},null,8,["title","items"]),a(z,{title:e(t)("how_it_works_title"),items:[{title:e(t)("hiw_1_title"),description:e(t)("hiw_1_desc")},{title:e(t)("hiw_2_title"),description:e(t)("hiw_2_desc")},{title:e(t)("hiw_3_title"),description:e(t)("hiw_3_desc")}]},null,8,["title","items"]),a(x,{title:e(t)("faq_title"),items:[{question:e(t)("faq_1_q"),answer:e(t)("faq_1_a")},{question:e(t)("faq_2_q"),answer:e(t)("faq_2_a")},{question:e(t)("faq_3_q"),answer:e(t)("faq_3_a")}]},null,8,["title","items"])])]),default:n(()=>[s("div",W,[e(i).loaded?m("",!0):(u(),f("div",Y,[a(r,{name:"heroicons:code-bracket",class:"w-12 h-12 text-base-content/10"})])),V(a(G,{ref_key:"editor",ref:o,lang:"graphql",placeholder:e(t)("plc"),onOnLoad:l[0]||(l[0]=ot=>e(i).loaded=!0),onOnChange:v},null,8,["placeholder"]),[[H,e(i).loaded]]),s("div",K,[a(C,{onClick:L,icon:e(i).resetable?"heroicons:arrow-path-20-solid":"heroicons:arrow-right-circle-20-solid",disabled:!e(i).hasCode&&!e(i).resetable,class:U([e(i).resetable?"btn-warning":"","w-full sm:w-auto"])},{default:n(()=>[h(c(e(t)(e(i).resetable?"rst":"bt")),1)]),_:1},8,["icon","disabled","class"]),a(g,{"enter-active-class":"transition duration-300 ease-out","enter-from-class":"transform scale-95 opacity-0","enter-to-class":"transform scale-100 opacity-100"},{default:n(()=>[e(i).resetable?(u(),p(S,{key:0,onOnClick:Q,class:"w-full sm:w-auto"},{default:n(()=>[h(c(e(t)("copy"))+" GraphQL ",1)]),_:1})):m("",!0)]),_:1})]),a(g,{"enter-active-class":"transition duration-300 ease-out","enter-from-class":"transform scale-95 opacity-0","enter-to-class":"transform scale-100 opacity-100"},{default:n(()=>[e(i).error&&e(i).hasCode?(u(),f("div",X,[s("div",Z,[a(r,{name:"heroicons:x-circle-20-solid",class:"w-6 h-6"}),s("span",tt,c(e(t)("err_label")),1)]),s("div",et,c(e(i).error),1)])):m("",!0)]),_:1})])]),_:1},8,["title","description","breadcrumb","see-also-links"])}}});function q(_){const t=_;t.__i18n=t.__i18n||[],t.__i18n.push({locale:"",resource:{en:{m_title:{t:0,b:{t:2,i:[{t:3}],s:"GraphQL Query Formatter & Beautifier Online - Free"}},title:{t:0,b:{t:2,i:[{t:3}],s:"GraphQL Formatter"}},bc:{t:0,b:{t:2,i:[{t:3}],s:"Code Tools"}},meta:{t:0,b:{t:2,i:[{t:3}],s:"Free online GraphQL formatter and beautifier. Paste your queries, mutations or schema and instantly format, indent and beautify them with consistent structure — no signup, no installation."}},d1:{t:0,b:{t:2,i:[{t:3}],s:"This online GraphQL formatter and beautifier parses and reformats your queries, mutations, subscriptions, and schema definitions with consistent indentation and uniform structure. Any messy or minified GraphQL is transformed into readable, well-structured code in one click."}},d2:{t:0,b:{t:2,i:[{t:3}],s:"It fixes indentation, aligns fields and arguments correctly, and normalizes spacing across the document, making the code easier to review, debug, or share with your team — a free GraphQL query beautifier that runs entirely in your browser."}},plc:{t:0,b:{t:2,i:[{t:3}],s:"Insert the GraphQL code here or drag a file"}},bt:{t:0,b:{t:2,i:[{t:3}],s:"Format GraphQL"}},rst:{t:0,b:{t:2,i:[{t:3}],s:"Start Over"}},copy:{t:0,b:{t:2,i:[{t:3}],s:"Copy"}},err:{t:0,b:{t:2,i:[{t:3}],s:"Error"}},err_label:{t:0,b:{t:2,i:[{t:3}],s:"Could not format GraphQL"}},how_it_works_title:{t:0,b:{t:2,i:[{t:3}],s:"How It Works"}},hiw_1_title:{t:0,b:{t:2,i:[{t:3}],s:"Paste Your GraphQL"}}

1,hiw_1_desc:{t:0,b:{t:2,i:[{t:3}],s:"Copy and paste your raw or unformatted query, mutation, subscription, or schema into the editor."}},hiw_2_title:{t:0,b:{t:2,i:[{t:3}],s:"Click Format"}},hiw_2_desc:{t:0,b:{t:2,i:[{t:3}],s:"Press the Format GraphQL button and the tool will reformat the code instantly."}},hiw_3_title:{t:0,b:{t:2,i:[{t:3}],s:"Copy the Result"}},hiw_3_desc:{t:0,b:{t:2,i:[{t:3}],s:"Copy the formatted output or start over with new code."}},use_cases_title:{t:0,b:{t:2,i:[{t:3}],s:"Use Cases"}},uc_1_title:{t:0,b:{t:2,i:[{t:3}],s:"API Development"}},uc_1_desc:{t:0,b:{t:2,i:[{t:3}],s:"Format queries and mutations before committing them to your codebase or sharing with teammates."}},uc_2_title:{t:0,b:{t:2,i:[{t:3}],s:"Schema Review"}},uc_2_desc:{t:0,b:{t:2,i:[{t:3}],s:"Readable indentation makes it much easier to review type definitions, fields, and relationships in SDL files."}},uc_3_title:{t:0,b:{t:2,i:[{t:3}],s:"Debugging Queries"}},uc_3_desc:{t:0,b:{t:2,i:[{t:3}],s:"Well-formatted GraphQL is easier to read line by line and helps isolate missing fields or incorrect arguments."}},faq_title:{t:0,b:{t:2,i:[{t:3}],s:"Questions & Answers"}},faq_1_q:{t:0,b:{t:2,i:[{t:3}],s:"Is my GraphQL code sent to any server?"}},faq_1_a:{t:0,b:{t:2,i:[{t:3}],s:"No. All formatting is done entirely in your browser. Your code never leaves your device."}},faq_2_q:{t:0,b:{t:2,i:[{t:3}],s:"Does the formatter support SDL and executable documents?"}},faq_2_a:{t:0,b:{t:2,i:[{t:3}],s:"Yes. The formatter supports both Schema Definition Language (SDL) files and executable documents including queries, mutations, subscriptions, and fragments."}},faq_3_q:{t:0,b:{t:2,i:[{t:3}],s:"What happens if my GraphQL has syntax errors?"}},faq_3_a:{t:0,b:{t:2,i:[{t:3}],s:"If the code cannot be parsed, the tool will display an error message so you can identify and fix the issue before formatting."}},see1:{t:0,b:{t:2,i:[{t:3}],s:"JavaScript Formatter"}},see2:{t:0,b:{t:2,i:[{t:3}],s:"HTML Formatter"}},see3:{t:0,b:{t:2,i:[{t:3}],s:"CSS Formatter"}},see4:{t:0,b:{t:2,i:[{t:3}],s:"JSON Formatter"}},f_1:{t:0,b:{t:2,i:[{t:3}],s:"Instant GraphQL beautification and formatting"}},f_2:{t:0,b:{t:2,i:[{t:3}],s:"Correct indentation and field alignment"}},f_3:{t:0,b:{t:2,i:[{t:3}],s:"Syntax error detection and reporting"}},f_4:{t:0,b:{t:2,i:[{t:3}],s:"No registration or installation required"}}},pt:{m_title:{t:0,b:{t:2,i:[{t:3}],s:"Formatador GraphQL Online - Indente Queries e Schemas Grátis"}},title:{t:0,b:{t:2,i:[{t:3}],s:"Formatador GraphQL"}},bc:{t:0,b:{t:2,i:[{t:3}],s:"Ferramentas de Código"}},meta:{t:0,b:{t:2,i:[{t:3}],s:"Formatador GraphQL online e gratuito (GraphQL beautifier). Cole suas queries, mutations ou schema e deixe-os organizados com indentação correta e estrutura uniformizada."}},d1:{t:0,b:{t:2,i:[{t:3}],s:"Este formatador GraphQL online analisa e reformata suas queries, mutations, subscriptions e definições de schema com indentação consistente e estrutura uniformizada. Todo GraphQL bagunçado ou minificado é transformado em código legível e bem estruturado com um clique."}},d2:{t:0,b:{t:2,i:[{t:3}],s:"Ele corrige a indentação, alinha campos e argumentos corretamente e normaliza o espaçamento em todo o documento, facilitando a revisão, depuração ou compartilhamento com a equipe."}},plc:{t:0,b:{t:2,i:[{t:3}],s:"Insira o código GraphQL aqui ou arraste um arquivo"}},bt:{t:0,b:{t:2,i:[{t:3}],s:"Formatar GraphQL"}},rst:{t:0,b:{t:2,i:[{t:3}],s:"Recomeçar"}},copy:{t:0,b:{t:2,i:[{t:3}],s:"Copiar"}},err:{t:0,b:{t:2,i:[{t:3}],s:"Erro"}},err_label:{t:0,b:{t:2,i:[{t:3}],s:"Não foi possível formatar o GraphQL"}},how_it_works_title:{t:0,b:{t:2,i:[{t:3}],s:"Como Funciona"}},hiw_1_title:{t:0,b:{t:2,i:[{t:3}],s:"Cole seu GraphQL"}},hiw_1_desc:{t:0,b:{t:2,i:[{t:3}],s:"Copie e cole sua query, mutation, subscription ou schema bruto no editor."}},hiw_2_title:{t:0,b:{t:2,i:[{t:3}],s:"Clique em Formatar"}},hiw_2_desc:{t:0,b:{t:2,i:[{t:3}],s:"Pressione o botão Formatar GraphQL e o código será reformatado instantaneamente."}},hiw_3_title:{t:0,b:{t:2,i:[{t:3}],s:"Copie o Resultado"}},hiw_3_desc:{t:0,b:{t:2,i:[{t:3}],s:"Copie o código formatado ou comece de novo com um novo código."}},use_cases_title:{t:0,b:{t:2,i:[{t:3}],s:"Casos de Uso"}},uc_1_title:{t:0,b:{t:2,i:[{t:3}],s:"Desenvolvimento de APIs"}}

1,uc_1_desc:{t:0,b:{t:2,i:[{t:3}],s:"Formate queries e mutations antes de adicioná-las ao repositório ou compartilhar com colegas."}},uc_2_title:{t:0,b:{t:2,i:[{t:3}],s:"Revisão de Schema"}},uc_2_desc:{t:0,b:{t:2,i:[{t:3}],s:"A indentação legível facilita muito a revisão de definições de tipos, campos e relacionamentos em arquivos SDL."}},uc_3_title:{t:0,b:{t:2,i:[{t:3}],s:"Depuração de Queries"}},uc_3_desc:{t:0,b:{t:2,i:[{t:3}],s:"GraphQL bem formatado é mais fácil de ler linha a linha e ajuda a identificar campos ausentes ou argumentos incorretos."}},faq_title:{t:0,b:{t:2,i:[{t:3}],s:"Perguntas e Respostas"}},faq_1_q:{t:0,b:{t:2,i:[{t:3}],s:"Meu código GraphQL é enviado para algum servidor?"}},faq_1_a:{t:0,b:{t:2,i:[{t:3}],s:"Não. Todo o processamento é feito no seu navegador. Seu código nunca sai do seu dispositivo."}},faq_2_q:{t:0,b:{t:2,i:[{t:3}],s:"O formatador suporta SDL e documentos executáveis?"}},faq_2_a:{t:0,b:{t:2,i:[{t:3}],s:"Sim. O formatador suporta tanto arquivos SDL (Schema Definition Language) quanto documentos executáveis, incluindo queries, mutations, subscriptions e fragments."}},faq_3_q:{t:0,b:{t:2,i:[{t:3}],s:"O que acontece se meu GraphQL tiver erros de sintaxe?"}},faq_3_a:{t:0,b:{t:2,i:[{t:3}],s:"Se o código não puder ser analisado, a ferramenta exibirá uma mensagem de erro para você identificar e corrigir o problema antes de formatar."}},see1:{t:0,b:{t:2,i:[{t:3}],s:"Formatador JavaScript"}},see2:{t:0,b:{t:2,i:[{t:3}],s:"Formatador HTML"}},see3:{t:0,b:{t:2,i:[{t:3}],s:"Formatador CSS"}},see4:{t:0,b:{t:2,i:[{t:3}],s:"Formatador JSON"}},f_1:{t:0,b:{t:2,i:[{t:3}],s:"Formatação e organização instantânea de GraphQL"}},f_2:{t:0,b:{t:2,i:[{t:3}],s:"Indentação correta e alinhamento de campos"}},f_3:{t:0,b:{t:2,i:[{t:3}],s:"Detecção e reporte de erros de sintaxe"}},f_4:{t:0,b:{t:2,i:[{t:3}],s:"Sem necessidade de cadastro ou instalação"}}},es:{m_title:{t:0,b:{t:2,i:[{t:3}],s:"Formateador GraphQL Online - Indenta Queries y Schemas Gratis"}},title:{t:0,b:{t:2,i:[{t:3}],s:"Formateador GraphQL"}},bc:{t:0,b:{t:2,i:[{t:3}],s:"Herramientas de Código"}},meta:{t:0,b:{t:2,i:[{t:3}],s:"Formateador GraphQL online y gratuito (GraphQL beautifier). Pega tus queries, mutations o schema y organízalos al instante con indentación correcta y estructura uniforme."}},d1:{t:0,b:{t:2,i:[{t:3}],s:"Este formateador GraphQL online analiza y reformatea tus queries, mutations, subscriptions y definiciones de schema con indentación consistente y estructura uniforme. Todo GraphQL desordenado o minificado se transforma en código legible y bien estructurado con un clic."}},d2:{t:0,b:{t:2,i:[{t:3}],s:"Corrige la indentación, alinea campos y argumentos correctamente y normaliza el espaciado en todo el documento, facilitando la revisión, depuración o compartición con el equipo."}},plc:{t:0,b:{t:2,i:[{t:3}],s:"Introduce el código GraphQL aquí o arrastra un archivo"}},bt:{t:0,b:{t:2,i:[{t:3}],s:"Formatear GraphQL"}},rst:{t:0,b:{t:2,i:[{t:3}],s:"Recomenzar"}},copy:{t:0,b:{t:2,i:[{t:3}],s:"Copiar"}},err:{t:0,b:{t:2,i:[{t:3}],s:"Error"}},err_label:{t:0,b:{t:2,i:[{t:3}],s:"No se pudo formatear el GraphQL"}},how_it_works_title:{t:0,b:{t:2,i:[{t:3}],s:"Cómo Funciona"}},hiw_1_title:{t:0,b:{t:2,i:[{t:3}],s:"Pega tu GraphQL"}},hiw_1_desc:{t:0,b:{t:2,i:[{t:3}],s:"Copia y pega tu query, mutation, subscription o schema en bruto en el editor."}},hiw_2_title:{t:0,b:{t:2,i:[{t:3}],s:"Haz clic en Formatear"}},hiw_2_desc:{t:0,b:{t:2,i:[{t:3}],s:"Pulsa el botón Formatear GraphQL y el código se reformateará al instante."}},hiw_3_title:{t:0,b:{t:2,i:[{t:3}],s:"Copia el Resultado"}},hiw_3_desc:{t:0,b:{t:2,i:[{t:3}],s:"Copia el código formateado o empieza de nuevo con código nuevo."}},use_cases_title:{t:0,b:{t:2,i:[{t:3}],s:"Casos de Uso"}},uc_1_title:{t:0,b:{t:2,i:[{t:3}],s:"Desarrollo de APIs"}},uc_1_desc:{t:0,b:{t:2,i:[{t:3}],s:"Formatea queries y mutations antes de agregarlas al repositorio o compartirlas con compañeros."}},uc_2_title:{t:0,b:{t:2,i:[{t:3}],s:"Revisión de Schema"}},uc_2_desc:{t:0,b:{t:2,i:[{t:3}],s:"La indentación legible facilita mucho la revisión de definiciones de tipos, campos y relaciones en archivos SDL."}},uc_3_title:{t:0,b:{t:2,i:[{t:3}],s:"Depuración de Queries"}},uc_3_desc:{t:0,b:{t:2,i:[{t:3}],s:"El GraphQL bien formateado es más fácil de leer línea a línea y ayuda a identificar campos faltantes o argumentos incorrectos."}},faq_title:{t:0,b:{t:2,i:[{t:3}],s:"Preguntas y Respuestas"}},faq_1_q:{t:0,b:{t:2,i:[{t:3}],s:"¿Mi código GraphQL se envía a algún servidor?"}},faq_1_a:{t:0,b:{t:2,i:[{t:3}],s:"No. Todo el procesamiento se realiza en tu navegador. Tu código nunca sale de tu dispositivo."}},faq_2_q:{t:0,b:{t:2,i:[{t:3}],s:"¿El formateador admite SDL y documentos ejecutables?"}},faq_2_a:{t:0,b:{t:2,i:[{t:3}],s:"Sí. El formateador admite tanto archivos SDL (Schema Definition Language) como documentos ejecutables, incluyendo queries, mutations, subscriptions y fragments."}},faq_3_q:{t:0,b:{t:2,i:[{t:3}],s:"¿Qué ocurre si mi GraphQL tiene errores de sintaxis?"}},faq_3_a:{t:0,b:{t:2,i:[{t:3}],s:"Si el código no se puede analizar, la herramienta mostrará un mensaje de error para que puedas identificar y solucionar el problema antes de formatear."}},see1:{t:0,b:{t:2,i:[{t:3}],s:"Formateador JavaScript"}},see2:{t:0,b:{t:2,i:[{t:3}],s:"Formateador HTML"}},see3:{t:0,b:{t:2,i:[{t:3}],s:"Formateador CSS"}},see4:{t:0,b:{t:2,i:[{t:3}],s:"Formateador JSON"}},f_1:{t:0,b:{t:2,i:[{t:3}],s:"Formateo y organización instantánea de GraphQL"}},f_2:{t:0,b:{t:2,i:[{t:3}],s:"Indentación correcta y alineación de campos"}},f_3:{t:0,b:{t:2,i:[{t:3}],s:"Detección y reporte de errores de sintaxis"}},f_4:{t:0,b:{t:2,i:[{t:3}],s:"Sin necesidad de registro ni instalación"}}},fr:{m_title:{t:0,b:{t:2,i:[{t:3}],s:"Formateur GraphQL en Ligne - Indentez Queries et Schémas"}},title:{t:0,b:{t:2,i:[{t:3}],s:"Formateur GraphQL"}},bc:{t:0,b:{t:2,i:[{t:3}],s:"Outils de Code"}},meta:{t:0,b:{t:2,i:[{t:3}],s:"Formateur GraphQL en ligne gratuit (GraphQL beautifier). Collez vos requêtes, mutations ou schéma et obtenez instantanément une indentation correcte et une structure uniforme."}},d1:{t:0,b:{t:2,i:[{t:3}],s:"Ce formateur GraphQL en ligne analyse et reformate vos requêtes, mutations, abonnements et définitions de schéma avec une indentation cohérente et une structure uniforme. Tout GraphQL désordonné ou minifié est transformé en code lisible et bien structuré en un clic."}},d2:{t:0,b:{t:2,i:[{t:3}],s:"Il corrige l'indentation, aligne correctement les champs et les arguments, et normalise les espaces dans tout le document, facilitant la révision, le débogage ou le partage avec l'équipe."}},plc:{t:0,b:{t:2,i:[{t:3}],s:"Insérez le code GraphQL ici ou faites glisser un fichier"}},bt:{t:0,b:{t:2,i:[{t:3}],s:"Formater GraphQL"}},rst:{t:0,b:{t:2,i:[{t:3}],s:"Recommencer"}},copy:{t:0,b:{t:2,i:[{t:3}],s:"Copier"}},err:{t:0,b:{t:2,i:[{t:3}],s:"Erreur"}},err_label:{t:0,b:{t:2,i:[{t:3}],s:"Impossible de formater le GraphQL"}},how_it_works_title:{t:0,b:{t:2,i:[{t:3}],s:"Comment Ça Marche"}},hiw_1_title:{t:0,b:{t:2,i:[{t:3}],s:"Collez Votre GraphQL"}}

1,hiw_1_desc:{t:0,b:{t:2,i:[{t:3}],s:"Copiez et collez votre requête, mutation, abonnement ou schéma brut dans l'éditeur."}},hiw_2_title:{t:0,b:{t:2,i:[{t:3}],s:"Cliquez sur Formater"}},hiw_2_desc:{t:0,b:{t:2,i:[{t:3}],s:"Appuyez sur le bouton Formater GraphQL et le code sera reformaté instantanément."}},hiw_3_title:{t:0,b:{t:2,i:[{t:3}],s:"Copiez le Résultat"}},hiw_3_desc:{t:0,b:{t:2,i:[{t:3}],s:"Copiez le code formaté ou recommencez avec un nouveau code."}},use_cases_title:{t:0,b:{t:2,i:[{t:3}],s:"Cas d'Utilisation"}},uc_1_title:{t:0,b:{t:2,i:[{t:3}],s:"Développement d'API"}},uc_1_desc:{t:0,b:{t:2,i:[{t:3}],s:"Formatez les requêtes et mutations avant de les ajouter au dépôt ou de les partager avec vos collègues."}},uc_2_title:{t:0,b:{t:2,i:[{t:3}],s:"Revue de Schéma"}},uc_2_desc:{t:0,b:{t:2,i:[{t:3}],s:"Une indentation lisible facilite grandement la revue des définitions de types, des champs et des relations dans les fichiers SDL."}},uc_3_title:{t:0,b:{t:2,i:[{t:3}],s:"Débogage de Requêtes"}},uc_3_desc:{t:0,b:{t:2,i:[{t:3}],s:"Un GraphQL bien formaté est plus facile à lire ligne par ligne et aide à identifier les champs manquants ou les arguments incorrects."}},faq_title:{t:0,b:{t:2,i:[{t:3}],s:"Questions et Réponses"}},faq_1_q:{t:0,b:{t:2,i:[{t:3}],s:"Mon code GraphQL est-il envoyé à un serveur ?"}},faq_1_a:{t:0,b:{t:2,i:[{t:3}],s:"Non. Tout le traitement est effectué dans votre navigateur. Votre code ne quitte jamais votre appareil."}},faq_2_q:{t:0,b:{t:2,i:[{t:3}],s:"Le formateur prend-il en charge SDL et les documents exécutables ?"}},faq_2_a:{t:0,b:{t:2,i:[{t:3}],s:"Oui. Le formateur prend en charge les fichiers SDL (Schema Definition Language) ainsi que les documents exécutables, y compris les requêtes, mutations, abonnements et fragments."}},faq_3_q:{t:0,b:{t:2,i:[{t:3}],s:"Que se passe-t-il si mon GraphQL contient des erreurs de syntaxe ?"}},faq_3_a:{t:0,b:{t:2,i:[{t:3}],s:"Si le code ne peut pas être analysé, l'outil affichera un message d'erreur pour vous aider à identifier et corriger le problème avant le formatage."}},see1:{t:0,b:{t:2,i:[{t:3}],s:"Formateur JavaScript"}},see2:{t:0,b:{t:2,i:[{t:3}],s:"Formateur HTML"}},see3:{t:0,b:{t:2,i:[{t:3}],s:"Formateur CSS"}},see4:{t:0,b:{t:2,i:[{t:3}],s:"Formateur JSON"}},f_1:{t:0,b:{t:2,i:[{t:3}],s:"Formatage instantané du GraphQL"}},f_2:{t:0,b:{t:2,i:[{t:3}],s:"Indentation correcte et alignement des champs"}},f_3:{t:0,b:{t:2,i:[{t:3}],s:"Détection et signalement des erreurs de syntaxe"}},f_4:{t:0,b:{t:2,i:[{t:3}],s:"Aucune inscription ou installation requise"}}},it:{m_title:{t:0,b:{t:2,i:[{t:3}],s:"Formattatore di Query GraphQL Online - Gratuito"}},title:{t:0,b:{t:2,i:[{t:3}],s:"Formattatore GraphQL"}},bc:{t:0,b:{t:2,i:[{t:3}],s:"Strumenti per Codice"}},meta:{t:0,b:{t:2,i:[{t:3}],s:"Formattatore e abbellitore GraphQL online gratuito. Incolla le tue query, mutation o schema e formattali, indentali e abbelliscili all'istante con una struttura coerente — senza registrazione, senza installazione."}},d1:{t:0,b:{t:2,i:[{t:3}],s:"Questo formattatore e abbellitore GraphQL online analizza e riformatta le tue query, mutation, subscription e definizioni di schema con un'indentazione coerente e una struttura uniforme. Qualsiasi GraphQL disordinato o minificato viene trasformato in codice leggibile e ben strutturato con un solo clic."}},d2:{t:0,b:{t:2,i:[{t:3}],s:"Corregge l'indentazione, allinea correttamente campi e argomenti e normalizza la spaziatura in tutto il documento, rendendo il codice più facile da revisionare, correggere o condividere con il tuo team — un abbellitore di query GraphQL gratuito che funziona interamente nel tuo browser."}},plc:{t:0,b:{t:2,i:[{t:3}],s:"Inserisci qui il codice GraphQL o trascina un file"}},bt:{t:0,b:{t:2,i:[{t:3}],s:"Formatta GraphQL"}},rst:{t:0,b:{t:2,i:[{t:3}],s:"Ricomincia"}},copy:{t:0,b:{t:2,i:[{t:3}],s:"Copia"}},err:{t:0,b:{t:2,i:[{t:3}],s:"Errore"}},err_label:{t:0,b:{t:2,i:[{t:3}],s:"Impossibile formattare il GraphQL"}},how_it_works_title:{t:0,b:{t:2,i:[{t:3}],s:"Come Funziona"}},hiw_1_title:{t:0,b:{t:2,i:[{t:3}],s:"Incolla il tuo GraphQL"}}

1,hiw_1_desc:{t:0,b:{t:2,i:[{t:3}],s:"Copia e incolla nell'editor la tua query, mutation, subscription o schema grezzo o non formattato."}},hiw_2_title:{t:0,b:{t:2,i:[{t:3}],s:"Clicca su Formatta"}},hiw_2_desc:{t:0,b:{t:2,i:[{t:3}],s:"Premi il pulsante Formatta GraphQL e lo strumento riformatterà il codice all'istante."}},hiw_3_title:{t:0,b:{t:2,i:[{t:3}],s:"Copia il Risultato"}},hiw_3_desc:{t:0,b:{t:2,i:[{t:3}],s:"Copia l'output formattato oppure ricomincia con un nuovo codice."}},use_cases_title:{t:0,b:{t:2,i:[{t:3}],s:"Casi d'Uso"}},uc_1_title:{t:0,b:{t:2,i:[{t:3}],s:"Sviluppo di API"}},uc_1_desc:{t:0,b:{t:2,i:[{t:3}],s:"Formatta query e mutation prima di inserirle nel codice o di condividerle con i colleghi."}},uc_2_title:{t:0,b:{t:2,i:[{t:3}],s:"Revisione dello Schema"}},uc_2_desc:{t:0,b:{t:2,i:[{t:3}],s:"Un'indentazione leggibile rende molto più facile revisionare definizioni di tipo, campi e relazioni nei file SDL."}},uc_3_title:{t:0,b:{t:2,i:[{t:3}],s:"Debug delle Query"}},uc_3_desc:{t:0,b:{t:2,i:[{t:3}],s:"Un GraphQL ben formattato è più facile da leggere riga per riga e aiuta a isolare campi mancanti o argomenti errati."}},faq_title:{t:0,b:{t:2,i:[{t:3}],s:"Domande e Risposte"}},faq_1_q:{t:0,b:{t:2,i:[{t:3}],s:"Il mio codice GraphQL viene inviato a qualche server?"}},faq_1_a:{t:0,b:{t:2,i:[{t:3}],s:"No. Tutta la formattazione avviene interamente nel tuo browser. Il tuo codice non lascia mai il tuo dispositivo."}},faq_2_q:{t:0,b:{t:2,i:[{t:3}],s:"Il formattatore supporta SDL e documenti eseguibili?"}},faq_2_a:{t:0,b:{t:2,i:[{t:3}],s:"Sì. Il formattatore supporta sia i file in Schema Definition Language (SDL) sia i documenti eseguibili, incluse query, mutation, subscription e fragment."}},faq_3_q:{t:0,b:{t:2,i:[{t:3}],s:"Cosa succede se il mio GraphQL contiene errori di sintassi?"}},faq_3_a:{t:0,b:{t:2,i:[{t:3}],s:"Se il codice non può essere analizzato, lo strumento mostrerà un messaggio di errore così potrai individuare e correggere il problema prima di formattare."}},see1:{t:0,b:{t:2,i:[{t:3}],s:"Formattatore JavaScript"}},see2:{t:0,b:{t:2,i:[{t:3}],s:"Formattatore HTML"}},see3:{t:0,b:{t:2,i:[{t:3}],s:"Formattatore CSS"}},see4:{t:0,b:{t:2,i:[{t:3}],s:"Formattatore JSON"}},f_1:{t:0,b:{t:2,i:[{t:3}],s:"Abbellimento e formattazione istantanei del GraphQL"}},f_2:{t:0,b:{t:2,i:[{t:3}],s:"Indentazione corretta e allineamento dei campi"}},f_3:{t:0,b:{t:2,i:[{t:3}],s:"Rilevamento e segnalazione degli errori di sintassi"}},f_4:{t:0,b:{t:2,i:[{t:3}],s:"Nessuna registrazione o installazione richiesta"}}}}})}typeof q=="function"&&q(at);export{at as default};