"use strict";(self.webpackChunkfezcodex=self.webpackChunkfezcodex||[]).push([[1123],{31123(e,t,a){a.r(t),a.d(t,{default:()=>g});var s=a(9950),r=a(18905),n=a(4422),l=a(81063),i=a(73675),o=a(49849),c=a(44374),d=a(89837),x=a(35951),m=a(80797),p=a(44414);const g=function(){const[e,t]=(0,s.useState)(""),[a,g]=(0,s.useState)(""),{addToast:h}=(0,c.d)();return(0,p.jsxs)("div",{className:"min-h-screen bg-[#050505] text-white selection:bg-emerald-500/30 font-sans",children:[(0,p.jsx)(d.A,{title:"Base64 | Fezcodex",description:"Binary-to-text encoding and decoding protocol.",keywords:["Fezcodex","Base64 converter","encode Base64","decode Base64"]}),(0,p.jsxs)("div",{className:"mx-auto max-w-7xl px-6 py-24 md:px-12",children:[(0,p.jsxs)("header",{className:"mb-20",children:[(0,p.jsxs)(r.N_,{to:"/apps",className:"mb-8 inline-flex items-center gap-2 text-xs font-mono text-gray-500 hover:text-white transition-colors uppercase tracking-widest",children:[(0,p.jsx)(n.A,{weight:"bold"}),(0,p.jsx)("span",{children:"Applications"})]}),(0,p.jsx)("div",{className:"flex flex-col md:flex-row md:items-end justify-between gap-12",children:(0,p.jsxs)("div",{className:"space-y-4",children:[(0,p.jsx)(m.A,{title:"Base64",slug:"b64",variant:"brutalist"}),(0,p.jsx)("p",{className:"text-xl text-gray-400 max-w-2xl font-light leading-relaxed",children:"Binary-to-text encoding protocol. Map arbitrary data sequences into high-fidelity Base64 character sets."})]})})]}),(0,p.jsxs)("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-12",children:[(0,p.jsxs)("div",{className:"relative border border-white/10 bg-white/[0.02] p-8 rounded-sm group overflow-hidden",children:[(0,p.jsx)("div",{className:"absolute inset-0 opacity-5 pointer-events-none",children:(0,p.jsx)(x.A,{seed:"B64_INPUT",className:"w-full h-full"})}),(0,p.jsx)("div",{className:"absolute top-0 left-0 w-1 h-0 group-hover:h-full bg-emerald-500 transition-all duration-500"}),(0,p.jsxs)("h3",{className:"font-mono text-[10px] font-bold text-gray-500 uppercase tracking-widest mb-6 flex items-center gap-2",children:[(0,p.jsx)(i.l,{weight:"fill",className:"text-emerald-500"}),"Input_Buffer"]}),(0,p.jsx)("textarea",{value:e,onChange:e=>t(e.target.value),className:"w-full h-64 bg-black/40 border border-white/5 p-6 font-mono text-sm text-gray-300 focus:border-emerald-500 focus:outline-none transition-all rounded-sm resize-none scrollbar-hide",placeholder:"Insert string or Base64 sequence..."}),(0,p.jsxs)("div",{className:"grid grid-cols-2 gap-4 mt-8",children:[(0,p.jsx)("button",{onClick:()=>{try{g(btoa(e)),h({title:"Success",message:"String encoded to Base64.",type:"success"})}catch(t){h({title:"Encoding Error",message:"Invalid character set detected.",type:"error"}),g("")}},className:"py-4 bg-white text-black font-black uppercase tracking-[0.2em] hover:bg-emerald-400 transition-all text-xs",children:"Encode"}),(0,p.jsx)("button",{onClick:()=>{try{g(atob(e)),h({title:"Success",message:"Base64 sequence decoded.",type:"success"})}catch(t){h({title:"Decoding Error",message:"Sequence is not a valid Base64 string.",type:"error"}),g("")}},className:"py-4 bg-transparent border border-white text-white font-black uppercase tracking-[0.2em] hover:bg-white hover:text-black transition-all text-xs",children:"Decode"})]})]}),(0,p.jsxs)("div",{className:"relative border border-white/10 bg-white/[0.02] p-8 rounded-sm group overflow-hidden flex flex-col h-full",children:[(0,p.jsx)("div",{className:"absolute top-0 right-0 w-1 h-0 group-hover:h-full bg-emerald-500 transition-all duration-500"}),(0,p.jsxs)("h3",{className:"font-mono text-[10px] font-bold text-gray-500 uppercase tracking-widest mb-6 flex items-center gap-2",children:[(0,p.jsx)(l.R,{weight:"fill",className:"text-emerald-500"}),"Output_Stream"]}),(0,p.jsx)("textarea",{value:a,readOnly:!0,className:"flex-grow w-full h-64 bg-black/40 border border-white/5 p-6 font-mono text-sm text-emerald-400 focus:outline-none transition-all rounded-sm resize-none scrollbar-hide mb-6",placeholder:"Translation will appear here..."}),(0,p.jsxs)("button",{onClick:()=>{var e;(e=a)&&navigator.clipboard.writeText(e).then(()=>{h({title:"Copied",message:"Payload stored in clipboard.",duration:2e3})})},disabled:!a,className:"w-full py-4 border border-white/10 text-gray-500 hover:text-white hover:border-white hover:bg-white/5 transition-all font-mono uppercase tracking-widest text-xs flex items-center justify-center gap-3 disabled:opacity-20",children:[(0,p.jsx)(o.t,{weight:"bold",size:18}),"Stage to Clipboard"]})]})]})]})]})}},80797(e,t,a){a.d(t,{A:()=>n});var s=a(9950),r=a(44414);const n=e=>{let{title:t,slug:a,breadcrumbs:n,gradient:l=!0,sansFont:i=!1,lightStyle:o=!0,variant:c="default"}=e;const d=n||(a?["fc","apps",a]:[]);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)(s.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(i?"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)(s.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:l?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,a){a.d(t,{A:()=>l});a(9950);var s=a(18905),r=a(44414);const n="https://fezcode.com",l=e=>{let{title:t,description:a,image:l,keywords:i,ogImage:o,twitterImage:c,type:d}=e;const x=(0,s.zy)();if(!t||"Fezcodex"===t||"fezcodex"===t)return null;const m=n+x.pathname,p=x.pathname.startsWith("/apps"),g=l||o||c||(p?"/images/asset/ogtitle-apps.png":"/images/asset/ogtitle.png"),h=g.startsWith("http")?g:n+(g.startsWith("/")?"":"/")+g,u=Array.isArray(i)?i.join(", "):i,b=d||(x.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:a}),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:a}),(0,r.jsx)("meta",{property:"og:image",content:h}),(0,r.jsx)("meta",{property:"og:url",content:m}),(0,r.jsx)("meta",{property:"og:type",content:b}),(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:a}),(0,r.jsx)("meta",{name:"twitter:image",content:h}),(0,r.jsx)("meta",{name:"twitter:url",content:m}),(0,r.jsx)("link",{rel:"canonical",href:m})]})}}}]);