https://www.codemeoww.com/_next/static/chunks/4a4d4a22b1cd47d0.js

1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,33525,(e,t,s)=>{"use strict";Object.defineProperty(s,"__esModule",{value:!0}),Object.defineProperty(s,"warnOnce",{enumerable:!0,get:function(){return l}});let l=e=>{}},94909,(e,t,s)=>{"use strict";Object.defineProperty(s,"__esModule",{value:!0});var l={default:function(){return d},getImageProps:function(){return c}};for(var i in l)Object.defineProperty(s,i,{enumerable:!0,get:l[i]});let r=e.r(55682),n=e.r(8927),o=e.r(85437),a=r._(e.r(1948));function c(e){let{props:t}=(0,n.getImgProps)(e,{defaultLoader:a.default,imgConf:{deviceSizes:[640,750,828,1080,1200,1920,2048,3840],imageSizes:[32,48,64,96,128,256,384],qualities:[75],path:"/_next/image",loader:"default",dangerouslyAllowSVG:!1,unoptimized:!0}});for(let[e,s]of Object.entries(t))void 0===s&&delete t[e];return{props:t}}let d=o.Image},57688,(e,t,s)=>{t.exports=e.r(94909)},45246,e=>{"use strict";var t=e.i(43476),s=e.i(71645),l=e.i(57688);function i({screenshot:e,accent:s}){return(0,t.jsxs)("div",{className:"flex h-full w-full flex-col gap-3 overflow-hidden rounded-xl p-5",style:{background:e.color},children:[e.lines.map((e,s)=>(0,t.jsx)("div",{className:"flex items-center gap-2",children:e.map((e,s)=>(0,t.jsx)("div",{className:"h-3 rounded-full",style:{width:e.w,background:e.color}},s))},s)),(0,t.jsx)("div",{className:"mt-auto flex h-16 items-end gap-2",children:[60,80,45,90,70,55,85,65].map((e,l)=>(0,t.jsx)("div",{className:"flex-1 rounded-t",style:{height:`${e}%`,background:s,opacity:.55+.05*l}},l))})]})}function r({product:e}){let r=(0,s.useRef)(null),[n,o]=(0,s.useState)(!1),[a,c]=(0,s.useState)(!1),[d,x]=(0,s.useState)(0),[m,p]=(0,s.useState)(4),[u,h]=(0,s.useState)(()=>e.screenshots.map(e=>"landscape"!==e.orientation&&e.src?9/16:16/9));if((0,s.useEffect)(()=>{let e=r.current;if(!e)return;let t=()=>{x(e.clientWidth),p(window.innerWidth>=1024?4:window.innerWidth>=640?2:1),o(e.scrollLeft>2),c(e.scrollLeft+e.clientWidth<e.scrollWidth-2)};t();let s=new ResizeObserver(t);return s.observe(e),window.addEventListener("resize",t),()=>{s.disconnect(),window.removeEventListener("resize",t)}},[e.id]),(0,s.useEffect)(()=>{let e=r.current;e&&c(e.scrollLeft+e.clientWidth<e.scrollWidth-2)},[u,d,m]),!e.screenshots.length)return null;let f=Math.min(m,e.screenshots.length),b=1===m?.84*d:2===m?.96*d:1===e.screenshots.length?Math.min(d,560):2===e.screenshots.length?Math.min(d,800):d,g=u.slice(0,f).reduce((e,t)=>e+t,0),v=d&&g?m<4?1===m?256:288:Math.min(320,Math.floor((b-16*(f-1))/g)):0,j=v?Math.max(0,(b-16*(f-1)-v*g)/f):0,y=e=>{let t=r.current;t&&t.scrollBy({left:e*(t.clientWidth-32),behavior:"smooth"})};return(0,t.jsx)("section",{className:"dot-grid-surface px-5 py-16 sm:px-8 sm:py-20 lg:px-10",children:(0,t.jsxs)("div",{className:"mx-auto w-full max-w-6xl",children:[(0,t.jsxs)("div",{className:"mb-7 flex flex-wrap items-end justify-between gap-4 sm:mb-9",children:[(0,t.jsxs)("div",{children:[(0,t.jsxs)("h2",{className:"font-display text-3xl font-700 text-ink sm:text-4xl",children:["See it in ",(0,t.jsx)("span",{style:{color:e.accentColor},children:"action"})]}),(0,t.jsxs)("p",{className:"mt-2 text-sm text-muted sm:text-base",children:["Screenshots from ",e.name]})]}),(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[(0,t.jsxs)("span",{className:"mr-2 text-xs font-700 uppercase tracking-wider text-muted",children:[e.screenshots.length," ",1===e.screenshots.length?"screenshot":"screenshots"]}),(0,t.jsx)("button",{type:"button",onClick:()=>y(-1),disabled:!n,"aria-label":"Previous screenshots","aria-controls":`${e.id}-screenshots`,className:"flex h-11 w-11 items-center justify-center text-3xl leading-none text-ink transition-colors hover:text-primary disabled:cursor-default disabled:opacity-30 focus-visible:outline-2 focus-visible:outline-primary",children:"‹"}),(0,t.jsx)("button",{type:"button",onClick:()=>y(1),disabled:!a,"aria-label":"Next screenshots","aria-controls":`${e.id}-screenshots`,className:"flex h-11 w-11 items-center justify-center text-3xl leading-none text-ink transition-colors hover:text-primary disabled:cursor-default disabled:opacity-30 focus-visible:outline-2 focus-visible:outline-primary",children:"›"})]})]}),(0,t.jsx)("div",{id:`${e.id}-screenshots`,ref:r,onScroll:()=>{let e=r.current;e&&(o(e.scrollLeft>2),c(e.scrollLeft+e.clientWidth<e.scrollWidth-2))},"aria-label":`${e.name}

1 screenshots`,className:`product-screenshot-rail flex gap-4 overflow-x-auto pb-1 ${e.screenshots.length<4?"lg:justify-center":""}`,children:e.screenshots.map((s,r)=>(0,t.jsxs)("figure",{className:"product-screenshot-card min-w-0 flex-none snap-start",style:v?{flexBasis:m<4?Math.floor((b-16*(f-1))/f):Math.floor(v*(u[r]??9/16)+j)}:void 0,children:[(0,t.jsx)("div",{className:"relative flex h-64 w-full items-center justify-center sm:h-72",style:v?{height:v}:void 0,children:s.src?(0,t.jsx)(l.default,{src:s.src,alt:s.label,fill:!0,className:"rounded-xl object-contain",sizes:"(max-width: 639px) 84vw, (max-width: 1023px) 50vw, 40vw",loading:"lazy",onLoad:e=>{let t=e.currentTarget,s=t.naturalWidth/t.naturalHeight;Number.isFinite(s)&&h(e=>e[r]===s?e:e.map((e,t)=>t===r?s:e))}}):(0,t.jsx)(i,{screenshot:s,accent:e.accentColor})}),(0,t.jsx)("figcaption",{className:"mt-4 text-center text-sm font-600 leading-snug text-ink/75",children:s.label})]},`${s.label}-${r}`))})]})})}e.s(["default",()=>r])},61681,e=>{"use strict";var t=e.i(43476),s=e.i(71645);function l({q:e,a:l,accent:i}){let[r,n]=(0,s.useState)(!1);return(0,t.jsxs)("div",{className:"rounded-2xl border-2 border-ink bg-white overflow-hidden shadow-[2px_2px_0px_#0F172A]",children:[(0,t.jsxs)("button",{onClick:()=>n(e=>!e),className:"flex w-full items-center justify-between gap-4 px-5 py-4 text-left sm:px-6","aria-expanded":r,children:[(0,t.jsx)("span",{className:"font-display text-sm font-700 text-ink sm:text-base",children:e}),(0,t.jsx)("span",{className:"flex h-7 w-7 flex-shrink-0 items-center justify-center text-2xl font-500 transition-all duration-200",style:{color:r?i:"inherit",transform:r?"rotate(45deg)":"none"},children:"+"})]}),(0,t.jsx)("div",{className:"overflow-hidden transition-all duration-200",style:{maxHeight:r?"400px":"0px"},children:(0,t.jsx)("div",{className:"border-t-2 border-ink/10 px-5 pb-5 pt-3 sm:px-6",children:(0,t.jsx)("p",{className:"text-sm leading-relaxed text-muted",children:l})})})]})}function i({items:e,accent:s}){return(0,t.jsx)("div",{className:"flex flex-col gap-3",children:e.map(e=>(0,t.jsx)(l,{q:e.q,a:e.a,accent:s},e.q))})}e.s(["default",()=>i])},14437,e=>{"use strict";var t=e.i(43476),s=e.i(57688),l=e.i(78917),i=e.i(63488);e.i(48549);var r=e.i(60565),n=e.i(22016),o=e.i(83623);let a={chrome:{label:"Chrome Web Store",icon:"simple-icons:googlechrome",color:"#4285F4",isSocial:!0},firefox:{label:"Firefox Add-ons",icon:"simple-icons:firefoxbrowser",color:"#E66000",isSocial:!0},edge:{label:"Microsoft Edge Add-ons",icon:"simple-icons:microsoftedge",color:"#087C83",isSocial:!0},rapidapi:{label:"RapidAPI",icon:"simple-icons:rapid",color:"#0D9488",isSocial:!0},playstore:{label:"Google Play",icon:"simple-icons:googleplay",color:"#22A361",isSocial:!0},appstore:{label:"App Store",icon:"simple-icons:appstore",color:"#087FCB",isSocial:!0},discord:{label:"Discord",icon:"simple-icons:discord",color:"#5865F2",isSocial:!0},npm:{label:"npm",icon:"simple-icons:npm",color:"#CB3837",isSocial:!0},website:{label:"Website",icon:"fluent-emoji:globe-with-meridians"},github:{label:"GitHub",icon:"simple-icons:github",color:"#0F172A",isSocial:!0}};function c({product:e}){let c=e.storeLinks&&e.storeLinks.length>0;return(0,t.jsx)("section",{className:"bg-white px-5 py-16 sm:px-8 sm:py-20 lg:px-10",children:(0,t.jsx)("div",{className:"mx-auto max-w-4xl reveal",children:(0,t.jsxs)("div",{className:"relative overflow-hidden rounded-3xl border-2 border-ink p-8 text-center shadow-[6px_6px_0px_#0F172A] sm:p-12 lg:p-16 transition-all hover:-translate-y-1 hover:shadow-[8px_8px_0px_#0F172A]",style:{background:`${e.accentColor}10`},children:[(0,t.jsx)("div",{className:"pointer-events-none absolute inset-0 dot-grid opacity-30"}),(0,t.jsxs)("div",{className:"relative z-10 flex flex-col items-center gap-6 sm:gap-8",children:[(0,t.jsx)("div",{className:"relative flex h-16 w-16 items-center justify-center transition-transform hover:scale-105 sm:h-24 sm:w-24",style:{filter:`drop-shadow(0 8px 16px ${e.accentColor}50)`},children:e.image?(0,t.jsx)("div",{className:"relative w-full h-full",children:(0,t.jsx)(s.default,{src:e.image,alt:e.name,fill:!0,className:"rounded-2xl object-contain",sizes:"(max-width:640px) 64px, 96px"})}):(0,t.jsx)(r.FluIcon,{icon:e.icon,size:80,className:"w-full h-full"})}),(0,t.jsx)("h2",{className:"font-display text-2xl font-700 text-ink sm:text-4xl leading-tight px-2 sm:px-0",children:"wip"===e.status?(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("span",{style:{color:e.accentColor},children:e.name})," is coming soon"]}):(0,t.jsxs)(t.Fragment,{children:["Ready to try ",(0,t.jsx)("span",{style:{color:e.accentColor},children:e.name}),"?"]})}),(0,t.jsxs)("p",{className:"max-w-lg text-sm leading-relaxed text-muted sm:text-lg px-4 sm:px-0",children:[e.longDescription.split(".")[0],"."," ","live"===e.status?"It's live. Try it here.":"beta"===e.status?"Join the free beta.":"mobile"===e.category?"Coming soon to Google Play.":"Coming soon. Check back for updates."]}),c?(0,t.jsx)("div",{className:"flex flex-wrap items-center justify-center gap-x-7 gap-y-1 px-4 sm:px-0",children:e.storeLinks.map(s=>{let l=a[s.platform],i=(0,t.jsxs)(t.Fragment,{children:[l.isSocial?(0,t.jsx)(r.SocialIcon,{icon:l.icon,size:22,color:l.color}):(0,t.jsx)(r.FluIcon,{icon:l.icon,size:22}),(0,t.jsx)("span",{children:s.label??l.label}),(0,t.jsx)("span",{"aria-hidden":"true",className:"text-muted",children:"↗"})]});return"#"===s.url?(0,t.jsx)("span",{className:"inline-flex min-h-12 items-center gap-2.5 border-b border-ink/15 py-2 text-sm font-700 text-muted",children:i},s.platform):(0,t.jsx)("a",{href:s.url,target:"_blank",rel:"noopener noreferrer",onClick:()=>{var t;return t=s.platform,void o.event({action:`click_store_${t}`,category:"conversion",label:`Product: ${e.name} - Store: ${t}`})},className:"inline-flex min-h-12 items-center gap-2.5 border-b border-ink/25 py-2 text-sm font-700 text-ink transition-colors hover:border-primary hover:text-primary focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary",children:i},s.platform)})}):(0,t.jsxs)("div",{className:"flex flex-col items-center gap-3 px-4 w-full sm:flex-row sm:justify-center sm:px-0 sm:w-auto",children:[e.liveUrl&&(0,t.jsxs)("a",{href:e.liveUrl,target:"_blank",rel:"noopener noreferrer",onClick:()=>{o.event({action:"click_product_live_url",category:"conversion",label:`Product: ${e.name}`})},className:"inline-flex w-full items-center justify-center gap-2 rounded-2xl border-2 border-ink px-7 py-3.5 text-sm font-700 text-white shadow-[4px_4px_0px_#0F172A] transition-all hover:shadow-[6px_6px_0px_#0F172A] sm:w-auto 

1sm:text-base",style:{background:e.accentColor},children:[(0,t.jsx)(l.ExternalLink,{size:16}),"api"===e.category?"Try the API":"extension"===e.category?"Install for Free":"bot"===e.category?"Add to Discord":"Get Started Free"]}),e.githubUrl&&(0,t.jsxs)("a",{href:e.githubUrl,target:"_blank",rel:"noopener noreferrer",onClick:()=>{o.event({action:"click_product_github",category:"engagement",label:`Product: ${e.name}`})},className:"btn-secondary inline-flex w-full items-center justify-center gap-2 rounded-2xl px-7 py-3.5 text-sm sm:w-auto sm:text-base",children:[(0,t.jsx)(r.SocialIcon,{icon:"simple-icons:github",size:16,color:"#0F172A"}),"View on GitHub"]})]}),(0,t.jsxs)("div",{className:"mt-2 border-t-2 border-ink/10 pt-6 text-xs sm:text-sm text-muted px-4 sm:px-0",children:["Have a question or want a custom build?"," ",(0,t.jsxs)("a",{href:"mailto:[email protected]",onClick:()=>{o.event({action:"click_email_product_page",category:"engagement",label:`Product: ${e.name}`})},className:"font-600 text-ink hover:text-primary transition-colors inline-flex items-center gap-1",children:[(0,t.jsx)(i.Mail,{size:13})," Drop me an email"]}),". View the"," ",(0,t.jsx)(n.default,{href:e.privacyUrl||`/products/${e.id}/privacy`,className:"font-600 text-ink hover:text-primary transition-colors underline decoration-ink/20 underline-offset-4",...e.privacyUrl?{target:"_blank",rel:"noopener noreferrer"}:{},children:"privacy policy"})," ","or"," ",(0,t.jsx)(n.default,{href:"/products",className:"font-600 text-ink hover:text-primary transition-colors",children:"browse all products"}),"."]})]})]})})})}e.s(["default",()=>c])}]);