@unhead/bundler 3.1.1 → 3.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/devtools-ui/200.html +1 -1
- package/dist/devtools-ui/404.html +1 -1
- package/dist/devtools-ui/_nuxt/{DAKdquko.js → -B2KnILi.js} +1 -1
- package/dist/devtools-ui/_nuxt/{Ou52Vqik.js → 6fUlEOtA.js} +1 -1
- package/dist/devtools-ui/_nuxt/{C81xmMuP.js → B9TTjx5X.js} +1 -1
- package/dist/devtools-ui/_nuxt/{Ct3QmJw6.js → B9xfxtRw.js} +1 -1
- package/dist/devtools-ui/_nuxt/BHxAJ18h.js +1 -0
- package/dist/devtools-ui/_nuxt/{ChL3K-7X.js → BecSrPKt.js} +1 -1
- package/dist/devtools-ui/_nuxt/{uY6k474J.js → BekyTchD.js} +1 -1
- package/dist/devtools-ui/_nuxt/{CLWRWTUc.js → BkPLZFcU.js} +1 -1
- package/dist/devtools-ui/_nuxt/{DZ2eF3EI.js → C-CToTAN.js} +1 -1
- package/dist/devtools-ui/_nuxt/{xSwJ5b7x.js → C8BJaQT-.js} +1 -1
- package/dist/devtools-ui/_nuxt/{Bb_3BFDc.js → CNWeGN_p.js} +1 -1
- package/dist/devtools-ui/_nuxt/{GDfpgsTy.js → C_3tUbRU.js} +1 -1
- package/dist/devtools-ui/_nuxt/CadLYmKg.js +191 -0
- package/dist/devtools-ui/_nuxt/{CCYIWYmq.js → DCsp3UbI.js} +1 -1
- package/dist/devtools-ui/_nuxt/{DBeHrZGS.js → EdcoWVEZ.js} +1 -1
- package/dist/devtools-ui/_nuxt/{DgVGCDvY.js → Sr6idpZq.js} +1 -1
- package/dist/devtools-ui/_nuxt/{2R9QS7Fj.js → TJzlhq83.js} +1 -1
- package/dist/devtools-ui/_nuxt/builds/latest.json +1 -1
- package/dist/devtools-ui/_nuxt/builds/meta/04bb073f-4d60-4967-9ccb-11e682796ae3.json +1 -0
- package/dist/devtools-ui/_nuxt/entry.DJWUBWwc.css +1 -0
- package/dist/devtools-ui/_nuxt/error-404.C8ddysfz.css +1 -0
- package/dist/devtools-ui/_nuxt/error-500.BH7cRI9Q.css +1 -0
- package/dist/devtools-ui/_nuxt/{D-Etbhpg.js → x_ad1Ij1.js} +1 -1
- package/dist/devtools-ui/index.html +1 -1
- package/package.json +8 -8
- package/dist/devtools-ui/_nuxt/DPCTmUYV.js +0 -1
- package/dist/devtools-ui/_nuxt/DsxXb4gA.js +0 -191
- package/dist/devtools-ui/_nuxt/builds/meta/131284c6-b351-4ba5-8ac9-6320fa409f91.json +0 -1
- package/dist/devtools-ui/_nuxt/entry.BIq0UsGv.css +0 -1
- package/dist/devtools-ui/_nuxt/error-404.DhI8zfQF.css +0 -1
- package/dist/devtools-ui/_nuxt/error-500.BLpai_3s.css +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{G as R,aa as o,x as n,C as m,aR as v,t,b as j,af as C,a5 as k,ap as e,k as W,aj as s,v as _,u as B,n as F,B as G,s as x,ai as y,W as D,ad as V}from"./DsxXb4gA.js";import{_ as O}from"./2R9QS7Fj.js";import{_ as P}from"./DZ2eF3EI.js";import{_ as K}from"./Ou52Vqik.js";import"./uY6k474J.js";import"./ChL3K-7X.js";import"./GDfpgsTy.js";const M={class:"space-y-4"},X={class:"flex items-center gap-2"},E=["id","aria-selected","aria-controls","tabindex","aria-label","onClick"],q={class:"hidden sm:inline"},H={class:"p-6"},J={key:0,id:"social-panel-twitter",role:"tabpanel","aria-labelledby":"social-tab-twitter",class:"max-w-[500px] mx-auto"},Q={class:"rounded-2xl overflow-hidden border border-neutral-200 dark:border-neutral-700"},Y={key:0,class:"aspect-[1.91/1] bg-neutral-100 dark:bg-neutral-800"},Z=["src","alt"],ee={class:"p-3"},te={class:"text-xs text-neutral-500"},ae={class:"text-sm font-medium line-clamp-1"},oe={class:"text-xs text-neutral-500 line-clamp-2"},le={key:1,id:"social-panel-facebook",role:"tabpanel","aria-labelledby":"social-tab-facebook",class:"max-w-[500px] mx-auto"},se={class:"rounded-lg overflow-hidden border border-neutral-200 dark:border-neutral-700 bg-neutral-50 dark:bg-neutral-800"},ne={key:0,class:"aspect-[1.91/1] bg-neutral-100 dark:bg-neutral-700"},ie=["src","alt"],re={class:"p-3"},ce={class:"text-[11px] text-neutral-500 uppercase tracking-wider"},de={class:"text-base font-semibold line-clamp-1 mt-0.5"},ue={class:"text-sm text-neutral-500 line-clamp-1 mt-0.5"},me={key:2,id:"social-panel-linkedin",role:"tabpanel","aria-labelledby":"social-tab-linkedin",class:"max-w-[500px] mx-auto"},pe={class:"rounded-lg overflow-hidden border border-neutral-200 dark:border-neutral-700"},ge={key:0,class:"aspect-[1.91/1] bg-neutral-100 dark:bg-neutral-800"},xe=["src","alt"],_e={class:"p-3 bg-neutral-50 dark:bg-neutral-800"},fe={class:"text-sm font-semibold line-clamp-2"},be={class:"text-xs text-neutral-500 mt-1"},ve={key:3,id:"social-panel-discord",role:"tabpanel","aria-labelledby":"social-tab-discord",class:"max-w-[500px] mx-auto"},he={class:"rounded-lg overflow-hidden border-l-4 border-[#5865F2] bg-[#2f3136] text-white p-4"},ke={class:"text-xs text-neutral-400 mb-1"},we={class:"text-[#00aff4] text-sm font-semibold"},ye={class:"text-sm text-neutral-300 mt-1 line-clamp-2"},Ie={key:0,class:"mt-3 rounded-lg overflow-hidden max-w-[300px]"},je=["src","alt"],Be={key:4,id:"social-panel-slack",role:"tabpanel","aria-labelledby":"social-tab-slack",class:"max-w-[500px] mx-auto"},Te={class:"rounded-lg overflow-hidden border-l-4 border-neutral-300 dark:border-neutral-600 pl-4 py-2"},Se={class:"text-xs text-neutral-500 font-bold mb-1"},Ce={class:"text-[#1264a3] dark:text-[#1d9bd1] text-sm font-bold"},De={class:"text-sm text-neutral-600 dark:text-neutral-400 mt-0.5 line-clamp-2"},Ne={key:0,class:"mt-2 rounded overflow-hidden max-w-[360px]"},Ue=["src","alt"],ze={class:"flex items-center gap-2"},Ae={class:"space-y-1"},Le={class:"flex items-center justify-between"},$e={class:"flex items-center gap-2"},Re={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"},We={class:"text-xs text-muted font-mono truncate max-w-full px-4"},Fe={class:"rounded-lg overflow-hidden border border-default"},Ge=["src"],Ve={class:"mt-2 text-xs text-muted font-mono truncate"},Je=R({__name:"social",setup(Oe){const r=x(()=>y.value.seo),p=x(()=>r.value.ogTitle||r.value.title||"Untitled"),w=x(()=>r.value.ogDescription||r.value.description||""),g=x(()=>{const l=r.value.ogImage;return!l||D(l)?null:l}),c=x(()=>!!r.value.ogImage&&D(r.value.ogImage)),h=x(()=>{try{return new URL(r.value.canonical||"").hostname}catch{return r.value.canonical||"example.com"}}),u=V("twitter"),f=[{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 N(l){const a=f.findIndex(i=>i.value===u.value);l.key==="ArrowRight"||l.key==="ArrowDown"?(l.preventDefault(),u.value=f[(a+1)%f.length].value):(l.key==="ArrowLeft"||l.key==="ArrowUp")&&(l.preventDefault(),u.value=f[(a-1+f.length)%f.length].value)}const U=x(()=>y.value.tags.filter(l=>{if(l.tag!=="meta")return!1;const a=l.props?.property||l.props?.name||"";return a.startsWith("og:")||a.startsWith("twitter:")})),b=x(()=>{const l={};for(const a of y.value.tags){if(a.tag!=="meta")continue;const i=a.props?.property||"";i.startsWith("og:")&&(l[i]=a.props?.content||"")}return l}),T=x(()=>{const l={};for(const a of y.value.tags){if(a.tag!=="meta")continue;const i=a.props?.name||"";i.startsWith("twitter:")&&(l[i]=a.props?.content||"")}return l}),z=x(()=>[{done:!!(b.value["og:title"]||r.value.ogTitle),html:"Set <code>og:title</code> to control how your page appears when shared."},{done:!!(b.value["og:description"]||r.value.ogDescription),html:"Add <code>og:description</code> for a compelling preview snippet."},{done:!!(b.value["og:image"]||r.value.ogImage)&&!c.value,html:c.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:!!b.value["og:url"],html:"Set <code>og:url</code> to the canonical URL of this page."},{done:!!b.value["og:type"],html:"Set <code>og:type</code> (e.g. <code>website</code>, <code>article</code>) for content classification."},{done:!!b.value["og:site_name"],html:"Set <code>og:site_name</code> to identify your brand across platforms."},{done:!!T.value["twitter:card"],html:"Set <code>twitter:card</code> (usually <code>summary_large_image</code>) for Twitter/X previews."},{done:!!(T.value["twitter:image"]||b.value["og:image"]),html:"Provide a <code>twitter:image</code> or rely on <code>og:image</code> fallback."}]);return(l,a)=>{const i=W,I=O,A=P,L=K,$=F;return o(),n("div",M,[m(I,null,{header:v(()=>[t("div",X,[m(i,{name:"i-carbon-share",class:"text-lg"}),a[0]||(a[0]=t("span",{class:"font-medium"},"Social Preview",-1))])]),default:v(()=>[t("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:N},[(o(),n(j,null,C(f,d=>t("button",{id:`social-tab-${d.value}`,key:d.value,role:"tab","aria-selected":e(u)===d.value,"aria-controls":`social-panel-${d.value}`,tabindex:e(u)===d.value?0:-1,"aria-label":d.label,class:k(["flex items-center gap-1.5 px-2.5 py-1 rounded-md text-xs font-medium whitespace-nowrap transition-colors duration-150",e(u)===d.value?"bg-elevated text-highlighted":"text-muted hover:bg-elevated hover:text-default"]),onClick:S=>u.value=d.value},[m(i,{name:d.icon,class:"text-sm"},null,8,["name"]),t("span",q,s(d.label),1)],10,E)),64))],32),t("div",H,[e(u)==="twitter"?(o(),n("div",J,[t("div",Q,[e(g)?(o(),n("div",Y,[t("img",{src:e(g),class:"w-full h-full object-cover",alt:e(p),loading:"lazy"},null,8,Z)])):(o(),n("div",{key:1,class:k(["flex flex-col items-center justify-center gap-1.5 aspect-[1.91/1] bg-elevated text-xs font-medium",e(c)?"text-red-400":"text-muted"])},[m(i,{name:e(c)?"i-carbon-warning-filled":"i-carbon-image",class:"text-2xl"},null,8,["name"]),t("span",null,s(e(c)?"Broken og:image":"No og:image"),1)],2)),t("div",ee,[t("p",te,s(e(h)),1),t("p",ae,s(e(p)),1),t("p",oe,s(e(w)),1)])])])):_("",!0),e(u)==="facebook"?(o(),n("div",le,[t("div",se,[e(g)?(o(),n("div",ne,[t("img",{src:e(g),class:"w-full h-full object-cover",alt:e(p),loading:"lazy"},null,8,ie)])):(o(),n("div",{key:1,class:k(["flex flex-col items-center justify-center gap-1.5 aspect-[1.91/1] bg-elevated text-xs font-medium",e(c)?"text-red-400":"text-muted"])},[m(i,{name:e(c)?"i-carbon-warning-filled":"i-carbon-image",class:"text-2xl"},null,8,["name"]),t("span",null,s(e(c)?"Broken og:image":"No og:image"),1)],2)),t("div",re,[t("p",ce,s(e(h)),1),t("p",de,s(e(p)),1),t("p",ue,s(e(w)),1)])])])):_("",!0),e(u)==="linkedin"?(o(),n("div",me,[t("div",pe,[e(g)?(o(),n("div",ge,[t("img",{src:e(g),class:"w-full h-full object-cover",alt:e(p),loading:"lazy"},null,8,xe)])):(o(),n("div",{key:1,class:k(["flex flex-col items-center justify-center gap-1.5 aspect-[1.91/1] bg-elevated text-xs font-medium",e(c)?"text-red-400":"text-muted"])},[m(i,{name:e(c)?"i-carbon-warning-filled":"i-carbon-image",class:"text-2xl"},null,8,["name"]),t("span",null,s(e(c)?"Broken og:image":"No og:image"),1)],2)),t("div",_e,[t("p",fe,s(e(p)),1),t("p",be,s(e(h)),1)])])])):_("",!0),e(u)==="discord"?(o(),n("div",ve,[t("div",he,[t("p",ke,s(e(h)),1),t("p",we,s(e(p)),1),t("p",ye,s(e(w)),1),e(g)?(o(),n("div",Ie,[t("img",{src:e(g),class:"w-full object-cover",alt:e(p),loading:"lazy"},null,8,je)])):(o(),n("div",{key:1,class:k(["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",e(c)?"text-red-400":"text-[#72767d]"])},[m(i,{name:e(c)?"i-carbon-warning-filled":"i-carbon-image",class:"text-xl"},null,8,["name"]),t("span",null,s(e(c)?"Broken image":"No image"),1)],2))])])):_("",!0),e(u)==="slack"?(o(),n("div",Be,[t("div",Te,[t("p",Se,s(e(h)),1),t("p",Ce,s(e(p)),1),t("p",De,s(e(w)),1),e(g)?(o(),n("div",Ne,[t("img",{src:e(g),class:"w-full object-cover",alt:e(p),loading:"lazy"},null,8,Ue)])):_("",!0)])])):_("",!0)])]),_:1}),m(I,null,{header:v(()=>[t("div",ze,[m(i,{name:"i-carbon-task",class:"text-lg"}),a[1]||(a[1]=t("span",{class:"font-medium"},"Social Checklist",-1))])]),default:v(()=>[t("div",Ae,[(o(!0),n(j,null,C(e(z),(d,S)=>(o(),B(A,{key:S,done:d.done,html:d.html},null,8,["done","html"]))),128))])]),_:1}),m(L,{tags:e(U),title:"Open Graph Tags",icon:"i-carbon-share"},null,8,["tags"]),e(r).ogImage?(o(),B(I,{key:0},{header:v(()=>[t("div",Le,[t("div",$e,[m(i,{name:"i-carbon-image",class:"text-lg"}),a[2]||(a[2]=t("span",{class:"font-medium"},"OG Image",-1))]),e(c)?(o(),B($,{key:0,color:"error",variant:"subtle",size:"xs"},{default:v(()=>[...a[3]||(a[3]=[G(" Broken ",-1)])]),_:1})):_("",!0)])]),default:v(()=>[e(c)?(o(),n("div",Re,[m(i,{name:"i-carbon-warning-filled",class:"text-3xl text-red-400"}),a[4]||(a[4]=t("span",{class:"text-sm text-red-500 font-medium"},"Image failed to load",-1)),t("p",We,s(e(r).ogImage),1)])):(o(),n(j,{key:1},[t("div",Fe,[t("img",{src:e(r).ogImage,class:"w-full max-h-64 object-contain bg-neutral-100 dark:bg-neutral-800",alt:"OG Image",loading:"lazy"},null,8,Ge)]),t("p",Ve,s(e(r).ogImage),1)],64))]),_:1})):_("",!0)])}}});export{Je as default};
|
|
1
|
+
import{G as R,aa as o,x as n,C as m,aR as v,t,b as j,af as C,a5 as k,ap as e,k as W,aj as s,v as _,u as B,n as F,B as G,s as x,ai as y,W as D,ad as V}from"./CadLYmKg.js";import{_ as O}from"./TJzlhq83.js";import{_ as P}from"./C-CToTAN.js";import{_ as K}from"./6fUlEOtA.js";import"./BekyTchD.js";import"./BecSrPKt.js";import"./C_3tUbRU.js";const M={class:"space-y-4"},X={class:"flex items-center gap-2"},E=["id","aria-selected","aria-controls","tabindex","aria-label","onClick"],q={class:"hidden sm:inline"},H={class:"p-6"},J={key:0,id:"social-panel-twitter",role:"tabpanel","aria-labelledby":"social-tab-twitter",class:"max-w-[500px] mx-auto"},Q={class:"rounded-2xl overflow-hidden border border-neutral-200 dark:border-neutral-700"},Y={key:0,class:"aspect-[1.91/1] bg-neutral-100 dark:bg-neutral-800"},Z=["src","alt"],ee={class:"p-3"},te={class:"text-xs text-neutral-500"},ae={class:"text-sm font-medium line-clamp-1"},oe={class:"text-xs text-neutral-500 line-clamp-2"},le={key:1,id:"social-panel-facebook",role:"tabpanel","aria-labelledby":"social-tab-facebook",class:"max-w-[500px] mx-auto"},se={class:"rounded-lg overflow-hidden border border-neutral-200 dark:border-neutral-700 bg-neutral-50 dark:bg-neutral-800"},ne={key:0,class:"aspect-[1.91/1] bg-neutral-100 dark:bg-neutral-700"},ie=["src","alt"],re={class:"p-3"},ce={class:"text-[11px] text-neutral-500 uppercase tracking-wider"},de={class:"text-base font-semibold line-clamp-1 mt-0.5"},ue={class:"text-sm text-neutral-500 line-clamp-1 mt-0.5"},me={key:2,id:"social-panel-linkedin",role:"tabpanel","aria-labelledby":"social-tab-linkedin",class:"max-w-[500px] mx-auto"},pe={class:"rounded-lg overflow-hidden border border-neutral-200 dark:border-neutral-700"},ge={key:0,class:"aspect-[1.91/1] bg-neutral-100 dark:bg-neutral-800"},xe=["src","alt"],_e={class:"p-3 bg-neutral-50 dark:bg-neutral-800"},fe={class:"text-sm font-semibold line-clamp-2"},be={class:"text-xs text-neutral-500 mt-1"},ve={key:3,id:"social-panel-discord",role:"tabpanel","aria-labelledby":"social-tab-discord",class:"max-w-[500px] mx-auto"},he={class:"rounded-lg overflow-hidden border-l-4 border-[#5865F2] bg-[#2f3136] text-white p-4"},ke={class:"text-xs text-neutral-400 mb-1"},we={class:"text-[#00aff4] text-sm font-semibold"},ye={class:"text-sm text-neutral-300 mt-1 line-clamp-2"},Ie={key:0,class:"mt-3 rounded-lg overflow-hidden max-w-[300px]"},je=["src","alt"],Be={key:4,id:"social-panel-slack",role:"tabpanel","aria-labelledby":"social-tab-slack",class:"max-w-[500px] mx-auto"},Te={class:"rounded-lg overflow-hidden border-l-4 border-neutral-300 dark:border-neutral-600 pl-4 py-2"},Se={class:"text-xs text-neutral-500 font-bold mb-1"},Ce={class:"text-[#1264a3] dark:text-[#1d9bd1] text-sm font-bold"},De={class:"text-sm text-neutral-600 dark:text-neutral-400 mt-0.5 line-clamp-2"},Ne={key:0,class:"mt-2 rounded overflow-hidden max-w-[360px]"},Ue=["src","alt"],ze={class:"flex items-center gap-2"},Ae={class:"space-y-1"},Le={class:"flex items-center justify-between"},$e={class:"flex items-center gap-2"},Re={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"},We={class:"text-xs text-muted font-mono truncate max-w-full px-4"},Fe={class:"rounded-lg overflow-hidden border border-default"},Ge=["src"],Ve={class:"mt-2 text-xs text-muted font-mono truncate"},Je=R({__name:"social",setup(Oe){const r=x(()=>y.value.seo),p=x(()=>r.value.ogTitle||r.value.title||"Untitled"),w=x(()=>r.value.ogDescription||r.value.description||""),g=x(()=>{const l=r.value.ogImage;return!l||D(l)?null:l}),c=x(()=>!!r.value.ogImage&&D(r.value.ogImage)),h=x(()=>{try{return new URL(r.value.canonical||"").hostname}catch{return r.value.canonical||"example.com"}}),u=V("twitter"),f=[{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 N(l){const a=f.findIndex(i=>i.value===u.value);l.key==="ArrowRight"||l.key==="ArrowDown"?(l.preventDefault(),u.value=f[(a+1)%f.length].value):(l.key==="ArrowLeft"||l.key==="ArrowUp")&&(l.preventDefault(),u.value=f[(a-1+f.length)%f.length].value)}const U=x(()=>y.value.tags.filter(l=>{if(l.tag!=="meta")return!1;const a=l.props?.property||l.props?.name||"";return a.startsWith("og:")||a.startsWith("twitter:")})),b=x(()=>{const l={};for(const a of y.value.tags){if(a.tag!=="meta")continue;const i=a.props?.property||"";i.startsWith("og:")&&(l[i]=a.props?.content||"")}return l}),T=x(()=>{const l={};for(const a of y.value.tags){if(a.tag!=="meta")continue;const i=a.props?.name||"";i.startsWith("twitter:")&&(l[i]=a.props?.content||"")}return l}),z=x(()=>[{done:!!(b.value["og:title"]||r.value.ogTitle),html:"Set <code>og:title</code> to control how your page appears when shared."},{done:!!(b.value["og:description"]||r.value.ogDescription),html:"Add <code>og:description</code> for a compelling preview snippet."},{done:!!(b.value["og:image"]||r.value.ogImage)&&!c.value,html:c.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:!!b.value["og:url"],html:"Set <code>og:url</code> to the canonical URL of this page."},{done:!!b.value["og:type"],html:"Set <code>og:type</code> (e.g. <code>website</code>, <code>article</code>) for content classification."},{done:!!b.value["og:site_name"],html:"Set <code>og:site_name</code> to identify your brand across platforms."},{done:!!T.value["twitter:card"],html:"Set <code>twitter:card</code> (usually <code>summary_large_image</code>) for Twitter/X previews."},{done:!!(T.value["twitter:image"]||b.value["og:image"]),html:"Provide a <code>twitter:image</code> or rely on <code>og:image</code> fallback."}]);return(l,a)=>{const i=W,I=O,A=P,L=K,$=F;return o(),n("div",M,[m(I,null,{header:v(()=>[t("div",X,[m(i,{name:"i-carbon-share",class:"text-lg"}),a[0]||(a[0]=t("span",{class:"font-medium"},"Social Preview",-1))])]),default:v(()=>[t("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:N},[(o(),n(j,null,C(f,d=>t("button",{id:`social-tab-${d.value}`,key:d.value,role:"tab","aria-selected":e(u)===d.value,"aria-controls":`social-panel-${d.value}`,tabindex:e(u)===d.value?0:-1,"aria-label":d.label,class:k(["flex items-center gap-1.5 px-2.5 py-1 rounded-md text-xs font-medium whitespace-nowrap transition-colors duration-150",e(u)===d.value?"bg-elevated text-highlighted":"text-muted hover:bg-elevated hover:text-default"]),onClick:S=>u.value=d.value},[m(i,{name:d.icon,class:"text-sm"},null,8,["name"]),t("span",q,s(d.label),1)],10,E)),64))],32),t("div",H,[e(u)==="twitter"?(o(),n("div",J,[t("div",Q,[e(g)?(o(),n("div",Y,[t("img",{src:e(g),class:"w-full h-full object-cover",alt:e(p),loading:"lazy"},null,8,Z)])):(o(),n("div",{key:1,class:k(["flex flex-col items-center justify-center gap-1.5 aspect-[1.91/1] bg-elevated text-xs font-medium",e(c)?"text-red-400":"text-muted"])},[m(i,{name:e(c)?"i-carbon-warning-filled":"i-carbon-image",class:"text-2xl"},null,8,["name"]),t("span",null,s(e(c)?"Broken og:image":"No og:image"),1)],2)),t("div",ee,[t("p",te,s(e(h)),1),t("p",ae,s(e(p)),1),t("p",oe,s(e(w)),1)])])])):_("",!0),e(u)==="facebook"?(o(),n("div",le,[t("div",se,[e(g)?(o(),n("div",ne,[t("img",{src:e(g),class:"w-full h-full object-cover",alt:e(p),loading:"lazy"},null,8,ie)])):(o(),n("div",{key:1,class:k(["flex flex-col items-center justify-center gap-1.5 aspect-[1.91/1] bg-elevated text-xs font-medium",e(c)?"text-red-400":"text-muted"])},[m(i,{name:e(c)?"i-carbon-warning-filled":"i-carbon-image",class:"text-2xl"},null,8,["name"]),t("span",null,s(e(c)?"Broken og:image":"No og:image"),1)],2)),t("div",re,[t("p",ce,s(e(h)),1),t("p",de,s(e(p)),1),t("p",ue,s(e(w)),1)])])])):_("",!0),e(u)==="linkedin"?(o(),n("div",me,[t("div",pe,[e(g)?(o(),n("div",ge,[t("img",{src:e(g),class:"w-full h-full object-cover",alt:e(p),loading:"lazy"},null,8,xe)])):(o(),n("div",{key:1,class:k(["flex flex-col items-center justify-center gap-1.5 aspect-[1.91/1] bg-elevated text-xs font-medium",e(c)?"text-red-400":"text-muted"])},[m(i,{name:e(c)?"i-carbon-warning-filled":"i-carbon-image",class:"text-2xl"},null,8,["name"]),t("span",null,s(e(c)?"Broken og:image":"No og:image"),1)],2)),t("div",_e,[t("p",fe,s(e(p)),1),t("p",be,s(e(h)),1)])])])):_("",!0),e(u)==="discord"?(o(),n("div",ve,[t("div",he,[t("p",ke,s(e(h)),1),t("p",we,s(e(p)),1),t("p",ye,s(e(w)),1),e(g)?(o(),n("div",Ie,[t("img",{src:e(g),class:"w-full object-cover",alt:e(p),loading:"lazy"},null,8,je)])):(o(),n("div",{key:1,class:k(["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",e(c)?"text-red-400":"text-[#72767d]"])},[m(i,{name:e(c)?"i-carbon-warning-filled":"i-carbon-image",class:"text-xl"},null,8,["name"]),t("span",null,s(e(c)?"Broken image":"No image"),1)],2))])])):_("",!0),e(u)==="slack"?(o(),n("div",Be,[t("div",Te,[t("p",Se,s(e(h)),1),t("p",Ce,s(e(p)),1),t("p",De,s(e(w)),1),e(g)?(o(),n("div",Ne,[t("img",{src:e(g),class:"w-full object-cover",alt:e(p),loading:"lazy"},null,8,Ue)])):_("",!0)])])):_("",!0)])]),_:1}),m(I,null,{header:v(()=>[t("div",ze,[m(i,{name:"i-carbon-task",class:"text-lg"}),a[1]||(a[1]=t("span",{class:"font-medium"},"Social Checklist",-1))])]),default:v(()=>[t("div",Ae,[(o(!0),n(j,null,C(e(z),(d,S)=>(o(),B(A,{key:S,done:d.done,html:d.html},null,8,["done","html"]))),128))])]),_:1}),m(L,{tags:e(U),title:"Open Graph Tags",icon:"i-carbon-share"},null,8,["tags"]),e(r).ogImage?(o(),B(I,{key:0},{header:v(()=>[t("div",Le,[t("div",$e,[m(i,{name:"i-carbon-image",class:"text-lg"}),a[2]||(a[2]=t("span",{class:"font-medium"},"OG Image",-1))]),e(c)?(o(),B($,{key:0,color:"error",variant:"subtle",size:"xs"},{default:v(()=>[...a[3]||(a[3]=[G(" Broken ",-1)])]),_:1})):_("",!0)])]),default:v(()=>[e(c)?(o(),n("div",Re,[m(i,{name:"i-carbon-warning-filled",class:"text-3xl text-red-400"}),a[4]||(a[4]=t("span",{class:"text-sm text-red-500 font-medium"},"Image failed to load",-1)),t("p",We,s(e(r).ogImage),1)])):(o(),n(j,{key:1},[t("div",Fe,[t("img",{src:e(r).ogImage,class:"w-full max-h-64 object-contain bg-neutral-100 dark:bg-neutral-800",alt:"OG Image",loading:"lazy"},null,8,Ge)]),t("p",Ve,s(e(r).ogImage),1)],64))]),_:1})):_("",!0)])}}});export{Je as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{G as m,aa as s,x as o,C as d,k as l,t as r,aj as a,ag as n,v as c}from"./
|
|
1
|
+
import{G as m,aa as s,x as o,C as d,k as l,t as r,aj as a,ag as n,v as c}from"./CadLYmKg.js";const u={class:"text-center py-12"},_={class:"font-medium text-sm mb-1"},x={key:0,class:"text-xs text-muted max-w-sm mx-auto"},p={key:1,class:"text-xs text-muted max-w-sm mx-auto"},f={key:2,class:"mt-3"},h=m({__name:"DevtoolsEmptyState",props:{icon:{default:"i-carbon-search"},title:{},description:{}},setup(t){return(e,y)=>{const i=l;return s(),o("div",u,[d(i,{name:t.icon,class:"text-4xl text-muted mb-3","aria-hidden":"true"},null,8,["name"]),r("p",_,a(t.title),1),e.$slots.description?(s(),o("div",x,[n(e.$slots,"description")])):t.description?(s(),o("p",p,a(t.description),1)):c("",!0),e.$slots.default?(s(),o("div",f,[n(e.$slots,"default")])):c("",!0)])}}}),v=Object.assign(h,{__name:"DevtoolsEmptyState"});export{v as _};
|