import{D as e,E as t,On as n,Zn as r,_ as i,b as a,bt as o,g as s,k as c,mt as l,o as u,qt as d,tr as f,v as p,vn as m,y as h}from"./CaODJcyn.js";import{i as g,n as _,r as v,s as ee,u as te}from"./aTmK00sy.js";import{n as y}from"./hR6dJQs-.js";import{t as ne}from"./CG64Ii0R.js";import{t as re}from"./VK4bzVgU.js";import{t as ie}from"./DA-JqyXW.js";var ae={class:`space-y-4`},oe={class:`flex items-center gap-2`},se=[`id`,`aria-selected`,`aria-controls`,`tabindex`,`aria-label`,`onClick`],ce={class:`hidden sm:inline`},le={class:`p-6`},ue={key:0,id:`social-panel-twitter`,role:`tabpanel`,"aria-labelledby":`social-tab-twitter`,class:`max-w-[500px] mx-auto`},de={class:`rounded-2xl overflow-hidden border border-neutral-200 dark:border-neutral-700`},b={key:0,class:`aspect-[1.91/1] bg-neutral-100 dark:bg-neutral-800`},x=[`src`,`alt`],S={class:`p-3`},C={class:`text-xs text-neutral-500`},w={class:`text-sm font-medium line-clamp-1`},T={class:`text-xs text-neutral-500 line-clamp-2`},E={key:1,id:`social-panel-facebook`,role:`tabpanel`,"aria-labelledby":`social-tab-facebook`,class:`max-w-[500px] mx-auto`},D={class:`rounded-lg overflow-hidden border border-neutral-200 dark:border-neutral-700 bg-neutral-50 dark:bg-neutral-800`},O={key:0,class:`aspect-[1.91/1] bg-neutral-100 dark:bg-neutral-700`},k=[`src`,`alt`],A={class:`p-3`},j={class:`text-[11px] text-neutral-500 uppercase tracking-wider`},M={class:`text-base font-semibold line-clamp-1 mt-0.5`},N={class:`text-sm text-neutral-500 line-clamp-1 mt-0.5`},P={key:2,id:`social-panel-linkedin`,role:`tabpanel`,"aria-labelledby":`social-tab-linkedin`,class:`max-w-[500px] mx-auto`},F={class:`rounded-lg overflow-hidden border border-neutral-200 dark:border-neutral-700`},I={key:0,class:`aspect-[1.91/1] bg-neutral-100 dark:bg-neutral-800`},L=[`src`,`alt`],R={class:`p-3 bg-neutral-50 dark:bg-neutral-800`},z={class:`text-sm font-semibold line-clamp-2`},B={class:`text-xs text-neutral-500 mt-1`},V={key:3,id:`social-panel-discord`,role:`tabpanel`,"aria-labelledby":`social-tab-discord`,class:`max-w-[500px] mx-auto`},H={class:`rounded-lg overflow-hidden border-l-4 border-[#5865F2] bg-[#2f3136] text-white p-4`},fe={class:`text-xs text-neutral-400 mb-1`},pe={class:`text-[#00aff4] text-sm font-semibold`},U={class:`text-sm text-neutral-300 mt-1 line-clamp-2`},me={key:0,class:`mt-3 rounded-lg overflow-hidden max-w-[300px]`},he=[`src`,`alt`],ge={key:4,id:`social-panel-slack`,role:`tabpanel`,"aria-labelledby":`social-tab-slack`,class:`max-w-[500px] mx-auto`},_e={class:`rounded-lg overflow-hidden border-l-4 border-neutral-300 dark:border-neutral-600 pl-4 py-2`},ve={class:`text-xs text-neutral-500 font-bold mb-1`},ye={class:`text-[#1264a3] dark:text-[#1d9bd1] text-sm font-bold`},be={class:`text-sm text-neutral-600 dark:text-neutral-400 mt-0.5 line-clamp-2`},xe={key:0,class:`mt-2 rounded overflow-hidden max-w-[360px]`},Se=[`src`,`alt`],Ce={class:`flex items-center gap-2`},we={class:`space-y-1`},Te={class:`flex items-center justify-between`},Ee={class:`flex items-center gap-2`},De={key:0,class:`flex flex-col items-center justify-center gap-2 py-8 rounded-lg border border-red-200 dark:border-red-900/50 bg-red-50 dark:bg-red-950/20`},Oe={class:`text-xs text-muted font-mono truncate max-w-full px-4`},ke={class:`rounded-lg overflow-hidden border border-default`},Ae=[`src`],je={class:`mt-2 text-xs text-muted font-mono truncate`},W=c({__name:`social`,setup(c){let W=s(()=>g.value.seo),G=s(()=>W.value.ogTitle||W.value.title||`Untitled`),K=s(()=>W.value.ogDescription||W.value.description||``),q=s(()=>{let e=W.value.ogImage;return!e||y(e)?null:v(e)}),J=s(()=>!!W.value.ogImage&&y(W.value.ogImage)),Y=s(()=>{try{return new URL(W.value.canonical||``).hostname}catch{return _()}}),X=m(`twitter`),Z=[{label:`X / Twitter`,value:`twitter`,icon:`i-carbon-logo-x`},{label:`Facebook`,value:`facebook`,icon:`i-carbon-logo-facebook`},{label:`LinkedIn`,value:`linkedin`,icon:`i-carbon-logo-linkedin`},{label:`Discord`,value:`discord`,icon:`i-carbon-logo-discord`},{label:`Slack`,value:`slack`,icon:`i-carbon-logo-slack`}];function Me(e){let t=Z.findIndex(e=>e.value===X.value);e.key===`ArrowRight`||e.key===`ArrowDown`?(e.preventDefault(),X.value=Z[(t+1)%Z.length].value):(e.key===`ArrowLeft`||e.key===`ArrowUp`)&&(e.preventDefault(),X.value=Z[(t-1+Z.length)%Z.length].value)}let Ne=s(()=>g.value.tags.filter(e=>{if(e.tag!==`meta`)return!1;let t=e.props?.property||e.props?.name||``;return t.startsWith(`og:`)||t.startsWith(`twitter:`)})),Q=s(()=>{let e={};for(let t of g.value.tags){if(t.tag!==`meta`)continue;let n=t.props?.property||``;n.startsWith(`og:`)&&(e[n]=t.props?.content||``)}return e}),$=s(()=>{let e={};for(let t of g.value.tags){if(t.tag!==`meta`)continue;let n=t.props?.name||``;n.startsWith(`twitter:`)&&(e[n]=t.props?.content||``)}return e}),Pe=s(()=>[{done:!!(Q.value[`og:title`]||W.value.ogTitle),html:`Set <code>og:title</code> to control how your page appears when shared.`},{done:!!(Q.value[`og:description`]||W.value.ogDescription),html:`Add <code>og:description</code> for a compelling preview snippet.`},{done:!!(Q.value[`og:image`]||W.value.ogImage)&&!J.value,html:J.value?`Fix <code>og:image</code>: the current URL is broken or unreachable.`:`Add an <code>og:image</code> (1200x630) for rich social previews.`},{done:!!Q.value[`og:url`],html:`Set <code>og:url</code> to the canonical URL of this page.`},{done:!!Q.value[`og:type`],html:`Set <code>og:type</code> (e.g. <code>website</code>, <code>article</code>) for content classification.`},{done:!!Q.value[`og:site_name`],html:`Set <code>og:site_name</code> to identify your brand across platforms.`},{done:!!$.value[`twitter:card`],html:`Set <code>twitter:card</code> (usually <code>summary_large_image</code>) for Twitter/X previews.`},{done:!!($.value[`twitter:image`]||Q.value[`og:image`]),html:`Provide a <code>twitter:image</code> or rely on <code>og:image</code> fallback.`}]);return(s,c)=>{let m=te,g=re,_=ne,y=ie,Q=ee;return l(),a(`div`,ae,[e(g,null,{header:d(()=>[i(`div`,oe,[e(m,{name:`i-carbon-share`,class:`text-lg`}),c[0]||=i(`span`,{class:`font-medium`},`Social Preview`,-1)])]),default:d(()=>[i(`div`,{role:`tablist`,"aria-label":`Social preview platforms`,class:`flex gap-0.5 px-3 py-2 border-b border-default overflow-x-auto`,onKeydown:Me},[(l(),a(u,null,o(Z,t=>i(`button`,{id:`social-tab-${t.value}`,key:t.value,role:`tab`,"aria-selected":n(X)===t.value,"aria-controls":`social-panel-${t.value}`,tabindex:n(X)===t.value?0:-1,"aria-label":t.label,class:r([`flex items-center gap-1.5 px-2.5 py-1 rounded-md text-xs font-medium whitespace-nowrap transition-colors duration-150`,n(X)===t.value?`bg-elevated text-highlighted`:`text-muted hover:bg-elevated hover:text-default`]),onClick:e=>X.value=t.value},[e(m,{name:t.icon,class:`text-sm`},null,8,[`name`]),i(`span`,ce,f(t.label),1)],10,se)),64))],32),i(`div`,le,[n(X)===`twitter`?(l(),a(`div`,ue,[i(`div`,de,[n(q)?(l(),a(`div`,b,[i(`img`,{src:n(q),class:`w-full h-full object-cover`,alt:n(G),loading:`lazy`},null,8,x)])):(l(),a(`div`,{key:1,class:r([`flex flex-col items-center justify-center gap-1.5 aspect-[1.91/1] bg-elevated text-xs font-medium`,n(J)?`text-red-400`:`text-muted`])},[e(m,{name:n(J)?`i-carbon-warning-filled`:`i-carbon-image`,class:`text-2xl`},null,8,[`name`]),i(`span`,null,f(n(J)?`Broken og:image`:`No og:image`),1)],2)),i(`div`,S,[i(`p`,C,f(n(Y)),1),i(`p`,w,f(n(G)),1),i(`p`,T,f(n(K)),1)])])])):h(``,!0),n(X)===`facebook`?(l(),a(`div`,E,[i(`div`,D,[n(q)?(l(),a(`div`,O,[i(`img`,{src:n(q),class:`w-full h-full object-cover`,alt:n(G),loading:`lazy`},null,8,k)])):(l(),a(`div`,{key:1,class:r([`flex flex-col items-center justify-center gap-1.5 aspect-[1.91/1] bg-elevated text-xs font-medium`,n(J)?`text-red-400`:`text-muted`])},[e(m,{name:n(J)?`i-carbon-warning-filled`:`i-carbon-image`,class:`text-2xl`},null,8,[`name`]),i(`span`,null,f(n(J)?`Broken og:image`:`No og:image`),1)],2)),i(`div`,A,[i(`p`,j,f(n(Y)),1),i(`p`,M,f(n(G)),1),i(`p`,N,f(n(K)),1)])])])):h(``,!0),n(X)===`linkedin`?(l(),a(`div`,P,[i(`div`,F,[n(q)?(l(),a(`div`,I,[i(`img`,{src:n(q),class:`w-full h-full object-cover`,alt:n(G),loading:`lazy`},null,8,L)])):(l(),a(`div`,{key:1,class:r([`flex flex-col items-center justify-center gap-1.5 aspect-[1.91/1] bg-elevated text-xs font-medium`,n(J)?`text-red-400`:`text-muted`])},[e(m,{name:n(J)?`i-carbon-warning-filled`:`i-carbon-image`,class:`text-2xl`},null,8,[`name`]),i(`span`,null,f(n(J)?`Broken og:image`:`No og:image`),1)],2)),i(`div`,R,[i(`p`,z,f(n(G)),1),i(`p`,B,f(n(Y)),1)])])])):h(``,!0),n(X)===`discord`?(l(),a(`div`,V,[i(`div`,H,[i(`p`,fe,f(n(Y)),1),i(`p`,pe,f(n(G)),1),i(`p`,U,f(n(K)),1),n(q)?(l(),a(`div`,me,[i(`img`,{src:n(q),class:`w-full object-cover`,alt:n(G),loading:`lazy`},null,8,he)])):(l(),a(`div`,{key:1,class:r([`flex flex-col items-center justify-center gap-1.5 mt-3 max-w-[300px] aspect-video rounded-lg bg-[#36393f] text-xs font-medium`,n(J)?`text-red-400`:`text-[#72767d]`])},[e(m,{name:n(J)?`i-carbon-warning-filled`:`i-carbon-image`,class:`text-xl`},null,8,[`name`]),i(`span`,null,f(n(J)?`Broken image`:`No image`),1)],2))])])):h(``,!0),n(X)===`slack`?(l(),a(`div`,ge,[i(`div`,_e,[i(`p`,ve,f(n(Y)),1),i(`p`,ye,f(n(G)),1),i(`p`,be,f(n(K)),1),n(q)?(l(),a(`div`,xe,[i(`img`,{src:n(q),class:`w-full object-cover`,alt:n(G),loading:`lazy`},null,8,Se)])):h(``,!0)])])):h(``,!0)])]),_:1}),e(g,null,{header:d(()=>[i(`div`,Ce,[e(m,{name:`i-carbon-task`,class:`text-lg`}),c[1]||=i(`span`,{class:`font-medium`},`Social Checklist`,-1)])]),default:d(()=>[i(`div`,we,[(l(!0),a(u,null,o(n(Pe),(e,t)=>(l(),p(_,{key:t,done:e.done,html:e.html},null,8,[`done`,`html`]))),128))])]),_:1}),e(y,{tags:n(Ne),title:`Open Graph Tags`,icon:`i-carbon-share`},null,8,[`tags`]),n(W).ogImage?(l(),p(g,{key:0},{header:d(()=>[i(`div`,Te,[i(`div`,Ee,[e(m,{name:`i-carbon-image`,class:`text-lg`}),c[2]||=i(`span`,{class:`font-medium`},`OG Image`,-1)]),n(J)?(l(),p(Q,{key:0,color:`error`,variant:`subtle`,size:`xs`},{default:d(()=>[...c[3]||=[t(` Broken `,-1)]]),_:1})):h(``,!0)])]),default:d(()=>[n(J)?(l(),a(`div`,De,[e(m,{name:`i-carbon-warning-filled`,class:`text-3xl text-red-400`}),c[4]||=i(`span`,{class:`text-sm text-red-500 font-medium`},`Image failed to load`,-1),i(`p`,Oe,f(n(W).ogImage),1)])):(l(),a(u,{key:1},[i(`div`,ke,[i(`img`,{src:n(v)(n(W).ogImage),class:`w-full max-h-64 object-contain bg-neutral-100 dark:bg-neutral-800`,alt:`OG Image`,loading:`lazy`},null,8,Ae)]),i(`p`,je,f(n(W).ogImage),1)],64))]),_:1})):h(``,!0)])}}});export{W as default};