https://www.svgai.org/_next/static/chunks/6792.7891d4c4d8cc8604.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6792],{11500:(e,t,r)=>{function s(){return"undefined"!=typeof window}r.d(t,{u4:()=>o});function n(){return(s()?window.vam:function(){return"production"}())||"production"}function a(){return"production"===n()}function o(e,t,r){var o,i;if(!s()){let e="[Vercel Web Analytics] Please import `track` from `@vercel/analytics/server` when using this function in a server environment";if(a())console.warn(e);else throw Error(e);return}if(!t){null==(o=window.va)||o.call(window,"event",{name:e,options:r});return}try{let s=function(e,t){if(!e)return;let r=e,s=[];for(let[n,a]of Object.entries(e))"object"==typeof a&&null!==a&&(t.strip?r=function(e,{[e]:t,...r}){return r}(n,r):s.push(n));if(s.length>0&&!t.strip)throw Error(`The following properties are not valid: ${s.join(", ")}. Only strings, numbers, booleans, and null are allowed.`);return r}(t,{strip:a()});null==(i=window.va)||i.call(window,"event",{name:e,data:s,options:r})}catch(e){e instanceof Error&&"development"===n()&&console.error(e)}}},19946:(e,t,r)=>{r.d(t,{A:()=>i});var s=r(12115);let n=(...e)=>e.filter((e,t,r)=>!!e&&""!==e.trim()&&r.indexOf(e)===t).join(" ").trim();var a={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};let o=(0,s.forwardRef)(({color:e="currentColor",size:t=24,strokeWidth:r=2,absoluteStrokeWidth:o,className:i="",children:l,iconNode:c,...d},u)=>(0,s.createElement)("svg",{ref:u,...a,width:t,height:t,stroke:e,strokeWidth:o?24*Number(r)/Number(t):r,className:n("lucide",i),...d},[...c.map(([e,t])=>(0,s.createElement)(e,t)),...Array.isArray(l)?l:[l]])),i=(e,t)=>{let r=(0,s.forwardRef)(({className:r,...a},i)=>(0,s.createElement)(o,{ref:i,iconNode:t,className:n(`lucide-${e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()}`,r),...a}));return r.displayName=`${e}`,r}},23796:(e,t,r)=>{r.r(t),r.d(t,{ConversionTracker:()=>l,calculateConversionRates:()=>i,trackABTestVariant:()=>c,trackConversionError:()=>o,trackConversionEvent:()=>a,trackPerformanceMetric:()=>d,trackPremiumCTA:()=>u,trackPremiumCTAABTest:()=>v,trackPremiumConversionFunnel:()=>m});var s=r(11500),n=r(39039);function a(e){let t=(0,n.getConverterBySlug)(e.converter);t&&((0,s.u4)(`converter_${e.step}`,{converter:e.converter,searchVolume:t.searchVolume,priority:t.priority,success:e.success,...e.metadata}),"conversion_completed"===e.step&&e.success&&function(e,t){let r=(0,n.getConverterBySlug)(e);if(!r)return;let a=t?.fileSize&&t?.outputSize?(t.outputSize/t.fileSize).toFixed(2):void 0;(0,s.u4)("conversion_success",{converter:e,searchVolume:r.searchVolume,fromFormat:r.fromFormat,toFormat:r.toFormat,conversionTime:t?.conversionTime||0,inputSize:t?.fileSize||0,outputSize:t?.outputSize||0,compressionRatio:a||"0"})}(e.converter,e.metadata))}function o(e,t,r){let a=(0,n.getConverterBySlug)(e);a&&(0,s.u4)("conversion_error",{converter:e,searchVolume:a.searchVolume,error:t,...r})}function i(e){return{...e,conversionRate:e.pageViews>0?e.conversionsCompleted/e.pageViews*100:0,dropoffRates:{viewToSelect:e.pageViews>0?(e.pageViews-e.fileSelections)/e.pageViews*100:0,selectToStart:e.fileSelections>0?(e.fileSelections-e.conversionsStarted)/e.fileSelections*100:0,startToComplete:e.conversionsStarted>0?(e.conversionsStarted-e.conversionsCompleted)/e.conversionsStarted*100:0,completeToDownload:e.conversionsCompleted>0?(e.conversionsCompleted-e.downloads)/e.conversionsCompleted*100:0}}}class l{constructor(e){this.events=[],this.converterSlug=e,this.sessionId=this.generateSessionId(),this.startTime=Date.now(),this.trackEvent("page_view",!0)}generateSessionId(){return`${Date.now()}-${Math.random().toString(36).substr(2,9)}`}trackEvent(e,t,r){let s={converter:this.converterSlug,step:e,success:t,metadata:{...r,sessionId:this.sessionId,sessionDuration:Date.now()-this.startTime}};this.events.push(s),a(s)}trackFileSelected(e,t){this.trackEvent("file_selected",!0,{fileSize:e,fileType:t})}trackConversionStarted(){this.trackEvent("conversion_started",!0)}trackConversionCompleted(e,t){this.trackEvent("conversion_completed",e,{...t,conversionTime:Date.now()-this.startTime})}trackDownload(e=!0){this.trackEvent("download_completed",e)}getSessionSummary(){return{sessionId:this.sessionId,converter:this.converterSlug,duration:Date.now()-this.startTime,events:this.events,funnel:{hasSelectedFile:this.events.some(e=>"file_selected"===e.step),hasStartedConversion:this.events.some(e=>

1"conversion_started"===e.step),hasCompletedConversion:this.events.some(e=>"conversion_completed"===e.step&&e.success),hasDownloaded:this.events.some(e=>"download_completed"===e.step)}}}}function c(e,t,r,n){(0,s.u4)("ab_test_result",{converter:e,testName:t,variant:r,outcome:n})}function d(e,t,r){let a=(0,n.getConverterBySlug)(e);a&&(0,s.u4)("performance_metric",{converter:e,searchVolume:a.searchVolume,metric:t,value:r,isHighTraffic:a.searchVolume>=1e4})}function u(e){let t=(0,n.getConverterBySlug)(e.converterType);(0,s.u4)("premium_cta_interaction",{converter:e.converterType,searchVolume:t?.searchVolume||0,priority:t?.priority||"unknown",ctaPlacement:e.ctaPlacement,ctaVariant:e.ctaVariant,targetTool:e.targetTool,action:e.action,isHighTraffic:(t?.searchVolume||0)>=1e4})}function m(e,t,r,a){let o=(0,n.getConverterBySlug)(t);(0,s.u4)("premium_conversion_funnel",{stage:e,converter:t,searchVolume:o?.searchVolume||0,targetTool:r,priority:o?.priority||"unknown",isHighTraffic:(o?.searchVolume||0)>=1e4,...a})}function v(e,t,r,a){let o=(0,n.getConverterBySlug)(e);(0,s.u4)("premium_cta_ab_test",{converter:e,searchVolume:o?.searchVolume||0,testName:t,variant:r,outcome:a,isHighTraffic:(o?.searchVolume||0)>=1e4})}},24357:(e,t,r)=>{r.d(t,{A:()=>s});let s=(0,r(19946).A)("Copy",[["rect",{width:"14",height:"14",x:"8",y:"8",rx:"2",ry:"2",key:"17jyea"}],["path",{d:"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2",key:"zix9uf"}]])},29869:(e,t,r)=>{r.d(t,{A:()=>s});let s=(0,r(19946).A)("Upload",[["path",{d:"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4",key:"ih7n3h"}],["polyline",{points:"17 8 12 3 7 8",key:"t8dd8p"}],["line",{x1:"12",x2:"12",y1:"3",y2:"15",key:"widbto"}]])},46792:(e,t,r)=>{r.r(t),r.d(t,{default:()=>g});var s=r(95155),n=r(12115),a=r(88482),o=r(97168),i=r(99474),l=r(62332),c=r(29869),d=r(53904),u=r(85339),m=r(91788),v=r(24357),f=r(56671),h=r(79567);let p=`<svg width="200" height="200" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
2  <!-- Simple star shape - try editing the colors! -->
3  <path d="M100 40 L115 80 L155 80 L125 105 L140 145 L100 120 L60 145 L75 105 L45 80 L85 80 Z" 
4        fill="#FF7043" 
5        stroke="#4E342E" 
6        stroke-width="2"/>
7</svg>`;function g(){let[e,t]=(0,n.useState)(p),[r,g]=(0,n.useState)(null),x=(0,n.useRef)(null),y=(0,n.useRef)(null),w=(0,n.useRef)(Date.now()),k=(0,h.st)("svg-editor");(0,n.useEffect)(()=>()=>{},[]),(0,n.useEffect)(()=>{let e=0,r=()=>{try{let e=window.sessionStorage.getItem("editorSvgContent");if(e&&e.length>0)return t(e),window.sessionStorage.removeItem("editorSvgContent"),f.toast.success("SVG loaded from your generated design"),!0}catch(e){}return!1};if(r())return;let s=setInterval(()=>{e++,(r()||e>=10)&&clearInterval(s)},200);return()=>clearInterval(s)},[]),(0,n.useEffect)(()=>{let e=w.current;k.startSession();let t=performance.now();return k.trackPerformance("load_time",t),()=>{let t=Math.floor((Date.now()-e)/1e3);k.endSession(t)}},[k.startSession,k.endSession,k.trackPerformance]),(0,n.useEffect)(()=>{try{let t=new DOMParser().parseFromString(e,"image/svg+xml");if(t.querySelector("parsererror"))g("Invalid SVG XML. Check that your tags and attributes are complete."),k.trackError("parse_error","Invalid SVG XML");else if("svg"!==t.documentElement.localName||"http://www.w3.org/2000/svg"!==t.documentElement.namespaceURI)g("Use an SVG root element with the SVG namespace."),k.trackError("parse_error","Missing SVG root or namespace");else{g(null);let e=t.querySelectorAll("path"),r=t.querySelectorAll("linearGradient, radialGradient"),s=t.querySelectorAll("animate, animateTransform");(e.length>10||r.length>0||s.length>0)&&k.trackFeature("complex_svg_detected",{paths:e.length,gradients:r.length,animations:s.length})}}catch(e){g("Error parsing SVG")}},[e,k.trackError,k.trackFeature]);let b=async()=>{try{await navigator.clipboard.writeText(e),f.toast.success("Copied to clipboard"),k.trackEvent("svg_copied"),k.trackFeature("copy_to_clipboard",{size:e.length})}catch(e){f.toast.error("Failed to copy")}};return(0,s.jsx)("div",{className:"relative",children:(0,s.jsxs)("div",{className:"grid lg:grid-cols-2 gap-6",children:[(0,s.jsxs)(a.Zp,{children:[(0,s.jsx)(a.aR,{children:(0,s.jsxs)(a.ZB,{className:"flex items-center justify-between",children:[(0,s.jsxs)("span",{className:"flex items-center gap-2",children:[(0,s.jsx)(l.A,{className:"w-5 h-5"}),"SVG Code Editor"]}),(0,s.jsxs)("div",{className:"flex gap-2",children:[(0,s.jsxs)(o.$,{size:"sm",variant:"outline",onClick:()=>x.current?.click(),children:[(0,s.jsx)(c.A,{className:"w-4 h-4 mr-1"}),"Upload"]}),(0,s.jsx)("input",{ref:x,type:"file",accept:".svg,image/svg+xml",onChange:e=>{let r=e.target.files?.[0];if(!r)return;if("image/svg+xml"!==r.type)return void f.toast.error("Please upload an SVG file");let s=new FileReader;s.onload=e=>{t(e.target?.result),f.toast.success("SVG file loaded"),k.trackEvent("file_uploaded",{size:r.size}),k.trackFeature("file_upload",{fileSize:r.size,fileType:r.type})},s.readAsText(r)},className:"hidden"}),(0,s.jsx)(o.$,{size:"sm",variant:"outline",onClick:()=>{t(p),f.toast.success("Reset to default"),k.trackEvent("editor_reset"),k.trackFeature("reset_to_default")},"aria-label":"Reset SVG to the example",children:(0,s.jsx)(d.A,{className:"w-4 h-4"})})]})]})}),(0,s.jsxs)(a.Wu,{children:[(0,s.jsxs)("div",{className:"relative",children:[(0,s.jsx)(i.T,{ref:y,"aria-label":"SVG code",value:e,onCh

7ange:e=>t(e.target.value),onKeyDown:r=>{if("Tab"===r.key){r.preventDefault();let s=y.current?.selectionStart||0,n=y.current?.selectionEnd||0;t(e.substring(0,s)+"  "+e.substring(n)),setTimeout(()=>{y.current&&(y.current.selectionStart=s+2,y.current.selectionEnd=s+2)},0)}},className:"font-mono text-sm min-h-[500px] resize-none",placeholder:"Paste your SVG code here...",spellCheck:!1}),r&&(0,s.jsxs)("div",{className:"absolute bottom-2 left-2 right-2 bg-destructive/10 text-destructive text-xs p-2 rounded flex items-center gap-2",children:[(0,s.jsx)(u.A,{className:"w-4 h-4"}),r]})]}),(0,s.jsxs)("div",{className:"flex gap-2 mt-4",children:[(0,s.jsxs)(o.$,{onClick:()=>{let t=new Blob([e],{type:"image/svg+xml"}),r=URL.createObjectURL(t),s=document.createElement("a");s.href=r,s.download="edited-svg.svg",document.body.appendChild(s),s.click(),document.body.removeChild(s),URL.revokeObjectURL(r),f.toast.success("SVG downloaded"),k.trackEvent("svg_downloaded"),k.trackFeature("download",{size:e.length})},className:"flex-1",children:[(0,s.jsx)(m.A,{className:"w-4 h-4 mr-2"}),"Download SVG"]}),(0,s.jsxs)(o.$,{onClick:b,variant:"outline",className:"flex-1",children:[(0,s.jsx)(v.A,{className:"w-4 h-4 mr-2"}),"Copy Code"]})]})]})]}),(0,s.jsxs)(a.Zp,{children:[(0,s.jsx)(a.aR,{children:(0,s.jsx)(a.ZB,{children:"Live Preview"})}),(0,s.jsxs)(a.Wu,{children:[(0,s.jsx)("div",{className:"bg-muted/30 rounded-lg p-4 min-h-[500px] flex items-center justify-center",children:r?(0,s.jsxs)("div",{className:"text-muted-foreground text-center",children:[(0,s.jsx)("p",{className:"text-lg mb-2",children:"Invalid SVG"}),(0,s.jsx)("p",{className:"text-sm",children:"Fix the errors to see preview"})]}):(0,s.jsx)("div",{className:"w-full h-full flex items-center justify-center",dangerouslySetInnerHTML:{__html:e}})}),(0,s.jsxs)("div",{className:"mt-4 p-4 bg-muted/30 rounded-lg",children:[(0,s.jsx)("h4",{className:"font-semibold text-sm mb-2",children:"Quick Tips:"}),(0,s.jsxs)("ul",{className:"text-sm text-muted-foreground space-y-1",children:[(0,s.jsx)("li",{children:"• Use Tab key for indentation"}),(0,s.jsx)("li",{children:"• Ctrl/Cmd + A to select all"}),(0,s.jsx)("li",{children:"• Changes appear instantly"}),(0,s.jsx)("li",{children:"• Upload SVG files with the Upload button"})]})]})]})]})]})})}},53904:(e,t,r)=>{r.d(t,{A:()=>s});let s=(0,r(19946).A)("RefreshCw",[["path",{d:"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8",key:"v9h5vc"}],["path",{d:"M21 3v5h-5",key:"1q7to0"}],["path",{d:"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16",key:"3uifl3"}],["path",{d:"M8 16H3v5",key:"1cv678"}]])},62332:(e,t,r)=>{r.d(t,{A:()=>s});let s=(0,r(19946).A)("FileCode",[["path",{d:"M10 12.5 8 15l2 2.5",key:"1tg20x"}],["path",{d:"m14 12.5 2 2.5-2 2.5",key:"yinavb"}],["path",{d:"M14 2v4a2 2 0 0 0 2 2h4",key:"tnqrlb"}],["path",{d:"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7z",key:"1mlx9k"}]])},74466:(e,t,r)=>{r.d(t,{F:()=>o});var s=r(52596);let n=e=>"boolean"==typeof e?`${e}`:0===e?"0":e,a=s.$,o=(e,t)=>r=>{var s;if((null==t?void 0:t.variants)==null)return a(e,null==r?void 0:r.class,null==r?void 0:r.className);let{variants:o,defaultVariants:i}=t,l=Object.keys(o).map(e=>{let t=null==r?void 0:r[e],s=null==i?void 0:i[e];if(null===t)return null;let a=n(t)||n(s);return o[e][a]}),c=r&&Object.entries(r).reduce((e,t)=>{let[r,s]=t;return void 0===s||(e[r]=s),e},{});return a(e,l,null==t||null==(s=t.compoundVariants)?void 0:s.reduce((e,t)=>{let{class:r,className:s,...n}=t;return Object.entries(n).every(e=>{let[t,r]=e;return Array.isArray(r)?r.includes({...i,...c}[t]):({...i,...c})[t]===r})?[...e,r,s]:e},[]),null==r?void 0:r.class,null==r?void 0:r.className)}},79567:(e,t,r)=>{r.d(t,{sr:()=>i,st:()=>o});var s=r(12115),n=r(11500),a=r(23796);function o(e){let t=(0,s.useCallback)((t,r)=>{(0,n.u4)(`${e}_${t}`,r)},[e]),r=(0,s.useCallback)((t,r,s)=>{(0,n.u4)(`${e}_error`,{error_type:t,error_message:r,...s})},[e]),a=(0,s.useCallback)((t,r)=>{(0,n.u4)(`${e}_performance`,{metric:t,value:Math.round(r)})},[e]),o=(0,s.useCallback)((t,r)=>{(0,n.u4)(`${e}_feature`,{feature:t,...r})},[e]),i=(0,s.useCallback)((t,r,s)=>{(0,n.u4)(`${e}_engagement`,{action:t,duration:r||0,...s})},[e]),l=(0,s.useCallback)((t,r)=>{(0,n.u4)("upgrade_conversion",{from_tool:e,to_feature:t,cta_location:r})},[e]),c=(0,s.useCallback)(()=>{i("session_started")},[i]),d=(0,s.useCallback)(e=>{i("session_ended",e)},[i]);return{trackEvent:t,trackError:r,trackPerformance:a,trackFeature:o,trackEngagement:i,trackUpgrade:l,startSession:c,endSession:d}}function i(e){let t=(0,s.useMemo)(()=>new a.ConversionTracker(e),[e]),r=(0,s.useCallback)((r,s)=>{t.trackFileSelected(r,s),(0,n.u4)(`${e}_file_selected`,{fileSize:r,fileType:s})},[e,t]),o=(0,s.useCallback)(()=>{t.trackConversionStarted(),(0,n.u4)(`${e}_conversion_started`)},[e,t]),i=(0,s.useCallback)((r,s)=>{t.trackConversionCompleted(r,s),(0,n.u4)(`${e}_conversion_completed`,{success:r,...s})},[e,t]),l=(0,s.useCallback)((r=!0)=>{t.trackDownload(r),(0,n.u4)(`${e}_download`,{success:r})},[e,t]);return{conversionTracker:t,trackFileSelected:r,trackConversionStarted:o,trackConversionCompleted:i,trackDownload:l}}},85339:(e,t,r)=>{r.d(t,{A:()=>s});let s=(0,r(19946).A)("CircleAlert",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["line",{x1:"12",x2:"12",y1:"8",y2:"12",key:"1pkeuh"}],["line",{x1:"12",x2:"12.01",y1:"16",y2:"16",key:"4dfq90"}]])},88482:(e,t,r)=>{r.d(t,{BT:()=>c,Wu:()=>d,ZB:()=>l,Zp:()=>o,aR:()=>i,wL:()=>u});var s=r(95155),n=r(12115),a=r(24026);let o=n.forwardRef(({className:e,...t},r)=>(0,s.jsx)("div",{ref:r,className:(0,a.cn)("rounded-lg border bg-card text-card-foreground shadow-sm",e),...t}));

7o.displayName="Card";let i=n.forwardRef(({className:e,...t},r)=>(0,s.jsx)("div",{ref:r,className:(0,a.cn)("flex flex-col space-y-1.5 p-6",e),...t}));i.displayName="CardHeader";let l=n.forwardRef(({className:e,...t},r)=>(0,s.jsx)("div",{ref:r,className:(0,a.cn)("text-2xl font-semibold leading-none tracking-tight",e),...t}));l.displayName="CardTitle";let c=n.forwardRef(({className:e,...t},r)=>(0,s.jsx)("div",{ref:r,className:(0,a.cn)("text-sm text-muted-foreground",e),...t}));c.displayName="CardDescription";let d=n.forwardRef(({className:e,...t},r)=>(0,s.jsx)("div",{ref:r,className:(0,a.cn)("p-6 pt-0",e),...t}));d.displayName="CardContent";let u=n.forwardRef(({className:e,...t},r)=>(0,s.jsx)("div",{ref:r,className:(0,a.cn)("flex items-center p-6 pt-0",e),...t}));u.displayName="CardFooter"},91788:(e,t,r)=>{r.d(t,{A:()=>s});let s=(0,r(19946).A)("Download",[["path",{d:"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4",key:"ih7n3h"}],["polyline",{points:"7 10 12 15 17 10",key:"2ggqvy"}],["line",{x1:"12",x2:"12",y1:"15",y2:"3",key:"1vk2je"}]])},97168:(e,t,r)=>{r.d(t,{$:()=>c,r:()=>l});var s=r(95155),n=r(12115),a=r(99708),o=r(74466),i=r(24026);let l=(0,o.F)("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",{variants:{variant:{default:"bg-primary text-primary-foreground hover:bg-primary/90",destructive:"bg-destructive text-destructive-foreground hover:bg-destructive/90",outline:"border border-input bg-background hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-12 px-4 py-2 min-h-[48px]",sm:"h-12 rounded-md px-3 min-h-[48px]",lg:"h-14 roun

7ded-md px-8 min-h-[56px]",icon:"h-12 w-12 min-h-[48px] min-w-[48px]"}},defaultVariants:{variant:"default",size:"default"}}),c=n.forwardRef(({className:e,variant:t,size:r,asChild:n=!1,...o},c)=>{let d=n?a.DX:"button";return(0,s.jsx)(d,{className:(0,i.cn)(l({variant:t,size:r,className:e})),ref:c,...o})});c.displayName="Button"},99474:(e,t,r)=>{r.d(t,{T:()=>o});var s=r(95155),n=r(12115),a=r(24026);let o=n.forwardRef(({className:e,...t},r)=>(0,s.jsx)("textarea",{className:(0,a.cn)("flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",e),ref:r,...t}));o.displayName="Textarea"}}]);