"use strict";(self.webpackChunkfezcodex=self.webpackChunkfezcodex||[]).push([[3052],{13052(e,t,s){s.r(t),s.d(t,{default:()=>f});var a=s(9950),r=s(18905),n=s(53291),i=s(34272),l=s(4422),o=s(36172),c=s(19046),d=s(49849),m=s(11314),x=s(44374),p=s(89837),g=s(35951),h=s(80797),u=s(44414);const f=()=>{const{addToast:e}=(0,x.d)(),[t,s]=(0,a.useState)(""),[f,j]=(0,a.useState)(""),[b,y]=(0,a.useState)(""),[N,w]=(0,a.useState)(null),v=(0,a.useCallback)(()=>{if(y(""),w(null),!t.trim())return j(""),void e({title:"Info",message:"Insert JSON sequence for processing."});try{const s=JSON.parse(t);j(JSON.stringify(s,null,2)),w(!0),e({title:"Success",message:"Data structure optimized."})}catch(s){j(""),w(!1),y(s.message),e({title:"Error",message:"Structural corruption detected.",type:"error"})}},[t,e]),k=(0,a.useCallback)(()=>{if(j(""),!t.trim())return w(null),void e({title:"Info",message:"Insert JSON sequence for validation."});try{JSON.parse(t),w(!0),y("Sequence verified. No errors found."),e({title:"Verified",message:"JSON integrity confirmed."})}catch(s){w(!1),y(s.message),e({title:"Error",message:"Validation failed.",type:"error"})}},[t,e]),S=(0,a.useCallback)(()=>{const s=f||t;s.trim()&&(navigator.clipboard.writeText(s),e({title:"Copied",message:"Data stored in clipboard."}))},[t,f,e]);return(0,u.jsxs)("div",{className:"min-h-screen bg-[#050505] text-white selection:bg-emerald-500/30 font-sans",children:[(0,u.jsx)(p.A,{title:"JSON Formatter | Fezcodex",description:"Protocol for structural validation and visual optimization of JSON data sequences.",keywords:["Fezcodex","JSON formatter","JSON validator","JSON beautifier","JSON tool"]}),(0,u.jsxs)("div",{className:"mx-auto max-w-7xl px-6 py-24 md:px-12",children:[(0,u.jsxs)("header",{className:"mb-24",children:[(0,u.jsxs)(r.N_,{to:"/apps",className:"group mb-12 inline-flex items-center gap-2 text-xs font-mono text-gray-500 hover:text-white transition-colors uppercase tracking-[0.3em]",children:[(0,u.jsx)(l.A,{weight:"bold",className:"transition-transform group-hover:-translate-x-1"}),(0,u.jsx)("span",{children:"Applications"})]}),(0,u.jsx)("div",{className:"flex flex-col md:flex-row md:items-end justify-between gap-12",children:(0,u.jsxs)("div",{className:"space-y-4",children:[(0,u.jsx)(h.A,{title:"JSON Formatter",slug:"jf",variant:"brutalist"}),(0,u.jsx)("p",{className:"text-xl text-gray-400 max-w-2xl font-light leading-relaxed",children:"Structural mapping protocol. Verify data integrity and optimize visual hierarchy within JSON sequences."})]})})]}),(0,u.jsxs)("div",{className:"grid grid-cols-1 lg:grid-cols-12 gap-12",children:[(0,u.jsxs)("div",{className:"lg:col-span-8 space-y-12",children:[(0,u.jsxs)("div",{className:"relative border border-white/10 bg-white/[0.02] p-8 md:p-12 rounded-sm overflow-hidden group",children:[(0,u.jsx)("div",{className:"absolute inset-0 opacity-[0.03] pointer-events-none grayscale",children:(0,u.jsx)(g.A,{seed:"JSON Formatter"+t.length,className:"w-full h-full"})}),(0,u.jsxs)("div",{className:"relative z-10 space-y-8",children:[(0,u.jsxs)("div",{className:"space-y-4",children:[(0,u.jsxs)("label",{className:"font-mono text-[10px] text-gray-500 uppercase tracking-widest flex items-center gap-2",children:[(0,u.jsx)("span",{className:"h-px w-4 bg-gray-800"})," Data_Input_Stream"]}),(0,u.jsx)("textarea",{rows:"12",className:"w-full p-8 bg-black/40 border border-white/5 rounded-sm font-mono text-sm leading-relaxed focus:border-emerald-500/50 focus:ring-0 transition-all resize-none shadow-inner",value:t,onChange:e=>s(e.target.value),placeholder:"Enter your JSON sequence here..."})]}),(0,u.jsxs)("div",{className:"flex flex-wrap gap-4",children:[(0,u.jsx)("button",{onClick:v,className:"px-8 py-4 bg-white text-black hover:bg-emerald-500 transition-all font-mono uppercase tracking-widest text-xs font-black rounded-sm",children:"Format Sequence"}),(0,u.jsx)("button",{onClick:k,className:"px-8 py-4 border border-white/10 hover:bg-white/[0.05] transition-all font-mono uppercase tracking-widest text-xs font-bold rounded-sm",children:"Verify Integrity"})]})]})]}),(0,u.jsx)(n.N,{children:(f||null!==N)&&(0,u.jsxs)(i.P.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},exit:{opacity:0,y:20},className:"space-y-8",children:[null!==N&&(0,u.jsxs)("div",{className:"p-6 border rounded-sm flex items-center gap-4 ".concat(N?"bg-emerald-500/10 border-emerald-500/20 text-emerald-400":"bg-red-500/10 border-red-500/20 text-red-400"),children:[N?(0,u.jsx)(c.C,{size:24,weight:"fill"}):(0,u.jsx)(m.q,{size:24,weight:"fill"}),(0,u.jsx)("span",{className:"font-mono text-xs uppercase tracking-widest font-black",children:N?"Structure Verified":"Corruption Detected: ".concat(b)})]}),f&&(0,u.jsxs)("div",{className:"relative group border border-emerald-500/20 bg-emerald-500/[0.02] p-8 md:p-12 rounded-sm overflow-hidden",children:[(0,u.jsxs)("div",{className:"flex justify-between items-center mb-6",children:[(0,u.jsxs)("label",{className:"font-mono text-[10px] text-emerald-500 uppercase tracking-widest font-black flex items-center gap-2",children:[(0,u.jsx)("span",{className:"h-px w-4 bg-emerald-500/20"})," ","Optimized_Output"]}),(0,u.jsx)("button",{onClick:S,className:"text-emerald-500 hover:text-white transition-colors",title:"Copy to Clipboard",children:(0,u.jsx)(d.t,{size:24,weight:"bold"})})]}),(0,u.jsx)("textarea",{rows:"12",className:"w-full p-0 bg-transparent border-none font-mono text-sm leading-relaxed text-emerald-400 focus:ring-0 resize-none",value:f,readOnly:!0})]})]})})]}),(0,u.jsx)("div",{className:"lg:col-span-4 space-y-8",children:(0,u.jsxs)("div",{className:"border border-white/10 bg-white/[0.02] p-8 rounded-sm",children:[(0,u.jsxs)("h3",{className:"font-mono text-[10px] font-bold text-emerald-500 uppercase tracking-widest mb-8 flex items-center gap-2",children:[(0,u.jsx)(o.e,{weight:"fill"}),"Processing_Notes"]}),(0,u.jsxs)("div",{className:"space-y-6",children:[(0,u.jsx)("p",{className:"text-[10px] font-mono uppercase tracking-[0.2em] leading-relaxed text-gray-500",children:"All structural modifications are executed client-side. No data fragments leave your local environment."}),(0,u.jsxs)("div",{className:"pt-6 border-t border-white/5 space-y-4",children:[(0,u.jsxs)("div",{className:"flex justify-between items-center",children:[(0,u.jsx)("span",{className:"text-[10px] font-mono text-gray-600 uppercase",children:"Privacy"}),(0,u.jsx)("span",{className:"text-[10px] font-mono text-emerald-500 uppercase font-black",children:"Encrypted_Local"})]}),(0,u.jsxs)("div",{className:"flex justify-between items-center",children:[(0,u.jsx)("span",{className:"text-[10px] font-mono text-gray-600 uppercase",children:"Engine"}),(0,u.jsx)("span",{className:"text-[10px] font-mono text-white uppercase font-black",children:"JSON_V8"})]})]})]})]})})]}),(0,u.jsxs)("footer",{className:"mt-32 pt-12 border-t border-white/10 flex flex-col md:flex-row justify-between items-center gap-6 text-gray-600 font-mono text-[10px] uppercase tracking-[0.3em]",children:[(0,u.jsx)("span",{children:"Fezcodex_Data_Loom_v0.6.1"}),(0,u.jsx)("span",{className:"text-gray-800",children:"SCHEMA_VERIFIED // STABLE"})]})]})]})}},80797(e,t,s){s.d(t,{A:()=>n});var a=s(9950),r=s(44414);const n=e=>{let{title:t,slug:s,breadcrumbs:n,gradient:i=!0,sansFont:l=!1,lightStyle:o=!0,variant:c="default"}=e;const d=n||(s?["fc","apps",s]:[]);return"brutalist"===c?(0,r.jsxs)("div",{className:"flex flex-col gap-2 mb-8",children:[(0,r.jsx)("div",{className:"flex items-center gap-2 font-mono text-[10px] uppercase tracking-[0.3em] text-gray-400",children:d.map((e,t)=>(0,r.jsxs)(a.Fragment,{children:[(0,r.jsx)("span",{className:t===d.length-1?"text-emerald-500 font-bold":"",children:e}),t<d.length-1&&(0,r.jsxs)("span",{className:"text-gray-600 font-bold ",children:[" ","//"]})]},t))}),(0,r.jsx)("h1",{className:"text-4xl md:text-6xl font-black tracking-tighter text-white uppercase leading-none",children:t})]}):(0,r.jsxs)("div",{className:"relative flex flex-col items-center justify-center mb-4 ".concat(l?"font-playfairDisplay":"font-mono"," "),children:[(0,r.jsx)("span",{className:"min-[1376px]:absolute min-[1376px]:left-0 min-[1376px]:top-1/2 min-[1376px]:-translate-y-1/2 text-xl md:text-2xl font-mono font-normal text-gray-500 tracking-tight mb-2 min-[1376px]:mb-0 opacity-75",children:d.map((e,t)=>(0,r.jsxs)(a.Fragment,{children:[(0,r.jsx)("span",{className:t===d.length-1?o?"text-primary-400":"text-rose-800":"",children:e}),t<d.length-1&&(0,r.jsx)("span",{className:"text-gray-700",children:"::"})]},t))}),(0,r.jsx)("h1",{className:"text-4xl md:text-6xl font-black tracking-tighter text-center",children:(0,r.jsx)("span",{className:i?o?"bg-clip-text text-transparent bg-gradient-to-r from-primary-400 to-secondary-400":"bg-clip-text text-transparent bg-gradient-to-r from-pink-800 to-teal-800":"text-white",children:t})})]})}},89837(e,t,s){s.d(t,{A:()=>i});s(9950);var a=s(18905),r=s(44414);const n="https://fezcode.com",i=e=>{let{title:t,description:s,image:i,keywords:l,ogImage:o,twitterImage:c,type:d}=e;const m=(0,a.zy)();if(!t||"Fezcodex"===t||"fezcodex"===t)return null;const x=n+m.pathname,p=m.pathname.startsWith("/apps"),g=i||o||c||(p?"/images/asset/ogtitle-apps.png":"/images/asset/ogtitle.png"),h=g.startsWith("http")?g:n+(g.startsWith("/")?"":"/")+g,u=Array.isArray(l)?l.join(", "):l,f=d||(m.pathname.startsWith("/blog")?"article":"website");return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("title",{children:t}),(0,r.jsx)("meta",{name:"description",content:s}),u&&(0,r.jsx)("meta",{name:"keywords",content:u}),(0,r.jsx)("meta",{property:"og:title",content:t}),(0,r.jsx)("meta",{property:"og:description",content:s}),(0,r.jsx)("meta",{property:"og:image",content:h}),(0,r.jsx)("meta",{property:"og:url",content:x}),(0,r.jsx)("meta",{property:"og:type",content:f}),(0,r.jsx)("meta",{property:"og:site_name",content:"Fezcodex"}),h.startsWith("https")&&(0,r.jsx)("meta",{property:"og:image:secure_url",content:h}),(0,r.jsx)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,r.jsx)("meta",{name:"twitter:title",content:t}),(0,r.jsx)("meta",{name:"twitter:description",content:s}),(0,r.jsx)("meta",{name:"twitter:image",content:h}),(0,r.jsx)("meta",{name:"twitter:url",content:x}),(0,r.jsx)("link",{rel:"canonical",href:x})]})}}}]);