https://kutsaniuk.com/_next/static/chunks/pages/tools/codeshot-6b6be1f28cdf2760.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9627],{5941:(e,l,t)=>{"use strict";t.d(l,{A:()=>d});var n=t(37876),r=t(48230),o=t.n(r),i=t(89311),a=t(57994),s=t(18480);let d=e=>{let{toolsMetaData:l={},toolHeadLine:t="",categories:r=[]}=e;return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(s.A,{...l}),(0,n.jsx)(a.A.CenterTop,{internalPage:!0,children:(0,n.jsxs)("div",{className:"flex items-center",children:[(0,n.jsx)(a.A.BackButton,{}),(0,n.jsxs)(a.A.PageHeading,{className:"flex flex-col gap-0.5",children:[(0,n.jsx)(i.default.SemiBoldText,{children:t}),(0,n.jsx)("div",{className:"flex gap-0.5 items-center",children:null==r?void 0:r.map((e,l)=>(0,n.jsxs)("span",{className:"flex flex-0.5 items-center",children:[(0,n.jsxs)(o(),{href:null==e?void 0:e.link,target:"_blank",className:"text-gray-500 font-normal hover:underline text-xs",children:[" ",null==e?void 0:e.label]}),r.length-1===l?null:(0,n.jsx)("span",{className:"text-gray-500 text-xs",children:(0,n.jsx)(i.default.Dot,{})})]},null==e?void 0:e.id))})]})]})})]})}},23748:(e,l,t)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/tools/codeshot",function(){return t(86637)}])},26246:(e,l,t)=>{"use strict";t.d(l,{A:()=>a});var n=t(37876),r=t(16495),o=t(89311),i=t(26328);let a=()=>{let e=Object.values(r.SUBROUTER_PAGES_TOOLS).filter(e=>null==e?void 0:e.enable).sort(()=>Math.random()-.5).slice(0,3);return(0,n.jsx)("div",{className:"lg:px-20 pt-10 pb-40 sm:py-10 border-t-1",children:(0,n.jsxs)("div",{className:"flex flex-col gap-6 items-center",children:[(0,n.jsx)(o.default.SemiBoldText,{sm:!0,children:"More tools by the Peerlist community"}),(0,n.jsx)("div",{className:"grid grid-cols-1 md:px-0 px-4 sm:grid-cols-2  lg:grid-cols-3 items-center flex-col gap-6",children:null==e?void 0:e.map(e=>(0,n.jsx)(i.A,{data:e},null==e?void 0:e.key))})]})})}},26328:(e,l,t)=>{"use strict";t.d(l,{A:()=>m});var n=t(37876),r=t(48230),o=t.n(r),i=t(54587),a=t.n(i),s=t(93988),d=t(89311),c=t(83872),u=t(1245),h=t(95729);let m=e=>{let{data:l}=e,{label:t,url:r,tagLine:i,categories:m,target:f,buildBy:x,image:p,key:g}=l;return(0,n.jsxs)(o(),{target:"".concat(f||"_self"),href:r,className:"flex flex-col gap-4 border rounded-2xl hover:shadow-10",children:[(0,n.jsx)(s.A,{src:p,className:"rounded-t-2xl"}),(0,n.jsxs)("div",{className:"flex flex-col gap-2 px-4 pb-4",children:[(0,n.jsxs)("div",{className:"flex flex-col gap-1",children:[(0,n.jsx)(d.default.SemiBoldText,{children:t}),(0,n.jsx)(d.default.MutedText,{sm:!0,children:i})]}),(0,n.jsxs)("div",{className:"flex justify-between",children:[(0,n.jsxs)("div",{className:"flex gap-1 items-center text-gray-500",children:[(0,n.jsx)("span",{className:"text-gray-500",children:(0,n.jsx)(c.LabelTagIcon,{size:16})}),(0,n.jsx)("span",{children:null==m?void 0:m.map((e,l)=>(0,n.jsxs)("span",{children:[(0,n.jsx)(o(),{className:"text-gray-500 hover:underline text-xs",href:null==e?void 0:e.link,target:"_blank",onClick:e=>{e.stopPropagation()},children:null==e?void 0:e.label}),m.length-1===l?"":", "]},null==e?void 0:e.id))})]}),(null==x?void 0:x.profilePicture)?(0,n.jsxs)("span",{children:[(0,n.jsx)(a(),{"data-tip":!0,"data-for":"build-by-vinit",role:"none",src:null==x?void 0:x.profilePicture,width:20,height:20,className:"w-5 h-5 object-cover "}),(0,n.jsx)(u.A,{id:"build-by-vinit",text:"Built by ".concat(null==x?void 0:x.fullName)})]}):(0,n.jsxs)("span",{children:[(0,n.jsx)("span",{"data-tip":!0,"data-for":g,children:(0,n.jsx)(h.As,{size:20})}),(0,n.jsx)(u.A,{id:g,text:"Built by Peerlist"})]})]})]})]})}},86637:(e,l,t)=>{"use strict";t.r(l),t.d(l,{default:()=>K});var n,r,o,i,a=t(37876),s=t(14232),d=t(15055),c=t(11023),u=t(63414),h=t(83872);let m={borderRadius:"8px",borderColor:"rgba(255, 255, 255, 0.1)"},f={peerlist:{id:"peerlist",name:"Peerlist",domain:"https://peerlist.io/",config:{...m,background:"linear-gradient(120deg, #27AE60 0%, #00AA45 100%)",codeBackground:"#ffffff",textColor:"#000000",lineNumberColor:"#6e7681",caret:"#000000",borderColor:"#0000"}},"github-dark":{id:"github-dark",name:"GitHub Dark",domain:"https://github.com/",config:{...m,background:"linear-gradient(135deg, #010409 0%, #0d1117 100%)",codeBackgroun

1d:"#0d1117",textColor:"#f0f6fc",lineNumberColor:"#6e7681",caret:"#f0f6fc"}},"vscode-dark":{id:"vscode-dark",name:"VS Code Dark",domain:"https://code.visualstudio.com",config:{...m,background:"linear-gradient(135deg, #1e1e1e 0%, #252526 100%)",codeBackground:"#1e1e1e",textColor:"#cccccc",lineNumberColor:"#858585",caret:"#cccccc"}},apple:{id:"apple",name:"Apple",domain:"https://apple.com",config:{...m,background:"linear-gradient(135deg, #f5f5f7 0%, #e8e8ed 100%)",codeBackground:"#ffffff",textColor:"#1d1d1f",lineNumberColor:"#a1a1a6",caret:"#1d1d1f"}},ycombinator:{id:"ycombinator",name:"Y Combinator",domain:"https://ycombinator.com",config:{...m,background:"linear-gradient(135deg, #ff6600 0%, #ff8533 100%)",codeBackground:"#1a1a1a",textColor:"#ffffff",lineNumberColor:"#999999",caret:"#ffffff"}},perplexity:{id:"perplexity",name:"Perplexity",domain:"https://perplexity.ai",config:{...m,background:"rgb(32,32,36)",codeBackground:"#1F2222",textColor:"#e0e6ed",lineNumberColor:"#6b7280",caret:"#e0e6ed"}},microsoft:{id:"microsoft",name:"Microsoft",domain:"https://microsoft.com",config:{...m,background:"linear-gradient(135deg, #ffffff 0%, #f8f8f8 100%)",codeBackground:"#ffffff",textColor:"#000000",lineNumberColor:"#888888",caret:"#000000",borderColor:"rgba(0, 0, 0, 0.1)",borderRadius:"0px"}},anthropic:{id:"anthropic",name:"Anthropic",domain:"https://anthropic.com",config:{...m,background:"linear-gradient(135deg, #D97757 0%, #B85C3E 100%)",codeBackground:"#1C1C1E",textColor:"#F2F2F7",lineNumberColor:"#8E8E93",caret:"#F2F2F7"}}

1,discord:{id:"discord",name:"Discord",domain:"https://discord.com",config:{...m,background:"linear-gradient(135deg, #2c2f33 0%, #5865f2 100%)",codeBackground:"#2c2f33",textColor:"#ffffff",lineNumberColor:"#8e9297",caret:"#ffffff"}},slack:{id:"slack",name:"Slack",domain:"https://slack.com",config:{...m,background:"linear-gradient(135deg, #4a154b 0%, #350d36 100%)",codeBackground:"#4a154b",textColor:"#ffffff",lineNumberColor:"#b083b0",caret:"#ffffff"}},figma:{id:"figma",name:"Figma",domain:"https://figma.com",config:{...m,background:"linear-gradient(135deg, #f24e1e 0%, #a259ff 50%, #1abcfe 100%)",codeBackground:"#1a1a1a",textColor:"#ffffff",lineNumberColor:"#999999",caret:"#ffffff"}},tailwind:{id:"tailwind",name:"Tailwind CSS",domain:"https://tailwindcss.com",config:{...m,background:"#72d5fe",codeBackground:"#1e1e29",textColor:"#e2e8f0",lineNumberColor:"#64748b",caret:"#e2e8f0"}}},x=null==(r=Object)||null==(n=r.entries(f))?void 0:n.map(e=>{let[l,t]=e;return{id:l,name:null==t?void 0:t.name}}),p={JAVASCRIPT:{id:"javascript",shortName:"JS",colorCode:"#F7DF1E",name:"JavaScript"},TYPESCRIPT:{id:"typescript",shortName:"TS",colorCode:"#3178C6",name:"TypeScript"},PYTHON:{id:"python",shortName:"PY",colorCode:"#3776AB",name:"Python"},JAVA:{id:"java",shortName:"JAVA",colorCode:"#ED8B00",name:"Java"},CPP:{id:"cpp",shortName:"C++",colorCode:"#00599C",name:"C++"},CSHARP:{id:"csharp",shortName:"C#",colorCode:"#239120",name:"C#"},PHP:{id:"php",shortName:"PHP",colorCode:"#777BB4",name:"PHP"},RUBY:{id:"ruby",shortName:"RB",colorCode:"#CC342D",name:"Ruby"},GO:{id:"go",shortName:"GO",colorCode:"#00ADD8",name:"Go"},RUST:{id:"rust",shortName:"RS",colorCode:"#CE422B",name:"Rust"},SWIFT:{id:"swift",shortName:"SW",colorCode:"#FA7343",name:"Swift"},KOTLIN:{id:"kotlin",shortName:"KT",colorCode:"#0095D5",name:"Kotlin"},HTML:{id:"html",shortName:"HTML",colorCode:"#E34F26",name:"HTML"},CSS:{id:"css",shortName:"CSS",colorCode:"#1572B6",name:"CSS"},JSON:{id:"json",shortName:"JSON",colorCode:"#292929",name:"JSON"},YAML:{id:"yaml",shortName:"YAML",colorCode:"#CB171E",name:"YAML"},SQL:{id:"sql",shortName:"SQL",colorCode:"#00599C",name:"SQL"},BASH:{id:"bash",shortName:"SH",colorCode:"#4EAA25",name:"Bash"}},g=null==(i=Object)||null==(o=i.values(p))?void 0:o.map(e=>({id:null==e?void 0:e.id,name:null==e?void 0:e.name})),v=[{value:16,label:"16px"},{value:24,label:"24px"},{value:32,label:"32px"},{value:48,label:"48px"},{value:64,label:"64px"},{value:80,label:"80px"}],b=[{value:1,label:"1x"},{value:2,label:"2x"},{value:3,label:"3x"}],w=[{id:"minimize",title:"Minimize",icon:(0,a.jsx)(h.MinusIcon,{size:10})},{id:"maximize",title:"Maximize",icon:(0,a.jsx)(h.SquareIcon,{size:10})},{id:"close",title:"Close",icon:(0,a.jsx)(h.CloseXIcon,{size:10})}];var C=t(63819);let j=e=>{var l;let{theme:t,size:n=16,className:r=""}=e,o=null==f||null==(l=f[t])?void 0:l.domain,i=()=>{let e=s.useMemo(()=>"".concat(Date.now()),[t]);return(0,a.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",style:{width:n,height:n,display:"inline-block",flexShrink:0},className:r,children:[(0,a.jsx)("defs",{children:(0,a.jsxs)("linearGradient",{id:"gradient-".concat(e),x1:"0%",y1:"0%",x2:"100%",y2:"100%",children:[(0,a.jsx)("stop",{offset:"0%",stopColor:"#6B7280"}),(0,a.jsx)("stop",{offset:"50%",stopColor:"#9CA3AF"}),(0,a.jsx)("stop",{offset:"100%",stopColor:"#D1D5DB"})]})}),(0,a.jsx)("circle",{cx:"12",cy:"12",r:"10",fill:"url(#gradient-".concat(e,")")})]})};return o?(0,a.jsx)("img",{src:C.default.getFaviconFromDomain({domain:o,size:16}),alt:"".concat(t," logo"),width:n,height:n,style:{display:"inline-block",flexShrink:0,borderRadius:"2px"},className:r,onError:e=>{var l;let t=document.createElement("div");t.innerHTML=i().props.children,null==(l=e.parentNode)||l.replaceChild(t.firstChild,e)},loading:"lazy"}):i()};var y=t(89311),N=t(21639),S=t(82669);let k=(0,s.memo)(e=>{let{isExporting:l,scale:t,onScaleChange:n,onExportImage:r,onCopyImage:o,isMobile:i}=e,s="undefined"!=typeof navigator&&navigator.platform.toUpperCase().indexOf("MAC")>=0?"⌘":"Ctrl",d=[{title:"Save PNG",isShift:!1,key:"S",icon:(0,a.jsx)(h.ImageIcon,{size:16}),click:r,disabled:l,modKey:s},{title:"Copy Image",isShift:!1,key:"C",icon:(0,a.jsx)(h.CopyIcon,{size:16}),click:o,disabled:l,modKey:s}];return(0,a.jsx)("div",{children:(0,a.jsxs)(c.A,{dropdownButton:(0,a.jsx)(N.Ay.Carbon,{medium:!0,iconLeft:l?(0,a.jsx)(S.A,{color:"text-gray-00"}):(0,a.jsx)(h.DownloadIcon,{size:16}),iconRight:(0,a.jsx)(h.ChevronDownIcon,{size:16}),children:l?"Exporting...":"Export Image"}),width:"w-56",align:"end",disabledDropdown:l,className:"flex flex-col gap-1",children:[null==d?void 0:d.map(e=>(0,a.jsx)(A,{data:e},null==e?void 0:e.title)),(0,a.jsx)(T,{scale:t,onScaleChange:n,isMobile:i})]})})}),A=e=>{let{data:l}=e,{title:t,isShift:n,key:r,icon:o,click:i,shiftKey:s,isExporting:d,modKey:u}=l;return(0,a.jsxs)(c.e.Item,{onClick:i,disabled:d,className:"flex items-center justify-between bg-gray-00 hover:bg-gray-100",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[o,(0,a.jsx)("span",{className:"flex-1",children:t})]}),(0,a.jsxs)("div",{className:"flex items-center gap-1 text-xs text-muted-foreground",children:[(0,a.jsx)("kbd",{className:"px-1.5 py-0.5 text-xs  bg-gray-100 rounded font-mono",children:u}),n&&(0,a.jsx)("kbd",{className:"px-1.5 py-0.5 text-xs  bg-gray-100 rounded font-mono",children:s}),(0,a.jsx)("kbd",{className:"px-1.5 py-0.5 text-xs bg-gray-100 rounded font-mono",children:r})]})]})},T=e=>{let{scale:l,onScaleChange:t,isMobile:n}

1=e,[r,o]=(0,s.useState)(!1),i=(0,s.useRef)(null);return(0,s.useEffect)(()=>{let e=e=>{i.current&&!i.current.contains(e.target)&&o(!1)};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[]),(0,a.jsxs)("div",{className:"relative",ref:i,onMouseEnter:()=>{o(!0)},onMouseLeave:()=>{o(n)},children:[(0,a.jsxs)(c.e.Item,{onClick:e=>{e.preventDefault(),e.stopPropagation(),o(!0)},className:"flex items-center justify-between bg-gray-00 hover:bg-gray-100",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)(h.BoundingBoxIcon,{size:16}),(0,a.jsx)("span",{className:"flex-1",children:"Export Quality"})]}),(0,a.jsxs)("div",{className:"flex items-center gap-1",children:[(0,a.jsxs)("span",{className:"text-xs text-muted-foreground",children:[l,"x"]}),(0,a.jsx)(h.ChevronRightIcon,{size:16})]})]}),r&&(0,a.jsx)("div",{className:"absolute ".concat(n?"right-full -left-30 bottom-0":"left-full bottom-0"," w-32 rounded-xl border border-primaryBorder bg-gray-00 dark:bg-gray-25 p-1 shadow-10\n					-mt-3 -ml-0.5"),children:b.map(e=>(0,a.jsxs)(c.e.Item,{onClick:l=>{l.preventDefault(),l.stopPropagation(),t(e.value),o(!1)},className:"flex items-center justify-between bg-gray-00 hover:bg-gray-100",children:[(0,a.jsx)("span",{className:"flex-1",children:e.label}),l===e.value&&(0,a.jsx)(h.CheckIcon,{size:16})]},e.value))})]})},P=()=>{let e=new Map;return l=>{var t,n,r,o,i,a,s,d,c,u,h;let m=l.slice(0,200);if(e.has(m))return e.get(m);let f=l.trim(),x=null==p||null==(t=p.JAVASCRIPT)?void 0:t.id;if(f.startsWith("#!/bin/bash")||f.startsWith("#!/usr/bin/env bash"))x=null==(n=p.BASH)?void 0:n.id;else if(f.startsWith("<?php"))x=null==(r=p.PHP)?void 0:r.id;else if(f.startsWith("<!DOCTYPE")||f.startsWith("<html"))x=null==(o=p.HTML)?void 0:o.id;else if(f.startsWith("{")&&f.endsWith("}")||f.startsWith("[")&&f.endsWith("]"))try{JSON.parse(f),x=null==(i=p.JSON)?void 0:i.id}catch(e){x=null==p||null==(a=p.JAVASCRIPT)?void 0:a.id}else f.includes("interface ")||f.includes("type ")||/:\s*(string|number|boolean|object|any)\b/.test(f)?x=null==p||null==(s=p.TYPESCRIPT)?void 0:s.id:f.includes("def ")&&f.includes(":")?x=null==p||null==(d=p.PYTHON)?void 0:d.id:f.includes("public class")||f.includes("System.out.println")?x=null==p||null==(c=p.JAVA)?void 0:c.id:f.includes("using System")||f.includes("Console.WriteLine")?x=null==p||null==(u=p.CSHARP)?void 0:u.id:(f.includes("#include")||f.includes("std::"))&&(x=null==p||null==(h=p.CPP)?void 0:h.id);return e.size>100&&e.clear(),e.set(m,x),x}},E=(0,s.memo)(e=>{var l;let{syntaxTheme:t}=e;return t===(null==f||null==(l=f.microsoft)?void 0:l.id)?(0,a.jsx)("div",{className:"flex items-center justify-end h-8 mb-0",children:(0,a.jsx)("div",{className:"flex items-center h-8 justify-end",children:null==w?void 0:w.map(e=>(0,a.jsx)("span",{className:"flex items-center justify-center transition-colors text-gray-400 duration-200 w-[46px] h-[32px] border-none bg-transparent cursor-pointer",title:null==e?void 0:e.title,"aria-label":null==e?void 0:e.title,children:null==e?void 0:e.icon},null==e?void 0:e.title))})}):(0,a.jsx)("div",{className:"flex items-center h-6 mb-1",children:(0,a.jsxs)("div",{className:"flex items-center gap-2 w-14 h-6 ",children:[(0,a.jsx)("div",{className:"w-3 h-3 rounded-full bg-red-500"}),(0,a.jsx)("div",{className:"w-3 h-3 rounded-full bg-yellow-500"}),(0,a.jsx)("div",{className:"w-3 h-3 rounded-full bg-green-500"})]})})}),R=e=>{var l,t,n,r,o,i,s,d,c,u,h,m,f,x,g,v,b,w,C,j,y,N,S,k,A,T,P,E,R,B,L,I,z,M,O,D,W,H,F,_,J,U,Y,G,V,K,Q,X,q,$;let{language:Z,size:ee=16,className:el=""}=e,et={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",style:{width:ee,height:ee,display:"inline-block",flexShrink:0},className:el},en=function(e,l){let t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"#fff";return(0,a.jsxs)("svg",{...et,children:[(0,a.jsx)("rect",{width:"24",height:"24",fill:e,rx:"4"}),(0,a.jsx)("text",{x:"12",y:"16",fontSize:"8",fontFamily:"monospace",textAnchor:"middle",fill:t,fontWeight:"bold",children:l})]})};switch(Z){case null==p||null==(l=p.TYPESCRIPT)?void 0:l.id:return(0,a.jsxs)("svg",{...et,children:[(0,a.jsx)("rect",{width:"24",height:"24",fill:null==p||null==(j=p.TYPESCRIPT)?void 0:j.colorCode,rx:"4"}),(0,a.jsx)("text",{x:"12",y:"16",fontSize:"8",fontFamily:"monospace",textAnchor:"middle",fill:"white",fontWeight:"bold",children:"TS"})]});case null==p||null==(t=p.JAVASCRIPT)?void 0:t.id:return(0,a.jsxs)("svg",{...et,children:[(0,a.jsx)("rect",{width:"24",height:"24",fill:null==p||null==(y=p.JAVASCRIPT)?void 0:y.colorCode,rx:"4"}),(0,a.jsx)("text",{x:"12",y:"16",fontSize:"8",fontFamily:"monospace",textAnchor:"middle",fill:"#000",fontWeight:"bold",children:"JS"})]});case null==p||null==(n=p.PYTHON)?void 0:n.id:return(0,a.jsxs)("svg",{...et,children:[(0,a.jsx)("rect",{width:"24",height:"24",fill:null==p||null==(N=p.PYTHON)?void 0:N.colorCode,rx:"4"}),(0,a.jsx)("text",{x:"12",y:"16",fontSize:"8",fontFamily:"monospace",textAnchor:"middle",fill:"white",fontWeight:"bold",children:"PY"})]});case null==p||null==(r=p.JAVA)?void 0:r.id:return en(null==p||null==(S=p.JAVA)?void 0:S.colorCode,null==p||null==(k=p.JAVA)?void 0:k.short

1Name);case null==p||null==(o=p.CPP)?void 0:o.id:return en(null==p||null==(A=p.CPP)?void 0:A.colorCode,null==p||null==(T=p.CPP)?void 0:T.shortName);case null==p||null==(i=p.CSHARP)?void 0:i.id:return en(null==p||null==(P=p.CSHARP)?void 0:P.colorCode,null==p||null==(E=p.CSHARP)?void 0:E.shortName);case null==p||null==(s=p.PHP)?void 0:s.id:return en(null==p||null==(R=p.PHP)?void 0:R.colorCode,null==p||null==(B=p.PHP)?void 0:B.shortName);case null==p||null==(d=p.RUBY)?void 0:d.id:return en(null==p||null==(L=p.RUBY)?void 0:L.colorCode,null==p||null==(I=p.RUBY)?void 0:I.shortName);case null==p||null==(c=p.GO)?void 0:c.id:return en(null==p||null==(z=p.GO)?void 0:z.colorCode,null==p||null==(M=p.GO)?void 0:M.shortName);case null==p||null==(u=p.RUST)?void 0:u.id:return en(null==p||null==(O=p.RUST)?void 0:O.colorCode,null==p||null==(D=p.RUST)?void 0:D.shortName);case null==p||null==(h=p.SWIFT)?void 0:h.id:return en(null==p||null==(W=p.SWIFT)?void 0:W.colorCode,null==p||null==(H=p.SWIFT)?void 0:H.shortName);case null==p||null==(f=p.LANGUAGE)||null==(m

1=f.KOTLIN)?void 0:m.id:return en(null==p||null==(F=p.KOTLIN)?void 0:F.colorCode,null==p||null==(_=p.KOTLIN)?void 0:_.shortName);case null==p||null==(x=p.HTML)?void 0:x.id:return(0,a.jsxs)("svg",{...et,children:[(0,a.jsx)("rect",{width:"24",height:"24",fill:null==p||null==(J=p.HTML)?void 0:J.colorCode,rx:"4"}),(0,a.jsx)("text",{x:"12",y:"16",fontSize:"7",fontFamily:"monospace",textAnchor:"middle",fill:"white",fontWeight:"bold",children:"HTML"})]});case null==p||null==(g=p.CSS)?void 0:g.id:return en(null==p||null==(U=p.CSS)?void 0:U.colorCode,null==p||null==(Y=p.CSS)?void 0:Y.shortName);case null==p||null==(v=p.JSON)?void 0:v.id:return(0,a.jsxs)("svg",{...et,children:[(0,a.jsx)("rect",{width:"24",height:"24",fill:null==p||null==(G=p.JSON)?void 0:G.colorCode,rx:"4"}),(0,a.jsx)("text",{x:"12",y:"16",fontSize:"8",fontFamily:"monospace",textAnchor:"middle",fill:"#FFA500",fontWeight:"bold",children:"{}"})]});case null==p||null==(b=p.YAML)?void 0:b.id:return en(null==p||null==(V=p.YAML)?void 0:V.colorCode,null==p||null==(K=p.YAML)?void 0:K.shortName);case null==p||null==(w=p.SQL)?void 0:w.id:return en(null==p||null==(Q=p.SQL)?void 0:Q.colorCode,null==p||null==(X=p.SQL)?void 0:X.shortName);case null==p||null==(C=p.BASH)?void 0:C.id:return(0,a.jsxs)("svg",{...et,children:[(0,a.jsx)("rect",{width:"24",height:"24",fill:null==p||null==(q=p.BASH)?void 0:q.colorCode,rx:"4"}),(0,a.jsx)("text",{x:"12",y:"16",fontSize:"8",fontFamily:"monospace",textAnchor:"middle",fill:"white",fontWeight:"bold",children:"$_"})]});default:return(0,a.jsxs)("svg",{...et,children:[(0,a.jsx)("rect",{width:"24",height:"24",fill:null==p||null==($=p.JAVASCRIPT)?void 0:$.colorCode,rx:"4"}),(0,a.jsx)("text",{x:"12",y:"16",fontSize:"8",fontFamily:"monospace",textAnchor:"middle",fill:"#000",fontWeight:"bold",children:"JS"})]})}},B=(0,s.memo)(e=>{let{config:l,onUpdate:t,onThemePreview:n,onPaddingPreview:r,isExporting:o,scale:i,onScaleChange:s,onExportImage:d,onCopyImage:c,isMobile:h,previewRef:m}=e;return(0,a.jsxs)("div",{className:"flex flex-row px-4 lg:px-6 lg:gap-7 items-center max-w-full w-full gap-4  overflow-x-auto whitespace-nowrap  md:pb-0 md:whitespace-normal",children:[(0,a.jsx)(L,{label:"Theme",options:x,selectedValue:l.syntaxTheme,onChange:e=>{t({syntaxTheme:e}),n(null)},onHover:e=>{n(e)},renderIcon:e=>(0,a.jsx)(j,{theme:e,size:14})}),(0,a.jsx)(L,{label:"Language",options:g,selectedValue:l.language,onChange:e=>{t({language:e})},renderIcon:e=>(0,a.jsx)(R,{language:e,size:14})}),(0,a.jsx)(L,{label:"Padding",options:v,selectedValue:l.padding,onChange:e=>{t({padding:parseInt(e.toString(),10)}),r&&r(null)},onHover:e=>{r&&r(e)}}),(0,a.jsxs)("div",{className:"space-y-2  flex-shrink-0 md:min-w-0 md:flex-shrink",children:[(0,a.jsx)(y.default.NormalText,{xs:!0,children:"Backgroun

1d"}),(0,a.jsx)("div",{className:"flex items-center py-1.5  w-20",children:(0,a.jsx)(u.A,{enabled:l.showBackground,setEnabled:()=>t({showBackground:!l.showBackground}),className:"!justify-start !w-auto"})})]}),(0,a.jsxs)("div",{className:"space-y-2  flex-shrink-0 md:min-w-0 md:flex-shrink",children:[(0,a.jsx)(y.default.NormalText,{xs:!0,children:"Window Control"}),(0,a.jsx)("div",{className:"flex items-center py-1.5  w-20",children:(0,a.jsx)(u.A,{enabled:l.showWindowControls,setEnabled:()=>t({showWindowControls:!l.showWindowControls}),className:"!justify-start !w-auto"})})]}),(0,a.jsxs)("div",{className:"space-y-2  flex-shrink-0 md:min-w-0 md:flex-shrink",children:[(0,a.jsx)(y.default.NormalText,{xs:!0,children:"Line Numbers"}),(0,a.jsx)("div",{className:"flex items-center py-1.5  w-20",children:(0,a.jsx)(u.A,{enabled:l.showLineNumbers,setEnabled:()=>t({showLineNumbers:!l.showLineNumbers}),className:"!justify-start !w-auto"})})]}),(0,a.jsx)("div",{className:"space-y-2  flex-shrink-0 md:min-w-0 md:flex-shrink",children:(0,a.jsx)(k,{previewRef:m,config:l,isExporting:o,scale:i,onScaleChange:s,onExportImage:d,onCopyImage:c,isMobile:h})})]})}),L=e=>{let{label:l,options:t,selectedValue:n,onChange:r,onHover:o=()=>{},renderIcon:i=null,getOptionLabel:s=e=>{var l;return(null==e?void 0:e.label)||(null==e?void 0:e.name)||(null==p||null==(l=p.JAVASCRIPT)?void 0:l.name)},getOptionValue:d=e=>{var l;return(null==e?void 0:e.value)||(null==e?void 0:e.id)||(null==p||null==(l=p.JAVASCRIPT)?void 0:l.id)}}=e,u=t.find(e=>d(e)===n);return(0,a.jsxs)("div",{className:"space-y-2 flex-shrink-0 md:min-w-0 md:flex-shrink",children:[(0,a.jsx)(y.default.NormalText,{xs:!0,children:l}),(0,a.jsx)(c.A,{dropdownButton:(0,a.jsxs)("div",{className:"flex items-center justify-between w-full px-3 py-1 text-sm bg-gray-00 dark:bg-gray-25 border border-primaryBorder rounded-lg transition-colors hover:bg-gray-100",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2 flex-1 min-w-0 

1w-20",children:[null==i?void 0:i(n),(0,a.jsx)("span",{className:"truncate",children:s(u)})]}),(0,a.jsx)(h.ChevronDownIcon,{size:16,className:"opacity-50 flex-shrink-0"})]}),className:"p-0 !space-y-0 min-w-[200px] max-h-86 hide-scrollbar overflow-auto",width:"w-full",align:"start",children:t.map(e=>{let l=d(e);return(0,a.jsxs)(c.e.Item,{onClick:()=>r(l),onMouseEnter:()=>o(l),onMouseLeave:()=>o(null),className:"flex items-center gap-2",selectedOption:l===n,children:[null==i?void 0:i(l),s(e)]},l)})})]})};var I=t(99665),z=t(7589);let M={left:"left",right:"right"},O=e=>{let{children:l,size:t,minWidth:n=400,maxWidth:r=896,onResizeStart:o,onResize:i,onResizeStop:d,enable:c={left:!0,right:!0},handleStyles:u={},handleClasses:h={}}=e,[m,f]=(0,s.useState)(!1),[x,p]=(0,s.useState)("string"==typeof(null==t?void 0:t.width)?parseInt(t.width,10):(null==t?void 0:t.width)||600),g=(0,s.useRef)(null),v=(0,s.useRef)(null),b=(0,s.useRef)(null),w=(0,s.useRef)(!1),C=(0,s.useRef)({x:0,width:0});(0,s.useEffect)(()=>{let e=Math.min(Math.max("string"==typeof(null==t?void 0:t.width)?parseInt(t.width,10):(null==t?void 0:t.width)||x,n),r);p(e),(null==g?void 0:g.current)&&(g.current.style.width="".concat(e,"px"))},[null==t?void 0:t.width,n,r]);let j=(0,s.useCallback)((e,l)=>{var t,a,s;if(!c[l]||(null==w?void 0:w.current))return;e.preventDefault(),e.stopPropagation();let u=null==g||null==(t=g.current)?void 0:t.getBoundingClientRect(),h=null==u?void 0:u.width;f(!0),w.current=!0,C.current={x:e.clientX||(null==(s=e.touches)||null==(a=s[0])?void 0:a.clientX)||0,width:h},v.current=l,g.current&&(g.current.style.transition="none"),null==o||o(e);let m=e=>{var t,o;if(!(null==w?void 0:w.current))return;let a=(null==e?void 0:e.clientX)||(null==e||null==(o=e.touches)||null==(t=o[0])?void 0:t.clientX)||0;(null==b?void 0:b.current)&&cancelAnimationFrame(null==b?void 0:b.current),b.current=requestAnimationFrame(()=>{let t="right"===l?a-C.current.x:C.current.x-a,o=Math.min(Math.max(C.current.width+t,n),r);p(o),(null==g?void 0:g.current)&&(g.current.style.width="".concat(o,"px"));let s=o-C.current.width;null==i||i(e,l,g.current,{width:s})})},x=e=>{if(!w.current)return;b.current&&(cancelAnimationFrame(b.current),b.current=null),w.current=!1,f(!1),g.current&&(g.current.style.transition="");let t=g.current.offsetWidth-C.current.width;null==d||d(e,l,g.current,{width:t}),document.removeEventListener("mousemove",m),document.removeEventListener("mouseup",x),document.removeEventListener("touchmove",m),document.removeEventListener("touchend",x)};document.addEventListener("mousemove",m,{passive:!1}),document.addEventListener("mouseup",x),document.addEventListener("touchmove",m,{passive:!1}),document.addEventListener("touchend",x)},[c,o,i,d,n,r]);(0,s.useEffect)(()=>()=>{b.current&&cancelAnimationFrame(b.current),w.current=!1},[]);let y={left:{width:"8px",height:"100%",left:"-4px",top:"0",cursor:c.left?"ew-resize":"default",background:"transparent",borderRadius:"4px",position:"absolute",willChange:"transform",touchAction:"none",zIndex:1,userSelect:"none",WebkitUserSelect:"none",msUserSelect:"none"},right:{width:"8px",height:"100%",right:"-4px",top:"0",cursor:c.right?"ew-resize":"default",background:"transparent",borderRadius:"4px",position:"absolute",willChange:"transform",touchAction:"none",zIndex:1,userSelect:"none",WebkitUserSelect:"none",msUserSelect:"none"}};return(0,a.jsxs)("div",{ref:g,style:{position:"relative",width:"".concat(x,"px"),height:(null==t?void 0:t.height)||"auto",transition:m?"none":"width 0.1s ease-out",willChange:"width",touchAction:"none",userSelect:"none",WebkitUserSelect:"none",msUserSelect:"none",minWidth:"".concat(n,"px"),maxWidth:"".concat(r,"px")},children:[c.left?(0,a.jsx)("div",{className:h.left||"",style:{...y.left,...u.left},onMouseDown:e=>j(e,null==M?void 0:M.left),onTouchStart:e=>{e.preventDefault(),j(e,null==M?void 0:M.left)}}):null,c.right?(0,a.jsx)("div",{className:h.right||"",style:{...y.right,...u.right},onMouseDown:e=>j(e,null==M?void 0:M.right),onTouchStart:e=>{e.preventDefault(),j(e,null==M?void 0:M.right)}}):null,l]})},D=(0,I.$)(z.l),W=(0,s.forwardRef)((e,l)=>{let{config:t,previewTheme:n,previewPadding:r,onUpdate:o,onResetWidth:i,isExporting:d=!1,isPreviewingTheme:c=!1,isPreviewingPadding:u=!1,isMobile:h=!1}

1=e,[m,x]=(0,s.useState)(t.code),[p,g]=(0,s.useState)(!1),[v,b]=(0,s.useState)(t.syntaxTheme),[w,C]=(0,s.useState)(!1),[j,N]=(0,s.useState)(null),S=(0,s.useRef)(null),k=(0,s.useRef)(null),A=n||t.syntaxTheme,T=null!==r?r:t.padding,R=p?v:A,B=(0,s.useMemo)(()=>(e=>{var l,t;return(null==f||null==(l=f[e])?void 0:l.config)||(null==(t=f.peerlist)?void 0:t.config)})(R),[R]);function L(e){if("text"===e.type)return e.value;if("element"===e.type){let{tagName:l}=e,t=Object.entries(e.properties||{}).reduce((e,l)=>{let[t,n]=l;return"className"===t&&Array.isArray(n)?"".concat(e,' class="').concat(n.join(" "),'"'):"string"==typeof n||"number"==typeof n?"".concat(e," ").concat(t,'="').concat(n,'"'):e},""),n=e.children?e.children.map(e=>L(e)).join(""):"";return"<".concat(l).concat(t,">").concat(n,"</").concat(l,">")}return"root"===e.type&&e.children?e.children.map(e=>L(e)).join(""):""}(0,s.useEffect)(()=>{p||b(A)},[A,p]),(0,s.useEffect)(()=>{x(t.code)},[t.code]);let I=(0,s.useMemo)(()=>m.split(/\r?\n/).map((e,l)=>{try{let n=l+1;if(!e&&""!==e)return{lineNumber:n,html:"&nbsp;",height:21};let r=e.match(/^[\s]*/)[0],o=r.replace(/ /g,"&nbsp;"),i=e.slice(r.length);if(!i)return{lineNumber:n,html:o,height:21};let a=D.highlight(t.language,i),s=L(a);return{lineNumber:n,html:o+s,height:21}}catch(t){try{let t=D.highlightAuto(e),n=L(t);return{lineNumber:l+1,html:n||"&nbsp;",height:21}}catch(t){return{lineNumber:l+1,html:e.replace(/ /g,"&nbsp;")||"&nbsp;",height:21}}}}),[m,t.language,w,j]),z=(0,s.useRef)(new Map),M=(0,s.useRef)(null);(0,s.useEffect)(()=>{if(!k.current)return;let e=k.current.querySelectorAll(".line"),l=new Map;e.forEach((e,t)=>{l.set(t,e.offsetHeight)}),z.current=l,W()},[m,j,t,h]);let W=(0,s.useCallback)(()=>{if(!M.current)return;let e=M.current.children,l=k.current.querySelectorAll(".line");Array.from(e).forEach((e,t)=>{var n;let r=(null==(n=l[t])?void 0:n.offsetHeight)||21;e.style.height="".concat(r,"px")})},[]),H=(0,s.useCallback)(e=>{k.current&&(k.current.scrollTop=e.target.scrollTop,k.current.scrollLeft=e.target.scrollLeft)},[]),F=(0,s.useCallback)(e=>{e.preventDefault();let l=e.clipboardData.getData("text");if(l.trim())if(p){let t=e.target.selectionStart,n=e.target.selectionEnd,r=m||"";x(r.substring(0,t)+l+r.substring(n)),setTimeout(()=>{if(S.current){let e=t+l.length;S.current.selectionStart=e,S.current.selectionEnd=e}},0)}else{let e=P(l),n=t.code||"",r=n?"".concat(n,"\n").concat(l):l;o({code:r,language:e}),x(r)}},[o,p,m,t.code]),_=(0,s.useCallback)(()=>{b(A),g(!0),setTimeout(()=>{S.current&&S.current.focus()},0)},[A]),J=(0,s.useCallback)(e=>{o({code:e.target.value}),x(e.target.value)},[]),U=(0,s.useCallback)(()=>{if(g(!1),m!==t.code){let e=P(m);o({code:m,language:e})}},[m,t.code,o]),Y=(0,s.useCallback)(e=>{"Escape"===e.key&&(x(t.code),g(!1))},[t.code]),G=(0,s.useCallback)(()=>I.length>99?"48px":I.length>9?"32px":"24px",[I.length]),V=(0,s.useCallback)(()=>{let e=t.showBackground,l=d||c||u?"no-transitions":"";return"".concat("".concat(e?"shadow-2xl":"shadow-md"," overflow-hidden")," code-preview-glass ").concat(l)},[t.showBackground,R,d,c,u]),K=(0,s.useCallback)(()=>({width:"100%",backgroundColor:B.codeBackground,border:"1px solid ".concat(B.borderColor),borderRadius:B.borderRadius}),[B]),Q=(0,s.useCallback)(()=>{var e;let l=R===(null==f||null==(e=f.microsoft)?void 0:e.id)?"px-0 pt-0 pb-0":"px-4 pt-2 pb-1",n=d||c||u?"":"transition-all duration-200",r=t.showWindowControls?"opacity-100 h-auto":"opacity-0 h-0 overflow-hidden";return"".concat(l," ").concat(n," ").concat(r)},[R,d,c,u,t.showWindowControls]),X=(0,s.useCallback)(()=>({backgroundColor:B.codeBackground,borderTopLeftRadius:B.borderRadius,borderTopRightRadius:B.borderRadius}),[B]),q=(0,s.useMemo)(()=>{let e={display:"flex",alignItems:"center",justifyContent:"center"};if(t.showBackground){let l={...e,padding:"".concat(T,"px"),minHeight:"400px"};return l.background=B.background,l}return{...e,padding:"".concat(T,"px"),minHeight:"300px"}},[t.showBackground,T,B.background,R]),$=(0,s.useCallback)(()=>{C(!0),N(t.width)},[t.width]),Z=(0,s.useCallback)((e,l,n,r)=>{N(Math.min(Math.max(t.width+r.width,400),896))},[t.width]),ee=(0,s.useCallback)((e,l,n,r)=>{o({width:Math.min(Math.max(t.width+r.width,400),896)}),C(!1),N(null)},[t.width,o]),el=w?j:t.width,et=600!==t.width,en=w||et,er=!w&&et;return(0,a.jsx)("div",{className:"flex items-center justify-center mb-20 isolate lg:max-w-full codeshot",children:(0,a.jsx)(O,{size:{

1width:h?"400px":t.width,height:"auto"},onResizeStart:$,onResize:Z,onResizeStop:ee,minWidth:400,maxWidth:896,enable:{left:!h,right:!h},handleStyles:{left:{width:"8px",height:"100%",left:"-4px",top:"0",cursor:h?"default":"ew-resize",background:"transparent",borderRadius:"4px"},right:{width:"8px",height:"100%",right:"-4px",top:"0",cursor:h?"default":"ew-resize",background:"transparent",borderRadius:"4px"}},handleClasses:{left:h?"":"hover:bg-primary/20 transition-colors duration-200 resize-handle",right:h?"":"hover:bg-primary/20 transition-colors duration-200 resize-handle"},children:(0,a.jsxs)("div",{ref:l,style:q,className:"relative",children:[(0,a.jsx)("div",{className:"absolute top-0 left-1/2  z-10 font-mono \n              text-xs font-medium whitespace-nowrap mb-4 -translate-x-1/2 -translate-y-6 transform ".concat(er?"pointer-events-auto cursor-pointer":"pointer-events-none cursor-default"),onClick:er?i:void 0,onKeyDown:e=>{er&&("Enter"===e.key||" "===e.key)&&(e.preventDefault(),i())},role:"button",tabIndex:er?0:-1,title:er?"Click to reset width to 600px":void 0,children:en&&el?er?"Reset":"".concat(el,"px"):h?null:(0,a.jsx)(y.default.MutedText,{className:"text-center",children:"Drag the image edges to resize."})}),(0,a.jsxs)("div",{className:V(),style:K(),children:[(0,a.jsx)("div",{className:Q(),style:X(),children:(0,a.jsx)(E,{syntaxTheme:R})}),(0,a.jsx)("div",{className:"px-6 relative",children:(0,a.jsxs)("div",{className:"relative flex",children:[(0,a.jsx)("div",{ref:M,className:"select-none mt-4 flex-shrink-0 line-numbers-column h-fit text-sm pt-1 pb-1 text-right overflow-hidden ",style:{color:B.lineNumberColor,paddingRight:t.showLineNumbers?"16px":"0px",borderRight:t.showLineNumbers?"1px solid ".concat(B.lineNumberColor,"20"):"none",minWidth:t.showLineNumbers?G():"0px",width:t.showLineNumbers?G():"0px"},children:I.map(e=>(0,a.jsx)("div",{className:"flex items-center justify-end min-h-5 h-auto",children:e.lineNumber},"line-number-".concat(e.lineNumber)))}),(0,a.jsxs)("div",{className:"relative flex-1 max-w-full max-h-full overflow-hidden",children:[(0,a.jsx)("textarea",{ref:S,value:m,onChange:J,onBlur:U,onKeyDown:Y,onPaste:F,onScroll:H,className:"absolute hide-scrollbar inset-0 ml-4 w-full max-h-full resize-none text-transparent z-20 outline-none overflow-hidden",style:{padding:"20px",fontSize:"14px",lineHeight:"1.5",fontFamily:"monospace",caretColor:B.caret,whiteSpace:"pre-wrap",overflowWrap:"break-word",wordWrap:"break-word",wordBreak:"normal",minHeight:"120px",color:"transparent",WebkitTextFillColor:"transparent",position:"absolute",left:0,top:0,margin:0,border:0,background:"none",overflow:"auto",tabSize:2},spellCheck:!1,autoComplete:"off",autoCorrect:"off",autoCapitalize:"off",tabIndex:p?0:-1}),(0,a.jsx)("div",{ref:k,className:"relative overflow-auto pointer-events-none",onClick:_,onKeyDown:e=>{("Enter"===e.key||" "===e.key)&&(e.preventDefault(),_())},role:"textbox",tabIndex:0,style:{cursor:p?"text":"pointer",minHeight:"120px",position:"relative",padding:"4px",margin:0,pointerEvents:p?"none":"auto"},children:(0,a.jsx)("pre",{className:"m-0 outline-none max-h-full overflow-hidden bg-transparent dark:bg-transparent",children:(0,a.jsx)("code",{className:"language-".concat(t.language," block max-h-full overflow-hidden"),style:{display:"block",color:B.textColor,fontSize:"14px",lineHeight:"1.5",fontFamily:"monospace",whiteSpace:"pre-wrap",overflowWrap:"break-word",wordWrap:"break-word",wordBreak:"normal",padding:0,margin:0,background:"none",tabSize:2},children:I.map(e=>(0,a.jsx)("div",{className:"line",style:{position:"relative",minHeight:"21px",whiteSpace:"pre-wrap",overflowWrap:"break-word",wordWrap:"break-word",wordBreak:"normal"},dangerouslySetInnerHTML:{__html:e.html}},"formatted-line-".concat(e.lineNumber)))})})})]})]})})]})]})})})});var H=t(71297),F=t(70657),_=t(94296),J=t(39521),U=t(16495),Y=t(26246),G=t(5941),V=t(20841);function K(){var e,l,t;

1let n=(0,s.useRef)(null),[r,o]=(0,s.useState)(null),[i,c]=(0,s.useState)(null),[u,h]=(0,s.useState)(!1),[m,x]=(0,s.useState)(!1),[g,v]=(0,s.useState)(!1),[b,w]=(0,s.useState)(2),C=(0,J.A)(),[j,N]=(0,s.useState)({code:'function greet(name) {\n  console.log(`Hello, ${name}!`);\n  return `Welcome to CodeShot!`;\n}\n\ngreet("Developer");',language:null==p||null==(e=p.JAVASCRIPT)?void 0:e.id,syntaxTheme:null==f||null==(l=f.peerlist)?void 0:l.id,showBackground:!0,padding:C?16:64,showWindowControls:!0,showLineNumbers:!1,width:600});(0,s.useEffect)(()=>{let e=new URLSearchParams(window.location.search).get("config");if(e)try{let l=JSON.parse(atob(e));N(e=>({...e,...l}))}catch(e){}},[]);let S=(0,s.useCallback)(e=>{N(l=>({...l,...e})),e.syntaxTheme&&(o(null),h(!1)),void 0!==e.padding&&(c(null),x(!1))},[]),k=(0,s.useCallback)(e=>{o(e),h(null!==e)},[]),A=(0,s.useCallback)(e=>{c(e),x(null!==e)},[]),T=(0,s.useCallback)(()=>{S({width:600})},[S]),P=()=>{F.A.capture(_.Ay.CLICKED_ON_CODESHOT_SAVE_PNG);let e="codeshot".concat(new Date().getTime(),".png");(0,V.GV)(n.current,{imageName:e})},E=()=>{if(!n.current)return void H.A.ErrorToast("No preview available to copy");"undefined"!=typeof navigator&&navigator.clipboard&&(v(!0),(0,d.f7)(n.current).then(async e=>{await navigator.clipboard.write([new ClipboardItem({[e.type]:e})]),F.A.capture(_.Ay.CLICKED_ON_CODESHOT_COPY_IMAGE),H.A.SuccessToast("Copied to clipboard"),v(!1)}).catch(()=>{}))};(0,s.useEffect)(()=>{let e=e=>{(e.metaKey||e.ctrlKey)&&(("s"===e.key||"c"===e.key&&e.target&&!e.target.matches("input, textarea"))&&e.preventDefault(),"s"===e.key?(e.preventDefault(),P()):"c"===e.key&&e.target&&!e.target.matches("input, textarea")&&(e.preventDefault(),E()))};return document.addEventListener("keydown",e),()=>{document.removeEventListener("keydown",e)}},[]);let R={title:"CodeShot: Code Screenshot Generator",gImage:U.CDNImage.codeshotOGImage,description:"CodeShot lets you create beautiful images of your code snippet to share on social media."};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(G.A,{toolsMetaData:R,toolHeadLine:"Codeshot",categories:null===U.SUBROUTER_PAGES_TOOLS||void 0===U.SUBROUTER_PAGES_TOOLS||null==(t=U.SUBROUTER_PAGES_TOOLS.codeshot)?void 0:t.categories}),(0,a.jsxs)("div",{className:"mt-14 w-full min-h-screen flex flex-col items-center justify-center",children:[(0,a.jsxs)("div",{className:"container flex-1 flex flex-col",children:[(0,a.jsxs)("div",{className:"text-center py-7 md:py-10 ",children:[(0,a.jsx)(y.default.NormalText,{xxxxl:!C,xxxl:C,as:"h2",className:"italic font-instrument flex flex-col leading-120",children:"Code Screenshot Generator"}),(0,a.jsx)(y.default.NormalText,{as:"h3",lg:!0,className:"mt-4",children:"Transform your code into beautiful, shareable images."})]}),(0,a.jsx)("div",{className:"flex-1 mb-20 flex flex-col items-center justify-center ",children:(0,a.jsx)(W,{ref:n,config:j,previewTheme:r,previewPadding:i,onUpdate:S,onResetWidth:T,isExporting:g,isPreviewingTheme:u,isPreviewingPadding:m,isMobile:C})})]}),(0,a.jsx)(Q,{children:(0,a.jsx)("div",{className:"overflow-auto flex item-center",children:(0,a.jsx)(B,{config:j,onUpdate:S,onThemePreview:k,onPaddingPreview:A,isMobile:C,previewRef:n,isExporting:g,scale:b,onScaleChange:w,onExportImage:P,onCopyImage:E})})})]}),(0,a.jsx)("div",{className:"pb-30",children:(0,a.jsx)(Y.A,{})})]})}let Q=e=>{let{children:l}=e;return(0,a.jsx)("div",{"aria-label":"Center Bottom",className:"lg:w-[988px] h-24 border z-30 border-t border-b-0  border-primaryBorder box-border fixed bottom-18 lg:bottom-0  bg-gray-00 lg:py-4 max-w-full w-full   lg:left-auto lg:right-auto flex items-center justify-between",children:l})}}},e=>{e.O(0,[636,6593,8792],()=>e(e.s=23748)),_N_E=e.O()}]);