"use strict";(self.webpackChunkfezcodex=self.webpackChunkfezcodex||[]).push([[2646],{12955(e,t,a){a.d(t,{j:()=>i,o:()=>c});var s=a(89379),n=a(9950),r=a(35507),l=a(97747);const i=n.forwardRef((e,t)=>n.createElement(r.A,(0,s.A)((0,s.A)({ref:t},e),{},{weights:l.A})));i.displayName="ArrowCounterClockwiseIcon";const c=i},42646(e,t,a){a.r(t),a.d(t,{default:()=>g});var s=a(9950),n=a(18905),r=a(12955),l=a(4422),i=a(30091),c=a(53291),o=a(34272),d=a(89837),x=a(35951),m=a(80797),p=a(44414);const h=["The quick brown fox jumps over the lazy dog.","Never underestimate the power of a good book.","Coding is like poetry; it should be beautiful and efficient.","The early bird catches the worm, but the second mouse gets the cheese.","Innovation distinguishes between a leader and a follower.","Success is not final, failure is not fatal: it is the courage to continue that counts."];const g=function(){const[e,t]=(0,s.useState)(""),[a,g]=(0,s.useState)(""),[u,f]=(0,s.useState)(60),[b,y]=(0,s.useState)(!1),[j,w]=(0,s.useState)(!1),[v,N]=(0,s.useState)(!1),[k,A]=(0,s.useState)(0),[F,z]=(0,s.useState)(0),[H,E]=(0,s.useState)(0),[S,M]=(0,s.useState)(0),L=(0,s.useRef)(null),T=(0,s.useCallback)(e=>{let t;do{t=h[Math.floor(Math.random()*h.length)]}while(t===e);return t},[]);(0,s.useEffect)(()=>{t(T(""))},[T]);const C=(0,s.useCallback)(()=>{const e=(60-u)/60,t=0===e?0:H/5/e,a=0===S?0:H/S*100;A(Math.round(t)),z(a.toFixed(2))},[H,S,u]);(0,s.useEffect)(()=>{let e=null;return b&&u>0?e=setInterval(()=>{f(e=>e-1)},1e3):0===u&&b&&(y(!1),N(!0),C()),()=>clearInterval(e)},[b,u,C]);const V=()=>{N(!1),w(!1),y(!1),f(60),A(0),z(0),E(0),M(0),t(T("")),g(""),setTimeout(()=>{var e;return null===(e=L.current)||void 0===e?void 0:e.focus()},10)};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:"FezType | Fezcodex",description:"Test and improve your typing speed with FezType.",keywords:["Fezcodex","typing test","wpm","typing speed","keyboard","games"]}),(0,p.jsxs)("div",{className:"mx-auto max-w-5xl px-6 py-24 md:px-12",children:[(0,p.jsxs)("header",{className:"mb-24",children:[(0,p.jsxs)(n.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,p.jsx)(l.A,{weight:"bold",className:"transition-transform group-hover:-translate-x-1"}),(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:"FezType",slug:"ft",variant:"brutalist"}),(0,p.jsx)("p",{className:"text-xl text-gray-400 max-w-2xl font-light leading-relaxed",children:"Keystroke velocity protocol. Benchmark and optimize your manual data entry throughput."})]})})]}),(0,p.jsxs)("div",{className:"relative",children:[(0,p.jsx)("div",{className:"absolute -inset-4 opacity-5 pointer-events-none",children:(0,p.jsx)(x.A,{seed:"FezType",className:"w-full h-full"})}),(0,p.jsxs)("div",{className:"relative z-10 border border-white/10 bg-white/[0.02] backdrop-blur-sm p-8 md:p-12 rounded-sm overflow-hidden group",children:[(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.jsx)(c.N,{mode:"wait",children:v?(0,p.jsxs)(o.P.div,{initial:{opacity:0,scale:.95},animate:{opacity:1,scale:1},className:"flex flex-col items-center justify-center py-12 text-center",children:[(0,p.jsx)("h2",{className:"text-[10vw] font-black uppercase tracking-tighter leading-none mb-12 text-emerald-500 opacity-20 absolute",children:"COMPLETE"}),(0,p.jsxs)("div",{className:"relative z-10 flex flex-col gap-8",children:[(0,p.jsxs)("div",{className:"grid grid-cols-2 gap-12 border border-white/10 p-12 bg-black",children:[(0,p.jsxs)("div",{className:"flex flex-col items-center",children:[(0,p.jsx)("span",{className:"text-[10px] text-gray-500 uppercase tracking-widest mb-4",children:"Words Per Minute"}),(0,p.jsx)("span",{className:"text-7xl font-black text-white",children:k})]}),(0,p.jsxs)("div",{className:"flex flex-col items-center",children:[(0,p.jsx)("span",{className:"text-[10px] text-gray-500 uppercase tracking-widest mb-4",children:"Accuracy"}),(0,p.jsxs)("span",{className:"text-7xl font-black text-emerald-500",children:[F,"%"]})]})]}),(0,p.jsx)("button",{onClick:V,className:"w-full py-6 bg-white text-black font-black uppercase tracking-[0.3em] hover:bg-emerald-400 transition-all text-xl",children:"Try Again"})]})]},"results-area"):(0,p.jsxs)(o.P.div,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},exit:{opacity:0,y:-10},className:"flex flex-col gap-12",children:[(0,p.jsx)("div",{className:"text-2xl md:text-4xl font-mono leading-relaxed tracking-tight break-words min-h-[120px]",children:e.split("").map((e,t)=>{let s="text-gray-600",n="";const r=t===a.length&&!v;return t<a.length&&(e===a[t]?(s=" "===e?"":"text-emerald-400",n=" "===e?"bg-emerald-500/20":""):(s=" "===e?"":"text-rose-500",n=" "===e?"bg-rose-500/20":"")),(0,p.jsx)("span",{className:"".concat(s," ").concat(n," ").concat(r?"border-b-2 border-emerald-500 animate-pulse text-white":""," transition-colors duration-150"),children:" "===e?"\xa0":e},t)})}),(0,p.jsxs)("div",{className:"relative",children:[(0,p.jsx)("input",{ref:L,type:"text",className:"w-full bg-transparent border-b-2 border-white/10 py-4 text-3xl font-mono text-emerald-400 focus:border-emerald-500 focus:outline-none transition-colors",value:a,onChange:a=>{if(v)return;j||(w(!0),y(!0));const s=a.target.value;if(g(s),s.length===e.length){let a=0;for(let t=0;t<e.length;t++)s[t]===e[t]&&a++;E(e=>e+a),M(t=>t+e.length),t(e=>T(e)),g("")}},placeholder:"Start typing...",autoFocus:!0}),(0,p.jsx)("div",{className:"absolute right-0 bottom-4 text-gray-700 pointer-events-none",children:(0,p.jsx)(i.F,{size:32,weight:"thin"})})]}),(0,p.jsx)("div",{className:"flex justify-end",children:(0,p.jsxs)("button",{onClick:V,className:"flex items-center gap-2 px-6 py-3 border border-white/10 hover:bg-white hover:text-black transition-all font-mono uppercase tracking-widest text-xs",children:[(0,p.jsx)(r.j,{weight:"bold"}),(0,p.jsx)("span",{children:"Reset Test"})]})})]},"typing-area")})]})]}),(0,p.jsxs)("div",{className:"mt-20 flex flex-col md:flex-row justify-between items-start gap-8 border-t border-white/5 pt-12",children:[(0,p.jsxs)("div",{className:"max-w-md",children:[(0,p.jsx)("h3",{className:"font-mono text-[10px] font-bold text-emerald-500 uppercase tracking-widest mb-4",children:"How it works"}),(0,p.jsx)("p",{className:"text-gray-500 text-xs font-mono leading-relaxed uppercase",children:"FezType measures your character throughput and accuracy. Start typing to begin the test. High precision yields emerald feedback."})]}),(0,p.jsxs)("div",{className:"flex items-center gap-2 text-gray-700 font-mono text-[10px] uppercase",children:[(0,p.jsx)("span",{className:"h-1 w-8 bg-gray-800"}),(0,p.jsx)("span",{children:"Active Session"})]})," "]})]})]})}},80797(e,t,a){a.d(t,{A:()=>r});var s=a(9950),n=a(44414);const r=e=>{let{title:t,slug:a,breadcrumbs:r,gradient:l=!0,sansFont:i=!1,lightStyle:c=!0,variant:o="default"}=e;const d=r||(a?["fc","apps",a]:[]);return"brutalist"===o?(0,n.jsxs)("div",{className:"flex flex-col gap-2 mb-8",children:[(0,n.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,n.jsxs)(s.Fragment,{children:[(0,n.jsx)("span",{className:t===d.length-1?"text-emerald-500 font-bold":"",children:e}),t<d.length-1&&(0,n.jsxs)("span",{className:"text-gray-600 font-bold ",children:[" ","//"]})]},t))}),(0,n.jsx)("h1",{className:"text-4xl md:text-6xl font-black tracking-tighter text-white uppercase leading-none",children:t})]}):(0,n.jsxs)("div",{className:"relative flex flex-col items-center justify-center mb-4 ".concat(i?"font-playfairDisplay":"font-mono"," "),children:[(0,n.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,n.jsxs)(s.Fragment,{children:[(0,n.jsx)("span",{className:t===d.length-1?c?"text-primary-400":"text-rose-800":"",children:e}),t<d.length-1&&(0,n.jsx)("span",{className:"text-gray-700",children:"::"})]},t))}),(0,n.jsx)("h1",{className:"text-4xl md:text-6xl font-black tracking-tighter text-center",children:(0,n.jsx)("span",{className:l?c?"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),n=a(44414);const r="https://fezcode.com",l=e=>{let{title:t,description:a,image:l,keywords:i,ogImage:c,twitterImage:o,type:d}=e;const x=(0,s.zy)();if(!t||"Fezcodex"===t||"fezcodex"===t)return null;const m=r+x.pathname,p=x.pathname.startsWith("/apps"),h=l||c||o||(p?"/images/asset/ogtitle-apps.png":"/images/asset/ogtitle.png"),g=h.startsWith("http")?h:r+(h.startsWith("/")?"":"/")+h,u=Array.isArray(i)?i.join(", "):i,f=d||(x.pathname.startsWith("/blog")?"article":"website");return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("title",{children:t}),(0,n.jsx)("meta",{name:"description",content:a}),u&&(0,n.jsx)("meta",{name:"keywords",content:u}),(0,n.jsx)("meta",{property:"og:title",content:t}),(0,n.jsx)("meta",{property:"og:description",content:a}),(0,n.jsx)("meta",{property:"og:image",content:g}),(0,n.jsx)("meta",{property:"og:url",content:m}),(0,n.jsx)("meta",{property:"og:type",content:f}),(0,n.jsx)("meta",{property:"og:site_name",content:"Fezcodex"}),g.startsWith("https")&&(0,n.jsx)("meta",{property:"og:image:secure_url",content:g}),(0,n.jsx)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,n.jsx)("meta",{name:"twitter:title",content:t}),(0,n.jsx)("meta",{name:"twitter:description",content:a}),(0,n.jsx)("meta",{name:"twitter:image",content:g}),(0,n.jsx)("meta",{name:"twitter:url",content:m}),(0,n.jsx)("link",{rel:"canonical",href:m})]})}},97747(e,t,a){a.d(t,{A:()=>n});var s=a(9950);const n=new Map([["bold",s.createElement(s.Fragment,null,s.createElement("path",{d:"M228,128a100,100,0,0,1-98.66,100H128a99.39,99.39,0,0,1-68.62-27.29,12,12,0,0,1,16.48-17.45,76,76,0,1,0-1.57-109c-.13.13-.25.25-.39.37L54.89,92H72a12,12,0,0,1,0,24H24a12,12,0,0,1-12-12V56a12,12,0,0,1,24,0V76.72L57.48,57.06A100,100,0,0,1,228,128Z"}))],["duotone",s.createElement(s.Fragment,null,s.createElement("path",{d:"M216,128a88,88,0,1,1-88-88A88,88,0,0,1,216,128Z",opacity:"0.2"}),s.createElement("path",{d:"M224,128a96,96,0,0,1-94.71,96H128A95.38,95.38,0,0,1,62.1,197.8a8,8,0,0,1,11-11.63A80,80,0,1,0,71.43,71.39a3.07,3.07,0,0,1-.26.25L44.59,96H72a8,8,0,0,1,0,16H24a8,8,0,0,1-8-8V56a8,8,0,0,1,16,0V85.8L60.25,60A96,96,0,0,1,224,128Z"}))],["fill",s.createElement(s.Fragment,null,s.createElement("path",{d:"M224,128a96,96,0,0,1-94.71,96H128A95.38,95.38,0,0,1,62.1,197.8a8,8,0,0,1,11-11.63A80,80,0,1,0,71.43,71.39a3.07,3.07,0,0,1-.26.25L60.63,81.29l17,17A8,8,0,0,1,72,112H24a8,8,0,0,1-8-8V56A8,8,0,0,1,29.66,50.3L49.31,70,60.25,60A96,96,0,0,1,224,128Z"}))],["light",s.createElement(s.Fragment,null,s.createElement("path",{d:"M222,128a94,94,0,0,1-92.74,94H128a93.43,93.43,0,0,1-64.5-25.65,6,6,0,1,1,8.24-8.72A82,82,0,1,0,70,70l-.19.19L39.44,98H72a6,6,0,0,1,0,12H24a6,6,0,0,1-6-6V56a6,6,0,0,1,12,0V90.34L61.63,61.4A94,94,0,0,1,222,128Z"}))],["regular",s.createElement(s.Fragment,null,s.createElement("path",{d:"M224,128a96,96,0,0,1-94.71,96H128A95.38,95.38,0,0,1,62.1,197.8a8,8,0,0,1,11-11.63A80,80,0,1,0,71.43,71.39a3.07,3.07,0,0,1-.26.25L44.59,96H72a8,8,0,0,1,0,16H24a8,8,0,0,1-8-8V56a8,8,0,0,1,16,0V85.8L60.25,60A96,96,0,0,1,224,128Z"}))],["thin",s.createElement(s.Fragment,null,s.createElement("path",{d:"M220,128a92,92,0,0,1-90.77,92H128a91.47,91.47,0,0,1-63.13-25.1,4,4,0,1,1,5.5-5.82A84,84,0,1,0,68.6,68.57l-.13.12L34.3,100H72a4,4,0,0,1,0,8H24a4,4,0,0,1-4-4V56a4,4,0,0,1,8,0V94.89l35-32A92,92,0,0,1,220,128Z"}))]])}}]);