https://commcon.xyz/blog/_next/static/chunks/app/layout-1666261e23bf921d.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[185],{5421:function(e,t,r){Promise.resolve().then(r.bind(r,1523)),Promise.resolve().then(r.bind(r,49)),Promise.resolve().then(r.t.bind(r,9590,23)),Promise.resolve().then(r.t.bind(r,9422,23)),Promise.resolve().then(r.bind(r,9375)),Promise.resolve().then(r.bind(r,6675)),Promise.resolve().then(r.bind(r,6686)),Promise.resolve().then(r.bind(r,7456))},3538:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return s}});let n=e=>"/blog/".concat(e.startsWith("/")?e.slice(1):e);function s(e){let{src:t,width:r,quality:s}=e;return t.includes("https://cdn.builder.io")?t:n(t)}},9375:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return a}});var n=r(9376),s=r(2265),o=r(3664);function a(){let e=(0,n.usePathname)(),t=(0,n.useSearchParams)(),r=(0,o.U0)();return(0,s.useEffect)(()=>{if(e&&r){let n=window.origin+e;t.toString()&&(n+="?".concat(t.toString())),r.capture("$pageview",{$current_url:n})}},[e,t,r]),null}},6675:function(e,t,r){"use strict";r.d(t,{NavbarMenu:function(){return c}});var n=r(7437),s=r(2265),o=r(3145),a=r(7648),i=r(9376);function l(){return(0,n.jsxs)("svg",{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",children:[(0,n.jsx)("line",{x1:"4",x2:"20",y1:"12",y2:"12"}),(0,n.jsx)("line",{x1:"4",x2:"20",y1:"6",y2:"6"}),(0,n.jsx)("line",{x1:"4",x2:"20",y1:"18",y2:"18"})]})}function d(){return(0,n.jsxs)("svg",{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",children:[(0,n.jsx)("path",{d:"M18 6 6 18"}),(0,n.jsx)("path",{d:"m6 6 12 12"})]})}let c=e=>{let{logoSrc:t,links:r,actionButtons:c}=e,[u,h]=(0,s.useState)(!1),m=(0,i.usePathname)(),x="/blog/".concat(m.startsWith("/")?m.slice(1):m);return x.endsWith("/")&&(x=x.slice(0,-1)),(0,n.jsx)("header",{className:"flex flex-wrap md:justify-start sm:text-sm lg:text-lg md:flex-nowrap z-50 w-full py-7",children:(0,n.jsxs)("nav",{className:"relative max-w-7xl w-full flex flex-wrap md:grid md:grid-cols-12 basis-full items-center px-4 sm:px-6 md:px-8 mx-auto",children:[(0,n.jsx)("div",{className:"md:col-span-2",children:(0,n.jsx)(a.default,{className:"flex-none rounded-xl text-xl inline-block font-semibold focus:outline-none focus:opacity-80",href:"https://commcon.xyz","aria-label":"company logo",children:t?(0,n.jsx)(o.default,{className:"relative dark:drop-shadow-[0_0_0.3rem_#ffffff70] dark:invert",src:t,alt:"".concat("CommCon"," Logo"),width:150,height:67,priority:!0}):"Home"})}),(0,n.jsxs)("div",{className:"flex items-center gap-x-1 md:gap-x-2 ms-auto py-1 md:ps-4 md:order-3 md:col-span-3",children:[null==c?void 0:c.map(e=>(0,n.jsx)(a.default,{type:"button",className:"py-2 px-3 inline-flex items-center gap-x-2 text-sm font-medium rounded-xl no-underline border text-black focus:outline-none disabled:opacity-50 disabled:pointer-events-none ".concat(e.highlighted?"border-transparent bg-primary hover:brightness-90 focus:brightness-90 transition":"bg-white border-gray-200 hover:bg-gray-100 focus:bg-gray-100  dark:bg-neutral-900 dark:border-neutral-700 dark:hover:bg-white/10 dark:text-white dark:hover:text-white dark:focus:text-white"),href:e.url,children:e.title},e.title)),(0,n.jsx)("div",{className:"md:hidden",children:(0,n.jsx)("button",{type:"button",className:"hs-collapse-toggle size-[38px] flex justify-center items-center text-sm font-semibold rounded-xl border border-gray-200 text-black hover:bg-gray-100 focus:outline-none focus:bg-gray-100 disabled:opacity-50 disabled:pointer-events-none dark:text-white dark:border-neutral-700 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700",id:"hs-navbar-hcail-collapse","aria-expanded":"false","aria-controls":"hs-navbar-hcail","aria-label":"Toggle navigation",onClick:()=>h(e=>!e),children:u?(0,n.jsx)(d,{}):(0,n.jsx)(l,{})})})]}),(0,n.jsx)("div",{id:"hs-navbar-hcail",className:"hs-collapse ".concat(!u&&"hidden"," overflow-hidden transition-all duration-300 basis-full grow md:block md:w-auto md:basis-auto md:order-2 md:col-span-7"),"aria-labelledby":"hs-navbar-hcail-collapse",children:(0,n.jsx)("div",{className:"flex flex-col gap-y-4 gap-x-0 mt-5 md:flex-row md:justify-center md:items-center md:gap-y-0 md:gap-x-7 md:mt-0",children:null==r?void 0:r.map(e=>{let{title:t,url:r}=e,s=x===r;return(0,n.jsx)("div",{children:(0,n.jsx)("a",{className:"inline-block text-black decoration-primary underline-offset-4 ".concat(s?"relative focus:outline-none before:absolute before:bottom-0.5 before:start-0 before:-z-[1] before:w-full before:h-1 before:bg-primary dark:text-white":"hover:text-gray-600 focus:outline-none focus:text-gray-600 dark:text-white dark:hover:text-neutral-300 dark:focus:text-neutral-300 no-underline hover:underline"),href:r,children:t})},t)})})})]})})}},6686:function(e,t,r){"use strict";r.d(t,{CMSContextProvider:function(){return m}});var n=r(7437),s=r(2265),o=r(4495);o.Ib.registerComponent(e=>{let{text:t}=e;return(0,n.jsx)("article",{className:"prose dark:prose-invert prose-a:text-primary",children:(0,n.jsx)("div",{dangerouslySetInnerHTML:{__html:t}})})},{name:"BlogText",inputs:[{name:"text",type:"richText",defaultValue:"Hello, world!"}]});var a=r(3145);o.Ib.registerComponent(e=>{let{image:t,description:r}=e;return t?(0,n.jsxs)("figure",{children:[(0,n.jsx)(a.default,{className:"w-full object-cover rounded-xl",src:t,alt:r||"Blog image",width:800,height:400}),(0,n.jsx)("figcaption",{className:"mt-3 text-sm text-center text-gray-500 dark:text-neutral-500",children:r})]}):(0,n.jsx)(n.Fragment,{})},{name:"BlogImage",inputs:[{name:"image",type:"file",allowedFileTypes:["jpeg","jpg","png"]},{name:"description",type:"text"}]});var i=r(1740);r(2581);var l=r(3335);function d(){return(0,n.jsxs)("svg",{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",children:[(0,n.jsx)("rect",{width:"14",height:"14",x:"8",y:"8",rx:"2",ry:"2"}),(0,n.jsx)("path",{d:"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"})]})}let c=e=>{let{className:t="",message:r="",show:s=!0,dismiss:o=()=>{}}=e;return(0,n.jsx)("div",{className:(0,l.m6)("max-w-xs bg-gray-500 text-sm text-white rounded-lg shadow-lg dark:bg-neutral-700 ".concat(s?"visible":"invisible"),t),role:"alert",tabIndex:"-1","aria-labelledby":"hs-toast-solid-color-gray-label",children:(0,n.jsxs)("div",{id:"hs-toast-solid-color-gray-label",className:"flex py-2 pl-4 pr-2",children:[r,(0,n.jsx)("div",{className:"ms-2 my-auto",children:(0,n.jsxs)("button",{type:"button",className:"inline-flex shrink-0 justify-center items-center size-5 rounded-lg text-white hover:text-white opacity-50 hover:opacity-100 focus:outline-none focus:opacity-100","aria-label":"Close",onClick:o,children:[(0,n.jsx)("span",{className:"sr-only",children:"Close"}),(0,n.jsxs)("svg",{className:"shrink-0 size-4",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",children:[(0,n.jsx)("path",{d:"M18 6 6 18"}),(0,n.jsx)("path",{d:"m6 6 12 12"})]})]})})]})})},u=e=>{let{className:t="",text:r}

1=e,[o,a]=(0,s.useState)(!1);return(0,n.jsxs)("div",{className:(0,l.m6)("relative",t),children:[(0,n.jsx)("button",{className:"p-4 text-gray-200 hover:text-gray-400",onClick:()=>{try{window.navigator.clipboard.writeText(r),a(!0)}catch(e){console.error("Error copying code text to clipboard: ".concat(e.message))}},children:(0,n.jsx)(d,{})}),(0,n.jsx)(c,{className:"absolute top-12 right-4 max-w-sm text-xs",message:"Copied to clipboard!",show:o,dismiss:()=>a(!1)})]})};o.Ib.registerComponent(e=>{let{text:t,language:r="javascript"}=e;if(!t)return(0,n.jsx)(n.Fragment,{});let s=i.Z.highlight(t,{language:r}).value;return(0,n.jsxs)("div",{className:"w-full max-w-prose mx-auto relative",children:[(0,n.jsx)(u,{className:"absolute top-0 right-0",text:t}),(0,n.jsx)("pre",{className:"m-0",children:(0,n.jsx)("code",{className:"rounded-xl hljs",dangerouslySetInnerHTML:{__html:s}})})]})},{name:"CodeBlock",inputs:[{name:"text",type:"longText"},{name:"language",type:"string",defaultValue:"javascript",enum:["javascript","typescript","go","html","css","json","yaml","docker","zsh","swift","c"],helperText:"Please select the programming language (needed for server-side rendering). More languages can be made available by modifying the component."}]});let h=(0,s.createContext)(!0),m=e=>{let{children:t}=e;return o.fl.init("6c78e1408b6648dcb5ba95ac0cb74e7d"),(0,n.jsx)(h.Provider,{value:!0,children:t})}},7456:function(e,t,r){"use strict";r.d(t,{PHProvider:function(){return i}});

1var n=r(7437),s=r(6214),o=r(3664),a=r(9376);function i(e){let{children:t}=e,r=(0,a.usePathname)();if("undefined"!=typeof document){var i,l;((null===(i=document.location)||void 0===i?void 0:i.hostname)==="localhost"||(null===(l=document.location)||void 0===l?void 0:l.hostname)==="127.0.0.1")&&s.ZP.opt_out_capturing()}else"/preview"===r&&s.ZP.opt_out_capturing();return(0,n.jsx)(o.zf,{client:s.ZP,children:t})}s.ZP.init("phc_fd8Kraqxy4kLm4efMh3stKjLxUTMpwvewwTtI6mSKoS",{api_host:"https://eu.i.posthog.com",person_profiles:"identified_only",capture_pageview:!1,capture_pageleave:!0})},9422:function(){}},function(e){e.O(0,[6,878,291,521,972,890,971,30,744],function(){return e(e.s=5421)}),_N_E=e.O()}]);