-9

.changeset/README.md

··· 1 1 - # Changesets 2 2 - 3 3 - Hello and welcome! This folder has been automatically generated by `@changesets/cli`, a build tool 4 4 - that works with multi-package repos, or single-package repos to help you version and publish your 5 5 - code. You can find the full documentation for it 6 6 - [in our repository](https://github.com/changesets/changesets) 7 7 - 8 8 - We have a quick list of common questions to get you started engaging with this project in 9 9 - [our documentation](https://github.com/changesets/changesets/blob/main/docs/common-questions.md)

-11

.changeset/config.json

··· 1 1 - { 2 2 - "$schema": "https://unpkg.com/@changesets/config@3.1.1/schema.json", 3 3 - "changelog": "@changesets/cli/changelog", 4 4 - "commit": false, 5 5 - "fixed": [], 6 6 - "linked": [], 7 7 - "access": "restricted", 8 8 - "baseBranch": "trunk", 9 9 - "updateInternalDependencies": "patch", 10 10 - "ignore": ["svelte-site"] 11 11 - }

-8

.changeset/six-rabbits-admire.md

··· 1 1 - --- 2 2 - 'bluesky-profile-card-embed': patch 3 3 - 'bluesky-profile-feed-embed': patch 4 4 - 'bluesky-post-embed': patch 5 5 - 'internal': patch 6 6 - --- 7 7 - 8 8 - upgrade atcute dependencies

-13

.gitignore

··· 1 1 - node_modules/ 2 2 - dist/ 3 3 - 4 4 - .npm-*.log 5 5 - .pnpm-*.log 6 6 - .yarn-*.log 7 7 - npm-*.log 8 8 - pnpm-*.log 9 9 - yarn-*.log 10 10 - 11 11 - *.local 12 12 - 13 13 - *.tsbuildinfo

.nojekyll

This is a binary file and will not be displayed.

-8

.prettierignore

··· 1 1 - pnpm-lock.yaml 2 2 - 3 3 - dist/ 4 4 - 5 5 - /packages/svelte-site/pages/ 6 6 - /packages/bluesky-post-embed/themes/ 7 7 - /packages/bluesky-profile-card-embed/themes/ 8 8 - /packages/bluesky-profile-feed-embed/themes/

-25

.prettierrc

··· 1 1 - { 2 2 - "trailingComma": "all", 3 3 - "useTabs": true, 4 4 - "tabWidth": 2, 5 5 - "printWidth": 110, 6 6 - "semi": true, 7 7 - "singleQuote": true, 8 8 - "bracketSpacing": true, 9 9 - "plugins": ["prettier-plugin-svelte", "prettier-plugin-css-order"], 10 10 - "overrides": [ 11 11 - { 12 12 - "files": ["tsconfig.json", "jsconfig.json", "tsconfig.*.json"], 13 13 - "options": { 14 14 - "parser": "jsonc" 15 15 - } 16 16 - }, 17 17 - { 18 18 - "files": ["*.md"], 19 19 - "options": { 20 20 - "printWidth": 100, 21 21 - "proseWrap": "always" 22 22 - } 23 23 - } 24 24 - ] 25 25 - }

-3

.vscode/extensions.json

··· 1 1 - { 2 2 - "recommendations": ["svelte.svelte-vscode"] 3 3 - }

-4

.vscode/settings.json

··· 1 1 - { 2 2 - "editor.defaultFormatter": "prettier.prettier-vscode", 3 3 - "typescript.tsdk": "node_modules/typescript/lib" 4 4 - }

-17

LICENSE

··· 1 1 - Permission is hereby granted, free of charge, to any person obtaining a copy 2 2 - of this software and associated documentation files (the "Software"), to deal 3 3 - in the Software without restriction, including without limitation the rights 4 4 - to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 5 5 - copies of the Software, and to permit persons to whom the Software is 6 6 - furnished to do so, subject to the following conditions: 7 7 - 8 8 - The above copyright notice and this permission notice shall be included in all 9 9 - copies or substantial portions of the Software. 10 10 - 11 11 - THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 12 12 - IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 13 13 - FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 14 14 - AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 15 15 - LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 16 16 - OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 17 17 - SOFTWARE.

-15

README.md

··· 1 1 - # <bluesky-embed> 2 2 - 3 3 - A custom element for embedding Bluesky posts. 4 4 - 5 5 - - **Lightweight**, the entire package + dependencies is only ~20 KB (~6 KB gzipped) 6 6 - - **Standalone**, no middleman involved, directly calls Bluesky's API 7 7 - - **Server-side rendering possible**, allows for no-JavaScript usage 8 8 - 9 9 - | Packages | 10 10 - | ------------------------------------------------------------------------------------------------ | 11 11 - | [`bluesky-post-embed`](./packages/bluesky-post-embed): displays a post embed | 12 12 - | [`bluesky-profile-card-embed`](./packages/bluesky-profile-card-embed): displays a user's profile | 13 13 - | [`bluesky-profile-feed-embed`](./packages/bluesky-profile-feed-embed): displays a user's feed | 14 14 - 15 15 - 

+1

assets/GuideInstructions-B8N7RzmZ.css

··· 1 1 + .code-block.svelte-ipr7k2{display:flex;gap:12px;border:1px solid #d1d5db;border-radius:4px;background:#f9fafb;padding:12px;overflow:hidden;overflow-x:auto;pre:where(.svelte-ipr7k2){flex-grow:1;margin:0;font-size:.75rem;line-height:1.25rem}}.actions.svelte-ipr7k2{position:sticky;top:0;right:0}.action-button.svelte-ipr7k2{display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;border:1px solid #d1d5db;border-radius:4px;background:#fff;padding:0;width:32px;height:32px;color:#4b5563;@media(pointer:fine){opacity:0;transition:75ms ease-in;.code-block:where(.svelte-ipr7k2):hover &,.code-block:where(.svelte-ipr7k2):focus-within &{opacity:1}&:hover{border-color:#9ca3af;background:#e5e7eb;color:#1f2937}}&:active{border-color:#9ca3af;background:#e5e7eb;color:#1f2937}}.icon.svelte-ipr7k2{width:16px;height:16px}.guide.svelte-1wxv0ke{margin:36px 0 0;border-top:1px solid #d1d5db}.guide-header.svelte-1wxv0ke{margin:36px 0 16px}.guide-instructions.svelte-mki4x9{margin:24px 0 0;padding:0 0 0 22px;font-size:.875rem;line-height:1.25rem;li+li{margin:24px 0 0}}

+1

assets/GuideInstructions-CTis8QB-.js

··· 1 1 + import{t as e,m as t,r as s,n as r,o as n,q as a,v as o,w as i,x as c,p as l,f as d,k as p,c as h,i as u,a as f,b as v,y,z as g}from"./index-CD_0uzJz.js";function w(e){throw new Error("https://svelte.dev/e/lifecycle_outside_component")}function b(o,i,c=!1,l=!1,d=!1){var p=o,h="";e(()=>{var e=t;if(h!==(h=i()??"")&&(null!==e.nodes&&(s(e.nodes.start,e.nodes.end),e.nodes=null),""!==h)){var o=h+"";c?o=`<svg>${o}</svg>`:l&&(o=`<math>${o}</math>`);var d=r(o);if((c||l)&&(d=a(d)),n(a(d),d.lastChild),c||l)for(;a(d);)p.before(a(d));else p.before(d)}})}function k(e){null===o&&w(),function(e){null===o&&w(),i(()=>{const t=c(e);if("function"==typeof t)return t})}(()=>()=>c(e))}const x=({service:e,fetch:t=fetch})=>async(s,r)=>{const n=new URL(s,e);return await t(n,r)},m=(e,t)=>{let s;for(const r in t){const n=t[r];null!==n&&(s??=new Headers(e),s.has(r)||s.set(r,n))}return s??e};class j extends Error{constructor(e,{kind:t=`HTTP error ${e}`,description:s="Unspecified error description",headers:r,cause:n}={}){super(`${t} > ${s}`,{cause:n}),this.name="XRPCError",this.status=e,this.kind=t,this.description=s,this.headers=r||{}}}class ${constructor({handler:e,proxy:t}){this.handle=(e=>"object"==typeof e?e.handle.bind(e):e)(e),this.proxy=t}get(e,t){return this.request({type:"get",nsid:e,...t})}call(e,t){return this.request({type:"post",nsid:e,...t})}async request(e){const t=e.data,s=`/xrpc/${e.nsid}`+O(e.params),r=q(t),n=await this.handle(s,{method:e.type,signal:e.signal,body:r?JSON.stringify(t):t,headers:m(e.headers,{"content-type":r?"application/json":null,"atproto-proxy":C(this.proxy)})}),a=n.status,o=Object.fromEntries(n.headers),i=o["content-type"];let c,l;i&&(i.startsWith("application/json")?c=n.json():i.startsWith("text/")&&(c=n.text()));try{l=await(c||n.arrayBuffer().then(e=>new Uint8Array(e)))}catch(d){throw new j(2,{cause:d,kind:"InvalidResponse",description:"Failed to parse response body",headers:o})}if(200===a)return{data:l,headers:o};if(A(l))throw new j(a,{kind:l.error,description:l.message,headers:o});throw new j(a,{headers:o})}}const C=e=>e?`${e.service}#${e.type}`:null,O=e=>{let t;for(const s in e){const r=e[s];if(void 0!==r)if(t??=new URLSearchParams,Array.isArray(r))for(let e=0,n=r.length;e<n;e++){const n=r[e];t.append(s,""+n)}else t.set(s,""+r)}return t?"?"+t.toString():""},q=e=>{if("object"!=typeof e||null===e)return!1;if("toJSON"in e)return!0;const t=Object.getPrototypeOf(e);return null===t||t===Object.prototype},A=e=>{if("object"!=typeof e||null===e)return!1;const t=typeof e.error,s=typeof e.message;return!("undefined"!==t&&"string"!==t||"undefined"!==s&&"string"!==s)},E=e=>e.replace(/[<"&]/g,e=>"&#"+e.charCodeAt(0)+";");var H=d('<div class="code-block svelte-ipr7k2"><pre class="svelte-ipr7k2"><code> </code></pre> <div class="actions svelte-ipr7k2"><button title="Copy" aria-label="Copy" class="action-button svelte-ipr7k2"><svg class="icon svelte-ipr7k2" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="square" stroke-width="2" d="M15 5h4v16H5V5h4m0-2h6v4H9V3Z"></path></svg></button></div></div>');function P(t,s){l(s,!0);var r=H(),n=h(r),a=h(n),o=h(a),i=p(n,2);h(i).__click=()=>{navigator.clipboard.writeText(s.code).catch(()=>alert("Failed to copy to clipboard"))},e(()=>u(o,s.code)),f(t,r),v()}y(["click"]);var R=d('<div class="guide svelte-1wxv0ke"><h4 class="guide-header svelte-1wxv0ke"> </h4> <!></div>');function S(t,s){var r=R(),n=h(r),a=h(n),o=p(n,2);g(o,()=>s.children),e(()=>u(a,s.title)),f(t,r)}var U=d('<ol class="guide-instructions svelte-mki4x9"><!></ol>');function _(e,t){var s=U(),r=h(s);g(r,()=>t.children),f(e,s)}export{P as C,S as G,$ as X,j as a,_ as b,E as e,b as h,k as o,x as s};

+1

assets/PostDisplay-CqTUAVla.js

··· 1 1 + import{p as e,f as s,t as a,s as t,a as i,b as r,c as l,d as n,e as p,g as d,B as o,h as c,i as h,j as u,k as m,l as f,u as v,C as b}from"./index-CD_0uzJz.js";import{X as k,s as y,a as g,h as $,o as w,G as x,b as z,C as q,e as Z}from"./GuideInstructions-CTis8QB-.js";import{s as A}from"./index-Cr8Vao8y.js";const F=/[&"<]/g,C=/[&<]/g;function M(e,s){const a=String(e??""),t=s?F:C;t.lastIndex=0;let i="",r=0;for(;t.test(a);){const e=t.lastIndex-1,s=a[e];i+=a.substring(r,e)+("&"===s?"&amp;":'"'===s?"&quot;":"&lt;"),r=e+1}return i+a.substring(r)}function N(e,s,a=!1){if("hidden"===e&&"until-found"!==s&&(a=!0),null==s||!s&&a)return"";return` ${e}${a?"":`="${M(s,!0)}"`}`}function _(e,s,a){var t=function(e,s){var a=null==e?"":""+e;return s&&(a=a?a+" "+s:s),""===a?null:a}(e,s);return t?` class="${M(t,!0)}"`:""}function B(e,s){var a=function(e){return null==e?null:String(e)}(e);return a?` style="${M(a,!0)}"`:""}function S(e,s){const{children:a}=s;e.push('<div class="bluesky-embed s-3olstj">'),a(e),e.push("</div>")}const U=e=>`https://bsky.app/profile/${e}`,T=(e,s)=>`https://bsky.app/profile/${e}/post/${s}`,I=e=>`https://bsky.app/hashtag/${e}`,R=(e,s)=>`https://bsky.app/profile/${e}/feed/${s}`;let D=0,H=0;const j=new Intl.DateTimeFormat("en-US",{dateStyle:"long",timeStyle:"short"}),P=new Intl.DateTimeFormat("en-US",{dateStyle:"medium"}),V=new Intl.DateTimeFormat("en-US",{month:"short",day:"numeric"}),G=e=>{const s=new Date(e),a=s.getTime();if(isNaN(a))return"N/A";const t=Date.now();if(t>H){const e=new Date(t);e.setMonth(0,1),e.setHours(0,0,0),D=e.getTime(),e.setFullYear(e.getFullYear()+1,0,0),e.setHours(23,59,59,999),H=e.getTime()}return a>=D&&a<=H?V.format(s):P.format(s)},L=e=>{const s=new Date(e);return isNaN(s.getTime())?"N/A":j.format(s)},W={"!hide":{name:"Hidden by moderators",flags:1},"!warn":{name:"Content warning",flags:1},porn:{name:"Adult content",flags:0},sexual:{name:"Sexually suggestive",flags:0},"graphic-media":{name:"Graphic media",flags:0},nudity:{name:"Nudity",flags:0}},E=(e,s)=>{if(e?.length)for(let a=0,t=e.length;a<t;a++){const t=e[a],i=t.val;if(!(i in W))continue;const r=W[i];if(!(1&r.flags&&t.src===s))return r}},Y=new Intl.NumberFormat("en-US"),J=new Intl.NumberFormat("en-US",{notation:"compact"}),K=e=>e<1e3?""+e:e<1e5?Y.format(e):J.format(e),X=e=>Y.format(e),O=/^at:\/\/((?:did:[a-zA-Z0-9._:%-]+)|(?:[a-zA-Z0-9][a-zA-Z0-9-.]*))(?:\/([a-zA-Z0-9.-]+)(?:\/([a-zA-Z0-9_~.:-]{1,512}))?)?\/?(?:\?([^#\s]*))?(?:#([^\s]*))?$/,Q=e=>{const s=O.exec(e);if(!s)throw new ee(`invalid at-uri: ${e}`);return{repo:s[1],collection:s[2]??"",rkey:s[3]??"",query:s[4]??"",fragment:s[5]??""}};let ee=class extends Error{};function se(e,s){{const{embed:a}=s,t=a.external,i=(e=>{let s;if("parse"in URL)s=URL.parse(e);else try{s=new URL(e)}catch{}return!s||"https:"!==s.protocol&&"http:"!==s.protocol?null:s})(t.uri)?.host;e.push(`<a target="_blank"${N("href",i&&t.uri)} rel="noopener noreferrer nofollow" class="external-embed s-rtbqd8">`),t.thumb&&e.push(`<img loading="lazy"${N("src",t.thumb)} alt="" class="thumbnail s-rtbqd8"/>`),e.push(` <div class="meta s-rtbqd8"><p class="title s-rtbqd8">${M(t.title)}</p> <p class="description s-rtbqd8">${M(t.description)}</p> `),i&&e.push(`<div class="domain s-rtbqd8"><svg class="icon" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="m4.172 8.07 3.94 2.957.977-1.941 3.887-.978 1.15-4.6M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-6.078 4.865.973-1.946-2.869-1.928-1.89-.12-1.08 1.075 1.947 2.919h2.919Z"></path></svg> <span class="domain-name">${M(i)}</span></div>`),e.push("</div></a>")}}const ae={width:16,height:9};function te(e,s){{const{embed:a,borderless:t,standalone:i,blur:r}=s,l=a.images,n=l.length;function p(e,s){const a=l[s];e.push(`<img loading="lazy"${N("src",a.thumb)}${N("alt",a.alt)}${_("image"+(r?" is-blurred":""),"s-t3k6fc")}/>`)}if(e.push(`<div${_("image-embed"+(t?"":" is-bordered")+(i&&1===n?" is-aligned":""),"s-t3k6fc")}>`),4===n)e.push('<div class="grid s-t3k6fc"><div class="col s-t3k6fc"><div class="item wide tl s-t3k6fc">'),p(e,0),e.push('</div> <div class="item wide bl s-t3k6fc">'),p(e,2),e.push('</div></div> <div class="col s-t3k6fc"><div class="item wide tr s-t3k6fc">'),p(e,1),e.push('</div> <div class="item wide br s-t3k6fc">'),p(e,3),e.push("</div></div></div>");else if(3===n)e.push('<div class="grid s-t3k6fc"><div class="col square s-t3k6fc"><div class="item tl bl s-t3k6fc">'),p(e,0),e.push('</div></div> <div class="col square s-t3k6fc"><div class="item tr s-t3k6fc">'),p(e,1),e.push('</div> <div class="item br s-t3k6fc">'),p(e,2),e.push("</div></div></div>");else if(2===n)e.push('<div class="grid s-t3k6fc"><div class="col s-t3k6fc"><div class="item square tl bl s-t3k6fc">'),p(e,0),e.push('</div></div> <div class="col s-t3k6fc"><div class="item square tr br s-t3k6fc">'),p(e,1),e.push("</div></div></div>");else if(1===n){const d=i&&(l[0].aspectRatio||ae);e.push(`<div${_("single-item tl tr bl br"+(d?" is-standalone":""),"s-t3k6fc")}${B(d?`aspect-ratio: ${d.width}/${d.height}`:"")}>`),p(e,0),e.push(" "),d&&e.push('<div class="placeholder s-t3k6fc"></div>'),e.push("</div>")}e.push("</div>")}}function ie(e,s){{const{post:a,embed:t,borderless:i,standalone:r,blur:l}=s,n=r&&t.aspectRatio,p=a&&T(a.author.did,Q(a.uri).rkey);function d(e){e.push(`<img loading="lazy"${N("src",t.thumbnail)} alt=""${_("thumbnail"+(l?" is-blurred":""),"s-1azk58e")}/> `),n&&e.push('<div class="placeholder s-1azk58e"></div>'),e.push(' <div class="play s-1azk58e"><svg class="icon s-1azk58e" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M22 12 5 2v20l17-10Z"></path></svg></div>')}r?(e.push(`<a target="_blank"${N("href",p)}${_("video-embed"+(i?"":" is-bordered")+(r?" is-standalone":""),"s-1azk58e")}><div class="constrainer s-1azk58e"${B(n?`aspect-ratio: ${n.width}/${n.height}`:"")}>`),d(e),e.push("</div></a>")):(e.push(`<div${_("video-embed"+(i?"":" is-bordered"),"s-1azk58e")}${B(n?`aspect-ratio: ${n.width}/${n.height}`:"")}>`),d(e),e.push("</div>"))}}const re=e=>{if(e){if("app.bsky.embed.images#view"===e.$type)return e;if("app.bsky.embed.recordWithMedia#view"===e.$type)return re(e.media)}},le=e=>{if(e){if("app.bsky.embed.video#view"===e.$type)return e;if("app.bsky.embed.recordWithMedia#view"===e.$type)return le(e.media)}};function ne(e,s){e.push(`<div class="message s-azdpbr">${M(s)}</div>`)}function pe(e,s){{const{post:a,embed:t,large:i=!1}=s;function r(e,s){!function(e,s){{const{warning:a,children:t}=s;a?(e.push(`<details class="content-hider s-q6x07m"><summary class="gate s-q6x07m"><svg class="icon s-q6x07m" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="square" stroke-width="2" d="M11 11h1v5m9-4a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"></path><path fill="currentColor" stroke="currentColor" stroke-width=".5" d="M11.5 7.25h-.25v1.5h1.5v-1.5H11.5Z"></path></svg> <span class="label s-q6x07m">${M(a.name)}</span> <span class="action s-q6x07m"></span></summary> `),t(e),e.push("</details>")):t(e)}}(e,{warning:a&&E(a.labels,a.author.did),children:e=>{"app.bsky.embed.external#view"===s.$type?se(e,{embed:s}):"app.bsky.embed.images#view"===s.$type?te(e,{embed:s,standalone:!0}):"app.bsky.embed.video#view"===s.$type?ie(e,{post:a,embed:s,standalone:!0}):ne(e,"Unsupported media embed")}})}function l(e,s){const a=s.record;if("app.bsky.embed.record#viewRecord"===a.$type)!function(e,s){{const{embed:a,large:t=!1}=s,i=a.value,r=i.text.trim(),l=a.author,n=l.displayName?.trim(),p=a.embeds?.[0],d=re(p),o=le(p),c=T(l.did,Q(a.uri).rkey),h=!!E(a.labels,l.did);e.push(`<a target="_blank"${N("href",c)} class="quote-embed s-za6fip"><div class="meta s-za6fip"><div class="avatar-wrapper s-za6fip">`),l.avatar&&e.push(`<img loading="lazy"${N("src",l.avatar)} alt="" class="avatar s-za6fip"/>`),e.push('</div> <span class="name-wrapper s-za6fip">'),n&&e.push(`<bdi class="display-name-wrapper s-za6fip"><span class="display-name s-za6fip">${M(n)}</span></bdi>`),e.push(` <span class="handle s-za6fip">@${M(l.handle)}</span></span> <span aria-hidden="true" class="dot s-za6fip">·</span> <time${N("datetime",i.createdAt)} class="date s-za6fip">${M(G(i.createdAt))}</time></div> `),r?(e.push('<div class="body s-za6fip">'),t||(d?(e.push('<div class="aside s-za6fip">'),te(e,{embed:d,blur:h}),e.push("</div>")):o&&(e.push('<div class="aside s-za6fip">'),ie(e,{embed:o,blur:h}),e.push("</div>"))),e.push(` <p class="text s-za6fip">${M(r)}</p></div>`)):e.push('<div class="divide s-za6fip"></div>'),e.push(" "),!t&&r||(d?te(e,{embed:d,borderless:!0,blur:h}):o&&ie(e,{embed:o,borderless:!0,blur:h})),e.push("</a>")}}(e,{embed:a,large:i});else if("app.bsky.feed.defs#generatorView"===a.$type)!function(e,s){{const{embed:a}=s,t=a.creator,i=R(t.did,Q(a.uri).rkey);e.push(`<a target="_blank"${N("href",i)} class="feed-embed s-156tlwp"><div class="main s-156tlwp"><div class="avatar-wrapper s-156tlwp">`),a.avatar?e.push(`<img loading="lazy"${N("src",a.avatar)} alt="" class="avatar s-156tlwp"/>`):e.push('<svg viewBox="0 0 32 32" class="avatar s-156tlwp"><path fill="#0070FF" d="M0 0h32v32H0z"></path><path fill="#fff" d="M22.153 22.354a9.328 9.328 0 0 0 3.837-.491 3.076 3.076 0 0 0-4.802-2.79m.965 3.281a6.128 6.128 0 0 0-.965-3.28Zm-11.342-3.28a3.077 3.077 0 0 0-4.801 2.79 9.21 9.21 0 0 0 3.835.49m.966-3.28a6.127 6.127 0 0 0-.966 3.28Zm8.265-8.997a3.076 3.076 0 1 1-6.153 0 3.076 3.076 0 0 1 6.153 0Zm6.154 3.077a2.307 2.307 0 1 1-4.615 0 2.307 2.307 0 0 1 4.615 0Zm-13.847 0a2.307 2.307 0 1 1-4.614 0 2.307 2.307 0 0 1 4.614 0Z"></path><path fill="#fff" d="M22 22c0 3.314-2.686 3.5-6 3.5s-6-.186-6-3.5a6 6 0 0 1 12 0Z"></path></svg>'),e.push(`</div> <div class="info"><p class="name s-156tlwp">${M(a.displayName)}</p> <p class="creator s-156tlwp">Feed by @${M(t.handle)}</p></div></div> <p class="description s-156tlwp">${M(a.description)}</p></a>`)}}(e,{embed:a});else if("app.bsky.graph.defs#listView"===a.$type)!function(e,s){{const{embed:a}=s,t=a.creator,i=R(t.did,Q(a.uri).rkey);e.push(`<a target="_blank"${N("href",i)} class="list-embed s-6uize5"><div class="main s-6uize5"><div class="avatar-wrapper s-6uize5">`),a.avatar?e.push(`<img loading="lazy"${N("src",a.avatar)} alt="" class="avatar s-6uize5"/>`):e.push('<svg viewBox="0 0 32 32" class="avatar s-6uize5"><path fill="#0070FF" d="M0 0h32v32H0z"></path><path fill="#fff" d="M22.153 22.354a9.328 9.328 0 0 0 3.837-.491 3.076 3.076 0 0 0-4.802-2.79m.965 3.281a6.128 6.128 0 0 0-.965-3.28Zm-11.342-3.28a3.077 3.077 0 0 0-4.801 2.79 9.21 9.21 0 0 0 3.835.49m.966-3.28a6.127 6.127 0 0 0-.966 3.28Zm8.265-8.997a3.076 3.076 0 1 1-6.153 0 3.076 3.076 0 0 1 6.153 0Zm6.154 3.077a2.307 2.307 0 1 1-4.615 0 2.307 2.307 0 0 1 4.615 0Zm-13.847 0a2.307 2.307 0 1 1-4.614 0 2.307 2.307 0 0 1 4.614 0Z"></path><path fill="#fff" d="M22 22c0 3.314-2.686 3.5-6 3.5s-6-.186-6-3.5a6 6 0 0 1 12 0Z"></path></svg>'),e.push(`</div> <div class="info"><p class="name s-6uize5">${M(a.name)}</p> <p class="creator s-6uize5">${M((e=>{switch(e){case"app.bsky.graph.defs#curatelist":return"User list";case"app.bsky.graph.defs#modlist":return"Moderation list"}return"Unknown list"})(a.purpose))} by @${M(t.handle)}</p></div></div> <p class="description s-6uize5">${M(a.description)}</p></a>`)}}(e,{embed:a});else if("app.bsky.graph.defs#starterPackViewBasic"===a.$type)!function(e,s){{const{embed:a,large:t=!1}=s,i=a.record,r=a.creator,l=r.did,n=Q(a.uri).rkey,p=((e,s)=>`https://bsky.app/starter-pack/${e}/${s}`)(l,n);if(e.push(`<a target="_blank"${N("href",p)} class="starterpack-embed s-15v965v">`),t){const s=((e,s)=>`https://ogcard.cdn.bsky.app/start/${e}/${s}`)(l,n);e.push(`<img loading="lazy"${N("src",s)} alt="" class="banner s-15v965v"/>`)}e.push(` <div class="meta s-15v965v"><div class="main s-15v965v"><svg fill="none" viewBox="0 0 24 24" class="avatar s-15v965v"><defs><linearGradient id="a" x1="0" x2="100%" y1="0" y2="0" gradientTransform="rotate(45)"><stop offset="0" stop-color="#0A7AFF"></stop><stop offset="1" stop-color="#59B9FF"></stop></linearGradient></defs><path fill="url(#a)" fill-rule="evenodd" d="M11.26 5.227 5.02 6.899c-.734.197-1.17.95-.973 1.685l1.672 6.24c.197.734.951 1.17 1.685.973l6.24-1.672a1.376 1.376 0 0 0 .973-1.685L12.945 6.2a1.375 1.375 0 0 0-1.685-.973Zm-6.566.459a2.632 2.632 0 0 0-1.86 3.223l1.672 6.24a2.632 2.632 0 0 0 3.223 1.861l6.24-1.672a2.631 2.631 0 0 0 1.861-3.223l-1.672-6.24a2.632 2.632 0 0 0-3.223-1.861l-6.24 1.672Z" clip-rule="evenodd"></path><path fill="url(#a)" fill-rule="evenodd" d="M15.138 18.411a4.606 4.606 0 1 0 0-9.211 4.606 4.606 0 0 0 0 9.211Zm0 1.257a5.862 5.862 0 1 0 0-11.724 5.862 5.862 0 0 0 0 11.724Z" clip-rule="evenodd"></path></svg> <div class="info"><p class="name s-15v965v">${M(i.name)}</p> <p class="creator s-15v965v">Starter pack by @${M(r.handle)}</p></div></div> <p class="description s-15v965v">${M(i.description)}</p></div></a>`)}}(e,{embed:a,large:i});else{const s=(e=>{switch(e){case"app.bsky.feed.post":return"post";case"app.bsky.feed.generator":return"feed";case"app.bsky.graph.list":return"list";case"app.bsky.graph.starterpack":return"starter pack";case"app.bsky.labeler.service":return"labeler"}return null})(Q(a.uri).collection);ne(e,s&&("app.bsky.embed.record#viewNotFound"===a.$type||"app.bsky.embed.record#viewBlocked"===a.$type||"app.bsky.embed.record#viewDetached"===a.$type)?`This ${s} is unavailable`:"Unsupported record embed")}}e.push('<div class="embeds s-azdpbr">'),"app.bsky.embed.recordWithMedia#view"===t.$type?(r(e,t.media),e.push(" "),l(e,t.record)):"app.bsky.embed.record#view"===t.$type?l(e,t):r(e,t),e.push("</div>")}}const de=e=>e?.find(e=>"app.bsky.richtext.facet#link"===e.$type||"app.bsky.richtext.facet#mention"===e.$type||"app.bsky.richtext.facet#tag"===e.$type);function oe(e,s){{const{text:a,facets:t,large:i}=s;e.push(`<p${_("rich-text"+(i?" is-large":" is-small"),"s-1lecfnd")}>`);const r=A(a,t);for(let s=0,l=r.length;s<l;s++){let a=r[s];const t=de(a.features);t?"app.bsky.richtext.facet#link"===t.$type?e.push(`<a target="_blank"${N("href",t.uri)} rel="noopener nofollow" class="link s-1lecfnd">${M(a.text)}</a>`):"app.bsky.richtext.facet#mention"===t.$type?e.push(`<a target="_blank"${N("href",U(t.did))} class="mention s-1lecfnd">${M(a.text)}</a>`):"app.bsky.richtext.facet#tag"===t.$type&&e.push(`<a target="_blank"${N("href",I(t.tag))} class="hashtag s-1lecfnd">${M(a.text)}</a>`):e.push(`${M(a.text)}`)}e.push("</p>")}}function ce(e,s){{const{post:a,parent:t,prev:i=!1}=s,r=a.author,l=U(r.did),n=r.displayName?.trim(),p=a.record,d=T(r.did,Q(a.uri).rkey),o=a.replyCount||0,c=a.likeCount||0,h=(a.repostCount||0)+(a.quoteCount||0),u=!!E(r.labels,r.did);if(e.push(`<div class="highlighted-post s-hik11q"><div class="meta s-hik11q"><a${N("href",l)} target="_blank" class="avatar-wrapper s-hik11q">`),r.avatar&&e.push(`<img loading="lazy"${N("src",r.avatar)} alt=""${_("avatar"+(u?" is-blurred":""),"s-hik11q")}/>`),e.push(`</a> <a${N("href",l)} target="_blank" class="name-wrapper s-hik11q">`),n&&e.push(`<bdi class="display-name-wrapper s-hik11q"><span class="display-name s-hik11q">${M(n)}</span></bdi>`),e.push(` <span class="handle s-hik11q">@${M(r.handle)}</span></a> `),i||e.push('<svg class="logo s-hik11q" fill="none" viewBox="0 0 320 286"><path fill="#0A7AFF" d="M69.364 19.146c36.687 27.806 76.147 84.186 90.636 114.439 14.489-30.253 53.948-86.633 90.636-114.439C277.107-.917 320-16.44 320 32.957c0 9.865-5.603 82.875-8.889 94.729-11.423 41.208-53.045 51.719-90.071 45.357 64.719 11.12 81.182 47.953 45.627 84.785-80 82.874-106.667-44.333-106.667-44.333s-26.667 127.207-106.667 44.333c-35.555-36.832-19.092-73.665 45.627-84.785-37.026 6.362-78.648-4.149-90.071-45.357C5.603 115.832 0 42.822 0 32.957 0-16.44 42.893-.917 69.364 19.147Z"></path></svg>'),e.push("</div> "),!i&&p.reply){if(e.push('<p class="context s-hik11q">'),t){const s=t.author;e.push(`Replying to <a target="_blank"${N("href",U(s.did))} dir="auto" class="s-hik11q">${M(s.displayName?.trim()||`@${s.handle}`)}</a>`)}else e.push("Replying to an unknown post");e.push("</p>")}e.push(" "),oe(e,{text:p.text,facets:p.facets,large:!0}),e.push(" "),a.embed&&pe(e,{post:a,embed:a.embed,large:!0}),e.push(` <time${N("datetime",p.createdAt)} class="date s-hik11q">${M(L(p.createdAt))}</time> <div class="stats s-hik11q"><span class="stat s-hik11q"${N("title",1===c?`${X(c)} like`:`${X(c)} likes`)}><svg class="icon" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-width="2" d="M12 5.768c6.162-6.25 16.725 5.358 0 14.732C-4.725 11.126 5.838-.482 12 5.768Z"></path></svg> <span>${M(K(c))}</span></span> <span class="stat s-hik11q"${N("title",1===h?`${X(h)} repost`:`${X(h)} reposts`)}><svg class="icon" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="square" stroke-width="2" d="m17 3 3 3-3 3M7 21l-3-3 3-3m-2 3h15v-5M4 11V6h15"></path></svg> <span>${M(K(h))}</span></span> <div class="gap s-hik11q"></div> <a${N("href",d)} target="_blank" class="permalink s-hik11q"><span>${M(o?1===o?`Read ${K(o)} reply on Bluesky`:`Read ${K(o)} replies on Bluesky`:"View on Bluesky")}</span></a></div></div>`)}}function he(e,s){{const{post:a,parent:t,prev:i}=s,r=a.author,l=U(r.did),n=r.displayName?.trim(),p=a.record,d=T(r.did,Q(a.uri).rkey),o=!!E(r.labels,r.did);if(e.push('<div class="post s-12mzi62">'),i||e.push('<svg class="logo s-12mzi62" fill="none" viewBox="0 0 320 286"><path fill="#0A7AFF" d="M69.364 19.146c36.687 27.806 76.147 84.186 90.636 114.439 14.489-30.253 53.948-86.633 90.636-114.439C277.107-.917 320-16.44 320 32.957c0 9.865-5.603 82.875-8.889 94.729-11.423 41.208-53.045 51.719-90.071 45.357 64.719 11.12 81.182 47.953 45.627 84.785-80 82.874-106.667-44.333-106.667-44.333s-26.667 127.207-106.667 44.333c-35.555-36.832-19.092-73.665 45.627-84.785-37.026 6.362-78.648-4.149-90.071-45.357C5.603 115.832 0 42.822 0 32.957 0-16.44 42.893-.917 69.364 19.147Z"></path></svg>'),e.push(` <div class="aside s-12mzi62"><a target="_blank"${N("href",l)} class="avatar-wrapper s-12mzi62">`),r.avatar&&e.push(`<img loading="lazy"${N("src",r.avatar)} alt=""${_("avatar"+(o?" is-blurred":""),"s-12mzi62")}/>`),e.push(`</a> <div class="line s-12mzi62"></div></div> <div class="main s-12mzi62"><div class="meta s-12mzi62"><a${N("href",l)} target="_blank" class="name-wrapper s-12mzi62">`),n&&e.push(`<bdi class="display-name-wrapper s-12mzi62"><span class="display-name s-12mzi62">${M(n)}</span></bdi>`),e.push(` <span class="handle s-12mzi62">@${M(r.handle)}</span></a> <span aria-hidden="true" class="dot s-12mzi62">·</span> <a target="_blank"${N("href",d)}${N("title",L(p.createdAt))} class="date s-12mzi62"><time${N("datetime",p.createdAt)}>${M(G(p.createdAt))}</time></a></div> `),!i&&p.reply){if(e.push('<p class="context s-12mzi62">'),t){const s=t.author;e.push(`Replying to <a target="_blank"${N("href",U(s.did))} dir="auto" class="s-12mzi62">${M(s.displayName?.trim()||`@${s.handle}`)}</a>`)}else e.push("Replying to an unknown post");e.push("</p>")}e.push(" "),oe(e,{text:p.text,facets:p.facets}),e.push(" "),a.embed&&pe(e,{post:a,embed:a.embed}),e.push("</div></div>")}}function ue(e,s){S(e,{children:e=>{e.push(`<div class="message s-1q9cbx0">${M(s)}</div>`)}})}function me(e,s){{const{thread:a,contextless:t,allowUnauthenticated:i}=s,r=!i&&null!==a&&"app.bsky.feed.defs#threadViewPost"===a.$type&&a.post.author.labels?.some(e=>"!no-unauthenticated"===e.val);if(null===a)ue(e,"The post can't be found, it may have been deleted.");else if(r)ue(e,"The author has requested for their posts to not be displayed on external sites.");else{const s=((e,s,a)=>{const t=[];let i=0,r=s?1:2,l=e;for(;l&&"app.bsky.feed.defs#notFoundPost"!==l.$type&&"app.bsky.feed.defs#blockedPost"!==l.$type;){const e=l.post;if(0!==i&&(t[i-1].parent=e),++i>r)break;const s=e.author;if(!a&&s.labels?.some(e=>"!no-unauthenticated"===e.val))break;t.push({post:e,parent:null}),l=l.parent}return t.reverse()})(a,t,i);S(e,{children:e=>{const a=s;for(let t=0,i=a.length;t<i;t++){let{post:i,parent:r}=a[t];const l=0!==t;t===s.length-1?ce(e,{post:i,parent:r,prev:l}):he(e,{post:i,parent:r,prev:l})}}})}}}const fe=new Intl.DateTimeFormat("en-US",{dateStyle:"long",timeStyle:"short"}),ve=/^at:\/\/((?:did:[a-zA-Z0-9._:%-]+)|(?:[a-zA-Z0-9][a-zA-Z0-9-.]*))(?:\/([a-zA-Z0-9.-]+)(?:\/([a-zA-Z0-9_~.:-]{1,512}))?)?\/?(?:\?([^#\s]*))?(?:#([^\s]*))?$/;class be extends Error{}var ke=s("<bluesky-post><!></bluesky-post>",2);function ye(s,n){e(n,!0);var p=ke();a(()=>t(p,"src",n.data.thread?.post.uri));var d=l(p);$(d,()=>function(e,s={}){let a="";return me({push(e){a+=e}},s.props??{}),{body:a}}(0,{props:n.data}).body),i(s,p),r()}var ge=s('Doing server-side rendering? Check out examples for <a href="https://github.com/mary-ext/bluesky-embed-astro">Astro</a> and <a href="https://github.com/mary-ext/bluesky-embed-sveltekit">SvelteKit</a>.',1),$e=s("<li><p>Insert the following scripts and stylesheets to the <code>&lt;head&gt;</code> of your website.</p> <!></li> <li><p>Insert the following markup in wherever you want the post to be.</p> <!></li>",1),we=s("<!> <!>",1),xe=s("<!> <!>",1);function ze(s,t){let $;e(t,!0);const A=v(()=>{$?.abort(),$=new AbortController;const e=$.signal;return(async e=>{const s=new k({handler:y({service:e.serviceUri??"https://public.api.bsky.app"})}),a=e.contextless??!1,{data:t}=await s.get("app.bsky.feed.getPostThread",{signal:e.signal,params:{uri:e.uri,parentHeight:a?1:2,depth:0}}).catch(e=>e instanceof g&&"NotFound"===e.kind?{data:null}:Promise.reject(e));return{thread:"app.bsky.feed.defs#threadViewPost"===t?.thread.$type?t.thread:null,contextless:a,allowUnauthenticated:e.allowUnauthenticated??!1}})({uri:`at://${t.matched.author}/app.bsky.feed.post/${t.matched.rkey}`,signal:e})});w(()=>{$?.abort()});const F="https://cdn.jsdelivr.net/npm/bluesky-post-embed@^1.0.0",C=()=>`\x3c!-- Core web component and styling --\x3e\n<script type="module" src="${F}/+esm"><\/script>\n<link rel="stylesheet" href="${F}/dist/core.min.css">\n\n\x3c!-- Built-in themes --\x3e\n<link rel="stylesheet" href="${F}/themes/light.min.css" media="(prefers-color-scheme: light)">\n<link rel="stylesheet" href="${F}/themes/dim.min.css" media="(prefers-color-scheme: dark)">\n\n\x3c!-- Fallback/placeholder elements if JS script is taking a while to load or is failing --\x3e\n<style>\n .bluesky-post-fallback {\n margin: 16px 0;\n border-left: 3px solid var(--divider);\n padding: 4px 8px;\n white-space: pre-wrap;\n overflow-wrap: break-word;\n }\n .bluesky-post-fallback p {\n margin: 0 0 8px 0;\n }\n</style>\n`,M=e=>{const s=e.author,a=e.record;return`<bluesky-post src="${Z(e.uri)}">\n <blockquote class="bluesky-post-fallback">\n <p dir="auto">${Z(a.text)}</p>\n — ${s.displayName?.trim()?`${Z(s.displayName)} (@${Z(s.handle)})`:`@${Z(s.handle)}`}\n <a href="${Z(((e,s)=>`https://bsky.app/profile/${e}/post/${s}`)(s.did,(e=>{const s=ve.exec(e);if(!s)throw new be(`invalid at-uri: ${e}`);return{repo:s[1],collection:s[2]??"",rkey:s[3]??"",query:s[4]??"",fragment:s[5]??""}})(e.uri).rkey))}">${(e=>{const s=new Date(e);return isNaN(s.getTime())?"N/A":fe.format(s)})(e.indexedAt)}</a>\n </blockquote>\n</bluesky-post>\n`};var N=n(),_=p(N);d(_,()=>u(A),e=>{b(e)},(e,s)=>{var a=xe(),t=p(a);ye(t,{get data(){return u(s)}});var r=m(t,2),n=e=>{x(e,{title:"How do I embed this to my website?",children:(e,a)=>{var t=we(),r=p(t);o(r,{type:"inform",children:(e,s)=>{var a=ge();i(e,a)}});var n=m(r,2);z(n,{children:(e,a)=>{var t=$e(),r=p(t),n=m(l(r),2);{let e=v(C);q(n,{get code(){return u(e)}})}var d=m(r,2),o=m(l(d),2);{let e=v(()=>M(u(s).thread.post));q(o,{get code(){return u(e)}})}i(e,t)}}),i(e,t)}})};f(r,e=>{u(s).thread&&e(n)}),i(e,a)},(e,s)=>{o(e,{type:"alert",children:(e,t)=>{var r=c();a(()=>h(r,""+u(s))),i(e,r)}})}),i(s,N),r()}export{ze as default};

+1

assets/PostDisplay-yMSDBkol.css

··· 1 1 + .bluesky-embed.s-3olstj{position:relative;box-sizing:border-box;margin:0 auto;border:1px solid var(--divider);border-radius:8px;background:var(--background-primary);min-width:250px;max-width:550px;overflow:hidden;color:var(--text-primary);font-weight:400;font-size:calc(var(--font-size) * .875);line-height:calc(var(--font-size) * 1.25);font-family:var(--font-family);:where(*),:where(*:before),:where(*:after){box-sizing:border-box;margin:0;padding:0}:where(a){color:inherit;text-decoration:none}:where(.icon){flex-shrink:0;width:1em;height:1em}}.gate.s-q6x07m{display:flex;align-items:center;gap:12px;cursor:pointer;border:1px solid var(--divider);border-radius:6px;padding:0 12px;height:44px;.content-hider[open]:where(.s-q6x07m) &{margin-bottom:12px}&:hover{border-color:var(--divider-hover)}}.icon.s-q6x07m{width:18px;height:18px;color:var(--text-secondary)}.label.s-q6x07m{flex-grow:1;overflow:hidden;font-weight:500;user-select:none;text-overflow:ellipsis}.action.s-q6x07m{color:var(--text-link);font-weight:500;font-size:calc(var(--font-size) * .8125);line-height:calc(var(--font-size) * 1.25);&:before{content:"Show"}.content-hider[open]:where(.s-q6x07m) &:before{content:"Hide"}}.external-embed.s-rtbqd8{display:block;border:1px solid var(--divider);border-radius:6px;overflow:hidden;&:hover{border-color:var(--divider-hover)}}.thumbnail.s-rtbqd8{display:block;border-bottom:1px solid var(--divider);background:#000;aspect-ratio:1.91;width:100%;.external-embed:where(.s-rtbqd8):hover &{border-color:var(--divider-hover)}}.meta.s-rtbqd8{padding:12px}.title.s-rtbqd8{display:-webkit-box;overflow:hidden;font-weight:700;white-space:pre-wrap;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow-wrap:break-word;&:empty{display:none}}.description.s-rtbqd8{display:-webkit-box;overflow:hidden;color:var(--text-secondary);font-size:calc(var(--font-size) * .8125);white-space:pre-wrap;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow-wrap:break-word;&:empty{display:none}}.domain.s-rtbqd8{display:flex;align-items:center;gap:6px;margin:6px 0 0;color:var(--text-secondary);font-weight:500;font-size:calc(var(--font-size) * .75)}.feed-embed.s-156tlwp{display:flex;flex-direction:column;gap:12px;border:1px solid var(--divider);border-radius:6px;padding:12px;&:hover{border-color:var(--divider-hover)}}.main.s-156tlwp{display:flex;gap:12px}.avatar-wrapper.s-156tlwp{margin:2px 0 0;border-radius:6px;background:var(--background-secondary);width:36px;height:36px;overflow:hidden}.avatar.s-156tlwp{width:100%;height:100%;object-fit:cover}.name.s-156tlwp{font-weight:700}.creator.s-156tlwp{color:var(--text-secondary);font-size:calc(var(--font-size) * .8125)}.description.s-156tlwp{display:-webkit-box;overflow:hidden;font-size:calc(var(--font-size) * .8125);white-space:pre-wrap;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow-wrap:break-word;&:empty{display:none}}.is-aligned.s-t3k6fc{align-self:baseline;max-width:100%}.grid.s-t3k6fc{display:flex;gap:2px}.col.s-t3k6fc{display:flex;flex:1;flex-direction:column;gap:2px}.square.s-t3k6fc{aspect-ratio:1}.wide.s-t3k6fc{aspect-ratio:1.5}.item.s-t3k6fc{position:relative;flex-grow:1;flex-shrink:0;overflow:hidden}.is-bordered.s-t3k6fc{.tl:where(.s-t3k6fc),.tr:where(.s-t3k6fc),.bl:where(.s-t3k6fc),.br:where(.s-t3k6fc){border:1px solid var(--divider)}.tl:where(.s-t3k6fc){border-top-left-radius:6px}.tr:where(.s-t3k6fc){border-top-right-radius:6px}.bl:where(.s-t3k6fc){border-bottom-left-radius:6px}.br:where(.s-t3k6fc){border-bottom-right-radius:6px}}.single-item.s-t3k6fc{position:relative;aspect-ratio:16 / 9;overflow:hidden;.image:where(.s-t3k6fc){object-fit:contain}}.is-standalone.s-t3k6fc{min-width:64px;max-width:100%;min-height:64px;max-height:320px}.image.s-t3k6fc{position:absolute;inset:0;background:#000;width:100%;height:100%;object-fit:cover;font-size:0px}.is-blurred.s-t3k6fc{scale:125%;filter:blur(24px)}.placeholder.s-t3k6fc{width:100vw;height:100vh}.list-embed.s-6uize5{display:flex;flex-direction:column;gap:12px;border:1px solid var(--divider);border-radius:6px;padding:12px;&:hover{border-color:var(--divider-hover)}}.main.s-6uize5{display:flex;gap:12px}.avatar-wrapper.s-6uize5{margin:2px 0 0;border-radius:6px;background:var(--background-secondary);width:36px;height:36px;overflow:hidden}.avatar.s-6uize5{width:100%;height:100%;object-fit:cover}.name.s-6uize5{font-weight:700}.creator.s-6uize5{color:var(--text-secondary);font-size:calc(var(--font-size) * .8125)}.description.s-6uize5{display:-webkit-box;overflow:hidden;font-size:calc(var(--font-size) * .8125);white-space:pre-wrap;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow-wrap:break-word;&:empty{display:none}}.video-embed.s-1azk58e{display:block;position:relative;background:#000;aspect-ratio:16 / 9;overflow:hidden}.is-bordered.s-1azk58e{border:1px solid var(--divider);border-radius:6px}.is-standalone.s-1azk58e{align-self:baseline;aspect-ratio:auto;max-width:100%}.constrainer.s-1azk58e{min-width:64px;max-width:100%;min-height:64px;max-height:320px}.thumbnail.s-1azk58e{width:100%;height:100%;object-fit:contain}.is-blurred.s-1azk58e{scale:125%;filter:blur(24px)}.placeholder.s-1azk58e{width:100vw;height:100vh}.play.s-1azk58e{display:grid;position:absolute;top:50%;left:50%;place-items:center;translate:-50% -50%;border-radius:50%;background:#40404099;aspect-ratio:1 / 1;height:40%;max-height:48px;color:#fff;font-size:20px;.icon:where(.s-1azk58e){width:40%;height:40%}.is-standalone:where(.s-1azk58e) &:hover{background:#404040cc}}.quote-embed.s-za6fip{display:block;border:1px solid var(--divider);border-radius:6px;overflow:hidden;&:hover{border-color:var(--divider-hover)}}.meta.s-za6fip{display:flex;padding:12px 12px 0;color:var(--text-secondary);.avatar-wrapper:where(.s-za6fip){flex-shrink:0;margin:0 8px 0 0;border-radius:9999px;background:var(--background-secondary);width:20px;height:20px;overflow:hidden}.avatar:where(.s-za6fip){width:100%;height:100%}.name-wrapper:where(.s-za6fip){display:flex;gap:4px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.display-name-wrapper:where(.s-za6fip){overflow:hidden;text-overflow:ellipsis}.display-name:where(.s-za6fip){color:var(--text-primary);font-weight:700}.handle:where(.s-za6fip){display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dot:where(.s-za6fip){flex-shrink:0;margin:0 6px}.date:where(.s-za6fip){white-space:nowrap}}.body.s-za6fip{display:flex;align-items:flex-start}.aside.s-za6fip{flex-grow:1;flex-basis:0;margin:8px 0 12px 12px;max-width:20%}.text.s-za6fip{display:-webkit-box;margin:8px 12px 12px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:6;line-clamp:6;flex-grow:4;flex-basis:0px;min-width:0px;white-space:pre-wrap;overflow-wrap:break-word}.divide.s-za6fip{padding:6px 0}.starterpack-embed.s-15v965v{display:block;border:1px solid var(--divider);border-radius:6px;overflow:hidden;&:hover{border-color:var(--divider-hover)}}.banner.s-15v965v{display:block;aspect-ratio:1.91;width:100%}.meta.s-15v965v{display:flex;flex-direction:column;gap:12px;padding:12px}.main.s-15v965v{display:flex;gap:12px}.avatar.s-15v965v{margin:2px;width:36px;height:36px}.name.s-15v965v{font-weight:700}.creator.s-15v965v{color:var(--text-secondary);font-size:calc(var(--font-size) * .8125)}.description.s-15v965v{display:-webkit-box;overflow:hidden;font-size:calc(var(--font-size) * .8125);white-space:pre-wrap;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow-wrap:break-word;&:empty{display:none}}.embeds.s-azdpbr{display:flex;flex-direction:column;gap:12px;margin:12px 0 0}.message.s-azdpbr{border:1px solid var(--divider);border-radius:6px;padding:12px;color:var(--text-secondary)}.rich-text.s-1lecfnd{overflow:hidden;white-space:pre-wrap;overflow-wrap:break-word;&:empty{display:none}}.is-large.s-1lecfnd{font-size:calc(var(--font-size) * 1);line-height:calc(var(--font-size) * 1.5)}.link.s-1lecfnd,.mention.s-1lecfnd,.hashtag.s-1lecfnd{color:var(--text-link);&:hover{text-decoration:underline}}.highlighted-post.s-hik11q{padding:16px}.meta.s-hik11q{display:flex;align-items:center;gap:12px;margin:0 0 12px;color:var(--text-secondary)}.avatar-wrapper.s-hik11q{display:block;flex-shrink:0;border-radius:9999px;background:var(--background-secondary);width:40px;height:40px;overflow:hidden;&:hover{filter:brightness(.85)}}.avatar.s-hik11q{width:100%;height:100%;object-fit:cover}.is-blurred.s-hik11q{scale:125%;filter:blur(4px)}.name-wrapper.s-hik11q{display:block;flex-grow:1;max-width:100%;overflow:hidden;color:inherit;text-overflow:ellipsis;white-space:nowrap}.display-name-wrapper.s-hik11q{overflow:hidden;text-overflow:ellipsis;.name-wrapper:where(.s-hik11q):hover &{text-decoration:underline}}.display-name.s-hik11q{color:var(--text-primary);font-weight:700}.handle.s-hik11q{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logo.s-hik11q{width:32px;height:32px}.context.s-hik11q{overflow:hidden;color:var(--text-secondary);font-size:calc(var(--font-size) * .8125);text-overflow:ellipsis;white-space:nowrap;a:where(.s-hik11q){color:inherit;font-weight:500;&:hover{text-decoration:underline}}}.date.s-hik11q{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0 0;border-bottom:1px solid var(--divider);padding:0 0 12px;color:var(--text-secondary)}.stats.s-hik11q{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:0 0 -16px;padding:12px 0;color:var(--text-secondary);.gap:where(.s-hik11q){flex:1 1 auto}.permalink:where(.s-hik11q){display:flex;align-items:center;gap:4px;color:var(--text-link);font-weight:700;&:hover{text-decoration:underline}}}.stat.s-hik11q{display:flex;align-items:center;gap:8px;font-weight:500}.post.s-12mzi62{display:flex;position:relative;gap:12px;padding:12px 16px 0}.logo.s-12mzi62{position:absolute;top:12px;right:12px;width:24px;height:24px}.aside.s-12mzi62{flex-shrink:0}.avatar-wrapper.s-12mzi62{display:block;border-radius:9999px;background:var(--background-secondary);width:40px;height:40px;overflow:hidden;&:hover{filter:brightness(.85)}}.avatar.s-12mzi62{width:100%;height:100%;object-fit:cover}.is-blurred.s-12mzi62{scale:125%;filter:blur(4px)}.line.s-12mzi62{position:absolute;top:56px;bottom:-12px;left:35px;border-left:2px solid var(--divider)}.main.s-12mzi62{display:flex;flex-grow:1;flex-direction:column;min-width:0px}.meta.s-12mzi62{display:flex;align-items:center;margin:0 0 2px;padding:0 32px 0 0;color:var(--text-secondary);.name-wrapper:where(.s-12mzi62){display:flex;gap:4px;max-width:100%;overflow:hidden;color:inherit;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.display-name-wrapper:where(.s-12mzi62){overflow:hidden;text-overflow:ellipsis;.name-wrapper:where(.s-12mzi62):hover &{text-decoration:underline}}.display-name:where(.s-12mzi62){color:var(--text-primary);font-weight:700}.handle:where(.s-12mzi62){display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dot:where(.s-12mzi62){flex-shrink:0;margin:0 6px}.date:where(.s-12mzi62){color:inherit;text-decoration:none;white-space:nowrap;&:hover{text-decoration:underline}}}.context.s-12mzi62{overflow:hidden;color:var(--text-secondary);font-size:calc(var(--font-size) * .8125);text-overflow:ellipsis;white-space:nowrap;a:where(.s-12mzi62){color:inherit;font-weight:500;&:hover{text-decoration:underline}}}.message.s-1q9cbx0{margin:0 auto;padding:32px 16px;max-width:380px;color:var(--text-secondary);text-align:center}

+1

assets/ProfileCardDisplay-BpCMWdM3.js

··· 1 1 + import{p as e,f as s,t,s as a,c as n,a as r,b as l,d as o,e as i,g as c,B as p,h as d,i as u,j as f,k as h,l as m,u as b,C as g}from"./index-CD_0uzJz.js";import{X as w,s as y,a as v,h as $,o as k,G as x,b as q,C,e as F}from"./GuideInstructions-CTis8QB-.js";const I=/^[@＠]([a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*(?:\.[a-zA-Z]{2,}))($|\s|\p{P})/u,N=/^(?:#(?!\ufe0f|\u20e3)|＃)([\p{N}]*[\p{L}\p{M}\p{Pc}][\p{L}\p{M}\p{Pc}\p{N}]*)($|\s|\p{P})/u,A=/^:([\w-]+):/,P=/^https?:\/\/[\S]+/,B=/(?:(?<!\(.*)\))?[.,;]*$/,U=/^\[((?:\[(?:\\.|[^\[\]\\])*\]|\\.|[^\[\]\\])*?)\]\((.*?)\)/,_=/^\\([@＠#:\\\[])/,j=/^.+?(?:(?=$|[:\\\[]|https?:\/\/)|(?<=\s|[(){}\/\\\[\]\-|:;'".,=+])(?=[@＠#＃]))/s,z=e=>{const s=I.exec(e);if(s&&"@"!==s[2]){const e=s[2].length;return{type:"mention",raw:e>0?s[0].slice(0,-e):s[0],handle:s[1]}}},S=e=>{const s=N.exec(e);if(s&&"#"!==s[2]){const e=s[2].length;return{type:"topic",raw:e>0?s[0].slice(0,-e):s[0],name:s[1]}}},M=e=>{const s=A.exec(e);if(s)return{type:"emote",raw:s[0],name:s[1]}},Z=e=>{const s=P.exec(e);if(s){const e=s[0].replace(B,"");return{type:"autolink",raw:e,url:e}}},G=e=>{const s=U.exec(e);if(s)return{type:"link",raw:s[0],text:s[1],url:s[2]}},H=e=>{const s=_.exec(e);if(s)return{type:"escape",raw:s[0],escaped:s[1]}},L=e=>{const s=j.exec(e);if(s)return{type:"text",raw:s[0],text:s[0]}},T=/[&"<]/g,E=/[&<]/g;function R(e,s){const t=String(e??""),a=s?T:E;a.lastIndex=0;let n="",r=0;for(;a.test(t);){const e=a.lastIndex-1,s=t[e];n+=t.substring(r,e)+("&"===s?"&amp;":'"'===s?"&quot;":"&lt;"),r=e+1}return n+t.substring(r)}function X(e,s,t=!1){if("hidden"===e&&"until-found"!==s&&(t=!0),null==s||!s&&t)return"";return` ${e}${t?"":`="${R(s,!0)}"`}`}function D(e,s,t){var a=function(e,s){var t=null==e?"":""+e;return""===(t=t?t+" "+s:s)?null:t}(e,s);return a?` class="${R(a,!0)}"`:""}function J(e,s){const{children:t}=s;e.push('<div class="bluesky-embed s-dgn7w7">'),t(e),e.push("</div>")}const K=e=>`https://bsky.app/profile/${e}`,O=e=>`https://bsky.app/hashtag/${e}`,Q={"!hide":{name:"Hidden by moderators",flags:1},"!warn":{name:"Content warning",flags:1},porn:{name:"Adult content",flags:0},sexual:{name:"Sexually suggestive",flags:0},"graphic-media":{name:"Graphic media",flags:0},nudity:{name:"Nudity",flags:0}},V=new Intl.NumberFormat("en-US"),W=new Intl.NumberFormat("en-US",{notation:"compact"}),Y=e=>e<1e3?""+e:e<1e5?V.format(e):W.format(e),ee=/^https?:\/\//;function se(e,s){{const{text:t}=s;e.push('<p class="rich-text is-small s-1ea7h2m">');const a=(e=>{const s=[];let t,a;for(;e;)if(t=a,a=H(e)||Z(e)||z(e)||S(e)||M(e)||G(e))e=e.slice(a.raw.length),s.push(a);else if(a=L(e))e=e.slice(a.raw.length),t&&"text"===t.type?(t.raw+=a.raw,t.text+=a.text,a=t):s.push(a);else if(e)throw new Error("infinite loop encountered");return s})(t);for(let s=0,n=a.length;s<n;s++){let t=a[s];"autolink"===t.type?e.push(`<a target="_blank"${X("href",t.url)} rel="noopener nofollow" class="link s-1ea7h2m">${R(t.raw.replace(ee,""))}</a>`):"mention"===t.type?e.push(`<a target="_blank"${X("href",K(t.handle))} class="mention s-1ea7h2m">${R(t.raw)}</a>`):"topic"===t.type?e.push(`<a target="_blank"${X("href",O(t.name))} class="hashtag s-1ea7h2m">${R(t.raw)}</a>`):e.push(`${R(t.raw)}`)}e.push("</p>")}}function te(e,s){{const{profile:t}=s,a=K(t.did),n=((e,s)=>{if(e?.length)for(let t=0,a=e.length;t<a;t++){const a=e[t],n=a.val;if(!(n in Q))continue;const r=Q[n];if(!(1&r.flags&&a.src===s))return r}})(t.labels,t.did);e.push('<div class="profile-card has-banner s-2b3fq6"><div class="banner-wrapper s-2b3fq6">'),t.banner&&e.push(`<img loading="lazy"${X("src",t.banner)} alt=""${D("banner"+(n?" is-blurred":""),"s-2b3fq6")}/>`),e.push(`</div> <div class="contents s-2b3fq6"><div class="header s-2b3fq6"><a${X("href",a)} target="_blank" class="avatar-wrapper s-2b3fq6">`),t.avatar&&e.push(`<img loading="lazy"${X("src",t.avatar)} alt=""${D("avatar"+(n?" is-blurred":""),"s-2b3fq6")}/>`),e.push(`</a> <div class="actions s-2b3fq6"><a${X("href",a)} target="_blank" class="follow-button s-2b3fq6"><svg class="icon s-2b3fq6" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="square" stroke-width="2" d="M12 4v8m0 0v8m0-8H4m8 0h8"></path></svg> <span>Follow</span></a> <svg class="logo s-2b3fq6" fill="none" viewBox="0 0 320 286"><path fill="#0A7AFF" d="M69.364 19.146c36.687 27.806 76.147 84.186 90.636 114.439 14.489-30.253 53.948-86.633 90.636-114.439C277.107-.917 320-16.44 320 32.957c0 9.865-5.603 82.875-8.889 94.729-11.423 41.208-53.045 51.719-90.071 45.357 64.719 11.12 81.182 47.953 45.627 84.785-80 82.874-106.667-44.333-106.667-44.333s-26.667 127.207-106.667 44.333c-35.555-36.832-19.092-73.665 45.627-84.785-37.026 6.362-78.648-4.149-90.071-45.357C5.603 115.832 0 42.822 0 32.957 0-16.44 42.893-.917 69.364 19.147Z"></path></svg></div></div> <div class="name-wrapper"><p dir="auto" class="display-name s-2b3fq6">${R(t.displayName?.trim()||t.handle.slice(0,64))}</p> <p class="handle s-2b3fq6">@${R(t.handle)}</p></div> <div class="stats s-2b3fq6"><span class="stat-entry s-2b3fq6"><span class="stat-count s-2b3fq6">${R(Y(t.followersCount||0))}</span> <span>${R(1===t.followersCount?"Follower":"Followers")}</span></span> <span class="stat-entry s-2b3fq6"><span class="stat-count s-2b3fq6">${R(Y(t.followsCount||0))}</span> <span>Following</span></span></div> `),t.description?.trim()&&se(e,{text:t.description}),e.push("</div></div>")}}function ae(e,s){J(e,{children:e=>{e.push(`<div class="message s-ibmh3w">${R(s)}</div>`)}})}function ne(e,s){{const{profile:t,allowUnauthenticated:a}=s,n=!a&&t?.labels?.some(e=>"!no-unauthenticated"===e.val);null===t?ae(e,"The profile can't be found, it may have been deleted."):n?ae(e,"The user has requested for their profile to not be displayed on external sites."):J(e,{children:e=>{te(e,{profile:t})}})}}var re=s("<bluesky-profile-card><!></bluesky-profile-card>",2);function le(s,o){e(o,!0);var i=re();t(()=>a(i,"actor",o.data.profile?.did));var c=n(i);$(c,()=>function(e,s={}){let t="";return ne({push(e){t+=e}},s.props??{}),{body:t}}(0,{props:o.data}).body),r(s,i),l()}var oe=s("<li><p>Insert the following scripts and stylesheets to the <code>&lt;head&gt;</code> of your website.</p> <!></li> <li><p>Insert the following markup in wherever you want the profile feed to be.</p> <!></li>",1),ie=s("<!> <!>",1);function ce(s,a){let $;e(a,!0);const I=b(()=>{$?.abort(),$=new AbortController;const e=$.signal;return(async e=>{const s=e.actor,t=e.allowUnauthenticated??!1,a=new w({handler:y({service:e.serviceUri??"https://public.api.bsky.app"})}),{data:n}=await a.get("app.bsky.actor.getProfile",{signal:e.signal,params:{actor:s}}).catch(e=>e instanceof v&&"InvalidRequest"===e.kind&&"Profile not found"===e.description?{data:null}:Promise.reject(e));return{profile:n,allowUnauthenticated:t}})({actor:a.matched.actor,signal:e})});k(()=>{$?.abort()});const N=()=>{const e="https://cdn.jsdelivr.net/npm/bluesky-profile-card-embed@^1.0.0";return`\x3c!-- Core web component and styling --\x3e\n<script type="module" src="${e}/+esm"><\/script>\n<link rel="stylesheet" href="${e}/dist/core.min.css">\n\n\x3c!-- Built-in themes --\x3e\n<link rel="stylesheet" href="${e}/themes/light.min.css" media="(prefers-color-scheme: light)">\n<link rel="stylesheet" href="${e}/themes/dim.min.css" media="(prefers-color-scheme: dark)">\n`};var A=o(),P=i(A);c(P,()=>f(I),e=>{g(e)},(e,s)=>{var t=ie(),a=i(t);le(a,{get data(){return f(s)}});var l=h(a,2),o=e=>{x(e,{title:"How do I embed this to my website?",children:(e,t)=>{q(e,{children:(e,t)=>{var a=oe(),l=i(a),o=h(n(l),2);{let e=b(N);C(o,{get code(){return f(e)}})}var c=h(l,2),p=h(n(c),2);{let e=b(()=>(e=>{const s=`https://bsky.app/profile/${e.did}`;return`<bluesky-profile-card actor="${F(e.did)}">\n <a target="_blank" href="${F(s)}" class="bluesky-profile-card-fallback">\n ${e.displayName?.trim()?`Follow ${F(e.displayName)} (@${F(e.handle)}) on Bluesky`:`Follow @${F(e.handle)} on Bluesky`}\n </a>\n</bluesky-profile-card>\n`})(f(s).profile));C(p,{get code(){return f(e)}})}r(e,a)}})}})};m(l,e=>{f(s).profile&&e(o)}),r(e,t)},(e,s)=>{p(e,{type:"alert",children:(e,a)=>{var n=d();t(()=>u(n,""+f(s))),r(e,n)}})}),r(s,A),l()}export{ce as default};

+1

assets/ProfileCardDisplay-D4FwjqsR.css

··· 1 1 + .bluesky-embed.s-dgn7w7{position:relative;box-sizing:border-box;margin:0 auto;border:1px solid var(--divider);border-radius:8px;background:var(--background-primary);min-width:250px;max-width:550px;overflow:hidden;color:var(--text-primary);font-weight:400;font-size:calc(var(--font-size) * .875);line-height:calc(var(--font-size) * 1.25);font-family:var(--font-family);:where(*),:where(*:before),:where(*:after){box-sizing:border-box;margin:0;padding:0}:where(a){color:inherit;text-decoration:none}:where(.icon){flex-shrink:0;width:1em;height:1em}}.rich-text.s-1ea7h2m{overflow:hidden;white-space:pre-wrap;overflow-wrap:break-word;&:empty{display:none}}.link.s-1ea7h2m,.mention.s-1ea7h2m,.hashtag.s-1ea7h2m{color:var(--text-link);&:hover{text-decoration:underline}}.profile-card.s-2b3fq6{display:flex;flex-direction:column}.is-blurred.s-2b3fq6{scale:125%;filter:blur(4px)}.banner-wrapper.s-2b3fq6{background:var(--background-secondary);aspect-ratio:3 / 1;overflow:hidden}.banner.s-2b3fq6{width:100%;height:100%;object-fit:cover}.contents.s-2b3fq6{display:flex;position:relative;flex-direction:column;gap:8px;padding:12px 16px 16px}.logo.s-2b3fq6{width:24px;height:24px}.header.s-2b3fq6{display:flex;justify-content:space-between;align-items:end}.actions.s-2b3fq6{display:flex;align-items:center;gap:16px}.avatar-wrapper.s-2b3fq6{display:block;flex-shrink:0;outline:2px solid var(--background-primary);border-radius:9999px;background:var(--background-secondary);width:90px;height:90px;overflow:hidden;.has-banner:where(.s-2b3fq6) &{margin-top:-56px}}.avatar.s-2b3fq6{width:100%;height:100%;object-fit:cover;.avatar-wrapper:where(.s-2b3fq6):hover &{filter:brightness(.85);&.is-blurred{filter:brightness(.85) blur(4px)}}}.follow-button.s-2b3fq6{display:flex;align-items:center;gap:6px;border-radius:9999px;background:var(--button);padding:9px 12px;color:var(--button-text);font-weight:600;font-size:calc(var(--font-size) * .8125);line-height:calc(var(--font-size) * 1);user-select:none;.icon:where(.s-2b3fq6){font-size:16px}&:hover{background:var(--button-hover)}}.display-name.s-2b3fq6{font-weight:700;font-size:calc(var(--font-size) * 1.25);line-height:calc(var(--font-size) * 1.75);overflow-wrap:break-word}.handle.s-2b3fq6{color:var(--text-secondary);overflow-wrap:break-word}.stats.s-2b3fq6{display:flex;flex-wrap:wrap;gap:20px;min-width:0}.stat-entry.s-2b3fq6{color:var(--text-secondary)}.stat-count.s-2b3fq6{color:var(--text-primary);font-weight:700}.message.s-ibmh3w{margin:0 auto;padding:32px 16px;max-width:380px;color:var(--text-secondary);text-align:center}

+1

assets/ProfileFeedDisplay-DOw9fkTH.css

··· 1 1 + .bluesky-embed.s-1pz15a1{position:relative;box-sizing:border-box;margin:0 auto;border:1px solid var(--divider);border-radius:8px;background:var(--background-primary);min-width:250px;max-width:550px;overflow:hidden;color:var(--text-primary);font-weight:400;font-size:calc(var(--font-size) * .875);line-height:calc(var(--font-size) * 1.25);font-family:var(--font-family);:where(*),:where(*:before),:where(*:after){box-sizing:border-box;margin:0;padding:0}:where(a){color:inherit;text-decoration:none}:where(.icon){flex-shrink:0;width:1em;height:1em}}.gate.s-1se5tqk{display:flex;align-items:center;gap:12px;cursor:pointer;border:1px solid var(--divider);border-radius:6px;padding:0 12px;height:44px;.content-hider[open]:where(.s-1se5tqk) &{margin-bottom:12px}&:hover{border-color:var(--divider-hover)}}.icon.s-1se5tqk{width:18px;height:18px;color:var(--text-secondary)}.label.s-1se5tqk{flex-grow:1;overflow:hidden;font-weight:500;user-select:none;text-overflow:ellipsis}.action.s-1se5tqk{color:var(--text-link);font-weight:500;font-size:calc(var(--font-size) * .8125);line-height:calc(var(--font-size) * 1.25);&:before{content:"Show"}.content-hider[open]:where(.s-1se5tqk) &:before{content:"Hide"}}.external-embed.s-au8a8u{display:block;border:1px solid var(--divider);border-radius:6px;overflow:hidden;&:hover{border-color:var(--divider-hover)}}.thumbnail.s-au8a8u{display:block;border-bottom:1px solid var(--divider);background:#000;aspect-ratio:1.91;width:100%;.external-embed:where(.s-au8a8u):hover &{border-color:var(--divider-hover)}}.meta.s-au8a8u{padding:12px}.title.s-au8a8u{display:-webkit-box;overflow:hidden;font-weight:700;white-space:pre-wrap;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow-wrap:break-word;&:empty{display:none}}.description.s-au8a8u{display:-webkit-box;overflow:hidden;color:var(--text-secondary);font-size:calc(var(--font-size) * .8125);white-space:pre-wrap;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow-wrap:break-word;&:empty{display:none}}.domain.s-au8a8u{display:flex;align-items:center;gap:6px;margin:6px 0 0;color:var(--text-secondary);font-weight:500;font-size:calc(var(--font-size) * .75)}.feed-embed.s-1c1phtf{display:flex;flex-direction:column;gap:12px;border:1px solid var(--divider);border-radius:6px;padding:12px;&:hover{border-color:var(--divider-hover)}}.main.s-1c1phtf{display:flex;gap:12px}.avatar-wrapper.s-1c1phtf{margin:2px 0 0;border-radius:6px;background:var(--background-secondary);width:36px;height:36px;overflow:hidden}.avatar.s-1c1phtf{width:100%;height:100%;object-fit:cover}.name.s-1c1phtf{font-weight:700}.creator.s-1c1phtf{color:var(--text-secondary);font-size:calc(var(--font-size) * .8125)}.description.s-1c1phtf{display:-webkit-box;overflow:hidden;font-size:calc(var(--font-size) * .8125);white-space:pre-wrap;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow-wrap:break-word;&:empty{display:none}}.is-aligned.s-1d339cy{align-self:baseline;max-width:100%}.grid.s-1d339cy{display:flex;gap:2px}.col.s-1d339cy{display:flex;flex:1;flex-direction:column;gap:2px}.square.s-1d339cy{aspect-ratio:1}.wide.s-1d339cy{aspect-ratio:1.5}.item.s-1d339cy{position:relative;flex-grow:1;flex-shrink:0;overflow:hidden}.is-bordered.s-1d339cy{.tl:where(.s-1d339cy),.tr:where(.s-1d339cy),.bl:where(.s-1d339cy),.br:where(.s-1d339cy){border:1px solid var(--divider)}.tl:where(.s-1d339cy){border-top-left-radius:6px}.tr:where(.s-1d339cy){border-top-right-radius:6px}.bl:where(.s-1d339cy){border-bottom-left-radius:6px}.br:where(.s-1d339cy){border-bottom-right-radius:6px}}.single-item.s-1d339cy{position:relative;aspect-ratio:16 / 9;overflow:hidden;.image:where(.s-1d339cy){object-fit:contain}}.is-standalone.s-1d339cy{min-width:64px;max-width:100%;min-height:64px;max-height:320px}.image.s-1d339cy{position:absolute;inset:0;background:#000;width:100%;height:100%;object-fit:cover;font-size:0px}.is-blurred.s-1d339cy{scale:125%;filter:blur(24px)}.placeholder.s-1d339cy{width:100vw;height:100vh}.list-embed.s-1mo1e33{display:flex;flex-direction:column;gap:12px;border:1px solid var(--divider);border-radius:6px;padding:12px;&:hover{border-color:var(--divider-hover)}}.main.s-1mo1e33{display:flex;gap:12px}.avatar-wrapper.s-1mo1e33{margin:2px 0 0;border-radius:6px;background:var(--background-secondary);width:36px;height:36px;overflow:hidden}.avatar.s-1mo1e33{width:100%;height:100%;object-fit:cover}.name.s-1mo1e33{font-weight:700}.creator.s-1mo1e33{color:var(--text-secondary);font-size:calc(var(--font-size) * .8125)}.description.s-1mo1e33{display:-webkit-box;overflow:hidden;font-size:calc(var(--font-size) * .8125);white-space:pre-wrap;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow-wrap:break-word;&:empty{display:none}}.video-embed.s-1h3cnsw{display:block;position:relative;background:#000;aspect-ratio:16 / 9;overflow:hidden}.is-bordered.s-1h3cnsw{border:1px solid var(--divider);border-radius:6px}.is-standalone.s-1h3cnsw{align-self:baseline;aspect-ratio:auto;max-width:100%}.constrainer.s-1h3cnsw{min-width:64px;max-width:100%;min-height:64px;max-height:320px}.thumbnail.s-1h3cnsw{width:100%;height:100%;object-fit:contain}.is-blurred.s-1h3cnsw{scale:125%;filter:blur(24px)}.placeholder.s-1h3cnsw{width:100vw;height:100vh}.play.s-1h3cnsw{display:grid;position:absolute;top:50%;left:50%;place-items:center;translate:-50% -50%;border-radius:50%;background:#40404099;aspect-ratio:1 / 1;height:40%;max-height:48px;color:#fff;font-size:20px;.icon:where(.s-1h3cnsw){width:40%;height:40%}.is-standalone:where(.s-1h3cnsw) &:hover{background:#404040cc}}.quote-embed.s-vbjlyj{display:block;border:1px solid var(--divider);border-radius:6px;overflow:hidden;&:hover{border-color:var(--divider-hover)}}.meta.s-vbjlyj{display:flex;padding:12px 12px 0;color:var(--text-secondary);.avatar-wrapper:where(.s-vbjlyj){flex-shrink:0;margin:0 8px 0 0;border-radius:9999px;background:var(--background-secondary);width:20px;height:20px;overflow:hidden}.avatar:where(.s-vbjlyj){width:100%;height:100%}.name-wrapper:where(.s-vbjlyj){display:flex;gap:4px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.display-name-wrapper:where(.s-vbjlyj){overflow:hidden;text-overflow:ellipsis}.display-name:where(.s-vbjlyj){color:var(--text-primary);font-weight:700}.handle:where(.s-vbjlyj){display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dot:where(.s-vbjlyj){flex-shrink:0;margin:0 6px}.date:where(.s-vbjlyj){white-space:nowrap}}.body.s-vbjlyj{display:flex;align-items:flex-start}.aside.s-vbjlyj{flex-grow:1;flex-basis:0;margin:8px 0 12px 12px;max-width:20%}.text.s-vbjlyj{display:-webkit-box;margin:8px 12px 12px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:6;line-clamp:6;flex-grow:4;flex-basis:0px;min-width:0px;white-space:pre-wrap;overflow-wrap:break-word}.divide.s-vbjlyj{padding:6px 0}.starterpack-embed.s-whpa2l{display:block;border:1px solid var(--divider);border-radius:6px;overflow:hidden;&:hover{border-color:var(--divider-hover)}}.banner.s-whpa2l{display:block;aspect-ratio:1.91;width:100%}.meta.s-whpa2l{display:flex;flex-direction:column;gap:12px;padding:12px}.main.s-whpa2l{display:flex;gap:12px}.avatar.s-whpa2l{margin:2px;width:36px;height:36px}.name.s-whpa2l{font-weight:700}.creator.s-whpa2l{color:var(--text-secondary);font-size:calc(var(--font-size) * .8125)}.description.s-whpa2l{display:-webkit-box;overflow:hidden;font-size:calc(var(--font-size) * .8125);white-space:pre-wrap;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow-wrap:break-word;&:empty{display:none}}.embeds.s-1nks9gp{display:flex;flex-direction:column;gap:12px;margin:12px 0 0}.message.s-1nks9gp{border:1px solid var(--divider);border-radius:6px;padding:12px;color:var(--text-secondary)}.rich-text.s-10xqaeb{overflow:hidden;white-space:pre-wrap;overflow-wrap:break-word;&:empty{display:none}}.is-large.s-10xqaeb{font-size:calc(var(--font-size) * 1);line-height:calc(var(--font-size) * 1.5)}.link.s-10xqaeb,.mention.s-10xqaeb,.hashtag.s-10xqaeb{color:var(--text-link);&:hover{text-decoration:underline}}.feed-post.s-1c3lek9{padding:0 16px}.is-leaf.s-1c3lek9{border-bottom:1px solid var(--divider)}.ascendant-line-wrapper.s-1c3lek9{display:flex;flex-direction:column;align-items:center;width:36px;.line:where(.s-1c3lek9){position:absolute;top:0;bottom:4px;flex-grow:1;border-left:2px solid var(--divider)}}.descendant-line.s-1c3lek9{flex-grow:1;margin-top:4px;border-left:2px solid var(--divider)}.contexts.s-1c3lek9{display:flex;position:relative;flex-direction:column;padding:8px 0 4px}.context.s-1c3lek9{display:flex;align-items:center;gap:12px;color:var(--text-secondary);font-size:.8125rem;line-height:1.25rem;.aside:where(.s-1c3lek9){display:flex;flex-shrink:0;justify-content:flex-end;width:36px}.main:where(.s-1c3lek9){display:flex;min-width:0px;&:hover{text-decoration-line:underline}}.name:where(.s-1c3lek9){overflow:hidden;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.affix:where(.s-1c3lek9){flex-shrink:0;white-space:pre}}.content.s-1c3lek9{display:flex;gap:12px;.aside:where(.s-1c3lek9){display:flex;flex-shrink:0;flex-direction:column;align-items:center}.main:where(.s-1c3lek9){flex-grow:1;padding-bottom:12px;min-width:0}}.avatar-wrapper.s-1c3lek9{display:block;border-radius:9999px;background:var(--background-secondary);width:36px;height:36px;overflow:hidden;&:hover{filter:brightness(.85)}}.avatar.s-1c3lek9{width:100%;height:100%;object-fit:cover}.meta.s-1c3lek9{display:flex;align-items:center;margin:0 0 2px;color:var(--text-secondary);.name-wrapper:where(.s-1c3lek9){display:flex;gap:4px;max-width:100%;overflow:hidden;color:inherit;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.display-name-wrapper:where(.s-1c3lek9){overflow:hidden;text-overflow:ellipsis;.name-wrapper:where(.s-1c3lek9):hover &{text-decoration:underline}}.display-name:where(.s-1c3lek9){color:var(--text-primary);font-weight:700}.handle:where(.s-1c3lek9){display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dot:where(.s-1c3lek9){flex-shrink:0;margin:0 6px}.date:where(.s-1c3lek9){color:inherit;text-decoration:none;white-space:nowrap;&:hover{text-decoration:underline}}}.reply-context.s-1c3lek9{overflow:hidden;color:var(--text-secondary);font-size:calc(var(--font-size) * .8125);text-overflow:ellipsis;white-space:nowrap;a:where(.s-1c3lek9){color:inherit;font-weight:500;&:hover{text-decoration:underline}}}.metrics.s-1c3lek9{display:flex;align-items:center;gap:16px;margin-top:12px;color:var(--text-secondary)}.stat.s-1c3lek9{display:flex;align-items:center;gap:8px;min-width:0px;max-width:100%;.count:where(.s-1c3lek9){padding-right:8px;overflow:hidden;font-size:calc(var(--font-size) * .8125);line-height:calc(var(--font-size) * 1.25);text-overflow:ellipsis;white-space:nowrap}}.profile-feed-header.s-1xh30xs{display:flex;justify-content:space-between;align-items:center;gap:16px;container-type:inline-size;border-bottom:1px solid var(--divider);padding:12px 16px}.title.s-1xh30xs{padding:4px 0;min-width:0;overflow:hidden;font-weight:600;font-size:calc(var(--font-size) * 1);line-height:calc(var(--font-size) * 1.5);text-overflow:ellipsis;white-space:nowrap;&:hover{text-decoration:underline}}.logo.s-1xh30xs{width:24px;height:24px}.message.s-f12rvk{margin:0 auto;padding:32px 16px;max-width:380px;color:var(--text-secondary);text-align:center}.feed.s-f12rvk{max-height:var(--max-feed-height);overflow-y:auto}.end-marker.s-f12rvk{display:grid;place-items:center;height:48px;.dot:where(.s-f12rvk){border-radius:50%;background:var(--text-secondary);width:4px;height:4px}}

+1

assets/ProfileFeedDisplay-QaaAcc9o.js

··· 1 1 + import{p as e,f as s,t as a,s as t,c as i,a as l,b as r,d as n,e as d,g as p,B as c,h as o,i as h,j as u,k as v,l as f,u as m,C as b}from"./index-CD_0uzJz.js";import{X as y,s as k,a as g,h as $,o as w,G as x,b as j,C as Z,e as M}from"./GuideInstructions-CTis8QB-.js";import{s as q}from"./index-Cr8Vao8y.js";const C=/[&"<]/g,A=/[&<]/g;function F(e,s){const a=String(e??""),t=s?C:A;t.lastIndex=0;let i="",l=0;for(;t.test(a);){const e=t.lastIndex-1,s=a[e];i+=a.substring(l,e)+("&"===s?"&amp;":'"'===s?"&quot;":"&lt;"),l=e+1}return i+a.substring(l)}function _(e,s,a=!1){if("hidden"===e&&"until-found"!==s&&(a=!0),null==s||!s&&a)return"";return` ${e}${a?"":`="${F(s,!0)}"`}`}function B(e,s,a){var t=function(e,s){var a=null==e?"":""+e;return s&&(a=a?a+" "+s:s),""===a?null:a}(e,s);return t?` class="${F(t,!0)}"`:""}function N(e,s){var a=function(e){return null==e?null:String(e)}(e);return a?` style="${F(a,!0)}"`:""}const z="!no-unauthenticated";function U(e,s){const{children:a}=s;e.push('<div class="bluesky-embed s-1pz15a1">'),a(e),e.push("</div>")}const P=e=>`https://bsky.app/profile/${e}`,I=(e,s)=>`https://bsky.app/profile/${e}/post/${s}`,R=e=>`https://bsky.app/hashtag/${e}`,S=(e,s)=>`https://bsky.app/profile/${e}/feed/${s}`;let T=0,H=0;const V=new Intl.DateTimeFormat("en-US",{dateStyle:"long",timeStyle:"short"}),L=new Intl.DateTimeFormat("en-US",{dateStyle:"medium"}),D=new Intl.DateTimeFormat("en-US",{month:"short",day:"numeric"}),G=e=>{const s=new Date(e),a=s.getTime();if(isNaN(a))return"N/A";const t=Date.now();if(t>H){const e=new Date(t);e.setMonth(0,1),e.setHours(0,0,0),T=e.getTime(),e.setFullYear(e.getFullYear()+1,0,0),e.setHours(23,59,59,999),H=e.getTime()}return a>=T&&a<=H?D.format(s):L.format(s)},W=/^at:\/\/((?:did:[a-zA-Z0-9._:%-]+)|(?:[a-zA-Z0-9][a-zA-Z0-9-.]*))(?:\/([a-zA-Z0-9.-]+)(?:\/([a-zA-Z0-9_~.:-]{1,512}))?)?\/?(?:\?([^#\s]*))?(?:#([^\s]*))?$/,Y=e=>{const s=W.exec(e);if(!s)throw new E(`invalid at-uri: ${e}`);return{repo:s[1],collection:s[2]??"",rkey:s[3]??"",query:s[4]??"",fragment:s[5]??""}};class E extends Error{}const X=new Intl.NumberFormat("en-US"),J=new Intl.NumberFormat("en-US",{notation:"compact"}),K=e=>e<1e3?""+e:e<1e5?X.format(e):J.format(e),O=e=>X.format(e),Q={"!hide":{name:"Hidden by moderators",flags:1},"!warn":{name:"Content warning",flags:1},porn:{name:"Adult content",flags:0},sexual:{name:"Sexually suggestive",flags:0},"graphic-media":{name:"Graphic media",flags:0},nudity:{name:"Nudity",flags:0}},ee=(e,s)=>{if(e?.length)for(let a=0,t=e.length;a<t;a++){const t=e[a],i=t.val;if(!(i in Q))continue;const l=Q[i];if(!(1&l.flags&&t.src===s))return l}};function se(e,s){{const{embed:a}=s,t=a.external,i=(e=>{let s;if("parse"in URL)s=URL.parse(e);else try{s=new URL(e)}catch{}return!s||"https:"!==s.protocol&&"http:"!==s.protocol?null:s})(t.uri)?.host;e.push(`<a target="_blank"${_("href",i&&t.uri)} rel="noopener noreferrer nofollow" class="external-embed s-au8a8u">`),t.thumb&&e.push(`<img loading="lazy"${_("src",t.thumb)} alt="" class="thumbnail s-au8a8u"/>`),e.push(` <div class="meta s-au8a8u"><p class="title s-au8a8u">${F(t.title)}</p> <p class="description s-au8a8u">${F(t.description)}</p> `),i&&e.push(`<div class="domain s-au8a8u"><svg class="icon" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="m4.172 8.07 3.94 2.957.977-1.941 3.887-.978 1.15-4.6M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-6.078 4.865.973-1.946-2.869-1.928-1.89-.12-1.08 1.075 1.947 2.919h2.919Z"></path></svg> <span class="domain-name">${F(i)}</span></div>`),e.push("</div></a>")}}const ae={width:16,height:9};function te(e,s){{const{embed:a,borderless:t,standalone:i,blur:l}=s,r=a.images,n=r.length;function d(e,s){const a=r[s];e.push(`<img loading="lazy"${_("src",a.thumb)}${_("alt",a.alt)}${B("image"+(l?" is-blurred":""),"s-1d339cy")}/>`)}if(e.push(`<div${B("image-embed"+(t?"":" is-bordered")+(i&&1===n?" is-aligned":""),"s-1d339cy")}>`),4===n)e.push('<div class="grid s-1d339cy"><div class="col s-1d339cy"><div class="item wide tl s-1d339cy">'),d(e,0),e.push('</div> <div class="item wide bl s-1d339cy">'),d(e,2),e.push('</div></div> <div class="col s-1d339cy"><div class="item wide tr s-1d339cy">'),d(e,1),e.push('</div> <div class="item wide br s-1d339cy">'),d(e,3),e.push("</div></div></div>");else if(3===n)e.push('<div class="grid s-1d339cy"><div class="col square s-1d339cy"><div class="item tl bl s-1d339cy">'),d(e,0),e.push('</div></div> <div class="col square s-1d339cy"><div class="item tr s-1d339cy">'),d(e,1),e.push('</div> <div class="item br s-1d339cy">'),d(e,2),e.push("</div></div></div>");else if(2===n)e.push('<div class="grid s-1d339cy"><div class="col s-1d339cy"><div class="item square tl bl s-1d339cy">'),d(e,0),e.push('</div></div> <div class="col s-1d339cy"><div class="item square tr br s-1d339cy">'),d(e,1),e.push("</div></div></div>");else if(1===n){const p=i&&(r[0].aspectRatio||ae);e.push(`<div${B("single-item tl tr bl br"+(p?" is-standalone":""),"s-1d339cy")}${N(p?`aspect-ratio: ${p.width}/${p.height}`:"")}>`),d(e,0),e.push(" "),p&&e.push('<div class="placeholder s-1d339cy"></div>'),e.push("</div>")}e.push("</div>")}}function ie(e,s){{const{post:a,embed:t,borderless:i,standalone:l,blur:r}=s,n=l&&t.aspectRatio,d=a&&I(a.author.did,Y(a.uri).rkey);function p(e){e.push(`<img loading="lazy"${_("src",t.thumbnail)} alt=""${B("thumbnail"+(r?" is-blurred":""),"s-1h3cnsw")}/> `),n&&e.push('<div class="placeholder s-1h3cnsw"></div>'),e.push(' <div class="play s-1h3cnsw"><svg class="icon s-1h3cnsw" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M22 12 5 2v20l17-10Z"></path></svg></div>')}l?(e.push(`<a target="_blank"${_("href",d)}${B("video-embed"+(i?"":" is-bordered")+(l?" is-standalone":""),"s-1h3cnsw")}><div class="constrainer s-1h3cnsw"${N(n?`aspect-ratio: ${n.width}/${n.height}`:"")}>`),p(e),e.push("</div></a>")):(e.push(`<div${B("video-embed"+(i?"":" is-bordered"),"s-1h3cnsw")}${N(n?`aspect-ratio: ${n.width}/${n.height}`:"")}>`),p(e),e.push("</div>"))}}const le=e=>{if(e){if("app.bsky.embed.images#view"===e.$type)return e;if("app.bsky.embed.recordWithMedia#view"===e.$type)return le(e.media)}},re=e=>{if(e){if("app.bsky.embed.video#view"===e.$type)return e;if("app.bsky.embed.recordWithMedia#view"===e.$type)return re(e.media)}};function ne(e,s){e.push(`<div class="message s-1nks9gp">${F(s)}</div>`)}function de(e,s){{const{post:a,embed:t,large:i=!1}=s;function l(e,s){!function(e,s){{const{warning:a,children:t}=s;a?(e.push(`<details class="content-hider s-1se5tqk"><summary class="gate s-1se5tqk"><svg class="icon s-1se5tqk" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="square" stroke-width="2" d="M11 11h1v5m9-4a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"></path><path fill="currentColor" stroke="currentColor" stroke-width=".5" d="M11.5 7.25h-.25v1.5h1.5v-1.5H11.5Z"></path></svg> <span class="label s-1se5tqk">${F(a.name)}</span> <span class="action s-1se5tqk"></span></summary> `),t(e),e.push("</details>")):t(e)}}(e,{warning:a&&ee(a.labels,a.author.did),children:e=>{"app.bsky.embed.external#view"===s.$type?se(e,{embed:s}):"app.bsky.embed.images#view"===s.$type?te(e,{embed:s,standalone:!0}):"app.bsky.embed.video#view"===s.$type?ie(e,{post:a,embed:s,standalone:!0}):ne(e,"Unsupported media embed")}})}function r(e,s){const a=s.record;if("app.bsky.embed.record#viewRecord"===a.$type)!function(e,s){{const{embed:a,large:t=!1}=s,i=a.value,l=i.text.trim(),r=a.author,n=r.displayName?.trim(),d=a.embeds?.[0],p=le(d),c=re(d),o=I(r.did,Y(a.uri).rkey),h=!!ee(a.labels,r.did);e.push(`<a target="_blank"${_("href",o)} class="quote-embed s-vbjlyj"><div class="meta s-vbjlyj"><div class="avatar-wrapper s-vbjlyj">`),r.avatar&&e.push(`<img loading="lazy"${_("src",r.avatar)} alt="" class="avatar s-vbjlyj"/>`),e.push('</div> <span class="name-wrapper s-vbjlyj">'),n&&e.push(`<bdi class="display-name-wrapper s-vbjlyj"><span class="display-name s-vbjlyj">${F(n)}</span></bdi>`),e.push(` <span class="handle s-vbjlyj">@${F(r.handle)}</span></span> <span aria-hidden="true" class="dot s-vbjlyj">·</span> <time${_("datetime",i.createdAt)} class="date s-vbjlyj">${F(G(i.createdAt))}</time></div> `),l?(e.push('<div class="body s-vbjlyj">'),t||(p?(e.push('<div class="aside s-vbjlyj">'),te(e,{embed:p,blur:h}),e.push("</div>")):c&&(e.push('<div class="aside s-vbjlyj">'),ie(e,{embed:c,blur:h}),e.push("</div>"))),e.push(` <p class="text s-vbjlyj">${F(l)}</p></div>`)):e.push('<div class="divide s-vbjlyj"></div>'),e.push(" "),!t&&l||(p?te(e,{embed:p,borderless:!0,blur:h}):c&&ie(e,{embed:c,borderless:!0,blur:h})),e.push("</a>")}}(e,{embed:a,large:i});else if("app.bsky.feed.defs#generatorView"===a.$type)!function(e,s){{const{embed:a}=s,t=a.creator,i=S(t.did,Y(a.uri).rkey);e.push(`<a target="_blank"${_("href",i)} class="feed-embed s-1c1phtf"><div class="main s-1c1phtf"><div class="avatar-wrapper s-1c1phtf">`),a.avatar?e.push(`<img loading="lazy"${_("src",a.avatar)} alt="" class="avatar s-1c1phtf"/>`):e.push('<svg viewBox="0 0 32 32" class="avatar s-1c1phtf"><path fill="#0070FF" d="M0 0h32v32H0z"></path><path fill="#fff" d="M22.153 22.354a9.328 9.328 0 0 0 3.837-.491 3.076 3.076 0 0 0-4.802-2.79m.965 3.281a6.128 6.128 0 0 0-.965-3.28Zm-11.342-3.28a3.077 3.077 0 0 0-4.801 2.79 9.21 9.21 0 0 0 3.835.49m.966-3.28a6.127 6.127 0 0 0-.966 3.28Zm8.265-8.997a3.076 3.076 0 1 1-6.153 0 3.076 3.076 0 0 1 6.153 0Zm6.154 3.077a2.307 2.307 0 1 1-4.615 0 2.307 2.307 0 0 1 4.615 0Zm-13.847 0a2.307 2.307 0 1 1-4.614 0 2.307 2.307 0 0 1 4.614 0Z"></path><path fill="#fff" d="M22 22c0 3.314-2.686 3.5-6 3.5s-6-.186-6-3.5a6 6 0 0 1 12 0Z"></path></svg>'),e.push(`</div> <div class="info"><p class="name s-1c1phtf">${F(a.displayName)}</p> <p class="creator s-1c1phtf">Feed by @${F(t.handle)}</p></div></div> <p class="description s-1c1phtf">${F(a.description)}</p></a>`)}}(e,{embed:a});else if("app.bsky.graph.defs#listView"===a.$type)!function(e,s){{const{embed:a}=s,t=a.creator,i=S(t.did,Y(a.uri).rkey);e.push(`<a target="_blank"${_("href",i)} class="list-embed s-1mo1e33"><div class="main s-1mo1e33"><div class="avatar-wrapper s-1mo1e33">`),a.avatar?e.push(`<img loading="lazy"${_("src",a.avatar)} alt="" class="avatar s-1mo1e33"/>`):e.push('<svg viewBox="0 0 32 32" class="avatar s-1mo1e33"><path fill="#0070FF" d="M0 0h32v32H0z"></path><path fill="#fff" d="M22.153 22.354a9.328 9.328 0 0 0 3.837-.491 3.076 3.076 0 0 0-4.802-2.79m.965 3.281a6.128 6.128 0 0 0-.965-3.28Zm-11.342-3.28a3.077 3.077 0 0 0-4.801 2.79 9.21 9.21 0 0 0 3.835.49m.966-3.28a6.127 6.127 0 0 0-.966 3.28Zm8.265-8.997a3.076 3.076 0 1 1-6.153 0 3.076 3.076 0 0 1 6.153 0Zm6.154 3.077a2.307 2.307 0 1 1-4.615 0 2.307 2.307 0 0 1 4.615 0Zm-13.847 0a2.307 2.307 0 1 1-4.614 0 2.307 2.307 0 0 1 4.614 0Z"></path><path fill="#fff" d="M22 22c0 3.314-2.686 3.5-6 3.5s-6-.186-6-3.5a6 6 0 0 1 12 0Z"></path></svg>'),e.push(`</div> <div class="info"><p class="name s-1mo1e33">${F(a.name)}</p> <p class="creator s-1mo1e33">${F((e=>{switch(e){case"app.bsky.graph.defs#curatelist":return"User list";case"app.bsky.graph.defs#modlist":return"Moderation list"}return"Unknown list"})(a.purpose))} by @${F(t.handle)}</p></div></div> <p class="description s-1mo1e33">${F(a.description)}</p></a>`)}}(e,{embed:a});else if("app.bsky.graph.defs#starterPackViewBasic"===a.$type)!function(e,s){{const{embed:a,large:t=!1}=s,i=a.record,l=a.creator,r=l.did,n=Y(a.uri).rkey,d=((e,s)=>`https://bsky.app/starter-pack/${e}/${s}`)(r,n);if(e.push(`<a target="_blank"${_("href",d)} class="starterpack-embed s-whpa2l">`),t){const s=((e,s)=>`https://ogcard.cdn.bsky.app/start/${e}/${s}`)(r,n);e.push(`<img loading="lazy"${_("src",s)} alt="" class="banner s-whpa2l"/>`)}e.push(` <div class="meta s-whpa2l"><div class="main s-whpa2l"><svg fill="none" viewBox="0 0 24 24" class="avatar s-whpa2l"><defs><linearGradient id="a" x1="0" x2="100%" y1="0" y2="0" gradientTransform="rotate(45)"><stop offset="0" stop-color="#0A7AFF"></stop><stop offset="1" stop-color="#59B9FF"></stop></linearGradient></defs><path fill="url(#a)" fill-rule="evenodd" d="M11.26 5.227 5.02 6.899c-.734.197-1.17.95-.973 1.685l1.672 6.24c.197.734.951 1.17 1.685.973l6.24-1.672a1.376 1.376 0 0 0 .973-1.685L12.945 6.2a1.375 1.375 0 0 0-1.685-.973Zm-6.566.459a2.632 2.632 0 0 0-1.86 3.223l1.672 6.24a2.632 2.632 0 0 0 3.223 1.861l6.24-1.672a2.631 2.631 0 0 0 1.861-3.223l-1.672-6.24a2.632 2.632 0 0 0-3.223-1.861l-6.24 1.672Z" clip-rule="evenodd"></path><path fill="url(#a)" fill-rule="evenodd" d="M15.138 18.411a4.606 4.606 0 1 0 0-9.211 4.606 4.606 0 0 0 0 9.211Zm0 1.257a5.862 5.862 0 1 0 0-11.724 5.862 5.862 0 0 0 0 11.724Z" clip-rule="evenodd"></path></svg> <div class="info"><p class="name s-whpa2l">${F(i.name)}</p> <p class="creator s-whpa2l">Starter pack by @${F(l.handle)}</p></div></div> <p class="description s-whpa2l">${F(i.description)}</p></div></a>`)}}(e,{embed:a,large:i});else{const s=(e=>{switch(e){case"app.bsky.feed.post":return"post";case"app.bsky.feed.generator":return"feed";case"app.bsky.graph.list":return"list";case"app.bsky.graph.starterpack":return"starter pack";case"app.bsky.labeler.service":return"labeler"}return null})(Y(a.uri).collection);ne(e,s&&("app.bsky.embed.record#viewNotFound"===a.$type||"app.bsky.embed.record#viewBlocked"===a.$type||"app.bsky.embed.record#viewDetached"===a.$type)?`This ${s} is unavailable`:"Unsupported record embed")}}e.push('<div class="embeds s-1nks9gp">'),"app.bsky.embed.recordWithMedia#view"===t.$type?(l(e,t.media),e.push(" "),r(e,t.record)):"app.bsky.embed.record#view"===t.$type?r(e,t):l(e,t),e.push("</div>")}}const pe=e=>e?.find(e=>"app.bsky.richtext.facet#link"===e.$type||"app.bsky.richtext.facet#mention"===e.$type||"app.bsky.richtext.facet#tag"===e.$type);function ce(e,s){{const{item:a,prev:t=!1,next:i=!1}=s,l=a.reason,r=a.post,n=a.reply?.parent,d=r.author,p=P(d.did),c=d.displayName?.trim(),o=r.record,h=I(d.did,Y(r.uri).rkey),u=r.replyCount||0,v=r.likeCount||0,f=(r.repostCount||0)+(r.quoteCount||0);if(e.push(`<div${B("feed-post"+(i?"":" is-leaf"),"s-1c3lek9")}><div class="contexts s-1c3lek9">`),t&&e.push('<div class="ascendant-line-wrapper s-1c3lek9"><div class="line s-1c3lek9"></div></div>'),e.push(" "),l)if("app.bsky.feed.defs#reasonRepost"===l.$type){const s=l.by;e.push(`<div class="context s-1c3lek9"><div class="aside s-1c3lek9"><svg class="icon" viewBox="0 0 24 24" fill="none"><path d="M17 3L20 6L17 9M7 21L4 18L7 15M5 18H20V13M4 11V6H19" stroke="currentColor" stroke-width="2" stroke-linecap="square"></path></svg></div> <a${_("href",P(s.did))} class="main s-1c3lek9"><span dir="auto" class="name s-1c3lek9">${F(s.displayName)}</span> <span class="affix s-1c3lek9"> reposted</span></a></div>`)}else"app.bsky.feed.defs#reasonPin"===l.$type&&e.push('<div class="context s-1c3lek9"><div class="aside s-1c3lek9"><svg class="icon" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="square" stroke-width="2" d="M12 15H5v-2.5l.377-.377A7.25 7.25 0 0 0 7.5 6.997V3h9v3.997a7.25 7.25 0 0 0 2.123 5.127L19 12.5V15h-7Zm0 0v6"></path></svg></div> <span class="main s-1c3lek9">Pinned</span></div>');if(e.push(`</div> <div class="content s-1c3lek9"><div class="aside s-1c3lek9"><a target="_blank"${_("href",p)} class="avatar-wrapper s-1c3lek9">`),d.avatar&&e.push(`<img loading="lazy"${_("src",d.avatar)} alt="" class="avatar s-1c3lek9"/>`),e.push("</a> "),i&&e.push('<div class="descendant-line s-1c3lek9"></div>'),e.push(`</div> <div class="main s-1c3lek9"><div class="meta s-1c3lek9"><a${_("href",p)} target="_blank" class="name-wrapper s-1c3lek9">`),c&&e.push(`<bdi class="display-name-wrapper s-1c3lek9"><span class="display-name s-1c3lek9">${F(c)}</span></bdi>`),e.push(` <span class="handle s-1c3lek9">@${F(d.handle)}</span></a> <span aria-hidden="true" class="dot s-1c3lek9">·</span> <a target="_blank"${_("href",h)}${_("title",(e=>{const s=new Date(e);return isNaN(s.getTime())?"N/A":V.format(s)})(o.createdAt))} class="date s-1c3lek9"><time${_("datetime",o.createdAt)}>${F(G(o.createdAt))}</time></a></div> `),!t&&o.reply){if(e.push('<p class="reply-context s-1c3lek9">'),n&&"app.bsky.feed.defs#postView"===n.$type){const s=n.author;e.push(`Replying to <a target="_blank"${_("href",P(s.did))} dir="auto" class="s-1c3lek9">${F(s.displayName?.trim()||`@${s.handle}`)}</a>`)}else e.push("Replying to an unknown post");e.push("</p>")}e.push(" "),function(e,s){{const{text:a,facets:t,large:i}=s;e.push(`<p${B("rich-text"+(i?" is-large":" is-small"),"s-10xqaeb")}>`);const l=q(a,t);for(let s=0,r=l.length;s<r;s++){let a=l[s];const t=pe(a.features);t?"app.bsky.richtext.facet#link"===t.$type?e.push(`<a target="_blank"${_("href",t.uri)} rel="noopener nofollow" class="link s-10xqaeb">${F(a.text)}</a>`):"app.bsky.richtext.facet#mention"===t.$type?e.push(`<a target="_blank"${_("href",P(t.did))} class="mention s-10xqaeb">${F(a.text)}</a>`):"app.bsky.richtext.facet#tag"===t.$type&&e.push(`<a target="_blank"${_("href",R(t.tag))} class="hashtag s-10xqaeb">${F(a.text)}</a>`):e.push(`${F(a.text)}`)}e.push("</p>")}}(e,{text:o.text,facets:o.facets}),e.push(" "),r.embed&&de(e,{post:r,embed:r.embed}),e.push(` <div class="metrics s-1c3lek9"><div${_("title",1===u?`${O(u)} reply`:`${O(u)} replies`)} class="stat s-1c3lek9"><svg class="icon" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="square" stroke-width="2" d="M3.002 4h18v14h-9l-5 3v-3h-4V4Z"></path></svg> <span class="count s-1c3lek9">${F(K(u))}</span></div> <div${_("title",1===f?`${O(f)} repost`:`${O(f)} reposts`)} class="stat s-1c3lek9"><svg class="icon" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="square" stroke-width="2" d="m17 3 3 3-3 3M7 21l-3-3 3-3m-2 3h15v-5M4 11V6h15"></path></svg> <span class="count s-1c3lek9">${F(K(f))}</span></div> <div${_("title",1===v?`${O(v)} like`:`${O(v)} likes`)} class="stat s-1c3lek9"><svg class="icon" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-width="2" d="M12 5.768c6.162-6.25 16.725 5.358 0 14.732C-4.725 11.126 5.838-.482 12 5.768Z"></path></svg> <span class="count s-1c3lek9">${F(K(v))}</span></div></div></div></div></div>`)}}function oe(e,s){U(e,{children:e=>{e.push(`<div class="message s-f12rvk">${F(s)}</div>`)}})}function he(e,s){{const{profile:a,feed:t,allowUnauthenticated:i}=s,l=!i&&a?.labels?.some(e=>e.val===z),r=t.filter(e=>{if(!a)return!1;const s=e.reason;if(s){if("app.bsky.feed.defs#reasonPin"===s.$type)return!0;if("app.bsky.feed.defs#reasonRepost"===s.$type){const s=e.post.author;return s.did===a.did||(i||!s.labels?.some(e=>e.val===z))}return!1}return!e.reply});null===a?oe(e,"The profile can't be found, it may have been deleted."):l?oe(e,"The user has requested for their posts to not be displayed on external sites."):U(e,{children:e=>{if(function(e,s){{const{profile:a}=s;e.push(`<div class="profile-feed-header s-1xh30xs"><a target="_blank"${_("href",P(a.did))} class="title s-1xh30xs">Posts from @${F(a.handle)}</a> <svg class="logo s-1xh30xs" fill="none" viewBox="0 0 320 286"><path fill="#0A7AFF" d="M69.364 19.146c36.687 27.806 76.147 84.186 90.636 114.439 14.489-30.253 53.948-86.633 90.636-114.439C277.107-.917 320-16.44 320 32.957c0 9.865-5.603 82.875-8.889 94.729-11.423 41.208-53.045 51.719-90.071 45.357 64.719 11.12 81.182 47.953 45.627 84.785-80 82.874-106.667-44.333-106.667-44.333s-26.667 127.207-106.667 44.333c-35.555-36.832-19.092-73.665 45.627-84.785-37.026 6.362-78.648-4.149-90.071-45.357C5.603 115.832 0 42.822 0 32.957 0-16.44 42.893-.917 69.364 19.147Z"></path></svg></div>`)}}(e,{profile:a}),e.push(" "),r.length>0){e.push('<div class="feed s-f12rvk">');const s=r;for(let a=0,t=s.length;a<t;a++){ce(e,{item:s[a]})}e.push(' <div class="end-marker s-f12rvk"><div class="dot s-f12rvk"></div></div></div>')}else e.push('<div class="message s-f12rvk">This user has not made any posts.</div>')}})}}var ue=s("<bluesky-profile-feed><!></bluesky-profile-feed>",2);function ve(s,n){e(n,!0);var d=ue();a(()=>t(d,"actor",n.data.profile?.did));var p=i(d);$(p,()=>function(e,s={}){let a="";return he({push(e){a+=e}},s.props??{}),{body:a}}(0,{props:n.data}).body),l(s,d),r()}var fe=s("<li><p>Insert the following scripts and stylesheets to the <code>&lt;head&gt;</code> of your website.</p> <!></li> <li><p>Insert the following markup in wherever you want the profile feed to be.</p> <!></li>",1),me=s("<!> <!>",1);function be(s,t){let $;e(t,!0);const q=m(()=>{$?.abort(),$=new AbortController;const e=$.signal;return(async e=>{const s=e.actor,a=e.allowUnauthenticated??!1,t=new y({handler:k({service:e.serviceUri??"https://public.api.bsky.app"})}),[{data:i},{data:l}]=await Promise.all([t.get("app.bsky.actor.getProfile",{signal:e.signal,params:{actor:s}}).catch(e=>e instanceof g&&"InvalidRequest"===e.kind&&"Profile not found"===e.description?{data:null}:Promise.reject(e)),t.get("app.bsky.feed.getAuthorFeed",{signal:e.signal,params:{actor:s,filter:"posts_no_replies",includePins:e.includePins,limit:30}}).catch(e=>e instanceof g&&"InvalidRequest"===e.kind&&"Profile not found"===e.description?{data:{feed:[]}}:Promise.reject(e))]);return{profile:i,feed:l.feed,allowUnauthenticated:a}})({actor:t.matched.actor,signal:e})});w(()=>{$?.abort()});const C=()=>{const e="https://cdn.jsdelivr.net/npm/bluesky-profile-feed-embed@^1.0.0";return`\x3c!-- Core web component and styling --\x3e\n<script type="module" src="${e}/+esm"><\/script>\n<link rel="stylesheet" href="${e}/dist/core.min.css">\n\n\x3c!-- Built-in themes --\x3e\n<link rel="stylesheet" href="${e}/themes/light.min.css" media="(prefers-color-scheme: light)">\n<link rel="stylesheet" href="${e}/themes/dim.min.css" media="(prefers-color-scheme: dark)">\n`};var A=n(),F=d(A);p(F,()=>u(q),e=>{b(e)},(e,s)=>{var a=me(),t=d(a);ve(t,{get data(){return u(s)}});var r=v(t,2),n=e=>{x(e,{title:"How do I embed this to my website?",children:(e,a)=>{j(e,{children:(e,a)=>{var t=fe(),r=d(t),n=v(i(r),2);{let e=m(C);Z(n,{get code(){return u(e)}})}var p=v(r,2),c=v(i(p),2);{let e=m(()=>(e=>{const s=`https://bsky.app/profile/${e.did}`;return`<bluesky-profile-feed actor="${M(e.did)}" include-pins>\n <a target="_blank" href="${M(s)}" class="bluesky-profile-feed-fallback">\n ${e.displayName?.trim()?`Posts by ${M(e.displayName)} (@${M(e.handle)})`:`Posts by @${M(e.handle)}`}\n </a>\n</bluesky-profile-feed>\n`})(u(s).profile));Z(c,{get code(){return u(e)}})}l(e,t)}})}})};f(r,e=>{u(s).profile&&e(n)}),l(e,a)},(e,s)=>{c(e,{type:"alert",children:(e,t)=>{var i=o();a(()=>h(i,""+u(s))),l(e,i)}})}),l(s,A),r()}export{be as default};

+1

assets/index-B_9yoyg2.css

··· 1 1 + *,:before,:after{box-sizing:border-box}html{line-height:1.15;font-family:Inter,Roboto,ui-sans-serif,sans-serif,"Noto Color Emoji",Twemoji Mozilla;-webkit-text-size-adjust:100%;tab-size:4}body{margin:0}b,strong{font-weight:bolder}code,kbd,samp,pre{font-size:1em;font-family:JetBrains Mono NL,ui-monospace,monospace}small{font-size:80%}sub,sup{position:relative;vertical-align:baseline;font-size:75%;line-height:0}sub{bottom:-.25em}sup{top:-.5em}table{border-color:currentcolor}button,input,optgroup,select,textarea{margin:0;font-size:100%;line-height:1.15;font-family:inherit}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}.bluesky-embed{--font-size: 16px;--font-family: system-ui, "Segoe UI", "Roboto", "Helvetica", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--max-feed-height: 600px}.bluesky-embed{--text-primary: #000000;--text-secondary: #455668;--text-link: #1083fe;--background-primary: #ffffff;--background-secondary: #455668;--divider-hover: #a9b7c5;--divider: #d4dbe2;--button: #1083fe;--button-text: #ffffff;--button-hover: #0168d5}.banner.svelte-4gizvm{border:1px solid;border-radius:4px;padding:10px 12px;font-weight:500;font-size:.875rem;line-height:1.25rem;a{color:inherit;font-weight:600}}.type-alert.svelte-4gizvm{border-color:#fca5a5;background:#fee2e2;color:#991b1b}.type-inform.svelte-4gizvm{border-color:#bfdbfe;background:#dbeafe;color:#1e40af}.circular-spinner.svelte-rq8vha{display:block;animation:svelte-rq8vha-spin 1s linear infinite;margin:0 auto;width:24px;height:24px}@keyframes svelte-rq8vha-spin{to{transform:rotate(360deg)}}.accented.svelte-rq8vha{stroke:#2563eb}.background.svelte-rq8vha{stroke:#2563eb;opacity:20%}.field.svelte-1wzaqos{display:flex;flex-direction:column;gap:8px}.input-wrapper.svelte-1wzaqos{display:contents}.label.svelte-1wzaqos{color:#4b5563;font-weight:600;font-size:.875rem;line-height:1.25rem}.text-input.svelte-1e5va0l{outline:2px none #2563eb;outline-offset:-1px;border:1px solid #9ca3af;border-radius:4px;padding:8px 12px;font-size:.875rem;line-height:1.25rem;&::placeholder{color:#9ca3af}&:focus{outline-style:solid}}.app.svelte-1n46o8q{margin:0 auto;padding:36px 16px;width:100%;max-width:582px}.header.svelte-1n46o8q{margin:24px 0}.main.svelte-1n46o8q{margin:36px 0}.choices.svelte-1n46o8q{display:flex;flex-direction:column;gap:8px;margin:16px 0 36px;border:0;padding:0}.choice.svelte-1n46o8q{display:flex;align-items:center;gap:8px;font-size:.875rem;line-height:1.25rem;input:where(.svelte-1n46o8q){appearance:none;outline:2px none #2563eb;outline-offset:2px;border:1px solid #9ca3af;border-radius:8px;width:16px;height:16px;&:checked{border:0;background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");background-color:#2563eb}&:focus{outline-style:solid}}}.footer.svelte-1n46o8q{display:flex;flex-wrap:wrap;gap:.5rem;margin:36px 0 0;border-top:1px solid #d1d5db;padding:36px 0 0;color:#4b5563;font-size:.875rem;line-height:1.25rem;a:where(.svelte-1n46o8q){color:#2563eb}}

+2

assets/index-CD_0uzJz.js

··· 1 1 + const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./PostDisplay-CqTUAVla.js","./GuideInstructions-CTis8QB-.js","./GuideInstructions-B8N7RzmZ.css","./index-Cr8Vao8y.js","./PostDisplay-yMSDBkol.css","./ProfileCardDisplay-BpCMWdM3.js","./ProfileCardDisplay-D4FwjqsR.css","./ProfileFeedDisplay-QaaAcc9o.js","./ProfileFeedDisplay-DOw9fkTH.css"])))=>i.map(i=>d[i]); 2 2 + !function(){const e=document.createElement("link").relList;if(!(e&&e.supports&&e.supports("modulepreload"))){for(const e of document.querySelectorAll('link[rel="modulepreload"]'))t(e);new MutationObserver(e=>{for(const n of e)if("childList"===n.type)for(const e of n.addedNodes)"LINK"===e.tagName&&"modulepreload"===e.rel&&t(e)}).observe(document,{childList:!0,subtree:!0})}function t(e){if(e.ep)return;e.ep=!0;const t=function(e){const t={};return e.integrity&&(t.integrity=e.integrity),e.referrerPolicy&&(t.referrerPolicy=e.referrerPolicy),"use-credentials"===e.crossOrigin?t.credentials="include":"anonymous"===e.crossOrigin?t.credentials="omit":t.credentials="same-origin",t}(e);fetch(e.href,t)}}();const e=!1;var t=Array.isArray,n=Array.prototype.indexOf,r=Array.from,i=Object.defineProperty,l=Object.getOwnPropertyDescriptor,s=Object.getOwnPropertyDescriptors,o=Object.prototype,a=Array.prototype,f=Object.getPrototypeOf,c=Object.isExtensible;const u=()=>{};function d(){var e,t;return{promise:new Promise((n,r)=>{e=n,t=r}),resolve:e,reject:t}}const h=16,v=32,p=64,_=128,g=512,m=1024,y=2048,b=4096,w=8192,k=16384,x=32768,E=65536,P=1<<17,S=1<<18,A=1<<19,q=32768,j=1<<21,O=1<<23,L=Symbol("$state"),z=Symbol("legacy props"),N=Symbol(""),$=new class extends Error{name="StaleReactionError";message="The reaction that called `getAbortSignal()` was re-run or destroyed"};const M=Symbol(),D="http://www.w3.org/1999/xhtml";function R(e){return e===this.v}let C=null;function T(e){C=e}function I(e,t=!1,n){C={p:C,i:!1,c:null,e:null,s:e,x:null,l:null}}function U(e){var t=C,n=t.e;if(null!==n)for(var r of(t.e=null,n))Ge(r);return t.i=!0,C=t.p,{}}let Z=[];function B(){var e=Z;Z=[],function(e){for(var t=0;t<e.length;t++)e[t]()}(e)}function V(e){if(0===Z.length&&!te){var t=Z;queueMicrotask(()=>{t===Z&&B()})}Z.push(e)}function W(){for(;Z.length>0;)B()}function F(e){var t=gt;if(null===t)return vt.f|=O,e;if(0===(t.f&x)){if(0===(t.f&_))throw e;t.b.error(e)}else K(e,t)}function K(e,t){for(;null!==t;){if(0!==(t.f&_))try{return void t.b.error(e)}catch(n){e=n}t=t.parent}throw e}const H=new Set;let G=null,J=null,Q=null,X=[],Y=null,ee=!1,te=!1;class ne{committed=!1;current=new Map;previous=new Map;#e=new Set;#t=new Set;#n=0;#r=0;#i=null;#l=[];#s=[];skipped_effects=new Set;is_fork=!1;is_deferred(){return this.is_fork||this.#r>0}process(e){X=[],J=null,this.apply();var t={parent:null,effect:null,effects:[],render_effects:[],block_effects:[]};for(const n of e)this.#o(n,t);this.is_fork||this.#a(),this.is_deferred()?(this.#f(t.effects),this.#f(t.render_effects),this.#f(t.block_effects)):(J=this,G=null,oe(t.render_effects),oe(t.effects),J=null,this.#i?.resolve()),Q=null}#o(e,t){e.f^=m;for(var n=e.first;null!==n;){var r=n.f,i=!!(96&r),l=i&&0!==(r&m)||0!==(r&w)||this.skipped_effects.has(n);if(0!==(n.f&_)&&n.b?.is_pending()&&(t={parent:t,effect:n,effects:[],render_effects:[],block_effects:[]}),!l&&null!==n.fn){i?n.f^=m:4&r?t.effects.push(n):jt(n)&&(0!==(n.f&h)&&t.block_effects.push(n),$t(n));var s=n.first;if(null!==s){n=s;continue}}var o=n.parent;for(n=n.next;null===n&&null!==o;)o===t.effect&&(this.#f(t.effects),this.#f(t.render_effects),this.#f(t.block_effects),t=t.parent),n=o.next,o=o.parent}}#f(e){for(const t of e){(0!==(t.f&y)?this.#l:this.#s).push(t),this.#c(t.deps),It(t,m)}}#c(e){if(null!==e)for(const t of e)2&t.f&&0!==(t.f&q)&&(t.f^=q,this.#c(t.deps))}capture(e,t){this.previous.has(e)||this.previous.set(e,t),0===(e.f&O)&&(this.current.set(e,e.v),Q?.set(e,e.v))}activate(){G=this,this.apply()}deactivate(){G===this&&(G=null,Q=null)}flush(){if(this.activate(),X.length>0){if(ie(),null!==G&&G!==this)return}else 0===this.#n&&this.process([]);this.deactivate()}discard(){for(const e of this.#t)e(this);this.#t.clear()}#a(){if(0===this.#r){for(const e of this.#e)e();this.#e.clear()}0===this.#n&&this.#u()}#u(){if(H.size>1){this.previous.clear();var e=Q,t=!0,n={parent:null,effect:null,effects:[],render_effects:[],block_effects:[]};for(const e of H){if(e===this){t=!1;continue}const i=[];for(const[n,r]of this.current){if(e.current.has(n)){if(!t||r===e.current.get(n))continue;e.current.set(n,r)}i.push(n)}if(0===i.length)continue;const l=[...e.current.keys()].filter(e=>!this.current.has(e));if(l.length>0){var r=X;X=[];const t=new Set,s=new Map;for(const e of i)ae(e,l,t,s);if(X.length>0){G=e,e.apply();for(const t of X)e.#o(t,n);e.deactivate()}X=r}}G=null,Q=e}this.committed=!0,H.delete(this)}increment(e){this.#n+=1,e&&(this.#r+=1)}decrement(e){this.#n-=1,e&&(this.#r-=1),this.revive()}revive(){for(const e of this.#l)It(e,y),ce(e);for(const e of this.#s)It(e,b),ce(e);this.#l=[],this.#s=[],this.flush()}oncommit(e){this.#e.add(e)}ondiscard(e){this.#t.add(e)}settled(){return(this.#i??=d()).promise}static ensure(){if(null===G){const e=G=new ne;H.add(G),te||ne.enqueue(()=>{G===e&&e.flush()})}return G}static enqueue(e){V(e)}apply(){}}function re(e){var t=te;te=!0;try{for(;;){if(W(),0===X.length&&(G?.flush(),0===X.length))return void(Y=null);ie()}}finally{te=t}}function ie(){var t=ct;ee=!0;try{var n=0;for(ut(!0);X.length>0;){var r=ne.ensure();if(n++>1e3)e,le();r.process(X),we.clear()}}finally{ee=!1,ut(t),Y=null}}function le(){try{!function(){throw new Error("https://svelte.dev/e/effect_update_depth_exceeded")}()}catch(e){K(e,Y)}}let se=null;function oe(e){var t=e.length;if(0!==t){for(var n=0;n<t;){var r=e[n++];if(!(24576&r.f)&&jt(r)&&(se=new Set,$t(r),null===r.deps&&null===r.first&&null===r.nodes&&(null===r.teardown&&null===r.ac?it(r):r.fn=null),se?.size>0)){we.clear();for(const e of se){if(24576&e.f)continue;const t=[e];let n=e.parent;for(;null!==n;)se.has(n)&&(se.delete(n),t.push(n)),n=n.parent;for(let e=t.length-1;e>=0;e--){const n=t[e];24576&n.f||$t(n)}}se.clear()}}se=null}}function ae(e,t,n,r){if(!n.has(e)&&(n.add(e),null!==e.reactions))for(const i of e.reactions){const e=i.f;2&e?ae(i,t,n,r):4194320&e&&0===(e&y)&&fe(i,t,r)&&(It(i,y),ce(i))}}function fe(e,t,n){const r=n.get(e);if(void 0!==r)return r;if(null!==e.deps)for(const i of e.deps){if(t.includes(i))return!0;if(2&i.f&&fe(i,t,n))return n.set(i,!0),!0}return n.set(e,!1),!1}function ce(e){for(var t=Y=e;null!==t.parent;){var n=(t=t.parent).f;if(ee&&t===gt&&0!==(n&h)&&0===(n&S))return;if(96&n){if(0===(n&m))return;t.f^=m}}X.push(t)}class ue{parent;#n=!1;#d;#h=null;#v;#p;#_;#g=null;#m=null;#y=null;#b=null;#w=null;#k=0;#x=0;#E=!1;#P=null;#S=function(e){let t,n=0,r=xe(0);return()=>{Fe()&&(Mt(r),Je(()=>(0===n&&(t=Ct(()=>e(()=>Ae(r)))),n+=1,()=>{V(()=>{n-=1,0===n&&(t?.(),t=void 0,Ae(r))})})))}}(()=>(this.#P=xe(this.#k),()=>{this.#P=null}));constructor(e,t,n){this.#d=e,this.#v=t,this.#p=n,this.parent=gt.b,this.#n=!!this.#v.pending,this.#_=Xe(()=>{gt.b=this;var e=this.#A();try{this.#g=Ye(()=>n(e))}catch(t){this.error(t)}return this.#x>0?this.#q():this.#n=!1,()=>{this.#w?.remove()}},589952)}#j(){try{this.#g=Ye(()=>this.#p(this.#d))}catch(e){this.error(e)}this.#n=!1}#O(){const e=this.#v.pending;e&&(this.#m=Ye(()=>e(this.#d)),ne.enqueue(()=>{var e=this.#A();this.#g=this.#L(()=>(ne.ensure(),Ye(()=>this.#p(e)))),this.#x>0?this.#q():(lt(this.#m,()=>{this.#m=null}),this.#n=!1)}))}#A(){var e=this.#d;return this.#n&&(this.#w=Me(),this.#d.before(this.#w),e=this.#w),e}is_pending(){return this.#n||!!this.parent&&this.parent.is_pending()}has_pending_snippet(){return!!this.#v.pending}#L(e){var t=gt,n=vt,r=C;mt(this.#_),_t(this.#_),T(this.#_.ctx);try{return e()}catch(i){return F(i),null}finally{mt(t),_t(n),T(r)}}#q(){const e=this.#v.pending;null!==this.#g&&(this.#b=document.createDocumentFragment(),this.#b.append(this.#w),ft(this.#g,this.#b)),null===this.#m&&(this.#m=Ye(()=>e(this.#d)))}#z(e){this.has_pending_snippet()?(this.#x+=e,0===this.#x&&(this.#n=!1,this.#m&&lt(this.#m,()=>{this.#m=null}),this.#b&&(this.#d.before(this.#b),this.#b=null))):this.parent&&this.parent.#z(e)}update_pending_count(e){this.#z(e),this.#k+=e,this.#P&&Se(this.#P,this.#k)}get_effect_pending(){return this.#S(),Mt(this.#P)}error(e){var t=this.#v.onerror;let n=this.#v.failed;if(this.#E||!t&&!n)throw e;this.#g&&(nt(this.#g),this.#g=null),this.#m&&(nt(this.#m),this.#m=null),this.#y&&(nt(this.#y),this.#y=null);var r=!1,i=!1;const l=()=>{r?console.warn("https://svelte.dev/e/svelte_boundary_reset_noop"):(r=!0,i&&function(){throw new Error("https://svelte.dev/e/svelte_boundary_reset_onerror")}(),ne.ensure(),this.#k=0,null!==this.#y&&lt(this.#y,()=>{this.#y=null}),this.#n=this.has_pending_snippet(),this.#g=this.#L(()=>(this.#E=!1,Ye(()=>this.#p(this.#d)))),this.#x>0?this.#q():this.#n=!1)};var s=vt;try{_t(null),i=!0,t?.(e,l),i=!1}catch(e){K(e,this.#_&&this.#_.parent)}finally{_t(s)}n&&V(()=>{this.#y=this.#L(()=>{ne.ensure(),this.#E=!0;try{return Ye(()=>{n(this.#d,()=>e,()=>l)})}catch(e){return K(e,this.#_.parent),null}finally{this.#E=!1}})})}}function de(e,t,n,r){const i=pe;if(0!==n.length||0!==e.length){var l=G,s=gt,o=he();e.length>0?Promise.all(e).then(()=>{o();try{return a()}finally{l?.deactivate(),ve()}}):a()}else r(t.map(i));function a(){Promise.all(n.map(e=>function(e){let t=gt;null===t&&function(){throw new Error("https://svelte.dev/e/async_derived_orphan")}();var n=t.b,r=void 0,i=xe(M),l=!vt,s=new Map;return function(e){We(4718592,e,!0)}(()=>{var t=d();r=t.promise;try{Promise.resolve(e()).then(t.resolve,t.reject).then(()=>{o===G&&o.committed&&o.deactivate(),ve()})}catch(c){t.reject(c),ve()}var o=G;if(l){var a=!n.is_pending();n.update_pending_count(1),o.increment(a),s.get(o)?.reject($),s.delete(o),s.set(o,t)}const f=(e,t=void 0)=>{if(o.activate(),t)t!==$&&(i.f|=O,Se(i,t));else{0!==(i.f&O)&&(i.f^=O),Se(i,e);for(const[e,t]of s){if(s.delete(e),e===o)break;t.reject($)}}l&&(n.update_pending_count(-1),o.decrement(a))};t.promise.then(f,e=>f(null,e||"unknown"))}),Ke(()=>{for(const e of s.values())e.reject($)}),new Promise(e=>{function t(n){function l(){n===r?e(i):t(r)}n.then(l,l)}t(r)})}(e))).then(e=>{o();try{r([...t.map(i),...e])}catch(n){0===(s.f&k)&&K(n,s)}l?.deactivate(),ve()}).catch(e=>{K(e,s)})}}function he(){var e=gt,t=vt,n=C,r=G;return function(i=!0){mt(e),_t(t),T(n),i&&r?.activate()}}function ve(){mt(null),_t(null),T(null)}function pe(e){var t=null!==vt&&2&vt.f?vt:null;null!==gt&&(gt.f|=A);return{ctx:C,deps:null,effects:null,equals:R,f:2050,fn:e,reactions:null,rv:0,v:M,wv:0,parent:t??gt,ac:null}}function _e(e){const t=pe(e);return bt(t),t}function ge(e){var t=e.effects;if(null!==t){e.effects=null;for(var n=0;n<t.length;n+=1)nt(t[n])}}function me(e){var t,n=gt;mt(function(e){for(var t=e.parent;null!==t;){if(!(2&t.f))return 0===(t.f&k)?t:null;t=t.parent}return null}(e));try{e.f&=-32769,ge(e),t=Lt(e)}finally{mt(n)}return t}function ye(e){var t=me(e);(e.equals(t)||(G?.is_fork||(e.v=t),e.wv=qt()),dt)||(null!==Q?(Fe()||G?.is_fork)&&Q.set(e,t):It(e,0===(e.f&g)?b:m))}let be=new Set;const we=new Map;let ke=!1;function xe(e,t){return{f:0,v:e,reactions:null,equals:R,rv:0,wv:0}}function Ee(e,t){const n=xe(e);return bt(n),n}function Pe(e,t,n=!1){return null===vt||pt&&0===(vt.f&P)||!(4325394&vt.f)||yt?.includes(e)||function(){throw new Error("https://svelte.dev/e/state_unsafe_mutation")}(),Se(e,n?je(t):t)}function Se(e,t){if(!e.equals(t)){var n=e.v;dt?we.set(e,t):we.set(e,n),e.v=t;var r=ne.ensure();r.capture(e,n),2&e.f&&(0!==(e.f&y)&&me(e),It(e,0!==(e.f&g)?m:b)),e.wv=qt(),qe(e,y),null===gt||0===(gt.f&m)||96&gt.f||(null===xt?function(e){xt=e}([e]):xt.push(e)),!r.is_fork&&be.size>0&&!ke&&function(){ke=!1;var e=ct;ut(!0);const t=Array.from(be);try{for(const e of t)0!==(e.f&m)&&It(e,b),jt(e)&&$t(e)}finally{ut(e)}be.clear()}()}return t}function Ae(e){Pe(e,e.v+1)}function qe(e,t){var n=e.reactions;if(null!==n)for(var r=n.length,i=0;i<r;i++){var l=n[i],s=l.f,o=0===(s&y);if(o&&It(l,t),2&s){var a=l;Q?.delete(a),0===(s&q)&&(s&g&&(l.f|=q),qe(a,b))}else o&&(0!==(s&h)&&null!==se&&se.add(l),ce(l))}}function je(e){if("object"!=typeof e||null===e||L in e)return e;const n=f(e);if(n!==o&&n!==a)return e;var r=new Map,i=t(e),s=Ee(0),c=St,u=e=>{if(St===c)return e();var t=vt,n=St;_t(null),At(c);var r=e();return _t(t),At(n),r};return i&&r.set("length",Ee(e.length)),new Proxy(e,{defineProperty(e,t,n){"value"in n&&!1!==n.configurable&&!1!==n.enumerable&&!1!==n.writable||function(){throw new Error("https://svelte.dev/e/state_descriptors_fixed")}();var i=r.get(t);return void 0===i?i=u(()=>{var e=Ee(n.value);return r.set(t,e),e}):Pe(i,n.value,!0),!0},deleteProperty(e,t){var n=r.get(t);if(void 0===n){if(t in e){const e=u(()=>Ee(M));r.set(t,e),Ae(s)}}else Pe(n,M),Ae(s);return!0},get(t,n,i){if(n===L)return e;var s=r.get(n),o=n in t;if(void 0!==s||o&&!l(t,n)?.writable||(s=u(()=>Ee(je(o?t[n]:M))),r.set(n,s)),void 0!==s){var a=Mt(s);return a===M?void 0:a}return Reflect.get(t,n,i)},getOwnPropertyDescriptor(e,t){var n=Reflect.getOwnPropertyDescriptor(e,t);if(n&&"value"in n){var i=r.get(t);i&&(n.value=Mt(i))}else if(void 0===n){var l=r.get(t),s=l?.v;if(void 0!==l&&s!==M)return{enumerable:!0,configurable:!0,value:s,writable:!0}}return n},has(e,t){if(t===L)return!0;var n=r.get(t),i=void 0!==n&&n.v!==M||Reflect.has(e,t);if((void 0!==n||null!==gt&&(!i||l(e,t)?.writable))&&(void 0===n&&(n=u(()=>Ee(i?je(e[t]):M)),r.set(t,n)),Mt(n)===M))return!1;return i},set(e,t,n,o){var a=r.get(t),f=t in e;if(i&&"length"===t)for(var c=n;c<a.v;c+=1){var d=r.get(c+"");void 0!==d?Pe(d,M):c in e&&(d=u(()=>Ee(M)),r.set(c+"",d))}void 0===a?f&&!l(e,t)?.writable||(Pe(a=u(()=>Ee(void 0)),je(n)),r.set(t,a)):(f=a.v!==M,Pe(a,u(()=>je(n))));var h=Reflect.getOwnPropertyDescriptor(e,t);if(h?.set&&h.set.call(o,n),!f){if(i&&"string"==typeof t){var v=r.get("length"),p=Number(t);Number.isInteger(p)&&p>=v.v&&Pe(v,p+1)}Ae(s)}return!0},ownKeys(e){Mt(s);var t=Reflect.ownKeys(e).filter(e=>{var t=r.get(e);return void 0===t||t.v!==M});for(var[n,i]of r)i.v===M||n in e||t.push(n);return t},setPrototypeOf(){!function(){throw new Error("https://svelte.dev/e/state_prototype_fixed")}()}})}function Oe(e){try{if(null!==e&&"object"==typeof e&&L in e)return e[L]}catch{}return e}var Le,ze,Ne,$e;function Me(e=""){return document.createTextNode(e)}function De(e){return Ne.call(e)}function Re(e){return $e.call(e)}function Ce(e,t){return De(e)}function Te(e,t=!1){var n=De(e);return n instanceof Comment&&""===n.data?Re(n):n}function Ie(e,t=1,n=!1){let r=e;for(;t--;)r=Re(r);return r}let Ue=!1;function Ze(e){var t=vt,n=gt;_t(null),mt(null);try{return e()}finally{_t(t),mt(n)}}function Be(e,t,n,r=n){e.addEventListener(t,()=>Ze(n));const i=e.__on_r;e.__on_r=i?()=>{i(),r(!0)}:()=>r(!0),Ue||(Ue=!0,document.addEventListener("reset",e=>{Promise.resolve().then(()=>{if(!e.defaultPrevented)for(const t of e.target.elements)t.__on_r?.()})},{capture:!0}))}function Ve(e){null===gt&&(null===vt&&function(){throw new Error("https://svelte.dev/e/effect_orphan")}(),function(){throw new Error("https://svelte.dev/e/effect_in_unowned_derived")}()),dt&&function(){throw new Error("https://svelte.dev/e/effect_in_teardown")}()}function We(e,t,n){var r=gt;null!==r&&0!==(r.f&w)&&(e|=w);var i={ctx:C,deps:null,nodes:null,f:e|y|g,first:null,fn:t,last:null,next:null,parent:r,b:r&&r.b,prev:null,teardown:null,wv:0,ac:null};if(n)try{$t(i),i.f|=x}catch(l){throw nt(i),l}else null!==t&&ce(i);var l=i;if(n&&null===l.deps&&null===l.teardown&&null===l.nodes&&l.first===l.last&&0===(l.f&A)&&(l=l.first,0!==(e&h)&&0!==(e&E)&&null!==l&&(l.f|=E)),null!==l&&(l.parent=r,null!==r&&function(e,t){var n=t.last;null===n?t.last=t.first=e:(n.next=e,e.prev=n,t.last=e)}(l,r),null!==vt&&2&vt.f&&0===(e&p))){var s=vt;(s.effects??=[]).push(l)}return i}function Fe(){return null!==vt&&!pt}function Ke(e){const t=We(8,null,!1);return It(t,m),t.teardown=e,t}function He(e){Ve();var t=gt.f;if(!(!vt&&0!==(t&v)&&0===(t&x)))return Ge(e);var n=C;(n.e??=[]).push(e)}function Ge(e){return We(1048580,e,!1)}function Je(e,t=0){return We(8|t,e,!0)}function Qe(e,t=[],n=[],r=[]){de(r,t,n,t=>{We(8,()=>e(...t.map(Mt)),!0)})}function Xe(e,t=0){return We(h|t,e,!0)}function Ye(e){return We(524320,e,!0)}function et(e){var t=e.teardown;if(null!==t){const e=dt,n=vt;ht(!0),_t(null);try{t.call(null)}finally{ht(e),_t(n)}}}function tt(e,t=!1){var n=e.first;for(e.first=e.last=null;null!==n;){const e=n.ac;null!==e&&Ze(()=>{e.abort($)});var r=n.next;0!==(n.f&p)?n.parent=null:nt(n,t),n=r}}function nt(e,t=!0){var n=!1;!t&&0===(e.f&S)||null===e.nodes||null===e.nodes.end||(rt(e.nodes.start,e.nodes.end),n=!0),tt(e,t&&!n),Nt(e,0),It(e,k);var r=e.nodes&&e.nodes.t;if(null!==r)for(const l of r)l.stop();et(e);var i=e.parent;null!==i&&null!==i.first&&it(e),e.next=e.prev=e.teardown=e.ctx=e.deps=e.fn=e.nodes=e.ac=null}function rt(e,t){for(;null!==e;){var n=e===t?null:Re(e);e.remove(),e=n}}function it(e){var t=e.parent,n=e.prev,r=e.next;null!==n&&(n.next=r),null!==r&&(r.prev=n),null!==t&&(t.first===e&&(t.first=r),t.last===e&&(t.last=n))}function lt(e,t,n=!0){var r=[];st(e,r,!0);var i=()=>{n&&nt(e),t&&t()},l=r.length;if(l>0){var s=()=>--l||i();for(var o of r)o.out(s)}else i()}function st(e,t,n){if(0===(e.f&w)){e.f^=w;var r=e.nodes&&e.nodes.t;if(null!==r)for(const e of r)(e.is_global||n)&&t.push(e);for(var i=e.first;null!==i;){var l=i.next;st(i,t,!!(0!==(i.f&E)||0!==(i.f&v)&&0!==(e.f&h))&&n),i=l}}}function ot(e){at(e,!0)}function at(e,t){if(0!==(e.f&w)){e.f^=w,0===(e.f&m)&&(It(e,y),ce(e));for(var n=e.first;null!==n;){var r=n.next;at(n,!!(0!==(n.f&E)||0!==(n.f&v))&&t),n=r}var i=e.nodes&&e.nodes.t;if(null!==i)for(const e of i)(e.is_global||t)&&e.in()}}function ft(e,t){if(e.nodes)for(var n=e.nodes.start,r=e.nodes.end;null!==n;){var i=n===r?null:Re(n);t.append(n),n=i}}let ct=!1;function ut(e){ct=e}let dt=!1;function ht(e){dt=e}let vt=null,pt=!1;function _t(e){vt=e}let gt=null;function mt(e){gt=e}let yt=null;function bt(e){null!==vt&&(null===yt?yt=[e]:yt.push(e))}let wt=null,kt=0,xt=null;let Et=1,Pt=0,St=Pt;function At(e){St=e}function qt(){return++Et}function jt(e){var t=e.f;if(0!==(t&y))return!0;if(2&t&&(e.f&=-32769),0!==(t&b)){var n=e.deps;if(null!==n)for(var r=n.length,i=0;i<r;i++){var l=n[i];if(jt(l)&&ye(l),l.wv>e.wv)return!0}0!==(t&g)&&null===Q&&It(e,m)}return!1}function Ot(e,t,n=!0){var r=e.reactions;if(null!==r&&!yt?.includes(e))for(var i=0;i<r.length;i++){var l=r[i];2&l.f?Ot(l,t,!1):t===l&&(n?It(l,y):0!==(l.f&m)&&It(l,b),ce(l))}}function Lt(e){var t=wt,n=kt,r=xt,i=vt,l=yt,s=C,o=pt,a=St,f=e.f;wt=null,kt=0,xt=null,vt=96&f?null:e,yt=null,T(e.ctx),pt=!1,St=++Pt,null!==e.ac&&(Ze(()=>{e.ac.abort($)}),e.ac=null);try{e.f|=j;var c=(0,e.fn)(),u=e.deps;if(null!==wt){var d;if(Nt(e,kt),null!==u&&kt>0)for(u.length=kt+wt.length,d=0;d<wt.length;d++)u[kt+d]=wt[d];else e.deps=u=wt;if(Fe()&&0!==(e.f&g))for(d=kt;d<u.length;d++)(u[d].reactions??=[]).push(e)}else null!==u&&kt<u.length&&(Nt(e,kt),u.length=kt);if(!(null===xt||pt||null===u||6146&e.f))for(d=0;d<xt.length;d++)Ot(xt[d],e);return null!==i&&i!==e&&(Pt++,null!==xt&&(null===r?r=xt:r.push(...xt))),0!==(e.f&O)&&(e.f^=O),c}catch(h){return F(h)}finally{e.f^=j,wt=t,kt=n,xt=r,vt=i,yt=l,T(s),pt=o,St=a}}function zt(e,t){let r=t.reactions;if(null!==r){var i=n.call(r,e);if(-1!==i){var l=r.length-1;0===l?r=t.reactions=null:(r[i]=r[l],r.pop())}}null===r&&2&t.f&&(null===wt||!wt.includes(t))&&(It(t,b),0!==(t.f&g)&&(t.f^=g,t.f&=-32769),ge(t),Nt(t,0))}function Nt(e,t){var n=e.deps;if(null!==n)for(var r=t;r<n.length;r++)zt(e,n[r])}function $t(e){var t=e.f;if(0===(t&k)){It(e,m);var n=gt,r=ct;gt=e,ct=!0;try{16777232&t?function(e){for(var t=e.first;null!==t;){var n=t.next;0===(t.f&v)&&nt(t),t=n}}(e):tt(e),et(e);var i=Lt(e);e.teardown="function"==typeof i?i:null,e.wv=Et}finally{ct=r,gt=n}}}function Mt(e){var t=!!(2&e.f);if(null!==vt&&!pt&&(!(null!==gt&&0!==(gt.f&k))&&!yt?.includes(e))){var n=vt.deps;if(0!==(vt.f&j))e.rv<Pt&&(e.rv=Pt,null===wt&&null!==n&&n[kt]===e?kt++:null===wt?wt=[e]:wt.includes(e)||wt.push(e));else{(vt.deps??=[]).push(e);var r=e.reactions;null===r?e.reactions=[vt]:r.includes(vt)||r.push(vt)}}if(dt){if(we.has(e))return we.get(e);if(t){var i=e,l=i.v;return(0===(i.f&m)&&null!==i.reactions||Rt(i))&&(l=me(i)),we.set(i,l),l}}else t&&(!Q?.has(e)||G?.is_fork&&!Fe())&&(jt(i=e)&&ye(i),ct&&Fe()&&0===(i.f&g)&&Dt(i));if(Q?.has(e))return Q.get(e);if(0!==(e.f&O))throw e.v;return e.v}function Dt(e){if(null!==e.deps){e.f^=g;for(const t of e.deps)(t.reactions??=[]).push(e),2&t.f&&0===(t.f&g)&&Dt(t)}}function Rt(e){if(e.v===M)return!0;if(null===e.deps)return!1;for(const t of e.deps){if(we.has(t))return!0;if(2&t.f&&Rt(t))return!0}return!1}function Ct(e){var t=pt;try{return pt=!0,e()}finally{pt=t}}const Tt=-7169;function It(e,t){e.f=e.f&Tt|t}const Ut=["touchstart","touchmove"];function Zt(e){return Ut.includes(e)}const Bt=new Set,Vt=new Set;function Wt(e){for(var t=0;t<e.length;t++)Bt.add(e[t]);for(var n of Vt)n(e)}let Ft=null;function Kt(e){var t=this,n=t.ownerDocument,r=e.type,l=e.composedPath?.()||[],s=l[0]||e.target;Ft=e;var o=0,a=Ft===e&&e.__root;if(a){var f=l.indexOf(a);if(-1!==f&&(t===document||t===window))return void(e.__root=t);var c=l.indexOf(t);if(-1===c)return;f<=c&&(o=f)}if((s=l[o]||e.target)!==t){i(e,"currentTarget",{configurable:!0,get:()=>s||n});var u=vt,d=gt;_t(null),mt(null);try{for(var h,v=[];null!==s;){var p=s.assignedSlot||s.parentNode||s.host||null;try{var _=s["__"+r];null==_||s.disabled&&e.target!==s||_.call(s,e)}catch(g){h?v.push(g):h=g}if(e.cancelBubble||p===t||null===p)break;s=p}if(h){for(let e of v)queueMicrotask(()=>{throw e});throw h}}finally{e.__root=t,delete e.currentTarget,_t(u),mt(d)}}}function Ht(e){var t=document.createElement("template");return t.innerHTML=e.replaceAll("<!>","\x3c!----\x3e"),t.content}function Gt(e,t){var n=gt;null===n.nodes&&(n.nodes={start:e,end:t,a:null,t:null})}function Jt(e,t){var n,r=!!(1&t),i=!!(2&t),l=!e.startsWith("<!>");return()=>{void 0===n&&(n=Ht(l?e:"<!>"+e),r||(n=De(n)));var t=i||ze?document.importNode(n,!0):n.cloneNode(!0);r?Gt(De(t),t.lastChild):Gt(t,t);return t}}function Qt(e=""){var t=Me(e+"");return Gt(t,t),t}function Xt(){var e=document.createDocumentFragment(),t=document.createComment(""),n=Me();return e.append(t,n),Gt(t,n),e}function Yt(e,t){null!==e&&e.before(t)}function en(e,t){var n=null==t?"":"object"==typeof t?t+"":t;n!==(e.__t??=e.nodeValue)&&(e.__t=n,e.nodeValue=n+"")}const tn=new Map;let nn=new WeakMap;class rn{anchor;#N=new Map;#$=new Map;#M=new Map;#D=new Set;#R=!0;constructor(e,t=!0){this.anchor=e,this.#R=t}#u=()=>{var e=G;if(this.#N.has(e)){var t=this.#N.get(e),n=this.#$.get(t);if(n)ot(n),this.#D.delete(t);else{var r=this.#M.get(t);r&&(this.#$.set(t,r.effect),this.#M.delete(t),r.fragment.lastChild.remove(),this.anchor.before(r.fragment),n=r.effect)}for(const[t,n]of this.#N){if(this.#N.delete(t),t===e)break;const r=this.#M.get(n);r&&(nt(r.effect),this.#M.delete(n))}for(const[e,r]of this.#$){if(e===t||this.#D.has(e))continue;const i=()=>{if(Array.from(this.#N.values()).includes(e)){var t=document.createDocumentFragment();ft(r,t),t.append(Me()),this.#M.set(e,{effect:r,fragment:t})}else nt(r);this.#D.delete(e),this.#$.delete(e)};this.#R||!n?(this.#D.add(e),lt(r,i,!1)):i()}}};#C=e=>{this.#N.delete(e);const t=Array.from(this.#N.values());for(const[n,r]of this.#M)t.includes(n)||(nt(r.effect),this.#M.delete(n))};ensure(e,t){var n=G;!t||this.#$.has(e)||this.#M.has(e)||this.#$.set(e,Ye(()=>t(this.anchor)));this.#N.set(n,e),this.#u()}}function ln(e,t,n,r,i){var l=M,s=xe(l),o=xe(l),a=new rn(e);Xe(()=>{var e=t(),l=!1;if(function(e){return"function"==typeof e?.then}(e)){var f=he(),c=!1;const t=e=>{if(!l){c=!0,f(!1),ne.ensure();try{e()}finally{ve(),te||re()}}};e.then(e=>{t(()=>{Se(s,e),a.ensure(1,r&&(e=>r(e,s)))})},e=>{t(()=>{if(Se(o,e),a.ensure(1,i&&(e=>i(e,o))),!i)throw o.v})}),V(()=>{c||t(()=>{a.ensure(0,n)})})}else Se(s,e),a.ensure(1,r&&(e=>r(e,s)));return()=>{l=!0}})}function sn(e,t,n=!1){var r=new rn(e);function i(e,t){r.ensure(e,t)}Xe(()=>{var e=!1;t((t,n=!0)=>{e=!0,i(n,t)}),e||i(!1,null)},n?E:0)}function on(e,t,...n){var r=new rn(e);Xe(()=>{const e=t()??null;r.ensure(e,e&&(t=>e(t,...n)))},E)}function an(e,t,n){var r=new rn(e);Xe(()=>{var e=t()??null;r.ensure(e,e&&(t=>n(t,e)))},E)}const fn=[..." \t\n\r\f \v\ufeff"];function cn(e,t,n,r,i,l){var s=e.__className;if(s!==n||void 0===s){var o=function(e,t,n){var r=""+e;if(n)for(var i in n)if(n[i])r=r?r+" "+i:i;else if(r.length)for(var l=i.length,s=0;(s=r.indexOf(i,s))>=0;){var o=s+l;0!==s&&!fn.includes(r[s-1])||o!==r.length&&!fn.includes(r[o])?s=o:r=(0===s?"":r.substring(0,s))+r.substring(o+1)}return""===r?null:r}(n,0,l);null==o?e.removeAttribute("class"):e.className=o,e.__className=n}else if(l&&i!==l)for(var a in l){var f=!!l[a];null!=i&&f===!!i[a]||e.classList.toggle(a,f)}return l}const un=Symbol("is custom element"),dn=Symbol("is html");function hn(e,t,n,r){var i=function(e){return e.__attributes??={[un]:e.nodeName.includes("-"),[dn]:e.namespaceURI===D}}(e);i[t]!==(i[t]=n)&&("loading"===t&&(e[N]=n),null==n?e.removeAttribute(t):"string"!=typeof n&&_n(e).includes(t)?e[t]=n:e.setAttribute(t,n))}function vn(e,t,n){var r=vt,i=gt;_t(null),mt(null);try{"style"!==t&&(pn.has(e.getAttribute("is")||e.nodeName)||!customElements||customElements.get(e.getAttribute("is")||e.tagName.toLowerCase())?_n(e).includes(t):n&&"object"==typeof n)?e[t]=n:hn(e,t,null==n?n:String(n))}finally{_t(r),mt(i)}}var pn=new Map;function _n(e){var t,n=e.getAttribute("is")||e.nodeName,r=pn.get(n);if(r)return r;pn.set(n,r=[]);for(var i=e,l=Element.prototype;l!==i;){for(var o in t=s(i))t[o].set&&r.push(o);i=f(i)}return r}function gn(e,t,n=t){var r=new WeakSet;Be(e,"input",async i=>{var l=i?e.defaultValue:e.value;if(l=bn(e)?wn(l):l,n(l),null!==G&&r.add(G),await async function(){await Promise.resolve(),re()}(),l!==(l=t())){var s=e.selectionStart,o=e.selectionEnd,a=e.value.length;if(e.value=l??"",null!==o){var f=e.value.length;s===o&&o===a&&f>a?(e.selectionStart=f,e.selectionEnd=f):(e.selectionStart=s,e.selectionEnd=Math.min(o,f))}}}),null==Ct(t)&&e.value&&(n(bn(e)?wn(e.value):e.value),null!==G&&r.add(G)),Je(()=>{var n=t();if(e===document.activeElement){var i=J??G;if(r.has(i))return}bn(e)&&n===wn(e.value)||("date"!==e.type||n||e.value)&&n!==e.value&&(e.value=n??"")})}const mn=new Set;function yn(e,t,n,r,i=r){var l="checkbox"===n.getAttribute("type"),s=e;if(null!==t)for(var o of t)s=s[o]??=[];s.push(n),Be(n,"change",()=>{var e=n.__value;l&&(e=function(e,t,n){for(var r=new Set,i=0;i<e.length;i+=1)e[i].checked&&r.add(e[i].__value);n||r.delete(t);return Array.from(r)}(s,e,n.checked)),i(e)},()=>i(l?[]:null)),Je(()=>{var e,t,i=r();l?(i=i||[],n.checked=i.includes(n.__value)):n.checked=(e=n.__value,t=i,Object.is(Oe(e),Oe(t)))}),Ke(()=>{var e=s.indexOf(n);-1!==e&&s.splice(e,1)}),mn.has(s)||(mn.add(s),V(()=>{s.sort((e,t)=>4===e.compareDocumentPosition(t)?-1:1),mn.delete(s)})),V(()=>{})}function bn(e){var t=e.type;return"number"===t||"range"===t}function wn(e){return""===e?null:+e}let kn=!1;function xn(e,t,n,r){var i,s,o=r,a=!0,f=L in e||z in e;i=l(e,t)?.set??(f&&t in e?n=>e[t]=n:void 0);var c,u=!1;if([s,u]=function(e){var t=kn;try{return kn=!1,[e(),kn]}finally{kn=t}}(()=>e[t]),c=()=>{var n=e[t];return void 0===n?(a&&(a=!1,o=r),o):(a=!0,n)},i){var d=e.$$legacy;return function(e,t){return arguments.length>0?((!t||d||u)&&i(t?c():e),e):c()}}var h=!1,v=pe(()=>(h=!1,c()));Mt(v);var p=gt;return function(e,t){if(arguments.length>0){const n=t?Mt(v):je(e);return Pe(v,n),h=!0,void 0!==o&&(o=n),e}return dt&&h||0!==(p.f&k)?v.v:Mt(v)}}const En={},Pn=function(e,t,n){let r=Promise.resolve();if(t&&t.length>0){const e=document.getElementsByTagName("link"),l=document.querySelector("meta[property=csp-nonce]"),s=l?.nonce||l?.getAttribute("nonce");i=t.map(t=>{if(t=function(e,t){return new URL(e,t).href}(t,n),t in En)return;En[t]=!0;const r=t.endsWith(".css"),i=r?'[rel="stylesheet"]':"";if(n)for(let n=e.length-1;n>=0;n--){const i=e[n];if(i.href===t&&(!r||"stylesheet"===i.rel))return}else if(document.querySelector(`link[href="${t}"]${i}`))return;const l=document.createElement("link");return l.rel=r?"stylesheet":"modulepreload",r||(l.as="script"),l.crossOrigin="",l.href=t,s&&l.setAttribute("nonce",s),document.head.appendChild(l),r?new Promise((e,n)=>{l.addEventListener("load",e),l.addEventListener("error",()=>n(new Error(`Unable to preload CSS for ${t}`)))}):void 0}),r=Promise.all(i.map(e=>Promise.resolve(e).then(e=>({status:"fulfilled",value:e}),e=>({status:"rejected",reason:e}))))}var i;function l(e){const t=new Event("vite:preloadError",{cancelable:!0});if(t.payload=e,window.dispatchEvent(t),!t.defaultPrevented)throw e}return r.then(t=>{for(const e of t||[])"rejected"===e.status&&l(e.reason);return e().catch(l)})};"undefined"!=typeof window&&((window.__svelte??={}).v??=new Set).add("5");const Sn=/^[234567abcdefghij][234567abcdefghijklmnopqrstuvwxyz]{12}$/,An=/^did:([a-z]+):([a-zA-Z0-9._:%-]*[a-zA-Z0-9._-])$/,qn=/^([a-zA-Z0-9]([a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?\.)+[a-zA-Z]([a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?$/,jn=e=>(e=>e.length>=7&&e.length<=2048&&An.test(e))(e)||(e=>e.length>=3&&e.length<=253&&qn.test(e))(e),On=e=>{const t=Ln(e);if(!t)return null;let n;if("bsky.app"===t.host||"staging.bsky.app"===t.host||"main.bsky.dev"===t.host){if(n=/^\/profile\/([^/]+)\/post\/([^/]+)\/?$/.exec(t.pathname))return jn(n[1])&&(e=>13===e.length&&Sn.test(e))(n[2])?{type:"post",author:n[1],rkey:n[2]}:null;if(n=/^\/profile\/([^/]+)\/?$/.exec(t.pathname))return jn(n[1])?{type:"profile",actor:n[1]}:null}return null},Ln=e=>{let t;if("parse"in URL)t=URL.parse(e);else try{t=new URL(e)}catch{}return!t||"https:"!==t.protocol&&"http:"!==t.protocol?null:t};var zn=Jt("<div><!></div>");function Nn(e,t){var n=zn();let r;on(Ce(n),()=>t.children),Qe(()=>r=cn(n,0,"banner svelte-4gizvm",0,r,{"type-alert":"alert"===t.type,"type-inform":"inform"===t.type})),Yt(e,n)}var $n=function(e,t,n="svg"){var r,i=`<${n}>${e.startsWith("<!>")?"<!>"+e:e}</${n}>`;return()=>{if(!r){var e=De(Ht(i));r=De(e)}var t=r.cloneNode(!0);return Gt(t,t),t}}('<svg viewBox="0 0 32 32" class="circular-spinner svelte-rq8vha"><circle cx="16" cy="16" fill="none" r="14" stroke-width="4" class="background svelte-rq8vha"></circle><circle cx="16" cy="16" fill="none" r="14" stroke-width="4" stroke-dasharray="80px" stroke-dashoffset="60px" class="accented svelte-rq8vha"></circle></svg>',0,"svg");function Mn(e,t){Yt(e,$n())}var Dn=Jt('<div class="field svelte-1wzaqos"><label class="input-wrapper svelte-1wzaqos"><span class="label svelte-1wzaqos"> </span> <!></label></div>');const Rn=new WeakMap;function Cn(e,t){I(t,!0);const n=_e(()=>(e=>{let t=Rn.get(e);return void 0===t&&Rn.set(e,t=e().then(e=>e.default)),t})(t.loader));var r=Xt();ln(Te(r),()=>Mt(n),e=>{var n=Xt();on(Te(n),()=>t.fallback),Yt(e,n)},(e,n)=>{var r=Xt();on(Te(r),()=>t.children,()=>Mt(n)),Yt(e,r)},(e,n)=>{var r=Xt();on(Te(r),()=>t.boundary,()=>Mt(n)),Yt(e,r)}),Yt(e,r),U()}var Tn=Jt('<input class="text-input svelte-1e5va0l"/>');const In=e=>{Mn(e)},Un=(e,t=u)=>{Nn(e,{type:"alert",children:(e,n)=>{var r=Qt();Qe(()=>en(r,""+t())),Yt(e,r)}})},Zn=()=>Pn(()=>import("./PostDisplay-CqTUAVla.js"),__vite__mapDeps([0,1,2,3,4]),import.meta.url),Bn=()=>Pn(()=>import("./ProfileCardDisplay-BpCMWdM3.js"),__vite__mapDeps([5,1,2,6]),import.meta.url),Vn=()=>Pn(()=>import("./ProfileFeedDisplay-QaaAcc9o.js"),__vite__mapDeps([7,1,2,3,8]),import.meta.url);var Wn=Jt('<fieldset class="choices svelte-1n46o8q"><label class="choice svelte-1n46o8q"><input type="radio" name="profile-type" class="svelte-1n46o8q"/> <span>Profile feed</span></label> <label class="choice svelte-1n46o8q"><input type="radio" name="profile-type" class="svelte-1n46o8q"/> <span>Profile card</span></label></fieldset>'),Fn=Jt('<div class="app svelte-1n46o8q"><h1 class="header svelte-1n46o8q"><code>&lt;bluesky-embed&gt;</code></h1> <!> <!> <main class="main svelte-1n46o8q"><!></main> <footer class="footer svelte-1n46o8q"><span>made with ❤️ by <a href="https://bsky.app/profile/did:plc:ia76kvnndjutgedggx2ibrem" class="svelte-1n46o8q">@mary.my.id</a></span> <span aria-hidden="true">·</span> <span><a href="https://github.com/mary-ext/bluesky-embed" class="svelte-1n46o8q">source code</a></span> <span aria-hidden="true">·</span> <span>MIT License</span></footer></div>');!function(e,t){(function(e,{target:t,anchor:n,props:i={},events:s,context:o,intro:a=!0}){!function(){if(void 0===Le){Le=window,ze=/Firefox/.test(navigator.userAgent);var e=Element.prototype,t=Node.prototype,n=Text.prototype;Ne=l(t,"firstChild").get,$e=l(t,"nextSibling").get,c(e)&&(e.__click=void 0,e.__className=void 0,e.__attributes=null,e.__style=void 0,e.__e=void 0),c(n)&&(n.__t=void 0)}}();var f=new Set,u=e=>{for(var n=0;n<e.length;n++){var r=e[n];if(!f.has(r)){f.add(r);var i=Zt(r);t.addEventListener(r,Kt,{passive:i});var l=tn.get(r);void 0===l?(document.addEventListener(r,Kt,{passive:i}),tn.set(r,1)):tn.set(r,l+1)}}};u(r(Bt)),Vt.add(u);var d=void 0,h=function(e){ne.ensure();const t=We(524352,e,!0);return(e={})=>new Promise(n=>{e.outro?lt(t,()=>{nt(t),n(void 0)}):(nt(t),n(void 0))})}(()=>{var r=n??t.appendChild(Me());return function(e,t,n){new ue(e,t,n)}(r,{pending:()=>{}},t=>{o&&(I({}),C.c=o);s&&(i.$$events=s),d=e(t,i)||{},o&&U()}),()=>{for(var e of f){t.removeEventListener(e,Kt);var i=tn.get(e);0===--i?(document.removeEventListener(e,Kt),tn.delete(e)):tn.set(e,i)}Vt.delete(u),r!==n&&r.parentNode?.removeChild(r)}});nn.set(d,h)})(e,t)}(function(e,t){I(t,!0);const n=[],r="https://bsky.app/profile/did:plc:ragtjsm2j2vknwkz3zp4oxrd/post/3kj2umze7zj2n";let i=Ee(""),l=Ee("feed");const s=_e(()=>On(Mt(i)||r));var o=Fn(),a=Ie(Ce(o),2);!function(e,t){var n=Dn(),r=Ce(n),i=Ce(r),l=Ce(i);on(Ie(i,2),()=>t.children),Qe(()=>en(l,t.label)),Yt(e,n)}(a,{label:"Bluesky post or profile URL",children:(e,t)=>{!function(e,t){I(t,!0);let n=xn(t,"value");var r=Tn();Qe(()=>{hn(r,"type",t.type),hn(r,"placeholder",t.placeholder)}),gn(r,n),Yt(e,r),U()}(e,{type:"url",placeholder:r,get value(){return Mt(i)},set value(e){Pe(i,e,!0)}})}});var f=Ie(a,2),c=e=>{var t=Wn(),r=Ce(t),i=Ce(r);i.value=i.__value="feed";var s=Ce(Ie(r,2));s.value=s.__value="card",yn(n,[],i,()=>Mt(l),e=>Pe(l,e)),yn(n,[],s,()=>Mt(l),e=>Pe(l,e)),Yt(e,t)};sn(f,e=>{Mt(s)&&"profile"===Mt(s).type&&e(c)});var d=Ce(Ie(f,2)),h=e=>{Nn(e,{type:"alert",children:(e,t)=>{Yt(e,Qt("Invalid URL, did you type it correctly?"))}})},v=e=>{var t=Xt(),n=Te(t),r=e=>{{const t=(e,t=u)=>{var n=Xt();an(Te(n),t,(e,t)=>{t(e,{get matched(){return Mt(s)}})}),Yt(e,n)};Cn(e,{loader:Zn,get fallback(){return In},get boundary(){return Un},children:t,$$slots:{default:!0}})}},i=e=>{var t=Xt(),n=Te(t),r=e=>{{const t=(e,t=u)=>{var n=Xt();an(Te(n),t,(e,t)=>{t(e,{get matched(){return Mt(s)}})}),Yt(e,n)};let n=_e(()=>"card"===Mt(l)?Bn:Vn);Cn(e,{get loader(){return Mt(n)},get fallback(){return In},get boundary(){return Un},children:t,$$slots:{default:!0}})}};sn(n,e=>{"profile"===Mt(s).type&&e(r)},!0),Yt(e,t)};sn(n,e=>{"post"===Mt(s).type?e(r):e(i,!1)},!0),Yt(e,t)};sn(d,e=>{Mt(s)?e(v,!1):e(h)}),Yt(e,o),U()},{target:document.getElementById("app")});export{Nn as B,Mn as C,Yt as a,U as b,Ce as c,Xt as d,Te as e,Jt as f,ln as g,Qt as h,en as i,Mt as j,Ie as k,sn as l,gt as m,Ht as n,Gt as o,I as p,De as q,rt as r,vn as s,Qe as t,_e as u,C as v,He as w,Ct as x,Wt as y,on as z};

+1

assets/index-Cr8Vao8y.js

··· 1 1 + const t=(t,e)=>({text:t,features:t.length>0?e:void 0}),e=(e,o)=>{if(void 0===o||0===o.length)return[t(e,void 0)];const r=[],c=e.length;let h=0,d=0;const n=(t,o)=>{let r=t;if(e.charCodeAt(r)<128)for(r+=1,d+=1;d+8<=o&&r+8<=c;){if(!((e.charCodeAt(r)|e.charCodeAt(r+1)|e.charCodeAt(r+2)|e.charCodeAt(r+3)|e.charCodeAt(r+4)|e.charCodeAt(r+5)|e.charCodeAt(r+6)|e.charCodeAt(r+7))<128))break;r+=8,d+=8}for(;d<o&&r<c;){const t=e.charCodeAt(r);t<128?(r+=1,d+=1):t<2048?(r+=1,d+=2):t<55296||t>56319?(r+=1,d+=3):(r+=2,d+=4)}return r};for(let s=0,a=o.length;s<a;s++){const c=o[s],{byteStart:a,byteEnd:i}=c.index,l=c.features;if(!(a>i||0===l.length)){if(d<a){const o=n(h,a);o>h&&r.push(t(e.slice(h,o),void 0)),h=o}{const o=n(h,i);o>h&&r.push(t(e.slice(h,o),l)),h=o}}}return h<c&&r.push(t(e.slice(h),void 0)),r};export{e as s};

+13

index.html

··· 1 1 + <!doctype html> 2 2 + <html lang="en"> 3 3 + <head> 4 4 + <meta charset="UTF-8" /> 5 5 + <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 6 6 + <title>Bluesky embed</title> 7 7 + <script type="module" crossorigin src="./assets/index-CD_0uzJz.js"></script> 8 8 + <link rel="stylesheet" crossorigin href="./assets/index-B_9yoyg2.css"> 9 9 + </head> 10 10 + <body> 11 11 + <div id="app"></div> 12 12 + </body> 13 13 + </html>

-3

mise.toml

··· 1 1 - [tools] 2 2 - node = "latest" 3 3 - pnpm = "latest"

-18

package.json

··· 1 1 - { 2 2 - "private": true, 3 3 - "scripts": { 4 4 - "fmt": "prettier --cache --write ." 5 5 - }, 6 6 - "devDependencies": { 7 7 - "@changesets/cli": "^2.29.8", 8 8 - "prettier": "^3.7.4", 9 9 - "prettier-plugin-css-order": "^2.1.2", 10 10 - "prettier-plugin-svelte": "^3.4.0", 11 11 - "typescript": "~5.8.3" 12 12 - }, 13 13 - "pnpm": { 14 14 - "patchedDependencies": { 15 15 - "svelte": "patches/svelte.patch" 16 16 - } 17 17 - } 18 18 - }

-1

packages/bluesky-post-embed/.gitignore

··· 1 1 - themes/

-83

packages/bluesky-post-embed/README.md

··· 1 1 - # &lt;bluesky-post-embed> 2 2 - 3 3 - A custom element for embedding Bluesky posts. 4 4 - 5 5 - ## Installation 6 6 - 7 7 - ### via npm 8 8 - 9 9 - ``` 10 10 - npm install bluesky-post-embed 11 11 - ``` 12 12 - 13 13 - then, import the package on your app. 14 14 - 15 15 - ```js 16 16 - import 'bluesky-post-embed'; 17 17 - 18 18 - import 'bluesky-post-embed/style.css'; 19 19 - import 'bluesky-post-embed/themes/light.css'; 20 20 - ``` 21 21 - 22 22 - ## Usage 23 23 - 24 24 - ```html 25 25 - <bluesky-post src="at://did:plc:ragtjsm2j2vknwkz3zp4oxrd/app.bsky.feed.post/3kj2umze7zj2n"> 26 26 - <blockquote class="bluesky-post-fallback"> 27 27 - <p dir="auto">angel mode</p> 28 28 - — Paul Frazee (@pfrazee.com) 29 29 - <a href="https://bsky.app/profile/did:plc:ragtjsm2j2vknwkz3zp4oxrd/post/3kj2umze7zj2n" 30 30 - >January 16, 2024 at 9:11 AM</a 31 31 - > 32 32 - </blockquote> 33 33 - </bluesky-post> 34 34 - ``` 35 35 - 36 36 - ### Attributes 37 37 - 38 38 - - `src` **Required** 39 39 - AT-URI of the post record 40 40 - - `contextless` **Optional** 41 41 - Whether to show the post without any context (no parent reply) 42 42 - - `allow-unauthenticated` **Optional** 43 43 - Whether to allow unauthenticated viewing 44 44 - - `service-uri` **Optional** 45 45 - URL to an AppView service, defaults to `https://public.api.bsky.app` 46 46 - 47 47 - ### Events 48 48 - 49 49 - - `loaded` 50 50 - Fired when the embed has successfully loaded the post 51 51 - - `error` 52 52 - Fired when the embed fails to load the post 53 53 - 54 54 - ## SSR usage 55 55 - 56 56 - The embeds are powered by a static HTML renderer, this renderer can be used directly in your 57 57 - server-rendering framework of choice for a zero-JS experience. 58 58 - 59 59 - ```tsx 60 60 - import { fetchPost, renderPost } from 'bluesky-post-embed/core'; 61 61 - 62 62 - import 'bluesky-post-embed/style.css'; 63 63 - import 'bluesky-post-embed/themes/light.css'; 64 64 - 65 65 - // fetch the post 66 66 - const controller = new AbortController(); 67 67 - const data = await fetchPost({ 68 68 - src: `at://did:plc:ragtjsm2j2vknwkz3zp4oxrd/app.bsky.feed.post/3kj2umze7zj2n`, 69 69 - signal: controller.signal, 70 70 - }); 71 71 - 72 72 - // render the post 73 73 - const html = renderPost(data); 74 74 - return ( 75 75 - <bluesky-post 76 76 - src={data.thread?.post.uri} 77 77 - dangerouslySetInnerHTML={{ __html: html }} 78 78 - ></bluesky-post> 79 79 - ); 80 80 - ``` 81 81 - 82 82 - Check out examples for [Astro](https://github.com/mary-ext/bluesky-embed-astro) and 83 83 - [SvelteKit](https://github.com/mary-ext/bluesky-embed-sveltekit).

-11

packages/bluesky-post-embed/index.html

··· 1 1 - <!doctype html> 2 2 - <html lang="en"> 3 3 - <head> 4 4 - <meta charset="utf-8" /> 5 5 - <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 6 6 - <title>Bluesky post embed</title> 7 7 - </head> 8 8 - <body> 9 9 - <script type="module" src="./src/main.tsx"></script> 10 10 - </body> 11 11 - </html>

-95

packages/bluesky-post-embed/lib/bluesky-post.svelte

··· 1 1 - <script lang="ts" module> 2 2 - import type { AppBskyFeedDefs, AppBskyFeedGetPostThread } from '@atcute/client/lexicons'; 3 3 - 4 4 - type ThreadData = AppBskyFeedGetPostThread.Output['thread']; 5 5 - type PostView = AppBskyFeedDefs.PostView; 6 6 - 7 7 - const unwrapPostThread = (data: ThreadData, contextless: boolean, allowUnauthenticated: boolean) => { 8 8 - const items: { post: PostView; parent: PostView | null }[] = []; 9 9 - 10 10 - let i = 0; 11 11 - let il = contextless ? 1 : 2; 12 12 - 13 13 - let curr: typeof data | undefined = data; 14 14 - while (curr) { 15 15 - if ( 16 16 - curr.$type === 'app.bsky.feed.defs#notFoundPost' || 17 17 - curr.$type === 'app.bsky.feed.defs#blockedPost' 18 18 - ) { 19 19 - break; 20 20 - } 21 21 - 22 22 - const post = curr.post; 23 23 - 24 24 - if (i !== 0) { 25 25 - items[i - 1].parent = post; 26 26 - } 27 27 - 28 28 - if (++i > il) { 29 29 - break; 30 30 - } 31 31 - 32 32 - const author = post.author; 33 33 - if (!allowUnauthenticated && author.labels?.some((def) => def.val === '!no-unauthenticated')) { 34 34 - break; 35 35 - } 36 36 - 37 37 - items.push({ post: post, parent: null }); 38 38 - curr = curr.parent; 39 39 - } 40 40 - return items.reverse(); 41 41 - }; 42 42 - </script> 43 43 - 44 44 - <script lang="ts"> 45 45 - import EmbedFrame from 'internal/components/embed-frame.svelte'; 46 46 - import HighlightedPost from 'internal/components/highlighted-post.svelte'; 47 47 - import Post from 'internal/components/post.svelte'; 48 48 - 49 49 - import { NO_UNAUTHENTICATED_LABEL } from 'internal/utils/constants.js'; 50 50 - import type { PostData } from 'internal/types/post.js'; 51 51 - 52 52 - const { thread, contextless, allowUnauthenticated }: PostData = $props(); 53 53 - 54 54 - const isPwiForbidden = 55 55 - !allowUnauthenticated && 56 56 - thread !== null && 57 57 - thread.$type === 'app.bsky.feed.defs#threadViewPost' && 58 58 - thread.post.author.labels?.some((label) => label.val === NO_UNAUTHENTICATED_LABEL); 59 59 - </script> 60 60 - 61 61 - {#if thread === null} 62 62 - {@render Message(`The post can't be found, it may have been deleted.`)} 63 63 - {:else if isPwiForbidden} 64 64 - {@render Message(`The author has requested for their posts to not be displayed on external sites.`)} 65 65 - {:else} 66 66 - {@const posts = unwrapPostThread(thread, contextless, allowUnauthenticated)} 67 67 - 68 68 - <EmbedFrame> 69 69 - {#each posts as { post, parent }, idx} 70 70 - {@const hasPrevious = idx !== 0} 71 71 - 72 72 - {#if idx === posts.length - 1} 73 73 - <HighlightedPost {post} {parent} prev={hasPrevious} /> 74 74 - {:else} 75 75 - <Post {post} {parent} prev={hasPrevious} /> 76 76 - {/if} 77 77 - {/each} 78 78 - </EmbedFrame> 79 79 - {/if} 80 80 - 81 81 - {#snippet Message(msg: string)} 82 82 - <EmbedFrame> 83 83 - <div class="message">{msg}</div> 84 84 - </EmbedFrame> 85 85 - {/snippet} 86 86 - 87 87 - <style> 88 88 - .message { 89 89 - margin: 0 auto; 90 90 - padding: 32px 16px; 91 91 - max-width: 380px; 92 92 - color: var(--text-secondary); 93 93 - text-align: center; 94 94 - } 95 95 - </style>

-70

packages/bluesky-post-embed/lib/core.ts

··· 1 1 - import '@atcute/bluesky/lexicons'; 2 2 - 3 3 - import { simpleFetchHandler, XRPC, XRPCError } from '@atcute/client'; 4 4 - import type { At } from '@atcute/client/lexicons'; 5 5 - import { render } from 'svelte/server'; 6 6 - 7 7 - import type { PostData } from 'internal/types/post.js'; 8 8 - import { DEFAULT_APPVIEW_URL } from 'internal/utils/constants.js'; 9 9 - 10 10 - import BlueskyPost from './bluesky-post.svelte'; 11 11 - 12 12 - export type { PostData }; 13 13 - 14 14 - export interface PostFetchOptions { 15 15 - /** 16 16 - * AT-URI of the post in question 17 17 - */ 18 18 - uri: string; 19 19 - /** 20 20 - * Abort signal to cancel the request 21 21 - */ 22 22 - signal?: AbortSignal; 23 23 - /** 24 24 - * Whether to fetch post without context (no parent replies) 25 25 - * @default false 26 26 - */ 27 27 - contextless?: boolean; 28 28 - /** 29 29 - * Whether to allow unauthenticated viewing 30 30 - * @default false 31 31 - */ 32 32 - allowUnauthenticated?: boolean; 33 33 - /** 34 34 - * AppView service to use 35 35 - * @default "https://public.api.bsky.app" 36 36 - */ 37 37 - serviceUri?: string; 38 38 - } 39 39 - 40 40 - export const fetchPost = async (opts: PostFetchOptions): Promise<PostData> => { 41 41 - const rpc = new XRPC({ handler: simpleFetchHandler({ service: opts.serviceUri ?? DEFAULT_APPVIEW_URL }) }); 42 42 - const contextless = opts.contextless ?? false; 43 43 - 44 44 - const { data } = await rpc 45 45 - .get('app.bsky.feed.getPostThread', { 46 46 - signal: opts.signal, 47 47 - params: { 48 48 - uri: opts.uri as At.ResourceUri, 49 49 - parentHeight: !contextless ? 2 : 1, 50 50 - depth: 0, 51 51 - }, 52 52 - }) 53 53 - .catch((err) => { 54 54 - if (err instanceof XRPCError) { 55 55 - if (err.kind === 'NotFound') { 56 56 - return { data: null }; 57 57 - } 58 58 - } 59 59 - 60 60 - return Promise.reject(err); 61 61 - }); 62 62 - 63 63 - const thread = data?.thread.$type === 'app.bsky.feed.defs#threadViewPost' ? data.thread : null; 64 64 - 65 65 - return { thread, contextless, allowUnauthenticated: opts.allowUnauthenticated ?? false }; 66 66 - }; 67 67 - 68 68 - export const renderPost = (data: PostData): string => { 69 69 - return render(BlueskyPost, { props: data }).body; 70 70 - };

-59

packages/bluesky-post-embed/lib/wc.ts

··· 1 1 - import { fetchPost, renderPost } from './core'; 2 2 - 3 3 - export class BlueskyPost extends HTMLElement { 4 4 - connectedCallback() { 5 5 - this.load().then( 6 6 - () => this.dispatchEvent(new CustomEvent('loaded')), 7 7 - (err) => { 8 8 - const defaulted = this.dispatchEvent(new CustomEvent('error', { detail: err })); 9 9 - if (defaulted) { 10 10 - throw err; 11 11 - } 12 12 - }, 13 13 - ); 14 14 - } 15 15 - 16 16 - async load() { 17 17 - const src = this.getAttribute('src')!; 18 18 - const serviceUri = this.getAttribute('service-uri') || undefined; 19 19 - const contextless = this.getAttribute('contextless') !== null; 20 20 - const allowUnauthenticated = this.getAttribute('allow-unauthenticated') !== null; 21 21 - const silent = this.getAttribute('silent') !== null; 22 22 - 23 23 - const data = await fetchPost({ uri: src, contextless, allowUnauthenticated, serviceUri }).catch( 24 24 - (error) => { 25 25 - if (silent) { 26 26 - console.warn('Failed to fetch post:', error); 27 27 - return null; 28 28 - } 29 29 - throw error; 30 30 - }, 31 31 - ); 32 32 - 33 33 - if (data === null) { 34 34 - return; 35 35 - } 36 36 - 37 37 - const html = renderPost(data); 38 38 - 39 39 - const root = this.shadowRoot; 40 40 - 41 41 - if (!root) { 42 42 - this.innerHTML = html; 43 43 - } else { 44 44 - const template = document.createElement('template'); 45 45 - template.innerHTML = html; 46 46 - 47 47 - const fragment = template.content; 48 48 - const slot = root.querySelector('slot'); 49 49 - 50 50 - if (slot) { 51 51 - slot.replaceWith(fragment); 52 52 - } else { 53 53 - root.appendChild(fragment); 54 54 - } 55 55 - } 56 56 - } 57 57 - } 58 58 - 59 59 - customElements.define('bluesky-post', BlueskyPost);

-45

packages/bluesky-post-embed/package.json

··· 1 1 - { 2 2 - "type": "module", 3 3 - "name": "bluesky-post-embed", 4 4 - "description": "Custom element for embedding Bluesky posts", 5 5 - "version": "1.0.6", 6 6 - "author": "externdefs", 7 7 - "license": "MIT", 8 8 - "repository": { 9 9 - "type": "git", 10 10 - "url": "https://github.com/mary-ext/bluesky-embed", 11 11 - "directory": "packages/bluesky-post-embed" 12 12 - }, 13 13 - "files": [ 14 14 - "dist/", 15 15 - "themes/" 16 16 - ], 17 17 - "exports": { 18 18 - ".": "./dist/wc.js", 19 19 - "./core": "./dist/core.js", 20 20 - "./style.css": "./dist/core.css", 21 21 - "./themes/*": "./themes/*" 22 22 - }, 23 23 - "scripts": { 24 24 - "dev": "vite", 25 25 - "build": "pnpm run check && vite build && rsync -aHAX --delete ../../themes/ themes/", 26 26 - "check": "svelte-check --tsconfig ./tsconfig.json && tsc -p tsconfig.node.json", 27 27 - "prepack": "pnpm run build" 28 28 - }, 29 29 - "dependencies": { 30 30 - "@atcute/bluesky": "^2.1.1", 31 31 - "@atcute/bluesky-richtext-segmenter": "^2.0.4", 32 32 - "@atcute/client": "^3.1.0" 33 33 - }, 34 34 - "devDependencies": { 35 35 - "@preact/preset-vite": "^2.10.2", 36 36 - "@tsconfig/svelte": "^5.0.6", 37 37 - "@types/node": "^24.10.1", 38 38 - "internal": "workspace:^", 39 39 - "preact": "^10.28.0", 40 40 - "svelte": "catalog:", 41 41 - "svelte-check": "^4.3.4", 42 42 - "vite": "^7.2.6", 43 43 - "vite-plugin-dts": "^4.5.4" 44 44 - } 45 45 - }

-53

packages/bluesky-post-embed/src/app.tsx

··· 1 1 - import { useEffect, useMemo, useState } from 'preact/hooks'; 2 2 - 3 3 - import type { PostData } from 'internal/types/post.js'; 4 4 - import { fetchPost, renderPost } from '../lib/core'; 5 5 - 6 6 - const uri = `at://did:plc:ragtjsm2j2vknwkz3zp4oxrd/app.bsky.feed.post/3kj2umze7zj2n`; 7 7 - 8 8 - const App = () => { 9 9 - const [state, setState] = useState<{ uri: string; data: PostData }>(); 10 10 - 11 11 - useEffect(() => { 12 12 - if (state && state.uri === uri) { 13 13 - return; 14 14 - } 15 15 - 16 16 - const controller = new AbortController(); 17 17 - const promise = fetchPost({ 18 18 - uri: uri, 19 19 - signal: controller.signal, 20 20 - allowUnauthenticated: true, 21 21 - }); 22 22 - 23 23 - promise.then((data) => { 24 24 - setState({ uri, data }); 25 25 - }); 26 26 - 27 27 - return () => { 28 28 - controller.abort(); 29 29 - }; 30 30 - }, [uri]); 31 31 - 32 32 - return <div class="app">{state && <BlueskyPost data={state.data} />}</div>; 33 33 - }; 34 34 - 35 35 - export default App; 36 36 - 37 37 - const BlueskyPost = ({ data }: { data: PostData }) => { 38 38 - const html = useMemo(() => renderPost(data), [data]); 39 39 - 40 40 - return <bluesky-post src={data.thread?.post.uri} dangerouslySetInnerHTML={{ __html: html }}></bluesky-post>; 41 41 - }; 42 42 - 43 43 - declare module 'preact' { 44 44 - namespace JSX { 45 45 - interface BlueskyPostAttributes extends HTMLAttributes<HTMLElement> { 46 46 - src?: string; 47 47 - } 48 48 - 49 49 - interface IntrinsicElements { 50 50 - 'bluesky-post': BlueskyPostAttributes; 51 51 - } 52 52 - } 53 53 - }

-8

packages/bluesky-post-embed/src/main.tsx

··· 1 1 - import { render } from 'preact'; 2 2 - 3 3 - import App from './app'; 4 4 - 5 5 - import '../../../themes/light.css'; 6 6 - import './styles/main.css'; 7 7 - 8 8 - render(<App />, document.body);

-8

packages/bluesky-post-embed/src/styles/main.css

··· 1 1 - @import './normalize.css'; 2 2 - 3 3 - .app { 4 4 - margin: 0 auto; 5 5 - padding: 36px 16px; 6 6 - width: 100%; 7 7 - max-width: calc(550px + (16 * 2px)); 8 8 - }

-199

packages/bluesky-post-embed/src/styles/normalize.css

··· 1 1 - /*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */ 2 2 - 3 3 - /* 4 4 - Document 5 5 - ======== 6 6 - */ 7 7 - 8 8 - /** 9 9 - Use a better box model (opinionated). 10 10 - */ 11 11 - 12 12 - *, 13 13 - ::before, 14 14 - ::after { 15 15 - box-sizing: border-box; 16 16 - } 17 17 - 18 18 - html { 19 19 - line-height: 1.15; /* 1. Correct the line height in all browsers. */ 20 20 - /* Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) */ 21 21 - font-family: 'Inter', 'Roboto', ui-sans-serif, sans-serif, 'Noto Color Emoji', 'Twemoji Mozilla'; 22 22 - -webkit-text-size-adjust: 100%; /* 2. Prevent adjustments of font size after orientation changes in iOS. */ 23 23 - tab-size: 4; /* 3. Use a more readable tab size (opinionated). */ 24 24 - } 25 25 - 26 26 - /* 27 27 - Sections 28 28 - ======== 29 29 - */ 30 30 - 31 31 - body { 32 32 - margin: 0; /* Remove the margin in all browsers. */ 33 33 - } 34 34 - 35 35 - /* 36 36 - Text-level semantics 37 37 - ==================== 38 38 - */ 39 39 - 40 40 - /** 41 41 - Add the correct font weight in Chrome and Safari. 42 42 - */ 43 43 - 44 44 - b, 45 45 - strong { 46 46 - font-weight: bolder; 47 47 - } 48 48 - 49 49 - /** 50 50 - 1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) 51 51 - 2. Correct the odd 'em' font sizing in all browsers. 52 52 - */ 53 53 - 54 54 - code, 55 55 - kbd, 56 56 - samp, 57 57 - pre { 58 58 - font-size: 1em; /* 2 */ 59 59 - font-family: 'JetBrains Mono NL', ui-monospace, monospace; /* 1 */ 60 60 - } 61 61 - 62 62 - /** 63 63 - Add the correct font size in all browsers. 64 64 - */ 65 65 - 66 66 - small { 67 67 - font-size: 80%; 68 68 - } 69 69 - 70 70 - /** 71 71 - Prevent 'sub' and 'sup' elements from affecting the line height in all browsers. 72 72 - */ 73 73 - 74 74 - sub, 75 75 - sup { 76 76 - position: relative; 77 77 - vertical-align: baseline; 78 78 - font-size: 75%; 79 79 - line-height: 0; 80 80 - } 81 81 - 82 82 - sub { 83 83 - bottom: -0.25em; 84 84 - } 85 85 - 86 86 - sup { 87 87 - top: -0.5em; 88 88 - } 89 89 - 90 90 - /* 91 91 - Tabular data 92 92 - ============ 93 93 - */ 94 94 - 95 95 - /** 96 96 - Correct table border color inheritance in Chrome and Safari. (https://issues.chromium.org/issues/40615503, https://bugs.webkit.org/show_bug.cgi?id=195016) 97 97 - */ 98 98 - 99 99 - table { 100 100 - border-color: currentcolor; 101 101 - } 102 102 - 103 103 - /* 104 104 - Forms 105 105 - ===== 106 106 - */ 107 107 - 108 108 - /** 109 109 - 1. Change the font styles in all browsers. 110 110 - 2. Remove the margin in Firefox and Safari. 111 111 - */ 112 112 - 113 113 - button, 114 114 - input, 115 115 - optgroup, 116 116 - select, 117 117 - textarea { 118 118 - margin: 0; /* 2 */ 119 119 - font-size: 100%; /* 1 */ 120 120 - line-height: 1.15; /* 1 */ 121 121 - font-family: inherit; /* 1 */ 122 122 - } 123 123 - 124 124 - /** 125 125 - Correct the inability to style clickable types in iOS and Safari. 126 126 - */ 127 127 - 128 128 - button, 129 129 - [type='button'], 130 130 - [type='reset'], 131 131 - [type='submit'] { 132 132 - -webkit-appearance: button; 133 133 - } 134 134 - 135 135 - /** 136 136 - Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers. 137 137 - */ 138 138 - 139 139 - legend { 140 140 - padding: 0; 141 141 - } 142 142 - 143 143 - /** 144 144 - Add the correct vertical alignment in Chrome and Firefox. 145 145 - */ 146 146 - 147 147 - progress { 148 148 - vertical-align: baseline; 149 149 - } 150 150 - 151 151 - /** 152 152 - Correct the cursor style of increment and decrement buttons in Safari. 153 153 - */ 154 154 - 155 155 - ::-webkit-inner-spin-button, 156 156 - ::-webkit-outer-spin-button { 157 157 - height: auto; 158 158 - } 159 159 - 160 160 - /** 161 161 - 1. Correct the odd appearance in Chrome and Safari. 162 162 - 2. Correct the outline style in Safari. 163 163 - */ 164 164 - 165 165 - [type='search'] { 166 166 - -webkit-appearance: textfield; /* 1 */ 167 167 - outline-offset: -2px; /* 2 */ 168 168 - } 169 169 - 170 170 - /** 171 171 - Remove the inner padding in Chrome and Safari on macOS. 172 172 - */ 173 173 - 174 174 - ::-webkit-search-decoration { 175 175 - -webkit-appearance: none; 176 176 - } 177 177 - 178 178 - /** 179 179 - 1. Correct the inability to style clickable types in iOS and Safari. 180 180 - 2. Change font properties to 'inherit' in Safari. 181 181 - */ 182 182 - 183 183 - ::-webkit-file-upload-button { 184 184 - -webkit-appearance: button; /* 1 */ 185 185 - font: inherit; /* 2 */ 186 186 - } 187 187 - 188 188 - /* 189 189 - Interactive 190 190 - =========== 191 191 - */ 192 192 - 193 193 - /* 194 194 - Add the correct display in Chrome and Safari. 195 195 - */ 196 196 - 197 197 - summary { 198 198 - display: list-item; 199 199 - }

-8

packages/bluesky-post-embed/svelte.config.js

··· 1 1 - export default { 2 2 - compilerOptions: { 3 3 - warningFilter: (warning) => { 4 4 - if (warning.code === 'state_referenced_locally') return false; 5 5 - return true; 6 6 - }, 7 7 - }, 8 8 - };

-14

packages/bluesky-post-embed/tsconfig.build.json

··· 1 1 - { 2 2 - "extends": "@tsconfig/svelte/tsconfig.json", 3 3 - "compilerOptions": { 4 4 - "types": [], 5 5 - "target": "ESNext", 6 6 - "useDefineForClassFields": true, 7 7 - "module": "ESNext", 8 8 - "resolveJsonModule": true, 9 9 - "isolatedModules": true, 10 10 - "moduleDetection": "force", 11 11 - "noEmit": true, 12 12 - }, 13 13 - "include": ["lib"], 14 14 - }

-17

packages/bluesky-post-embed/tsconfig.json

··· 1 1 - { 2 2 - "extends": "@tsconfig/svelte/tsconfig.json", 3 3 - "compilerOptions": { 4 4 - "types": [], 5 5 - "target": "ESNext", 6 6 - "useDefineForClassFields": true, 7 7 - "module": "ESNext", 8 8 - "resolveJsonModule": true, 9 9 - "isolatedModules": true, 10 10 - "moduleDetection": "force", 11 11 - "noEmit": true, 12 12 - "jsx": "react-jsx", 13 13 - "jsxImportSource": "preact", 14 14 - }, 15 15 - "include": ["lib", "src"], 16 16 - "references": [{ "path": "./tsconfig.node.json" }], 17 17 - }

-14

packages/bluesky-post-embed/tsconfig.node.json

··· 1 1 - { 2 2 - "compilerOptions": { 3 3 - "composite": true, 4 4 - "types": ["node"], 5 5 - "skipLibCheck": true, 6 6 - "module": "ESNext", 7 7 - "target": "ESNext", 8 8 - "moduleResolution": "Bundler", 9 9 - "strict": true, 10 10 - "noEmit": true, 11 11 - "noUncheckedSideEffectImports": true, 12 12 - }, 13 13 - "include": ["vite.config.ts"], 14 14 - }

-103

packages/bluesky-post-embed/vite.config.ts

··· 1 1 - import * as path from 'node:path'; 2 2 - 3 3 - import { compile as compileSvelte } from 'svelte/compiler'; 4 4 - import { type Plugin, createFilter, defineConfig } from 'vite'; 5 5 - 6 6 - import preact from '@preact/preset-vite'; 7 7 - import dts from 'vite-plugin-dts'; 8 8 - 9 9 - export default defineConfig({ 10 10 - base: './', 11 11 - build: { 12 12 - outDir: 'dist/', 13 13 - target: 'esnext', 14 14 - minify: false, 15 15 - cssMinify: false, 16 16 - cssCodeSplit: true, 17 17 - lib: { 18 18 - entry: { 19 19 - core: 'lib/core.ts', 20 20 - wc: 'lib/wc.ts', 21 21 - }, 22 22 - formats: ['es'], 23 23 - }, 24 24 - rollupOptions: { 25 25 - external: ['@atcute/client', '@atcute/bluesky-richtext-segmenter'], 26 26 - }, 27 27 - }, 28 28 - esbuild: { 29 29 - target: 'esnext', 30 30 - }, 31 31 - plugins: [ 32 32 - svelte(), 33 33 - preact(), 34 34 - dts({ 35 35 - rollupTypes: true, 36 36 - tsconfigPath: 'tsconfig.build.json', 37 37 - beforeWriteFile(filePath, content) { 38 38 - if (filePath.endsWith('/core.d.ts')) { 39 39 - // Make sure the relevant types are present 40 40 - return { content: `import '@atcute/bluesky/lexicons';\n${content}` }; 41 41 - } 42 42 - }, 43 43 - }), 44 44 - ], 45 45 - }); 46 46 - 47 47 - function svelte(): Plugin { 48 48 - const filter = createFilter('**/*.svelte'); 49 49 - const stylesheets = new Map<string, string>(); 50 50 - 51 51 - return { 52 52 - name: 'svelte', 53 53 - resolveId(id) { 54 54 - return stylesheets.has(id) ? id : null; 55 55 - }, 56 56 - load(id) { 57 57 - const css = stylesheets.get(id); 58 58 - if (css !== undefined) { 59 59 - this.addWatchFile(id.slice(0, -4)); 60 60 - return { code: css }; 61 61 - } 62 62 - 63 63 - return null; 64 64 - }, 65 65 - transform(source, id) { 66 66 - if (!filter(id)) { 67 67 - return null; 68 68 - } 69 69 - 70 70 - const result = compileSvelte(source, { 71 71 - generate: 'server', 72 72 - css: 'external', 73 73 - cssHash({ hash, filename }) { 74 74 - const prefix = `github:mary-ext/bluesky-post-embed/`; 75 75 - return `s-` + hash(prefix + path.relative(__dirname, filename)); 76 76 - }, 77 77 - runes: true, 78 78 - filename: id, 79 79 - }); 80 80 - 81 81 - { 82 82 - const { js, css, warnings } = result; 83 83 - 84 84 - let jsCode = js.code; 85 85 - 86 86 - if (css) { 87 87 - const cssId = `${id}.css`; 88 88 - jsCode = jsCode + `\nimport ${JSON.stringify(cssId)};\n`; 89 89 - stylesheets.set(cssId, css.code); 90 90 - } 91 91 - 92 92 - for (const warn of warnings) { 93 93 - if (warn.code === 'state_referenced_locally') { 94 94 - continue; 95 95 - } 96 96 - this.warn(warn); 97 97 - } 98 98 - 99 99 - return { code: jsCode }; 100 100 - } 101 101 - }, 102 102 - }; 103 103 - }

-1

packages/bluesky-profile-card-embed/.gitignore

··· 1 1 - themes/

-81

packages/bluesky-profile-card-embed/README.md

··· 1 1 - # &lt;bluesky-profile-card-embed> 2 2 - 3 3 - A custom element for embedding Bluesky profile cards. 4 4 - 5 5 - ## Installation 6 6 - 7 7 - ### via npm 8 8 - 9 9 - ``` 10 10 - npm install bluesky-profile-card-embed 11 11 - ``` 12 12 - 13 13 - then, import the package on your app. 14 14 - 15 15 - ```js 16 16 - import 'bluesky-profile-card-embed'; 17 17 - 18 18 - import 'bluesky-profile-card-embed/style.css'; 19 19 - import 'bluesky-profile-card-embed/themes/light.css'; 20 20 - ``` 21 21 - 22 22 - ## Usage 23 23 - 24 24 - ```html 25 25 - <bluesky-profile-card actor="did:plc:2gkh62xvzokhlf6li4ol3b3d"> 26 26 - <a 27 27 - target="_blank" 28 28 - href="https://bsky.app/profile/did:plc:2gkh62xvzokhlf6li4ol3b3d" 29 29 - class="bluesky-profile-card-fallback" 30 30 - > 31 31 - @patak.dev's Bluesky profile 32 32 - </a> 33 33 - </bluesky-profile-card> 34 34 - ``` 35 35 - 36 36 - ### Attributes 37 37 - 38 38 - - `actor` **Required** 39 39 - DID or handle of the account 40 40 - - `allow-unauthenticated` **Optional** 41 41 - Whether to allow unauthenticated viewing 42 42 - - `service-uri` **Optional** 43 43 - URL to an AppView service, defaults to `https://public.api.bsky.app` 44 44 - 45 45 - ### Events 46 46 - 47 47 - - `loaded` 48 48 - Fired when the embed has successfully loaded the profile card 49 49 - - `error` 50 50 - Fired when the embed fails to load the profile card 51 51 - 52 52 - ## SSR usage 53 53 - 54 54 - The embeds are powered by a static HTML renderer, this renderer can be used directly in your 55 55 - server-rendering framework of choice for a zero-JS experience. 56 56 - 57 57 - ```tsx 58 58 - import { fetchProfileCard, renderProfileCard } from 'bluesky-profile-card-embed/core'; 59 59 - 60 60 - import 'bluesky-profile-card-embed/style.css'; 61 61 - import 'bluesky-profile-card-embed/themes/light.css'; 62 62 - 63 63 - // fetch the profile 64 64 - const controller = new AbortController(); 65 65 - const data = await fetchProfileCard({ 66 66 - actor: `did:plc:ragtjsm2j2vknwkz3zp4oxrd`, 67 67 - signal: controller.signal, 68 68 - }); 69 69 - 70 70 - // render the profile 71 71 - const html = renderProfileCard(data); 72 72 - return ( 73 73 - <bluesky-profile-card 74 74 - actor={data.profile?.did} 75 75 - dangerouslySetInnerHTML={{ __html: html }} 76 76 - ></bluesky-profile-card> 77 77 - ); 78 78 - ``` 79 79 - 80 80 - Check out examples for [Astro](https://github.com/mary-ext/bluesky-embed-astro) and 81 81 - [SvelteKit](https://github.com/mary-ext/bluesky-embed-sveltekit).

-11

packages/bluesky-profile-card-embed/index.html

··· 1 1 - <!doctype html> 2 2 - <html lang="en"> 3 3 - <head> 4 4 - <meta charset="utf-8" /> 5 5 - <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 6 6 - <title>Bluesky profile card embed</title> 7 7 - </head> 8 8 - <body> 9 9 - <script type="module" src="./src/main.tsx"></script> 10 10 - </body> 11 11 - </html>

-38

packages/bluesky-profile-card-embed/lib/bluesky-profile-card.svelte

··· 1 1 - <script lang="ts"> 2 2 - import EmbedFrame from 'internal/components/embed-frame.svelte'; 3 3 - import ProfileCard from 'internal/components/profile-card.svelte'; 4 4 - 5 5 - import type { ProfileCardData } from 'internal/types/profile-card.js'; 6 6 - import { NO_UNAUTHENTICATED_LABEL } from 'internal/utils/constants.js'; 7 7 - 8 8 - const { profile, allowUnauthenticated }: ProfileCardData = $props(); 9 9 - 10 10 - const isPwiForbidden = 11 11 - !allowUnauthenticated && profile?.labels?.some((label) => label.val === NO_UNAUTHENTICATED_LABEL); 12 12 - </script> 13 13 - 14 14 - {#if profile === null} 15 15 - {@render Message(`The profile can't be found, it may have been deleted.`)} 16 16 - {:else if isPwiForbidden} 17 17 - {@render Message(`The user has requested for their profile to not be displayed on external sites.`)} 18 18 - {:else} 19 19 - <EmbedFrame> 20 20 - <ProfileCard {profile} /> 21 21 - </EmbedFrame> 22 22 - {/if} 23 23 - 24 24 - {#snippet Message(msg: string)} 25 25 - <EmbedFrame> 26 26 - <div class="message">{msg}</div> 27 27 - </EmbedFrame> 28 28 - {/snippet} 29 29 - 30 30 - <style> 31 31 - .message { 32 32 - margin: 0 auto; 33 33 - padding: 32px 16px; 34 34 - max-width: 380px; 35 35 - color: var(--text-secondary); 36 36 - text-align: center; 37 37 - } 38 38 - </style>

-61

packages/bluesky-profile-card-embed/lib/core.ts

··· 1 1 - import '@atcute/bluesky/lexicons'; 2 2 - 3 3 - import { simpleFetchHandler, XRPC, XRPCError } from '@atcute/client'; 4 4 - import type { At } from '@atcute/client/lexicons'; 5 5 - import { render } from 'svelte/server'; 6 6 - 7 7 - import type { ProfileCardData } from 'internal/types/profile-card.js'; 8 8 - import { DEFAULT_APPVIEW_URL } from 'internal/utils/constants.js'; 9 9 - 10 10 - import BlueskyProfileCard from './bluesky-profile-card.svelte'; 11 11 - 12 12 - export type { ProfileCardData }; 13 13 - 14 14 - export interface ProfileCardFetchOptions { 15 15 - /** 16 16 - * Handle or DID identifier of the user 17 17 - */ 18 18 - actor: string; 19 19 - /** 20 20 - * Abort signal to cancel the request 21 21 - */ 22 22 - signal?: AbortSignal; 23 23 - /** 24 24 - * Allow unauthenticated viewing 25 25 - * @default false 26 26 - */ 27 27 - allowUnauthenticated?: boolean; 28 28 - /** 29 29 - * AppView service to use 30 30 - * @default "https://public.api.bsky.app" 31 31 - */ 32 32 - serviceUri?: string; 33 33 - } 34 34 - 35 35 - export const fetchProfileCard = async (opts: ProfileCardFetchOptions): Promise<ProfileCardData> => { 36 36 - const actor = opts.actor; 37 37 - const allowUnauthenticated = opts.allowUnauthenticated ?? false; 38 38 - 39 39 - const rpc = new XRPC({ handler: simpleFetchHandler({ service: opts.serviceUri ?? DEFAULT_APPVIEW_URL }) }); 40 40 - 41 41 - const { data: profile } = await rpc 42 42 - .get('app.bsky.actor.getProfile', { 43 43 - signal: opts.signal, 44 44 - params: { actor: actor as At.Identifier }, 45 45 - }) 46 46 - .catch((err) => { 47 47 - if (err instanceof XRPCError) { 48 48 - if (err.kind === 'InvalidRequest' && err.description === 'Profile not found') { 49 49 - return { data: null }; 50 50 - } 51 51 - } 52 52 - 53 53 - return Promise.reject(err); 54 54 - }); 55 55 - 56 56 - return { profile: profile, allowUnauthenticated }; 57 57 - }; 58 58 - 59 59 - export const renderProfileCard = (data: ProfileCardData): string => { 60 60 - return render(BlueskyProfileCard, { props: data }).body; 61 61 - };

-56

packages/bluesky-profile-card-embed/lib/wc.ts

··· 1 1 - import { fetchProfileCard, renderProfileCard } from './core'; 2 2 - 3 3 - export class BlueskyProfileCard extends HTMLElement { 4 4 - connectedCallback() { 5 5 - this.load().then( 6 6 - () => this.dispatchEvent(new CustomEvent('loaded')), 7 7 - (err) => { 8 8 - const defaulted = this.dispatchEvent(new CustomEvent('error', { detail: err })); 9 9 - if (defaulted) { 10 10 - throw err; 11 11 - } 12 12 - }, 13 13 - ); 14 14 - } 15 15 - 16 16 - async load() { 17 17 - const actor = this.getAttribute('actor')!; 18 18 - const serviceUri = this.getAttribute('service-uri') || undefined; 19 19 - const allowUnauthenticated = this.getAttribute('allow-unauthenticated') !== null; 20 20 - const silent = this.getAttribute('silent') !== null; 21 21 - 22 22 - const data = await fetchProfileCard({ actor, allowUnauthenticated, serviceUri }).catch((error) => { 23 23 - if (silent) { 24 24 - console.warn('Failed to fetch profile card:', error); 25 25 - return null; 26 26 - } 27 27 - throw error; 28 28 - }); 29 29 - 30 30 - if (data === null) { 31 31 - return; 32 32 - } 33 33 - 34 34 - const html = renderProfileCard(data); 35 35 - 36 36 - const root = this.shadowRoot; 37 37 - 38 38 - if (!root) { 39 39 - this.innerHTML = html; 40 40 - } else { 41 41 - const template = document.createElement('template'); 42 42 - template.innerHTML = html; 43 43 - 44 44 - const fragment = template.content; 45 45 - const slot = root.querySelector('slot'); 46 46 - 47 47 - if (slot) { 48 48 - slot.replaceWith(fragment); 49 49 - } else { 50 50 - root.appendChild(fragment); 51 51 - } 52 52 - } 53 53 - } 54 54 - } 55 55 - 56 56 - customElements.define('bluesky-profile-card', BlueskyProfileCard);

-45

packages/bluesky-profile-card-embed/package.json

··· 1 1 - { 2 2 - "type": "module", 3 3 - "name": "bluesky-profile-card-embed", 4 4 - "description": "Custom element for embedding Bluesky profile cards", 5 5 - "version": "1.0.1", 6 6 - "author": "externdefs", 7 7 - "license": "MIT", 8 8 - "repository": { 9 9 - "type": "git", 10 10 - "url": "https://github.com/mary-ext/bluesky-embed", 11 11 - "directory": "packages/bluesky-profile-card-embed" 12 12 - }, 13 13 - "files": [ 14 14 - "dist/", 15 15 - "themes/" 16 16 - ], 17 17 - "exports": { 18 18 - ".": "./dist/wc.js", 19 19 - "./core": "./dist/core.js", 20 20 - "./style.css": "./dist/core.css", 21 21 - "./themes/*": "./themes/*" 22 22 - }, 23 23 - "scripts": { 24 24 - "dev": "vite", 25 25 - "build": "pnpm run check && vite build && rsync -aHAX --delete ../../themes/ themes/", 26 26 - "check": "svelte-check --tsconfig ./tsconfig.json && tsc -p tsconfig.node.json", 27 27 - "prepack": "pnpm run build" 28 28 - }, 29 29 - "dependencies": { 30 30 - "@atcute/bluesky": "^2.1.1", 31 31 - "@atcute/bluesky-richtext-parser": "^1.0.7", 32 32 - "@atcute/client": "^3.1.0" 33 33 - }, 34 34 - "devDependencies": { 35 35 - "@preact/preset-vite": "^2.10.2", 36 36 - "@tsconfig/svelte": "^5.0.6", 37 37 - "@types/node": "^24.10.1", 38 38 - "internal": "workspace:^", 39 39 - "preact": "^10.28.0", 40 40 - "svelte": "catalog:", 41 41 - "svelte-check": "^4.3.4", 42 42 - "vite": "^7.2.6", 43 43 - "vite-plugin-dts": "^4.5.4" 44 44 - } 45 45 - }

-58

packages/bluesky-profile-card-embed/src/app.tsx

··· 1 1 - import { useEffect, useMemo, useState } from 'preact/hooks'; 2 2 - 3 3 - import type { ProfileCardData } from 'internal/types/profile-card.js'; 4 4 - import { fetchProfileCard, renderProfileCard } from '../lib/core'; 5 5 - 6 6 - const actor = `patak.dev`; 7 7 - 8 8 - const App = () => { 9 9 - const [state, setState] = useState<{ actor: string; data: ProfileCardData }>(); 10 10 - 11 11 - useEffect(() => { 12 12 - if (state && state.actor === actor) { 13 13 - return; 14 14 - } 15 15 - 16 16 - const controller = new AbortController(); 17 17 - const promise = fetchProfileCard({ 18 18 - actor: actor, 19 19 - signal: controller.signal, 20 20 - allowUnauthenticated: true, 21 21 - }); 22 22 - 23 23 - promise.then((data) => { 24 24 - setState({ actor, data }); 25 25 - }); 26 26 - 27 27 - return () => { 28 28 - controller.abort(); 29 29 - }; 30 30 - }, [actor]); 31 31 - 32 32 - return <div class="app">{state && <BlueskyProfileCard data={state.data} />}</div>; 33 33 - }; 34 34 - 35 35 - export default App; 36 36 - 37 37 - const BlueskyProfileCard = ({ data }: { data: ProfileCardData }) => { 38 38 - const html = useMemo(() => renderProfileCard(data), [data, renderProfileCard]); 39 39 - 40 40 - return ( 41 41 - <bluesky-profile-card 42 42 - actor={data.profile?.did} 43 43 - dangerouslySetInnerHTML={{ __html: html }} 44 44 - ></bluesky-profile-card> 45 45 - ); 46 46 - }; 47 47 - 48 48 - declare module 'preact' { 49 49 - namespace JSX { 50 50 - interface BlueskyProfileCardAttributes extends HTMLAttributes<HTMLElement> { 51 51 - actor?: string; 52 52 - } 53 53 - 54 54 - interface IntrinsicElements { 55 55 - 'bluesky-profile-card': BlueskyProfileCardAttributes; 56 56 - } 57 57 - } 58 58 - }

-8

packages/bluesky-profile-card-embed/src/main.tsx

··· 1 1 - import { render } from 'preact'; 2 2 - 3 3 - import App from './app'; 4 4 - 5 5 - import '../../../themes/light.css'; 6 6 - import './styles/main.css'; 7 7 - 8 8 - render(<App />, document.body);

-8

packages/bluesky-profile-card-embed/src/styles/main.css

··· 1 1 - @import './normalize.css'; 2 2 - 3 3 - .app { 4 4 - margin: 0 auto; 5 5 - padding: 36px 16px; 6 6 - width: 100%; 7 7 - max-width: calc(550px + (16 * 2px)); 8 8 - }

-199

packages/bluesky-profile-card-embed/src/styles/normalize.css

··· 1 1 - /*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */ 2 2 - 3 3 - /* 4 4 - Document 5 5 - ======== 6 6 - */ 7 7 - 8 8 - /** 9 9 - Use a better box model (opinionated). 10 10 - */ 11 11 - 12 12 - *, 13 13 - ::before, 14 14 - ::after { 15 15 - box-sizing: border-box; 16 16 - } 17 17 - 18 18 - html { 19 19 - line-height: 1.15; /* 1. Correct the line height in all browsers. */ 20 20 - /* Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) */ 21 21 - font-family: 'Inter', 'Roboto', ui-sans-serif, sans-serif, 'Noto Color Emoji', 'Twemoji Mozilla'; 22 22 - -webkit-text-size-adjust: 100%; /* 2. Prevent adjustments of font size after orientation changes in iOS. */ 23 23 - tab-size: 4; /* 3. Use a more readable tab size (opinionated). */ 24 24 - } 25 25 - 26 26 - /* 27 27 - Sections 28 28 - ======== 29 29 - */ 30 30 - 31 31 - body { 32 32 - margin: 0; /* Remove the margin in all browsers. */ 33 33 - } 34 34 - 35 35 - /* 36 36 - Text-level semantics 37 37 - ==================== 38 38 - */ 39 39 - 40 40 - /** 41 41 - Add the correct font weight in Chrome and Safari. 42 42 - */ 43 43 - 44 44 - b, 45 45 - strong { 46 46 - font-weight: bolder; 47 47 - } 48 48 - 49 49 - /** 50 50 - 1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) 51 51 - 2. Correct the odd 'em' font sizing in all browsers. 52 52 - */ 53 53 - 54 54 - code, 55 55 - kbd, 56 56 - samp, 57 57 - pre { 58 58 - font-size: 1em; /* 2 */ 59 59 - font-family: 'JetBrains Mono NL', ui-monospace, monospace; /* 1 */ 60 60 - } 61 61 - 62 62 - /** 63 63 - Add the correct font size in all browsers. 64 64 - */ 65 65 - 66 66 - small { 67 67 - font-size: 80%; 68 68 - } 69 69 - 70 70 - /** 71 71 - Prevent 'sub' and 'sup' elements from affecting the line height in all browsers. 72 72 - */ 73 73 - 74 74 - sub, 75 75 - sup { 76 76 - position: relative; 77 77 - vertical-align: baseline; 78 78 - font-size: 75%; 79 79 - line-height: 0; 80 80 - } 81 81 - 82 82 - sub { 83 83 - bottom: -0.25em; 84 84 - } 85 85 - 86 86 - sup { 87 87 - top: -0.5em; 88 88 - } 89 89 - 90 90 - /* 91 91 - Tabular data 92 92 - ============ 93 93 - */ 94 94 - 95 95 - /** 96 96 - Correct table border color inheritance in Chrome and Safari. (https://issues.chromium.org/issues/40615503, https://bugs.webkit.org/show_bug.cgi?id=195016) 97 97 - */ 98 98 - 99 99 - table { 100 100 - border-color: currentcolor; 101 101 - } 102 102 - 103 103 - /* 104 104 - Forms 105 105 - ===== 106 106 - */ 107 107 - 108 108 - /** 109 109 - 1. Change the font styles in all browsers. 110 110 - 2. Remove the margin in Firefox and Safari. 111 111 - */ 112 112 - 113 113 - button, 114 114 - input, 115 115 - optgroup, 116 116 - select, 117 117 - textarea { 118 118 - margin: 0; /* 2 */ 119 119 - font-size: 100%; /* 1 */ 120 120 - line-height: 1.15; /* 1 */ 121 121 - font-family: inherit; /* 1 */ 122 122 - } 123 123 - 124 124 - /** 125 125 - Correct the inability to style clickable types in iOS and Safari. 126 126 - */ 127 127 - 128 128 - button, 129 129 - [type='button'], 130 130 - [type='reset'], 131 131 - [type='submit'] { 132 132 - -webkit-appearance: button; 133 133 - } 134 134 - 135 135 - /** 136 136 - Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers. 137 137 - */ 138 138 - 139 139 - legend { 140 140 - padding: 0; 141 141 - } 142 142 - 143 143 - /** 144 144 - Add the correct vertical alignment in Chrome and Firefox. 145 145 - */ 146 146 - 147 147 - progress { 148 148 - vertical-align: baseline; 149 149 - } 150 150 - 151 151 - /** 152 152 - Correct the cursor style of increment and decrement buttons in Safari. 153 153 - */ 154 154 - 155 155 - ::-webkit-inner-spin-button, 156 156 - ::-webkit-outer-spin-button { 157 157 - height: auto; 158 158 - } 159 159 - 160 160 - /** 161 161 - 1. Correct the odd appearance in Chrome and Safari. 162 162 - 2. Correct the outline style in Safari. 163 163 - */ 164 164 - 165 165 - [type='search'] { 166 166 - -webkit-appearance: textfield; /* 1 */ 167 167 - outline-offset: -2px; /* 2 */ 168 168 - } 169 169 - 170 170 - /** 171 171 - Remove the inner padding in Chrome and Safari on macOS. 172 172 - */ 173 173 - 174 174 - ::-webkit-search-decoration { 175 175 - -webkit-appearance: none; 176 176 - } 177 177 - 178 178 - /** 179 179 - 1. Correct the inability to style clickable types in iOS and Safari. 180 180 - 2. Change font properties to 'inherit' in Safari. 181 181 - */ 182 182 - 183 183 - ::-webkit-file-upload-button { 184 184 - -webkit-appearance: button; /* 1 */ 185 185 - font: inherit; /* 2 */ 186 186 - } 187 187 - 188 188 - /* 189 189 - Interactive 190 190 - =========== 191 191 - */ 192 192 - 193 193 - /* 194 194 - Add the correct display in Chrome and Safari. 195 195 - */ 196 196 - 197 197 - summary { 198 198 - display: list-item; 199 199 - }

-8

packages/bluesky-profile-card-embed/svelte.config.js

··· 1 1 - export default { 2 2 - compilerOptions: { 3 3 - warningFilter: (warning) => { 4 4 - if (warning.code === 'state_referenced_locally') return false; 5 5 - return true; 6 6 - }, 7 7 - }, 8 8 - };

-14

packages/bluesky-profile-card-embed/tsconfig.build.json

··· 1 1 - { 2 2 - "extends": "@tsconfig/svelte/tsconfig.json", 3 3 - "compilerOptions": { 4 4 - "types": [], 5 5 - "target": "ESNext", 6 6 - "useDefineForClassFields": true, 7 7 - "module": "ESNext", 8 8 - "resolveJsonModule": true, 9 9 - "isolatedModules": true, 10 10 - "moduleDetection": "force", 11 11 - "noEmit": true, 12 12 - }, 13 13 - "include": ["lib"], 14 14 - }

-17

packages/bluesky-profile-card-embed/tsconfig.json

··· 1 1 - { 2 2 - "extends": "@tsconfig/svelte/tsconfig.json", 3 3 - "compilerOptions": { 4 4 - "types": [], 5 5 - "target": "ESNext", 6 6 - "useDefineForClassFields": true, 7 7 - "module": "ESNext", 8 8 - "resolveJsonModule": true, 9 9 - "isolatedModules": true, 10 10 - "moduleDetection": "force", 11 11 - "noEmit": true, 12 12 - "jsx": "react-jsx", 13 13 - "jsxImportSource": "preact", 14 14 - }, 15 15 - "include": ["lib", "src"], 16 16 - "references": [{ "path": "./tsconfig.node.json" }], 17 17 - }

-14

packages/bluesky-profile-card-embed/tsconfig.node.json

··· 1 1 - { 2 2 - "compilerOptions": { 3 3 - "composite": true, 4 4 - "types": ["node"], 5 5 - "skipLibCheck": true, 6 6 - "module": "ESNext", 7 7 - "target": "ESNext", 8 8 - "moduleResolution": "Bundler", 9 9 - "strict": true, 10 10 - "noEmit": true, 11 11 - "noUncheckedSideEffectImports": true, 12 12 - }, 13 13 - "include": ["vite.config.ts"], 14 14 - }

-103

packages/bluesky-profile-card-embed/vite.config.ts

··· 1 1 - import * as path from 'node:path'; 2 2 - 3 3 - import { compile as compileSvelte } from 'svelte/compiler'; 4 4 - import { type Plugin, createFilter, defineConfig } from 'vite'; 5 5 - 6 6 - import preact from '@preact/preset-vite'; 7 7 - import dts from 'vite-plugin-dts'; 8 8 - 9 9 - export default defineConfig({ 10 10 - base: './', 11 11 - build: { 12 12 - outDir: 'dist/', 13 13 - target: 'esnext', 14 14 - minify: false, 15 15 - cssMinify: false, 16 16 - cssCodeSplit: true, 17 17 - lib: { 18 18 - entry: { 19 19 - core: 'lib/core.ts', 20 20 - wc: 'lib/wc.ts', 21 21 - }, 22 22 - formats: ['es'], 23 23 - }, 24 24 - rollupOptions: { 25 25 - external: ['@atcute/client', '@atcute/bluesky-richtext-parser'], 26 26 - }, 27 27 - }, 28 28 - esbuild: { 29 29 - target: 'esnext', 30 30 - }, 31 31 - plugins: [ 32 32 - svelte(), 33 33 - preact(), 34 34 - dts({ 35 35 - rollupTypes: true, 36 36 - tsconfigPath: 'tsconfig.build.json', 37 37 - beforeWriteFile(filePath, content) { 38 38 - if (filePath.endsWith('/core.d.ts')) { 39 39 - // Make sure the relevant types are present 40 40 - return { content: `import '@atcute/bluesky/lexicons';\n${content}` }; 41 41 - } 42 42 - }, 43 43 - }), 44 44 - ], 45 45 - }); 46 46 - 47 47 - function svelte(): Plugin { 48 48 - const filter = createFilter('**/*.svelte'); 49 49 - const stylesheets = new Map<string, string>(); 50 50 - 51 51 - return { 52 52 - name: 'svelte', 53 53 - resolveId(id) { 54 54 - return stylesheets.has(id) ? id : null; 55 55 - }, 56 56 - load(id) { 57 57 - const css = stylesheets.get(id); 58 58 - if (css !== undefined) { 59 59 - this.addWatchFile(id.slice(0, -4)); 60 60 - return { code: css }; 61 61 - } 62 62 - 63 63 - return null; 64 64 - }, 65 65 - transform(source, id) { 66 66 - if (!filter(id)) { 67 67 - return null; 68 68 - } 69 69 - 70 70 - const result = compileSvelte(source, { 71 71 - generate: 'server', 72 72 - css: 'external', 73 73 - cssHash({ hash, filename }) { 74 74 - const prefix = `github:mary-ext/bluesky-profile-card-embed/`; 75 75 - return `s-` + hash(prefix + path.relative(__dirname, filename)); 76 76 - }, 77 77 - runes: true, 78 78 - filename: id, 79 79 - }); 80 80 - 81 81 - { 82 82 - const { js, css, warnings } = result; 83 83 - 84 84 - let jsCode = js.code; 85 85 - 86 86 - if (css) { 87 87 - const cssId = `${id}.css`; 88 88 - jsCode = jsCode + `\nimport ${JSON.stringify(cssId)};\n`; 89 89 - stylesheets.set(cssId, css.code); 90 90 - } 91 91 - 92 92 - for (const warn of warnings) { 93 93 - if (warn.code === 'state_referenced_locally') { 94 94 - continue; 95 95 - } 96 96 - this.warn(warn); 97 97 - } 98 98 - 99 99 - return { code: jsCode }; 100 100 - } 101 101 - }, 102 102 - }; 103 103 - }

-1

packages/bluesky-profile-feed-embed/.gitignore

··· 1 1 - themes/

-84

packages/bluesky-profile-feed-embed/README.md

··· 1 1 - # &lt;bluesky-profile-feed-embed> 2 2 - 3 3 - A custom element for embedding Bluesky profile feeds. 4 4 - 5 5 - ## Installation 6 6 - 7 7 - ### via npm 8 8 - 9 9 - ``` 10 10 - npm install bluesky-profile-feed-embed 11 11 - ``` 12 12 - 13 13 - then, import the package on your app. 14 14 - 15 15 - ```js 16 16 - import 'bluesky-profile-feed-embed'; 17 17 - 18 18 - import 'bluesky-profile-feed-embed/style.css'; 19 19 - import 'bluesky-profile-feed-embed/themes/light.css'; 20 20 - ``` 21 21 - 22 22 - ## Usage 23 23 - 24 24 - ```html 25 25 - <bluesky-profile-feed actor="did:plc:ragtjsm2j2vknwkz3zp4oxrd" include-pins> 26 26 - <a 27 27 - target="_blank" 28 28 - href="https://bsky.app/profile/did:plc:ragtjsm2j2vknwkz3zp4oxrd" 29 29 - class="bluesky-profile-feed-fallback" 30 30 - > 31 31 - Posts by Paul Frazee (@pfrazee.com) 32 32 - </a> 33 33 - </bluesky-profile-feed> 34 34 - ``` 35 35 - 36 36 - ### Attributes 37 37 - 38 38 - - `actor` **Required** 39 39 - DID or handle of the account 40 40 - - `include-pins` **Optional** 41 41 - Whether to show pinned posts 42 42 - - `allow-unauthenticated` **Optional** 43 43 - Whether to allow unauthenticated viewing 44 44 - - `service-uri` **Optional** 45 45 - URL to an AppView service, defaults to `https://public.api.bsky.app` 46 46 - 47 47 - ### Events 48 48 - 49 49 - - `loaded` 50 50 - Fired when the embed has successfully loaded the post 51 51 - - `error` 52 52 - Fired when the embed fails to load the post 53 53 - 54 54 - ## SSR usage 55 55 - 56 56 - The embeds are powered by a static HTML renderer, this renderer can be used directly in your 57 57 - server-rendering framework of choice for a zero-JS experience. 58 58 - 59 59 - ```tsx 60 60 - import { fetchProfileFeed, renderProfileFeed } from 'bluesky-profile-feed-embed/core'; 61 61 - 62 62 - import 'bluesky-post-embed/style.css'; 63 63 - import 'bluesky-post-embed/themes/light.css'; 64 64 - 65 65 - // fetch the profile 66 66 - const controller = new AbortController(); 67 67 - const data = await fetchProfileFeed({ 68 68 - actor: `did:plc:ragtjsm2j2vknwkz3zp4oxrd`, 69 69 - includePins: true, 70 70 - signal: controller.signal, 71 71 - }); 72 72 - 73 73 - // render the profile 74 74 - const html = renderProfileFeed(data); 75 75 - return ( 76 76 - <bluesky-profile-feed 77 77 - src={data.thread?.post.uri} 78 78 - dangerouslySetInnerHTML={{ __html: html }} 79 79 - ></bluesky-profile-feed> 80 80 - ); 81 81 - ``` 82 82 - 83 83 - Check out examples for [Astro](https://github.com/mary-ext/bluesky-embed-astro) and 84 84 - [SvelteKit](https://github.com/mary-ext/bluesky-embed-sveltekit).

-100

packages/bluesky-profile-feed-embed/lib/bluesky-profile-feed.svelte

··· 1 1 - <script lang="ts"> 2 2 - import EmbedFrame from 'internal/components/embed-frame.svelte'; 3 3 - import FeedPost from 'internal/components/feed-post.svelte'; 4 4 - import ProfileFeedHeader from 'internal/components/profile-feed-header.svelte'; 5 5 - 6 6 - import type { ProfileFeedData } from 'internal/types/profile-feed.js'; 7 7 - import { NO_UNAUTHENTICATED_LABEL } from 'internal/utils/constants.js'; 8 8 - 9 9 - const { profile, feed, allowUnauthenticated }: ProfileFeedData = $props(); 10 10 - 11 11 - const isPwiForbidden = 12 12 - !allowUnauthenticated && profile?.labels?.some((label) => label.val === NO_UNAUTHENTICATED_LABEL); 13 13 - 14 14 - const items = feed.filter((item) => { 15 15 - if (!profile) { 16 16 - return false; 17 17 - } 18 18 - 19 19 - const reason = item.reason; 20 20 - if (reason) { 21 21 - if (reason.$type === 'app.bsky.feed.defs#reasonPin') { 22 22 - return true; 23 23 - } 24 24 - 25 25 - if (reason.$type === 'app.bsky.feed.defs#reasonRepost') { 26 26 - const author = item.post.author; 27 27 - 28 28 - if (author.did !== profile.did) { 29 29 - return ( 30 30 - allowUnauthenticated || !author.labels?.some((label) => label.val === NO_UNAUTHENTICATED_LABEL) 31 31 - ); 32 32 - } 33 33 - 34 34 - return true; 35 35 - } 36 36 - 37 37 - // Don't show anything we don't recognize 38 38 - return false; 39 39 - } 40 40 - 41 41 - return !item.reply; 42 42 - }); 43 43 - </script> 44 44 - 45 45 - {#if profile === null} 46 46 - {@render Message(`The profile can't be found, it may have been deleted.`)} 47 47 - {:else if isPwiForbidden} 48 48 - {@render Message(`The user has requested for their posts to not be displayed on external sites.`)} 49 49 - {:else} 50 50 - <EmbedFrame> 51 51 - <ProfileFeedHeader {profile} /> 52 52 - 53 53 - {#if items.length > 0} 54 54 - <div class="feed"> 55 55 - {#each items as item} 56 56 - <FeedPost {item} /> 57 57 - {/each} 58 58 - 59 59 - <div class="end-marker"> 60 60 - <div class="dot"></div> 61 61 - </div> 62 62 - </div> 63 63 - {:else} 64 64 - <div class="message">This user has not made any posts.</div> 65 65 - {/if} 66 66 - </EmbedFrame> 67 67 - {/if} 68 68 - 69 69 - {#snippet Message(msg: string)} 70 70 - <EmbedFrame> 71 71 - <div class="message">{msg}</div> 72 72 - </EmbedFrame> 73 73 - {/snippet} 74 74 - 75 75 - <style> 76 76 - .message { 77 77 - margin: 0 auto; 78 78 - padding: 32px 16px; 79 79 - max-width: 380px; 80 80 - color: var(--text-secondary); 81 81 - text-align: center; 82 82 - } 83 83 - 84 84 - .feed { 85 85 - max-height: var(--max-feed-height); 86 86 - overflow-y: auto; 87 87 - } 88 88 - .end-marker { 89 89 - display: grid; 90 90 - place-items: center; 91 91 - height: 48px; 92 92 - 93 93 - .dot { 94 94 - border-radius: 50%; 95 95 - background: var(--text-secondary); 96 96 - width: 4px; 97 97 - height: 4px; 98 98 - } 99 99 - } 100 100 - </style>

-87

packages/bluesky-profile-feed-embed/lib/core.ts

··· 1 1 - import '@atcute/bluesky/lexicons'; 2 2 - 3 3 - import { simpleFetchHandler, XRPC, XRPCError } from '@atcute/client'; 4 4 - import type { At } from '@atcute/client/lexicons'; 5 5 - import { render } from 'svelte/server'; 6 6 - 7 7 - import type { ProfileFeedData } from 'internal/types/profile-feed.js'; 8 8 - import { DEFAULT_APPVIEW_URL } from 'internal/utils/constants.js'; 9 9 - 10 10 - import BlueskyProfileFeed from './bluesky-profile-feed.svelte'; 11 11 - 12 12 - export type { ProfileFeedData }; 13 13 - 14 14 - export interface ProfileFeedFetchOptions { 15 15 - /** 16 16 - * Handle or DID identifier of the user 17 17 - */ 18 18 - actor: string; 19 19 - /** 20 20 - * Abort signal to cancel the request 21 21 - */ 22 22 - signal?: AbortSignal; 23 23 - /** 24 24 - * Include pinned posts 25 25 - * @default false 26 26 - */ 27 27 - includePins?: boolean; 28 28 - /** 29 29 - * Allow unauthenticated viewing 30 30 - * @default false 31 31 - */ 32 32 - allowUnauthenticated?: boolean; 33 33 - /** 34 34 - * AppView service to use 35 35 - * @default "https://public.api.bsky.app" 36 36 - */ 37 37 - serviceUri?: string; 38 38 - } 39 39 - 40 40 - export const fetchProfileFeed = async (opts: ProfileFeedFetchOptions): Promise<ProfileFeedData> => { 41 41 - const actor = opts.actor as At.Identifier; 42 42 - const allowUnauthenticated = opts.allowUnauthenticated ?? false; 43 43 - 44 44 - const rpc = new XRPC({ handler: simpleFetchHandler({ service: opts.serviceUri ?? DEFAULT_APPVIEW_URL }) }); 45 45 - 46 46 - const [{ data: profile }, { data: timeline }] = await Promise.all([ 47 47 - rpc 48 48 - .get('app.bsky.actor.getProfile', { 49 49 - signal: opts.signal, 50 50 - params: { actor: actor as At.Identifier }, 51 51 - }) 52 52 - .catch((err) => { 53 53 - if (err instanceof XRPCError) { 54 54 - if (err.kind === 'InvalidRequest' && err.description === 'Profile not found') { 55 55 - return { data: null }; 56 56 - } 57 57 - } 58 58 - 59 59 - return Promise.reject(err); 60 60 - }), 61 61 - rpc 62 62 - .get('app.bsky.feed.getAuthorFeed', { 63 63 - signal: opts.signal, 64 64 - params: { 65 65 - actor, 66 66 - filter: 'posts_no_replies', 67 67 - includePins: opts.includePins, 68 68 - limit: 30, 69 69 - }, 70 70 - }) 71 71 - .catch((err) => { 72 72 - if (err instanceof XRPCError) { 73 73 - if (err.kind === 'InvalidRequest' && err.description === 'Profile not found') { 74 74 - return { data: { feed: [] } }; 75 75 - } 76 76 - } 77 77 - 78 78 - return Promise.reject(err); 79 79 - }), 80 80 - ]); 81 81 - 82 82 - return { profile: profile, feed: timeline.feed, allowUnauthenticated }; 83 83 - }; 84 84 - 85 85 - export const renderProfileFeed = (data: ProfileFeedData): string => { 86 86 - return render(BlueskyProfileFeed, { props: data }).body; 87 87 - };

-59

packages/bluesky-profile-feed-embed/lib/wc.ts

··· 1 1 - import { fetchProfileFeed, renderProfileFeed } from './core'; 2 2 - 3 3 - export class BlueskyProfileFeed extends HTMLElement { 4 4 - connectedCallback() { 5 5 - this.load().then( 6 6 - () => this.dispatchEvent(new CustomEvent('loaded')), 7 7 - (err) => { 8 8 - const defaulted = this.dispatchEvent(new CustomEvent('error', { detail: err })); 9 9 - if (defaulted) { 10 10 - throw err; 11 11 - } 12 12 - }, 13 13 - ); 14 14 - } 15 15 - 16 16 - async load() { 17 17 - const actor = this.getAttribute('actor')!; 18 18 - const serviceUri = this.getAttribute('service-uri') || undefined; 19 19 - const allowUnauthenticated = this.getAttribute('allow-unauthenticated') !== null; 20 20 - const includePins = this.getAttribute('include-pins') !== null; 21 21 - const silent = this.getAttribute('silent') !== null; 22 22 - 23 23 - const data = await fetchProfileFeed({ actor, allowUnauthenticated, includePins, serviceUri }).catch( 24 24 - (error) => { 25 25 - if (silent) { 26 26 - console.warn('Failed to fetch profile feed:', error); 27 27 - return null; 28 28 - } 29 29 - throw error; 30 30 - }, 31 31 - ); 32 32 - 33 33 - if (data === null) { 34 34 - return; 35 35 - } 36 36 - 37 37 - const html = renderProfileFeed(data); 38 38 - 39 39 - const root = this.shadowRoot; 40 40 - 41 41 - if (!root) { 42 42 - this.innerHTML = html; 43 43 - } else { 44 44 - const template = document.createElement('template'); 45 45 - template.innerHTML = html; 46 46 - 47 47 - const fragment = template.content; 48 48 - const slot = root.querySelector('slot'); 49 49 - 50 50 - if (slot) { 51 51 - slot.replaceWith(fragment); 52 52 - } else { 53 53 - root.appendChild(fragment); 54 54 - } 55 55 - } 56 56 - } 57 57 - } 58 58 - 59 59 - customElements.define('bluesky-profile-feed', BlueskyProfileFeed);

-43

packages/bluesky-profile-feed-embed/package.json

··· 1 1 - { 2 2 - "type": "module", 3 3 - "name": "bluesky-profile-feed-embed", 4 4 - "description": "Custom element for embedding Bluesky profile feeds", 5 5 - "version": "1.0.4", 6 6 - "author": "externdefs", 7 7 - "license": "MIT", 8 8 - "repository": { 9 9 - "type": "git", 10 10 - "url": "https://github.com/mary-ext/bluesky-embed", 11 11 - "directory": "packages/bluesky-profile-feed-embed" 12 12 - }, 13 13 - "files": [ 14 14 - "dist/", 15 15 - "themes/" 16 16 - ], 17 17 - "exports": { 18 18 - ".": "./dist/wc.js", 19 19 - "./core": "./dist/core.js", 20 20 - "./style.css": "./dist/core.css", 21 21 - "./themes/*": "./themes/*" 22 22 - }, 23 23 - "scripts": { 24 24 - "dev": "vite", 25 25 - "build": "pnpm run check && vite build && rsync -aHAX --delete ../../themes/ themes/", 26 26 - "check": "svelte-check --tsconfig ./tsconfig.json && tsc -p tsconfig.node.json", 27 27 - "prepack": "pnpm run build" 28 28 - }, 29 29 - "dependencies": { 30 30 - "@atcute/bluesky": "^2.1.1", 31 31 - "@atcute/bluesky-richtext-segmenter": "^2.0.4", 32 32 - "@atcute/client": "^3.1.0" 33 33 - }, 34 34 - "devDependencies": { 35 35 - "@tsconfig/svelte": "^5.0.6", 36 36 - "@types/node": "^24.10.1", 37 37 - "internal": "workspace:^", 38 38 - "svelte": "catalog:", 39 39 - "svelte-check": "^4.3.4", 40 40 - "vite": "^7.2.6", 41 41 - "vite-plugin-dts": "^4.5.4" 42 42 - } 43 43 - }

-8

packages/bluesky-profile-feed-embed/svelte.config.js

··· 1 1 - export default { 2 2 - compilerOptions: { 3 3 - warningFilter: (warning) => { 4 4 - if (warning.code === 'state_referenced_locally') return false; 5 5 - return true; 6 6 - }, 7 7 - }, 8 8 - };

-15

packages/bluesky-profile-feed-embed/tsconfig.json

··· 1 1 - { 2 2 - "extends": "@tsconfig/svelte/tsconfig.json", 3 3 - "compilerOptions": { 4 4 - "types": [], 5 5 - "target": "ESNext", 6 6 - "useDefineForClassFields": true, 7 7 - "module": "ESNext", 8 8 - "resolveJsonModule": true, 9 9 - "isolatedModules": true, 10 10 - "moduleDetection": "force", 11 11 - "noEmit": true, 12 12 - }, 13 13 - "include": ["lib"], 14 14 - "references": [{ "path": "./tsconfig.node.json" }], 15 15 - }

-14

packages/bluesky-profile-feed-embed/tsconfig.node.json

··· 1 1 - { 2 2 - "compilerOptions": { 3 3 - "composite": true, 4 4 - "types": ["node"], 5 5 - "skipLibCheck": true, 6 6 - "module": "ESNext", 7 7 - "target": "ESNext", 8 8 - "moduleResolution": "Bundler", 9 9 - "strict": true, 10 10 - "noEmit": true, 11 11 - "noUncheckedSideEffectImports": true, 12 12 - }, 13 13 - "include": ["vite.config.ts"], 14 14 - }

-100

packages/bluesky-profile-feed-embed/vite.config.ts

··· 1 1 - import * as path from 'node:path'; 2 2 - 3 3 - import { compile as compileSvelte } from 'svelte/compiler'; 4 4 - import { type Plugin, createFilter, defineConfig } from 'vite'; 5 5 - 6 6 - import dts from 'vite-plugin-dts'; 7 7 - 8 8 - export default defineConfig({ 9 9 - base: './', 10 10 - build: { 11 11 - outDir: 'dist/', 12 12 - target: 'esnext', 13 13 - minify: false, 14 14 - cssMinify: false, 15 15 - cssCodeSplit: true, 16 16 - lib: { 17 17 - entry: { 18 18 - core: 'lib/core.ts', 19 19 - wc: 'lib/wc.ts', 20 20 - }, 21 21 - formats: ['es'], 22 22 - }, 23 23 - rollupOptions: { 24 24 - external: ['@atcute/client', '@atcute/bluesky-richtext-segmenter'], 25 25 - }, 26 26 - }, 27 27 - esbuild: { 28 28 - target: 'esnext', 29 29 - }, 30 30 - plugins: [ 31 31 - svelte(), 32 32 - dts({ 33 33 - rollupTypes: true, 34 34 - beforeWriteFile(filePath, content) { 35 35 - if (filePath.endsWith('/core.d.ts')) { 36 36 - // Make sure the relevant types are present 37 37 - return { content: `import '@atcute/bluesky/lexicons';\n${content}` }; 38 38 - } 39 39 - }, 40 40 - }), 41 41 - ], 42 42 - }); 43 43 - 44 44 - function svelte(): Plugin { 45 45 - const filter = createFilter('**/*.svelte'); 46 46 - const stylesheets = new Map<string, string>(); 47 47 - 48 48 - return { 49 49 - name: 'svelte', 50 50 - resolveId(id) { 51 51 - return stylesheets.has(id) ? id : null; 52 52 - }, 53 53 - load(id) { 54 54 - const css = stylesheets.get(id); 55 55 - if (css !== undefined) { 56 56 - this.addWatchFile(id.slice(0, -4)); 57 57 - return { code: css }; 58 58 - } 59 59 - 60 60 - return null; 61 61 - }, 62 62 - transform(source, id) { 63 63 - if (!filter(id)) { 64 64 - return null; 65 65 - } 66 66 - 67 67 - const result = compileSvelte(source, { 68 68 - generate: 'server', 69 69 - css: 'external', 70 70 - cssHash({ hash, filename }) { 71 71 - const prefix = `github:mary-ext/bluesky-profile-feed-embed/`; 72 72 - return `s-` + hash(prefix + path.relative(__dirname, filename)); 73 73 - }, 74 74 - runes: true, 75 75 - filename: id, 76 76 - }); 77 77 - 78 78 - { 79 79 - const { js, css, warnings } = result; 80 80 - 81 81 - let jsCode = js.code; 82 82 - 83 83 - if (css) { 84 84 - const cssId = `${id}.css`; 85 85 - jsCode = jsCode + `\nimport ${JSON.stringify(cssId)};\n`; 86 86 - stylesheets.set(cssId, css.code); 87 87 - } 88 88 - 89 89 - for (const warn of warnings) { 90 90 - if (warn.code === 'state_referenced_locally') { 91 91 - continue; 92 92 - } 93 93 - this.warn(warn); 94 94 - } 95 95 - 96 96 - return { code: jsCode }; 97 97 - } 98 98 - }, 99 99 - }; 100 100 - }

-88

packages/internal/components/content-hider.svelte

··· 1 1 - <script lang="ts"> 2 2 - import type { Snippet } from 'svelte'; 3 3 - import type { LabelDefinition } from '../utils/labels'; 4 4 - 5 5 - interface Props { 6 6 - warning: LabelDefinition | undefined; 7 7 - children: Snippet; 8 8 - } 9 9 - 10 10 - const { warning, children }: Props = $props(); 11 11 - </script> 12 12 - 13 13 - {#if !warning} 14 14 - {@render children()} 15 15 - {:else} 16 16 - <details class="content-hider"> 17 17 - <summary class="gate"> 18 18 - <svg class="icon" fill="none" viewBox="0 0 24 24"> 19 19 - <path 20 20 - stroke="currentColor" 21 21 - stroke-linecap="square" 22 22 - stroke-width="2" 23 23 - d="M11 11h1v5m9-4a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" 24 24 - /> 25 25 - <path 26 26 - fill="currentColor" 27 27 - stroke="currentColor" 28 28 - stroke-width=".5" 29 29 - d="M11.5 7.25h-.25v1.5h1.5v-1.5H11.5Z" 30 30 - /> 31 31 - </svg> 32 32 - 33 33 - <span class="label">{warning.name}</span> 34 34 - 35 35 - <span class="action"></span> 36 36 - </summary> 37 37 - 38 38 - {@render children()} 39 39 - </details> 40 40 - {/if} 41 41 - 42 42 - <style> 43 43 - .gate { 44 44 - display: flex; 45 45 - align-items: center; 46 46 - gap: 12px; 47 47 - cursor: pointer; 48 48 - border: 1px solid var(--divider); 49 49 - border-radius: 6px; 50 50 - padding: 0 12px; 51 51 - height: 44px; 52 52 - 53 53 - .content-hider[open] & { 54 54 - margin-bottom: 12px; 55 55 - } 56 56 - 57 57 - &:hover { 58 58 - border-color: var(--divider-hover); 59 59 - } 60 60 - } 61 61 - 62 62 - .icon { 63 63 - width: 18px; 64 64 - height: 18px; 65 65 - color: var(--text-secondary); 66 66 - } 67 67 - .label { 68 68 - flex-grow: 1; 69 69 - overflow: hidden; 70 70 - font-weight: 500; 71 71 - user-select: none; 72 72 - text-overflow: ellipsis; 73 73 - } 74 74 - 75 75 - .action { 76 76 - color: var(--text-link); 77 77 - font-weight: 500; 78 78 - font-size: calc(var(--font-size) * 0.8125); 79 79 - line-height: calc(var(--font-size) * 1.25); 80 80 - 81 81 - &::before { 82 82 - content: 'Show'; 83 83 - } 84 84 - .content-hider[open] &::before { 85 85 - content: 'Hide'; 86 86 - } 87 87 - } 88 88 - </style>

-50

packages/internal/components/embed-frame.svelte

··· 1 1 - <script lang="ts"> 2 2 - import type { Snippet } from 'svelte'; 3 3 - 4 4 - interface Props { 5 5 - children: Snippet; 6 6 - } 7 7 - 8 8 - const { children }: Props = $props(); 9 9 - </script> 10 10 - 11 11 - <div class="bluesky-embed"> 12 12 - {@render children()} 13 13 - </div> 14 14 - 15 15 - <style> 16 16 - .bluesky-embed { 17 17 - position: relative; 18 18 - box-sizing: border-box; 19 19 - margin: 0 auto; 20 20 - border: 1px solid var(--divider); 21 21 - border-radius: 8px; 22 22 - background: var(--background-primary); 23 23 - min-width: 250px; 24 24 - max-width: 550px; 25 25 - overflow: hidden; 26 26 - color: var(--text-primary); 27 27 - font-weight: 400; 28 28 - font-size: calc(var(--font-size) * 0.875); 29 29 - line-height: calc(var(--font-size) * 1.25); 30 30 - font-family: var(--font-family); 31 31 - 32 32 - :global(:where(*)), 33 33 - :global(:where(*::before)), 34 34 - :global(:where(*::after)) { 35 35 - box-sizing: border-box; 36 36 - margin: 0; 37 37 - padding: 0; 38 38 - } 39 39 - :global(:where(a)) { 40 40 - color: inherit; 41 41 - text-decoration: none; 42 42 - } 43 43 - 44 44 - :global(:where(.icon)) { 45 45 - flex-shrink: 0; 46 46 - width: 1em; 47 47 - height: 1em; 48 48 - } 49 49 - } 50 50 - </style>

-126

packages/internal/components/embeds/embeds.svelte

··· 1 1 - <script lang="ts" module> 2 2 - const collectionToLabel = (collection: string): string | null => { 3 3 - switch (collection) { 4 4 - case 'app.bsky.feed.post': 5 5 - return 'post'; 6 6 - case 'app.bsky.feed.generator': 7 7 - return 'feed'; 8 8 - case 'app.bsky.graph.list': 9 9 - return 'list'; 10 10 - case 'app.bsky.graph.starterpack': 11 11 - return 'starter pack'; 12 12 - case 'app.bsky.labeler.service': 13 13 - return 'labeler'; 14 14 - } 15 15 - 16 16 - return null; 17 17 - }; 18 18 - </script> 19 19 - 20 20 - <script lang="ts"> 21 21 - import type { 22 22 - AppBskyEmbedExternal, 23 23 - AppBskyEmbedImages, 24 24 - AppBskyEmbedRecord, 25 25 - AppBskyEmbedVideo, 26 26 - AppBskyFeedDefs, 27 27 - Brand, 28 28 - } from '@atcute/client/lexicons'; 29 29 - 30 30 - import { findLabel } from '../../utils/labels'; 31 31 - import { parseAtUri } from '../../utils/syntax/at-url'; 32 32 - 33 33 - import ContentHider from '../content-hider.svelte'; 34 34 - 35 35 - import ExternalEmbed from './external-embed.svelte'; 36 36 - import FeedEmbed from './feed-embed.svelte'; 37 37 - import ImageEmbed from './image-embed.svelte'; 38 38 - import ListEmbed from './list-embed.svelte'; 39 39 - import QuoteEmbed from './quote-embed.svelte'; 40 40 - import StarterpackEmbed from './starterpack-embed.svelte'; 41 41 - import VideoEmbed from './video-embed.svelte'; 42 42 - 43 43 - type Embed = NonNullable<AppBskyFeedDefs.PostView['embed']>; 44 44 - type MediaEmbed = Brand.Union<AppBskyEmbedExternal.View | AppBskyEmbedImages.View | AppBskyEmbedVideo.View>; 45 45 - type RecordEmbed = AppBskyEmbedRecord.View; 46 46 - 47 47 - interface Props { 48 48 - post?: AppBskyFeedDefs.PostView; 49 49 - embed: Embed; 50 50 - large?: boolean; 51 51 - } 52 52 - 53 53 - const { post, embed, large = false }: Props = $props(); 54 54 - </script> 55 55 - 56 56 - <div class="embeds"> 57 57 - {#if embed.$type === 'app.bsky.embed.recordWithMedia#view'} 58 58 - {@render Media(embed.media)} 59 59 - {@render Record(embed.record)} 60 60 - {:else if embed.$type === 'app.bsky.embed.record#view'} 61 61 - {@render Record(embed)} 62 62 - {:else} 63 63 - {@render Media(embed)} 64 64 - {/if} 65 65 - </div> 66 66 - 67 67 - {#snippet Media(embed: MediaEmbed)} 68 68 - {@const warning = post && findLabel(post.labels, post.author.did)} 69 69 - 70 70 - <ContentHider {warning}> 71 71 - {#if embed.$type === 'app.bsky.embed.external#view'} 72 72 - <ExternalEmbed {embed} /> 73 73 - {:else if embed.$type === 'app.bsky.embed.images#view'} 74 74 - <ImageEmbed {embed} standalone /> 75 75 - {:else if embed.$type === 'app.bsky.embed.video#view'} 76 76 - <VideoEmbed {post} {embed} standalone /> 77 77 - {:else} 78 78 - {@render Message(`Unsupported media embed`)} 79 79 - {/if} 80 80 - </ContentHider> 81 81 - {/snippet} 82 82 - 83 83 - {#snippet Record(embed: RecordEmbed)} 84 84 - {@const record = embed.record} 85 85 - 86 86 - {#if record.$type === 'app.bsky.embed.record#viewRecord'} 87 87 - <QuoteEmbed embed={record} {large} /> 88 88 - {:else if record.$type === 'app.bsky.feed.defs#generatorView'} 89 89 - <FeedEmbed embed={record} /> 90 90 - {:else if record.$type === 'app.bsky.graph.defs#listView'} 91 91 - <ListEmbed embed={record} /> 92 92 - {:else if record.$type === 'app.bsky.graph.defs#starterPackViewBasic'} 93 93 - <StarterpackEmbed embed={record} {large} /> 94 94 - {:else} 95 95 - {@const uri = parseAtUri(record.uri)} 96 96 - {@const resource = collectionToLabel(uri.collection)} 97 97 - 98 98 - {@const isUnavailable = 99 99 - resource && 100 100 - (record.$type === 'app.bsky.embed.record#viewNotFound' || 101 101 - record.$type === 'app.bsky.embed.record#viewBlocked' || 102 102 - record.$type === 'app.bsky.embed.record#viewDetached')} 103 103 - 104 104 - {@render Message(isUnavailable ? `This ${resource} is unavailable` : `Unsupported record embed`)} 105 105 - {/if} 106 106 - {/snippet} 107 107 - 108 108 - {#snippet Message(message: string)} 109 109 - <div class="message">{message}</div> 110 110 - {/snippet} 111 111 - 112 112 - <style> 113 113 - .embeds { 114 114 - display: flex; 115 115 - flex-direction: column; 116 116 - gap: 12px; 117 117 - margin: 12px 0 0 0; 118 118 - } 119 119 - 120 120 - .message { 121 121 - border: 1px solid var(--divider); 122 122 - border-radius: 6px; 123 123 - padding: 12px; 124 124 - color: var(--text-secondary); 125 125 - } 126 126 - </style>

-129

packages/internal/components/embeds/external-embed.svelte

··· 1 1 - <script lang="ts" module> 2 2 - const safeParseUrl = (str: string): URL | null => { 3 3 - let url: URL | null | undefined; 4 4 - if ('parse' in URL) { 5 5 - url = URL.parse(str); 6 6 - } else { 7 7 - try { 8 8 - // @ts-expect-error: `'parse' in URL` is giving truthy 9 9 - url = new URL(str); 10 10 - } catch {} 11 11 - } 12 12 - 13 13 - if (url && (url.protocol === 'https:' || url.protocol === 'http:')) { 14 14 - return url; 15 15 - } 16 16 - 17 17 - return null; 18 18 - }; 19 19 - </script> 20 20 - 21 21 - <script lang="ts"> 22 22 - import type { AppBskyEmbedExternal } from '@atcute/client/lexicons'; 23 23 - 24 24 - interface Props { 25 25 - embed: AppBskyEmbedExternal.View; 26 26 - } 27 27 - 28 28 - const { embed }: Props = $props(); 29 29 - 30 30 - const external = embed.external; 31 31 - 32 32 - const domain = safeParseUrl(external.uri)?.host; 33 33 - </script> 34 34 - 35 35 - <a target="_blank" href={domain && external.uri} rel="noopener noreferrer nofollow" class="external-embed"> 36 36 - {#if external.thumb} 37 37 - <img loading="lazy" src={external.thumb} alt="" class="thumbnail" /> 38 38 - {/if} 39 39 - 40 40 - <div class="meta"> 41 41 - <p class="title">{external.title}</p> 42 42 - <p class="description">{external.description}</p> 43 43 - 44 44 - {#if domain} 45 45 - <div class="domain"> 46 46 - <!-- earth --> 47 47 - <svg class="icon" fill="none" viewBox="0 0 24 24"> 48 48 - <path 49 49 - stroke="currentColor" 50 50 - stroke-linecap="round" 51 51 - stroke-width="2" 52 52 - d="m4.172 8.07 3.94 2.957.977-1.941 3.887-.978 1.15-4.6M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-6.078 4.865.973-1.946-2.869-1.928-1.89-.12-1.08 1.075 1.947 2.919h2.919Z" 53 53 - /> 54 54 - </svg> 55 55 - 56 56 - <span class="domain-name">{domain}</span> 57 57 - </div> 58 58 - {/if} 59 59 - </div> 60 60 - </a> 61 61 - 62 62 - <style> 63 63 - .external-embed { 64 64 - display: block; 65 65 - border: 1px solid var(--divider); 66 66 - border-radius: 6px; 67 67 - overflow: hidden; 68 68 - 69 69 - &:hover { 70 70 - border-color: var(--divider-hover); 71 71 - } 72 72 - } 73 73 - 74 74 - .thumbnail { 75 75 - display: block; 76 76 - border-bottom: 1px solid var(--divider); 77 77 - background: #000000; 78 78 - aspect-ratio: 1.91; 79 79 - width: 100%; 80 80 - 81 81 - .external-embed:hover & { 82 82 - border-color: var(--divider-hover); 83 83 - } 84 84 - } 85 85 - 86 86 - .meta { 87 87 - padding: 12px; 88 88 - } 89 89 - 90 90 - .title { 91 91 - display: -webkit-box; 92 92 - overflow: hidden; 93 93 - font-weight: 700; 94 94 - white-space: pre-wrap; 95 95 - -webkit-box-orient: vertical; 96 96 - -webkit-line-clamp: 2; 97 97 - line-clamp: 2; 98 98 - overflow-wrap: break-word; 99 99 - 100 100 - &:empty { 101 101 - display: none; 102 102 - } 103 103 - } 104 104 - .description { 105 105 - display: -webkit-box; 106 106 - overflow: hidden; 107 107 - color: var(--text-secondary); 108 108 - font-size: calc(var(--font-size) * 0.8125); 109 109 - white-space: pre-wrap; 110 110 - -webkit-box-orient: vertical; 111 111 - -webkit-line-clamp: 2; 112 112 - line-clamp: 2; 113 113 - overflow-wrap: break-word; 114 114 - 115 115 - &:empty { 116 116 - display: none; 117 117 - } 118 118 - } 119 119 - 120 120 - .domain { 121 121 - display: flex; 122 122 - align-items: center; 123 123 - gap: 6px; 124 124 - margin: 6px 0 0 0; 125 125 - color: var(--text-secondary); 126 126 - font-weight: 500; 127 127 - font-size: calc(var(--font-size) * 0.75); 128 128 - } 129 129 - </style>

-100

packages/internal/components/embeds/feed-embed.svelte

··· 1 1 - <script lang="ts"> 2 2 - import type { AppBskyFeedDefs } from '@atcute/client/lexicons'; 3 3 - 4 4 - import { getFeedUrl } from '../../utils/bsky-url'; 5 5 - import { parseAtUri } from '../../utils/syntax/at-url'; 6 6 - 7 7 - interface Props { 8 8 - embed: AppBskyFeedDefs.GeneratorView; 9 9 - } 10 10 - 11 11 - const { embed: feed }: Props = $props(); 12 12 - 13 13 - const creator = feed.creator; 14 14 - 15 15 - const feedUrl = getFeedUrl(creator.did, parseAtUri(feed.uri).rkey); 16 16 - </script> 17 17 - 18 18 - <a target="_blank" href={feedUrl} class="feed-embed"> 19 19 - <div class="main"> 20 20 - <div class="avatar-wrapper"> 21 21 - {#if feed.avatar} 22 22 - <img loading="lazy" src={feed.avatar} alt="" class="avatar" /> 23 23 - {:else} 24 24 - <svg viewBox="0 0 32 32" class="avatar"> 25 25 - <path fill="#0070FF" d="M0 0h32v32H0z" /> 26 26 - <path 27 27 - fill="#fff" 28 28 - d="M22.153 22.354a9.328 9.328 0 0 0 3.837-.491 3.076 3.076 0 0 0-4.802-2.79m.965 3.281a6.128 6.128 0 0 0-.965-3.28Zm-11.342-3.28a3.077 3.077 0 0 0-4.801 2.79 9.21 9.21 0 0 0 3.835.49m.966-3.28a6.127 6.127 0 0 0-.966 3.28Zm8.265-8.997a3.076 3.076 0 1 1-6.153 0 3.076 3.076 0 0 1 6.153 0Zm6.154 3.077a2.307 2.307 0 1 1-4.615 0 2.307 2.307 0 0 1 4.615 0Zm-13.847 0a2.307 2.307 0 1 1-4.614 0 2.307 2.307 0 0 1 4.614 0Z" 29 29 - /> 30 30 - <path fill="#fff" d="M22 22c0 3.314-2.686 3.5-6 3.5s-6-.186-6-3.5a6 6 0 0 1 12 0Z" /> 31 31 - </svg> 32 32 - {/if} 33 33 - </div> 34 34 - 35 35 - <div class="info"> 36 36 - <p class="name">{feed.displayName}</p> 37 37 - <p class="creator">Feed by @{creator.handle}</p> 38 38 - </div> 39 39 - </div> 40 40 - 41 41 - <p class="description">{feed.description}</p> 42 42 - </a> 43 43 - 44 44 - <style> 45 45 - .feed-embed { 46 46 - display: flex; 47 47 - flex-direction: column; 48 48 - gap: 12px; 49 49 - border: 1px solid var(--divider); 50 50 - border-radius: 6px; 51 51 - padding: 12px; 52 52 - 53 53 - &:hover { 54 54 - border-color: var(--divider-hover); 55 55 - } 56 56 - } 57 57 - 58 58 - .main { 59 59 - display: flex; 60 60 - gap: 12px; 61 61 - } 62 62 - 63 63 - .avatar-wrapper { 64 64 - margin: 2px 0 0 0; 65 65 - border-radius: 6px; 66 66 - background: var(--background-secondary); 67 67 - width: 36px; 68 68 - height: 36px; 69 69 - overflow: hidden; 70 70 - } 71 71 - .avatar { 72 72 - width: 100%; 73 73 - height: 100%; 74 74 - object-fit: cover; 75 75 - } 76 76 - 77 77 - .name { 78 78 - font-weight: 700; 79 79 - } 80 80 - 81 81 - .creator { 82 82 - color: var(--text-secondary); 83 83 - font-size: calc(var(--font-size) * 0.8125); 84 84 - } 85 85 - 86 86 - .description { 87 87 - display: -webkit-box; 88 88 - overflow: hidden; 89 89 - font-size: calc(var(--font-size) * 0.8125); 90 90 - white-space: pre-wrap; 91 91 - -webkit-box-orient: vertical; 92 92 - -webkit-line-clamp: 2; 93 93 - line-clamp: 2; 94 94 - overflow-wrap: break-word; 95 95 - 96 96 - &:empty { 97 97 - display: none; 98 98 - } 99 99 - } 100 100 - </style>

-183

packages/internal/components/embeds/image-embed.svelte

··· 1 1 - <script lang="ts" module> 2 2 - const DEFAULT_RATIO = { width: 16, height: 9 }; 3 3 - </script> 4 4 - 5 5 - <script lang="ts"> 6 6 - import type { AppBskyEmbedImages } from '@atcute/client/lexicons'; 7 7 - 8 8 - interface Props { 9 9 - embed: AppBskyEmbedImages.View; 10 10 - borderless?: boolean; 11 11 - standalone?: boolean; 12 12 - blur?: boolean; 13 13 - } 14 14 - 15 15 - const { embed, borderless, standalone, blur }: Props = $props(); 16 16 - 17 17 - const images = embed.images; 18 18 - const length = images.length; 19 19 - </script> 20 20 - 21 21 - <div 22 22 - class={'image-embed' + 23 23 - (!borderless ? ` is-bordered` : ``) + 24 24 - (standalone && length === 1 ? ` is-aligned` : ``)} 25 25 - > 26 26 - {#if length === 4} 27 27 - <div class="grid"> 28 28 - <div class="col"> 29 29 - <div class="item wide tl"> 30 30 - {@render Image(0)} 31 31 - </div> 32 32 - <div class="item wide bl"> 33 33 - {@render Image(2)} 34 34 - </div> 35 35 - </div> 36 36 - <div class="col"> 37 37 - <div class="item wide tr"> 38 38 - {@render Image(1)} 39 39 - </div> 40 40 - <div class="item wide br"> 41 41 - {@render Image(3)} 42 42 - </div> 43 43 - </div> 44 44 - </div> 45 45 - {:else if length === 3} 46 46 - <div class="grid"> 47 47 - <div class="col square"> 48 48 - <div class="item tl bl"> 49 49 - {@render Image(0)} 50 50 - </div> 51 51 - </div> 52 52 - <div class="col square"> 53 53 - <div class="item tr"> 54 54 - {@render Image(1)} 55 55 - </div> 56 56 - <div class="item br"> 57 57 - {@render Image(2)} 58 58 - </div> 59 59 - </div> 60 60 - </div> 61 61 - {:else if length === 2} 62 62 - <div class="grid"> 63 63 - <div class="col"> 64 64 - <div class="item square tl bl"> 65 65 - {@render Image(0)} 66 66 - </div> 67 67 - </div> 68 68 - <div class="col"> 69 69 - <div class="item square tr br"> 70 70 - {@render Image(1)} 71 71 - </div> 72 72 - </div> 73 73 - </div> 74 74 - {:else if length === 1} 75 75 - {@const ratio = standalone && (images[0].aspectRatio || DEFAULT_RATIO)} 76 76 - 77 77 - <div 78 78 - class={`single-item tl tr bl br` + (ratio ? ` is-standalone` : ``)} 79 79 - style={ratio ? `aspect-ratio: ${ratio.width}/${ratio.height}` : ``} 80 80 - > 81 81 - {@render Image(0)} 82 82 - 83 83 - {#if ratio} 84 84 - <div class="placeholder"></div> 85 85 - {/if} 86 86 - </div> 87 87 - {/if} 88 88 - </div> 89 89 - 90 90 - {#snippet Image(index: number)} 91 91 - {@const image = images[index]} 92 92 - 93 93 - <img loading="lazy" src={image.thumb} alt={image.alt} class={`image` + (blur ? ` is-blurred` : ``)} /> 94 94 - {/snippet} 95 95 - 96 96 - <style> 97 97 - .is-aligned { 98 98 - align-self: baseline; 99 99 - max-width: 100%; 100 100 - } 101 101 - 102 102 - .grid { 103 103 - display: flex; 104 104 - gap: 2px; 105 105 - } 106 106 - .col { 107 107 - display: flex; 108 108 - flex: 1; 109 109 - flex-direction: column; 110 110 - gap: 2px; 111 111 - } 112 112 - 113 113 - .square { 114 114 - aspect-ratio: 1; 115 115 - } 116 116 - .wide { 117 117 - aspect-ratio: 1.5; 118 118 - } 119 119 - 120 120 - .item { 121 121 - position: relative; 122 122 - flex-grow: 1; 123 123 - flex-shrink: 0; 124 124 - overflow: hidden; 125 125 - } 126 126 - 127 127 - .is-bordered { 128 128 - .tl, 129 129 - .tr, 130 130 - .bl, 131 131 - .br { 132 132 - border: 1px solid var(--divider); 133 133 - } 134 134 - 135 135 - .tl { 136 136 - border-top-left-radius: 6px; 137 137 - } 138 138 - .tr { 139 139 - border-top-right-radius: 6px; 140 140 - } 141 141 - .bl { 142 142 - border-bottom-left-radius: 6px; 143 143 - } 144 144 - .br { 145 145 - border-bottom-right-radius: 6px; 146 146 - } 147 147 - } 148 148 - 149 149 - .single-item { 150 150 - position: relative; 151 151 - aspect-ratio: 16 / 9; 152 152 - overflow: hidden; 153 153 - 154 154 - .image { 155 155 - object-fit: contain; 156 156 - } 157 157 - } 158 158 - .is-standalone { 159 159 - min-width: 64px; 160 160 - max-width: 100%; 161 161 - min-height: 64px; 162 162 - max-height: 320px; 163 163 - } 164 164 - 165 165 - .image { 166 166 - position: absolute; 167 167 - inset: 0; 168 168 - background: #000000; 169 169 - width: 100%; 170 170 - height: 100%; 171 171 - object-fit: cover; 172 172 - font-size: 0px; 173 173 - } 174 174 - .is-blurred { 175 175 - scale: 125%; 176 176 - filter: blur(24px); 177 177 - } 178 178 - 179 179 - .placeholder { 180 180 - width: 100vw; 181 181 - height: 100vh; 182 182 - } 183 183 - </style>

-113

packages/internal/components/embeds/list-embed.svelte

··· 1 1 - <script lang="ts" module> 2 2 - const getPurpose = (purpose: AppBskyGraphDefs.ListPurpose) => { 3 3 - switch (purpose) { 4 4 - case 'app.bsky.graph.defs#curatelist': 5 5 - return `User list`; 6 6 - case 'app.bsky.graph.defs#modlist': 7 7 - return `Moderation list`; 8 8 - } 9 9 - 10 10 - return `Unknown list`; 11 11 - }; 12 12 - </script> 13 13 - 14 14 - <script lang="ts"> 15 15 - import type { AppBskyGraphDefs } from '@atcute/client/lexicons'; 16 16 - 17 17 - import { getFeedUrl } from '../../utils/bsky-url'; 18 18 - import { parseAtUri } from '../../utils/syntax/at-url'; 19 19 - 20 20 - interface Props { 21 21 - embed: AppBskyGraphDefs.ListView; 22 22 - } 23 23 - 24 24 - const { embed: list }: Props = $props(); 25 25 - 26 26 - const creator = list.creator; 27 27 - 28 28 - const listUrl = getFeedUrl(creator.did, parseAtUri(list.uri).rkey); 29 29 - </script> 30 30 - 31 31 - <a target="_blank" href={listUrl} class="list-embed"> 32 32 - <div class="main"> 33 33 - <div class="avatar-wrapper"> 34 34 - {#if list.avatar} 35 35 - <img loading="lazy" src={list.avatar} alt="" class="avatar" /> 36 36 - {:else} 37 37 - <svg viewBox="0 0 32 32" class="avatar"> 38 38 - <path fill="#0070FF" d="M0 0h32v32H0z" /> 39 39 - <path 40 40 - fill="#fff" 41 41 - d="M22.153 22.354a9.328 9.328 0 0 0 3.837-.491 3.076 3.076 0 0 0-4.802-2.79m.965 3.281a6.128 6.128 0 0 0-.965-3.28Zm-11.342-3.28a3.077 3.077 0 0 0-4.801 2.79 9.21 9.21 0 0 0 3.835.49m.966-3.28a6.127 6.127 0 0 0-.966 3.28Zm8.265-8.997a3.076 3.076 0 1 1-6.153 0 3.076 3.076 0 0 1 6.153 0Zm6.154 3.077a2.307 2.307 0 1 1-4.615 0 2.307 2.307 0 0 1 4.615 0Zm-13.847 0a2.307 2.307 0 1 1-4.614 0 2.307 2.307 0 0 1 4.614 0Z" 42 42 - /> 43 43 - <path fill="#fff" d="M22 22c0 3.314-2.686 3.5-6 3.5s-6-.186-6-3.5a6 6 0 0 1 12 0Z" /> 44 44 - </svg> 45 45 - {/if} 46 46 - </div> 47 47 - 48 48 - <div class="info"> 49 49 - <p class="name">{list.name}</p> 50 50 - <p class="creator">{getPurpose(list.purpose)} by @{creator.handle}</p> 51 51 - </div> 52 52 - </div> 53 53 - 54 54 - <p class="description">{list.description}</p> 55 55 - </a> 56 56 - 57 57 - <style> 58 58 - .list-embed { 59 59 - display: flex; 60 60 - flex-direction: column; 61 61 - gap: 12px; 62 62 - border: 1px solid var(--divider); 63 63 - border-radius: 6px; 64 64 - padding: 12px; 65 65 - 66 66 - &:hover { 67 67 - border-color: var(--divider-hover); 68 68 - } 69 69 - } 70 70 - 71 71 - .main { 72 72 - display: flex; 73 73 - gap: 12px; 74 74 - } 75 75 - 76 76 - .avatar-wrapper { 77 77 - margin: 2px 0 0 0; 78 78 - border-radius: 6px; 79 79 - background: var(--background-secondary); 80 80 - width: 36px; 81 81 - height: 36px; 82 82 - overflow: hidden; 83 83 - } 84 84 - .avatar { 85 85 - width: 100%; 86 86 - height: 100%; 87 87 - object-fit: cover; 88 88 - } 89 89 - 90 90 - .name { 91 91 - font-weight: 700; 92 92 - } 93 93 - 94 94 - .creator { 95 95 - color: var(--text-secondary); 96 96 - font-size: calc(var(--font-size) * 0.8125); 97 97 - } 98 98 - 99 99 - .description { 100 100 - display: -webkit-box; 101 101 - overflow: hidden; 102 102 - font-size: calc(var(--font-size) * 0.8125); 103 103 - white-space: pre-wrap; 104 104 - -webkit-box-orient: vertical; 105 105 - -webkit-line-clamp: 2; 106 106 - line-clamp: 2; 107 107 - overflow-wrap: break-word; 108 108 - 109 109 - &:empty { 110 110 - display: none; 111 111 - } 112 112 - } 113 113 - </style>

-213

packages/internal/components/embeds/quote-embed.svelte

··· 1 1 - <script lang="ts" module> 2 2 - const getPostImage = (embed: AppBskyFeedDefs.PostView['embed']): AppBskyEmbedImages.View | undefined => { 3 3 - if (embed) { 4 4 - if (embed.$type === 'app.bsky.embed.images#view') { 5 5 - return embed; 6 6 - } 7 7 - 8 8 - if (embed.$type === 'app.bsky.embed.recordWithMedia#view') { 9 9 - return getPostImage(embed.media); 10 10 - } 11 11 - } 12 12 - }; 13 13 - 14 14 - const getPostVideo = (embed: AppBskyFeedDefs.PostView['embed']): AppBskyEmbedVideo.View | undefined => { 15 15 - if (embed) { 16 16 - if (embed.$type === 'app.bsky.embed.video#view') { 17 17 - return embed; 18 18 - } 19 19 - 20 20 - if (embed.$type === 'app.bsky.embed.recordWithMedia#view') { 21 21 - return getPostVideo(embed.media); 22 22 - } 23 23 - } 24 24 - }; 25 25 - </script> 26 26 - 27 27 - <script lang="ts"> 28 28 - import type { 29 29 - AppBskyEmbedImages, 30 30 - AppBskyEmbedRecord, 31 31 - AppBskyEmbedVideo, 32 32 - AppBskyFeedDefs, 33 33 - AppBskyFeedPost, 34 34 - } from '@atcute/client/lexicons'; 35 35 - 36 36 - import { getPostUrl } from '../../utils/bsky-url'; 37 37 - import { formatShortDate } from '../../utils/date'; 38 38 - import { findLabel } from '../../utils/labels'; 39 39 - import { parseAtUri } from '../../utils/syntax/at-url'; 40 40 - 41 41 - import ImageEmbed from './image-embed.svelte'; 42 42 - import VideoEmbed from './video-embed.svelte'; 43 43 - 44 44 - interface Props { 45 45 - embed: AppBskyEmbedRecord.ViewRecord; 46 46 - large?: boolean; 47 47 - } 48 48 - 49 49 - const { embed: quote, large = false }: Props = $props(); 50 50 - 51 51 - const record = quote.value as AppBskyFeedPost.Record; 52 52 - const text = record.text.trim(); 53 53 - 54 54 - const author = quote.author; 55 55 - const authorName = author.displayName?.trim(); 56 56 - 57 57 - const embed = quote.embeds?.[0]; 58 58 - const image = getPostImage(embed); 59 59 - const video = getPostVideo(embed); 60 60 - 61 61 - const postUrl = getPostUrl(author.did, parseAtUri(quote.uri).rkey); 62 62 - 63 63 - const isMediaBlurred = !!findLabel(quote.labels, author.did); 64 64 - </script> 65 65 - 66 66 - <a target="_blank" href={postUrl} class="quote-embed"> 67 67 - <div class="meta"> 68 68 - <div class="avatar-wrapper"> 69 69 - {#if author.avatar} 70 70 - <img loading="lazy" src={author.avatar} alt="" class="avatar" /> 71 71 - {/if} 72 72 - </div> 73 73 - 74 74 - <span class="name-wrapper"> 75 75 - {#if authorName} 76 76 - <bdi class="display-name-wrapper"> 77 77 - <span class="display-name">{authorName}</span> 78 78 - </bdi> 79 79 - {/if} 80 80 - 81 81 - <span class="handle">@{author.handle}</span> 82 82 - </span> 83 83 - 84 84 - <span aria-hidden="true" class="dot">·</span> 85 85 - 86 86 - <time datetime={record.createdAt} class="date"> 87 87 - {formatShortDate(record.createdAt)} 88 88 - </time> 89 89 - </div> 90 90 - 91 91 - {#if text} 92 92 - <div class="body"> 93 93 - {#if !large} 94 94 - {#if image} 95 95 - <div class="aside"> 96 96 - <ImageEmbed embed={image} blur={isMediaBlurred} /> 97 97 - </div> 98 98 - {:else if video} 99 99 - <div class="aside"> 100 100 - <VideoEmbed embed={video} blur={isMediaBlurred} /> 101 101 - </div> 102 102 - {/if} 103 103 - {/if} 104 104 - 105 105 - <p class="text">{text}</p> 106 106 - </div> 107 107 - {:else} 108 108 - <div class="divide"></div> 109 109 - {/if} 110 110 - 111 111 - {#if large || !text} 112 112 - {#if image} 113 113 - <ImageEmbed embed={image} borderless blur={isMediaBlurred} /> 114 114 - {:else if video} 115 115 - <VideoEmbed embed={video} borderless blur={isMediaBlurred} /> 116 116 - {/if} 117 117 - {/if} 118 118 - </a> 119 119 - 120 120 - <style> 121 121 - .quote-embed { 122 122 - display: block; 123 123 - border: 1px solid var(--divider); 124 124 - border-radius: 6px; 125 125 - overflow: hidden; 126 126 - 127 127 - &:hover { 128 128 - border-color: var(--divider-hover); 129 129 - } 130 130 - } 131 131 - 132 132 - .meta { 133 133 - display: flex; 134 134 - padding: 12px 12px 0 12px; 135 135 - color: var(--text-secondary); 136 136 - 137 137 - .avatar-wrapper { 138 138 - flex-shrink: 0; 139 139 - margin: 0 8px 0 0; 140 140 - border-radius: 9999px; 141 141 - background: var(--background-secondary); 142 142 - width: 20px; 143 143 - height: 20px; 144 144 - overflow: hidden; 145 145 - } 146 146 - .avatar { 147 147 - width: 100%; 148 148 - height: 100%; 149 149 - } 150 150 - 151 151 - .name-wrapper { 152 152 - display: flex; 153 153 - gap: 4px; 154 154 - max-width: 100%; 155 155 - overflow: hidden; 156 156 - text-overflow: ellipsis; 157 157 - white-space: nowrap; 158 158 - } 159 159 - .display-name-wrapper { 160 160 - overflow: hidden; 161 161 - text-overflow: ellipsis; 162 162 - } 163 163 - .display-name { 164 164 - color: var(--text-primary); 165 165 - font-weight: 700; 166 166 - } 167 167 - .handle { 168 168 - display: block; 169 169 - overflow: hidden; 170 170 - text-overflow: ellipsis; 171 171 - white-space: nowrap; 172 172 - } 173 173 - 174 174 - .dot { 175 175 - flex-shrink: 0; 176 176 - margin: 0 6px; 177 177 - } 178 178 - 179 179 - .date { 180 180 - white-space: nowrap; 181 181 - } 182 182 - } 183 183 - 184 184 - .body { 185 185 - display: flex; 186 186 - align-items: flex-start; 187 187 - } 188 188 - 189 189 - .aside { 190 190 - flex-grow: 1; 191 191 - flex-basis: 0; 192 192 - margin: 8px 0 12px 12px; 193 193 - max-width: 20%; 194 194 - } 195 195 - 196 196 - .text { 197 197 - display: -webkit-box; 198 198 - margin: 8px 12px 12px 12px; 199 199 - overflow: hidden; 200 200 - -webkit-box-orient: vertical; 201 201 - flex-grow: 4; 202 202 - flex-basis: 0px; 203 203 - min-width: 0px; 204 204 - -webkit-line-clamp: 6; 205 205 - line-clamp: 6; 206 206 - white-space: pre-wrap; 207 207 - overflow-wrap: break-word; 208 208 - } 209 209 - 210 210 - .divide { 211 211 - padding: 6px 0; 212 212 - } 213 213 - </style>

-122

packages/internal/components/embeds/starterpack-embed.svelte

··· 1 1 - <script lang="ts"> 2 2 - import type { AppBskyGraphDefs, AppBskyGraphStarterpack } from '@atcute/client/lexicons'; 3 3 - 4 4 - import { getStarterpackImgUrl, getStarterpackUrl } from '../../utils/bsky-url'; 5 5 - import { parseAtUri } from '../../utils/syntax/at-url'; 6 6 - 7 7 - interface Props { 8 8 - embed: AppBskyGraphDefs.StarterPackViewBasic; 9 9 - large?: boolean; 10 10 - } 11 11 - 12 12 - const { embed: pack, large = false }: Props = $props(); 13 13 - 14 14 - const record = pack.record as AppBskyGraphStarterpack.Record; 15 15 - 16 16 - const creator = pack.creator; 17 17 - const creatorDid = creator.did; 18 18 - 19 19 - const rkey = parseAtUri(pack.uri).rkey; 20 20 - const packUrl = getStarterpackUrl(creatorDid, rkey); 21 21 - </script> 22 22 - 23 23 - <a target="_blank" href={packUrl} class="starterpack-embed"> 24 24 - {#if large} 25 25 - {@const imageUrl = getStarterpackImgUrl(creatorDid, rkey)} 26 26 - 27 27 - <img loading="lazy" src={imageUrl} alt="" class="banner" /> 28 28 - {/if} 29 29 - 30 30 - <div class="meta"> 31 31 - <div class="main"> 32 32 - <svg fill="none" viewBox="0 0 24 24" class="avatar"> 33 33 - <defs> 34 34 - <linearGradient id="a" x1="0" x2="100%" y1="0" y2="0" gradientTransform="rotate(45)"> 35 35 - <stop offset="0" stop-color="#0A7AFF" /> 36 36 - <stop offset="1" stop-color="#59B9FF" /> 37 37 - </linearGradient> 38 38 - </defs> 39 39 - <path 40 40 - fill="url(#a)" 41 41 - fill-rule="evenodd" 42 42 - d="M11.26 5.227 5.02 6.899c-.734.197-1.17.95-.973 1.685l1.672 6.24c.197.734.951 1.17 1.685.973l6.24-1.672a1.376 1.376 0 0 0 .973-1.685L12.945 6.2a1.375 1.375 0 0 0-1.685-.973Zm-6.566.459a2.632 2.632 0 0 0-1.86 3.223l1.672 6.24a2.632 2.632 0 0 0 3.223 1.861l6.24-1.672a2.631 2.631 0 0 0 1.861-3.223l-1.672-6.24a2.632 2.632 0 0 0-3.223-1.861l-6.24 1.672Z" 43 43 - clip-rule="evenodd" 44 44 - /> 45 45 - <path 46 46 - fill="url(#a)" 47 47 - fill-rule="evenodd" 48 48 - d="M15.138 18.411a4.606 4.606 0 1 0 0-9.211 4.606 4.606 0 0 0 0 9.211Zm0 1.257a5.862 5.862 0 1 0 0-11.724 5.862 5.862 0 0 0 0 11.724Z" 49 49 - clip-rule="evenodd" 50 50 - /> 51 51 - </svg> 52 52 - 53 53 - <div class="info"> 54 54 - <p class="name">{record.name}</p> 55 55 - <p class="creator">Starter pack by @{creator.handle}</p> 56 56 - </div> 57 57 - </div> 58 58 - 59 59 - <p class="description">{record.description}</p> 60 60 - </div> 61 61 - </a> 62 62 - 63 63 - <style> 64 64 - .starterpack-embed { 65 65 - display: block; 66 66 - border: 1px solid var(--divider); 67 67 - border-radius: 6px; 68 68 - overflow: hidden; 69 69 - 70 70 - &:hover { 71 71 - border-color: var(--divider-hover); 72 72 - } 73 73 - } 74 74 - 75 75 - .banner { 76 76 - display: block; 77 77 - aspect-ratio: 1.91; 78 78 - width: 100%; 79 79 - } 80 80 - 81 81 - .meta { 82 82 - display: flex; 83 83 - flex-direction: column; 84 84 - gap: 12px; 85 85 - padding: 12px; 86 86 - } 87 87 - 88 88 - .main { 89 89 - display: flex; 90 90 - gap: 12px; 91 91 - } 92 92 - 93 93 - .avatar { 94 94 - margin: 2px; 95 95 - width: 36px; 96 96 - height: 36px; 97 97 - } 98 98 - 99 99 - .name { 100 100 - font-weight: 700; 101 101 - } 102 102 - 103 103 - .creator { 104 104 - color: var(--text-secondary); 105 105 - font-size: calc(var(--font-size) * 0.8125); 106 106 - } 107 107 - 108 108 - .description { 109 109 - display: -webkit-box; 110 110 - overflow: hidden; 111 111 - font-size: calc(var(--font-size) * 0.8125); 112 112 - white-space: pre-wrap; 113 113 - -webkit-box-orient: vertical; 114 114 - -webkit-line-clamp: 2; 115 115 - line-clamp: 2; 116 116 - overflow-wrap: break-word; 117 117 - 118 118 - &:empty { 119 119 - display: none; 120 120 - } 121 121 - } 122 122 - </style>

-120

packages/internal/components/embeds/video-embed.svelte

··· 1 1 - <script lang="ts"> 2 2 - import type { AppBskyEmbedVideo, AppBskyFeedDefs } from '@atcute/client/lexicons'; 3 3 - 4 4 - import { getPostUrl } from '../../utils/bsky-url'; 5 5 - import { parseAtUri } from '../../utils/syntax/at-url'; 6 6 - 7 7 - interface Props { 8 8 - post?: AppBskyFeedDefs.PostView; 9 9 - embed: AppBskyEmbedVideo.View; 10 10 - borderless?: boolean; 11 11 - standalone?: boolean; 12 12 - blur?: boolean; 13 13 - } 14 14 - 15 15 - const { post, embed: video, borderless, standalone, blur }: Props = $props(); 16 16 - 17 17 - const ratio = standalone && video.aspectRatio; 18 18 - 19 19 - const postUrl = post && getPostUrl(post.author.did, parseAtUri(post.uri).rkey); 20 20 - </script> 21 21 - 22 22 - {#if standalone} 23 23 - <a 24 24 - target="_blank" 25 25 - href={postUrl} 26 26 - class={`video-embed` + (!borderless ? ` is-bordered` : ``) + (standalone ? ` is-standalone` : ``)} 27 27 - > 28 28 - <div class="constrainer" style={ratio ? `aspect-ratio: ${ratio.width}/${ratio.height}` : ``}> 29 29 - {@render Content()} 30 30 - </div> 31 31 - </a> 32 32 - {:else} 33 33 - <div 34 34 - class={`video-embed` + (!borderless ? ` is-bordered` : ``)} 35 35 - style={ratio ? `aspect-ratio: ${ratio.width}/${ratio.height}` : ``} 36 36 - > 37 37 - {@render Content()} 38 38 - </div> 39 39 - {/if} 40 40 - 41 41 - {#snippet Content()} 42 42 - <img loading="lazy" src={video.thumbnail} alt="" class={`thumbnail` + (blur ? ` is-blurred` : ``)} /> 43 43 - 44 44 - {#if ratio} 45 45 - <div class="placeholder"></div> 46 46 - {/if} 47 47 - 48 48 - <div class="play"> 49 49 - <!-- play --> 50 50 - <svg class="icon" fill="none" viewBox="0 0 24 24"> 51 51 - <path fill="currentColor" d="M22 12 5 2v20l17-10Z" /> 52 52 - </svg> 53 53 - </div> 54 54 - {/snippet} 55 55 - 56 56 - <style> 57 57 - .video-embed { 58 58 - display: block; 59 59 - position: relative; 60 60 - background: #000000; 61 61 - aspect-ratio: 16 / 9; 62 62 - overflow: hidden; 63 63 - } 64 64 - .is-bordered { 65 65 - border: 1px solid var(--divider); 66 66 - border-radius: 6px; 67 67 - } 68 68 - .is-standalone { 69 69 - align-self: baseline; 70 70 - aspect-ratio: auto; 71 71 - max-width: 100%; 72 72 - } 73 73 - 74 74 - .constrainer { 75 75 - min-width: 64px; 76 76 - max-width: 100%; 77 77 - min-height: 64px; 78 78 - max-height: 320px; 79 79 - } 80 80 - 81 81 - .thumbnail { 82 82 - width: 100%; 83 83 - height: 100%; 84 84 - object-fit: contain; 85 85 - } 86 86 - .is-blurred { 87 87 - scale: 125%; 88 88 - filter: blur(24px); 89 89 - } 90 90 - 91 91 - .placeholder { 92 92 - width: 100vw; 93 93 - height: 100vh; 94 94 - } 95 95 - 96 96 - .play { 97 97 - display: grid; 98 98 - position: absolute; 99 99 - top: 50%; 100 100 - left: 50%; 101 101 - place-items: center; 102 102 - translate: -50% -50%; 103 103 - border-radius: 50%; 104 104 - background: rgba(64, 64, 64, 0.6); 105 105 - aspect-ratio: 1 / 1; 106 106 - height: 40%; 107 107 - max-height: 48px; 108 108 - color: #ffffff; 109 109 - font-size: 20px; 110 110 - 111 111 - .icon { 112 112 - width: 40%; 113 113 - height: 40%; 114 114 - } 115 115 - 116 116 - .is-standalone &:hover { 117 117 - background: rgba(64, 64, 64, 0.8); 118 118 - } 119 119 - } 120 120 - </style>

-400

packages/internal/components/feed-post.svelte

··· 1 1 - <script lang="ts"> 2 2 - import type { AppBskyFeedDefs, AppBskyFeedPost } from '@atcute/client/lexicons'; 3 3 - 4 4 - import { getPostUrl, getProfileUrl } from '../utils/bsky-url'; 5 5 - import { formatLongDate, formatShortDate } from '../utils/date'; 6 6 - import { parseAtUri } from '../utils/syntax/at-url'; 7 7 - 8 8 - import { formatCompactNumber, formatLongNumber } from '../utils/number'; 9 9 - import Embeds from './embeds/embeds.svelte'; 10 10 - import RichtextRenderer from './richtext-renderer.svelte'; 11 11 - 12 12 - interface Props { 13 13 - item: AppBskyFeedDefs.FeedViewPost; 14 14 - prev?: boolean; 15 15 - next?: boolean; 16 16 - } 17 17 - 18 18 - const { item, prev = false, next = false }: Props = $props(); 19 19 - 20 20 - const reason = item.reason; 21 21 - const post = item.post; 22 22 - const parent = item.reply?.parent; 23 23 - 24 24 - const author = post.author; 25 25 - const authorUrl = getProfileUrl(author.did); 26 26 - const authorName = author.displayName?.trim(); 27 27 - 28 28 - const record = post.record as AppBskyFeedPost.Record; 29 29 - const postUrl = getPostUrl(author.did, parseAtUri(post.uri).rkey); 30 30 - 31 31 - const replyCount = post.replyCount || 0; 32 32 - const likeCount = post.likeCount || 0; 33 33 - const repostCount = (post.repostCount || 0) + (post.quoteCount || 0); 34 34 - </script> 35 35 - 36 36 - <div class={`feed-post` + (!next ? ` is-leaf` : ``)}> 37 37 - <div class="contexts"> 38 38 - {#if prev} 39 39 - <div class="ascendant-line-wrapper"> 40 40 - <div class="line"></div> 41 41 - </div> 42 42 - {/if} 43 43 - 44 44 - {#if reason} 45 45 - {#if reason.$type === 'app.bsky.feed.defs#reasonRepost'} 46 46 - {@const by = reason.by} 47 47 - 48 48 - <div class="context"> 49 49 - <div class="aside"> 50 50 - <svg class="icon" viewBox="0 0 24 24" fill="none"> 51 51 - <path 52 52 - d="M17 3L20 6L17 9M7 21L4 18L7 15M5 18H20V13M4 11V6H19" 53 53 - stroke="currentColor" 54 54 - stroke-width="2" 55 55 - stroke-linecap="square" 56 56 - /> 57 57 - </svg> 58 58 - </div> 59 59 - <a href={getProfileUrl(by.did)} class="main"> 60 60 - <span dir="auto" class="name">{by.displayName}</span> 61 61 - <span class="affix">{' '}reposted</span> 62 62 - </a> 63 63 - </div> 64 64 - {:else if reason.$type === 'app.bsky.feed.defs#reasonPin'} 65 65 - <div class="context"> 66 66 - <div class="aside"> 67 67 - <svg class="icon" fill="none" viewBox="0 0 24 24"> 68 68 - <path 69 69 - stroke="currentColor" 70 70 - stroke-linecap="square" 71 71 - stroke-width="2" 72 72 - d="M12 15H5v-2.5l.377-.377A7.25 7.25 0 0 0 7.5 6.997V3h9v3.997a7.25 7.25 0 0 0 2.123 5.127L19 12.5V15h-7Zm0 0v6" 73 73 - /> 74 74 - </svg> 75 75 - </div> 76 76 - <span class="main">Pinned</span> 77 77 - </div> 78 78 - {/if} 79 79 - {/if} 80 80 - </div> 81 81 - 82 82 - <div class="content"> 83 83 - <div class="aside"> 84 84 - <a target="_blank" href={authorUrl} class="avatar-wrapper"> 85 85 - {#if author.avatar} 86 86 - <img loading="lazy" src={author.avatar} alt="" class="avatar" /> 87 87 - {/if} 88 88 - </a> 89 89 - 90 90 - {#if next} 91 91 - <div class="descendant-line"></div> 92 92 - {/if} 93 93 - </div> 94 94 - 95 95 - <div class="main"> 96 96 - <div class="meta"> 97 97 - <a href={authorUrl} target="_blank" class="name-wrapper"> 98 98 - {#if authorName} 99 99 - <bdi class="display-name-wrapper"> 100 100 - <span class="display-name">{authorName}</span> 101 101 - </bdi> 102 102 - {/if} 103 103 - 104 104 - <span class="handle">@{author.handle}</span> 105 105 - </a> 106 106 - 107 107 - <span aria-hidden="true" class="dot"> · </span> 108 108 - 109 109 - <a target="_blank" href={postUrl} title={formatLongDate(record.createdAt)} class="date"> 110 110 - <time datetime={record.createdAt}>{formatShortDate(record.createdAt)}</time> 111 111 - </a> 112 112 - </div> 113 113 - 114 114 - {#if !prev && record.reply} 115 115 - <p class="reply-context"> 116 116 - {#if parent && parent.$type === 'app.bsky.feed.defs#postView'} 117 117 - {@const author = parent.author} 118 118 - 119 119 - Replying to 120 120 - <a target="_blank" href={getProfileUrl(author.did)} dir="auto"> 121 121 - {author.displayName?.trim() || `@${author.handle}`} 122 122 - </a> 123 123 - {:else} 124 124 - Replying to an unknown post 125 125 - {/if} 126 126 - </p> 127 127 - {/if} 128 128 - 129 129 - <RichtextRenderer text={record.text} facets={record.facets} /> 130 130 - 131 131 - {#if post.embed} 132 132 - <Embeds {post} embed={post.embed} /> 133 133 - {/if} 134 134 - 135 135 - <div class="metrics"> 136 136 - <div 137 137 - title={replyCount === 1 138 138 - ? `${formatLongNumber(replyCount)} reply` 139 139 - : `${formatLongNumber(replyCount)} replies`} 140 140 - class="stat" 141 141 - > 142 142 - <svg class="icon" fill="none" viewBox="0 0 24 24"> 143 143 - <path 144 144 - stroke="currentColor" 145 145 - stroke-linecap="square" 146 146 - stroke-width="2" 147 147 - d="M3.002 4h18v14h-9l-5 3v-3h-4V4Z" 148 148 - /> 149 149 - </svg> 150 150 - 151 151 - <span class="count"> 152 152 - {formatCompactNumber(replyCount)} 153 153 - </span> 154 154 - </div> 155 155 - 156 156 - <div 157 157 - title={repostCount === 1 158 158 - ? `${formatLongNumber(repostCount)} repost` 159 159 - : `${formatLongNumber(repostCount)} reposts`} 160 160 - class="stat" 161 161 - > 162 162 - <svg class="icon" fill="none" viewBox="0 0 24 24"> 163 163 - <path 164 164 - stroke="currentColor" 165 165 - stroke-linecap="square" 166 166 - stroke-width="2" 167 167 - d="m17 3 3 3-3 3M7 21l-3-3 3-3m-2 3h15v-5M4 11V6h15" 168 168 - /> 169 169 - </svg> 170 170 - 171 171 - <span class="count"> 172 172 - {formatCompactNumber(repostCount)} 173 173 - </span> 174 174 - </div> 175 175 - 176 176 - <div 177 177 - title={likeCount === 1 178 178 - ? `${formatLongNumber(likeCount)} like` 179 179 - : `${formatLongNumber(likeCount)} likes`} 180 180 - class="stat" 181 181 - > 182 182 - <svg class="icon" fill="none" viewBox="0 0 24 24"> 183 183 - <path 184 184 - stroke="currentColor" 185 185 - stroke-width="2" 186 186 - d="M12 5.768c6.162-6.25 16.725 5.358 0 14.732C-4.725 11.126 5.838-.482 12 5.768Z" 187 187 - /> 188 188 - </svg> 189 189 - 190 190 - <span class="count"> 191 191 - {formatCompactNumber(likeCount)} 192 192 - </span> 193 193 - </div> 194 194 - </div> 195 195 - </div> 196 196 - </div> 197 197 - </div> 198 198 - 199 199 - <style> 200 200 - .feed-post { 201 201 - padding: 0 16px; 202 202 - } 203 203 - .is-leaf { 204 204 - border-bottom: 1px solid var(--divider); 205 205 - } 206 206 - 207 207 - .ascendant-line-wrapper { 208 208 - display: flex; 209 209 - flex-direction: column; 210 210 - align-items: center; 211 211 - width: 36px; 212 212 - 213 213 - .line { 214 214 - position: absolute; 215 215 - top: 0; 216 216 - bottom: 4px; 217 217 - flex-grow: 1; 218 218 - border-left: 2px solid var(--divider); 219 219 - } 220 220 - } 221 221 - .descendant-line { 222 222 - flex-grow: 1; 223 223 - margin-top: 4px; 224 224 - border-left: 2px solid var(--divider); 225 225 - } 226 226 - 227 227 - .contexts { 228 228 - display: flex; 229 229 - position: relative; 230 230 - flex-direction: column; 231 231 - padding: 8px 0 4px 0; 232 232 - } 233 233 - .context { 234 234 - display: flex; 235 235 - align-items: center; 236 236 - gap: 12px; 237 237 - color: var(--text-secondary); 238 238 - font-size: 0.8125rem; 239 239 - line-height: 1.25rem; 240 240 - 241 241 - .aside { 242 242 - display: flex; 243 243 - flex-shrink: 0; 244 244 - justify-content: flex-end; 245 245 - width: 36px; 246 246 - } 247 247 - 248 248 - .main { 249 249 - display: flex; 250 250 - min-width: 0px; 251 251 - 252 252 - &:hover { 253 253 - text-decoration-line: underline; 254 254 - } 255 255 - } 256 256 - 257 257 - .name { 258 258 - overflow: hidden; 259 259 - font-weight: 500; 260 260 - text-overflow: ellipsis; 261 261 - white-space: nowrap; 262 262 - } 263 263 - 264 264 - .affix { 265 265 - flex-shrink: 0; 266 266 - white-space: pre; 267 267 - } 268 268 - } 269 269 - 270 270 - .content { 271 271 - display: flex; 272 272 - gap: 12px; 273 273 - 274 274 - .aside { 275 275 - display: flex; 276 276 - flex-shrink: 0; 277 277 - flex-direction: column; 278 278 - align-items: center; 279 279 - } 280 280 - 281 281 - .main { 282 282 - flex-grow: 1; 283 283 - padding-bottom: 12px; 284 284 - min-width: 0; 285 285 - } 286 286 - } 287 287 - 288 288 - .avatar-wrapper { 289 289 - display: block; 290 290 - border-radius: 9999px; 291 291 - background: var(--background-secondary); 292 292 - width: 36px; 293 293 - height: 36px; 294 294 - overflow: hidden; 295 295 - 296 296 - &:hover { 297 297 - filter: brightness(0.85); 298 298 - } 299 299 - } 300 300 - .avatar { 301 301 - width: 100%; 302 302 - height: 100%; 303 303 - object-fit: cover; 304 304 - } 305 305 - 306 306 - .meta { 307 307 - display: flex; 308 308 - align-items: center; 309 309 - margin: 0 0 2px 0; 310 310 - color: var(--text-secondary); 311 311 - 312 312 - .name-wrapper { 313 313 - display: flex; 314 314 - gap: 4px; 315 315 - max-width: 100%; 316 316 - overflow: hidden; 317 317 - color: inherit; 318 318 - text-decoration: none; 319 319 - text-overflow: ellipsis; 320 320 - white-space: nowrap; 321 321 - } 322 322 - 323 323 - .display-name-wrapper { 324 324 - overflow: hidden; 325 325 - text-overflow: ellipsis; 326 326 - 327 327 - .name-wrapper:hover & { 328 328 - text-decoration: underline; 329 329 - } 330 330 - } 331 331 - 332 332 - .display-name { 333 333 - color: var(--text-primary); 334 334 - font-weight: 700; 335 335 - } 336 336 - 337 337 - .handle { 338 338 - display: block; 339 339 - overflow: hidden; 340 340 - text-overflow: ellipsis; 341 341 - white-space: nowrap; 342 342 - } 343 343 - 344 344 - .dot { 345 345 - flex-shrink: 0; 346 346 - margin: 0 6px; 347 347 - } 348 348 - 349 349 - .date { 350 350 - color: inherit; 351 351 - text-decoration: none; 352 352 - white-space: nowrap; 353 353 - 354 354 - &:hover { 355 355 - text-decoration: underline; 356 356 - } 357 357 - } 358 358 - } 359 359 - 360 360 - .reply-context { 361 361 - overflow: hidden; 362 362 - color: var(--text-secondary); 363 363 - font-size: calc(var(--font-size) * 0.8125); 364 364 - text-overflow: ellipsis; 365 365 - white-space: nowrap; 366 366 - 367 367 - a { 368 368 - color: inherit; 369 369 - font-weight: 500; 370 370 - 371 371 - &:hover { 372 372 - text-decoration: underline; 373 373 - } 374 374 - } 375 375 - } 376 376 - 377 377 - .metrics { 378 378 - display: flex; 379 379 - align-items: center; 380 380 - gap: 16px; 381 381 - margin-top: 12px; 382 382 - color: var(--text-secondary); 383 383 - } 384 384 - .stat { 385 385 - display: flex; 386 386 - align-items: center; 387 387 - gap: 8px; 388 388 - min-width: 0px; 389 389 - max-width: 100%; 390 390 - 391 391 - .count { 392 392 - padding-right: 8px; 393 393 - overflow: hidden; 394 394 - font-size: calc(var(--font-size) * 0.8125); 395 395 - line-height: calc(var(--font-size) * 1.25); 396 396 - text-overflow: ellipsis; 397 397 - white-space: nowrap; 398 398 - } 399 399 - } 400 400 - </style>

-271

packages/internal/components/highlighted-post.svelte

··· 1 1 - <script lang="ts"> 2 2 - import type { AppBskyFeedDefs, AppBskyFeedPost } from '@atcute/client/lexicons'; 3 3 - 4 4 - import { getPostUrl, getProfileUrl } from '../utils/bsky-url'; 5 5 - import { formatLongDate } from '../utils/date'; 6 6 - import { findLabel } from '../utils/labels'; 7 7 - import { formatCompactNumber, formatLongNumber } from '../utils/number'; 8 8 - import { parseAtUri } from '../utils/syntax/at-url'; 9 9 - 10 10 - import Embeds from './embeds/embeds.svelte'; 11 11 - import RichTextRenderer from './richtext-renderer.svelte'; 12 12 - 13 13 - interface Props { 14 14 - post: AppBskyFeedDefs.PostView; 15 15 - parent: AppBskyFeedDefs.PostView | null; 16 16 - prev?: boolean; 17 17 - } 18 18 - 19 19 - const { post, parent, prev = false }: Props = $props(); 20 20 - 21 21 - const author = post.author; 22 22 - const authorUrl = getProfileUrl(author.did); 23 23 - const authorName = author.displayName?.trim(); 24 24 - 25 25 - const record = post.record as AppBskyFeedPost.Record; 26 26 - const postUrl = getPostUrl(author.did, parseAtUri(post.uri).rkey); 27 27 - 28 28 - const replyCount = post.replyCount || 0; 29 29 - const likeCount = post.likeCount || 0; 30 30 - const repostCount = (post.repostCount || 0) + (post.quoteCount || 0); 31 31 - 32 32 - const isAuthorBlurred = !!findLabel(author.labels, author.did); 33 33 - </script> 34 34 - 35 35 - <div class="highlighted-post"> 36 36 - <div class="meta"> 37 37 - <a href={authorUrl} target="_blank" class="avatar-wrapper"> 38 38 - {#if author.avatar} 39 39 - <img 40 40 - loading="lazy" 41 41 - src={author.avatar} 42 42 - alt="" 43 43 - class={`avatar` + (isAuthorBlurred ? ` is-blurred` : ``)} 44 44 - /> 45 45 - {/if} 46 46 - </a> 47 47 - 48 48 - <a href={authorUrl} target="_blank" class="name-wrapper"> 49 49 - {#if authorName} 50 50 - <bdi class="display-name-wrapper"> 51 51 - <span class="display-name">{authorName}</span> 52 52 - </bdi> 53 53 - {/if} 54 54 - <span class="handle">@{author.handle}</span> 55 55 - </a> 56 56 - 57 57 - {#if !prev} 58 58 - <svg class="logo" fill="none" viewBox="0 0 320 286"> 59 59 - <path 60 60 - fill="#0A7AFF" 61 61 - d="M69.364 19.146c36.687 27.806 76.147 84.186 90.636 114.439 14.489-30.253 53.948-86.633 90.636-114.439C277.107-.917 320-16.44 320 32.957c0 9.865-5.603 82.875-8.889 94.729-11.423 41.208-53.045 51.719-90.071 45.357 64.719 11.12 81.182 47.953 45.627 84.785-80 82.874-106.667-44.333-106.667-44.333s-26.667 127.207-106.667 44.333c-35.555-36.832-19.092-73.665 45.627-84.785-37.026 6.362-78.648-4.149-90.071-45.357C5.603 115.832 0 42.822 0 32.957 0-16.44 42.893-.917 69.364 19.147Z" 62 62 - /> 63 63 - </svg> 64 64 - {/if} 65 65 - </div> 66 66 - 67 67 - {#if !prev && record.reply} 68 68 - <p class="context"> 69 69 - {#if parent} 70 70 - {@const author = parent.author} 71 71 - 72 72 - Replying to 73 73 - <a target="_blank" href={getProfileUrl(author.did)} dir="auto"> 74 74 - {author.displayName?.trim() || `@${author.handle}`} 75 75 - </a> 76 76 - {:else} 77 77 - Replying to an unknown post 78 78 - {/if} 79 79 - </p> 80 80 - {/if} 81 81 - 82 82 - <RichTextRenderer text={record.text} facets={record.facets} large /> 83 83 - 84 84 - {#if post.embed} 85 85 - <Embeds {post} embed={post.embed} large /> 86 86 - {/if} 87 87 - 88 88 - <time datetime={record.createdAt} class="date"> 89 89 - {formatLongDate(record.createdAt)} 90 90 - </time> 91 91 - 92 92 - <div class="stats"> 93 93 - <span 94 94 - class="stat" 95 95 - title={likeCount === 1 ? `${formatLongNumber(likeCount)} like` : `${formatLongNumber(likeCount)} likes`} 96 96 - > 97 97 - <!-- heart-2 --> 98 98 - <svg class="icon" fill="none" viewBox="0 0 24 24"> 99 99 - <path 100 100 - stroke="currentColor" 101 101 - stroke-width="2" 102 102 - d="M12 5.768c6.162-6.25 16.725 5.358 0 14.732C-4.725 11.126 5.838-.482 12 5.768Z" 103 103 - /> 104 104 - </svg> 105 105 - 106 106 - <span>{formatCompactNumber(likeCount)}</span> 107 107 - </span> 108 108 - 109 109 - <span 110 110 - class="stat" 111 111 - title={repostCount === 1 112 112 - ? `${formatLongNumber(repostCount)} repost` 113 113 - : `${formatLongNumber(repostCount)} reposts`} 114 114 - > 115 115 - <!-- arrows-repeat-right-left --> 116 116 - <svg class="icon" fill="none" viewBox="0 0 24 24"> 117 117 - <path 118 118 - stroke="currentColor" 119 119 - stroke-linecap="square" 120 120 - stroke-width="2" 121 121 - d="m17 3 3 3-3 3M7 21l-3-3 3-3m-2 3h15v-5M4 11V6h15" 122 122 - /> 123 123 - </svg> 124 124 - 125 125 - <span>{formatCompactNumber(repostCount)}</span> 126 126 - </span> 127 127 - 128 128 - <div class="gap"></div> 129 129 - 130 130 - <a href={postUrl} target="_blank" class="permalink"> 131 131 - <span> 132 132 - {!replyCount 133 133 - ? `View on Bluesky` 134 134 - : replyCount === 1 135 135 - ? `Read ${formatCompactNumber(replyCount)} reply on Bluesky` 136 136 - : `Read ${formatCompactNumber(replyCount)} replies on Bluesky`} 137 137 - </span> 138 138 - </a> 139 139 - </div> 140 140 - </div> 141 141 - 142 142 - <style> 143 143 - .highlighted-post { 144 144 - padding: 16px; 145 145 - } 146 146 - 147 147 - .meta { 148 148 - display: flex; 149 149 - align-items: center; 150 150 - gap: 12px; 151 151 - margin: 0 0 12px 0; 152 152 - color: var(--text-secondary); 153 153 - } 154 154 - 155 155 - .avatar-wrapper { 156 156 - display: block; 157 157 - flex-shrink: 0; 158 158 - border-radius: 9999px; 159 159 - background: var(--background-secondary); 160 160 - width: 40px; 161 161 - height: 40px; 162 162 - overflow: hidden; 163 163 - 164 164 - &:hover { 165 165 - filter: brightness(0.85); 166 166 - } 167 167 - } 168 168 - 169 169 - .avatar { 170 170 - width: 100%; 171 171 - height: 100%; 172 172 - object-fit: cover; 173 173 - } 174 174 - .is-blurred { 175 175 - scale: 125%; 176 176 - filter: blur(4px); 177 177 - } 178 178 - 179 179 - .name-wrapper { 180 180 - display: block; 181 181 - flex-grow: 1; 182 182 - max-width: 100%; 183 183 - overflow: hidden; 184 184 - color: inherit; 185 185 - text-overflow: ellipsis; 186 186 - white-space: nowrap; 187 187 - } 188 188 - .display-name-wrapper { 189 189 - overflow: hidden; 190 190 - text-overflow: ellipsis; 191 191 - 192 192 - .name-wrapper:hover & { 193 193 - text-decoration: underline; 194 194 - } 195 195 - } 196 196 - .display-name { 197 197 - color: var(--text-primary); 198 198 - font-weight: 700; 199 199 - } 200 200 - .handle { 201 201 - display: block; 202 202 - overflow: hidden; 203 203 - text-overflow: ellipsis; 204 204 - white-space: nowrap; 205 205 - } 206 206 - 207 207 - .logo { 208 208 - width: 32px; 209 209 - height: 32px; 210 210 - } 211 211 - 212 212 - .context { 213 213 - overflow: hidden; 214 214 - color: var(--text-secondary); 215 215 - font-size: calc(var(--font-size) * 0.8125); 216 216 - text-overflow: ellipsis; 217 217 - white-space: nowrap; 218 218 - 219 219 - a { 220 220 - color: inherit; 221 221 - font-weight: 500; 222 222 - 223 223 - &:hover { 224 224 - text-decoration: underline; 225 225 - } 226 226 - } 227 227 - } 228 228 - 229 229 - .date { 230 230 - display: flex; 231 231 - flex-wrap: wrap; 232 232 - align-items: center; 233 233 - gap: 8px; 234 234 - margin: 12px 0 0; 235 235 - border-bottom: 1px solid var(--divider); 236 236 - padding: 0 0 12px 0; 237 237 - color: var(--text-secondary); 238 238 - } 239 239 - 240 240 - .stats { 241 241 - display: flex; 242 242 - flex-wrap: wrap; 243 243 - align-items: center; 244 244 - gap: 8px 16px; 245 245 - margin: 0 0 -16px 0; 246 246 - padding: 12px 0; 247 247 - color: var(--text-secondary); 248 248 - 249 249 - .gap { 250 250 - flex: 1 1 auto; 251 251 - } 252 252 - 253 253 - .permalink { 254 254 - display: flex; 255 255 - align-items: center; 256 256 - gap: 4px; 257 257 - color: var(--text-link); 258 258 - font-weight: 700; 259 259 - 260 260 - &:hover { 261 261 - text-decoration: underline; 262 262 - } 263 263 - } 264 264 - } 265 265 - .stat { 266 266 - display: flex; 267 267 - align-items: center; 268 268 - gap: 8px; 269 269 - font-weight: 500; 270 270 - } 271 271 - </style>

-226

packages/internal/components/post.svelte

··· 1 1 - <script lang="ts"> 2 2 - import type { AppBskyFeedDefs, AppBskyFeedPost } from '@atcute/client/lexicons'; 3 3 - 4 4 - import { getPostUrl, getProfileUrl } from '../utils/bsky-url'; 5 5 - import { formatLongDate, formatShortDate } from '../utils/date'; 6 6 - import { findLabel } from '../utils/labels'; 7 7 - import { parseAtUri } from '../utils/syntax/at-url'; 8 8 - 9 9 - import Embeds from './embeds/embeds.svelte'; 10 10 - import RichtextRenderer from './richtext-renderer.svelte'; 11 11 - 12 12 - interface Props { 13 13 - post: AppBskyFeedDefs.PostView; 14 14 - parent?: AppBskyFeedDefs.PostView | null; 15 15 - prev?: boolean; 16 16 - } 17 17 - 18 18 - const { post, parent, prev }: Props = $props(); 19 19 - 20 20 - const author = post.author; 21 21 - const authorUrl = getProfileUrl(author.did); 22 22 - const authorName = author.displayName?.trim(); 23 23 - 24 24 - const record = post.record as AppBskyFeedPost.Record; 25 25 - const postUrl = getPostUrl(author.did, parseAtUri(post.uri).rkey); 26 26 - 27 27 - const isAuthorBlurred = !!findLabel(author.labels, author.did); 28 28 - </script> 29 29 - 30 30 - <div class="post"> 31 31 - {#if !prev} 32 32 - <svg class="logo" fill="none" viewBox="0 0 320 286"> 33 33 - <path 34 34 - fill="#0A7AFF" 35 35 - d="M69.364 19.146c36.687 27.806 76.147 84.186 90.636 114.439 14.489-30.253 53.948-86.633 90.636-114.439C277.107-.917 320-16.44 320 32.957c0 9.865-5.603 82.875-8.889 94.729-11.423 41.208-53.045 51.719-90.071 45.357 64.719 11.12 81.182 47.953 45.627 84.785-80 82.874-106.667-44.333-106.667-44.333s-26.667 127.207-106.667 44.333c-35.555-36.832-19.092-73.665 45.627-84.785-37.026 6.362-78.648-4.149-90.071-45.357C5.603 115.832 0 42.822 0 32.957 0-16.44 42.893-.917 69.364 19.147Z" 36 36 - /> 37 37 - </svg> 38 38 - {/if} 39 39 - 40 40 - <div class="aside"> 41 41 - <a target="_blank" href={authorUrl} class="avatar-wrapper"> 42 42 - {#if author.avatar} 43 43 - <img 44 44 - loading="lazy" 45 45 - src={author.avatar} 46 46 - alt="" 47 47 - class={`avatar` + (isAuthorBlurred ? ` is-blurred` : ``)} 48 48 - /> 49 49 - {/if} 50 50 - </a> 51 51 - 52 52 - <div class="line"></div> 53 53 - </div> 54 54 - 55 55 - <div class="main"> 56 56 - <div class="meta"> 57 57 - <a href={authorUrl} target="_blank" class="name-wrapper"> 58 58 - {#if authorName} 59 59 - <bdi class="display-name-wrapper"> 60 60 - <span class="display-name">{authorName}</span> 61 61 - </bdi> 62 62 - {/if} 63 63 - 64 64 - <span class="handle">@{author.handle}</span> 65 65 - </a> 66 66 - 67 67 - <span aria-hidden="true" class="dot"> · </span> 68 68 - 69 69 - <a target="_blank" href={postUrl} title={formatLongDate(record.createdAt)} class="date"> 70 70 - <time datetime={record.createdAt}>{formatShortDate(record.createdAt)}</time> 71 71 - </a> 72 72 - </div> 73 73 - 74 74 - {#if !prev && record.reply} 75 75 - <p class="context"> 76 76 - {#if parent} 77 77 - {@const author = parent.author} 78 78 - 79 79 - Replying to 80 80 - <a target="_blank" href={getProfileUrl(author.did)} dir="auto"> 81 81 - {author.displayName?.trim() || `@${author.handle}`} 82 82 - </a> 83 83 - {:else} 84 84 - Replying to an unknown post 85 85 - {/if} 86 86 - </p> 87 87 - {/if} 88 88 - 89 89 - <RichtextRenderer text={record.text} facets={record.facets} /> 90 90 - 91 91 - {#if post.embed} 92 92 - <Embeds {post} embed={post.embed} /> 93 93 - {/if} 94 94 - </div> 95 95 - </div> 96 96 - 97 97 - <style> 98 98 - .post { 99 99 - display: flex; 100 100 - position: relative; 101 101 - gap: 12px; 102 102 - padding: 12px 16px 0 16px; 103 103 - } 104 104 - 105 105 - .logo { 106 106 - position: absolute; 107 107 - top: 12px; 108 108 - right: 12px; 109 109 - width: 24px; 110 110 - height: 24px; 111 111 - } 112 112 - 113 113 - .aside { 114 114 - flex-shrink: 0; 115 115 - } 116 116 - 117 117 - .avatar-wrapper { 118 118 - display: block; 119 119 - border-radius: 9999px; 120 120 - background: var(--background-secondary); 121 121 - width: 40px; 122 122 - height: 40px; 123 123 - overflow: hidden; 124 124 - 125 125 - &:hover { 126 126 - filter: brightness(0.85); 127 127 - } 128 128 - } 129 129 - 130 130 - .avatar { 131 131 - width: 100%; 132 132 - height: 100%; 133 133 - object-fit: cover; 134 134 - } 135 135 - .is-blurred { 136 136 - scale: 125%; 137 137 - filter: blur(4px); 138 138 - } 139 139 - 140 140 - .line { 141 141 - position: absolute; 142 142 - top: 56px; 143 143 - bottom: -12px; 144 144 - left: 35px; 145 145 - border-left: 2px solid var(--divider); 146 146 - } 147 147 - 148 148 - .main { 149 149 - display: flex; 150 150 - flex-grow: 1; 151 151 - flex-direction: column; 152 152 - min-width: 0px; 153 153 - } 154 154 - 155 155 - .meta { 156 156 - display: flex; 157 157 - align-items: center; 158 158 - margin: 0 0 2px 0; 159 159 - padding: 0 calc(24px + 8px) 0 0; 160 160 - color: var(--text-secondary); 161 161 - 162 162 - .name-wrapper { 163 163 - display: flex; 164 164 - gap: 4px; 165 165 - max-width: 100%; 166 166 - overflow: hidden; 167 167 - color: inherit; 168 168 - text-decoration: none; 169 169 - text-overflow: ellipsis; 170 170 - white-space: nowrap; 171 171 - } 172 172 - 173 173 - .display-name-wrapper { 174 174 - overflow: hidden; 175 175 - text-overflow: ellipsis; 176 176 - 177 177 - .name-wrapper:hover & { 178 178 - text-decoration: underline; 179 179 - } 180 180 - } 181 181 - 182 182 - .display-name { 183 183 - color: var(--text-primary); 184 184 - font-weight: 700; 185 185 - } 186 186 - 187 187 - .handle { 188 188 - display: block; 189 189 - overflow: hidden; 190 190 - text-overflow: ellipsis; 191 191 - white-space: nowrap; 192 192 - } 193 193 - 194 194 - .dot { 195 195 - flex-shrink: 0; 196 196 - margin: 0 6px; 197 197 - } 198 198 - 199 199 - .date { 200 200 - color: inherit; 201 201 - text-decoration: none; 202 202 - white-space: nowrap; 203 203 - 204 204 - &:hover { 205 205 - text-decoration: underline; 206 206 - } 207 207 - } 208 208 - } 209 209 - 210 210 - .context { 211 211 - overflow: hidden; 212 212 - color: var(--text-secondary); 213 213 - font-size: calc(var(--font-size) * 0.8125); 214 214 - text-overflow: ellipsis; 215 215 - white-space: nowrap; 216 216 - 217 217 - a { 218 218 - color: inherit; 219 219 - font-weight: 500; 220 220 - 221 221 - &:hover { 222 222 - text-decoration: underline; 223 223 - } 224 224 - } 225 225 - } 226 226 - </style>

-204

packages/internal/components/profile-card.svelte

··· 1 1 - <script lang="ts"> 2 2 - import type { AppBskyActorDefs } from '@atcute/client/lexicons'; 3 3 - 4 4 - import { getProfileUrl } from '../utils/bsky-url'; 5 5 - import { findLabel } from '../utils/labels'; 6 6 - import { formatCompactNumber } from '../utils/number'; 7 7 - import RichtextRawRenderer from './richtext-raw-renderer.svelte'; 8 8 - 9 9 - interface Props { 10 10 - profile: AppBskyActorDefs.ProfileViewDetailed; 11 11 - } 12 12 - 13 13 - const { profile }: Props = $props(); 14 14 - 15 15 - const url = getProfileUrl(profile.did); 16 16 - const isBlurred = findLabel(profile.labels, profile.did); 17 17 - </script> 18 18 - 19 19 - <div class="profile-card has-banner"> 20 20 - <div class="banner-wrapper"> 21 21 - {#if profile.banner} 22 22 - <img loading="lazy" src={profile.banner} alt="" class={`banner` + (isBlurred ? ` is-blurred` : ``)} /> 23 23 - {/if} 24 24 - </div> 25 25 - 26 26 - <div class="contents"> 27 27 - <div class="header"> 28 28 - <a href={url} target="_blank" class="avatar-wrapper"> 29 29 - {#if profile.avatar} 30 30 - <img 31 31 - loading="lazy" 32 32 - src={profile.avatar} 33 33 - alt="" 34 34 - class={`avatar` + (isBlurred ? ` is-blurred` : ``)} 35 35 - /> 36 36 - {/if} 37 37 - </a> 38 38 - 39 39 - <div class="actions"> 40 40 - <a href={url} target="_blank" class="follow-button"> 41 41 - <svg class="icon" fill="none" viewBox="0 0 24 24"> 42 42 - <path 43 43 - stroke="currentColor" 44 44 - stroke-linecap="square" 45 45 - stroke-width="2" 46 46 - d="M12 4v8m0 0v8m0-8H4m8 0h8" 47 47 - /> 48 48 - </svg> 49 49 - <span>Follow</span> 50 50 - </a> 51 51 - 52 52 - <svg class="logo" fill="none" viewBox="0 0 320 286"> 53 53 - <path 54 54 - fill="#0A7AFF" 55 55 - d="M69.364 19.146c36.687 27.806 76.147 84.186 90.636 114.439 14.489-30.253 53.948-86.633 90.636-114.439C277.107-.917 320-16.44 320 32.957c0 9.865-5.603 82.875-8.889 94.729-11.423 41.208-53.045 51.719-90.071 45.357 64.719 11.12 81.182 47.953 45.627 84.785-80 82.874-106.667-44.333-106.667-44.333s-26.667 127.207-106.667 44.333c-35.555-36.832-19.092-73.665 45.627-84.785-37.026 6.362-78.648-4.149-90.071-45.357C5.603 115.832 0 42.822 0 32.957 0-16.44 42.893-.917 69.364 19.147Z" 56 56 - /> 57 57 - </svg> 58 58 - </div> 59 59 - </div> 60 60 - 61 61 - <div class="name-wrapper"> 62 62 - <p dir="auto" class="display-name">{profile.displayName?.trim() || profile.handle.slice(0, 64)}</p> 63 63 - <p class="handle">@{profile.handle}</p> 64 64 - </div> 65 65 - 66 66 - <div class="stats"> 67 67 - <span class="stat-entry"> 68 68 - <span class="stat-count">{formatCompactNumber(profile.followersCount || 0)}</span> 69 69 - <span> {profile.followersCount === 1 ? `Follower` : `Followers`}</span> 70 70 - </span> 71 71 - 72 72 - <span class="stat-entry"> 73 73 - <span class="stat-count">{formatCompactNumber(profile.followsCount || 0)}</span> 74 74 - <span> Following</span> 75 75 - </span> 76 76 - </div> 77 77 - 78 78 - {#if profile.description?.trim()} 79 79 - <RichtextRawRenderer text={profile.description} /> 80 80 - {/if} 81 81 - </div> 82 82 - </div> 83 83 - 84 84 - <style> 85 85 - .profile-card { 86 86 - display: flex; 87 87 - flex-direction: column; 88 88 - } 89 89 - 90 90 - .is-blurred { 91 91 - scale: 125%; 92 92 - filter: blur(4px); 93 93 - } 94 94 - 95 95 - .banner-wrapper { 96 96 - background: var(--background-secondary); 97 97 - aspect-ratio: 3 / 1; 98 98 - overflow: hidden; 99 99 - } 100 100 - .banner { 101 101 - width: 100%; 102 102 - height: 100%; 103 103 - object-fit: cover; 104 104 - } 105 105 - 106 106 - .contents { 107 107 - display: flex; 108 108 - position: relative; 109 109 - flex-direction: column; 110 110 - gap: 8px; 111 111 - padding: 12px 16px 16px; 112 112 - } 113 113 - .logo { 114 114 - width: 24px; 115 115 - height: 24px; 116 116 - } 117 117 - 118 118 - .header { 119 119 - display: flex; 120 120 - justify-content: space-between; 121 121 - align-items: end; 122 122 - } 123 123 - .actions { 124 124 - display: flex; 125 125 - align-items: center; 126 126 - gap: 16px; 127 127 - } 128 128 - 129 129 - .avatar-wrapper { 130 130 - display: block; 131 131 - flex-shrink: 0; 132 132 - outline: 2px solid var(--background-primary); 133 133 - border-radius: 9999px; 134 134 - background: var(--background-secondary); 135 135 - width: 90px; 136 136 - height: 90px; 137 137 - overflow: hidden; 138 138 - 139 139 - .has-banner & { 140 140 - margin-top: calc(-90px + 34px); 141 141 - } 142 142 - } 143 143 - .avatar { 144 144 - width: 100%; 145 145 - height: 100%; 146 146 - object-fit: cover; 147 147 - 148 148 - .avatar-wrapper:hover & { 149 149 - filter: brightness(0.85); 150 150 - 151 151 - &.is-blurred { 152 152 - filter: brightness(0.85) blur(4px); 153 153 - } 154 154 - } 155 155 - } 156 156 - 157 157 - .follow-button { 158 158 - display: flex; 159 159 - align-items: center; 160 160 - gap: 6px; 161 161 - border-radius: 9999px; 162 162 - background: var(--button); 163 163 - padding: 9px 12px; 164 164 - color: var(--button-text); 165 165 - font-weight: 600; 166 166 - font-size: calc(var(--font-size) * 0.8125); 167 167 - line-height: calc(var(--font-size) * 1); 168 168 - user-select: none; 169 169 - 170 170 - .icon { 171 171 - font-size: 16px; 172 172 - } 173 173 - 174 174 - &:hover { 175 175 - background: var(--button-hover); 176 176 - } 177 177 - } 178 178 - 179 179 - .display-name { 180 180 - font-weight: 700; 181 181 - font-size: calc(var(--font-size) * 1.25); 182 182 - line-height: calc(var(--font-size) * 1.75); 183 183 - overflow-wrap: break-word; 184 184 - } 185 185 - .handle { 186 186 - color: var(--text-secondary); 187 187 - overflow-wrap: break-word; 188 188 - } 189 189 - 190 190 - .stats { 191 191 - display: flex; 192 192 - flex-wrap: wrap; 193 193 - gap: 20px; 194 194 - 195 195 - min-width: 0; 196 196 - } 197 197 - .stat-entry { 198 198 - color: var(--text-secondary); 199 199 - } 200 200 - .stat-count { 201 201 - color: var(--text-primary); 202 202 - font-weight: 700; 203 203 - } 204 204 - </style>

-54

packages/internal/components/profile-feed-header.svelte

··· 1 1 - <script lang="ts"> 2 2 - import type { AppBskyActorDefs } from '@atcute/client/lexicons'; 3 3 - 4 4 - import { getProfileUrl } from '../utils/bsky-url'; 5 5 - 6 6 - interface Props { 7 7 - profile: AppBskyActorDefs.ProfileViewDetailed; 8 8 - } 9 9 - 10 10 - const { profile }: Props = $props(); 11 11 - </script> 12 12 - 13 13 - <div class="profile-feed-header"> 14 14 - <a target="_blank" href={getProfileUrl(profile.did)} class="title">Posts from @{profile.handle}</a> 15 15 - 16 16 - <svg class="logo" fill="none" viewBox="0 0 320 286"> 17 17 - <path 18 18 - fill="#0A7AFF" 19 19 - d="M69.364 19.146c36.687 27.806 76.147 84.186 90.636 114.439 14.489-30.253 53.948-86.633 90.636-114.439C277.107-.917 320-16.44 320 32.957c0 9.865-5.603 82.875-8.889 94.729-11.423 41.208-53.045 51.719-90.071 45.357 64.719 11.12 81.182 47.953 45.627 84.785-80 82.874-106.667-44.333-106.667-44.333s-26.667 127.207-106.667 44.333c-35.555-36.832-19.092-73.665 45.627-84.785-37.026 6.362-78.648-4.149-90.071-45.357C5.603 115.832 0 42.822 0 32.957 0-16.44 42.893-.917 69.364 19.147Z" 20 20 - /> 21 21 - </svg> 22 22 - </div> 23 23 - 24 24 - <style> 25 25 - .profile-feed-header { 26 26 - display: flex; 27 27 - justify-content: space-between; 28 28 - align-items: center; 29 29 - gap: 16px; 30 30 - container-type: inline-size; 31 31 - border-bottom: 1px solid var(--divider); 32 32 - padding: 12px 16px; 33 33 - } 34 34 - 35 35 - .title { 36 36 - padding: 4px 0; 37 37 - min-width: 0; 38 38 - overflow: hidden; 39 39 - font-weight: 600; 40 40 - font-size: calc(var(--font-size) * 1); 41 41 - line-height: calc(var(--font-size) * 1.5); 42 42 - text-overflow: ellipsis; 43 43 - white-space: nowrap; 44 44 - 45 45 - &:hover { 46 46 - text-decoration: underline; 47 47 - } 48 48 - } 49 49 - 50 50 - .logo { 51 51 - width: 24px; 52 52 - height: 24px; 53 53 - } 54 54 - </style>

-53

packages/internal/components/richtext-raw-renderer.svelte

··· 1 1 - <script lang="ts" module> 2 2 - const HTTP_RE = /^https?:\/\//; 3 3 - </script> 4 4 - 5 5 - <script lang="ts"> 6 6 - import { tokenize } from '@atcute/bluesky-richtext-parser'; 7 7 - 8 8 - import { getHashtagUrl, getProfileUrl } from '../utils/bsky-url'; 9 9 - 10 10 - interface Props { 11 11 - text: string; 12 12 - } 13 13 - 14 14 - const { text }: Props = $props(); 15 15 - </script> 16 16 - 17 17 - <p class="rich-text is-small"> 18 18 - {#each tokenize(text) as token} 19 19 - {#if token.type === 'autolink'} 20 20 - <a target="_blank" href={token.url} rel="noopener nofollow" class="link"> 21 21 - {token.raw.replace(HTTP_RE, '')} 22 22 - </a> 23 23 - {:else if token.type === 'mention'} 24 24 - <a target="_blank" href={getProfileUrl(token.handle)} class="mention">{token.raw}</a> 25 25 - {:else if token.type === 'topic'} 26 26 - <a target="_blank" href={getHashtagUrl(token.name)} class="hashtag">{token.raw}</a> 27 27 - {:else} 28 28 - {token.raw} 29 29 - {/if} 30 30 - {/each} 31 31 - </p> 32 32 - 33 33 - <style> 34 34 - .rich-text { 35 35 - overflow: hidden; 36 36 - white-space: pre-wrap; 37 37 - overflow-wrap: break-word; 38 38 - 39 39 - &:empty { 40 40 - display: none; 41 41 - } 42 42 - } 43 43 - 44 44 - .link, 45 45 - .mention, 46 46 - .hashtag { 47 47 - color: var(--text-link); 48 48 - 49 49 - &:hover { 50 50 - text-decoration: underline; 51 51 - } 52 52 - } 53 53 - </style>

-66

packages/internal/components/richtext-renderer.svelte

··· 1 1 - <script lang="ts" module> 2 2 - import { segmentize, type Facet, type FacetFeature } from '@atcute/bluesky-richtext-segmenter'; 3 3 - 4 4 - import { getHashtagUrl, getProfileUrl } from '../utils/bsky-url'; 5 5 - 6 6 - const grabFirstSupported = (features: FacetFeature[] | undefined): FacetFeature | undefined => { 7 7 - return features?.find( 8 8 - (feature) => 9 9 - feature.$type === 'app.bsky.richtext.facet#link' || 10 10 - feature.$type === 'app.bsky.richtext.facet#mention' || 11 11 - feature.$type === 'app.bsky.richtext.facet#tag', 12 12 - ); 13 13 - }; 14 14 - </script> 15 15 - 16 16 - <script lang="ts"> 17 17 - interface Props { 18 18 - text: string; 19 19 - facets?: Facet[]; 20 20 - large?: boolean; 21 21 - } 22 22 - 23 23 - const { text, facets, large }: Props = $props(); 24 24 - </script> 25 25 - 26 26 - <p class={`rich-text` + (large ? ` is-large` : ` is-small`)}> 27 27 - {#each segmentize(text, facets) as segment} 28 28 - {@const feature = grabFirstSupported(segment.features)} 29 29 - 30 30 - {#if !feature} 31 31 - {segment.text} 32 32 - {:else if feature.$type === 'app.bsky.richtext.facet#link'} 33 33 - <a target="_blank" href={feature.uri} rel="noopener nofollow" class="link">{segment.text}</a> 34 34 - {:else if feature.$type === 'app.bsky.richtext.facet#mention'} 35 35 - <a target="_blank" href={getProfileUrl(feature.did)} class="mention">{segment.text}</a> 36 36 - {:else if feature.$type === 'app.bsky.richtext.facet#tag'} 37 37 - <a target="_blank" href={getHashtagUrl(feature.tag)} class="hashtag">{segment.text}</a> 38 38 - {/if} 39 39 - {/each} 40 40 - </p> 41 41 - 42 42 - <style> 43 43 - .rich-text { 44 44 - overflow: hidden; 45 45 - white-space: pre-wrap; 46 46 - overflow-wrap: break-word; 47 47 - 48 48 - &:empty { 49 49 - display: none; 50 50 - } 51 51 - } 52 52 - .is-large { 53 53 - font-size: calc(var(--font-size) * 1); 54 54 - line-height: calc(var(--font-size) * 1.5); 55 55 - } 56 56 - 57 57 - .link, 58 58 - .mention, 59 59 - .hashtag { 60 60 - color: var(--text-link); 61 61 - 62 62 - &:hover { 63 63 - text-decoration: underline; 64 64 - } 65 65 - } 66 66 - </style>

-34

packages/internal/package.json

··· 1 1 - { 2 2 - "private": true, 3 3 - "type": "module", 4 4 - "name": "internal", 5 5 - "version": "0.1.0", 6 6 - "exports": { 7 7 - "./components/*": "./components/*", 8 8 - "./types/*": "./types/*", 9 9 - "./utils/*": "./utils/*" 10 10 - }, 11 11 - "peerDependencies": { 12 12 - "@atcute/bluesky": "^1.0.9", 13 13 - "@atcute/bluesky-richtext-parser": "^1.0.7", 14 14 - "@atcute/bluesky-richtext-segmenter": "^1.0.5", 15 15 - "@atcute/client": "^2.0.6", 16 16 - "svelte": "catalog:" 17 17 - }, 18 18 - "peerDependenciesMeta": { 19 19 - "@atcute/bluesky-richtext-parser": { 20 20 - "optional": true 21 21 - }, 22 22 - "@atcute/bluesky-richtext-segmenter": { 23 23 - "optional": true 24 24 - } 25 25 - }, 26 26 - "devDependencies": { 27 27 - "@atcute/bluesky": "^2.1.1", 28 28 - "@atcute/bluesky-richtext-parser": "^1.0.7", 29 29 - "@atcute/bluesky-richtext-segmenter": "^2.0.4", 30 30 - "@atcute/client": "^3.1.0", 31 31 - "@tsconfig/svelte": "^5.0.6", 32 32 - "svelte": "catalog:" 33 33 - } 34 34 - }

-8

packages/internal/svelte.config.js

··· 1 1 - export default { 2 2 - compilerOptions: { 3 3 - warningFilter: (warning) => { 4 4 - if (warning.code === 'state_referenced_locally') return false; 5 5 - return true; 6 6 - }, 7 7 - }, 8 8 - };

-13

packages/internal/tsconfig.json

··· 1 1 - { 2 2 - "extends": "@tsconfig/svelte/tsconfig.json", 3 3 - "compilerOptions": { 4 4 - "types": ["@atcute/bluesky/lexicons"], 5 5 - "target": "ESNext", 6 6 - "useDefineForClassFields": true, 7 7 - "module": "ESNext", 8 8 - "resolveJsonModule": true, 9 9 - "isolatedModules": true, 10 10 - "moduleDetection": "force", 11 11 - "noEmit": true, 12 12 - }, 13 13 - }

-7

packages/internal/types/post.ts

··· 1 1 - import type { AppBskyFeedDefs, Brand } from '@atcute/client/lexicons'; 2 2 - 3 3 - export interface PostData { 4 4 - thread: Brand.Union<AppBskyFeedDefs.ThreadViewPost> | null; 5 5 - contextless: boolean; 6 6 - allowUnauthenticated: boolean; 7 7 - }

-6

packages/internal/types/profile-card.ts

··· 1 1 - import type { AppBskyActorDefs } from '@atcute/client/lexicons'; 2 2 - 3 3 - export interface ProfileCardData { 4 4 - profile: AppBskyActorDefs.ProfileViewDetailed | null; 5 5 - allowUnauthenticated: boolean; 6 6 - }

-7

packages/internal/types/profile-feed.ts

··· 1 1 - import type { AppBskyActorDefs, AppBskyFeedDefs } from '@atcute/client/lexicons'; 2 2 - 3 3 - export interface ProfileFeedData { 4 4 - profile: AppBskyActorDefs.ProfileViewDetailed | null; 5 5 - feed: AppBskyFeedDefs.FeedViewPost[]; 6 6 - allowUnauthenticated: boolean; 7 7 - }

-27

packages/internal/utils/bsky-url.ts

··· 1 1 - export const getProfileUrl = (author: string): string => { 2 2 - return `https://bsky.app/profile/${author}`; 3 3 - }; 4 4 - 5 5 - export const getPostUrl = (author: string, rkey: string): string => { 6 6 - return `https://bsky.app/profile/${author}/post/${rkey}`; 7 7 - }; 8 8 - 9 9 - export const getHashtagUrl = (tag: string): string => { 10 10 - return `https://bsky.app/hashtag/${tag}`; 11 11 - }; 12 12 - 13 13 - export const getFeedUrl = (author: string, rkey: string): string => { 14 14 - return `https://bsky.app/profile/${author}/feed/${rkey}`; 15 15 - }; 16 16 - 17 17 - export const getListUrl = (author: string, rkey: string): string => { 18 18 - return `https://bsky.app/profile/${author}/list/${rkey}`; 19 19 - }; 20 20 - 21 21 - export const getStarterpackUrl = (author: string, rkey: string): string => { 22 22 - return `https://bsky.app/starter-pack/${author}/${rkey}`; 23 23 - }; 24 24 - 25 25 - export const getStarterpackImgUrl = (author: string, rkey: string): string => { 26 26 - return `https://ogcard.cdn.bsky.app/start/${author}/${rkey}`; 27 27 - };

-3

packages/internal/utils/constants.ts

··· 1 1 - export const DEFAULT_APPVIEW_URL = 'https://public.api.bsky.app'; 2 2 - 3 3 - export const NO_UNAUTHENTICATED_LABEL = '!no-unauthenticated';

-44

packages/internal/utils/date.ts

··· 1 1 - let startOfYear = 0; 2 2 - let endOfYear = 0; 3 3 - 4 4 - const fmtAbsoluteLong = new Intl.DateTimeFormat('en-US', { dateStyle: 'long', timeStyle: 'short' }); 5 5 - const fmtAbsShortWithYear = new Intl.DateTimeFormat('en-US', { dateStyle: 'medium' }); 6 6 - const fmtAbsShort = new Intl.DateTimeFormat('en-US', { month: 'short', day: 'numeric' }); 7 7 - 8 8 - export const formatShortDate = (date: string | number): string => { 9 9 - const inst = new Date(date); 10 10 - const time = inst.getTime(); 11 11 - 12 12 - if (isNaN(time)) { 13 13 - return 'N/A'; 14 14 - } 15 15 - 16 16 - const now = Date.now(); 17 17 - if (now > endOfYear) { 18 18 - const date = new Date(now); 19 19 - 20 20 - date.setMonth(0, 1); 21 21 - date.setHours(0, 0, 0); 22 22 - startOfYear = date.getTime(); 23 23 - 24 24 - date.setFullYear(date.getFullYear() + 1, 0, 0); 25 25 - date.setHours(23, 59, 59, 999); 26 26 - endOfYear = date.getTime(); 27 27 - } 28 28 - 29 29 - if (time >= startOfYear && time <= endOfYear) { 30 30 - return fmtAbsShort.format(inst); 31 31 - } 32 32 - 33 33 - return fmtAbsShortWithYear.format(inst); 34 34 - }; 35 35 - 36 36 - export const formatLongDate = (date: string | number): string => { 37 37 - const inst = new Date(date); 38 38 - 39 39 - if (isNaN(inst.getTime())) { 40 40 - return 'N/A'; 41 41 - } 42 42 - 43 43 - return fmtAbsoluteLong.format(inst); 44 44 - };

-60

packages/internal/utils/labels.ts

··· 1 1 - import type { At, ComAtprotoLabelDefs } from '@atcute/client/lexicons'; 2 2 - 3 3 - export const FlagsNone = 0; 4 4 - export const FlagsNoSelf = 1 << 0; 5 5 - 6 6 - type Label = ComAtprotoLabelDefs.Label; 7 7 - 8 8 - export interface LabelDefinition { 9 9 - name: string; 10 10 - flags: number; 11 11 - } 12 12 - 13 13 - export const LABEL_MAPPING: Record<string, LabelDefinition> = { 14 14 - '!hide': { 15 15 - name: `Hidden by moderators`, 16 16 - flags: FlagsNoSelf, 17 17 - }, 18 18 - '!warn': { 19 19 - name: `Content warning`, 20 20 - flags: FlagsNoSelf, 21 21 - }, 22 22 - 23 23 - porn: { 24 24 - name: `Adult content`, 25 25 - flags: FlagsNone, 26 26 - }, 27 27 - sexual: { 28 28 - name: `Sexually suggestive`, 29 29 - flags: FlagsNone, 30 30 - }, 31 31 - 'graphic-media': { 32 32 - name: `Graphic media`, 33 33 - flags: FlagsNone, 34 34 - }, 35 35 - nudity: { 36 36 - name: `Nudity`, 37 37 - flags: FlagsNone, 38 38 - }, 39 39 - }; 40 40 - 41 41 - export const findLabel = (labels: Label[] | undefined, authorDid: At.Did): LabelDefinition | undefined => { 42 42 - if (labels?.length) { 43 43 - for (let idx = 0, len = labels.length; idx < len; idx++) { 44 44 - const label = labels[idx]; 45 45 - const val = label.val; 46 46 - 47 47 - if (!(val in LABEL_MAPPING)) { 48 48 - continue; 49 49 - } 50 50 - 51 51 - const def = LABEL_MAPPING[val]; 52 52 - 53 53 - if (def.flags & FlagsNoSelf && label.src === authorDid) { 54 54 - continue; 55 55 - } 56 56 - 57 57 - return def; 58 58 - } 59 59 - } 60 60 - };

-18

packages/internal/utils/number.ts

··· 1 1 - const long = new Intl.NumberFormat('en-US'); 2 2 - const compact = new Intl.NumberFormat('en-US', { notation: 'compact' }); 3 3 - 4 4 - export const formatCompactNumber = (value: number) => { 5 5 - if (value < 1_000) { 6 6 - return '' + value; 7 7 - } 8 8 - 9 9 - if (value < 100_000) { 10 10 - return long.format(value); 11 11 - } 12 12 - 13 13 - return compact.format(value); 14 14 - }; 15 15 - 16 16 - export const formatLongNumber = (value: number) => { 17 17 - return long.format(value); 18 18 - };

-27

packages/internal/utils/syntax/at-url.ts

··· 1 1 - export const AT_URI_RE = 2 2 - /^at:\/\/((?:did:[a-zA-Z0-9._:%-]+)|(?:[a-zA-Z0-9][a-zA-Z0-9-.]*))(?:\/([a-zA-Z0-9.-]+)(?:\/([a-zA-Z0-9_~.:-]{1,512}))?)?\/?(?:\?([^#\s]*))?(?:#([^\s]*))?$/; 3 3 - 4 4 - export interface ParsedAtUri { 5 5 - repo: string; 6 6 - collection: string; 7 7 - rkey: string; 8 8 - query: string; 9 9 - fragment: string; 10 10 - } 11 11 - 12 12 - export const parseAtUri = (str: string): ParsedAtUri => { 13 13 - const match = AT_URI_RE.exec(str); 14 14 - if (!match) { 15 15 - throw new InvalidAtUriError(`invalid at-uri: ${str}`); 16 16 - } 17 17 - 18 18 - return { 19 19 - repo: match[1], 20 20 - collection: match[2] ?? '', 21 21 - rkey: match[3] ?? '', 22 22 - query: match[4] ?? '', 23 23 - fragment: match[5] ?? '', 24 24 - }; 25 25 - }; 26 26 - 27 27 - export class InvalidAtUriError extends Error {}

-1

packages/svelte-site/.gitignore

··· 1 1 - pages/

-66

packages/svelte-site/README.md

··· 1 1 - # Svelte + TS + Vite 2 2 - 3 3 - This template should help get you started developing with Svelte and TypeScript in Vite. 4 4 - 5 5 - ## Recommended IDE Setup 6 6 - 7 7 - [VS Code](https://code.visualstudio.com/) + 8 8 - [Svelte](https://marketplace.visualstudio.com/items?itemName=svelte.svelte-vscode). 9 9 - 10 10 - ## Need an official Svelte framework? 11 11 - 12 12 - Check out [SvelteKit](https://github.com/sveltejs/kit#readme), which is also powered by Vite. Deploy 13 13 - anywhere with its serverless-first approach and adapt to various platforms, with out of the box 14 14 - support for TypeScript, SCSS, and Less, and easily-added support for mdsvex, GraphQL, PostCSS, 15 15 - Tailwind CSS, and more. 16 16 - 17 17 - ## Technical considerations 18 18 - 19 19 - **Why use this over SvelteKit?** 20 20 - 21 21 - - It brings its own routing solution which might not be preferable for some users. 22 22 - - It is first and foremost a framework that just happens to use Vite under the hood, not a Vite app. 23 23 - 24 24 - This template contains as little as possible to get started with Vite + TypeScript + Svelte, while 25 25 - taking into account the developer experience with regards to HMR and intellisense. It demonstrates 26 26 - capabilities on par with the other `create-vite` templates and is a good starting point for 27 27 - beginners dipping their toes into a Vite + Svelte project. 28 28 - 29 29 - Should you later need the extended capabilities and extensibility provided by SvelteKit, the 30 30 - template has been structured similarly to SvelteKit so that it is easy to migrate. 31 31 - 32 32 - **Why `global.d.ts` instead of `compilerOptions.types` inside `jsconfig.json` or `tsconfig.json`?** 33 33 - 34 34 - Setting `compilerOptions.types` shuts out all other types not explicitly listed in the 35 35 - configuration. Using triple-slash references keeps the default TypeScript setting of accepting type 36 36 - information from the entire workspace, while also adding `svelte` and `vite/client` type 37 37 - information. 38 38 - 39 39 - **Why include `.vscode/extensions.json`?** 40 40 - 41 41 - Other templates indirectly recommend extensions via the README, but this file allows VS Code to 42 42 - prompt the user to install the recommended extension upon opening the project. 43 43 - 44 44 - **Why enable `allowJs` in the TS template?** 45 45 - 46 46 - While `allowJs: false` would indeed prevent the use of `.js` files in the project, it does not 47 47 - prevent the use of JavaScript syntax in `.svelte` files. In addition, it would force 48 48 - `checkJs: false`, bringing the worst of both worlds: not being able to guarantee the entire codebase 49 49 - is TypeScript, and also having worse typechecking for the existing JavaScript. In addition, there 50 50 - are valid use cases in which a mixed codebase may be relevant. 51 51 - 52 52 - **Why is HMR not preserving my local component state?** 53 53 - 54 54 - HMR state preservation comes with a number of gotchas! It has been disabled by default in both 55 55 - `svelte-hmr` and `@sveltejs/vite-plugin-svelte` due to its often surprising behavior. You can read 56 56 - the details [here](https://github.com/rixo/svelte-hmr#svelte-hmr). 57 57 - 58 58 - If you have state that's important to retain within a component, consider creating an external store 59 59 - which would not be replaced by HMR. 60 60 - 61 61 - ```ts 62 62 - // store.ts 63 63 - // An extremely simple external store 64 64 - import { writable } from 'svelte/store'; 65 65 - export default writable(0); 66 66 - ```

-12

packages/svelte-site/index.html

··· 1 1 - <!doctype html> 2 2 - <html lang="en"> 3 3 - <head> 4 4 - <meta charset="UTF-8" /> 5 5 - <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 6 6 - <title>Bluesky embed</title> 7 7 - </head> 8 8 - <body> 9 9 - <div id="app"></div> 10 10 - <script type="module" src="./src/main.ts"></script> 11 11 - </body> 12 12 - </html>

-30

packages/svelte-site/package.json

··· 1 1 - { 2 2 - "name": "svelte-site", 3 3 - "private": true, 4 4 - "version": "0.0.0", 5 5 - "type": "module", 6 6 - "scripts": { 7 7 - "dev": "vite", 8 8 - "build": "vite build", 9 9 - "preview": "vite preview", 10 10 - "check": "svelte-check --tsconfig ./tsconfig.json && tsc -p tsconfig.node.json", 11 11 - "publish": "pnpm run build && ./scripts/publish.sh" 12 12 - }, 13 13 - "dependencies": { 14 14 - "@atcute/bluesky": "^2.1.1", 15 15 - "@atcute/client": "^3.1.0", 16 16 - "bluesky-post-embed": "workspace:^", 17 17 - "bluesky-profile-card-embed": "workspace:^", 18 18 - "bluesky-profile-feed-embed": "workspace:^", 19 19 - "internal": "workspace:^" 20 20 - }, 21 21 - "devDependencies": { 22 22 - "@sveltejs/vite-plugin-svelte": "^6.2.1", 23 23 - "@tsconfig/svelte": "^5.0.6", 24 24 - "svelte": "^5.45.5", 25 25 - "svelte-check": "^4.3.4", 26 26 - "terser": "^5.44.1", 27 27 - "tslib": "^2.8.1", 28 28 - "vite": "^7.2.6" 29 29 - } 30 30 - }

-18

packages/svelte-site/scripts/publish.sh

··· 1 1 - #!/usr/bin/env bash 2 2 - 3 3 - set -euo pipefail 4 4 - 5 5 - if [[ -n $(git status --porcelain) ]]; then 6 6 - echo 'Working directory is not clean' 7 7 - git status --short 8 8 - exit 1 9 9 - fi 10 10 - 11 11 - GIT_COMMIT=$(git rev-parse HEAD) 12 12 - 13 13 - rsync -aHAX --delete --exclude=.git --exclude=.nojekyll dist/ pages/ 14 14 - touch pages/.nojekyll 15 15 - 16 16 - git -C pages/ add . 17 17 - git -C pages/ commit -m "deploy: ${GIT_COMMIT}" 18 18 - git -C pages/ push

-159

packages/svelte-site/src/App.svelte

··· 1 1 - <script lang="ts" module> 2 2 - const PostDisplay = () => import('./components/display/PostDisplay.svelte'); 3 3 - const ProfileCardDisplay = () => import('./components/display/ProfileCardDisplay.svelte'); 4 4 - const ProfileFeedDisplay = () => import('./components/display/ProfileFeedDisplay.svelte'); 5 5 - </script> 6 6 - 7 7 - <script lang="ts"> 8 8 - import { extract_url } from './lib/matcher'; 9 9 - 10 10 - import Banner from './components/Banner.svelte'; 11 11 - import CircularSpinner from './components/CircularSpinner.svelte'; 12 12 - import Field from './components/Field.svelte'; 13 13 - import Lazy from './components/Lazy.svelte'; 14 14 - import TextInput from './components/TextInput.svelte'; 15 15 - 16 16 - const DEFAULT_URL = 'https://bsky.app/profile/did:plc:ragtjsm2j2vknwkz3zp4oxrd/post/3kj2umze7zj2n'; 17 17 - // const DEFAULT_URL = 'https://bsky.app/profile/did:plc:ragtjsm2j2vknwkz3zp4oxrd'; 18 18 - 19 19 - let url = $state(''); 20 20 - let profile_type = $state<'card' | 'feed'>('feed'); 21 21 - 22 22 - const matched = $derived(extract_url(url || DEFAULT_URL)); 23 23 - </script> 24 24 - 25 25 - <div class="app"> 26 26 - <h1 class="header"> 27 27 - <code>&lt;bluesky-embed&gt;</code> 28 28 - </h1> 29 29 - 30 30 - <Field label="Bluesky post or profile URL"> 31 31 - <TextInput type="url" bind:value={url} placeholder={DEFAULT_URL} /> 32 32 - </Field> 33 33 - 34 34 - {#if matched && matched.type === 'profile'} 35 35 - <fieldset class="choices"> 36 36 - <label class="choice"> 37 37 - <input type="radio" name="profile-type" value="feed" bind:group={profile_type} /> 38 38 - <span>Profile feed</span> 39 39 - </label> 40 40 - 41 41 - <label class="choice"> 42 42 - <input type="radio" name="profile-type" value="card" bind:group={profile_type} /> 43 43 - <span>Profile card</span> 44 44 - </label> 45 45 - </fieldset> 46 46 - {/if} 47 47 - 48 48 - <main class="main"> 49 49 - {#if !matched} 50 50 - <Banner type="alert">Invalid URL, did you type it correctly?</Banner> 51 51 - {:else if matched.type === 'post'} 52 52 - <Lazy loader={PostDisplay} fallback={LazyFallback} boundary={LazyBoundary}> 53 53 - {#snippet children(Component)} 54 54 - <Component {matched} /> 55 55 - {/snippet} 56 56 - </Lazy> 57 57 - {:else if matched.type === 'profile'} 58 58 - <Lazy 59 59 - loader={profile_type === 'card' ? ProfileCardDisplay : ProfileFeedDisplay} 60 60 - fallback={LazyFallback} 61 61 - boundary={LazyBoundary} 62 62 - > 63 63 - {#snippet children(Component)} 64 64 - <Component {matched} /> 65 65 - {/snippet} 66 66 - </Lazy> 67 67 - {/if} 68 68 - </main> 69 69 - 70 70 - <footer class="footer"> 71 71 - <span> 72 72 - made with ❤️ by <a href="https://bsky.app/profile/did:plc:ia76kvnndjutgedggx2ibrem">@mary.my.id</a> 73 73 - </span> 74 74 - <span aria-hidden="true"> · </span> 75 75 - <span> 76 76 - <a href="https://github.com/mary-ext/bluesky-embed">source code</a> 77 77 - </span> 78 78 - <span aria-hidden="true"> · </span> 79 79 - <span>MIT License</span> 80 80 - </footer> 81 81 - </div> 82 82 - 83 83 - {#snippet LazyFallback()} 84 84 - <CircularSpinner /> 85 85 - {/snippet} 86 86 - 87 87 - {#snippet LazyBoundary(err: unknown)} 88 88 - <Banner type="alert"> 89 89 - {'' + err} 90 90 - </Banner> 91 91 - {/snippet} 92 92 - 93 93 - <style> 94 94 - .app { 95 95 - margin: 0 auto; 96 96 - padding: 36px 16px; 97 97 - width: 100%; 98 98 - max-width: calc(550px + (16 * 2px)); 99 99 - } 100 100 - 101 101 - .header { 102 102 - margin: 24px 0; 103 103 - } 104 104 - 105 105 - .main { 106 106 - margin: 36px 0; 107 107 - } 108 108 - 109 109 - .choices { 110 110 - display: flex; 111 111 - flex-direction: column; 112 112 - gap: 8px; 113 113 - margin: 16px 0 36px 0; 114 114 - border: 0; 115 115 - padding: 0; 116 116 - } 117 117 - .choice { 118 118 - display: flex; 119 119 - align-items: center; 120 120 - gap: 8px; 121 121 - font-size: 0.875rem; 122 122 - line-height: 1.25rem; 123 123 - 124 124 - input { 125 125 - appearance: none; 126 126 - outline: 2px none #2563eb; 127 127 - outline-offset: 2px; 128 128 - border: 1px solid #9ca3af; 129 129 - border-radius: 8px; 130 130 - width: 16px; 131 131 - height: 16px; 132 132 - 133 133 - &:checked { 134 134 - border: 0; 135 135 - background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e"); 136 136 - background-color: #2563eb; 137 137 - } 138 138 - &:focus { 139 139 - outline-style: solid; 140 140 - } 141 141 - } 142 142 - } 143 143 - 144 144 - .footer { 145 145 - display: flex; 146 146 - flex-wrap: wrap; 147 147 - gap: 0.5rem; 148 148 - margin: 36px 0 0 0; 149 149 - border-top: 1px solid #d1d5db; 150 150 - padding: 36px 0 0 0; 151 151 - color: #4b5563; 152 152 - font-size: 0.875rem; 153 153 - line-height: 1.25rem; 154 154 - 155 155 - a { 156 156 - color: #2563eb; 157 157 - } 158 158 - } 159 159 - </style>

-42

packages/svelte-site/src/components/Banner.svelte

··· 1 1 - <script lang="ts"> 2 2 - import type { Snippet } from 'svelte'; 3 3 - 4 4 - interface Props { 5 5 - type: 'alert' | 'inform'; 6 6 - children: Snippet<[]>; 7 7 - } 8 8 - 9 9 - let { type, children }: Props = $props(); 10 10 - </script> 11 11 - 12 12 - <div class="banner" class:type-alert={type === 'alert'} class:type-inform={type === 'inform'}> 13 13 - {@render children()} 14 14 - </div> 15 15 - 16 16 - <style> 17 17 - .banner { 18 18 - border: 1px solid; 19 19 - border-radius: 4px; 20 20 - padding: 10px 12px; 21 21 - font-weight: 500; 22 22 - font-size: 0.875rem; 23 23 - line-height: 1.25rem; 24 24 - 25 25 - :global(a) { 26 26 - color: inherit; 27 27 - font-weight: 600; 28 28 - } 29 29 - } 30 30 - 31 31 - .type-alert { 32 32 - border-color: #fca5a5; 33 33 - background: #fee2e2; 34 34 - color: #991b1b; 35 35 - } 36 36 - 37 37 - .type-inform { 38 38 - border-color: #bfdbfe; 39 39 - background: #dbeafe; 40 40 - color: #1e40af; 41 41 - } 42 42 - </style>

-42

packages/svelte-site/src/components/CircularSpinner.svelte

··· 1 1 - <script lang="ts"> 2 2 - interface Props {} 3 3 - 4 4 - let {}: Props = $props(); 5 5 - </script> 6 6 - 7 7 - <svg viewBox="0 0 32 32" class="circular-spinner"> 8 8 - <circle cx="16" cy="16" fill="none" r="14" stroke-width="4" class="background" /> 9 9 - <circle 10 10 - cx="16" 11 11 - cy="16" 12 12 - fill="none" 13 13 - r="14" 14 14 - stroke-width="4" 15 15 - stroke-dasharray="80px" 16 16 - stroke-dashoffset="60px" 17 17 - class="accented" 18 18 - /> 19 19 - </svg> 20 20 - 21 21 - <style> 22 22 - .circular-spinner { 23 23 - display: block; 24 24 - animation: spin 1s linear infinite; 25 25 - margin: 0 auto; 26 26 - width: 24px; 27 27 - height: 24px; 28 28 - } 29 29 - @keyframes spin { 30 30 - to { 31 31 - transform: rotate(360deg); 32 32 - } 33 33 - } 34 34 - 35 35 - .accented { 36 36 - stroke: #2563eb; 37 37 - } 38 38 - .background { 39 39 - opacity: 20%; 40 40 - stroke: #2563eb; 41 41 - } 42 42 - </style>

-100

packages/svelte-site/src/components/CodeBlock.svelte

··· 1 1 - <script lang="ts"> 2 2 - interface Props { 3 3 - code: string; 4 4 - } 5 5 - 6 6 - let { code }: Props = $props(); 7 7 - </script> 8 8 - 9 9 - <div class="code-block"> 10 10 - <pre><code>{code}</code></pre> 11 11 - 12 12 - <div class="actions"> 13 13 - <button 14 14 - title="Copy" 15 15 - aria-label="Copy" 16 16 - class="action-button" 17 17 - onclick={() => { 18 18 - navigator.clipboard.writeText(code).catch(() => alert(`Failed to copy to clipboard`)); 19 19 - }} 20 20 - > 21 21 - <svg class="icon" fill="none" viewBox="0 0 24 24"> 22 22 - <path 23 23 - stroke="currentColor" 24 24 - stroke-linecap="square" 25 25 - stroke-width="2" 26 26 - d="M15 5h4v16H5V5h4m0-2h6v4H9V3Z" 27 27 - /> 28 28 - </svg> 29 29 - </button> 30 30 - </div> 31 31 - </div> 32 32 - 33 33 - <style> 34 34 - .code-block { 35 35 - display: flex; 36 36 - gap: 12px; 37 37 - border: 1px solid #d1d5db; 38 38 - border-radius: 4px; 39 39 - background: #f9fafb; 40 40 - padding: 12px; 41 41 - overflow: hidden; 42 42 - overflow-x: auto; 43 43 - 44 44 - pre { 45 45 - flex-grow: 1; 46 46 - margin: 0; 47 47 - font-size: 0.75rem; 48 48 - line-height: 1.25rem; 49 49 - } 50 50 - } 51 51 - 52 52 - .actions { 53 53 - position: sticky; 54 54 - top: 0; 55 55 - right: 0; 56 56 - } 57 57 - .action-button { 58 58 - display: flex; 59 59 - justify-content: center; 60 60 - align-items: center; 61 61 - cursor: pointer; 62 62 - box-shadow: 63 63 - 0 1px 3px 0 rgb(0 0 0 / 0.1), 64 64 - 0 1px 2px -1px rgb(0 0 0 / 0.1); 65 65 - border: 1px solid #d1d5db; 66 66 - border-radius: 4px; 67 67 - background: #ffffff; 68 68 - padding: 0; 69 69 - width: 32px; 70 70 - height: 32px; 71 71 - color: #4b5563; 72 72 - 73 73 - @media (pointer: fine) { 74 74 - opacity: 0; 75 75 - transition: 75ms ease-in; 76 76 - 77 77 - .code-block:hover &, 78 78 - .code-block:focus-within & { 79 79 - opacity: 1; 80 80 - } 81 81 - 82 82 - &:hover { 83 83 - border-color: #9ca3af; 84 84 - background: #e5e7eb; 85 85 - color: #1f2937; 86 86 - } 87 87 - } 88 88 - 89 89 - &:active { 90 90 - border-color: #9ca3af; 91 91 - background: #e5e7eb; 92 92 - color: #1f2937; 93 93 - } 94 94 - } 95 95 - 96 96 - .icon { 97 97 - width: 16px; 98 98 - height: 16px; 99 99 - } 100 100 - </style>

-36

packages/svelte-site/src/components/Field.svelte

··· 1 1 - <script lang="ts"> 2 2 - import type { Snippet } from 'svelte'; 3 3 - 4 4 - interface Props { 5 5 - label: string; 6 6 - children: Snippet; 7 7 - } 8 8 - 9 9 - let { label, children }: Props = $props(); 10 10 - </script> 11 11 - 12 12 - <div class="field"> 13 13 - <label class="input-wrapper"> 14 14 - <span class="label">{label}</span> 15 15 - {@render children()} 16 16 - </label> 17 17 - </div> 18 18 - 19 19 - <style> 20 20 - .field { 21 21 - display: flex; 22 22 - flex-direction: column; 23 23 - gap: 8px; 24 24 - } 25 25 - 26 26 - .input-wrapper { 27 27 - display: contents; 28 28 - } 29 29 - 30 30 - .label { 31 31 - color: #4b5563; 32 32 - font-weight: 600; 33 33 - font-size: 0.875rem; 34 34 - line-height: 1.25rem; 35 35 - } 36 36 - </style>

-37

packages/svelte-site/src/components/Lazy.svelte

··· 1 1 - <script lang="ts" module> 2 2 - import type { Snippet, Component } from 'svelte'; 3 3 - 4 4 - type SvelteComponentModule<C extends Component = Component> = { default: C }; 5 5 - type LoaderFunction<C extends Component = Component> = () => Promise<SvelteComponentModule<C>>; 6 6 - 7 7 - const map = new WeakMap<LoaderFunction, Promise<Component>>(); 8 8 - const get_promise = <C extends Component>(fn: LoaderFunction<C>): Promise<C> => { 9 9 - let promise = map.get(fn) satisfies Promise<Component> | undefined; 10 10 - if (promise === undefined) { 11 11 - map.set(fn, (promise = fn().then((mod) => mod.default))); 12 12 - } 13 13 - 14 14 - return promise as Promise<C>; 15 15 - }; 16 16 - </script> 17 17 - 18 18 - <script lang="ts" generics="C extends Component<any>"> 19 19 - interface Props { 20 20 - loader: LoaderFunction<C>; 21 21 - children: Snippet<[component: C]>; 22 22 - fallback: Snippet<[]>; 23 23 - boundary: Snippet<[error: unknown]>; 24 24 - } 25 25 - 26 26 - let { loader, children, fallback, boundary }: Props = $props(); 27 27 - 28 28 - const promise = $derived(get_promise(loader)); 29 29 - </script> 30 30 - 31 31 - {#await promise} 32 32 - {@render fallback()} 33 33 - {:then component} 34 34 - {@render children(component)} 35 35 - {:catch err} 36 36 - {@render boundary(err)} 37 37 - {/await}

-30

packages/svelte-site/src/components/TextInput.svelte

··· 1 1 - <script lang="ts"> 2 2 - interface Props { 3 3 - type?: 'text' | 'url'; 4 4 - value?: string; 5 5 - placeholder?: string; 6 6 - } 7 7 - 8 8 - let { type, value = $bindable(), placeholder }: Props = $props(); 9 9 - </script> 10 10 - 11 11 - <input {type} {placeholder} bind:value class="text-input" /> 12 12 - 13 13 - <style> 14 14 - .text-input { 15 15 - outline: 2px none #2563eb; 16 16 - outline-offset: -1px; 17 17 - border: 1px solid #9ca3af; 18 18 - border-radius: 4px; 19 19 - padding: 8px 12px; 20 20 - font-size: 0.875rem; 21 21 - line-height: 1.25rem; 22 22 - 23 23 - &::placeholder { 24 24 - color: #9ca3af; 25 25 - } 26 26 - &:focus { 27 27 - outline-style: solid; 28 28 - } 29 29 - } 30 30 - </style>

-115

packages/svelte-site/src/components/display/PostDisplay.svelte

··· 1 1 - <script lang="ts"> 2 2 - import { onDestroy } from 'svelte'; 3 3 - 4 4 - import type { AppBskyFeedDefs, AppBskyFeedPost } from '@atcute/client/lexicons'; 5 5 - import { fetchPost as fetch_post } from 'bluesky-post-embed/core'; 6 6 - 7 7 - import { getPostUrl } from 'internal/utils/bsky-url.ts'; 8 8 - import { formatLongDate } from 'internal/utils/date.ts'; 9 9 - import { parseAtUri } from 'internal/utils/syntax/at-url.ts'; 10 10 - 11 11 - import { escape_html } from '../../lib/html'; 12 12 - import type { ExtractedPostInfo } from '../../lib/matcher'; 13 13 - 14 14 - import Banner from '../Banner.svelte'; 15 15 - import CircularSpinner from '../CircularSpinner.svelte'; 16 16 - import CodeBlock from '../CodeBlock.svelte'; 17 17 - import BlueskyPost from '../embeds/BlueskyPost.svelte'; 18 18 - import Guide from '../guides/Guide.svelte'; 19 19 - import GuideInstructions from '../guides/GuideInstructions.svelte'; 20 20 - 21 21 - interface Props { 22 22 - matched: ExtractedPostInfo; 23 23 - } 24 24 - 25 25 - let { matched }: Props = $props(); 26 26 - 27 27 - let controller: AbortController | undefined; 28 28 - const promise = $derived.by(() => { 29 29 - controller?.abort(); 30 30 - controller = new AbortController(); 31 31 - 32 32 - const signal = controller.signal; 33 33 - const uri = `at://${matched.author}/app.bsky.feed.post/${matched.rkey}`; 34 34 - 35 35 - return fetch_post({ uri, signal }); 36 36 - }); 37 37 - 38 38 - onDestroy(() => { 39 39 - controller?.abort(); 40 40 - }); 41 41 - 42 42 - const JSDELIVR_URL = `https://cdn.jsdelivr.net/npm/bluesky-post-embed@^1.0.0`; 43 43 - const get_prerequisite_markup = () => { 44 44 - return `<!-- Core web component and styling --> 45 45 - <script type="module" src="${JSDELIVR_URL}/+esm"></${'script'}> 46 46 - <link rel="stylesheet" href="${JSDELIVR_URL}/dist/core.min.css"> 47 47 - 48 48 - <!-- Built-in themes --> 49 49 - <link rel="stylesheet" href="${JSDELIVR_URL}/themes/light.min.css" media="(prefers-color-scheme: light)"> 50 50 - <link rel="stylesheet" href="${JSDELIVR_URL}/themes/dim.min.css" media="(prefers-color-scheme: dark)"> 51 51 - 52 52 - <!-- Fallback/placeholder elements if JS script is taking a while to load or is failing --> 53 53 - <style> 54 54 - .bluesky-post-fallback { 55 55 - margin: 16px 0; 56 56 - border-left: 3px solid var(--divider); 57 57 - padding: 4px 8px; 58 58 - white-space: pre-wrap; 59 59 - overflow-wrap: break-word; 60 60 - } 61 61 - .bluesky-post-fallback p { 62 62 - margin: 0 0 8px 0; 63 63 - } 64 64 - </${'style'}> 65 65 - `; 66 66 - }; 67 67 - 68 68 - const get_markup = (post: AppBskyFeedDefs.PostView) => { 69 69 - const author = post.author; 70 70 - const record = post.record as AppBskyFeedPost.Record; 71 71 - 72 72 - return `<bluesky-post src="${escape_html(post.uri)}"> 73 73 - <blockquote class="bluesky-post-fallback"> 74 74 - <p dir="auto">${escape_html(record.text)}</p> 75 75 - — ${author.displayName?.trim() ? `${escape_html(author.displayName)} (@${escape_html(author.handle)})` : `@${escape_html(author.handle)}`} 76 76 - <a href="${escape_html(getPostUrl(author.did, parseAtUri(post.uri).rkey))}">${formatLongDate(post.indexedAt)}</a> 77 77 - </blockquote> 78 78 - </bluesky-post> 79 79 - `; 80 80 - }; 81 81 - </script> 82 82 - 83 83 - {#await promise} 84 84 - <CircularSpinner /> 85 85 - {:then data} 86 86 - <BlueskyPost {data} /> 87 87 - 88 88 - {#if data.thread} 89 89 - <Guide title="How do I embed this to my website?"> 90 90 - <Banner type="inform"> 91 91 - Doing server-side rendering? Check out examples for 92 92 - <a href="https://github.com/mary-ext/bluesky-embed-astro">Astro</a> and 93 93 - <a href="https://github.com/mary-ext/bluesky-embed-sveltekit">SvelteKit</a>. 94 94 - </Banner> 95 95 - 96 96 - <GuideInstructions> 97 97 - <li> 98 98 - <p> 99 99 - Insert the following scripts and stylesheets to the <code>&lt;head&gt;</code> of your website. 100 100 - </p> 101 101 - <CodeBlock code={get_prerequisite_markup()} /> 102 102 - </li> 103 103 - 104 104 - <li> 105 105 - <p>Insert the following markup in wherever you want the post to be.</p> 106 106 - <CodeBlock code={get_markup(data.thread.post)} /> 107 107 - </li> 108 108 - </GuideInstructions> 109 109 - </Guide> 110 110 - {/if} 111 111 - {:catch err} 112 112 - <Banner type="alert"> 113 113 - {'' + err} 114 114 - </Banner> 115 115 - {/await}

-93

packages/svelte-site/src/components/display/ProfileCardDisplay.svelte

··· 1 1 - <script lang="ts"> 2 2 - import { onDestroy } from 'svelte'; 3 3 - 4 4 - import type { AppBskyActorDefs } from '@atcute/client/lexicons'; 5 5 - import { fetchProfileCard as fetch_profile_card } from 'bluesky-profile-card-embed/core'; 6 6 - 7 7 - import { escape_html } from '../../lib/html'; 8 8 - import type { ExtractedProfileInfo } from '../../lib/matcher'; 9 9 - 10 10 - import Banner from '../Banner.svelte'; 11 11 - import CircularSpinner from '../CircularSpinner.svelte'; 12 12 - import CodeBlock from '../CodeBlock.svelte'; 13 13 - import BlueskyProfileCard from '../embeds/BlueskyProfileCard.svelte'; 14 14 - import Guide from '../guides/Guide.svelte'; 15 15 - import GuideInstructions from '../guides/GuideInstructions.svelte'; 16 16 - 17 17 - interface Props { 18 18 - matched: ExtractedProfileInfo; 19 19 - } 20 20 - 21 21 - let { matched }: Props = $props(); 22 22 - 23 23 - let controller: AbortController | undefined; 24 24 - const promise = $derived.by(() => { 25 25 - controller?.abort(); 26 26 - controller = new AbortController(); 27 27 - 28 28 - const signal = controller.signal; 29 29 - const actor = matched.actor; 30 30 - 31 31 - return fetch_profile_card({ actor, signal }); 32 32 - }); 33 33 - 34 34 - onDestroy(() => { 35 35 - controller?.abort(); 36 36 - }); 37 37 - 38 38 - const get_prerequisite_markup = () => { 39 39 - const JSDELIVR_URL = `https://cdn.jsdelivr.net/npm/bluesky-profile-card-embed@^1.0.0`; 40 40 - 41 41 - return `<!-- Core web component and styling --> 42 42 - <script type="module" src="${JSDELIVR_URL}/+esm"></${'script'}> 43 43 - <link rel="stylesheet" href="${JSDELIVR_URL}/dist/core.min.css"> 44 44 - 45 45 - <!-- Built-in themes --> 46 46 - <link rel="stylesheet" href="${JSDELIVR_URL}/themes/light.min.css" media="(prefers-color-scheme: light)"> 47 47 - <link rel="stylesheet" href="${JSDELIVR_URL}/themes/dim.min.css" media="(prefers-color-scheme: dark)"> 48 48 - `; 49 49 - }; 50 50 - 51 51 - const get_markup = (profile: AppBskyActorDefs.ProfileViewDetailed) => { 52 52 - const url = `https://bsky.app/profile/${profile.did}`; 53 53 - 54 54 - return `<bluesky-profile-card actor="${escape_html(profile.did)}"> 55 55 - <a target="_blank" href="${escape_html(url)}" class="bluesky-profile-card-fallback"> 56 56 - ${ 57 57 - profile.displayName?.trim() 58 58 - ? `Follow ${escape_html(profile.displayName)} (@${escape_html(profile.handle)}) on Bluesky` 59 59 - : `Follow @${escape_html(profile.handle)} on Bluesky` 60 60 - } 61 61 - </a> 62 62 - </bluesky-profile-card> 63 63 - `; 64 64 - }; 65 65 - </script> 66 66 - 67 67 - {#await promise} 68 68 - <CircularSpinner /> 69 69 - {:then data} 70 70 - <BlueskyProfileCard {data} /> 71 71 - 72 72 - {#if data.profile} 73 73 - <Guide title="How do I embed this to my website?"> 74 74 - <GuideInstructions> 75 75 - <li> 76 76 - <p> 77 77 - Insert the following scripts and stylesheets to the <code>&lt;head&gt;</code> of your website. 78 78 - </p> 79 79 - <CodeBlock code={get_prerequisite_markup()} /> 80 80 - </li> 81 81 - 82 82 - <li> 83 83 - <p>Insert the following markup in wherever you want the profile feed to be.</p> 84 84 - <CodeBlock code={get_markup(data.profile)} /> 85 85 - </li> 86 86 - </GuideInstructions> 87 87 - </Guide> 88 88 - {/if} 89 89 - {:catch err} 90 90 - <Banner type="alert"> 91 91 - {'' + err} 92 92 - </Banner> 93 93 - {/await}

-93

packages/svelte-site/src/components/display/ProfileFeedDisplay.svelte

··· 1 1 - <script lang="ts"> 2 2 - import { onDestroy } from 'svelte'; 3 3 - 4 4 - import type { AppBskyActorDefs } from '@atcute/client/lexicons'; 5 5 - import { fetchProfileFeed as fetch_profile_feed } from 'bluesky-profile-feed-embed/core'; 6 6 - 7 7 - import { escape_html } from '../../lib/html'; 8 8 - import type { ExtractedProfileInfo } from '../../lib/matcher'; 9 9 - 10 10 - import Banner from '../Banner.svelte'; 11 11 - import CircularSpinner from '../CircularSpinner.svelte'; 12 12 - import CodeBlock from '../CodeBlock.svelte'; 13 13 - import BlueskyProfileFeed from '../embeds/BlueskyProfileFeed.svelte'; 14 14 - import Guide from '../guides/Guide.svelte'; 15 15 - import GuideInstructions from '../guides/GuideInstructions.svelte'; 16 16 - 17 17 - interface Props { 18 18 - matched: ExtractedProfileInfo; 19 19 - } 20 20 - 21 21 - let { matched }: Props = $props(); 22 22 - 23 23 - let controller: AbortController | undefined; 24 24 - const promise = $derived.by(() => { 25 25 - controller?.abort(); 26 26 - controller = new AbortController(); 27 27 - 28 28 - const signal = controller.signal; 29 29 - const actor = matched.actor; 30 30 - 31 31 - return fetch_profile_feed({ actor, signal }); 32 32 - }); 33 33 - 34 34 - onDestroy(() => { 35 35 - controller?.abort(); 36 36 - }); 37 37 - 38 38 - const get_prerequisite_markup = () => { 39 39 - const JSDELIVR_URL = `https://cdn.jsdelivr.net/npm/bluesky-profile-feed-embed@^1.0.0`; 40 40 - 41 41 - return `<!-- Core web component and styling --> 42 42 - <script type="module" src="${JSDELIVR_URL}/+esm"></${'script'}> 43 43 - <link rel="stylesheet" href="${JSDELIVR_URL}/dist/core.min.css"> 44 44 - 45 45 - <!-- Built-in themes --> 46 46 - <link rel="stylesheet" href="${JSDELIVR_URL}/themes/light.min.css" media="(prefers-color-scheme: light)"> 47 47 - <link rel="stylesheet" href="${JSDELIVR_URL}/themes/dim.min.css" media="(prefers-color-scheme: dark)"> 48 48 - `; 49 49 - }; 50 50 - 51 51 - const get_markup = (profile: AppBskyActorDefs.ProfileViewDetailed) => { 52 52 - const url = `https://bsky.app/profile/${profile.did}`; 53 53 - 54 54 - return `<bluesky-profile-feed actor="${escape_html(profile.did)}" include-pins> 55 55 - <a target="_blank" href="${escape_html(url)}" class="bluesky-profile-feed-fallback"> 56 56 - ${ 57 57 - profile.displayName?.trim() 58 58 - ? `Posts by ${escape_html(profile.displayName)} (@${escape_html(profile.handle)})` 59 59 - : `Posts by @${escape_html(profile.handle)}` 60 60 - } 61 61 - </a> 62 62 - </bluesky-profile-feed> 63 63 - `; 64 64 - }; 65 65 - </script> 66 66 - 67 67 - {#await promise} 68 68 - <CircularSpinner /> 69 69 - {:then data} 70 70 - <BlueskyProfileFeed {data} /> 71 71 - 72 72 - {#if data.profile} 73 73 - <Guide title="How do I embed this to my website?"> 74 74 - <GuideInstructions> 75 75 - <li> 76 76 - <p> 77 77 - Insert the following scripts and stylesheets to the <code>&lt;head&gt;</code> of your website. 78 78 - </p> 79 79 - <CodeBlock code={get_prerequisite_markup()} /> 80 80 - </li> 81 81 - 82 82 - <li> 83 83 - <p>Insert the following markup in wherever you want the profile feed to be.</p> 84 84 - <CodeBlock code={get_markup(data.profile)} /> 85 85 - </li> 86 86 - </GuideInstructions> 87 87 - </Guide> 88 88 - {/if} 89 89 - {:catch err} 90 90 - <Banner type="alert"> 91 91 - {'' + err} 92 92 - </Banner> 93 93 - {/await}

-12

packages/svelte-site/src/components/embeds/BlueskyPost.svelte

··· 1 1 - <script lang="ts"> 2 2 - import { type PostData, renderPost } from 'bluesky-post-embed/core'; 3 3 - import 'bluesky-post-embed/style.css'; 4 4 - 5 5 - interface Props { 6 6 - data: PostData; 7 7 - } 8 8 - 9 9 - let { data }: Props = $props(); 10 10 - </script> 11 11 - 12 12 - <bluesky-post src={data.thread?.post.uri}>{@html renderPost(data)}</bluesky-post>

-12

packages/svelte-site/src/components/embeds/BlueskyProfileCard.svelte

··· 1 1 - <script lang="ts"> 2 2 - import { type ProfileCardData, renderProfileCard } from 'bluesky-profile-card-embed/core'; 3 3 - import 'bluesky-profile-card-embed/style.css'; 4 4 - 5 5 - interface Props { 6 6 - data: ProfileCardData; 7 7 - } 8 8 - 9 9 - let { data }: Props = $props(); 10 10 - </script> 11 11 - 12 12 - <bluesky-profile-card actor={data.profile?.did}>{@html renderProfileCard(data)}</bluesky-profile-card>

-12

packages/svelte-site/src/components/embeds/BlueskyProfileFeed.svelte

··· 1 1 - <script lang="ts"> 2 2 - import { type ProfileFeedData, renderProfileFeed } from 'bluesky-profile-feed-embed/core'; 3 3 - import 'bluesky-profile-feed-embed/style.css'; 4 4 - 5 5 - interface Props { 6 6 - data: ProfileFeedData; 7 7 - } 8 8 - 9 9 - let { data }: Props = $props(); 10 10 - </script> 11 11 - 12 12 - <bluesky-profile-feed actor={data.profile?.did}>{@html renderProfileFeed(data)}</bluesky-profile-feed>

-26

packages/svelte-site/src/components/guides/Guide.svelte

··· 1 1 - <script lang="ts"> 2 2 - import type { Snippet } from 'svelte'; 3 3 - 4 4 - interface Props { 5 5 - title: string; 6 6 - children: Snippet<[]>; 7 7 - } 8 8 - 9 9 - let { title, children }: Props = $props(); 10 10 - </script> 11 11 - 12 12 - <div class="guide"> 13 13 - <h4 class="guide-header">{title}</h4> 14 14 - 15 15 - {@render children()} 16 16 - </div> 17 17 - 18 18 - <style> 19 19 - .guide { 20 20 - margin: 36px 0 0 0; 21 21 - border-top: 1px solid #d1d5db; 22 22 - } 23 23 - .guide-header { 24 24 - margin: 36px 0 16px 0; 25 25 - } 26 26 - </style>

-26

packages/svelte-site/src/components/guides/GuideInstructions.svelte

··· 1 1 - <script lang="ts"> 2 2 - import type { Snippet } from 'svelte'; 3 3 - 4 4 - interface Props { 5 5 - children: Snippet<[]>; 6 6 - } 7 7 - 8 8 - let { children }: Props = $props(); 9 9 - </script> 10 10 - 11 11 - <ol class="guide-instructions"> 12 12 - {@render children()} 13 13 - </ol> 14 14 - 15 15 - <style> 16 16 - .guide-instructions { 17 17 - margin: 24px 0 0 0; 18 18 - padding: 0 0 0 22px; 19 19 - font-size: 0.875rem; 20 20 - line-height: 1.25rem; 21 21 - 22 22 - :global(li + li) { 23 23 - margin: 24px 0 0 0; 24 24 - } 25 25 - } 26 26 - </style>

-4

packages/svelte-site/src/lib/component.ts

··· 1 1 - let uid = 0; 2 2 - export const use_id = () => { 3 3 - return `s:${uid++}`; 4 4 - };

-3

packages/svelte-site/src/lib/html.ts

··· 1 1 - export const escape_html = (text: string): string => { 2 2 - return text.replace(/[<"&]/g, (c) => '&#' + c.charCodeAt(0) + ';'); 3 3 - };

-60

packages/svelte-site/src/lib/matcher.ts

··· 1 1 - import { is_at_identifier, is_tid } from './strings'; 2 2 - 3 3 - export interface ExtractedPostInfo { 4 4 - type: 'post'; 5 5 - author: string; 6 6 - rkey: string; 7 7 - } 8 8 - 9 9 - export interface ExtractedProfileInfo { 10 10 - type: 'profile'; 11 11 - actor: string; 12 12 - } 13 13 - 14 14 - export type ExtractedInfo = ExtractedPostInfo | ExtractedProfileInfo; 15 15 - 16 16 - export const extract_url = (str: string): ExtractedInfo | null => { 17 17 - const url = safe_parse_url(str); 18 18 - if (!url) { 19 19 - return null; 20 20 - } 21 21 - 22 22 - let match: RegExpExecArray | null | undefined; 23 23 - if (url.host === 'bsky.app' || url.host === 'staging.bsky.app' || url.host === 'main.bsky.dev') { 24 24 - if ((match = /^\/profile\/([^/]+)\/post\/([^/]+)\/?$/.exec(url.pathname))) { 25 25 - if (!is_at_identifier(match[1]) || !is_tid(match[2])) { 26 26 - return null; 27 27 - } 28 28 - 29 29 - return { type: 'post', author: match[1], rkey: match[2] }; 30 30 - } 31 31 - 32 32 - if ((match = /^\/profile\/([^/]+)\/?$/.exec(url.pathname))) { 33 33 - if (!is_at_identifier(match[1])) { 34 34 - return null; 35 35 - } 36 36 - 37 37 - return { type: 'profile', actor: match[1] }; 38 38 - } 39 39 - } 40 40 - 41 41 - return null; 42 42 - }; 43 43 - 44 44 - const safe_parse_url = (str: string): URL | null => { 45 45 - let url: URL | null | undefined; 46 46 - if ('parse' in URL) { 47 47 - url = URL.parse(str); 48 48 - } else { 49 49 - try { 50 50 - // @ts-expect-error: `'parse' in URL` is giving truthy 51 51 - url = new URL(str); 52 52 - } catch {} 53 53 - } 54 54 - 55 55 - if (url && (url.protocol === 'https:' || url.protocol === 'http:')) { 56 56 - return url; 57 57 - } 58 58 - 59 59 - return null; 60 60 - };

-28

packages/svelte-site/src/lib/strings.ts

··· 1 1 - export const RECORD_KEY_RE = /^(?!\.{1,2}$)[a-zA-Z0-9_~.:-]{1,512}$/; 2 2 - 3 3 - export const is_record_key = (str: string): boolean => { 4 4 - return str.length >= 1 && str.length <= 512 && RECORD_KEY_RE.test(str); 5 5 - }; 6 6 - 7 7 - export const TID_RE = /^[234567abcdefghij][234567abcdefghijklmnopqrstuvwxyz]{12}$/; 8 8 - 9 9 - export const is_tid = (str: string): boolean => { 10 10 - return str.length === 13 && TID_RE.test(str); 11 11 - }; 12 12 - 13 13 - export const DID_RE = /^did:([a-z]+):([a-zA-Z0-9._:%-]*[a-zA-Z0-9._-])$/; 14 14 - 15 15 - export const is_did = (str: string): boolean => { 16 16 - return str.length >= 7 && str.length <= 2048 && DID_RE.test(str); 17 17 - }; 18 18 - 19 19 - export const HANDLE_RE = 20 20 - /^([a-zA-Z0-9]([a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?\.)+[a-zA-Z]([a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?$/; 21 21 - 22 22 - export const is_handle = (str: string): boolean => { 23 23 - return str.length >= 3 && str.length <= 253 && HANDLE_RE.test(str); 24 24 - }; 25 25 - 26 26 - export const is_at_identifier = (str: string): boolean => { 27 27 - return is_did(str) || is_handle(str); 28 28 - };

-10

packages/svelte-site/src/main.ts

··· 1 1 - import { mount } from 'svelte'; 2 2 - 3 3 - import './styles/normalize.css'; 4 4 - import 'bluesky-post-embed/themes/light.css'; 5 5 - 6 6 - import App from './App.svelte'; 7 7 - 8 8 - mount(App, { 9 9 - target: document.getElementById('app')!, 10 10 - });

-199

packages/svelte-site/src/styles/normalize.css

··· 1 1 - /*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */ 2 2 - 3 3 - /* 4 4 - Document 5 5 - ======== 6 6 - */ 7 7 - 8 8 - /** 9 9 - Use a better box model (opinionated). 10 10 - */ 11 11 - 12 12 - *, 13 13 - ::before, 14 14 - ::after { 15 15 - box-sizing: border-box; 16 16 - } 17 17 - 18 18 - html { 19 19 - line-height: 1.15; /* 1. Correct the line height in all browsers. */ 20 20 - /* Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) */ 21 21 - font-family: 'Inter', 'Roboto', ui-sans-serif, sans-serif, 'Noto Color Emoji', 'Twemoji Mozilla'; 22 22 - -webkit-text-size-adjust: 100%; /* 2. Prevent adjustments of font size after orientation changes in iOS. */ 23 23 - tab-size: 4; /* 3. Use a more readable tab size (opinionated). */ 24 24 - } 25 25 - 26 26 - /* 27 27 - Sections 28 28 - ======== 29 29 - */ 30 30 - 31 31 - body { 32 32 - margin: 0; /* Remove the margin in all browsers. */ 33 33 - } 34 34 - 35 35 - /* 36 36 - Text-level semantics 37 37 - ==================== 38 38 - */ 39 39 - 40 40 - /** 41 41 - Add the correct font weight in Chrome and Safari. 42 42 - */ 43 43 - 44 44 - b, 45 45 - strong { 46 46 - font-weight: bolder; 47 47 - } 48 48 - 49 49 - /** 50 50 - 1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) 51 51 - 2. Correct the odd 'em' font sizing in all browsers. 52 52 - */ 53 53 - 54 54 - code, 55 55 - kbd, 56 56 - samp, 57 57 - pre { 58 58 - font-size: 1em; /* 2 */ 59 59 - font-family: 'JetBrains Mono NL', ui-monospace, monospace; /* 1 */ 60 60 - } 61 61 - 62 62 - /** 63 63 - Add the correct font size in all browsers. 64 64 - */ 65 65 - 66 66 - small { 67 67 - font-size: 80%; 68 68 - } 69 69 - 70 70 - /** 71 71 - Prevent 'sub' and 'sup' elements from affecting the line height in all browsers. 72 72 - */ 73 73 - 74 74 - sub, 75 75 - sup { 76 76 - position: relative; 77 77 - vertical-align: baseline; 78 78 - font-size: 75%; 79 79 - line-height: 0; 80 80 - } 81 81 - 82 82 - sub { 83 83 - bottom: -0.25em; 84 84 - } 85 85 - 86 86 - sup { 87 87 - top: -0.5em; 88 88 - } 89 89 - 90 90 - /* 91 91 - Tabular data 92 92 - ============ 93 93 - */ 94 94 - 95 95 - /** 96 96 - Correct table border color inheritance in Chrome and Safari. (https://issues.chromium.org/issues/40615503, https://bugs.webkit.org/show_bug.cgi?id=195016) 97 97 - */ 98 98 - 99 99 - table { 100 100 - border-color: currentcolor; 101 101 - } 102 102 - 103 103 - /* 104 104 - Forms 105 105 - ===== 106 106 - */ 107 107 - 108 108 - /** 109 109 - 1. Change the font styles in all browsers. 110 110 - 2. Remove the margin in Firefox and Safari. 111 111 - */ 112 112 - 113 113 - button, 114 114 - input, 115 115 - optgroup, 116 116 - select, 117 117 - textarea { 118 118 - margin: 0; /* 2 */ 119 119 - font-size: 100%; /* 1 */ 120 120 - line-height: 1.15; /* 1 */ 121 121 - font-family: inherit; /* 1 */ 122 122 - } 123 123 - 124 124 - /** 125 125 - Correct the inability to style clickable types in iOS and Safari. 126 126 - */ 127 127 - 128 128 - button, 129 129 - [type='button'], 130 130 - [type='reset'], 131 131 - [type='submit'] { 132 132 - -webkit-appearance: button; 133 133 - } 134 134 - 135 135 - /** 136 136 - Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers. 137 137 - */ 138 138 - 139 139 - legend { 140 140 - padding: 0; 141 141 - } 142 142 - 143 143 - /** 144 144 - Add the correct vertical alignment in Chrome and Firefox. 145 145 - */ 146 146 - 147 147 - progress { 148 148 - vertical-align: baseline; 149 149 - } 150 150 - 151 151 - /** 152 152 - Correct the cursor style of increment and decrement buttons in Safari. 153 153 - */ 154 154 - 155 155 - ::-webkit-inner-spin-button, 156 156 - ::-webkit-outer-spin-button { 157 157 - height: auto; 158 158 - } 159 159 - 160 160 - /** 161 161 - 1. Correct the odd appearance in Chrome and Safari. 162 162 - 2. Correct the outline style in Safari. 163 163 - */ 164 164 - 165 165 - [type='search'] { 166 166 - -webkit-appearance: textfield; /* 1 */ 167 167 - outline-offset: -2px; /* 2 */ 168 168 - } 169 169 - 170 170 - /** 171 171 - Remove the inner padding in Chrome and Safari on macOS. 172 172 - */ 173 173 - 174 174 - ::-webkit-search-decoration { 175 175 - -webkit-appearance: none; 176 176 - } 177 177 - 178 178 - /** 179 179 - 1. Correct the inability to style clickable types in iOS and Safari. 180 180 - 2. Change font properties to 'inherit' in Safari. 181 181 - */ 182 182 - 183 183 - ::-webkit-file-upload-button { 184 184 - -webkit-appearance: button; /* 1 */ 185 185 - font: inherit; /* 2 */ 186 186 - } 187 187 - 188 188 - /* 189 189 - Interactive 190 190 - =========== 191 191 - */ 192 192 - 193 193 - /* 194 194 - Add the correct display in Chrome and Safari. 195 195 - */ 196 196 - 197 197 - summary { 198 198 - display: list-item; 199 199 - }

-2

packages/svelte-site/src/vite-env.d.ts

··· 1 1 - /// <reference types="svelte" /> 2 2 - /// <reference types="vite/client" />

-7

packages/svelte-site/svelte.config.js

··· 1 1 - import { vitePreprocess } from '@sveltejs/vite-plugin-svelte'; 2 2 - 3 3 - export default { 4 4 - // Consult https://svelte.dev/docs#compile-time-svelte-preprocess 5 5 - // for more information about preprocessors 6 6 - preprocess: vitePreprocess(), 7 7 - };

-21

packages/svelte-site/tsconfig.json

··· 1 1 - { 2 2 - "extends": "@tsconfig/svelte/tsconfig.json", 3 3 - "compilerOptions": { 4 4 - "target": "ESNext", 5 5 - "useDefineForClassFields": true, 6 6 - "module": "ESNext", 7 7 - "resolveJsonModule": true, 8 8 - /** 9 9 - * Typecheck JS in `.svelte` and `.js` files by default. 10 10 - * Disable checkJs if you'd like to use dynamic types in JS. 11 11 - * Note that setting allowJs false does not prevent the use 12 12 - * of JS in `.svelte` files. 13 13 - */ 14 14 - "allowJs": true, 15 15 - "checkJs": true, 16 16 - "isolatedModules": true, 17 17 - "moduleDetection": "force", 18 18 - }, 19 19 - "include": ["src/**/*.ts", "src/**/*.js", "src/**/*.svelte"], 20 20 - "references": [{ "path": "./tsconfig.node.json" }], 21 21 - }

-13

packages/svelte-site/tsconfig.node.json

··· 1 1 - { 2 2 - "compilerOptions": { 3 3 - "composite": true, 4 4 - "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo", 5 5 - "skipLibCheck": true, 6 6 - "module": "ESNext", 7 7 - "moduleResolution": "bundler", 8 8 - "strict": true, 9 9 - "noEmit": true, 10 10 - "noUncheckedSideEffectImports": true, 11 11 - }, 12 12 - "include": ["vite.config.ts"], 13 13 - }

-15

packages/svelte-site/vite.config.ts

··· 1 1 - import { defineConfig } from 'vite'; 2 2 - import { svelte } from '@sveltejs/vite-plugin-svelte'; 3 3 - 4 4 - // https://vite.dev/config/ 5 5 - export default defineConfig({ 6 6 - base: './', 7 7 - build: { 8 8 - target: 'esnext', 9 9 - minify: 'terser', 10 10 - }, 11 11 - esbuild: { 12 12 - target: 'esnext', 13 13 - }, 14 14 - plugins: [svelte()], 15 15 - });

-1041

patches/svelte.patch

··· 1 1 - diff --git a/src/compiler/phases/3-transform/server/visitors/AwaitBlock.js b/src/compiler/phases/3-transform/server/visitors/AwaitBlock.js 2 2 - index b8d2e421440a0f8e5b12c9cb55ed65ab0f5e7a8a..76bb16136e17cb010069eb7fd4d84cb600ad138c 100644 3 3 - --- a/src/compiler/phases/3-transform/server/visitors/AwaitBlock.js 4 4 - +++ b/src/compiler/phases/3-transform/server/visitors/AwaitBlock.js 5 5 - @@ -33,5 +33,5 @@ export function AwaitBlock(node, context) { 6 6 - ); 7 7 - } 8 8 - 9 9 - - context.state.template.push(statement, block_close); 10 10 - + context.state.template.push(statement); 11 11 - } 12 12 - diff --git a/src/compiler/phases/3-transform/server/visitors/EachBlock.js b/src/compiler/phases/3-transform/server/visitors/EachBlock.js 13 13 - index 3c0a8c167696960efa186179da60c47eca0db2e2..8e96d467f6f20af90226ddb16db383e4e3be70ed 100644 14 14 - --- a/src/compiler/phases/3-transform/server/visitors/EachBlock.js 15 15 - +++ b/src/compiler/phases/3-transform/server/visitors/EachBlock.js 16 16 - @@ -47,21 +47,16 @@ export function EachBlock(node, context) { 17 17 - ); 18 18 - 19 19 - if (node.fallback) { 20 20 - - const open = b.stmt(b.call(b.id('$$renderer.push'), block_open)); 21 21 - - 22 22 - const fallback = /** @type {BlockStatement} */ (context.visit(node.fallback)); 23 23 - 24 24 - - fallback.body.unshift(b.stmt(b.call(b.id('$$renderer.push'), block_open_else))); 25 25 - - 26 26 - block.body.push( 27 27 - b.if( 28 28 - b.binary('!==', b.member(array_id, 'length'), b.literal(0)), 29 29 - - b.block([open, for_loop]), 30 30 - + b.block([for_loop]), 31 31 - fallback 32 32 - ) 33 33 - ); 34 34 - } else { 35 35 - - state.template.push(block_open); 36 36 - block.body.push(for_loop); 37 37 - } 38 38 - 39 39 - @@ -71,10 +66,9 @@ export function EachBlock(node, context) { 40 40 - block, 41 41 - node.metadata.expression.blockers(), 42 42 - node.metadata.expression.has_await 43 43 - - ), 44 44 - - block_close 45 45 - + ) 46 46 - ); 47 47 - } else { 48 48 - - state.template.push(...block.body, block_close); 49 49 - + state.template.push(...block.body); 50 50 - } 51 51 - } 52 52 - diff --git a/src/compiler/phases/3-transform/server/visitors/Fragment.js b/src/compiler/phases/3-transform/server/visitors/Fragment.js 53 53 - index ef5bd985ae5d6bcae838a58f68145fd070b73179..bdc556ee8547d4bfccdee0e6c10260a6f9769fba 100644 54 54 - --- a/src/compiler/phases/3-transform/server/visitors/Fragment.js 55 55 - +++ b/src/compiler/phases/3-transform/server/visitors/Fragment.js 56 56 - @@ -36,11 +36,6 @@ export function Fragment(node, context) { 57 57 - context.visit(node, state); 58 58 - } 59 59 - 60 60 - - if (is_text_first) { 61 61 - - // insert `<!---->` to prevent this from being glued to the previous fragment 62 62 - - state.template.push(empty_comment); 63 63 - - } 64 64 - - 65 65 - process_children(trimmed, { ...context, state }); 66 66 - 67 67 - if (state.async_consts && state.async_consts.thunks.length > 0) { 68 68 - diff --git a/src/compiler/phases/3-transform/server/visitors/IfBlock.js b/src/compiler/phases/3-transform/server/visitors/IfBlock.js 69 69 - index e8418343be9b2fcba39add8762f5139e37cc7e11..3fccb04a180be2e499c2d71e3b6ac250bc7c30b6 100644 70 70 - --- a/src/compiler/phases/3-transform/server/visitors/IfBlock.js 71 71 - +++ b/src/compiler/phases/3-transform/server/visitors/IfBlock.js 72 72 - @@ -16,10 +16,6 @@ export function IfBlock(node, context) { 73 73 - ? /** @type {BlockStatement} */ (context.visit(node.alternate)) 74 74 - : b.block([]); 75 75 - 76 76 - - consequent.body.unshift(b.stmt(b.call(b.id('$$renderer.push'), block_open))); 77 77 - - 78 78 - - alternate.body.unshift(b.stmt(b.call(b.id('$$renderer.push'), block_open_else))); 79 79 - - 80 80 - /** @type {Statement} */ 81 81 - let statement = b.if(test, consequent, alternate); 82 82 - 83 83 - @@ -35,5 +31,5 @@ export function IfBlock(node, context) { 84 84 - ); 85 85 - } 86 86 - 87 87 - - context.state.template.push(statement, block_close); 88 88 - + context.state.template.push(statement); 89 89 - } 90 90 - diff --git a/src/compiler/phases/3-transform/server/visitors/KeyBlock.js b/src/compiler/phases/3-transform/server/visitors/KeyBlock.js 91 91 - index 1396aa8fada3c5ccbc469a9983af646765bd35e2..02906b5eda4b4a7c2d90243a9d2e28bca606f4d9 100644 92 92 - --- a/src/compiler/phases/3-transform/server/visitors/KeyBlock.js 93 93 - +++ b/src/compiler/phases/3-transform/server/visitors/KeyBlock.js 94 94 - @@ -8,15 +8,7 @@ import { block_close, block_open, empty_comment } from './shared/utils.js'; 95 95 - * @param {ComponentContext} context 96 96 - */ 97 97 - export function KeyBlock(node, context) { 98 98 - - const is_async = node.metadata.expression.is_async(); 99 99 - - 100 100 - - if (is_async) context.state.template.push(block_open); 101 101 - - 102 102 - context.state.template.push( 103 103 - - empty_comment, 104 104 - /** @type {BlockStatement} */ (context.visit(node.fragment)), 105 105 - - empty_comment 106 106 - ); 107 107 - - 108 108 - - if (is_async) context.state.template.push(block_close); 109 109 - } 110 110 - diff --git a/src/compiler/phases/3-transform/server/visitors/RenderTag.js b/src/compiler/phases/3-transform/server/visitors/RenderTag.js 111 111 - index 6d7cef0d95a943d6251101289a821537b259162e..9b4576a8e571aed73046e84ebfa47c276eef7439 100644 112 112 - --- a/src/compiler/phases/3-transform/server/visitors/RenderTag.js 113 113 - +++ b/src/compiler/phases/3-transform/server/visitors/RenderTag.js 114 114 - @@ -44,8 +44,4 @@ export function RenderTag(node, context) { 115 115 - } 116 116 - 117 117 - context.state.template.push(statement); 118 118 - - 119 119 - - if (!context.state.skip_hydration_boundaries) { 120 120 - - context.state.template.push(empty_comment); 121 121 - - } 122 122 - } 123 123 - diff --git a/src/compiler/phases/3-transform/server/visitors/SlotElement.js b/src/compiler/phases/3-transform/server/visitors/SlotElement.js 124 124 - index d0f8e25d021a70589c6fd191139438a1a95bc45c..4455b964948500ab0f8e8468e7f7fd74139f1d1c 100644 125 125 - --- a/src/compiler/phases/3-transform/server/visitors/SlotElement.js 126 126 - +++ b/src/compiler/phases/3-transform/server/visitors/SlotElement.js 127 127 - @@ -73,5 +73,5 @@ export function SlotElement(node, context) { 128 128 - ) 129 129 - : b.stmt(slot); 130 130 - 131 131 - - context.state.template.push(block_open, statement, block_close); 132 132 - + context.state.template.push(statement); 133 133 - } 134 134 - diff --git a/src/compiler/phases/3-transform/server/visitors/SvelteBoundary.js b/src/compiler/phases/3-transform/server/visitors/SvelteBoundary.js 135 135 - index 8a30e765c23008f35ba7a5e43d3c0905f309f555..b5f66aea25087751a864ce515f5f021794ce3d01 100644 136 136 - --- a/src/compiler/phases/3-transform/server/visitors/SvelteBoundary.js 137 137 - +++ b/src/compiler/phases/3-transform/server/visitors/SvelteBoundary.js 138 138 - @@ -45,8 +45,8 @@ export function SvelteBoundary(node, context) { 139 139 - context.state.template.push( 140 140 - b.if( 141 141 - callee, 142 142 - - b.block(build_template([block_open_else, b.stmt(pending), block_close])), 143 143 - - b.block(build_template([block_open, block, block_close])) 144 144 - + b.block(build_template([b.stmt(pending)])), 145 145 - + b.block(build_template([block])) 146 146 - ) 147 147 - ); 148 148 - } else { 149 149 - @@ -62,10 +62,10 @@ export function SvelteBoundary(node, context) { 150 150 - b.id('$$renderer') 151 151 - ) 152 152 - : /** @type {BlockStatement} */ (context.visit(pending_snippet.body)); 153 153 - - context.state.template.push(block_open_else, pending, block_close); 154 154 - + context.state.template.push(pending); 155 155 - } 156 156 - } else { 157 157 - const block = /** @type {BlockStatement} */ (context.visit(node.fragment)); 158 158 - - context.state.template.push(block_open, block, block_close); 159 159 - + context.state.template.push(block); 160 160 - } 161 161 - } 162 162 - diff --git a/src/compiler/phases/3-transform/server/visitors/shared/component.js b/src/compiler/phases/3-transform/server/visitors/shared/component.js 163 163 - index a90b5e41dfb2e746a12c2dbd5f149c9fbcac5d54..846edda2d005f1b1abbfa64029ae90e12f2a2acc 100644 164 164 - --- a/src/compiler/phases/3-transform/server/visitors/shared/component.js 165 165 - +++ b/src/compiler/phases/3-transform/server/visitors/shared/component.js 166 166 - @@ -335,26 +335,13 @@ export function build_inline_component(node, expression, context) { 167 167 - statement = create_async_block( 168 168 - b.block([ 169 169 - optimiser.apply(), 170 170 - - dynamic && custom_css_props.length === 0 171 171 - - ? b.stmt(b.call('$$renderer.push', empty_comment)) 172 172 - - : b.empty, 173 173 - + b.empty, 174 174 - statement 175 175 - ]), 176 176 - optimiser.blockers(), 177 177 - optimiser.has_await 178 178 - ); 179 179 - - } else if (dynamic && custom_css_props.length === 0) { 180 180 - - context.state.template.push(empty_comment); 181 181 - } 182 182 - 183 183 - context.state.template.push(statement); 184 184 - - 185 185 - - if ( 186 186 - - !is_async && 187 187 - - !context.state.skip_hydration_boundaries && 188 188 - - custom_css_props.length === 0 && 189 189 - - optimiser.expressions.length === 0 190 190 - - ) { 191 191 - - context.state.template.push(empty_comment); 192 192 - - } 193 193 - } 194 194 - diff --git a/src/compiler/phases/3-transform/server/visitors/shared/utils.js b/src/compiler/phases/3-transform/server/visitors/shared/utils.js 195 195 - index 4736a7c5daf27c6c2dd7c8f0e5136d668f178a95..b2e94a6f257614ed9e2e85f3ff77fa4ed9e3debd 100644 196 196 - --- a/src/compiler/phases/3-transform/server/visitors/shared/utils.js 197 197 - +++ b/src/compiler/phases/3-transform/server/visitors/shared/utils.js 198 198 - @@ -116,6 +116,12 @@ export function build_template(template) { 199 199 - const statements = []; 200 200 - 201 201 - const flush = () => { 202 202 - + // Skip empty pushes 203 203 - + if (expressions.length === 0 && strings.every((s) => s === '')) { 204 204 - + strings = []; 205 205 - + return; 206 206 - + } 207 207 - + 208 208 - statements.push( 209 209 - b.stmt( 210 210 - b.call( 211 211 - @@ -326,9 +332,11 @@ export function create_push(expression, metadata, needs_hydration_markers = fals 212 212 - * @returns {Statement} 213 213 - */ 214 214 - export function call_component_renderer(body, component_fn_id) { 215 215 - - return b.stmt( 216 216 - - b.call('$$renderer.component', b.arrow([b.id('$$renderer')], body, false), component_fn_id) 217 217 - - ); 218 218 - + // Just emit the body directly - no component() wrapper needed for sync rendering 219 219 - + if (body.type === 'BlockStatement') { 220 220 - + return body; 221 221 - + } 222 222 - + return b.stmt(body); 223 223 - } 224 224 - 225 225 - /** 226 226 - diff --git a/src/internal/server/index.js b/src/internal/server/index.js 227 227 - index c0dbdbda14f6f6c98d47686e275f91034c1eaa6b..13b18b1625d48820f9960d473a8d0c1d07757f3f 100644 228 228 - --- a/src/internal/server/index.js 229 229 - +++ b/src/internal/server/index.js 230 230 - @@ -17,7 +17,7 @@ import { DEV } from 'esm-env'; 231 231 - import { EMPTY_COMMENT, BLOCK_CLOSE, BLOCK_OPEN, BLOCK_OPEN_ELSE } from './hydration.js'; 232 232 - import { validate_store } from '../shared/validate.js'; 233 233 - import { is_boolean_attribute, is_raw_text_element, is_void } from '../../utils.js'; 234 234 - -import { Renderer } from './renderer.js'; 235 235 - +export { render } from './renderer.js'; 236 236 - 237 237 - // https://html.spec.whatwg.org/multipage/syntax.html#attributes-2 238 238 - // https://infra.spec.whatwg.org/#noncharacter 239 239 - @@ -51,17 +51,6 @@ export function element(renderer, tag, attributes_fn = noop, children_fn = noop) 240 240 - renderer.push('<!---->'); 241 241 - } 242 242 - 243 243 - -/** 244 244 - - * Only available on the server and when compiling with the `server` option. 245 245 - - * Takes a component and returns an object with `body` and `head` properties on it, which you can use to populate the HTML when server-rendering your app. 246 246 - - * @template {Record<string, any>} Props 247 247 - - * @param {Component<Props> | ComponentType<SvelteComponent<Props>>} component 248 248 - - * @param {{ props?: Omit<Props, '$$slots' | '$$events'>; context?: Map<any, any>; idPrefix?: string }} [options] 249 249 - - * @returns {RenderOutput} 250 250 - - */ 251 251 - -export function render(component, options = {}) { 252 252 - - return Renderer.render(/** @type {Component<Props>} */ (component), options); 253 253 - -} 254 254 - 255 255 - /** 256 256 - * @param {string} hash 257 257 - @@ -411,12 +400,7 @@ export { await_block as await }; 258 258 - 259 259 - /** @param {any} array_like_or_iterator */ 260 260 - export function ensure_array_like(array_like_or_iterator) { 261 261 - - if (array_like_or_iterator) { 262 262 - - return array_like_or_iterator.length !== undefined 263 263 - - ? array_like_or_iterator 264 264 - - : Array.from(array_like_or_iterator); 265 265 - - } 266 266 - - return []; 267 267 - + return array_like_or_iterator; 268 268 - } 269 269 - 270 270 - /** 271 271 - diff --git a/src/internal/server/renderer.js b/src/internal/server/renderer.js 272 272 - index 0cfb1a7a93518729d04c26214140eaab29de4870..c36c956d1edff831a5d00f214184b882f96e0985 100644 273 273 - --- a/src/internal/server/renderer.js 274 274 - +++ b/src/internal/server/renderer.js 275 275 - @@ -1,741 +1,18 @@ 276 276 - /** @import { Component } from 'svelte' */ 277 277 - -/** @import { HydratableContext, RenderOutput, SSRContext, SyncRenderOutput } from './types.js' */ 278 278 - -/** @import { MaybePromise } from '#shared' */ 279 279 - -import { async_mode_flag } from '../flags/index.js'; 280 280 - -import { abort } from './abort-signal.js'; 281 281 - -import { pop, push, set_ssr_context, ssr_context, save } from './context.js'; 282 282 - -import * as e from './errors.js'; 283 283 - -import * as w from './warnings.js'; 284 284 - -import { BLOCK_CLOSE, BLOCK_OPEN } from './hydration.js'; 285 285 - -import { attributes } from './index.js'; 286 286 - -import { get_render_context, with_render_context, init_render_context } from './render-context.js'; 287 287 - -import { DEV } from 'esm-env'; 288 288 - - 289 289 - -/** @typedef {'head' | 'body'} RendererType */ 290 290 - -/** @typedef {{ [key in RendererType]: string }} AccumulatedContent */ 291 291 - - 292 292 - -/** 293 293 - - * @typedef {string | Renderer} RendererItem 294 294 - - */ 295 295 - +/** @import { RenderOutput } from './types.js' */ 296 296 - 297 297 - /** 298 298 - - * Renderers are basically a tree of `string | Renderer`s, where each `Renderer` in the tree represents 299 299 - - * work that may or may not have completed. A renderer can be {@link collect}ed to aggregate the 300 300 - - * content from itself and all of its children, but this will throw if any of the children are 301 301 - - * performing asynchronous work. To asynchronously collect a renderer, just `await` it. 302 302 - - * 303 303 - - * The `string` values within a renderer are always associated with the {@link type} of that renderer. To switch types, 304 304 - - * call {@link child} with a different `type` argument. 305 305 - + * @template {Record<string, any>} Props 306 306 - + * @param {Component<Props>} component 307 307 - + * @param {{ props?: Omit<Props, '$$slots' | '$$events'> }} [options] 308 308 - + * @returns {RenderOutput} 309 309 - */ 310 310 - -export class Renderer { 311 311 - - /** 312 312 - - * The contents of the renderer. 313 313 - - * @type {RendererItem[]} 314 314 - - */ 315 315 - - #out = []; 316 316 - - 317 317 - - /** 318 318 - - * Any `onDestroy` callbacks registered during execution of this renderer. 319 319 - - * @type {(() => void)[] | undefined} 320 320 - - */ 321 321 - - #on_destroy = undefined; 322 322 - - 323 323 - - /** 324 324 - - * Whether this renderer is a component body. 325 325 - - * @type {boolean} 326 326 - - */ 327 327 - - #is_component_body = false; 328 328 - - 329 329 - - /** 330 330 - - * The type of string content that this renderer is accumulating. 331 331 - - * @type {RendererType} 332 332 - - */ 333 333 - - type; 334 334 - - 335 335 - - /** @type {Renderer | undefined} */ 336 336 - - #parent; 337 337 - - 338 338 - - /** 339 339 - - * Asynchronous work associated with this renderer 340 340 - - * @type {Promise<void> | undefined} 341 341 - - */ 342 342 - - promise = undefined; 343 343 - - 344 344 - - /** 345 345 - - * State which is associated with the content tree as a whole. 346 346 - - * It will be re-exposed, uncopied, on all children. 347 347 - - * @type {SSRState} 348 348 - - * @readonly 349 349 - - */ 350 350 - - global; 351 351 - - 352 352 - - /** 353 353 - - * State that is local to the branch it is declared in. 354 354 - - * It will be shallow-copied to all children. 355 355 - - * 356 356 - - * @type {{ select_value: string | undefined }} 357 357 - - */ 358 358 - - local; 359 359 - - 360 360 - - /** 361 361 - - * @param {SSRState} global 362 362 - - * @param {Renderer | undefined} [parent] 363 363 - - */ 364 364 - - constructor(global, parent) { 365 365 - - this.#parent = parent; 366 366 - - 367 367 - - this.global = global; 368 368 - - this.local = parent ? { ...parent.local } : { select_value: undefined }; 369 369 - - this.type = parent ? parent.type : 'body'; 370 370 - - } 371 371 - - 372 372 - - /** 373 373 - - * @param {(renderer: Renderer) => void} fn 374 374 - - */ 375 375 - - head(fn) { 376 376 - - const head = new Renderer(this.global, this); 377 377 - - head.type = 'head'; 378 378 - - 379 379 - - this.#out.push(head); 380 380 - - head.child(fn); 381 381 - - } 382 382 - - 383 383 - - /** 384 384 - - * @param {Array<Promise<void>>} blockers 385 385 - - * @param {(renderer: Renderer) => void} fn 386 386 - - */ 387 387 - - async_block(blockers, fn) { 388 388 - - this.#out.push(BLOCK_OPEN); 389 389 - - this.async(blockers, fn); 390 390 - - this.#out.push(BLOCK_CLOSE); 391 391 - - } 392 392 - - 393 393 - - /** 394 394 - - * @param {Array<Promise<void>>} blockers 395 395 - - * @param {(renderer: Renderer) => void} fn 396 396 - - */ 397 397 - - async(blockers, fn) { 398 398 - - let callback = fn; 399 399 - - 400 400 - - if (blockers.length > 0) { 401 401 - - const context = ssr_context; 402 402 - - 403 403 - - callback = (renderer) => { 404 404 - - return Promise.all(blockers).then(() => { 405 405 - - const previous_context = ssr_context; 406 406 - - 407 407 - - try { 408 408 - - set_ssr_context(context); 409 409 - - return fn(renderer); 410 410 - - } finally { 411 411 - - set_ssr_context(previous_context); 412 412 - - } 413 413 - - }); 414 414 - - }; 415 415 - - } 416 416 - - 417 417 - - this.child(callback); 418 418 - - } 419 419 - - 420 420 - - /** 421 421 - - * @param {Array<() => void>} thunks 422 422 - - */ 423 423 - - run(thunks) { 424 424 - - const context = ssr_context; 425 425 - - 426 426 - - let promise = Promise.resolve(thunks[0]()); 427 427 - - const promises = [promise]; 428 428 - - 429 429 - - for (const fn of thunks.slice(1)) { 430 430 - - promise = promise.then(() => { 431 431 - - const previous_context = ssr_context; 432 432 - - set_ssr_context(context); 433 433 - - 434 434 - - try { 435 435 - - return fn(); 436 436 - - } finally { 437 437 - - set_ssr_context(previous_context); 438 438 - - } 439 439 - - }); 440 440 - - 441 441 - - promises.push(promise); 442 442 - - } 443 443 - - 444 444 - - return promises; 445 445 - - } 446 446 - - 447 447 - - /** 448 448 - - * Create a child renderer. The child renderer inherits the state from the parent, 449 449 - - * but has its own content. 450 450 - - * @param {(renderer: Renderer) => MaybePromise<void>} fn 451 451 - - */ 452 452 - - child(fn) { 453 453 - - const child = new Renderer(this.global, this); 454 454 - - this.#out.push(child); 455 455 - - 456 456 - - const parent = ssr_context; 457 457 - - 458 458 - - set_ssr_context({ 459 459 - - ...ssr_context, 460 460 - - p: parent, 461 461 - - c: null, 462 462 - - r: child 463 463 - - }); 464 464 - - 465 465 - - const result = fn(child); 466 466 - - 467 467 - - set_ssr_context(parent); 468 468 - - 469 469 - - if (result instanceof Promise) { 470 470 - - if (child.global.mode === 'sync') { 471 471 - - e.await_invalid(); 472 472 - - } 473 473 - - // just to avoid unhandled promise rejections -- we'll end up throwing in `collect_async` if something fails 474 474 - - result.catch(() => {}); 475 475 - - child.promise = result; 476 476 - - } 477 477 - - 478 478 - - return child; 479 479 - - } 480 480 - - 481 481 - - /** 482 482 - - * Create a component renderer. The component renderer inherits the state from the parent, 483 483 - - * but has its own content. It is treated as an ordering boundary for ondestroy callbacks. 484 484 - - * @param {(renderer: Renderer) => MaybePromise<void>} fn 485 485 - - * @param {Function} [component_fn] 486 486 - - * @returns {void} 487 487 - - */ 488 488 - - component(fn, component_fn) { 489 489 - - push(component_fn); 490 490 - - const child = this.child(fn); 491 491 - - child.#is_component_body = true; 492 492 - - pop(); 493 493 - - } 494 494 - - 495 495 - - /** 496 496 - - * @param {Record<string, any>} attrs 497 497 - - * @param {(renderer: Renderer) => void} fn 498 498 - - * @param {string | undefined} [css_hash] 499 499 - - * @param {Record<string, boolean> | undefined} [classes] 500 500 - - * @param {Record<string, string> | undefined} [styles] 501 501 - - * @param {number | undefined} [flags] 502 502 - - * @returns {void} 503 503 - - */ 504 504 - - select(attrs, fn, css_hash, classes, styles, flags) { 505 505 - - const { value, ...select_attrs } = attrs; 506 506 - - 507 507 - - this.push(`<select${attributes(select_attrs, css_hash, classes, styles, flags)}>`); 508 508 - - this.child((renderer) => { 509 509 - - renderer.local.select_value = value; 510 510 - - fn(renderer); 511 511 - - }); 512 512 - - this.push('</select>'); 513 513 - - } 514 514 - - 515 515 - - /** 516 516 - - * @param {Record<string, any>} attrs 517 517 - - * @param {string | number | boolean | ((renderer: Renderer) => void)} body 518 518 - - * @param {string | undefined} [css_hash] 519 519 - - * @param {Record<string, boolean> | undefined} [classes] 520 520 - - * @param {Record<string, string> | undefined} [styles] 521 521 - - * @param {number | undefined} [flags] 522 522 - - */ 523 523 - - option(attrs, body, css_hash, classes, styles, flags) { 524 524 - - this.#out.push(`<option${attributes(attrs, css_hash, classes, styles, flags)}`); 525 525 - - 526 526 - - /** 527 527 - - * @param {Renderer} renderer 528 528 - - * @param {any} value 529 529 - - * @param {{ head?: string, body: any }} content 530 530 - - */ 531 531 - - const close = (renderer, value, { head, body }) => { 532 532 - - if ('value' in attrs) { 533 533 - - value = attrs.value; 534 534 - - } 535 535 - - 536 536 - - if (value === this.local.select_value) { 537 537 - - renderer.#out.push(' selected'); 538 538 - - } 539 539 - - 540 540 - - renderer.#out.push(`>${body}</option>`); 541 541 - - 542 542 - - // super edge case, but may as well handle it 543 543 - - if (head) { 544 544 - - renderer.head((child) => child.push(head)); 545 545 - - } 546 546 - - }; 547 547 - - 548 548 - - if (typeof body === 'function') { 549 549 - - this.child((renderer) => { 550 550 - - const r = new Renderer(this.global, this); 551 551 - - body(r); 552 552 - - 553 553 - - if (this.global.mode === 'async') { 554 554 - - return r.#collect_content_async().then((content) => { 555 555 - - close(renderer, content.body.replaceAll('<!---->', ''), content); 556 556 - - }); 557 557 - - } else { 558 558 - - const content = r.#collect_content(); 559 559 - - close(renderer, content.body.replaceAll('<!---->', ''), content); 560 560 - - } 561 561 - - }); 562 562 - - } else { 563 563 - - close(this, body, { body }); 564 564 - - } 565 565 - - } 566 566 - - 567 567 - - /** 568 568 - - * @param {(renderer: Renderer) => void} fn 569 569 - - */ 570 570 - - title(fn) { 571 571 - - const path = this.get_path(); 572 572 - - 573 573 - - /** @param {string} head */ 574 574 - - const close = (head) => { 575 575 - - this.global.set_title(head, path); 576 576 - - }; 577 577 - - 578 578 - - this.child((renderer) => { 579 579 - - const r = new Renderer(renderer.global, renderer); 580 580 - - fn(r); 581 581 - - 582 582 - - if (renderer.global.mode === 'async') { 583 583 - - return r.#collect_content_async().then((content) => { 584 584 - - close(content.head); 585 585 - - }); 586 586 - - } else { 587 587 - - const content = r.#collect_content(); 588 588 - - close(content.head); 589 589 - - } 590 590 - - }); 591 591 - - } 592 592 - - 593 593 - - /** 594 594 - - * @param {string | (() => Promise<string>)} content 595 595 - - */ 596 596 - - push(content) { 597 597 - - if (typeof content === 'function') { 598 598 - - this.child(async (renderer) => renderer.push(await content())); 599 599 - - } else { 600 600 - - this.#out.push(content); 601 601 - - } 602 602 - - } 603 603 - - 604 604 - - /** 605 605 - - * @param {() => void} fn 606 606 - - */ 607 607 - - on_destroy(fn) { 608 608 - - (this.#on_destroy ??= []).push(fn); 609 609 - - } 610 610 - - 611 611 - - /** 612 612 - - * @returns {number[]} 613 613 - - */ 614 614 - - get_path() { 615 615 - - return this.#parent ? [...this.#parent.get_path(), this.#parent.#out.indexOf(this)] : []; 616 616 - - } 617 617 - - 618 618 - - /** 619 619 - - * @deprecated this is needed for legacy component bindings 620 620 - - */ 621 621 - - copy() { 622 622 - - const copy = new Renderer(this.global, this.#parent); 623 623 - - copy.#out = this.#out.map((item) => (item instanceof Renderer ? item.copy() : item)); 624 624 - - copy.promise = this.promise; 625 625 - - return copy; 626 626 - - } 627 627 - - 628 628 - - /** 629 629 - - * @param {Renderer} other 630 630 - - * @deprecated this is needed for legacy component bindings 631 631 - - */ 632 632 - - subsume(other) { 633 633 - - if (this.global.mode !== other.global.mode) { 634 634 - - throw new Error( 635 635 - - "invariant: A renderer cannot switch modes. If you're seeing this, there's a compiler bug. File an issue!" 636 636 - - ); 637 637 - - } 638 638 - - 639 639 - - this.local = other.local; 640 640 - - this.#out = other.#out.map((item) => { 641 641 - - if (item instanceof Renderer) { 642 642 - - item.subsume(item); 643 643 - - } 644 644 - - return item; 645 645 - - }); 646 646 - - this.promise = other.promise; 647 647 - - this.type = other.type; 648 648 - - } 649 649 - - 650 650 - - get length() { 651 651 - - return this.#out.length; 652 652 - - } 653 653 - - 654 654 - - /** 655 655 - - * Only available on the server and when compiling with the `server` option. 656 656 - - * Takes a component and returns an object with `body` and `head` properties on it, which you can use to populate the HTML when server-rendering your app. 657 657 - - * @template {Record<string, any>} Props 658 658 - - * @param {Component<Props>} component 659 659 - - * @param {{ props?: Omit<Props, '$$slots' | '$$events'>; context?: Map<any, any>; idPrefix?: string }} [options] 660 660 - - * @returns {RenderOutput} 661 661 - - */ 662 662 - - static render(component, options = {}) { 663 663 - - /** @type {AccumulatedContent | undefined} */ 664 664 - - let sync; 665 665 - - /** @type {Promise<AccumulatedContent> | undefined} */ 666 666 - - let async; 667 667 - - 668 668 - - const result = /** @type {RenderOutput} */ ({}); 669 669 - - // making these properties non-enumerable so that console.logging 670 670 - - // doesn't trigger a sync render 671 671 - - Object.defineProperties(result, { 672 672 - - html: { 673 673 - - get: () => { 674 674 - - return (sync ??= Renderer.#render(component, options)).body; 675 675 - - } 676 676 - - }, 677 677 - - head: { 678 678 - - get: () => { 679 679 - - return (sync ??= Renderer.#render(component, options)).head; 680 680 - - } 681 681 - - }, 682 682 - - body: { 683 683 - - get: () => { 684 684 - - return (sync ??= Renderer.#render(component, options)).body; 685 685 - - } 686 686 - - }, 687 687 - - then: { 688 688 - - value: 689 689 - - /** 690 690 - - * this is not type-safe, but honestly it's the best I can do right now, and it's a straightforward function. 691 691 - - * 692 692 - - * @template TResult1 693 693 - - * @template [TResult2=never] 694 694 - - * @param { (value: SyncRenderOutput) => TResult1 } onfulfilled 695 695 - - * @param { (reason: unknown) => TResult2 } onrejected 696 696 - - */ 697 697 - - (onfulfilled, onrejected) => { 698 698 - - if (!async_mode_flag) { 699 699 - - const result = (sync ??= Renderer.#render(component, options)); 700 700 - - const user_result = onfulfilled({ 701 701 - - head: result.head, 702 702 - - body: result.body, 703 703 - - html: result.body 704 704 - - }); 705 705 - - return Promise.resolve(user_result); 706 706 - - } 707 707 - - async ??= init_render_context().then(() => 708 708 - - with_render_context(() => Renderer.#render_async(component, options)) 709 709 - - ); 710 710 - - return async.then((result) => { 711 711 - - Object.defineProperty(result, 'html', { 712 712 - - // eslint-disable-next-line getter-return 713 713 - - get: () => { 714 714 - - e.html_deprecated(); 715 715 - - } 716 716 - - }); 717 717 - - return onfulfilled(/** @type {SyncRenderOutput} */ (result)); 718 718 - - }, onrejected); 719 719 - - } 720 720 - - } 721 721 - - }); 722 722 - - 723 723 - - return result; 724 724 - - } 725 725 - - 726 726 - - /** 727 727 - - * Collect all of the `onDestroy` callbacks registered during rendering. In an async context, this is only safe to call 728 728 - - * after awaiting `collect_async`. 729 729 - - * 730 730 - - * Child renderers are "porous" and don't affect execution order, but component body renderers 731 731 - - * create ordering boundaries. Within a renderer, callbacks run in order until hitting a component boundary. 732 732 - - * @returns {Iterable<() => void>} 733 733 - - */ 734 734 - - *#collect_on_destroy() { 735 735 - - for (const component of this.#traverse_components()) { 736 736 - - yield* component.#collect_ondestroy(); 737 737 - - } 738 738 - - } 739 739 - - 740 740 - - /** 741 741 - - * Performs a depth-first search of renderers, yielding the deepest components first, then additional components as we backtrack up the tree. 742 742 - - * @returns {Iterable<Renderer>} 743 743 - - */ 744 744 - - *#traverse_components() { 745 745 - - for (const child of this.#out) { 746 746 - - if (typeof child !== 'string') { 747 747 - - yield* child.#traverse_components(); 748 748 - - } 749 749 - - } 750 750 - - if (this.#is_component_body) { 751 751 - - yield this; 752 752 - - } 753 753 - - } 754 754 - - 755 755 - - /** 756 756 - - * @returns {Iterable<() => void>} 757 757 - - */ 758 758 - - *#collect_ondestroy() { 759 759 - - if (this.#on_destroy) { 760 760 - - for (const fn of this.#on_destroy) { 761 761 - - yield fn; 762 762 - - } 763 763 - - } 764 764 - - for (const child of this.#out) { 765 765 - - if (child instanceof Renderer && !child.#is_component_body) { 766 766 - - yield* child.#collect_ondestroy(); 767 767 - - } 768 768 - - } 769 769 - - } 770 770 - - 771 771 - - /** 772 772 - - * Render a component. Throws if any of the children are performing asynchronous work. 773 773 - - * 774 774 - - * @template {Record<string, any>} Props 775 775 - - * @param {Component<Props>} component 776 776 - - * @param {{ props?: Omit<Props, '$$slots' | '$$events'>; context?: Map<any, any>; idPrefix?: string }} options 777 777 - - * @returns {AccumulatedContent} 778 778 - - */ 779 779 - - static #render(component, options) { 780 780 - - var previous_context = ssr_context; 781 781 - - try { 782 782 - - const renderer = Renderer.#open_render('sync', component, options); 783 783 - - 784 784 - - const content = renderer.#collect_content(); 785 785 - - return Renderer.#close_render(content, renderer); 786 786 - - } finally { 787 787 - - abort(); 788 788 - - set_ssr_context(previous_context); 789 789 - - } 790 790 - - } 791 791 - - 792 792 - - /** 793 793 - - * Render a component. 794 794 - - * 795 795 - - * @template {Record<string, any>} Props 796 796 - - * @param {Component<Props>} component 797 797 - - * @param {{ props?: Omit<Props, '$$slots' | '$$events'>; context?: Map<any, any>; idPrefix?: string }} options 798 798 - - * @returns {Promise<AccumulatedContent>} 799 799 - - */ 800 800 - - static async #render_async(component, options) { 801 801 - - const previous_context = ssr_context; 802 802 - - 803 803 - - try { 804 804 - - const renderer = Renderer.#open_render('async', component, options); 805 805 - - const content = await renderer.#collect_content_async(); 806 806 - - const hydratables = await renderer.#collect_hydratables(); 807 807 - - if (hydratables !== null) { 808 808 - - content.head = hydratables + content.head; 809 809 - - } 810 810 - - return Renderer.#close_render(content, renderer); 811 811 - - } finally { 812 812 - - set_ssr_context(previous_context); 813 813 - - abort(); 814 814 - - } 815 815 - - } 816 816 - - 817 817 - - /** 818 818 - - * Collect all of the code from the `out` array and return it as a string, or a promise resolving to a string. 819 819 - - * @param {AccumulatedContent} content 820 820 - - * @returns {AccumulatedContent} 821 821 - - */ 822 822 - - #collect_content(content = { head: '', body: '' }) { 823 823 - - for (const item of this.#out) { 824 824 - - if (typeof item === 'string') { 825 825 - - content[this.type] += item; 826 826 - - } else if (item instanceof Renderer) { 827 827 - - item.#collect_content(content); 828 828 - - } 829 829 - - } 830 830 - - 831 831 - - return content; 832 832 - - } 833 833 - - 834 834 - - /** 835 835 - - * Collect all of the code from the `out` array and return it as a string. 836 836 - - * @param {AccumulatedContent} content 837 837 - - * @returns {Promise<AccumulatedContent>} 838 838 - - */ 839 839 - - async #collect_content_async(content = { head: '', body: '' }) { 840 840 - - await this.promise; 841 841 - - 842 842 - - // no danger to sequentially awaiting stuff in here; all of the work is already kicked off 843 843 - - for (const item of this.#out) { 844 844 - - if (typeof item === 'string') { 845 845 - - content[this.type] += item; 846 846 - - } else if (item instanceof Renderer) { 847 847 - - await item.#collect_content_async(content); 848 848 - - } 849 849 - - } 850 850 - - 851 851 - - return content; 852 852 - - } 853 853 - - 854 854 - - async #collect_hydratables() { 855 855 - - const ctx = get_render_context().hydratable; 856 856 - - 857 857 - - for (const [_, key] of ctx.unresolved_promises) { 858 858 - - // this is a problem -- it means we've finished the render but we're still waiting on a promise to resolve so we can 859 859 - - // serialize it, so we're blocking the response on useless content. 860 860 - - w.unresolved_hydratable(key, ctx.lookup.get(key)?.stack ?? '<missing stack trace>'); 861 861 - - } 862 862 - - 863 863 - - for (const comparison of ctx.comparisons) { 864 864 - - // these reject if there's a mismatch 865 865 - - await comparison; 866 866 - - } 867 867 - - 868 868 - - return await Renderer.#hydratable_block(ctx); 869 869 - - } 870 870 - - 871 871 - - /** 872 872 - - * @template {Record<string, any>} Props 873 873 - - * @param {'sync' | 'async'} mode 874 874 - - * @param {import('svelte').Component<Props>} component 875 875 - - * @param {{ props?: Omit<Props, '$$slots' | '$$events'>; context?: Map<any, any>; idPrefix?: string }} options 876 876 - - * @returns {Renderer} 877 877 - - */ 878 878 - - static #open_render(mode, component, options) { 879 879 - - const renderer = new Renderer( 880 880 - - new SSRState(mode, options.idPrefix ? options.idPrefix + '-' : '') 881 881 - - ); 882 882 - - 883 883 - - renderer.push(BLOCK_OPEN); 884 884 - - 885 885 - - if (options.context) { 886 886 - - push(); 887 887 - - /** @type {SSRContext} */ (ssr_context).c = options.context; 888 888 - - /** @type {SSRContext} */ (ssr_context).r = renderer; 889 889 - - } 890 890 - - 891 891 - - // @ts-expect-error 892 892 - - component(renderer, options.props ?? {}); 893 893 - - 894 894 - - if (options.context) { 895 895 - - pop(); 896 896 - - } 897 897 - - 898 898 - - renderer.push(BLOCK_CLOSE); 899 899 - - 900 900 - - return renderer; 901 901 - - } 902 902 - - 903 903 - - /** 904 904 - - * @param {AccumulatedContent} content 905 905 - - * @param {Renderer} renderer 906 906 - - */ 907 907 - - static #close_render(content, renderer) { 908 908 - - for (const cleanup of renderer.#collect_on_destroy()) { 909 909 - - cleanup(); 910 910 - - } 911 911 - - 912 912 - - let head = content.head + renderer.global.get_title(); 913 913 - - let body = content.body; 914 914 - - 915 915 - - for (const { hash, code } of renderer.global.css) { 916 916 - - head += `<style id="${hash}">${code}</style>`; 917 917 - - } 918 918 - - 919 919 - - return { 920 920 - - head, 921 921 - - body 922 922 - - }; 923 923 - - } 924 924 - - 925 925 - - /** 926 926 - - * @param {HydratableContext} ctx 927 927 - - */ 928 928 - - static async #hydratable_block(ctx) { 929 929 - - if (ctx.lookup.size === 0) { 930 930 - - return null; 931 931 - - } 932 932 - - 933 933 - - let entries = []; 934 934 - - let has_promises = false; 935 935 - - 936 936 - - for (const [k, v] of ctx.lookup) { 937 937 - - if (v.promises) { 938 938 - - has_promises = true; 939 939 - - for (const p of v.promises) await p; 940 940 - - } 941 941 - - 942 942 - - entries.push(`[${JSON.stringify(k)},${v.serialized}]`); 943 943 - - } 944 944 - - 945 945 - - let prelude = `const h = (window.__svelte ??= {}).h ??= new Map();`; 946 946 - - 947 947 - - if (has_promises) { 948 948 - - prelude = `const r = (v) => Promise.resolve(v); 949 949 - - ${prelude}`; 950 950 - - } 951 951 - - 952 952 - - // TODO csp -- have discussed but not implemented 953 953 - - return ` 954 954 - - <script> 955 955 - - { 956 956 - - ${prelude} 957 957 - - 958 958 - - for (const [k, v] of [ 959 959 - - ${entries.join(',\n\t\t\t\t\t')} 960 960 - - ]) { 961 961 - - h.set(k, v); 962 962 - - } 963 963 - - } 964 964 - - </script>`; 965 965 - - } 966 966 - +function render(component, options = {}) { 967 967 - + let out = ''; 968 968 - + const renderer = { push(s) { out += s; } }; 969 969 - + component(renderer, options.props ?? {}); 970 970 - + return { body: out }; 971 971 - } 972 972 - 973 973 - -export class SSRState { 974 974 - - /** @readonly @type {'sync' | 'async'} */ 975 975 - - mode; 976 976 - - 977 977 - - /** @readonly @type {() => string} */ 978 978 - - uid; 979 979 - - 980 980 - - /** @readonly @type {Set<{ hash: string; code: string }>} */ 981 981 - - css = new Set(); 982 982 - - 983 983 - - /** @type {{ path: number[], value: string }} */ 984 984 - - #title = { path: [], value: '' }; 985 985 - - 986 986 - - /** 987 987 - - * @param {'sync' | 'async'} mode 988 988 - - * @param {string} [id_prefix] 989 989 - - */ 990 990 - - constructor(mode, id_prefix = '') { 991 991 - - this.mode = mode; 992 992 - - 993 993 - - let uid = 1; 994 994 - - this.uid = () => `${id_prefix}s${uid++}`; 995 995 - - } 996 996 - - 997 997 - - get_title() { 998 998 - - return this.#title.value; 999 999 - - } 1000 1000 - - 1001 1001 - - /** 1002 1002 - - * Performs a depth-first (lexicographic) comparison using the path. Rejects sets 1003 1003 - - * from earlier than or equal to the current value. 1004 1004 - - * @param {string} value 1005 1005 - - * @param {number[]} path 1006 1006 - - */ 1007 1007 - - set_title(value, path) { 1008 1008 - - const current = this.#title.path; 1009 1009 - - 1010 1010 - - let i = 0; 1011 1011 - - let l = Math.min(path.length, current.length); 1012 1012 - - 1013 1013 - - // skip identical prefixes - [1, 2, 3, ...] === [1, 2, 3, ...] 1014 1014 - - while (i < l && path[i] === current[i]) i += 1; 1015 1015 - - 1016 1016 - - if (path[i] === undefined) return; 1017 1017 - - 1018 1018 - - // replace title if 1019 1019 - - // - incoming path is longer - [7, 8, 9] > [7, 8] 1020 1020 - - // - incoming path is later - [7, 8, 9] > [7, 8, 8] 1021 1021 - - if (current[i] === undefined || path[i] > current[i]) { 1022 1022 - - this.#title.path = path; 1023 1023 - - this.#title.value = value; 1024 1024 - - } 1025 1025 - - } 1026 1026 - -} 1027 1027 - +export { render }; 1028 1028 - +export const Renderer = { render }; 1029 1029 - diff --git a/src/internal/shared/attributes.js b/src/internal/shared/attributes.js 1030 1030 - index 4ad550e8d612e42d1e719dcbfcbce383bbbbb27f..a12fe17a0efd135bd9fd4f1b1594c059a6d12e54 100644 1031 1031 - --- a/src/internal/shared/attributes.js 1032 1032 - +++ b/src/internal/shared/attributes.js 1033 1033 - @@ -27,7 +27,7 @@ export function attr(name, value, is_boolean = false) { 1034 1034 - is_boolean = true; 1035 1035 - } 1036 1036 - if (value == null || (!value && is_boolean)) return ''; 1037 1037 - - const normalized = (name in replacements && replacements[name].get(value)) || value; 1038 1038 - + const normalized = value; 1039 1039 - const assignment = is_boolean ? '' : `="${escape_html(normalized, true)}"`; 1040 1040 - return ` ${name}${assignment}`; 1041 1041 - }

-3169

pnpm-lock.yaml

··· 1 1 - lockfileVersion: '9.0' 2 2 - 3 3 - settings: 4 4 - autoInstallPeers: true 5 5 - excludeLinksFromLockfile: false 6 6 - 7 7 - catalogs: 8 8 - default: 9 9 - svelte: 10 10 - specifier: ^5.45.5 11 11 - version: 5.45.5 12 12 - 13 13 - patchedDependencies: 14 14 - svelte: 15 15 - hash: 0f942ae2231640ac09d0a1e9913071000fffa9bdfe69630d767130d415a78ecd 16 16 - path: patches/svelte.patch 17 17 - 18 18 - importers: 19 19 - 20 20 - .: 21 21 - devDependencies: 22 22 - '@changesets/cli': 23 23 - specifier: ^2.29.8 24 24 - version: 2.29.8(@types/node@24.10.1) 25 25 - prettier: 26 26 - specifier: ^3.7.4 27 27 - version: 3.7.4 28 28 - prettier-plugin-css-order: 29 29 - specifier: ^2.1.2 30 30 - version: 2.1.2(postcss@8.5.6)(prettier@3.7.4) 31 31 - prettier-plugin-svelte: 32 32 - specifier: ^3.4.0 33 33 - version: 3.4.0(prettier@3.7.4)(svelte@5.45.5(patch_hash=0f942ae2231640ac09d0a1e9913071000fffa9bdfe69630d767130d415a78ecd)) 34 34 - typescript: 35 35 - specifier: ~5.8.3 36 36 - version: 5.8.3 37 37 - 38 38 - packages/bluesky-post-embed: 39 39 - dependencies: 40 40 - '@atcute/bluesky': 41 41 - specifier: ^2.1.1 42 42 - version: 2.1.1(@atcute/client@3.1.0) 43 43 - '@atcute/bluesky-richtext-segmenter': 44 44 - specifier: ^2.0.4 45 45 - version: 2.0.4 46 46 - '@atcute/client': 47 47 - specifier: ^3.1.0 48 48 - version: 3.1.0 49 49 - devDependencies: 50 50 - '@preact/preset-vite': 51 51 - specifier: ^2.10.2 52 52 - version: 2.10.2(@babel/core@7.28.5)(preact@10.28.0)(vite@7.2.6(@types/node@24.10.1)(terser@5.44.1)) 53 53 - '@tsconfig/svelte': 54 54 - specifier: ^5.0.6 55 55 - version: 5.0.6 56 56 - '@types/node': 57 57 - specifier: ^24.10.1 58 58 - version: 24.10.1 59 59 - internal: 60 60 - specifier: workspace:^ 61 61 - version: link:../internal 62 62 - preact: 63 63 - specifier: ^10.28.0 64 64 - version: 10.28.0 65 65 - svelte: 66 66 - specifier: 'catalog:' 67 67 - version: 5.45.5(patch_hash=0f942ae2231640ac09d0a1e9913071000fffa9bdfe69630d767130d415a78ecd) 68 68 - svelte-check: 69 69 - specifier: ^4.3.4 70 70 - version: 4.3.4(picomatch@4.0.3)(svelte@5.45.5(patch_hash=0f942ae2231640ac09d0a1e9913071000fffa9bdfe69630d767130d415a78ecd))(typescript@5.8.3) 71 71 - vite: 72 72 - specifier: ^7.2.6 73 73 - version: 7.2.6(@types/node@24.10.1)(terser@5.44.1) 74 74 - vite-plugin-dts: 75 75 - specifier: ^4.5.4 76 76 - version: 4.5.4(@types/node@24.10.1)(rollup@4.53.3)(typescript@5.8.3)(vite@7.2.6(@types/node@24.10.1)(terser@5.44.1)) 77 77 - 78 78 - packages/bluesky-profile-card-embed: 79 79 - dependencies: 80 80 - '@atcute/bluesky': 81 81 - specifier: ^2.1.1 82 82 - version: 2.1.1(@atcute/client@3.1.0) 83 83 - '@atcute/bluesky-richtext-parser': 84 84 - specifier: ^1.0.7 85 85 - version: 1.0.7 86 86 - '@atcute/client': 87 87 - specifier: ^3.1.0 88 88 - version: 3.1.0 89 89 - devDependencies: 90 90 - '@preact/preset-vite': 91 91 - specifier: ^2.10.2 92 92 - version: 2.10.2(@babel/core@7.28.5)(preact@10.28.0)(vite@7.2.6(@types/node@24.10.1)(terser@5.44.1)) 93 93 - '@tsconfig/svelte': 94 94 - specifier: ^5.0.6 95 95 - version: 5.0.6 96 96 - '@types/node': 97 97 - specifier: ^24.10.1 98 98 - version: 24.10.1 99 99 - internal: 100 100 - specifier: workspace:^ 101 101 - version: link:../internal 102 102 - preact: 103 103 - specifier: ^10.28.0 104 104 - version: 10.28.0 105 105 - svelte: 106 106 - specifier: 'catalog:' 107 107 - version: 5.45.5(patch_hash=0f942ae2231640ac09d0a1e9913071000fffa9bdfe69630d767130d415a78ecd) 108 108 - svelte-check: 109 109 - specifier: ^4.3.4 110 110 - version: 4.3.4(picomatch@4.0.3)(svelte@5.45.5(patch_hash=0f942ae2231640ac09d0a1e9913071000fffa9bdfe69630d767130d415a78ecd))(typescript@5.8.3) 111 111 - vite: 112 112 - specifier: ^7.2.6 113 113 - version: 7.2.6(@types/node@24.10.1)(terser@5.44.1) 114 114 - vite-plugin-dts: 115 115 - specifier: ^4.5.4 116 116 - version: 4.5.4(@types/node@24.10.1)(rollup@4.53.3)(typescript@5.8.3)(vite@7.2.6(@types/node@24.10.1)(terser@5.44.1)) 117 117 - 118 118 - packages/bluesky-profile-feed-embed: 119 119 - dependencies: 120 120 - '@atcute/bluesky': 121 121 - specifier: ^2.1.1 122 122 - version: 2.1.1(@atcute/client@3.1.0) 123 123 - '@atcute/bluesky-richtext-segmenter': 124 124 - specifier: ^2.0.4 125 125 - version: 2.0.4 126 126 - '@atcute/client': 127 127 - specifier: ^3.1.0 128 128 - version: 3.1.0 129 129 - devDependencies: 130 130 - '@tsconfig/svelte': 131 131 - specifier: ^5.0.6 132 132 - version: 5.0.6 133 133 - '@types/node': 134 134 - specifier: ^24.10.1 135 135 - version: 24.10.1 136 136 - internal: 137 137 - specifier: workspace:^ 138 138 - version: link:../internal 139 139 - svelte: 140 140 - specifier: 'catalog:' 141 141 - version: 5.45.5(patch_hash=0f942ae2231640ac09d0a1e9913071000fffa9bdfe69630d767130d415a78ecd) 142 142 - svelte-check: 143 143 - specifier: ^4.3.4 144 144 - version: 4.3.4(picomatch@4.0.3)(svelte@5.45.5(patch_hash=0f942ae2231640ac09d0a1e9913071000fffa9bdfe69630d767130d415a78ecd))(typescript@5.8.3) 145 145 - vite: 146 146 - specifier: ^7.2.6 147 147 - version: 7.2.6(@types/node@24.10.1)(terser@5.44.1) 148 148 - vite-plugin-dts: 149 149 - specifier: ^4.5.4 150 150 - version: 4.5.4(@types/node@24.10.1)(rollup@4.53.3)(typescript@5.8.3)(vite@7.2.6(@types/node@24.10.1)(terser@5.44.1)) 151 151 - 152 152 - packages/internal: 153 153 - devDependencies: 154 154 - '@atcute/bluesky': 155 155 - specifier: ^2.1.1 156 156 - version: 2.1.1(@atcute/client@3.1.0) 157 157 - '@atcute/bluesky-richtext-parser': 158 158 - specifier: ^1.0.7 159 159 - version: 1.0.7 160 160 - '@atcute/bluesky-richtext-segmenter': 161 161 - specifier: ^2.0.4 162 162 - version: 2.0.4 163 163 - '@atcute/client': 164 164 - specifier: ^3.1.0 165 165 - version: 3.1.0 166 166 - '@tsconfig/svelte': 167 167 - specifier: ^5.0.6 168 168 - version: 5.0.6 169 169 - svelte: 170 170 - specifier: 'catalog:' 171 171 - version: 5.45.5(patch_hash=0f942ae2231640ac09d0a1e9913071000fffa9bdfe69630d767130d415a78ecd) 172 172 - 173 173 - packages/svelte-site: 174 174 - dependencies: 175 175 - '@atcute/bluesky': 176 176 - specifier: ^2.1.1 177 177 - version: 2.1.1(@atcute/client@3.1.0) 178 178 - '@atcute/client': 179 179 - specifier: ^3.1.0 180 180 - version: 3.1.0 181 181 - bluesky-post-embed: 182 182 - specifier: workspace:^ 183 183 - version: link:../bluesky-post-embed 184 184 - bluesky-profile-card-embed: 185 185 - specifier: workspace:^ 186 186 - version: link:../bluesky-profile-card-embed 187 187 - bluesky-profile-feed-embed: 188 188 - specifier: workspace:^ 189 189 - version: link:../bluesky-profile-feed-embed 190 190 - internal: 191 191 - specifier: workspace:^ 192 192 - version: link:../internal 193 193 - devDependencies: 194 194 - '@sveltejs/vite-plugin-svelte': 195 195 - specifier: ^6.2.1 196 196 - version: 6.2.1(svelte@5.45.5(patch_hash=0f942ae2231640ac09d0a1e9913071000fffa9bdfe69630d767130d415a78ecd))(vite@7.2.6(@types/node@24.10.1)(terser@5.44.1)) 197 197 - '@tsconfig/svelte': 198 198 - specifier: ^5.0.6 199 199 - version: 5.0.6 200 200 - svelte: 201 201 - specifier: ^5.45.5 202 202 - version: 5.45.5(patch_hash=0f942ae2231640ac09d0a1e9913071000fffa9bdfe69630d767130d415a78ecd) 203 203 - svelte-check: 204 204 - specifier: ^4.3.4 205 205 - version: 4.3.4(picomatch@4.0.3)(svelte@5.45.5(patch_hash=0f942ae2231640ac09d0a1e9913071000fffa9bdfe69630d767130d415a78ecd))(typescript@5.8.3) 206 206 - terser: 207 207 - specifier: ^5.44.1 208 208 - version: 5.44.1 209 209 - tslib: 210 210 - specifier: ^2.8.1 211 211 - version: 2.8.1 212 212 - vite: 213 213 - specifier: ^7.2.6 214 214 - version: 7.2.6(@types/node@24.10.1)(terser@5.44.1) 215 215 - 216 216 - packages: 217 217 - 218 218 - '@atcute/atproto@3.1.9': 219 219 - resolution: {integrity: sha512-DyWwHCTdR4hY2BPNbLXgVmm7lI+fceOwWbE4LXbGvbvVtSn+ejSVFaAv01Ra3kWDha0whsOmbJL8JP0QPpf1+w==} 220 220 - 221 221 - '@atcute/bluesky-richtext-parser@1.0.7': 222 222 - resolution: {integrity: sha512-nOvU699OXiGMbyswao7JJnY0C9WkwE7PVC/m5WWt0UN9fsXSOor9IZWw+v9SATp+94BTJoG38XyUomUaJnoQRA==} 223 223 - 224 224 - '@atcute/bluesky-richtext-segmenter@2.0.4': 225 225 - resolution: {integrity: sha512-6m5QEAv4lU3qTy5MeJXJRRG33acipYJnMW1T7W/KrMyThGhQ7jSTTh8Z48quElgivgX7MDj6o/ow1oLUsjsCKw==} 226 226 - 227 227 - '@atcute/bluesky@2.1.1': 228 228 - resolution: {integrity: sha512-wEZfFW58J6yC1SqHcVJOn4qbHENTTzjeCEWthRT5HvKovADLqk54HSMSAuXDMBUbintSTBr0khQNZQ3ZdgzDdQ==} 229 229 - peerDependencies: 230 230 - '@atcute/client': ^3.0.0 231 231 - 232 232 - '@atcute/bluesky@3.2.11': 233 233 - resolution: {integrity: sha512-AboS6y4t+zaxIq7E4noue10csSpIuk/Uwo30/l6GgGBDPXrd7STw8Yb5nGZQP+TdG/uC8/c2mm7UnY65SDOh6A==} 234 234 - 235 235 - '@atcute/client@3.1.0': 236 236 - resolution: {integrity: sha512-+rQPsHXSf0DUm8XoHoaH7Y2E8tIpbsW84djyPj7dqAyrFIjvGuJ1X1DvMufwbTIcmLerdy+dzl34iZcz/h3Vhg==} 237 237 - 238 238 - '@atcute/lexicons@1.2.5': 239 239 - resolution: {integrity: sha512-9yO9WdgxW8jZ7SbzUycH710z+JmsQ9W9n5S6i6eghYju32kkluFmgBeS47r8e8p2+Dv4DemS7o/3SUGsX9FR5Q==} 240 240 - 241 241 - '@babel/code-frame@7.27.1': 242 242 - resolution: {integrity: sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg==} 243 243 - engines: {node: '>=6.9.0'} 244 244 - 245 245 - '@babel/compat-data@7.28.5': 246 246 - resolution: {integrity: sha512-6uFXyCayocRbqhZOB+6XcuZbkMNimwfVGFji8CTZnCzOHVGvDqzvitu1re2AU5LROliz7eQPhB8CpAMvnx9EjA==} 247 247 - engines: {node: '>=6.9.0'} 248 248 - 249 249 - '@babel/core@7.28.5': 250 250 - resolution: {integrity: sha512-e7jT4DxYvIDLk1ZHmU/m/mB19rex9sv0c2ftBtjSBv+kVM/902eh0fINUzD7UwLLNR+jU585GxUJ8/EBfAM5fw==} 251 251 - engines: {node: '>=6.9.0'} 252 252 - 253 253 - '@babel/generator@7.28.5': 254 254 - resolution: {integrity: sha512-3EwLFhZ38J4VyIP6WNtt2kUdW9dokXA9Cr4IVIFHuCpZ3H8/YFOl5JjZHisrn1fATPBmKKqXzDFvh9fUwHz6CQ==} 255 255 - engines: {node: '>=6.9.0'} 256 256 - 257 257 - '@babel/helper-annotate-as-pure@7.27.3': 258 258 - resolution: {integrity: sha512-fXSwMQqitTGeHLBC08Eq5yXz2m37E4pJX1qAU1+2cNedz/ifv/bVXft90VeSav5nFO61EcNgwr0aJxbyPaWBPg==} 259 259 - engines: {node: '>=6.9.0'} 260 260 - 261 261 - '@babel/helper-compilation-targets@7.27.2': 262 262 - resolution: {integrity: sha512-2+1thGUUWWjLTYTHZWK1n8Yga0ijBz1XAhUXcKy81rd5g6yh7hGqMp45v7cadSbEHc9G3OTv45SyneRN3ps4DQ==} 263 263 - engines: {node: '>=6.9.0'} 264 264 - 265 265 - '@babel/helper-globals@7.28.0': 266 266 - resolution: {integrity: sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==} 267 267 - engines: {node: '>=6.9.0'} 268 268 - 269 269 - '@babel/helper-module-imports@7.27.1': 270 270 - resolution: {integrity: sha512-0gSFWUPNXNopqtIPQvlD5WgXYI5GY2kP2cCvoT8kczjbfcfuIljTbcWrulD1CIPIX2gt1wghbDy08yE1p+/r3w==} 271 271 - engines: {node: '>=6.9.0'} 272 272 - 273 273 - '@babel/helper-module-transforms@7.28.3': 274 274 - resolution: {integrity: sha512-gytXUbs8k2sXS9PnQptz5o0QnpLL51SwASIORY6XaBKF88nsOT0Zw9szLqlSGQDP/4TljBAD5y98p2U1fqkdsw==} 275 275 - engines: {node: '>=6.9.0'} 276 276 - peerDependencies: 277 277 - '@babel/core': ^7.0.0 278 278 - 279 279 - '@babel/helper-plugin-utils@7.27.1': 280 280 - resolution: {integrity: sha512-1gn1Up5YXka3YYAHGKpbideQ5Yjf1tDa9qYcgysz+cNCXukyLl6DjPXhD3VRwSb8c0J9tA4b2+rHEZtc6R0tlw==} 281 281 - engines: {node: '>=6.9.0'} 282 282 - 283 283 - '@babel/helper-string-parser@7.27.1': 284 284 - resolution: {integrity: sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==} 285 285 - engines: {node: '>=6.9.0'} 286 286 - 287 287 - '@babel/helper-validator-identifier@7.28.5': 288 288 - resolution: {integrity: sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==} 289 289 - engines: {node: '>=6.9.0'} 290 290 - 291 291 - '@babel/helper-validator-option@7.27.1': 292 292 - resolution: {integrity: sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==} 293 293 - engines: {node: '>=6.9.0'} 294 294 - 295 295 - '@babel/helpers@7.28.4': 296 296 - resolution: {integrity: sha512-HFN59MmQXGHVyYadKLVumYsA9dBFun/ldYxipEjzA4196jpLZd8UjEEBLkbEkvfYreDqJhZxYAWFPtrfhNpj4w==} 297 297 - engines: {node: '>=6.9.0'} 298 298 - 299 299 - '@babel/parser@7.28.5': 300 300 - resolution: {integrity: sha512-KKBU1VGYR7ORr3At5HAtUQ+TV3SzRCXmA/8OdDZiLDBIZxVyzXuztPjfLd3BV1PRAQGCMWWSHYhL0F8d5uHBDQ==} 301 301 - engines: {node: '>=6.0.0'} 302 302 - hasBin: true 303 303 - 304 304 - '@babel/plugin-syntax-jsx@7.27.1': 305 305 - resolution: {integrity: sha512-y8YTNIeKoyhGd9O0Jiyzyyqk8gdjnumGTQPsz0xOZOQ2RmkVJeZ1vmmfIvFEKqucBG6axJGBZDE/7iI5suUI/w==} 306 306 - engines: {node: '>=6.9.0'} 307 307 - peerDependencies: 308 308 - '@babel/core': ^7.0.0-0 309 309 - 310 310 - '@babel/plugin-transform-react-jsx-development@7.27.1': 311 311 - resolution: {integrity: sha512-ykDdF5yI4f1WrAolLqeF3hmYU12j9ntLQl/AOG1HAS21jxyg1Q0/J/tpREuYLfatGdGmXp/3yS0ZA76kOlVq9Q==} 312 312 - engines: {node: '>=6.9.0'} 313 313 - peerDependencies: 314 314 - '@babel/core': ^7.0.0-0 315 315 - 316 316 - '@babel/plugin-transform-react-jsx@7.27.1': 317 317 - resolution: {integrity: sha512-2KH4LWGSrJIkVf5tSiBFYuXDAoWRq2MMwgivCf+93dd0GQi8RXLjKA/0EvRnVV5G0hrHczsquXuD01L8s6dmBw==} 318 318 - engines: {node: '>=6.9.0'} 319 319 - peerDependencies: 320 320 - '@babel/core': ^7.0.0-0 321 321 - 322 322 - '@babel/runtime@7.28.4': 323 323 - resolution: {integrity: sha512-Q/N6JNWvIvPnLDvjlE1OUBLPQHH6l3CltCEsHIujp45zQUSSh8K+gHnaEX45yAT1nyngnINhvWtzN+Nb9D8RAQ==} 324 324 - engines: {node: '>=6.9.0'} 325 325 - 326 326 - '@babel/template@7.27.2': 327 327 - resolution: {integrity: sha512-LPDZ85aEJyYSd18/DkjNh4/y1ntkE5KwUHWTiqgRxruuZL2F1yuHligVHLvcHY2vMHXttKFpJn6LwfI7cw7ODw==} 328 328 - engines: {node: '>=6.9.0'} 329 329 - 330 330 - '@babel/traverse@7.28.5': 331 331 - resolution: {integrity: sha512-TCCj4t55U90khlYkVV/0TfkJkAkUg3jZFA3Neb7unZT8CPok7iiRfaX0F+WnqWqt7OxhOn0uBKXCw4lbL8W0aQ==} 332 332 - engines: {node: '>=6.9.0'} 333 333 - 334 334 - '@babel/types@7.28.5': 335 335 - resolution: {integrity: sha512-qQ5m48eI/MFLQ5PxQj4PFaprjyCTLI37ElWMmNs0K8Lk3dVeOdNpB3ks8jc7yM5CDmVC73eMVk/trk3fgmrUpA==} 336 336 - engines: {node: '>=6.9.0'} 337 337 - 338 338 - '@changesets/apply-release-plan@7.0.14': 339 339 - resolution: {integrity: sha512-ddBvf9PHdy2YY0OUiEl3TV78mH9sckndJR14QAt87KLEbIov81XO0q0QAmvooBxXlqRRP8I9B7XOzZwQG7JkWA==} 340 340 - 341 341 - '@changesets/assemble-release-plan@6.0.9': 342 342 - resolution: {integrity: sha512-tPgeeqCHIwNo8sypKlS3gOPmsS3wP0zHt67JDuL20P4QcXiw/O4Hl7oXiuLnP9yg+rXLQ2sScdV1Kkzde61iSQ==} 343 343 - 344 344 - '@changesets/changelog-git@0.2.1': 345 345 - resolution: {integrity: sha512-x/xEleCFLH28c3bQeQIyeZf8lFXyDFVn1SgcBiR2Tw/r4IAWlk1fzxCEZ6NxQAjF2Nwtczoen3OA2qR+UawQ8Q==} 346 346 - 347 347 - '@changesets/cli@2.29.8': 348 348 - resolution: {integrity: sha512-1weuGZpP63YWUYjay/E84qqwcnt5yJMM0tep10Up7Q5cS/DGe2IZ0Uj3HNMxGhCINZuR7aO9WBMdKnPit5ZDPA==} 349 349 - hasBin: true 350 350 - 351 351 - '@changesets/config@3.1.2': 352 352 - resolution: {integrity: sha512-CYiRhA4bWKemdYi/uwImjPxqWNpqGPNbEBdX1BdONALFIDK7MCUj6FPkzD+z9gJcvDFUQJn9aDVf4UG7OT6Kog==} 353 353 - 354 354 - '@changesets/errors@0.2.0': 355 355 - resolution: {integrity: sha512-6BLOQUscTpZeGljvyQXlWOItQyU71kCdGz7Pi8H8zdw6BI0g3m43iL4xKUVPWtG+qrrL9DTjpdn8eYuCQSRpow==} 356 356 - 357 357 - '@changesets/get-dependents-graph@2.1.3': 358 358 - resolution: {integrity: sha512-gphr+v0mv2I3Oxt19VdWRRUxq3sseyUpX9DaHpTUmLj92Y10AGy+XOtV+kbM6L/fDcpx7/ISDFK6T8A/P3lOdQ==} 359 359 - 360 360 - '@changesets/get-release-plan@4.0.14': 361 361 - resolution: {integrity: sha512-yjZMHpUHgl4Xl5gRlolVuxDkm4HgSJqT93Ri1Uz8kGrQb+5iJ8dkXJ20M2j/Y4iV5QzS2c5SeTxVSKX+2eMI0g==} 362 362 - 363 363 - '@changesets/get-version-range-type@0.4.0': 364 364 - resolution: {integrity: sha512-hwawtob9DryoGTpixy1D3ZXbGgJu1Rhr+ySH2PvTLHvkZuQ7sRT4oQwMh0hbqZH1weAooedEjRsbrWcGLCeyVQ==} 365 365 - 366 366 - '@changesets/git@3.0.4': 367 367 - resolution: {integrity: sha512-BXANzRFkX+XcC1q/d27NKvlJ1yf7PSAgi8JG6dt8EfbHFHi4neau7mufcSca5zRhwOL8j9s6EqsxmT+s+/E6Sw==} 368 368 - 369 369 - '@changesets/logger@0.1.1': 370 370 - resolution: {integrity: sha512-OQtR36ZlnuTxKqoW4Sv6x5YIhOmClRd5pWsjZsddYxpWs517R0HkyiefQPIytCVh4ZcC5x9XaG8KTdd5iRQUfg==} 371 371 - 372 372 - '@changesets/parse@0.4.2': 373 373 - resolution: {integrity: sha512-Uo5MC5mfg4OM0jU3up66fmSn6/NE9INK+8/Vn/7sMVcdWg46zfbvvUSjD9EMonVqPi9fbrJH9SXHn48Tr1f2yA==} 374 374 - 375 375 - '@changesets/pre@2.0.2': 376 376 - resolution: {integrity: sha512-HaL/gEyFVvkf9KFg6484wR9s0qjAXlZ8qWPDkTyKF6+zqjBe/I2mygg3MbpZ++hdi0ToqNUF8cjj7fBy0dg8Ug==} 377 377 - 378 378 - '@changesets/read@0.6.6': 379 379 - resolution: {integrity: sha512-P5QaN9hJSQQKJShzzpBT13FzOSPyHbqdoIBUd2DJdgvnECCyO6LmAOWSV+O8se2TaZJVwSXjL+v9yhb+a9JeJg==} 380 380 - 381 381 - '@changesets/should-skip-package@0.1.2': 382 382 - resolution: {integrity: sha512-qAK/WrqWLNCP22UDdBTMPH5f41elVDlsNyat180A33dWxuUDyNpg6fPi/FyTZwRriVjg0L8gnjJn2F9XAoF0qw==} 383 383 - 384 384 - '@changesets/types@4.1.0': 385 385 - resolution: {integrity: sha512-LDQvVDv5Kb50ny2s25Fhm3d9QSZimsoUGBsUioj6MC3qbMUCuC8GPIvk/M6IvXx3lYhAs0lwWUQLb+VIEUCECw==} 386 386 - 387 387 - '@changesets/types@6.1.0': 388 388 - resolution: {integrity: sha512-rKQcJ+o1nKNgeoYRHKOS07tAMNd3YSN0uHaJOZYjBAgxfV7TUE7JE+z4BzZdQwb5hKaYbayKN5KrYV7ODb2rAA==} 389 389 - 390 390 - '@changesets/write@0.4.0': 391 391 - resolution: {integrity: sha512-CdTLvIOPiCNuH71pyDu3rA+Q0n65cmAbXnwWH84rKGiFumFzkmHNT8KHTMEchcxN+Kl8I54xGUhJ7l3E7X396Q==} 392 392 - 393 393 - '@esbuild/aix-ppc64@0.25.12': 394 394 - resolution: {integrity: sha512-Hhmwd6CInZ3dwpuGTF8fJG6yoWmsToE+vYgD4nytZVxcu1ulHpUQRAB1UJ8+N1Am3Mz4+xOByoQoSZf4D+CpkA==} 395 395 - engines: {node: '>=18'} 396 396 - cpu: [ppc64] 397 397 - os: [aix] 398 398 - 399 399 - '@esbuild/android-arm64@0.25.12': 400 400 - resolution: {integrity: sha512-6AAmLG7zwD1Z159jCKPvAxZd4y/VTO0VkprYy+3N2FtJ8+BQWFXU+OxARIwA46c5tdD9SsKGZ/1ocqBS/gAKHg==} 401 401 - engines: {node: '>=18'} 402 402 - cpu: [arm64] 403 403 - os: [android] 404 404 - 405 405 - '@esbuild/android-arm@0.25.12': 406 406 - resolution: {integrity: sha512-VJ+sKvNA/GE7Ccacc9Cha7bpS8nyzVv0jdVgwNDaR4gDMC/2TTRc33Ip8qrNYUcpkOHUT5OZ0bUcNNVZQ9RLlg==} 407 407 - engines: {node: '>=18'} 408 408 - cpu: [arm] 409 409 - os: [android] 410 410 - 411 411 - '@esbuild/android-x64@0.25.12': 412 412 - resolution: {integrity: sha512-5jbb+2hhDHx5phYR2By8GTWEzn6I9UqR11Kwf22iKbNpYrsmRB18aX/9ivc5cabcUiAT/wM+YIZ6SG9QO6a8kg==} 413 413 - engines: {node: '>=18'} 414 414 - cpu: [x64] 415 415 - os: [android] 416 416 - 417 417 - '@esbuild/darwin-arm64@0.25.12': 418 418 - resolution: {integrity: sha512-N3zl+lxHCifgIlcMUP5016ESkeQjLj/959RxxNYIthIg+CQHInujFuXeWbWMgnTo4cp5XVHqFPmpyu9J65C1Yg==} 419 419 - engines: {node: '>=18'} 420 420 - cpu: [arm64] 421 421 - os: [darwin] 422 422 - 423 423 - '@esbuild/darwin-x64@0.25.12': 424 424 - resolution: {integrity: sha512-HQ9ka4Kx21qHXwtlTUVbKJOAnmG1ipXhdWTmNXiPzPfWKpXqASVcWdnf2bnL73wgjNrFXAa3yYvBSd9pzfEIpA==} 425 425 - engines: {node: '>=18'} 426 426 - cpu: [x64] 427 427 - os: [darwin] 428 428 - 429 429 - '@esbuild/freebsd-arm64@0.25.12': 430 430 - resolution: {integrity: sha512-gA0Bx759+7Jve03K1S0vkOu5Lg/85dou3EseOGUes8flVOGxbhDDh/iZaoek11Y8mtyKPGF3vP8XhnkDEAmzeg==} 431 431 - engines: {node: '>=18'} 432 432 - cpu: [arm64] 433 433 - os: [freebsd] 434 434 - 435 435 - '@esbuild/freebsd-x64@0.25.12': 436 436 - resolution: {integrity: sha512-TGbO26Yw2xsHzxtbVFGEXBFH0FRAP7gtcPE7P5yP7wGy7cXK2oO7RyOhL5NLiqTlBh47XhmIUXuGciXEqYFfBQ==} 437 437 - engines: {node: '>=18'} 438 438 - cpu: [x64] 439 439 - os: [freebsd] 440 440 - 441 441 - '@esbuild/linux-arm64@0.25.12': 442 442 - resolution: {integrity: sha512-8bwX7a8FghIgrupcxb4aUmYDLp8pX06rGh5HqDT7bB+8Rdells6mHvrFHHW2JAOPZUbnjUpKTLg6ECyzvas2AQ==} 443 443 - engines: {node: '>=18'} 444 444 - cpu: [arm64] 445 445 - os: [linux] 446 446 - 447 447 - '@esbuild/linux-arm@0.25.12': 448 448 - resolution: {integrity: sha512-lPDGyC1JPDou8kGcywY0YILzWlhhnRjdof3UlcoqYmS9El818LLfJJc3PXXgZHrHCAKs/Z2SeZtDJr5MrkxtOw==} 449 449 - engines: {node: '>=18'} 450 450 - cpu: [arm] 451 451 - os: [linux] 452 452 - 453 453 - '@esbuild/linux-ia32@0.25.12': 454 454 - resolution: {integrity: sha512-0y9KrdVnbMM2/vG8KfU0byhUN+EFCny9+8g202gYqSSVMonbsCfLjUO+rCci7pM0WBEtz+oK/PIwHkzxkyharA==} 455 455 - engines: {node: '>=18'} 456 456 - cpu: [ia32] 457 457 - os: [linux] 458 458 - 459 459 - '@esbuild/linux-loong64@0.25.12': 460 460 - resolution: {integrity: sha512-h///Lr5a9rib/v1GGqXVGzjL4TMvVTv+s1DPoxQdz7l/AYv6LDSxdIwzxkrPW438oUXiDtwM10o9PmwS/6Z0Ng==} 461 461 - engines: {node: '>=18'} 462 462 - cpu: [loong64] 463 463 - os: [linux] 464 464 - 465 465 - '@esbuild/linux-mips64el@0.25.12': 466 466 - resolution: {integrity: sha512-iyRrM1Pzy9GFMDLsXn1iHUm18nhKnNMWscjmp4+hpafcZjrr2WbT//d20xaGljXDBYHqRcl8HnxbX6uaA/eGVw==} 467 467 - engines: {node: '>=18'} 468 468 - cpu: [mips64el] 469 469 - os: [linux] 470 470 - 471 471 - '@esbuild/linux-ppc64@0.25.12': 472 472 - resolution: {integrity: sha512-9meM/lRXxMi5PSUqEXRCtVjEZBGwB7P/D4yT8UG/mwIdze2aV4Vo6U5gD3+RsoHXKkHCfSxZKzmDssVlRj1QQA==} 473 473 - engines: {node: '>=18'} 474 474 - cpu: [ppc64] 475 475 - os: [linux] 476 476 - 477 477 - '@esbuild/linux-riscv64@0.25.12': 478 478 - resolution: {integrity: sha512-Zr7KR4hgKUpWAwb1f3o5ygT04MzqVrGEGXGLnj15YQDJErYu/BGg+wmFlIDOdJp0PmB0lLvxFIOXZgFRrdjR0w==} 479 479 - engines: {node: '>=18'} 480 480 - cpu: [riscv64] 481 481 - os: [linux] 482 482 - 483 483 - '@esbuild/linux-s390x@0.25.12': 484 484 - resolution: {integrity: sha512-MsKncOcgTNvdtiISc/jZs/Zf8d0cl/t3gYWX8J9ubBnVOwlk65UIEEvgBORTiljloIWnBzLs4qhzPkJcitIzIg==} 485 485 - engines: {node: '>=18'} 486 486 - cpu: [s390x] 487 487 - os: [linux] 488 488 - 489 489 - '@esbuild/linux-x64@0.25.12': 490 490 - resolution: {integrity: sha512-uqZMTLr/zR/ed4jIGnwSLkaHmPjOjJvnm6TVVitAa08SLS9Z0VM8wIRx7gWbJB5/J54YuIMInDquWyYvQLZkgw==} 491 491 - engines: {node: '>=18'} 492 492 - cpu: [x64] 493 493 - os: [linux] 494 494 - 495 495 - '@esbuild/netbsd-arm64@0.25.12': 496 496 - resolution: {integrity: sha512-xXwcTq4GhRM7J9A8Gv5boanHhRa/Q9KLVmcyXHCTaM4wKfIpWkdXiMog/KsnxzJ0A1+nD+zoecuzqPmCRyBGjg==} 497 497 - engines: {node: '>=18'} 498 498 - cpu: [arm64] 499 499 - os: [netbsd] 500 500 - 501 501 - '@esbuild/netbsd-x64@0.25.12': 502 502 - resolution: {integrity: sha512-Ld5pTlzPy3YwGec4OuHh1aCVCRvOXdH8DgRjfDy/oumVovmuSzWfnSJg+VtakB9Cm0gxNO9BzWkj6mtO1FMXkQ==} 503 503 - engines: {node: '>=18'} 504 504 - cpu: [x64] 505 505 - os: [netbsd] 506 506 - 507 507 - '@esbuild/openbsd-arm64@0.25.12': 508 508 - resolution: {integrity: sha512-fF96T6KsBo/pkQI950FARU9apGNTSlZGsv1jZBAlcLL1MLjLNIWPBkj5NlSz8aAzYKg+eNqknrUJ24QBybeR5A==} 509 509 - engines: {node: '>=18'} 510 510 - cpu: [arm64] 511 511 - os: [openbsd] 512 512 - 513 513 - '@esbuild/openbsd-x64@0.25.12': 514 514 - resolution: {integrity: sha512-MZyXUkZHjQxUvzK7rN8DJ3SRmrVrke8ZyRusHlP+kuwqTcfWLyqMOE3sScPPyeIXN/mDJIfGXvcMqCgYKekoQw==} 515 515 - engines: {node: '>=18'} 516 516 - cpu: [x64] 517 517 - os: [openbsd] 518 518 - 519 519 - '@esbuild/openharmony-arm64@0.25.12': 520 520 - resolution: {integrity: sha512-rm0YWsqUSRrjncSXGA7Zv78Nbnw4XL6/dzr20cyrQf7ZmRcsovpcRBdhD43Nuk3y7XIoW2OxMVvwuRvk9XdASg==} 521 521 - engines: {node: '>=18'} 522 522 - cpu: [arm64] 523 523 - os: [openharmony] 524 524 - 525 525 - '@esbuild/sunos-x64@0.25.12': 526 526 - resolution: {integrity: sha512-3wGSCDyuTHQUzt0nV7bocDy72r2lI33QL3gkDNGkod22EsYl04sMf0qLb8luNKTOmgF/eDEDP5BFNwoBKH441w==} 527 527 - engines: {node: '>=18'} 528 528 - cpu: [x64] 529 529 - os: [sunos] 530 530 - 531 531 - '@esbuild/win32-arm64@0.25.12': 532 532 - resolution: {integrity: sha512-rMmLrur64A7+DKlnSuwqUdRKyd3UE7oPJZmnljqEptesKM8wx9J8gx5u0+9Pq0fQQW8vqeKebwNXdfOyP+8Bsg==} 533 533 - engines: {node: '>=18'} 534 534 - cpu: [arm64] 535 535 - os: [win32] 536 536 - 537 537 - '@esbuild/win32-ia32@0.25.12': 538 538 - resolution: {integrity: sha512-HkqnmmBoCbCwxUKKNPBixiWDGCpQGVsrQfJoVGYLPT41XWF8lHuE5N6WhVia2n4o5QK5M4tYr21827fNhi4byQ==} 539 539 - engines: {node: '>=18'} 540 540 - cpu: [ia32] 541 541 - os: [win32] 542 542 - 543 543 - '@esbuild/win32-x64@0.25.12': 544 544 - resolution: {integrity: sha512-alJC0uCZpTFrSL0CCDjcgleBXPnCrEAhTBILpeAp7M/OFgoqtAetfBzX0xM00MUsVVPpVjlPuMbREqnZCXaTnA==} 545 545 - engines: {node: '>=18'} 546 546 - cpu: [x64] 547 547 - os: [win32] 548 548 - 549 549 - '@inquirer/external-editor@1.0.3': 550 550 - resolution: {integrity: sha512-RWbSrDiYmO4LbejWY7ttpxczuwQyZLBUyygsA9Nsv95hpzUWwnNTVQmAq3xuh7vNwCp07UTmE5i11XAEExx4RA==} 551 551 - engines: {node: '>=18'} 552 552 - peerDependencies: 553 553 - '@types/node': '>=18' 554 554 - peerDependenciesMeta: 555 555 - '@types/node': 556 556 - optional: true 557 557 - 558 558 - '@isaacs/balanced-match@4.0.1': 559 559 - resolution: {integrity: sha512-yzMTt9lEb8Gv7zRioUilSglI0c0smZ9k5D65677DLWLtWJaXIS3CqcGyUFByYKlnUj6TkjLVs54fBl6+TiGQDQ==} 560 560 - engines: {node: 20 || >=22} 561 561 - 562 562 - '@isaacs/brace-expansion@5.0.0': 563 563 - resolution: {integrity: sha512-ZT55BDLV0yv0RBm2czMiZ+SqCGO7AvmOM3G/w2xhVPH+te0aKgFjmBvGlL1dH+ql2tgGO3MVrbb3jCKyvpgnxA==} 564 564 - engines: {node: 20 || >=22} 565 565 - 566 566 - '@jridgewell/gen-mapping@0.3.13': 567 567 - resolution: {integrity: sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==} 568 568 - 569 569 - '@jridgewell/remapping@2.3.5': 570 570 - resolution: {integrity: sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==} 571 571 - 572 572 - '@jridgewell/resolve-uri@3.1.2': 573 573 - resolution: {integrity: sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==} 574 574 - engines: {node: '>=6.0.0'} 575 575 - 576 576 - '@jridgewell/source-map@0.3.11': 577 577 - resolution: {integrity: sha512-ZMp1V8ZFcPG5dIWnQLr3NSI1MiCU7UETdS/A0G8V/XWHvJv3ZsFqutJn1Y5RPmAPX6F3BiE397OqveU/9NCuIA==} 578 578 - 579 579 - '@jridgewell/sourcemap-codec@1.5.5': 580 580 - resolution: {integrity: sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==} 581 581 - 582 582 - '@jridgewell/trace-mapping@0.3.31': 583 583 - resolution: {integrity: sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==} 584 584 - 585 585 - '@manypkg/find-root@1.1.0': 586 586 - resolution: {integrity: sha512-mki5uBvhHzO8kYYix/WRy2WX8S3B5wdVSc9D6KcU5lQNglP2yt58/VfLuAK49glRXChosY8ap2oJ1qgma3GUVA==} 587 587 - 588 588 - '@manypkg/get-packages@1.1.3': 589 589 - resolution: {integrity: sha512-fo+QhuU3qE/2TQMQmbVMqaQ6EWbMhi4ABWP+O4AM1NqPBuy0OrApV5LO6BrrgnhtAHS2NH6RrVk9OL181tTi8A==} 590 590 - 591 591 - '@microsoft/api-extractor-model@7.32.1': 592 592 - resolution: {integrity: sha512-u4yJytMYiUAnhcNQcZDTh/tVtlrzKlyKrQnLOV+4Qr/5gV+cpufWzCYAB1Q23URFqD6z2RoL2UYncM9xJVGNKA==} 593 593 - 594 594 - '@microsoft/api-extractor@7.55.1': 595 595 - resolution: {integrity: sha512-l8Z+8qrLkZFM3HM95Dbpqs6G39fpCa7O5p8A7AkA6hSevxkgwsOlLrEuPv0ADOyj5dI1Af5WVDiwpKG/ya5G3w==} 596 596 - hasBin: true 597 597 - 598 598 - '@microsoft/tsdoc-config@0.18.0': 599 599 - resolution: {integrity: sha512-8N/vClYyfOH+l4fLkkr9+myAoR6M7akc8ntBJ4DJdWH2b09uVfr71+LTMpNyG19fNqWDg8KEDZhx5wxuqHyGjw==} 600 600 - 601 601 - '@microsoft/tsdoc@0.16.0': 602 602 - resolution: {integrity: sha512-xgAyonlVVS+q7Vc7qLW0UrJU7rSFcETRWsqdXZtjzRU8dF+6CkozTK4V4y1LwOX7j8r/vHphjDeMeGI4tNGeGA==} 603 603 - 604 604 - '@nodelib/fs.scandir@2.1.5': 605 605 - resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==} 606 606 - engines: {node: '>= 8'} 607 607 - 608 608 - '@nodelib/fs.stat@2.0.5': 609 609 - resolution: {integrity: sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==} 610 610 - engines: {node: '>= 8'} 611 611 - 612 612 - '@nodelib/fs.walk@1.2.8': 613 613 - resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==} 614 614 - engines: {node: '>= 8'} 615 615 - 616 616 - '@preact/preset-vite@2.10.2': 617 617 - resolution: {integrity: sha512-K9wHlJOtkE+cGqlyQ5v9kL3Ge0Ql4LlIZjkUTL+1zf3nNdF88F9UZN6VTV8jdzBX9Fl7WSzeNMSDG7qECPmSmg==} 618 618 - peerDependencies: 619 619 - '@babel/core': 7.x 620 620 - vite: 2.x || 3.x || 4.x || 5.x || 6.x || 7.x 621 621 - 622 622 - '@prefresh/babel-plugin@0.5.2': 623 623 - resolution: {integrity: sha512-AOl4HG6dAxWkJ5ndPHBgBa49oo/9bOiJuRDKHLSTyH+Fd9x00shTXpdiTj1W41l6oQIwUOAgJeHMn4QwIDpHkA==} 624 624 - 625 625 - '@prefresh/core@1.5.9': 626 626 - resolution: {integrity: sha512-IKBKCPaz34OFVC+adiQ2qaTF5qdztO2/4ZPf4KsRTgjKosWqxVXmEbxCiUydYZRY8GVie+DQlKzQr9gt6HQ+EQ==} 627 627 - peerDependencies: 628 628 - preact: ^10.0.0 || ^11.0.0-0 629 629 - 630 630 - '@prefresh/utils@1.2.1': 631 631 - resolution: {integrity: sha512-vq/sIuN5nYfYzvyayXI4C2QkprfNaHUQ9ZX+3xLD8nL3rWyzpxOm1+K7RtMbhd+66QcaISViK7amjnheQ/4WZw==} 632 632 - 633 633 - '@prefresh/vite@2.4.11': 634 634 - resolution: {integrity: sha512-/XjURQqdRiCG3NpMmWqE9kJwrg9IchIOWHzulCfqg2sRe/8oQ1g5De7xrk9lbqPIQLn7ntBkKdqWXIj4E9YXyg==} 635 635 - peerDependencies: 636 636 - preact: ^10.4.0 || ^11.0.0-0 637 637 - vite: '>=2.0.0' 638 638 - 639 639 - '@rollup/pluginutils@4.2.1': 640 640 - resolution: {integrity: sha512-iKnFXr7NkdZAIHiIWE+BX5ULi/ucVFYWD6TbAV+rZctiRTY2PL6tsIKhoIOaoskiWAkgu+VsbXgUVDNLHf+InQ==} 641 641 - engines: {node: '>= 8.0.0'} 642 642 - 643 643 - '@rollup/pluginutils@5.3.0': 644 644 - resolution: {integrity: sha512-5EdhGZtnu3V88ces7s53hhfK5KSASnJZv8Lulpc04cWO3REESroJXg73DFsOmgbU2BhwV0E20bu2IDZb3VKW4Q==} 645 645 - engines: {node: '>=14.0.0'} 646 646 - peerDependencies: 647 647 - rollup: ^1.20.0||^2.0.0||^3.0.0||^4.0.0 648 648 - peerDependenciesMeta: 649 649 - rollup: 650 650 - optional: true 651 651 - 652 652 - '@rollup/rollup-android-arm-eabi@4.53.3': 653 653 - resolution: {integrity: sha512-mRSi+4cBjrRLoaal2PnqH82Wqyb+d3HsPUN/W+WslCXsZsyHa9ZeQQX/pQsZaVIWDkPcpV6jJ+3KLbTbgnwv8w==} 654 654 - cpu: [arm] 655 655 - os: [android] 656 656 - 657 657 - '@rollup/rollup-android-arm64@4.53.3': 658 658 - resolution: {integrity: sha512-CbDGaMpdE9sh7sCmTrTUyllhrg65t6SwhjlMJsLr+J8YjFuPmCEjbBSx4Z/e4SmDyH3aB5hGaJUP2ltV/vcs4w==} 659 659 - cpu: [arm64] 660 660 - os: [android] 661 661 - 662 662 - '@rollup/rollup-darwin-arm64@4.53.3': 663 663 - resolution: {integrity: sha512-Nr7SlQeqIBpOV6BHHGZgYBuSdanCXuw09hon14MGOLGmXAFYjx1wNvquVPmpZnl0tLjg25dEdr4IQ6GgyToCUA==} 664 664 - cpu: [arm64] 665 665 - os: [darwin] 666 666 - 667 667 - '@rollup/rollup-darwin-x64@4.53.3': 668 668 - resolution: {integrity: sha512-DZ8N4CSNfl965CmPktJ8oBnfYr3F8dTTNBQkRlffnUarJ2ohudQD17sZBa097J8xhQ26AwhHJ5mvUyQW8ddTsQ==} 669 669 - cpu: [x64] 670 670 - os: [darwin] 671 671 - 672 672 - '@rollup/rollup-freebsd-arm64@4.53.3': 673 673 - resolution: {integrity: sha512-yMTrCrK92aGyi7GuDNtGn2sNW+Gdb4vErx4t3Gv/Tr+1zRb8ax4z8GWVRfr3Jw8zJWvpGHNpss3vVlbF58DZ4w==} 674 674 - cpu: [arm64] 675 675 - os: [freebsd] 676 676 - 677 677 - '@rollup/rollup-freebsd-x64@4.53.3': 678 678 - resolution: {integrity: sha512-lMfF8X7QhdQzseM6XaX0vbno2m3hlyZFhwcndRMw8fbAGUGL3WFMBdK0hbUBIUYcEcMhVLr1SIamDeuLBnXS+Q==} 679 679 - cpu: [x64] 680 680 - os: [freebsd] 681 681 - 682 682 - '@rollup/rollup-linux-arm-gnueabihf@4.53.3': 683 683 - resolution: {integrity: sha512-k9oD15soC/Ln6d2Wv/JOFPzZXIAIFLp6B+i14KhxAfnq76ajt0EhYc5YPeX6W1xJkAdItcVT+JhKl1QZh44/qw==} 684 684 - cpu: [arm] 685 685 - os: [linux] 686 686 - 687 687 - '@rollup/rollup-linux-arm-musleabihf@4.53.3': 688 688 - resolution: {integrity: sha512-vTNlKq+N6CK/8UktsrFuc+/7NlEYVxgaEgRXVUVK258Z5ymho29skzW1sutgYjqNnquGwVUObAaxae8rZ6YMhg==} 689 689 - cpu: [arm] 690 690 - os: [linux] 691 691 - 692 692 - '@rollup/rollup-linux-arm64-gnu@4.53.3': 693 693 - resolution: {integrity: sha512-RGrFLWgMhSxRs/EWJMIFM1O5Mzuz3Xy3/mnxJp/5cVhZ2XoCAxJnmNsEyeMJtpK+wu0FJFWz+QF4mjCA7AUQ3w==} 694 694 - cpu: [arm64] 695 695 - os: [linux] 696 696 - 697 697 - '@rollup/rollup-linux-arm64-musl@4.53.3': 698 698 - resolution: {integrity: sha512-kASyvfBEWYPEwe0Qv4nfu6pNkITLTb32p4yTgzFCocHnJLAHs+9LjUu9ONIhvfT/5lv4YS5muBHyuV84epBo/A==} 699 699 - cpu: [arm64] 700 700 - os: [linux] 701 701 - 702 702 - '@rollup/rollup-linux-loong64-gnu@4.53.3': 703 703 - resolution: {integrity: sha512-JiuKcp2teLJwQ7vkJ95EwESWkNRFJD7TQgYmCnrPtlu50b4XvT5MOmurWNrCj3IFdyjBQ5p9vnrX4JM6I8OE7g==} 704 704 - cpu: [loong64] 705 705 - os: [linux] 706 706 - 707 707 - '@rollup/rollup-linux-ppc64-gnu@4.53.3': 708 708 - resolution: {integrity: sha512-EoGSa8nd6d3T7zLuqdojxC20oBfNT8nexBbB/rkxgKj5T5vhpAQKKnD+h3UkoMuTyXkP5jTjK/ccNRmQrPNDuw==} 709 709 - cpu: [ppc64] 710 710 - os: [linux] 711 711 - 712 712 - '@rollup/rollup-linux-riscv64-gnu@4.53.3': 713 713 - resolution: {integrity: sha512-4s+Wped2IHXHPnAEbIB0YWBv7SDohqxobiiPA1FIWZpX+w9o2i4LezzH/NkFUl8LRci/8udci6cLq+jJQlh+0g==} 714 714 - cpu: [riscv64] 715 715 - os: [linux] 716 716 - 717 717 - '@rollup/rollup-linux-riscv64-musl@4.53.3': 718 718 - resolution: {integrity: sha512-68k2g7+0vs2u9CxDt5ktXTngsxOQkSEV/xBbwlqYcUrAVh6P9EgMZvFsnHy4SEiUl46Xf0IObWVbMvPrr2gw8A==} 719 719 - cpu: [riscv64] 720 720 - os: [linux] 721 721 - 722 722 - '@rollup/rollup-linux-s390x-gnu@4.53.3': 723 723 - resolution: {integrity: sha512-VYsFMpULAz87ZW6BVYw3I6sWesGpsP9OPcyKe8ofdg9LHxSbRMd7zrVrr5xi/3kMZtpWL/wC+UIJWJYVX5uTKg==} 724 724 - cpu: [s390x] 725 725 - os: [linux] 726 726 - 727 727 - '@rollup/rollup-linux-x64-gnu@4.53.3': 728 728 - resolution: {integrity: sha512-3EhFi1FU6YL8HTUJZ51imGJWEX//ajQPfqWLI3BQq4TlvHy4X0MOr5q3D2Zof/ka0d5FNdPwZXm3Yyib/UEd+w==} 729 729 - cpu: [x64] 730 730 - os: [linux] 731 731 - 732 732 - '@rollup/rollup-linux-x64-musl@4.53.3': 733 733 - resolution: {integrity: sha512-eoROhjcc6HbZCJr+tvVT8X4fW3/5g/WkGvvmwz/88sDtSJzO7r/blvoBDgISDiCjDRZmHpwud7h+6Q9JxFwq1Q==} 734 734 - cpu: [x64] 735 735 - os: [linux] 736 736 - 737 737 - '@rollup/rollup-openharmony-arm64@4.53.3': 738 738 - resolution: {integrity: sha512-OueLAWgrNSPGAdUdIjSWXw+u/02BRTcnfw9PN41D2vq/JSEPnJnVuBgw18VkN8wcd4fjUs+jFHVM4t9+kBSNLw==} 739 739 - cpu: [arm64] 740 740 - os: [openharmony] 741 741 - 742 742 - '@rollup/rollup-win32-arm64-msvc@4.53.3': 743 743 - resolution: {integrity: sha512-GOFuKpsxR/whszbF/bzydebLiXIHSgsEUp6M0JI8dWvi+fFa1TD6YQa4aSZHtpmh2/uAlj/Dy+nmby3TJ3pkTw==} 744 744 - cpu: [arm64] 745 745 - os: [win32] 746 746 - 747 747 - '@rollup/rollup-win32-ia32-msvc@4.53.3': 748 748 - resolution: {integrity: sha512-iah+THLcBJdpfZ1TstDFbKNznlzoxa8fmnFYK4V67HvmuNYkVdAywJSoteUszvBQ9/HqN2+9AZghbajMsFT+oA==} 749 749 - cpu: [ia32] 750 750 - os: [win32] 751 751 - 752 752 - '@rollup/rollup-win32-x64-gnu@4.53.3': 753 753 - resolution: {integrity: sha512-J9QDiOIZlZLdcot5NXEepDkstocktoVjkaKUtqzgzpt2yWjGlbYiKyp05rWwk4nypbYUNoFAztEgixoLaSETkg==} 754 754 - cpu: [x64] 755 755 - os: [win32] 756 756 - 757 757 - '@rollup/rollup-win32-x64-msvc@4.53.3': 758 758 - resolution: {integrity: sha512-UhTd8u31dXadv0MopwGgNOBpUVROFKWVQgAg5N1ESyCz8AuBcMqm4AuTjrwgQKGDfoFuz02EuMRHQIw/frmYKQ==} 759 759 - cpu: [x64] 760 760 - os: [win32] 761 761 - 762 762 - '@rushstack/node-core-library@5.19.0': 763 763 - resolution: {integrity: sha512-BxAopbeWBvNJ6VGiUL+5lbJXywTdsnMeOS8j57Cn/xY10r6sV/gbsTlfYKjzVCUBZATX2eRzJHSMCchsMTGN6A==} 764 764 - peerDependencies: 765 765 - '@types/node': '*' 766 766 - peerDependenciesMeta: 767 767 - '@types/node': 768 768 - optional: true 769 769 - 770 770 - '@rushstack/problem-matcher@0.1.1': 771 771 - resolution: {integrity: sha512-Fm5XtS7+G8HLcJHCWpES5VmeMyjAKaWeyZU5qPzZC+22mPlJzAsOxymHiWIfuirtPckX3aptWws+K2d0BzniJA==} 772 772 - peerDependencies: 773 773 - '@types/node': '*' 774 774 - peerDependenciesMeta: 775 775 - '@types/node': 776 776 - optional: true 777 777 - 778 778 - '@rushstack/rig-package@0.6.0': 779 779 - resolution: {integrity: sha512-ZQmfzsLE2+Y91GF15c65L/slMRVhF6Hycq04D4TwtdGaUAbIXXg9c5pKA5KFU7M4QMaihoobp9JJYpYcaY3zOw==} 780 780 - 781 781 - '@rushstack/terminal@0.19.4': 782 782 - resolution: {integrity: sha512-f4XQk02CrKfrMgyOfhYd3qWI944dLC21S4I/LUhrlAP23GTMDNG6EK5effQtFkISwUKCgD9vMBrJZaPSUquxWQ==} 783 783 - peerDependencies: 784 784 - '@types/node': '*' 785 785 - peerDependenciesMeta: 786 786 - '@types/node': 787 787 - optional: true 788 788 - 789 789 - '@rushstack/ts-command-line@5.1.4': 790 790 - resolution: {integrity: sha512-H0I6VdJ6sOUbktDFpP2VW5N29w8v4hRoNZOQz02vtEi6ZTYL1Ju8u+TcFiFawUDrUsx/5MQTUhd79uwZZVwVlA==} 791 791 - 792 792 - '@standard-schema/spec@1.0.0': 793 793 - resolution: {integrity: sha512-m2bOd0f2RT9k8QJx1JN85cZYyH1RqFBdlwtkSlf4tBDYLCiiZnv1fIIwacK6cqwXavOydf0NPToMQgpKq+dVlA==} 794 794 - 795 795 - '@sveltejs/acorn-typescript@1.0.8': 796 796 - resolution: {integrity: sha512-esgN+54+q0NjB0Y/4BomT9samII7jGwNy/2a3wNZbT2A2RpmXsXwUt24LvLhx6jUq2gVk4cWEvcRO6MFQbOfNA==} 797 797 - peerDependencies: 798 798 - acorn: ^8.9.0 799 799 - 800 800 - '@sveltejs/vite-plugin-svelte-inspector@5.0.1': 801 801 - resolution: {integrity: sha512-ubWshlMk4bc8mkwWbg6vNvCeT7lGQojE3ijDh3QTR6Zr/R+GXxsGbyH4PExEPpiFmqPhYiVSVmHBjUcVc1JIrA==} 802 802 - engines: {node: ^20.19 || ^22.12 || >=24} 803 803 - peerDependencies: 804 804 - '@sveltejs/vite-plugin-svelte': ^6.0.0-next.0 805 805 - svelte: ^5.0.0 806 806 - vite: ^6.3.0 || ^7.0.0 807 807 - 808 808 - '@sveltejs/vite-plugin-svelte@6.2.1': 809 809 - resolution: {integrity: sha512-YZs/OSKOQAQCnJvM/P+F1URotNnYNeU3P2s4oIpzm1uFaqUEqRxUB0g5ejMjEb5Gjb9/PiBI5Ktrq4rUUF8UVQ==} 810 810 - engines: {node: ^20.19 || ^22.12 || >=24} 811 811 - peerDependencies: 812 812 - svelte: ^5.0.0 813 813 - vite: ^6.3.0 || ^7.0.0 814 814 - 815 815 - '@tsconfig/svelte@5.0.6': 816 816 - resolution: {integrity: sha512-yGxYL0I9eETH1/DR9qVJey4DAsCdeau4a9wYPKuXfEhm8lFO8wg+LLYJjIpAm6Fw7HSlhepPhYPDop75485yWQ==} 817 817 - 818 818 - '@types/argparse@1.0.38': 819 819 - resolution: {integrity: sha512-ebDJ9b0e702Yr7pWgB0jzm+CX4Srzz8RcXtLJDJB+BSccqMa36uyH/zUsSYao5+BD1ytv3k3rPYCq4mAE1hsXA==} 820 820 - 821 821 - '@types/estree@1.0.8': 822 822 - resolution: {integrity: sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==} 823 823 - 824 824 - '@types/node@12.20.55': 825 825 - resolution: {integrity: sha512-J8xLz7q2OFulZ2cyGTLE1TbbZcjpno7FaN6zdJNrgAdrJ+DZzh/uFR6YrTb4C+nXakvud8Q4+rbhoIWlYQbUFQ==} 826 826 - 827 827 - '@types/node@24.10.1': 828 828 - resolution: {integrity: sha512-GNWcUTRBgIRJD5zj+Tq0fKOJ5XZajIiBroOF0yvj2bSU1WvNdYS/dn9UxwsujGW4JX06dnHyjV2y9rRaybH0iQ==} 829 829 - 830 830 - '@volar/language-core@2.4.26': 831 831 - resolution: {integrity: sha512-hH0SMitMxnB43OZpyF1IFPS9bgb2I3bpCh76m2WEK7BE0A0EzpYsRp0CCH2xNKshr7kacU5TQBLYn4zj7CG60A==} 832 832 - 833 833 - '@volar/source-map@2.4.26': 834 834 - resolution: {integrity: sha512-JJw0Tt/kSFsIRmgTQF4JSt81AUSI1aEye5Zl65EeZ8H35JHnTvFGmpDOBn5iOxd48fyGE+ZvZBp5FcgAy/1Qhw==} 835 835 - 836 836 - '@volar/typescript@2.4.26': 837 837 - resolution: {integrity: sha512-N87ecLD48Sp6zV9zID/5yuS1+5foj0DfuYGdQ6KHj/IbKvyKv1zNX6VCmnKYwtmHadEO6mFc2EKISiu3RDPAvA==} 838 838 - 839 839 - '@vue/compiler-core@3.5.25': 840 840 - resolution: {integrity: sha512-vay5/oQJdsNHmliWoZfHPoVZZRmnSWhug0BYT34njkYTPqClh3DNWLkZNJBVSjsNMrg0CCrBfoKkjZQPM/QVUw==} 841 841 - 842 842 - '@vue/compiler-dom@3.5.25': 843 843 - resolution: {integrity: sha512-4We0OAcMZsKgYoGlMjzYvaoErltdFI2/25wqanuTu+S4gismOTRTBPi4IASOjxWdzIwrYSjnqONfKvuqkXzE2Q==} 844 844 - 845 845 - '@vue/compiler-vue2@2.7.16': 846 846 - resolution: {integrity: sha512-qYC3Psj9S/mfu9uVi5WvNZIzq+xnXMhOwbTFKKDD7b1lhpnn71jXSFdTQ+WsIEk0ONCd7VV2IMm7ONl6tbQ86A==} 847 847 - 848 848 - '@vue/language-core@2.2.0': 849 849 - resolution: {integrity: sha512-O1ZZFaaBGkKbsRfnVH1ifOK1/1BUkyK+3SQsfnh6PmMmD4qJcTU8godCeA96jjDRTL6zgnK7YzCHfaUlH2r0Mw==} 850 850 - peerDependencies: 851 851 - typescript: '*' 852 852 - peerDependenciesMeta: 853 853 - typescript: 854 854 - optional: true 855 855 - 856 856 - '@vue/shared@3.5.25': 857 857 - resolution: {integrity: sha512-AbOPdQQnAnzs58H2FrrDxYj/TJfmeS2jdfEEhgiKINy+bnOANmVizIEgq1r+C5zsbs6l1CCQxtcj71rwNQ4jWg==} 858 858 - 859 859 - acorn@8.15.0: 860 860 - resolution: {integrity: sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==} 861 861 - engines: {node: '>=0.4.0'} 862 862 - hasBin: true 863 863 - 864 864 - ajv-draft-04@1.0.0: 865 865 - resolution: {integrity: sha512-mv00Te6nmYbRp5DCwclxtt7yV/joXJPGS7nM+97GdxvuttCOfgI3K4U25zboyeX0O+myI8ERluxQe5wljMmVIw==} 866 866 - peerDependencies: 867 867 - ajv: ^8.5.0 868 868 - peerDependenciesMeta: 869 869 - ajv: 870 870 - optional: true 871 871 - 872 872 - ajv-formats@3.0.1: 873 873 - resolution: {integrity: sha512-8iUql50EUR+uUcdRQ3HDqa6EVyo3docL8g5WJ3FNcWmu62IbkGUue/pEyLBW8VGKKucTPgqeks4fIU1DA4yowQ==} 874 874 - peerDependencies: 875 875 - ajv: ^8.0.0 876 876 - peerDependenciesMeta: 877 877 - ajv: 878 878 - optional: true 879 879 - 880 880 - ajv@8.12.0: 881 881 - resolution: {integrity: sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==} 882 882 - 883 883 - ajv@8.13.0: 884 884 - resolution: {integrity: sha512-PRA911Blj99jR5RMeTunVbNXMF6Lp4vZXnk5GQjcnUWUTsrXtekg/pnmFFI2u/I36Y/2bITGS30GZCXei6uNkA==} 885 885 - 886 886 - alien-signals@0.4.14: 887 887 - resolution: {integrity: sha512-itUAVzhczTmP2U5yX67xVpsbbOiquusbWVyA9N+sy6+r6YVbFkahXvNCeEPWEOMhwDYwbVbGHFkVL03N9I5g+Q==} 888 888 - 889 889 - ansi-colors@4.1.3: 890 890 - resolution: {integrity: sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw==} 891 891 - engines: {node: '>=6'} 892 892 - 893 893 - ansi-regex@5.0.1: 894 894 - resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==} 895 895 - engines: {node: '>=8'} 896 896 - 897 897 - argparse@1.0.10: 898 898 - resolution: {integrity: sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==} 899 899 - 900 900 - argparse@2.0.1: 901 901 - resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==} 902 902 - 903 903 - aria-query@5.3.2: 904 904 - resolution: {integrity: sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw==} 905 905 - engines: {node: '>= 0.4'} 906 906 - 907 907 - array-union@2.1.0: 908 908 - resolution: {integrity: sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==} 909 909 - engines: {node: '>=8'} 910 910 - 911 911 - axobject-query@4.1.0: 912 912 - resolution: {integrity: sha512-qIj0G9wZbMGNLjLmg1PT6v2mE9AH2zlnADJD/2tC6E00hgmhUOfEB6greHPAfLRSufHqROIUTkw6E+M3lH0PTQ==} 913 913 - engines: {node: '>= 0.4'} 914 914 - 915 915 - babel-plugin-transform-hook-names@1.0.2: 916 916 - resolution: {integrity: sha512-5gafyjyyBTTdX/tQQ0hRgu4AhNHG/hqWi0ZZmg2xvs2FgRkJXzDNKBZCyoYqgFkovfDrgM8OoKg8karoUvWeCw==} 917 917 - peerDependencies: 918 918 - '@babel/core': ^7.12.10 919 919 - 920 920 - balanced-match@1.0.2: 921 921 - resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==} 922 922 - 923 923 - baseline-browser-mapping@2.9.0: 924 924 - resolution: {integrity: sha512-Mh++g+2LPfzZToywfE1BUzvZbfOY52Nil0rn9H1CPC5DJ7fX+Vir7nToBeoiSbB1zTNeGYbELEvJESujgGrzXw==} 925 925 - hasBin: true 926 926 - 927 927 - better-path-resolve@1.0.0: 928 928 - resolution: {integrity: sha512-pbnl5XzGBdrFU/wT4jqmJVPn2B6UHPBOhzMQkY/SPUPB6QtUXtmBHBIwCbXJol93mOpGMnQyP/+BB19q04xj7g==} 929 929 - engines: {node: '>=4'} 930 930 - 931 931 - boolbase@1.0.0: 932 932 - resolution: {integrity: sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==} 933 933 - 934 934 - brace-expansion@2.0.2: 935 935 - resolution: {integrity: sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==} 936 936 - 937 937 - braces@3.0.3: 938 938 - resolution: {integrity: sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==} 939 939 - engines: {node: '>=8'} 940 940 - 941 941 - browserslist@4.28.1: 942 942 - resolution: {integrity: sha512-ZC5Bd0LgJXgwGqUknZY/vkUQ04r8NXnJZ3yYi4vDmSiZmC/pdSN0NbNRPxZpbtO4uAfDUAFffO8IZoM3Gj8IkA==} 943 943 - engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7} 944 944 - hasBin: true 945 945 - 946 946 - buffer-from@1.1.2: 947 947 - resolution: {integrity: sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==} 948 948 - 949 949 - caniuse-lite@1.0.30001759: 950 950 - resolution: {integrity: sha512-Pzfx9fOKoKvevQf8oCXoyNRQ5QyxJj+3O0Rqx2V5oxT61KGx8+n6hV/IUyJeifUci2clnmmKVpvtiqRzgiWjSw==} 951 951 - 952 952 - chardet@2.1.1: 953 953 - resolution: {integrity: sha512-PsezH1rqdV9VvyNhxxOW32/d75r01NY7TQCmOqomRo15ZSOKbpTFVsfjghxo6JloQUCGnH4k1LGu0R4yCLlWQQ==} 954 954 - 955 955 - chokidar@4.0.3: 956 956 - resolution: {integrity: sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==} 957 957 - engines: {node: '>= 14.16.0'} 958 958 - 959 959 - ci-info@3.9.0: 960 960 - resolution: {integrity: sha512-NIxF55hv4nSqQswkAeiOi1r83xy8JldOFDTWiug55KBu9Jnblncd2U6ViHmYgHf01TPZS77NJBhBMKdWj9HQMQ==} 961 961 - engines: {node: '>=8'} 962 962 - 963 963 - clsx@2.1.1: 964 964 - resolution: {integrity: sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==} 965 965 - engines: {node: '>=6'} 966 966 - 967 967 - commander@2.20.3: 968 968 - resolution: {integrity: sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==} 969 969 - 970 970 - compare-versions@6.1.1: 971 971 - resolution: {integrity: sha512-4hm4VPpIecmlg59CHXnRDnqGplJFrbLG4aFEl5vl6cK1u76ws3LLvX7ikFnTDl5vo39sjWD6AaDPYodJp/NNHg==} 972 972 - 973 973 - confbox@0.1.8: 974 974 - resolution: {integrity: sha512-RMtmw0iFkeR4YV+fUOSucriAQNb9g8zFR52MWCtl+cCZOFRNL6zeB395vPzFhEjjn4fMxXudmELnl/KF/WrK6w==} 975 975 - 976 976 - confbox@0.2.2: 977 977 - resolution: {integrity: sha512-1NB+BKqhtNipMsov4xI/NnhCKp9XG9NamYp5PVm9klAT0fsrNPjaFICsCFhNhwZJKNh7zB/3q8qXz0E9oaMNtQ==} 978 978 - 979 979 - convert-source-map@2.0.0: 980 980 - resolution: {integrity: sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==} 981 981 - 982 982 - cross-spawn@7.0.6: 983 983 - resolution: {integrity: sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==} 984 984 - engines: {node: '>= 8'} 985 985 - 986 986 - css-declaration-sorter@7.3.0: 987 987 - resolution: {integrity: sha512-LQF6N/3vkAMYF4xoHLJfG718HRJh34Z8BnNhd6bosOMIVjMlhuZK5++oZa3uYAgrI5+7x2o27gUqTR2U/KjUOQ==} 988 988 - engines: {node: ^14 || ^16 || >=18} 989 989 - peerDependencies: 990 990 - postcss: ^8.0.9 991 991 - 992 992 - css-select@5.2.2: 993 993 - resolution: {integrity: sha512-TizTzUddG/xYLA3NXodFM0fSbNizXjOKhqiQQwvhlspadZokn1KDy0NZFS0wuEubIYAV5/c1/lAr0TaaFXEXzw==} 994 994 - 995 995 - css-what@6.2.2: 996 996 - resolution: {integrity: sha512-u/O3vwbptzhMs3L1fQE82ZSLHQQfto5gyZzwteVIEyeaY5Fc7R4dapF/BvRoSYFeqfBk4m0V1Vafq5Pjv25wvA==} 997 997 - engines: {node: '>= 6'} 998 998 - 999 999 - de-indent@1.0.2: 1000 1000 - resolution: {integrity: sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg==} 1001 1001 - 1002 1002 - debug@4.4.3: 1003 1003 - resolution: {integrity: sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==} 1004 1004 - engines: {node: '>=6.0'} 1005 1005 - peerDependencies: 1006 1006 - supports-color: '*' 1007 1007 - peerDependenciesMeta: 1008 1008 - supports-color: 1009 1009 - optional: true 1010 1010 - 1011 1011 - deepmerge@4.3.1: 1012 1012 - resolution: {integrity: sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==} 1013 1013 - engines: {node: '>=0.10.0'} 1014 1014 - 1015 1015 - detect-indent@6.1.0: 1016 1016 - resolution: {integrity: sha512-reYkTUJAZb9gUuZ2RvVCNhVHdg62RHnJ7WJl8ftMi4diZ6NWlciOzQN88pUhSELEwflJht4oQDv0F0BMlwaYtA==} 1017 1017 - engines: {node: '>=8'} 1018 1018 - 1019 1019 - devalue@5.5.0: 1020 1020 - resolution: {integrity: sha512-69sM5yrHfFLJt0AZ9QqZXGCPfJ7fQjvpln3Rq5+PS03LD32Ost1Q9N+eEnaQwGRIriKkMImXD56ocjQmfjbV3w==} 1021 1021 - 1022 1022 - diff@8.0.2: 1023 1023 - resolution: {integrity: sha512-sSuxWU5j5SR9QQji/o2qMvqRNYRDOcBTgsJ/DeCf4iSN4gW+gNMXM7wFIP+fdXZxoNiAnHUTGjCr+TSWXdRDKg==} 1024 1024 - engines: {node: '>=0.3.1'} 1025 1025 - 1026 1026 - dir-glob@3.0.1: 1027 1027 - resolution: {integrity: sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==} 1028 1028 - engines: {node: '>=8'} 1029 1029 - 1030 1030 - dom-serializer@2.0.0: 1031 1031 - resolution: {integrity: sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==} 1032 1032 - 1033 1033 - domelementtype@2.3.0: 1034 1034 - resolution: {integrity: sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==} 1035 1035 - 1036 1036 - domhandler@5.0.3: 1037 1037 - resolution: {integrity: sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==} 1038 1038 - engines: {node: '>= 4'} 1039 1039 - 1040 1040 - domutils@3.2.2: 1041 1041 - resolution: {integrity: sha512-6kZKyUajlDuqlHKVX1w7gyslj9MPIXzIFiz/rGu35uC1wMi+kMhQwGhl4lt9unC9Vb9INnY9Z3/ZA3+FhASLaw==} 1042 1042 - 1043 1043 - electron-to-chromium@1.5.264: 1044 1044 - resolution: {integrity: sha512-1tEf0nLgltC3iy9wtlYDlQDc5Rg9lEKVjEmIHJ21rI9OcqkvD45K1oyNIRA4rR1z3LgJ7KeGzEBojVcV6m4qjA==} 1045 1045 - 1046 1046 - enquirer@2.4.1: 1047 1047 - resolution: {integrity: sha512-rRqJg/6gd538VHvR3PSrdRBb/1Vy2YfzHqzvbhGIQpDRKIa4FgV/54b5Q1xYSxOOwKvjXweS26E0Q+nAMwp2pQ==} 1048 1048 - engines: {node: '>=8.6'} 1049 1049 - 1050 1050 - entities@4.5.0: 1051 1051 - resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==} 1052 1052 - engines: {node: '>=0.12'} 1053 1053 - 1054 1054 - esbuild@0.25.12: 1055 1055 - resolution: {integrity: sha512-bbPBYYrtZbkt6Os6FiTLCTFxvq4tt3JKall1vRwshA3fdVztsLAatFaZobhkBC8/BrPetoa0oksYoKXoG4ryJg==} 1056 1056 - engines: {node: '>=18'} 1057 1057 - hasBin: true 1058 1058 - 1059 1059 - escalade@3.2.0: 1060 1060 - resolution: {integrity: sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==} 1061 1061 - engines: {node: '>=6'} 1062 1062 - 1063 1063 - esm-env@1.2.2: 1064 1064 - resolution: {integrity: sha512-Epxrv+Nr/CaL4ZcFGPJIYLWFom+YeV1DqMLHJoEd9SYRxNbaFruBwfEX/kkHUJf55j2+TUbmDcmuilbP1TmXHA==} 1065 1065 - 1066 1066 - esprima@4.0.1: 1067 1067 - resolution: {integrity: sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==} 1068 1068 - engines: {node: '>=4'} 1069 1069 - hasBin: true 1070 1070 - 1071 1071 - esrap@2.2.1: 1072 1072 - resolution: {integrity: sha512-GiYWG34AN/4CUyaWAgunGt0Rxvr1PTMlGC0vvEov/uOQYWne2bpN03Um+k8jT+q3op33mKouP2zeJ6OlM+qeUg==} 1073 1073 - 1074 1074 - estree-walker@2.0.2: 1075 1075 - resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==} 1076 1076 - 1077 1077 - exsolve@1.0.8: 1078 1078 - resolution: {integrity: sha512-LmDxfWXwcTArk8fUEnOfSZpHOJ6zOMUJKOtFLFqJLoKJetuQG874Uc7/Kki7zFLzYybmZhp1M7+98pfMqeX8yA==} 1079 1079 - 1080 1080 - extendable-error@0.1.7: 1081 1081 - resolution: {integrity: sha512-UOiS2in6/Q0FK0R0q6UY9vYpQ21mr/Qn1KOnte7vsACuNJf514WvCCUHSRCPcgjPT2bAhNIJdlE6bVap1GKmeg==} 1082 1082 - 1083 1083 - fast-deep-equal@3.1.3: 1084 1084 - resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==} 1085 1085 - 1086 1086 - fast-glob@3.3.3: 1087 1087 - resolution: {integrity: sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==} 1088 1088 - engines: {node: '>=8.6.0'} 1089 1089 - 1090 1090 - fastq@1.19.1: 1091 1091 - resolution: {integrity: sha512-GwLTyxkCXjXbxqIhTsMI2Nui8huMPtnxg7krajPJAjnEG/iiOS7i+zCtWGZR9G0NBKbXKh6X9m9UIsYX/N6vvQ==} 1092 1092 - 1093 1093 - fdir@6.5.0: 1094 1094 - resolution: {integrity: sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==} 1095 1095 - engines: {node: '>=12.0.0'} 1096 1096 - peerDependencies: 1097 1097 - picomatch: ^3 || ^4 1098 1098 - peerDependenciesMeta: 1099 1099 - picomatch: 1100 1100 - optional: true 1101 1101 - 1102 1102 - fill-range@7.1.1: 1103 1103 - resolution: {integrity: sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==} 1104 1104 - engines: {node: '>=8'} 1105 1105 - 1106 1106 - find-up@4.1.0: 1107 1107 - resolution: {integrity: sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==} 1108 1108 - engines: {node: '>=8'} 1109 1109 - 1110 1110 - fs-extra@11.3.2: 1111 1111 - resolution: {integrity: sha512-Xr9F6z6up6Ws+NjzMCZc6WXg2YFRlrLP9NQDO3VQrWrfiojdhS56TzueT88ze0uBdCTwEIhQ3ptnmKeWGFAe0A==} 1112 1112 - engines: {node: '>=14.14'} 1113 1113 - 1114 1114 - fs-extra@7.0.1: 1115 1115 - resolution: {integrity: sha512-YJDaCJZEnBmcbw13fvdAM9AwNOJwOzrE4pqMqBq5nFiEqXUqHwlK4B+3pUw6JNvfSPtX05xFHtYy/1ni01eGCw==} 1116 1116 - engines: {node: '>=6 <7 || >=8'} 1117 1117 - 1118 1118 - fs-extra@8.1.0: 1119 1119 - resolution: {integrity: sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==} 1120 1120 - engines: {node: '>=6 <7 || >=8'} 1121 1121 - 1122 1122 - fsevents@2.3.3: 1123 1123 - resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==} 1124 1124 - engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0} 1125 1125 - os: [darwin] 1126 1126 - 1127 1127 - function-bind@1.1.2: 1128 1128 - resolution: {integrity: sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==} 1129 1129 - 1130 1130 - gensync@1.0.0-beta.2: 1131 1131 - resolution: {integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==} 1132 1132 - engines: {node: '>=6.9.0'} 1133 1133 - 1134 1134 - glob-parent@5.1.2: 1135 1135 - resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==} 1136 1136 - engines: {node: '>= 6'} 1137 1137 - 1138 1138 - globby@11.1.0: 1139 1139 - resolution: {integrity: sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==} 1140 1140 - engines: {node: '>=10'} 1141 1141 - 1142 1142 - graceful-fs@4.2.11: 1143 1143 - resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==} 1144 1144 - 1145 1145 - has-flag@4.0.0: 1146 1146 - resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==} 1147 1147 - engines: {node: '>=8'} 1148 1148 - 1149 1149 - hasown@2.0.2: 1150 1150 - resolution: {integrity: sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==} 1151 1151 - engines: {node: '>= 0.4'} 1152 1152 - 1153 1153 - he@1.2.0: 1154 1154 - resolution: {integrity: sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==} 1155 1155 - hasBin: true 1156 1156 - 1157 1157 - human-id@4.1.3: 1158 1158 - resolution: {integrity: sha512-tsYlhAYpjCKa//8rXZ9DqKEawhPoSytweBC2eNvcaDK+57RZLHGqNs3PZTQO6yekLFSuvA6AlnAfrw1uBvtb+Q==} 1159 1159 - hasBin: true 1160 1160 - 1161 1161 - iconv-lite@0.7.0: 1162 1162 - resolution: {integrity: sha512-cf6L2Ds3h57VVmkZe+Pn+5APsT7FpqJtEhhieDCvrE2MK5Qk9MyffgQyuxQTm6BChfeZNtcOLHp9IcWRVcIcBQ==} 1163 1163 - engines: {node: '>=0.10.0'} 1164 1164 - 1165 1165 - ignore@5.3.2: 1166 1166 - resolution: {integrity: sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==} 1167 1167 - engines: {node: '>= 4'} 1168 1168 - 1169 1169 - import-lazy@4.0.0: 1170 1170 - resolution: {integrity: sha512-rKtvo6a868b5Hu3heneU+L4yEQ4jYKLtjpnPeUdK7h0yzXGmyBTypknlkCvHFBqfX9YlorEiMM6Dnq/5atfHkw==} 1171 1171 - engines: {node: '>=8'} 1172 1172 - 1173 1173 - is-core-module@2.16.1: 1174 1174 - resolution: {integrity: sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==} 1175 1175 - engines: {node: '>= 0.4'} 1176 1176 - 1177 1177 - is-extglob@2.1.1: 1178 1178 - resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==} 1179 1179 - engines: {node: '>=0.10.0'} 1180 1180 - 1181 1181 - is-glob@4.0.3: 1182 1182 - resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==} 1183 1183 - engines: {node: '>=0.10.0'} 1184 1184 - 1185 1185 - is-number@7.0.0: 1186 1186 - resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==} 1187 1187 - engines: {node: '>=0.12.0'} 1188 1188 - 1189 1189 - is-reference@3.0.3: 1190 1190 - resolution: {integrity: sha512-ixkJoqQvAP88E6wLydLGGqCJsrFUnqoH6HnaczB8XmDH1oaWU+xxdptvikTgaEhtZ53Ky6YXiBuUI2WXLMCwjw==} 1191 1191 - 1192 1192 - is-subdir@1.2.0: 1193 1193 - resolution: {integrity: sha512-2AT6j+gXe/1ueqbW6fLZJiIw3F8iXGJtt0yDrZaBhAZEG1raiTxKWU+IPqMCzQAXOUCKdA4UDMgacKH25XG2Cw==} 1194 1194 - engines: {node: '>=4'} 1195 1195 - 1196 1196 - is-windows@1.0.2: 1197 1197 - resolution: {integrity: sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==} 1198 1198 - engines: {node: '>=0.10.0'} 1199 1199 - 1200 1200 - isexe@2.0.0: 1201 1201 - resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==} 1202 1202 - 1203 1203 - jju@1.4.0: 1204 1204 - resolution: {integrity: sha512-8wb9Yw966OSxApiCt0K3yNJL8pnNeIv+OEq2YMidz4FKP6nonSRoOXc80iXY4JaN2FC11B9qsNmDsm+ZOfMROA==} 1205 1205 - 1206 1206 - js-tokens@4.0.0: 1207 1207 - resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==} 1208 1208 - 1209 1209 - js-yaml@3.14.2: 1210 1210 - resolution: {integrity: sha512-PMSmkqxr106Xa156c2M265Z+FTrPl+oxd/rgOQy2tijQeK5TxQ43psO1ZCwhVOSdnn+RzkzlRz/eY4BgJBYVpg==} 1211 1211 - hasBin: true 1212 1212 - 1213 1213 - js-yaml@4.1.1: 1214 1214 - resolution: {integrity: sha512-qQKT4zQxXl8lLwBtHMWwaTcGfFOZviOJet3Oy/xmGk2gZH677CJM9EvtfdSkgWcATZhj/55JZ0rmy3myCT5lsA==} 1215 1215 - hasBin: true 1216 1216 - 1217 1217 - jsesc@3.1.0: 1218 1218 - resolution: {integrity: sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==} 1219 1219 - engines: {node: '>=6'} 1220 1220 - hasBin: true 1221 1221 - 1222 1222 - json-schema-traverse@1.0.0: 1223 1223 - resolution: {integrity: sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==} 1224 1224 - 1225 1225 - json5@2.2.3: 1226 1226 - resolution: {integrity: sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==} 1227 1227 - engines: {node: '>=6'} 1228 1228 - hasBin: true 1229 1229 - 1230 1230 - jsonfile@4.0.0: 1231 1231 - resolution: {integrity: sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==} 1232 1232 - 1233 1233 - jsonfile@6.2.0: 1234 1234 - resolution: {integrity: sha512-FGuPw30AdOIUTRMC2OMRtQV+jkVj2cfPqSeWXv1NEAJ1qZ5zb1X6z1mFhbfOB/iy3ssJCD+3KuZ8r8C3uVFlAg==} 1235 1235 - 1236 1236 - kolorist@1.8.0: 1237 1237 - resolution: {integrity: sha512-Y+60/zizpJ3HRH8DCss+q95yr6145JXZo46OTpFvDZWLfRCE4qChOyk1b26nMaNpfHHgxagk9dXT5OP0Tfe+dQ==} 1238 1238 - 1239 1239 - local-pkg@1.1.2: 1240 1240 - resolution: {integrity: sha512-arhlxbFRmoQHl33a0Zkle/YWlmNwoyt6QNZEIJcqNbdrsix5Lvc4HyyI3EnwxTYlZYc32EbYrQ8SzEZ7dqgg9A==} 1241 1241 - engines: {node: '>=14'} 1242 1242 - 1243 1243 - locate-character@3.0.0: 1244 1244 - resolution: {integrity: sha512-SW13ws7BjaeJ6p7Q6CO2nchbYEc3X3J6WrmTTDto7yMPqVSZTUyY5Tjbid+Ab8gLnATtygYtiDIJGQRRn2ZOiA==} 1245 1245 - 1246 1246 - locate-path@5.0.0: 1247 1247 - resolution: {integrity: sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==} 1248 1248 - engines: {node: '>=8'} 1249 1249 - 1250 1250 - lodash.startcase@4.4.0: 1251 1251 - resolution: {integrity: sha512-+WKqsK294HMSc2jEbNgpHpd0JfIBhp7rEV4aqXWqFr6AlXov+SlcgB1Fv01y2kGe3Gc8nMW7VA0SrGuSkRfIEg==} 1252 1252 - 1253 1253 - lodash@4.17.21: 1254 1254 - resolution: {integrity: sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==} 1255 1255 - 1256 1256 - lru-cache@5.1.1: 1257 1257 - resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==} 1258 1258 - 1259 1259 - lru-cache@6.0.0: 1260 1260 - resolution: {integrity: sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==} 1261 1261 - engines: {node: '>=10'} 1262 1262 - 1263 1263 - magic-string@0.30.21: 1264 1264 - resolution: {integrity: sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==} 1265 1265 - 1266 1266 - merge2@1.4.1: 1267 1267 - resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==} 1268 1268 - engines: {node: '>= 8'} 1269 1269 - 1270 1270 - micromatch@4.0.8: 1271 1271 - resolution: {integrity: sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==} 1272 1272 - engines: {node: '>=8.6'} 1273 1273 - 1274 1274 - minimatch@10.0.3: 1275 1275 - resolution: {integrity: sha512-IPZ167aShDZZUMdRk66cyQAW3qr0WzbHkPdMYa8bzZhlHhO3jALbKdxcaak7W9FfT2rZNpQuUu4Od7ILEpXSaw==} 1276 1276 - engines: {node: 20 || >=22} 1277 1277 - 1278 1278 - minimatch@9.0.5: 1279 1279 - resolution: {integrity: sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==} 1280 1280 - engines: {node: '>=16 || 14 >=14.17'} 1281 1281 - 1282 1282 - mlly@1.8.0: 1283 1283 - resolution: {integrity: sha512-l8D9ODSRWLe2KHJSifWGwBqpTZXIXTeo8mlKjY+E2HAakaTeNpqAyBZ8GSqLzHgw4XmHmC8whvpjJNMbFZN7/g==} 1284 1284 - 1285 1285 - mri@1.2.0: 1286 1286 - resolution: {integrity: sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==} 1287 1287 - engines: {node: '>=4'} 1288 1288 - 1289 1289 - ms@2.1.3: 1290 1290 - resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==} 1291 1291 - 1292 1292 - muggle-string@0.4.1: 1293 1293 - resolution: {integrity: sha512-VNTrAak/KhO2i8dqqnqnAHOa3cYBwXEZe9h+D5h/1ZqFSTEFHdM65lR7RoIqq3tBBYavsOXV84NoHXZ0AkPyqQ==} 1294 1294 - 1295 1295 - nanoid@3.3.11: 1296 1296 - resolution: {integrity: sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==} 1297 1297 - engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1} 1298 1298 - hasBin: true 1299 1299 - 1300 1300 - node-html-parser@6.1.13: 1301 1301 - resolution: {integrity: sha512-qIsTMOY4C/dAa5Q5vsobRpOOvPfC4pB61UVW2uSwZNUp0QU/jCekTal1vMmbO0DgdHeLUJpv/ARmDqErVxA3Sg==} 1302 1302 - 1303 1303 - node-releases@2.0.27: 1304 1304 - resolution: {integrity: sha512-nmh3lCkYZ3grZvqcCH+fjmQ7X+H0OeZgP40OierEaAptX4XofMh5kwNbWh7lBduUzCcV/8kZ+NDLCwm2iorIlA==} 1305 1305 - 1306 1306 - nth-check@2.1.1: 1307 1307 - resolution: {integrity: sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==} 1308 1308 - 1309 1309 - outdent@0.5.0: 1310 1310 - resolution: {integrity: sha512-/jHxFIzoMXdqPzTaCpFzAAWhpkSjZPF4Vsn6jAfNpmbH/ymsmd7Qc6VE9BGn0L6YMj6uwpQLxCECpus4ukKS9Q==} 1311 1311 - 1312 1312 - p-filter@2.1.0: 1313 1313 - resolution: {integrity: sha512-ZBxxZ5sL2HghephhpGAQdoskxplTwr7ICaehZwLIlfL6acuVgZPm8yBNuRAFBGEqtD/hmUeq9eqLg2ys9Xr/yw==} 1314 1314 - engines: {node: '>=8'} 1315 1315 - 1316 1316 - p-limit@2.3.0: 1317 1317 - resolution: {integrity: sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==} 1318 1318 - engines: {node: '>=6'} 1319 1319 - 1320 1320 - p-locate@4.1.0: 1321 1321 - resolution: {integrity: sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==} 1322 1322 - engines: {node: '>=8'} 1323 1323 - 1324 1324 - p-map@2.1.0: 1325 1325 - resolution: {integrity: sha512-y3b8Kpd8OAN444hxfBbFfj1FY/RjtTd8tzYwhUqNYXx0fXx2iX4maP4Qr6qhIKbQXI02wTLAda4fYUbDagTUFw==} 1326 1326 - engines: {node: '>=6'} 1327 1327 - 1328 1328 - p-try@2.2.0: 1329 1329 - resolution: {integrity: sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==} 1330 1330 - engines: {node: '>=6'} 1331 1331 - 1332 1332 - package-manager-detector@0.2.11: 1333 1333 - resolution: {integrity: sha512-BEnLolu+yuz22S56CU1SUKq3XC3PkwD5wv4ikR4MfGvnRVcmzXR9DwSlW2fEamyTPyXHomBJRzgapeuBvRNzJQ==} 1334 1334 - 1335 1335 - path-browserify@1.0.1: 1336 1336 - resolution: {integrity: sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==} 1337 1337 - 1338 1338 - path-exists@4.0.0: 1339 1339 - resolution: {integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==} 1340 1340 - engines: {node: '>=8'} 1341 1341 - 1342 1342 - path-key@3.1.1: 1343 1343 - resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==} 1344 1344 - engines: {node: '>=8'} 1345 1345 - 1346 1346 - path-parse@1.0.7: 1347 1347 - resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==} 1348 1348 - 1349 1349 - path-type@4.0.0: 1350 1350 - resolution: {integrity: sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==} 1351 1351 - engines: {node: '>=8'} 1352 1352 - 1353 1353 - pathe@2.0.3: 1354 1354 - resolution: {integrity: sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==} 1355 1355 - 1356 1356 - picocolors@1.1.1: 1357 1357 - resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==} 1358 1358 - 1359 1359 - picomatch@2.3.1: 1360 1360 - resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==} 1361 1361 - engines: {node: '>=8.6'} 1362 1362 - 1363 1363 - picomatch@4.0.3: 1364 1364 - resolution: {integrity: sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==} 1365 1365 - engines: {node: '>=12'} 1366 1366 - 1367 1367 - pify@4.0.1: 1368 1368 - resolution: {integrity: sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==} 1369 1369 - engines: {node: '>=6'} 1370 1370 - 1371 1371 - pkg-types@1.3.1: 1372 1372 - resolution: {integrity: sha512-/Jm5M4RvtBFVkKWRu2BLUTNP8/M2a+UwuAX+ae4770q1qVGtfjG+WTCupoZixokjmHiry8uI+dlY8KXYV5HVVQ==} 1373 1373 - 1374 1374 - pkg-types@2.3.0: 1375 1375 - resolution: {integrity: sha512-SIqCzDRg0s9npO5XQ3tNZioRY1uK06lA41ynBC1YmFTmnY6FjUjVt6s4LoADmwoig1qqD0oK8h1p/8mlMx8Oig==} 1376 1376 - 1377 1377 - postcss-less@6.0.0: 1378 1378 - resolution: {integrity: sha512-FPX16mQLyEjLzEuuJtxA8X3ejDLNGGEG503d2YGZR5Ask1SpDN8KmZUMpzCvyalWRywAn1n1VOA5dcqfCLo5rg==} 1379 1379 - engines: {node: '>=12'} 1380 1380 - peerDependencies: 1381 1381 - postcss: ^8.3.5 1382 1382 - 1383 1383 - postcss-scss@4.0.9: 1384 1384 - resolution: {integrity: sha512-AjKOeiwAitL/MXxQW2DliT28EKukvvbEWx3LBmJIRN8KfBGZbRTxNYW0kSqi1COiTZ57nZ9NW06S6ux//N1c9A==} 1385 1385 - engines: {node: '>=12.0'} 1386 1386 - peerDependencies: 1387 1387 - postcss: ^8.4.29 1388 1388 - 1389 1389 - postcss@8.5.6: 1390 1390 - resolution: {integrity: sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==} 1391 1391 - engines: {node: ^10 || ^12 || >=14} 1392 1392 - 1393 1393 - preact@10.28.0: 1394 1394 - resolution: {integrity: sha512-rytDAoiXr3+t6OIP3WGlDd0ouCUG1iCWzkcY3++Nreuoi17y6T5i/zRhe6uYfoVcxq6YU+sBtJouuRDsq8vvqA==} 1395 1395 - 1396 1396 - prettier-plugin-css-order@2.1.2: 1397 1397 - resolution: {integrity: sha512-vomxPjHI6pOMYcBuouSJHxxQClJXaUpU9rsV9IAO2wrSTZILRRlrxAAR8t9UF6wtczLkLfNRFUwM+ZbGXOONUA==} 1398 1398 - engines: {node: '>=16'} 1399 1399 - peerDependencies: 1400 1400 - prettier: 3.x 1401 1401 - 1402 1402 - prettier-plugin-svelte@3.4.0: 1403 1403 - resolution: {integrity: sha512-pn1ra/0mPObzqoIQn/vUTR3ZZI6UuZ0sHqMK5x2jMLGrs53h0sXhkVuDcrlssHwIMk7FYrMjHBPoUSyyEEDlBQ==} 1404 1404 - peerDependencies: 1405 1405 - prettier: ^3.0.0 1406 1406 - svelte: ^3.2.0 || ^4.0.0-next.0 || ^5.0.0-next.0 1407 1407 - 1408 1408 - prettier@2.8.8: 1409 1409 - resolution: {integrity: sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==} 1410 1410 - engines: {node: '>=10.13.0'} 1411 1411 - hasBin: true 1412 1412 - 1413 1413 - prettier@3.7.4: 1414 1414 - resolution: {integrity: sha512-v6UNi1+3hSlVvv8fSaoUbggEM5VErKmmpGA7Pl3HF8V6uKY7rvClBOJlH6yNwQtfTueNkGVpOv/mtWL9L4bgRA==} 1415 1415 - engines: {node: '>=14'} 1416 1416 - hasBin: true 1417 1417 - 1418 1418 - punycode@2.3.1: 1419 1419 - resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==} 1420 1420 - engines: {node: '>=6'} 1421 1421 - 1422 1422 - quansync@0.2.11: 1423 1423 - resolution: {integrity: sha512-AifT7QEbW9Nri4tAwR5M/uzpBuqfZf+zwaEM/QkzEjj7NBuFD2rBuy0K3dE+8wltbezDV7JMA0WfnCPYRSYbXA==} 1424 1424 - 1425 1425 - queue-microtask@1.2.3: 1426 1426 - resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==} 1427 1427 - 1428 1428 - read-yaml-file@1.1.0: 1429 1429 - resolution: {integrity: sha512-VIMnQi/Z4HT2Fxuwg5KrY174U1VdUIASQVWXXyqtNRtxSr9IYkn1rsI6Tb6HsrHCmB7gVpNwX6JxPTHcH6IoTA==} 1430 1430 - engines: {node: '>=6'} 1431 1431 - 1432 1432 - readdirp@4.1.2: 1433 1433 - resolution: {integrity: sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==} 1434 1434 - engines: {node: '>= 14.18.0'} 1435 1435 - 1436 1436 - require-from-string@2.0.2: 1437 1437 - resolution: {integrity: sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==} 1438 1438 - engines: {node: '>=0.10.0'} 1439 1439 - 1440 1440 - resolve-from@5.0.0: 1441 1441 - resolution: {integrity: sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==} 1442 1442 - engines: {node: '>=8'} 1443 1443 - 1444 1444 - resolve@1.22.11: 1445 1445 - resolution: {integrity: sha512-RfqAvLnMl313r7c9oclB1HhUEAezcpLjz95wFH4LVuhk9JF/r22qmVP9AMmOU4vMX7Q8pN8jwNg/CSpdFnMjTQ==} 1446 1446 - engines: {node: '>= 0.4'} 1447 1447 - hasBin: true 1448 1448 - 1449 1449 - reusify@1.1.0: 1450 1450 - resolution: {integrity: sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==} 1451 1451 - engines: {iojs: '>=1.0.0', node: '>=0.10.0'} 1452 1452 - 1453 1453 - rollup@4.53.3: 1454 1454 - resolution: {integrity: sha512-w8GmOxZfBmKknvdXU1sdM9NHcoQejwF/4mNgj2JuEEdRaHwwF12K7e9eXn1nLZ07ad+du76mkVsyeb2rKGllsA==} 1455 1455 - engines: {node: '>=18.0.0', npm: '>=8.0.0'} 1456 1456 - hasBin: true 1457 1457 - 1458 1458 - run-parallel@1.2.0: 1459 1459 - resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==} 1460 1460 - 1461 1461 - sade@1.8.1: 1462 1462 - resolution: {integrity: sha512-xal3CZX1Xlo/k4ApwCFrHVACi9fBqJ7V+mwhBsuf/1IOKbBy098Fex+Wa/5QMubw09pSZ/u8EY8PWgevJsXp1A==} 1463 1463 - engines: {node: '>=6'} 1464 1464 - 1465 1465 - safer-buffer@2.1.2: 1466 1466 - resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==} 1467 1467 - 1468 1468 - semver@6.3.1: 1469 1469 - resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==} 1470 1470 - hasBin: true 1471 1471 - 1472 1472 - semver@7.5.4: 1473 1473 - resolution: {integrity: sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==} 1474 1474 - engines: {node: '>=10'} 1475 1475 - hasBin: true 1476 1476 - 1477 1477 - semver@7.7.3: 1478 1478 - resolution: {integrity: sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==} 1479 1479 - engines: {node: '>=10'} 1480 1480 - hasBin: true 1481 1481 - 1482 1482 - shebang-command@2.0.0: 1483 1483 - resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==} 1484 1484 - engines: {node: '>=8'} 1485 1485 - 1486 1486 - shebang-regex@3.0.0: 1487 1487 - resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==} 1488 1488 - engines: {node: '>=8'} 1489 1489 - 1490 1490 - signal-exit@4.1.0: 1491 1491 - resolution: {integrity: sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==} 1492 1492 - engines: {node: '>=14'} 1493 1493 - 1494 1494 - simple-code-frame@1.3.0: 1495 1495 - resolution: {integrity: sha512-MB4pQmETUBlNs62BBeRjIFGeuy/x6gGKh7+eRUemn1rCFhqo7K+4slPqsyizCbcbYLnaYqaoZ2FWsZ/jN06D8w==} 1496 1496 - 1497 1497 - slash@3.0.0: 1498 1498 - resolution: {integrity: sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==} 1499 1499 - engines: {node: '>=8'} 1500 1500 - 1501 1501 - source-map-js@1.2.1: 1502 1502 - resolution: {integrity: sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==} 1503 1503 - engines: {node: '>=0.10.0'} 1504 1504 - 1505 1505 - source-map-support@0.5.21: 1506 1506 - resolution: {integrity: sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==} 1507 1507 - 1508 1508 - source-map@0.6.1: 1509 1509 - resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==} 1510 1510 - engines: {node: '>=0.10.0'} 1511 1511 - 1512 1512 - source-map@0.7.6: 1513 1513 - resolution: {integrity: sha512-i5uvt8C3ikiWeNZSVZNWcfZPItFQOsYTUAOkcUPGd8DqDy1uOUikjt5dG+uRlwyvR108Fb9DOd4GvXfT0N2/uQ==} 1514 1514 - engines: {node: '>= 12'} 1515 1515 - 1516 1516 - spawndamnit@3.0.1: 1517 1517 - resolution: {integrity: sha512-MmnduQUuHCoFckZoWnXsTg7JaiLBJrKFj9UI2MbRPGaJeVpsLcVBu6P/IGZovziM/YBsellCmsprgNA+w0CzVg==} 1518 1518 - 1519 1519 - sprintf-js@1.0.3: 1520 1520 - resolution: {integrity: sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==} 1521 1521 - 1522 1522 - stack-trace@1.0.0-pre2: 1523 1523 - resolution: {integrity: sha512-2ztBJRek8IVofG9DBJqdy2N5kulaacX30Nz7xmkYF6ale9WBVmIy6mFBchvGX7Vx/MyjBhx+Rcxqrj+dbOnQ6A==} 1524 1524 - engines: {node: '>=16'} 1525 1525 - 1526 1526 - string-argv@0.3.2: 1527 1527 - resolution: {integrity: sha512-aqD2Q0144Z+/RqG52NeHEkZauTAUWJO8c6yTftGJKO3Tja5tUgIfmIl6kExvhtxSDP7fXB6DvzkfMpCd/F3G+Q==} 1528 1528 - engines: {node: '>=0.6.19'} 1529 1529 - 1530 1530 - strip-ansi@6.0.1: 1531 1531 - resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==} 1532 1532 - engines: {node: '>=8'} 1533 1533 - 1534 1534 - strip-bom@3.0.0: 1535 1535 - resolution: {integrity: sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==} 1536 1536 - engines: {node: '>=4'} 1537 1537 - 1538 1538 - strip-json-comments@3.1.1: 1539 1539 - resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==} 1540 1540 - engines: {node: '>=8'} 1541 1541 - 1542 1542 - supports-color@8.1.1: 1543 1543 - resolution: {integrity: sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==} 1544 1544 - engines: {node: '>=10'} 1545 1545 - 1546 1546 - supports-preserve-symlinks-flag@1.0.0: 1547 1547 - resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==} 1548 1548 - engines: {node: '>= 0.4'} 1549 1549 - 1550 1550 - svelte-check@4.3.4: 1551 1551 - resolution: {integrity: sha512-DVWvxhBrDsd+0hHWKfjP99lsSXASeOhHJYyuKOFYJcP7ThfSCKgjVarE8XfuMWpS5JV3AlDf+iK1YGGo2TACdw==} 1552 1552 - engines: {node: '>= 18.0.0'} 1553 1553 - hasBin: true 1554 1554 - peerDependencies: 1555 1555 - svelte: ^4.0.0 || ^5.0.0-next.0 1556 1556 - typescript: '>=5.0.0' 1557 1557 - 1558 1558 - svelte@5.45.5: 1559 1559 - resolution: {integrity: sha512-2074U+vObO5Zs8/qhxtBwdi6ZXNIhEBTzNmUFjiZexLxTdt9vq96D/0pnQELl6YcpLMD7pZ2dhXKByfGS8SAdg==} 1560 1560 - engines: {node: '>=18'} 1561 1561 - 1562 1562 - term-size@2.2.1: 1563 1563 - resolution: {integrity: sha512-wK0Ri4fOGjv/XPy8SBHZChl8CM7uMc5VML7SqiQ0zG7+J5Vr+RMQDoHa2CNT6KHUnTGIXH34UDMkPzAUyapBZg==} 1564 1564 - engines: {node: '>=8'} 1565 1565 - 1566 1566 - terser@5.44.1: 1567 1567 - resolution: {integrity: sha512-t/R3R/n0MSwnnazuPpPNVO60LX0SKL45pyl9YlvxIdkH0Of7D5qM2EVe+yASRIlY5pZ73nclYJfNANGWPwFDZw==} 1568 1568 - engines: {node: '>=10'} 1569 1569 - hasBin: true 1570 1570 - 1571 1571 - tinyglobby@0.2.15: 1572 1572 - resolution: {integrity: sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==} 1573 1573 - engines: {node: '>=12.0.0'} 1574 1574 - 1575 1575 - to-regex-range@5.0.1: 1576 1576 - resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==} 1577 1577 - engines: {node: '>=8.0'} 1578 1578 - 1579 1579 - tslib@2.8.1: 1580 1580 - resolution: {integrity: sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==} 1581 1581 - 1582 1582 - typescript@5.8.2: 1583 1583 - resolution: {integrity: sha512-aJn6wq13/afZp/jT9QZmwEjDqqvSGp1VT5GVg+f/t6/oVyrgXM6BY1h9BRh/O5p3PlUPAe+WuiEZOmb/49RqoQ==} 1584 1584 - engines: {node: '>=14.17'} 1585 1585 - hasBin: true 1586 1586 - 1587 1587 - typescript@5.8.3: 1588 1588 - resolution: {integrity: sha512-p1diW6TqL9L07nNxvRMM7hMMw4c5XOo/1ibL4aAIGmSAt9slTE1Xgw5KWuof2uTOvCg9BY7ZRi+GaF+7sfgPeQ==} 1589 1589 - engines: {node: '>=14.17'} 1590 1590 - hasBin: true 1591 1591 - 1592 1592 - ufo@1.6.1: 1593 1593 - resolution: {integrity: sha512-9a4/uxlTWJ4+a5i0ooc1rU7C7YOw3wT+UGqdeNNHWnOF9qcMBgLRS+4IYUqbczewFx4mLEig6gawh7X6mFlEkA==} 1594 1594 - 1595 1595 - undici-types@7.16.0: 1596 1596 - resolution: {integrity: sha512-Zz+aZWSj8LE6zoxD+xrjh4VfkIG8Ya6LvYkZqtUQGJPZjYl53ypCaUwWqo7eI0x66KBGeRo+mlBEkMSeSZ38Nw==} 1597 1597 - 1598 1598 - universalify@0.1.2: 1599 1599 - resolution: {integrity: sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==} 1600 1600 - engines: {node: '>= 4.0.0'} 1601 1601 - 1602 1602 - universalify@2.0.1: 1603 1603 - resolution: {integrity: sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==} 1604 1604 - engines: {node: '>= 10.0.0'} 1605 1605 - 1606 1606 - update-browserslist-db@1.2.1: 1607 1607 - resolution: {integrity: sha512-R9NcHbbZ45RoWfTdhn1J9SS7zxNvlddv4YRrHTUaFdtjbmfncfedB45EC9IaqJQ97iAR1GZgOfyRQO+ExIF6EQ==} 1608 1608 - hasBin: true 1609 1609 - peerDependencies: 1610 1610 - browserslist: '>= 4.21.0' 1611 1611 - 1612 1612 - uri-js@4.4.1: 1613 1613 - resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==} 1614 1614 - 1615 1615 - vite-plugin-dts@4.5.4: 1616 1616 - resolution: {integrity: sha512-d4sOM8M/8z7vRXHHq/ebbblfaxENjogAAekcfcDCCwAyvGqnPrc7f4NZbvItS+g4WTgerW0xDwSz5qz11JT3vg==} 1617 1617 - peerDependencies: 1618 1618 - typescript: '*' 1619 1619 - vite: '*' 1620 1620 - peerDependenciesMeta: 1621 1621 - vite: 1622 1622 - optional: true 1623 1623 - 1624 1624 - vite-prerender-plugin@0.5.12: 1625 1625 - resolution: {integrity: sha512-EiwhbMn+flg14EysbLTmZSzq8NGTxhytgK3bf4aGRF1evWLGwZiHiUJ1KZDvbxgKbMf2pG6fJWGEa3UZXOnR1g==} 1626 1626 - peerDependencies: 1627 1627 - vite: 5.x || 6.x || 7.x 1628 1628 - 1629 1629 - vite@7.2.6: 1630 1630 - resolution: {integrity: sha512-tI2l/nFHC5rLh7+5+o7QjKjSR04ivXDF4jcgV0f/bTQ+OJiITy5S6gaynVsEM+7RqzufMnVbIon6Sr5x1SDYaQ==} 1631 1631 - engines: {node: ^20.19.0 || >=22.12.0} 1632 1632 - hasBin: true 1633 1633 - peerDependencies: 1634 1634 - '@types/node': ^20.19.0 || >=22.12.0 1635 1635 - jiti: '>=1.21.0' 1636 1636 - less: ^4.0.0 1637 1637 - lightningcss: ^1.21.0 1638 1638 - sass: ^1.70.0 1639 1639 - sass-embedded: ^1.70.0 1640 1640 - stylus: '>=0.54.8' 1641 1641 - sugarss: ^5.0.0 1642 1642 - terser: ^5.16.0 1643 1643 - tsx: ^4.8.1 1644 1644 - yaml: ^2.4.2 1645 1645 - peerDependenciesMeta: 1646 1646 - '@types/node': 1647 1647 - optional: true 1648 1648 - jiti: 1649 1649 - optional: true 1650 1650 - less: 1651 1651 - optional: true 1652 1652 - lightningcss: 1653 1653 - optional: true 1654 1654 - sass: 1655 1655 - optional: true 1656 1656 - sass-embedded: 1657 1657 - optional: true 1658 1658 - stylus: 1659 1659 - optional: true 1660 1660 - sugarss: 1661 1661 - optional: true 1662 1662 - terser: 1663 1663 - optional: true 1664 1664 - tsx: 1665 1665 - optional: true 1666 1666 - yaml: 1667 1667 - optional: true 1668 1668 - 1669 1669 - vitefu@1.1.1: 1670 1670 - resolution: {integrity: sha512-B/Fegf3i8zh0yFbpzZ21amWzHmuNlLlmJT6n7bu5e+pCHUKQIfXSYokrqOBGEMMe9UG2sostKQF9mml/vYaWJQ==} 1671 1671 - peerDependencies: 1672 1672 - vite: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0-beta.0 1673 1673 - peerDependenciesMeta: 1674 1674 - vite: 1675 1675 - optional: true 1676 1676 - 1677 1677 - vscode-uri@3.1.0: 1678 1678 - resolution: {integrity: sha512-/BpdSx+yCQGnCvecbyXdxHDkuk55/G3xwnC0GqY4gmQ3j+A+g8kzzgB4Nk/SINjqn6+waqw3EgbVF2QKExkRxQ==} 1679 1679 - 1680 1680 - which@2.0.2: 1681 1681 - resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==} 1682 1682 - engines: {node: '>= 8'} 1683 1683 - hasBin: true 1684 1684 - 1685 1685 - yallist@3.1.1: 1686 1686 - resolution: {integrity: sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==} 1687 1687 - 1688 1688 - yallist@4.0.0: 1689 1689 - resolution: {integrity: sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==} 1690 1690 - 1691 1691 - zimmerframe@1.1.4: 1692 1692 - resolution: {integrity: sha512-B58NGBEoc8Y9MWWCQGl/gq9xBCe4IiKM0a2x7GZdQKOW5Exr8S1W24J6OgM1njK8xCRGvAJIL/MxXHf6SkmQKQ==} 1693 1693 - 1694 1694 - snapshots: 1695 1695 - 1696 1696 - '@atcute/atproto@3.1.9': 1697 1697 - dependencies: 1698 1698 - '@atcute/lexicons': 1.2.5 1699 1699 - 1700 1700 - '@atcute/bluesky-richtext-parser@1.0.7': {} 1701 1701 - 1702 1702 - '@atcute/bluesky-richtext-segmenter@2.0.4': 1703 1703 - dependencies: 1704 1704 - '@atcute/bluesky': 3.2.11 1705 1705 - '@atcute/lexicons': 1.2.5 1706 1706 - 1707 1707 - '@atcute/bluesky@2.1.1(@atcute/client@3.1.0)': 1708 1708 - dependencies: 1709 1709 - '@atcute/client': 3.1.0 1710 1710 - 1711 1711 - '@atcute/bluesky@3.2.11': 1712 1712 - dependencies: 1713 1713 - '@atcute/atproto': 3.1.9 1714 1714 - '@atcute/lexicons': 1.2.5 1715 1715 - 1716 1716 - '@atcute/client@3.1.0': {} 1717 1717 - 1718 1718 - '@atcute/lexicons@1.2.5': 1719 1719 - dependencies: 1720 1720 - '@standard-schema/spec': 1.0.0 1721 1721 - esm-env: 1.2.2 1722 1722 - 1723 1723 - '@babel/code-frame@7.27.1': 1724 1724 - dependencies: 1725 1725 - '@babel/helper-validator-identifier': 7.28.5 1726 1726 - js-tokens: 4.0.0 1727 1727 - picocolors: 1.1.1 1728 1728 - 1729 1729 - '@babel/compat-data@7.28.5': {} 1730 1730 - 1731 1731 - '@babel/core@7.28.5': 1732 1732 - dependencies: 1733 1733 - '@babel/code-frame': 7.27.1 1734 1734 - '@babel/generator': 7.28.5 1735 1735 - '@babel/helper-compilation-targets': 7.27.2 1736 1736 - '@babel/helper-module-transforms': 7.28.3(@babel/core@7.28.5) 1737 1737 - '@babel/helpers': 7.28.4 1738 1738 - '@babel/parser': 7.28.5 1739 1739 - '@babel/template': 7.27.2 1740 1740 - '@babel/traverse': 7.28.5 1741 1741 - '@babel/types': 7.28.5 1742 1742 - '@jridgewell/remapping': 2.3.5 1743 1743 - convert-source-map: 2.0.0 1744 1744 - debug: 4.4.3 1745 1745 - gensync: 1.0.0-beta.2 1746 1746 - json5: 2.2.3 1747 1747 - semver: 6.3.1 1748 1748 - transitivePeerDependencies: 1749 1749 - - supports-color 1750 1750 - 1751 1751 - '@babel/generator@7.28.5': 1752 1752 - dependencies: 1753 1753 - '@babel/parser': 7.28.5 1754 1754 - '@babel/types': 7.28.5 1755 1755 - '@jridgewell/gen-mapping': 0.3.13 1756 1756 - '@jridgewell/trace-mapping': 0.3.31 1757 1757 - jsesc: 3.1.0 1758 1758 - 1759 1759 - '@babel/helper-annotate-as-pure@7.27.3': 1760 1760 - dependencies: 1761 1761 - '@babel/types': 7.28.5 1762 1762 - 1763 1763 - '@babel/helper-compilation-targets@7.27.2': 1764 1764 - dependencies: 1765 1765 - '@babel/compat-data': 7.28.5 1766 1766 - '@babel/helper-validator-option': 7.27.1 1767 1767 - browserslist: 4.28.1 1768 1768 - lru-cache: 5.1.1 1769 1769 - semver: 6.3.1 1770 1770 - 1771 1771 - '@babel/helper-globals@7.28.0': {} 1772 1772 - 1773 1773 - '@babel/helper-module-imports@7.27.1': 1774 1774 - dependencies: 1775 1775 - '@babel/traverse': 7.28.5 1776 1776 - '@babel/types': 7.28.5 1777 1777 - transitivePeerDependencies: 1778 1778 - - supports-color 1779 1779 - 1780 1780 - '@babel/helper-module-transforms@7.28.3(@babel/core@7.28.5)': 1781 1781 - dependencies: 1782 1782 - '@babel/core': 7.28.5 1783 1783 - '@babel/helper-module-imports': 7.27.1 1784 1784 - '@babel/helper-validator-identifier': 7.28.5 1785 1785 - '@babel/traverse': 7.28.5 1786 1786 - transitivePeerDependencies: 1787 1787 - - supports-color 1788 1788 - 1789 1789 - '@babel/helper-plugin-utils@7.27.1': {} 1790 1790 - 1791 1791 - '@babel/helper-string-parser@7.27.1': {} 1792 1792 - 1793 1793 - '@babel/helper-validator-identifier@7.28.5': {} 1794 1794 - 1795 1795 - '@babel/helper-validator-option@7.27.1': {} 1796 1796 - 1797 1797 - '@babel/helpers@7.28.4': 1798 1798 - dependencies: 1799 1799 - '@babel/template': 7.27.2 1800 1800 - '@babel/types': 7.28.5 1801 1801 - 1802 1802 - '@babel/parser@7.28.5': 1803 1803 - dependencies: 1804 1804 - '@babel/types': 7.28.5 1805 1805 - 1806 1806 - '@babel/plugin-syntax-jsx@7.27.1(@babel/core@7.28.5)': 1807 1807 - dependencies: 1808 1808 - '@babel/core': 7.28.5 1809 1809 - '@babel/helper-plugin-utils': 7.27.1 1810 1810 - 1811 1811 - '@babel/plugin-transform-react-jsx-development@7.27.1(@babel/core@7.28.5)': 1812 1812 - dependencies: 1813 1813 - '@babel/core': 7.28.5 1814 1814 - '@babel/plugin-transform-react-jsx': 7.27.1(@babel/core@7.28.5) 1815 1815 - transitivePeerDependencies: 1816 1816 - - supports-color 1817 1817 - 1818 1818 - '@babel/plugin-transform-react-jsx@7.27.1(@babel/core@7.28.5)': 1819 1819 - dependencies: 1820 1820 - '@babel/core': 7.28.5 1821 1821 - '@babel/helper-annotate-as-pure': 7.27.3 1822 1822 - '@babel/helper-module-imports': 7.27.1 1823 1823 - '@babel/helper-plugin-utils': 7.27.1 1824 1824 - '@babel/plugin-syntax-jsx': 7.27.1(@babel/core@7.28.5) 1825 1825 - '@babel/types': 7.28.5 1826 1826 - transitivePeerDependencies: 1827 1827 - - supports-color 1828 1828 - 1829 1829 - '@babel/runtime@7.28.4': {} 1830 1830 - 1831 1831 - '@babel/template@7.27.2': 1832 1832 - dependencies: 1833 1833 - '@babel/code-frame': 7.27.1 1834 1834 - '@babel/parser': 7.28.5 1835 1835 - '@babel/types': 7.28.5 1836 1836 - 1837 1837 - '@babel/traverse@7.28.5': 1838 1838 - dependencies: 1839 1839 - '@babel/code-frame': 7.27.1 1840 1840 - '@babel/generator': 7.28.5 1841 1841 - '@babel/helper-globals': 7.28.0 1842 1842 - '@babel/parser': 7.28.5 1843 1843 - '@babel/template': 7.27.2 1844 1844 - '@babel/types': 7.28.5 1845 1845 - debug: 4.4.3 1846 1846 - transitivePeerDependencies: 1847 1847 - - supports-color 1848 1848 - 1849 1849 - '@babel/types@7.28.5': 1850 1850 - dependencies: 1851 1851 - '@babel/helper-string-parser': 7.27.1 1852 1852 - '@babel/helper-validator-identifier': 7.28.5 1853 1853 - 1854 1854 - '@changesets/apply-release-plan@7.0.14': 1855 1855 - dependencies: 1856 1856 - '@changesets/config': 3.1.2 1857 1857 - '@changesets/get-version-range-type': 0.4.0 1858 1858 - '@changesets/git': 3.0.4 1859 1859 - '@changesets/should-skip-package': 0.1.2 1860 1860 - '@changesets/types': 6.1.0 1861 1861 - '@manypkg/get-packages': 1.1.3 1862 1862 - detect-indent: 6.1.0 1863 1863 - fs-extra: 7.0.1 1864 1864 - lodash.startcase: 4.4.0 1865 1865 - outdent: 0.5.0 1866 1866 - prettier: 2.8.8 1867 1867 - resolve-from: 5.0.0 1868 1868 - semver: 7.7.3 1869 1869 - 1870 1870 - '@changesets/assemble-release-plan@6.0.9': 1871 1871 - dependencies: 1872 1872 - '@changesets/errors': 0.2.0 1873 1873 - '@changesets/get-dependents-graph': 2.1.3 1874 1874 - '@changesets/should-skip-package': 0.1.2 1875 1875 - '@changesets/types': 6.1.0 1876 1876 - '@manypkg/get-packages': 1.1.3 1877 1877 - semver: 7.7.3 1878 1878 - 1879 1879 - '@changesets/changelog-git@0.2.1': 1880 1880 - dependencies: 1881 1881 - '@changesets/types': 6.1.0 1882 1882 - 1883 1883 - '@changesets/cli@2.29.8(@types/node@24.10.1)': 1884 1884 - dependencies: 1885 1885 - '@changesets/apply-release-plan': 7.0.14 1886 1886 - '@changesets/assemble-release-plan': 6.0.9 1887 1887 - '@changesets/changelog-git': 0.2.1 1888 1888 - '@changesets/config': 3.1.2 1889 1889 - '@changesets/errors': 0.2.0 1890 1890 - '@changesets/get-dependents-graph': 2.1.3 1891 1891 - '@changesets/get-release-plan': 4.0.14 1892 1892 - '@changesets/git': 3.0.4 1893 1893 - '@changesets/logger': 0.1.1 1894 1894 - '@changesets/pre': 2.0.2 1895 1895 - '@changesets/read': 0.6.6 1896 1896 - '@changesets/should-skip-package': 0.1.2 1897 1897 - '@changesets/types': 6.1.0 1898 1898 - '@changesets/write': 0.4.0 1899 1899 - '@inquirer/external-editor': 1.0.3(@types/node@24.10.1) 1900 1900 - '@manypkg/get-packages': 1.1.3 1901 1901 - ansi-colors: 4.1.3 1902 1902 - ci-info: 3.9.0 1903 1903 - enquirer: 2.4.1 1904 1904 - fs-extra: 7.0.1 1905 1905 - mri: 1.2.0 1906 1906 - p-limit: 2.3.0 1907 1907 - package-manager-detector: 0.2.11 1908 1908 - picocolors: 1.1.1 1909 1909 - resolve-from: 5.0.0 1910 1910 - semver: 7.7.3 1911 1911 - spawndamnit: 3.0.1 1912 1912 - term-size: 2.2.1 1913 1913 - transitivePeerDependencies: 1914 1914 - - '@types/node' 1915 1915 - 1916 1916 - '@changesets/config@3.1.2': 1917 1917 - dependencies: 1918 1918 - '@changesets/errors': 0.2.0 1919 1919 - '@changesets/get-dependents-graph': 2.1.3 1920 1920 - '@changesets/logger': 0.1.1 1921 1921 - '@changesets/types': 6.1.0 1922 1922 - '@manypkg/get-packages': 1.1.3 1923 1923 - fs-extra: 7.0.1 1924 1924 - micromatch: 4.0.8 1925 1925 - 1926 1926 - '@changesets/errors@0.2.0': 1927 1927 - dependencies: 1928 1928 - extendable-error: 0.1.7 1929 1929 - 1930 1930 - '@changesets/get-dependents-graph@2.1.3': 1931 1931 - dependencies: 1932 1932 - '@changesets/types': 6.1.0 1933 1933 - '@manypkg/get-packages': 1.1.3 1934 1934 - picocolors: 1.1.1 1935 1935 - semver: 7.7.3 1936 1936 - 1937 1937 - '@changesets/get-release-plan@4.0.14': 1938 1938 - dependencies: 1939 1939 - '@changesets/assemble-release-plan': 6.0.9 1940 1940 - '@changesets/config': 3.1.2 1941 1941 - '@changesets/pre': 2.0.2 1942 1942 - '@changesets/read': 0.6.6 1943 1943 - '@changesets/types': 6.1.0 1944 1944 - '@manypkg/get-packages': 1.1.3 1945 1945 - 1946 1946 - '@changesets/get-version-range-type@0.4.0': {} 1947 1947 - 1948 1948 - '@changesets/git@3.0.4': 1949 1949 - dependencies: 1950 1950 - '@changesets/errors': 0.2.0 1951 1951 - '@manypkg/get-packages': 1.1.3 1952 1952 - is-subdir: 1.2.0 1953 1953 - micromatch: 4.0.8 1954 1954 - spawndamnit: 3.0.1 1955 1955 - 1956 1956 - '@changesets/logger@0.1.1': 1957 1957 - dependencies: 1958 1958 - picocolors: 1.1.1 1959 1959 - 1960 1960 - '@changesets/parse@0.4.2': 1961 1961 - dependencies: 1962 1962 - '@changesets/types': 6.1.0 1963 1963 - js-yaml: 4.1.1 1964 1964 - 1965 1965 - '@changesets/pre@2.0.2': 1966 1966 - dependencies: 1967 1967 - '@changesets/errors': 0.2.0 1968 1968 - '@changesets/types': 6.1.0 1969 1969 - '@manypkg/get-packages': 1.1.3 1970 1970 - fs-extra: 7.0.1 1971 1971 - 1972 1972 - '@changesets/read@0.6.6': 1973 1973 - dependencies: 1974 1974 - '@changesets/git': 3.0.4 1975 1975 - '@changesets/logger': 0.1.1 1976 1976 - '@changesets/parse': 0.4.2 1977 1977 - '@changesets/types': 6.1.0 1978 1978 - fs-extra: 7.0.1 1979 1979 - p-filter: 2.1.0 1980 1980 - picocolors: 1.1.1 1981 1981 - 1982 1982 - '@changesets/should-skip-package@0.1.2': 1983 1983 - dependencies: 1984 1984 - '@changesets/types': 6.1.0 1985 1985 - '@manypkg/get-packages': 1.1.3 1986 1986 - 1987 1987 - '@changesets/types@4.1.0': {} 1988 1988 - 1989 1989 - '@changesets/types@6.1.0': {} 1990 1990 - 1991 1991 - '@changesets/write@0.4.0': 1992 1992 - dependencies: 1993 1993 - '@changesets/types': 6.1.0 1994 1994 - fs-extra: 7.0.1 1995 1995 - human-id: 4.1.3 1996 1996 - prettier: 2.8.8 1997 1997 - 1998 1998 - '@esbuild/aix-ppc64@0.25.12': 1999 1999 - optional: true 2000 2000 - 2001 2001 - '@esbuild/android-arm64@0.25.12': 2002 2002 - optional: true 2003 2003 - 2004 2004 - '@esbuild/android-arm@0.25.12': 2005 2005 - optional: true 2006 2006 - 2007 2007 - '@esbuild/android-x64@0.25.12': 2008 2008 - optional: true 2009 2009 - 2010 2010 - '@esbuild/darwin-arm64@0.25.12': 2011 2011 - optional: true 2012 2012 - 2013 2013 - '@esbuild/darwin-x64@0.25.12': 2014 2014 - optional: true 2015 2015 - 2016 2016 - '@esbuild/freebsd-arm64@0.25.12': 2017 2017 - optional: true 2018 2018 - 2019 2019 - '@esbuild/freebsd-x64@0.25.12': 2020 2020 - optional: true 2021 2021 - 2022 2022 - '@esbuild/linux-arm64@0.25.12': 2023 2023 - optional: true 2024 2024 - 2025 2025 - '@esbuild/linux-arm@0.25.12': 2026 2026 - optional: true 2027 2027 - 2028 2028 - '@esbuild/linux-ia32@0.25.12': 2029 2029 - optional: true 2030 2030 - 2031 2031 - '@esbuild/linux-loong64@0.25.12': 2032 2032 - optional: true 2033 2033 - 2034 2034 - '@esbuild/linux-mips64el@0.25.12': 2035 2035 - optional: true 2036 2036 - 2037 2037 - '@esbuild/linux-ppc64@0.25.12': 2038 2038 - optional: true 2039 2039 - 2040 2040 - '@esbuild/linux-riscv64@0.25.12': 2041 2041 - optional: true 2042 2042 - 2043 2043 - '@esbuild/linux-s390x@0.25.12': 2044 2044 - optional: true 2045 2045 - 2046 2046 - '@esbuild/linux-x64@0.25.12': 2047 2047 - optional: true 2048 2048 - 2049 2049 - '@esbuild/netbsd-arm64@0.25.12': 2050 2050 - optional: true 2051 2051 - 2052 2052 - '@esbuild/netbsd-x64@0.25.12': 2053 2053 - optional: true 2054 2054 - 2055 2055 - '@esbuild/openbsd-arm64@0.25.12': 2056 2056 - optional: true 2057 2057 - 2058 2058 - '@esbuild/openbsd-x64@0.25.12': 2059 2059 - optional: true 2060 2060 - 2061 2061 - '@esbuild/openharmony-arm64@0.25.12': 2062 2062 - optional: true 2063 2063 - 2064 2064 - '@esbuild/sunos-x64@0.25.12': 2065 2065 - optional: true 2066 2066 - 2067 2067 - '@esbuild/win32-arm64@0.25.12': 2068 2068 - optional: true 2069 2069 - 2070 2070 - '@esbuild/win32-ia32@0.25.12': 2071 2071 - optional: true 2072 2072 - 2073 2073 - '@esbuild/win32-x64@0.25.12': 2074 2074 - optional: true 2075 2075 - 2076 2076 - '@inquirer/external-editor@1.0.3(@types/node@24.10.1)': 2077 2077 - dependencies: 2078 2078 - chardet: 2.1.1 2079 2079 - iconv-lite: 0.7.0 2080 2080 - optionalDependencies: 2081 2081 - '@types/node': 24.10.1 2082 2082 - 2083 2083 - '@isaacs/balanced-match@4.0.1': {} 2084 2084 - 2085 2085 - '@isaacs/brace-expansion@5.0.0': 2086 2086 - dependencies: 2087 2087 - '@isaacs/balanced-match': 4.0.1 2088 2088 - 2089 2089 - '@jridgewell/gen-mapping@0.3.13': 2090 2090 - dependencies: 2091 2091 - '@jridgewell/sourcemap-codec': 1.5.5 2092 2092 - '@jridgewell/trace-mapping': 0.3.31 2093 2093 - 2094 2094 - '@jridgewell/remapping@2.3.5': 2095 2095 - dependencies: 2096 2096 - '@jridgewell/gen-mapping': 0.3.13 2097 2097 - '@jridgewell/trace-mapping': 0.3.31 2098 2098 - 2099 2099 - '@jridgewell/resolve-uri@3.1.2': {} 2100 2100 - 2101 2101 - '@jridgewell/source-map@0.3.11': 2102 2102 - dependencies: 2103 2103 - '@jridgewell/gen-mapping': 0.3.13 2104 2104 - '@jridgewell/trace-mapping': 0.3.31 2105 2105 - 2106 2106 - '@jridgewell/sourcemap-codec@1.5.5': {} 2107 2107 - 2108 2108 - '@jridgewell/trace-mapping@0.3.31': 2109 2109 - dependencies: 2110 2110 - '@jridgewell/resolve-uri': 3.1.2 2111 2111 - '@jridgewell/sourcemap-codec': 1.5.5 2112 2112 - 2113 2113 - '@manypkg/find-root@1.1.0': 2114 2114 - dependencies: 2115 2115 - '@babel/runtime': 7.28.4 2116 2116 - '@types/node': 12.20.55 2117 2117 - find-up: 4.1.0 2118 2118 - fs-extra: 8.1.0 2119 2119 - 2120 2120 - '@manypkg/get-packages@1.1.3': 2121 2121 - dependencies: 2122 2122 - '@babel/runtime': 7.28.4 2123 2123 - '@changesets/types': 4.1.0 2124 2124 - '@manypkg/find-root': 1.1.0 2125 2125 - fs-extra: 8.1.0 2126 2126 - globby: 11.1.0 2127 2127 - read-yaml-file: 1.1.0 2128 2128 - 2129 2129 - '@microsoft/api-extractor-model@7.32.1(@types/node@24.10.1)': 2130 2130 - dependencies: 2131 2131 - '@microsoft/tsdoc': 0.16.0 2132 2132 - '@microsoft/tsdoc-config': 0.18.0 2133 2133 - '@rushstack/node-core-library': 5.19.0(@types/node@24.10.1) 2134 2134 - transitivePeerDependencies: 2135 2135 - - '@types/node' 2136 2136 - 2137 2137 - '@microsoft/api-extractor@7.55.1(@types/node@24.10.1)': 2138 2138 - dependencies: 2139 2139 - '@microsoft/api-extractor-model': 7.32.1(@types/node@24.10.1) 2140 2140 - '@microsoft/tsdoc': 0.16.0 2141 2141 - '@microsoft/tsdoc-config': 0.18.0 2142 2142 - '@rushstack/node-core-library': 5.19.0(@types/node@24.10.1) 2143 2143 - '@rushstack/rig-package': 0.6.0 2144 2144 - '@rushstack/terminal': 0.19.4(@types/node@24.10.1) 2145 2145 - '@rushstack/ts-command-line': 5.1.4(@types/node@24.10.1) 2146 2146 - diff: 8.0.2 2147 2147 - lodash: 4.17.21 2148 2148 - minimatch: 10.0.3 2149 2149 - resolve: 1.22.11 2150 2150 - semver: 7.5.4 2151 2151 - source-map: 0.6.1 2152 2152 - typescript: 5.8.2 2153 2153 - transitivePeerDependencies: 2154 2154 - - '@types/node' 2155 2155 - 2156 2156 - '@microsoft/tsdoc-config@0.18.0': 2157 2157 - dependencies: 2158 2158 - '@microsoft/tsdoc': 0.16.0 2159 2159 - ajv: 8.12.0 2160 2160 - jju: 1.4.0 2161 2161 - resolve: 1.22.11 2162 2162 - 2163 2163 - '@microsoft/tsdoc@0.16.0': {} 2164 2164 - 2165 2165 - '@nodelib/fs.scandir@2.1.5': 2166 2166 - dependencies: 2167 2167 - '@nodelib/fs.stat': 2.0.5 2168 2168 - run-parallel: 1.2.0 2169 2169 - 2170 2170 - '@nodelib/fs.stat@2.0.5': {} 2171 2171 - 2172 2172 - '@nodelib/fs.walk@1.2.8': 2173 2173 - dependencies: 2174 2174 - '@nodelib/fs.scandir': 2.1.5 2175 2175 - fastq: 1.19.1 2176 2176 - 2177 2177 - '@preact/preset-vite@2.10.2(@babel/core@7.28.5)(preact@10.28.0)(vite@7.2.6(@types/node@24.10.1)(terser@5.44.1))': 2178 2178 - dependencies: 2179 2179 - '@babel/core': 7.28.5 2180 2180 - '@babel/plugin-transform-react-jsx': 7.27.1(@babel/core@7.28.5) 2181 2181 - '@babel/plugin-transform-react-jsx-development': 7.27.1(@babel/core@7.28.5) 2182 2182 - '@prefresh/vite': 2.4.11(preact@10.28.0)(vite@7.2.6(@types/node@24.10.1)(terser@5.44.1)) 2183 2183 - '@rollup/pluginutils': 4.2.1 2184 2184 - babel-plugin-transform-hook-names: 1.0.2(@babel/core@7.28.5) 2185 2185 - debug: 4.4.3 2186 2186 - picocolors: 1.1.1 2187 2187 - vite: 7.2.6(@types/node@24.10.1)(terser@5.44.1) 2188 2188 - vite-prerender-plugin: 0.5.12(vite@7.2.6(@types/node@24.10.1)(terser@5.44.1)) 2189 2189 - transitivePeerDependencies: 2190 2190 - - preact 2191 2191 - - supports-color 2192 2192 - 2193 2193 - '@prefresh/babel-plugin@0.5.2': {} 2194 2194 - 2195 2195 - '@prefresh/core@1.5.9(preact@10.28.0)': 2196 2196 - dependencies: 2197 2197 - preact: 10.28.0 2198 2198 - 2199 2199 - '@prefresh/utils@1.2.1': {} 2200 2200 - 2201 2201 - '@prefresh/vite@2.4.11(preact@10.28.0)(vite@7.2.6(@types/node@24.10.1)(terser@5.44.1))': 2202 2202 - dependencies: 2203 2203 - '@babel/core': 7.28.5 2204 2204 - '@prefresh/babel-plugin': 0.5.2 2205 2205 - '@prefresh/core': 1.5.9(preact@10.28.0) 2206 2206 - '@prefresh/utils': 1.2.1 2207 2207 - '@rollup/pluginutils': 4.2.1 2208 2208 - preact: 10.28.0 2209 2209 - vite: 7.2.6(@types/node@24.10.1)(terser@5.44.1) 2210 2210 - transitivePeerDependencies: 2211 2211 - - supports-color 2212 2212 - 2213 2213 - '@rollup/pluginutils@4.2.1': 2214 2214 - dependencies: 2215 2215 - estree-walker: 2.0.2 2216 2216 - picomatch: 2.3.1 2217 2217 - 2218 2218 - '@rollup/pluginutils@5.3.0(rollup@4.53.3)': 2219 2219 - dependencies: 2220 2220 - '@types/estree': 1.0.8 2221 2221 - estree-walker: 2.0.2 2222 2222 - picomatch: 4.0.3 2223 2223 - optionalDependencies: 2224 2224 - rollup: 4.53.3 2225 2225 - 2226 2226 - '@rollup/rollup-android-arm-eabi@4.53.3': 2227 2227 - optional: true 2228 2228 - 2229 2229 - '@rollup/rollup-android-arm64@4.53.3': 2230 2230 - optional: true 2231 2231 - 2232 2232 - '@rollup/rollup-darwin-arm64@4.53.3': 2233 2233 - optional: true 2234 2234 - 2235 2235 - '@rollup/rollup-darwin-x64@4.53.3': 2236 2236 - optional: true 2237 2237 - 2238 2238 - '@rollup/rollup-freebsd-arm64@4.53.3': 2239 2239 - optional: true 2240 2240 - 2241 2241 - '@rollup/rollup-freebsd-x64@4.53.3': 2242 2242 - optional: true 2243 2243 - 2244 2244 - '@rollup/rollup-linux-arm-gnueabihf@4.53.3': 2245 2245 - optional: true 2246 2246 - 2247 2247 - '@rollup/rollup-linux-arm-musleabihf@4.53.3': 2248 2248 - optional: true 2249 2249 - 2250 2250 - '@rollup/rollup-linux-arm64-gnu@4.53.3': 2251 2251 - optional: true 2252 2252 - 2253 2253 - '@rollup/rollup-linux-arm64-musl@4.53.3': 2254 2254 - optional: true 2255 2255 - 2256 2256 - '@rollup/rollup-linux-loong64-gnu@4.53.3': 2257 2257 - optional: true 2258 2258 - 2259 2259 - '@rollup/rollup-linux-ppc64-gnu@4.53.3': 2260 2260 - optional: true 2261 2261 - 2262 2262 - '@rollup/rollup-linux-riscv64-gnu@4.53.3': 2263 2263 - optional: true 2264 2264 - 2265 2265 - '@rollup/rollup-linux-riscv64-musl@4.53.3': 2266 2266 - optional: true 2267 2267 - 2268 2268 - '@rollup/rollup-linux-s390x-gnu@4.53.3': 2269 2269 - optional: true 2270 2270 - 2271 2271 - '@rollup/rollup-linux-x64-gnu@4.53.3': 2272 2272 - optional: true 2273 2273 - 2274 2274 - '@rollup/rollup-linux-x64-musl@4.53.3': 2275 2275 - optional: true 2276 2276 - 2277 2277 - '@rollup/rollup-openharmony-arm64@4.53.3': 2278 2278 - optional: true 2279 2279 - 2280 2280 - '@rollup/rollup-win32-arm64-msvc@4.53.3': 2281 2281 - optional: true 2282 2282 - 2283 2283 - '@rollup/rollup-win32-ia32-msvc@4.53.3': 2284 2284 - optional: true 2285 2285 - 2286 2286 - '@rollup/rollup-win32-x64-gnu@4.53.3': 2287 2287 - optional: true 2288 2288 - 2289 2289 - '@rollup/rollup-win32-x64-msvc@4.53.3': 2290 2290 - optional: true 2291 2291 - 2292 2292 - '@rushstack/node-core-library@5.19.0(@types/node@24.10.1)': 2293 2293 - dependencies: 2294 2294 - ajv: 8.13.0 2295 2295 - ajv-draft-04: 1.0.0(ajv@8.13.0) 2296 2296 - ajv-formats: 3.0.1(ajv@8.13.0) 2297 2297 - fs-extra: 11.3.2 2298 2298 - import-lazy: 4.0.0 2299 2299 - jju: 1.4.0 2300 2300 - resolve: 1.22.11 2301 2301 - semver: 7.5.4 2302 2302 - optionalDependencies: 2303 2303 - '@types/node': 24.10.1 2304 2304 - 2305 2305 - '@rushstack/problem-matcher@0.1.1(@types/node@24.10.1)': 2306 2306 - optionalDependencies: 2307 2307 - '@types/node': 24.10.1 2308 2308 - 2309 2309 - '@rushstack/rig-package@0.6.0': 2310 2310 - dependencies: 2311 2311 - resolve: 1.22.11 2312 2312 - strip-json-comments: 3.1.1 2313 2313 - 2314 2314 - '@rushstack/terminal@0.19.4(@types/node@24.10.1)': 2315 2315 - dependencies: 2316 2316 - '@rushstack/node-core-library': 5.19.0(@types/node@24.10.1) 2317 2317 - '@rushstack/problem-matcher': 0.1.1(@types/node@24.10.1) 2318 2318 - supports-color: 8.1.1 2319 2319 - optionalDependencies: 2320 2320 - '@types/node': 24.10.1 2321 2321 - 2322 2322 - '@rushstack/ts-command-line@5.1.4(@types/node@24.10.1)': 2323 2323 - dependencies: 2324 2324 - '@rushstack/terminal': 0.19.4(@types/node@24.10.1) 2325 2325 - '@types/argparse': 1.0.38 2326 2326 - argparse: 1.0.10 2327 2327 - string-argv: 0.3.2 2328 2328 - transitivePeerDependencies: 2329 2329 - - '@types/node' 2330 2330 - 2331 2331 - '@standard-schema/spec@1.0.0': {} 2332 2332 - 2333 2333 - '@sveltejs/acorn-typescript@1.0.8(acorn@8.15.0)': 2334 2334 - dependencies: 2335 2335 - acorn: 8.15.0 2336 2336 - 2337 2337 - '@sveltejs/vite-plugin-svelte-inspector@5.0.1(@sveltejs/vite-plugin-svelte@6.2.1(svelte@5.45.5(patch_hash=0f942ae2231640ac09d0a1e9913071000fffa9bdfe69630d767130d415a78ecd))(vite@7.2.6(@types/node@24.10.1)(terser@5.44.1)))(svelte@5.45.5(patch_hash=0f942ae2231640ac09d0a1e9913071000fffa9bdfe69630d767130d415a78ecd))(vite@7.2.6(@types/node@24.10.1)(terser@5.44.1))': 2338 2338 - dependencies: 2339 2339 - '@sveltejs/vite-plugin-svelte': 6.2.1(svelte@5.45.5(patch_hash=0f942ae2231640ac09d0a1e9913071000fffa9bdfe69630d767130d415a78ecd))(vite@7.2.6(@types/node@24.10.1)(terser@5.44.1)) 2340 2340 - debug: 4.4.3 2341 2341 - svelte: 5.45.5(patch_hash=0f942ae2231640ac09d0a1e9913071000fffa9bdfe69630d767130d415a78ecd) 2342 2342 - vite: 7.2.6(@types/node@24.10.1)(terser@5.44.1) 2343 2343 - transitivePeerDependencies: 2344 2344 - - supports-color 2345 2345 - 2346 2346 - '@sveltejs/vite-plugin-svelte@6.2.1(svelte@5.45.5(patch_hash=0f942ae2231640ac09d0a1e9913071000fffa9bdfe69630d767130d415a78ecd))(vite@7.2.6(@types/node@24.10.1)(terser@5.44.1))': 2347 2347 - dependencies: 2348 2348 - '@sveltejs/vite-plugin-svelte-inspector': 5.0.1(@sveltejs/vite-plugin-svelte@6.2.1(svelte@5.45.5(patch_hash=0f942ae2231640ac09d0a1e9913071000fffa9bdfe69630d767130d415a78ecd))(vite@7.2.6(@types/node@24.10.1)(terser@5.44.1)))(svelte@5.45.5(patch_hash=0f942ae2231640ac09d0a1e9913071000fffa9bdfe69630d767130d415a78ecd))(vite@7.2.6(@types/node@24.10.1)(terser@5.44.1)) 2349 2349 - debug: 4.4.3 2350 2350 - deepmerge: 4.3.1 2351 2351 - magic-string: 0.30.21 2352 2352 - svelte: 5.45.5(patch_hash=0f942ae2231640ac09d0a1e9913071000fffa9bdfe69630d767130d415a78ecd) 2353 2353 - vite: 7.2.6(@types/node@24.10.1)(terser@5.44.1) 2354 2354 - vitefu: 1.1.1(vite@7.2.6(@types/node@24.10.1)(terser@5.44.1)) 2355 2355 - transitivePeerDependencies: 2356 2356 - - supports-color 2357 2357 - 2358 2358 - '@tsconfig/svelte@5.0.6': {} 2359 2359 - 2360 2360 - '@types/argparse@1.0.38': {} 2361 2361 - 2362 2362 - '@types/estree@1.0.8': {} 2363 2363 - 2364 2364 - '@types/node@12.20.55': {} 2365 2365 - 2366 2366 - '@types/node@24.10.1': 2367 2367 - dependencies: 2368 2368 - undici-types: 7.16.0 2369 2369 - 2370 2370 - '@volar/language-core@2.4.26': 2371 2371 - dependencies: 2372 2372 - '@volar/source-map': 2.4.26 2373 2373 - 2374 2374 - '@volar/source-map@2.4.26': {} 2375 2375 - 2376 2376 - '@volar/typescript@2.4.26': 2377 2377 - dependencies: 2378 2378 - '@volar/language-core': 2.4.26 2379 2379 - path-browserify: 1.0.1 2380 2380 - vscode-uri: 3.1.0 2381 2381 - 2382 2382 - '@vue/compiler-core@3.5.25': 2383 2383 - dependencies: 2384 2384 - '@babel/parser': 7.28.5 2385 2385 - '@vue/shared': 3.5.25 2386 2386 - entities: 4.5.0 2387 2387 - estree-walker: 2.0.2 2388 2388 - source-map-js: 1.2.1 2389 2389 - 2390 2390 - '@vue/compiler-dom@3.5.25': 2391 2391 - dependencies: 2392 2392 - '@vue/compiler-core': 3.5.25 2393 2393 - '@vue/shared': 3.5.25 2394 2394 - 2395 2395 - '@vue/compiler-vue2@2.7.16': 2396 2396 - dependencies: 2397 2397 - de-indent: 1.0.2 2398 2398 - he: 1.2.0 2399 2399 - 2400 2400 - '@vue/language-core@2.2.0(typescript@5.8.3)': 2401 2401 - dependencies: 2402 2402 - '@volar/language-core': 2.4.26 2403 2403 - '@vue/compiler-dom': 3.5.25 2404 2404 - '@vue/compiler-vue2': 2.7.16 2405 2405 - '@vue/shared': 3.5.25 2406 2406 - alien-signals: 0.4.14 2407 2407 - minimatch: 9.0.5 2408 2408 - muggle-string: 0.4.1 2409 2409 - path-browserify: 1.0.1 2410 2410 - optionalDependencies: 2411 2411 - typescript: 5.8.3 2412 2412 - 2413 2413 - '@vue/shared@3.5.25': {} 2414 2414 - 2415 2415 - acorn@8.15.0: {} 2416 2416 - 2417 2417 - ajv-draft-04@1.0.0(ajv@8.13.0): 2418 2418 - optionalDependencies: 2419 2419 - ajv: 8.13.0 2420 2420 - 2421 2421 - ajv-formats@3.0.1(ajv@8.13.0): 2422 2422 - optionalDependencies: 2423 2423 - ajv: 8.13.0 2424 2424 - 2425 2425 - ajv@8.12.0: 2426 2426 - dependencies: 2427 2427 - fast-deep-equal: 3.1.3 2428 2428 - json-schema-traverse: 1.0.0 2429 2429 - require-from-string: 2.0.2 2430 2430 - uri-js: 4.4.1 2431 2431 - 2432 2432 - ajv@8.13.0: 2433 2433 - dependencies: 2434 2434 - fast-deep-equal: 3.1.3 2435 2435 - json-schema-traverse: 1.0.0 2436 2436 - require-from-string: 2.0.2 2437 2437 - uri-js: 4.4.1 2438 2438 - 2439 2439 - alien-signals@0.4.14: {} 2440 2440 - 2441 2441 - ansi-colors@4.1.3: {} 2442 2442 - 2443 2443 - ansi-regex@5.0.1: {} 2444 2444 - 2445 2445 - argparse@1.0.10: 2446 2446 - dependencies: 2447 2447 - sprintf-js: 1.0.3 2448 2448 - 2449 2449 - argparse@2.0.1: {} 2450 2450 - 2451 2451 - aria-query@5.3.2: {} 2452 2452 - 2453 2453 - array-union@2.1.0: {} 2454 2454 - 2455 2455 - axobject-query@4.1.0: {} 2456 2456 - 2457 2457 - babel-plugin-transform-hook-names@1.0.2(@babel/core@7.28.5): 2458 2458 - dependencies: 2459 2459 - '@babel/core': 7.28.5 2460 2460 - 2461 2461 - balanced-match@1.0.2: {} 2462 2462 - 2463 2463 - baseline-browser-mapping@2.9.0: {} 2464 2464 - 2465 2465 - better-path-resolve@1.0.0: 2466 2466 - dependencies: 2467 2467 - is-windows: 1.0.2 2468 2468 - 2469 2469 - boolbase@1.0.0: {} 2470 2470 - 2471 2471 - brace-expansion@2.0.2: 2472 2472 - dependencies: 2473 2473 - balanced-match: 1.0.2 2474 2474 - 2475 2475 - braces@3.0.3: 2476 2476 - dependencies: 2477 2477 - fill-range: 7.1.1 2478 2478 - 2479 2479 - browserslist@4.28.1: 2480 2480 - dependencies: 2481 2481 - baseline-browser-mapping: 2.9.0 2482 2482 - caniuse-lite: 1.0.30001759 2483 2483 - electron-to-chromium: 1.5.264 2484 2484 - node-releases: 2.0.27 2485 2485 - update-browserslist-db: 1.2.1(browserslist@4.28.1) 2486 2486 - 2487 2487 - buffer-from@1.1.2: {} 2488 2488 - 2489 2489 - caniuse-lite@1.0.30001759: {} 2490 2490 - 2491 2491 - chardet@2.1.1: {} 2492 2492 - 2493 2493 - chokidar@4.0.3: 2494 2494 - dependencies: 2495 2495 - readdirp: 4.1.2 2496 2496 - 2497 2497 - ci-info@3.9.0: {} 2498 2498 - 2499 2499 - clsx@2.1.1: {} 2500 2500 - 2501 2501 - commander@2.20.3: {} 2502 2502 - 2503 2503 - compare-versions@6.1.1: {} 2504 2504 - 2505 2505 - confbox@0.1.8: {} 2506 2506 - 2507 2507 - confbox@0.2.2: {} 2508 2508 - 2509 2509 - convert-source-map@2.0.0: {} 2510 2510 - 2511 2511 - cross-spawn@7.0.6: 2512 2512 - dependencies: 2513 2513 - path-key: 3.1.1 2514 2514 - shebang-command: 2.0.0 2515 2515 - which: 2.0.2 2516 2516 - 2517 2517 - css-declaration-sorter@7.3.0(postcss@8.5.6): 2518 2518 - dependencies: 2519 2519 - postcss: 8.5.6 2520 2520 - 2521 2521 - css-select@5.2.2: 2522 2522 - dependencies: 2523 2523 - boolbase: 1.0.0 2524 2524 - css-what: 6.2.2 2525 2525 - domhandler: 5.0.3 2526 2526 - domutils: 3.2.2 2527 2527 - nth-check: 2.1.1 2528 2528 - 2529 2529 - css-what@6.2.2: {} 2530 2530 - 2531 2531 - de-indent@1.0.2: {} 2532 2532 - 2533 2533 - debug@4.4.3: 2534 2534 - dependencies: 2535 2535 - ms: 2.1.3 2536 2536 - 2537 2537 - deepmerge@4.3.1: {} 2538 2538 - 2539 2539 - detect-indent@6.1.0: {} 2540 2540 - 2541 2541 - devalue@5.5.0: {} 2542 2542 - 2543 2543 - diff@8.0.2: {} 2544 2544 - 2545 2545 - dir-glob@3.0.1: 2546 2546 - dependencies: 2547 2547 - path-type: 4.0.0 2548 2548 - 2549 2549 - dom-serializer@2.0.0: 2550 2550 - dependencies: 2551 2551 - domelementtype: 2.3.0 2552 2552 - domhandler: 5.0.3 2553 2553 - entities: 4.5.0 2554 2554 - 2555 2555 - domelementtype@2.3.0: {} 2556 2556 - 2557 2557 - domhandler@5.0.3: 2558 2558 - dependencies: 2559 2559 - domelementtype: 2.3.0 2560 2560 - 2561 2561 - domutils@3.2.2: 2562 2562 - dependencies: 2563 2563 - dom-serializer: 2.0.0 2564 2564 - domelementtype: 2.3.0 2565 2565 - domhandler: 5.0.3 2566 2566 - 2567 2567 - electron-to-chromium@1.5.264: {} 2568 2568 - 2569 2569 - enquirer@2.4.1: 2570 2570 - dependencies: 2571 2571 - ansi-colors: 4.1.3 2572 2572 - strip-ansi: 6.0.1 2573 2573 - 2574 2574 - entities@4.5.0: {} 2575 2575 - 2576 2576 - esbuild@0.25.12: 2577 2577 - optionalDependencies: 2578 2578 - '@esbuild/aix-ppc64': 0.25.12 2579 2579 - '@esbuild/android-arm': 0.25.12 2580 2580 - '@esbuild/android-arm64': 0.25.12 2581 2581 - '@esbuild/android-x64': 0.25.12 2582 2582 - '@esbuild/darwin-arm64': 0.25.12 2583 2583 - '@esbuild/darwin-x64': 0.25.12 2584 2584 - '@esbuild/freebsd-arm64': 0.25.12 2585 2585 - '@esbuild/freebsd-x64': 0.25.12 2586 2586 - '@esbuild/linux-arm': 0.25.12 2587 2587 - '@esbuild/linux-arm64': 0.25.12 2588 2588 - '@esbuild/linux-ia32': 0.25.12 2589 2589 - '@esbuild/linux-loong64': 0.25.12 2590 2590 - '@esbuild/linux-mips64el': 0.25.12 2591 2591 - '@esbuild/linux-ppc64': 0.25.12 2592 2592 - '@esbuild/linux-riscv64': 0.25.12 2593 2593 - '@esbuild/linux-s390x': 0.25.12 2594 2594 - '@esbuild/linux-x64': 0.25.12 2595 2595 - '@esbuild/netbsd-arm64': 0.25.12 2596 2596 - '@esbuild/netbsd-x64': 0.25.12 2597 2597 - '@esbuild/openbsd-arm64': 0.25.12 2598 2598 - '@esbuild/openbsd-x64': 0.25.12 2599 2599 - '@esbuild/openharmony-arm64': 0.25.12 2600 2600 - '@esbuild/sunos-x64': 0.25.12 2601 2601 - '@esbuild/win32-arm64': 0.25.12 2602 2602 - '@esbuild/win32-ia32': 0.25.12 2603 2603 - '@esbuild/win32-x64': 0.25.12 2604 2604 - 2605 2605 - escalade@3.2.0: {} 2606 2606 - 2607 2607 - esm-env@1.2.2: {} 2608 2608 - 2609 2609 - esprima@4.0.1: {} 2610 2610 - 2611 2611 - esrap@2.2.1: 2612 2612 - dependencies: 2613 2613 - '@jridgewell/sourcemap-codec': 1.5.5 2614 2614 - 2615 2615 - estree-walker@2.0.2: {} 2616 2616 - 2617 2617 - exsolve@1.0.8: {} 2618 2618 - 2619 2619 - extendable-error@0.1.7: {} 2620 2620 - 2621 2621 - fast-deep-equal@3.1.3: {} 2622 2622 - 2623 2623 - fast-glob@3.3.3: 2624 2624 - dependencies: 2625 2625 - '@nodelib/fs.stat': 2.0.5 2626 2626 - '@nodelib/fs.walk': 1.2.8 2627 2627 - glob-parent: 5.1.2 2628 2628 - merge2: 1.4.1 2629 2629 - micromatch: 4.0.8 2630 2630 - 2631 2631 - fastq@1.19.1: 2632 2632 - dependencies: 2633 2633 - reusify: 1.1.0 2634 2634 - 2635 2635 - fdir@6.5.0(picomatch@4.0.3): 2636 2636 - optionalDependencies: 2637 2637 - picomatch: 4.0.3 2638 2638 - 2639 2639 - fill-range@7.1.1: 2640 2640 - dependencies: 2641 2641 - to-regex-range: 5.0.1 2642 2642 - 2643 2643 - find-up@4.1.0: 2644 2644 - dependencies: 2645 2645 - locate-path: 5.0.0 2646 2646 - path-exists: 4.0.0 2647 2647 - 2648 2648 - fs-extra@11.3.2: 2649 2649 - dependencies: 2650 2650 - graceful-fs: 4.2.11 2651 2651 - jsonfile: 6.2.0 2652 2652 - universalify: 2.0.1 2653 2653 - 2654 2654 - fs-extra@7.0.1: 2655 2655 - dependencies: 2656 2656 - graceful-fs: 4.2.11 2657 2657 - jsonfile: 4.0.0 2658 2658 - universalify: 0.1.2 2659 2659 - 2660 2660 - fs-extra@8.1.0: 2661 2661 - dependencies: 2662 2662 - graceful-fs: 4.2.11 2663 2663 - jsonfile: 4.0.0 2664 2664 - universalify: 0.1.2 2665 2665 - 2666 2666 - fsevents@2.3.3: 2667 2667 - optional: true 2668 2668 - 2669 2669 - function-bind@1.1.2: {} 2670 2670 - 2671 2671 - gensync@1.0.0-beta.2: {} 2672 2672 - 2673 2673 - glob-parent@5.1.2: 2674 2674 - dependencies: 2675 2675 - is-glob: 4.0.3 2676 2676 - 2677 2677 - globby@11.1.0: 2678 2678 - dependencies: 2679 2679 - array-union: 2.1.0 2680 2680 - dir-glob: 3.0.1 2681 2681 - fast-glob: 3.3.3 2682 2682 - ignore: 5.3.2 2683 2683 - merge2: 1.4.1 2684 2684 - slash: 3.0.0 2685 2685 - 2686 2686 - graceful-fs@4.2.11: {} 2687 2687 - 2688 2688 - has-flag@4.0.0: {} 2689 2689 - 2690 2690 - hasown@2.0.2: 2691 2691 - dependencies: 2692 2692 - function-bind: 1.1.2 2693 2693 - 2694 2694 - he@1.2.0: {} 2695 2695 - 2696 2696 - human-id@4.1.3: {} 2697 2697 - 2698 2698 - iconv-lite@0.7.0: 2699 2699 - dependencies: 2700 2700 - safer-buffer: 2.1.2 2701 2701 - 2702 2702 - ignore@5.3.2: {} 2703 2703 - 2704 2704 - import-lazy@4.0.0: {} 2705 2705 - 2706 2706 - is-core-module@2.16.1: 2707 2707 - dependencies: 2708 2708 - hasown: 2.0.2 2709 2709 - 2710 2710 - is-extglob@2.1.1: {} 2711 2711 - 2712 2712 - is-glob@4.0.3: 2713 2713 - dependencies: 2714 2714 - is-extglob: 2.1.1 2715 2715 - 2716 2716 - is-number@7.0.0: {} 2717 2717 - 2718 2718 - is-reference@3.0.3: 2719 2719 - dependencies: 2720 2720 - '@types/estree': 1.0.8 2721 2721 - 2722 2722 - is-subdir@1.2.0: 2723 2723 - dependencies: 2724 2724 - better-path-resolve: 1.0.0 2725 2725 - 2726 2726 - is-windows@1.0.2: {} 2727 2727 - 2728 2728 - isexe@2.0.0: {} 2729 2729 - 2730 2730 - jju@1.4.0: {} 2731 2731 - 2732 2732 - js-tokens@4.0.0: {} 2733 2733 - 2734 2734 - js-yaml@3.14.2: 2735 2735 - dependencies: 2736 2736 - argparse: 1.0.10 2737 2737 - esprima: 4.0.1 2738 2738 - 2739 2739 - js-yaml@4.1.1: 2740 2740 - dependencies: 2741 2741 - argparse: 2.0.1 2742 2742 - 2743 2743 - jsesc@3.1.0: {} 2744 2744 - 2745 2745 - json-schema-traverse@1.0.0: {} 2746 2746 - 2747 2747 - json5@2.2.3: {} 2748 2748 - 2749 2749 - jsonfile@4.0.0: 2750 2750 - optionalDependencies: 2751 2751 - graceful-fs: 4.2.11 2752 2752 - 2753 2753 - jsonfile@6.2.0: 2754 2754 - dependencies: 2755 2755 - universalify: 2.0.1 2756 2756 - optionalDependencies: 2757 2757 - graceful-fs: 4.2.11 2758 2758 - 2759 2759 - kolorist@1.8.0: {} 2760 2760 - 2761 2761 - local-pkg@1.1.2: 2762 2762 - dependencies: 2763 2763 - mlly: 1.8.0 2764 2764 - pkg-types: 2.3.0 2765 2765 - quansync: 0.2.11 2766 2766 - 2767 2767 - locate-character@3.0.0: {} 2768 2768 - 2769 2769 - locate-path@5.0.0: 2770 2770 - dependencies: 2771 2771 - p-locate: 4.1.0 2772 2772 - 2773 2773 - lodash.startcase@4.4.0: {} 2774 2774 - 2775 2775 - lodash@4.17.21: {} 2776 2776 - 2777 2777 - lru-cache@5.1.1: 2778 2778 - dependencies: 2779 2779 - yallist: 3.1.1 2780 2780 - 2781 2781 - lru-cache@6.0.0: 2782 2782 - dependencies: 2783 2783 - yallist: 4.0.0 2784 2784 - 2785 2785 - magic-string@0.30.21: 2786 2786 - dependencies: 2787 2787 - '@jridgewell/sourcemap-codec': 1.5.5 2788 2788 - 2789 2789 - merge2@1.4.1: {} 2790 2790 - 2791 2791 - micromatch@4.0.8: 2792 2792 - dependencies: 2793 2793 - braces: 3.0.3 2794 2794 - picomatch: 2.3.1 2795 2795 - 2796 2796 - minimatch@10.0.3: 2797 2797 - dependencies: 2798 2798 - '@isaacs/brace-expansion': 5.0.0 2799 2799 - 2800 2800 - minimatch@9.0.5: 2801 2801 - dependencies: 2802 2802 - brace-expansion: 2.0.2 2803 2803 - 2804 2804 - mlly@1.8.0: 2805 2805 - dependencies: 2806 2806 - acorn: 8.15.0 2807 2807 - pathe: 2.0.3 2808 2808 - pkg-types: 1.3.1 2809 2809 - ufo: 1.6.1 2810 2810 - 2811 2811 - mri@1.2.0: {} 2812 2812 - 2813 2813 - ms@2.1.3: {} 2814 2814 - 2815 2815 - muggle-string@0.4.1: {} 2816 2816 - 2817 2817 - nanoid@3.3.11: {} 2818 2818 - 2819 2819 - node-html-parser@6.1.13: 2820 2820 - dependencies: 2821 2821 - css-select: 5.2.2 2822 2822 - he: 1.2.0 2823 2823 - 2824 2824 - node-releases@2.0.27: {} 2825 2825 - 2826 2826 - nth-check@2.1.1: 2827 2827 - dependencies: 2828 2828 - boolbase: 1.0.0 2829 2829 - 2830 2830 - outdent@0.5.0: {} 2831 2831 - 2832 2832 - p-filter@2.1.0: 2833 2833 - dependencies: 2834 2834 - p-map: 2.1.0 2835 2835 - 2836 2836 - p-limit@2.3.0: 2837 2837 - dependencies: 2838 2838 - p-try: 2.2.0 2839 2839 - 2840 2840 - p-locate@4.1.0: 2841 2841 - dependencies: 2842 2842 - p-limit: 2.3.0 2843 2843 - 2844 2844 - p-map@2.1.0: {} 2845 2845 - 2846 2846 - p-try@2.2.0: {} 2847 2847 - 2848 2848 - package-manager-detector@0.2.11: 2849 2849 - dependencies: 2850 2850 - quansync: 0.2.11 2851 2851 - 2852 2852 - path-browserify@1.0.1: {} 2853 2853 - 2854 2854 - path-exists@4.0.0: {} 2855 2855 - 2856 2856 - path-key@3.1.1: {} 2857 2857 - 2858 2858 - path-parse@1.0.7: {} 2859 2859 - 2860 2860 - path-type@4.0.0: {} 2861 2861 - 2862 2862 - pathe@2.0.3: {} 2863 2863 - 2864 2864 - picocolors@1.1.1: {} 2865 2865 - 2866 2866 - picomatch@2.3.1: {} 2867 2867 - 2868 2868 - picomatch@4.0.3: {} 2869 2869 - 2870 2870 - pify@4.0.1: {} 2871 2871 - 2872 2872 - pkg-types@1.3.1: 2873 2873 - dependencies: 2874 2874 - confbox: 0.1.8 2875 2875 - mlly: 1.8.0 2876 2876 - pathe: 2.0.3 2877 2877 - 2878 2878 - pkg-types@2.3.0: 2879 2879 - dependencies: 2880 2880 - confbox: 0.2.2 2881 2881 - exsolve: 1.0.8 2882 2882 - pathe: 2.0.3 2883 2883 - 2884 2884 - postcss-less@6.0.0(postcss@8.5.6): 2885 2885 - dependencies: 2886 2886 - postcss: 8.5.6 2887 2887 - 2888 2888 - postcss-scss@4.0.9(postcss@8.5.6): 2889 2889 - dependencies: 2890 2890 - postcss: 8.5.6 2891 2891 - 2892 2892 - postcss@8.5.6: 2893 2893 - dependencies: 2894 2894 - nanoid: 3.3.11 2895 2895 - picocolors: 1.1.1 2896 2896 - source-map-js: 1.2.1 2897 2897 - 2898 2898 - preact@10.28.0: {} 2899 2899 - 2900 2900 - prettier-plugin-css-order@2.1.2(postcss@8.5.6)(prettier@3.7.4): 2901 2901 - dependencies: 2902 2902 - css-declaration-sorter: 7.3.0(postcss@8.5.6) 2903 2903 - postcss-less: 6.0.0(postcss@8.5.6) 2904 2904 - postcss-scss: 4.0.9(postcss@8.5.6) 2905 2905 - prettier: 3.7.4 2906 2906 - transitivePeerDependencies: 2907 2907 - - postcss 2908 2908 - 2909 2909 - prettier-plugin-svelte@3.4.0(prettier@3.7.4)(svelte@5.45.5(patch_hash=0f942ae2231640ac09d0a1e9913071000fffa9bdfe69630d767130d415a78ecd)): 2910 2910 - dependencies: 2911 2911 - prettier: 3.7.4 2912 2912 - svelte: 5.45.5(patch_hash=0f942ae2231640ac09d0a1e9913071000fffa9bdfe69630d767130d415a78ecd) 2913 2913 - 2914 2914 - prettier@2.8.8: {} 2915 2915 - 2916 2916 - prettier@3.7.4: {} 2917 2917 - 2918 2918 - punycode@2.3.1: {} 2919 2919 - 2920 2920 - quansync@0.2.11: {} 2921 2921 - 2922 2922 - queue-microtask@1.2.3: {} 2923 2923 - 2924 2924 - read-yaml-file@1.1.0: 2925 2925 - dependencies: 2926 2926 - graceful-fs: 4.2.11 2927 2927 - js-yaml: 3.14.2 2928 2928 - pify: 4.0.1 2929 2929 - strip-bom: 3.0.0 2930 2930 - 2931 2931 - readdirp@4.1.2: {} 2932 2932 - 2933 2933 - require-from-string@2.0.2: {} 2934 2934 - 2935 2935 - resolve-from@5.0.0: {} 2936 2936 - 2937 2937 - resolve@1.22.11: 2938 2938 - dependencies: 2939 2939 - is-core-module: 2.16.1 2940 2940 - path-parse: 1.0.7 2941 2941 - supports-preserve-symlinks-flag: 1.0.0 2942 2942 - 2943 2943 - reusify@1.1.0: {} 2944 2944 - 2945 2945 - rollup@4.53.3: 2946 2946 - dependencies: 2947 2947 - '@types/estree': 1.0.8 2948 2948 - optionalDependencies: 2949 2949 - '@rollup/rollup-android-arm-eabi': 4.53.3 2950 2950 - '@rollup/rollup-android-arm64': 4.53.3 2951 2951 - '@rollup/rollup-darwin-arm64': 4.53.3 2952 2952 - '@rollup/rollup-darwin-x64': 4.53.3 2953 2953 - '@rollup/rollup-freebsd-arm64': 4.53.3 2954 2954 - '@rollup/rollup-freebsd-x64': 4.53.3 2955 2955 - '@rollup/rollup-linux-arm-gnueabihf': 4.53.3 2956 2956 - '@rollup/rollup-linux-arm-musleabihf': 4.53.3 2957 2957 - '@rollup/rollup-linux-arm64-gnu': 4.53.3 2958 2958 - '@rollup/rollup-linux-arm64-musl': 4.53.3 2959 2959 - '@rollup/rollup-linux-loong64-gnu': 4.53.3 2960 2960 - '@rollup/rollup-linux-ppc64-gnu': 4.53.3 2961 2961 - '@rollup/rollup-linux-riscv64-gnu': 4.53.3 2962 2962 - '@rollup/rollup-linux-riscv64-musl': 4.53.3 2963 2963 - '@rollup/rollup-linux-s390x-gnu': 4.53.3 2964 2964 - '@rollup/rollup-linux-x64-gnu': 4.53.3 2965 2965 - '@rollup/rollup-linux-x64-musl': 4.53.3 2966 2966 - '@rollup/rollup-openharmony-arm64': 4.53.3 2967 2967 - '@rollup/rollup-win32-arm64-msvc': 4.53.3 2968 2968 - '@rollup/rollup-win32-ia32-msvc': 4.53.3 2969 2969 - '@rollup/rollup-win32-x64-gnu': 4.53.3 2970 2970 - '@rollup/rollup-win32-x64-msvc': 4.53.3 2971 2971 - fsevents: 2.3.3 2972 2972 - 2973 2973 - run-parallel@1.2.0: 2974 2974 - dependencies: 2975 2975 - queue-microtask: 1.2.3 2976 2976 - 2977 2977 - sade@1.8.1: 2978 2978 - dependencies: 2979 2979 - mri: 1.2.0 2980 2980 - 2981 2981 - safer-buffer@2.1.2: {} 2982 2982 - 2983 2983 - semver@6.3.1: {} 2984 2984 - 2985 2985 - semver@7.5.4: 2986 2986 - dependencies: 2987 2987 - lru-cache: 6.0.0 2988 2988 - 2989 2989 - semver@7.7.3: {} 2990 2990 - 2991 2991 - shebang-command@2.0.0: 2992 2992 - dependencies: 2993 2993 - shebang-regex: 3.0.0 2994 2994 - 2995 2995 - shebang-regex@3.0.0: {} 2996 2996 - 2997 2997 - signal-exit@4.1.0: {} 2998 2998 - 2999 2999 - simple-code-frame@1.3.0: 3000 3000 - dependencies: 3001 3001 - kolorist: 1.8.0 3002 3002 - 3003 3003 - slash@3.0.0: {} 3004 3004 - 3005 3005 - source-map-js@1.2.1: {} 3006 3006 - 3007 3007 - source-map-support@0.5.21: 3008 3008 - dependencies: 3009 3009 - buffer-from: 1.1.2 3010 3010 - source-map: 0.6.1 3011 3011 - 3012 3012 - source-map@0.6.1: {} 3013 3013 - 3014 3014 - source-map@0.7.6: {} 3015 3015 - 3016 3016 - spawndamnit@3.0.1: 3017 3017 - dependencies: 3018 3018 - cross-spawn: 7.0.6 3019 3019 - signal-exit: 4.1.0 3020 3020 - 3021 3021 - sprintf-js@1.0.3: {} 3022 3022 - 3023 3023 - stack-trace@1.0.0-pre2: {} 3024 3024 - 3025 3025 - string-argv@0.3.2: {} 3026 3026 - 3027 3027 - strip-ansi@6.0.1: 3028 3028 - dependencies: 3029 3029 - ansi-regex: 5.0.1 3030 3030 - 3031 3031 - strip-bom@3.0.0: {} 3032 3032 - 3033 3033 - strip-json-comments@3.1.1: {} 3034 3034 - 3035 3035 - supports-color@8.1.1: 3036 3036 - dependencies: 3037 3037 - has-flag: 4.0.0 3038 3038 - 3039 3039 - supports-preserve-symlinks-flag@1.0.0: {} 3040 3040 - 3041 3041 - svelte-check@4.3.4(picomatch@4.0.3)(svelte@5.45.5(patch_hash=0f942ae2231640ac09d0a1e9913071000fffa9bdfe69630d767130d415a78ecd))(typescript@5.8.3): 3042 3042 - dependencies: 3043 3043 - '@jridgewell/trace-mapping': 0.3.31 3044 3044 - chokidar: 4.0.3 3045 3045 - fdir: 6.5.0(picomatch@4.0.3) 3046 3046 - picocolors: 1.1.1 3047 3047 - sade: 1.8.1 3048 3048 - svelte: 5.45.5(patch_hash=0f942ae2231640ac09d0a1e9913071000fffa9bdfe69630d767130d415a78ecd) 3049 3049 - typescript: 5.8.3 3050 3050 - transitivePeerDependencies: 3051 3051 - - picomatch 3052 3052 - 3053 3053 - svelte@5.45.5(patch_hash=0f942ae2231640ac09d0a1e9913071000fffa9bdfe69630d767130d415a78ecd): 3054 3054 - dependencies: 3055 3055 - '@jridgewell/remapping': 2.3.5 3056 3056 - '@jridgewell/sourcemap-codec': 1.5.5 3057 3057 - '@sveltejs/acorn-typescript': 1.0.8(acorn@8.15.0) 3058 3058 - '@types/estree': 1.0.8 3059 3059 - acorn: 8.15.0 3060 3060 - aria-query: 5.3.2 3061 3061 - axobject-query: 4.1.0 3062 3062 - clsx: 2.1.1 3063 3063 - devalue: 5.5.0 3064 3064 - esm-env: 1.2.2 3065 3065 - esrap: 2.2.1 3066 3066 - is-reference: 3.0.3 3067 3067 - locate-character: 3.0.0 3068 3068 - magic-string: 0.30.21 3069 3069 - zimmerframe: 1.1.4 3070 3070 - 3071 3071 - term-size@2.2.1: {} 3072 3072 - 3073 3073 - terser@5.44.1: 3074 3074 - dependencies: 3075 3075 - '@jridgewell/source-map': 0.3.11 3076 3076 - acorn: 8.15.0 3077 3077 - commander: 2.20.3 3078 3078 - source-map-support: 0.5.21 3079 3079 - 3080 3080 - tinyglobby@0.2.15: 3081 3081 - dependencies: 3082 3082 - fdir: 6.5.0(picomatch@4.0.3) 3083 3083 - picomatch: 4.0.3 3084 3084 - 3085 3085 - to-regex-range@5.0.1: 3086 3086 - dependencies: 3087 3087 - is-number: 7.0.0 3088 3088 - 3089 3089 - tslib@2.8.1: {} 3090 3090 - 3091 3091 - typescript@5.8.2: {} 3092 3092 - 3093 3093 - typescript@5.8.3: {} 3094 3094 - 3095 3095 - ufo@1.6.1: {} 3096 3096 - 3097 3097 - undici-types@7.16.0: {} 3098 3098 - 3099 3099 - universalify@0.1.2: {} 3100 3100 - 3101 3101 - universalify@2.0.1: {} 3102 3102 - 3103 3103 - update-browserslist-db@1.2.1(browserslist@4.28.1): 3104 3104 - dependencies: 3105 3105 - browserslist: 4.28.1 3106 3106 - escalade: 3.2.0 3107 3107 - picocolors: 1.1.1 3108 3108 - 3109 3109 - uri-js@4.4.1: 3110 3110 - dependencies: 3111 3111 - punycode: 2.3.1 3112 3112 - 3113 3113 - vite-plugin-dts@4.5.4(@types/node@24.10.1)(rollup@4.53.3)(typescript@5.8.3)(vite@7.2.6(@types/node@24.10.1)(terser@5.44.1)): 3114 3114 - dependencies: 3115 3115 - '@microsoft/api-extractor': 7.55.1(@types/node@24.10.1) 3116 3116 - '@rollup/pluginutils': 5.3.0(rollup@4.53.3) 3117 3117 - '@volar/typescript': 2.4.26 3118 3118 - '@vue/language-core': 2.2.0(typescript@5.8.3) 3119 3119 - compare-versions: 6.1.1 3120 3120 - debug: 4.4.3 3121 3121 - kolorist: 1.8.0 3122 3122 - local-pkg: 1.1.2 3123 3123 - magic-string: 0.30.21 3124 3124 - typescript: 5.8.3 3125 3125 - optionalDependencies: 3126 3126 - vite: 7.2.6(@types/node@24.10.1)(terser@5.44.1) 3127 3127 - transitivePeerDependencies: 3128 3128 - - '@types/node' 3129 3129 - - rollup 3130 3130 - - supports-color 3131 3131 - 3132 3132 - vite-prerender-plugin@0.5.12(vite@7.2.6(@types/node@24.10.1)(terser@5.44.1)): 3133 3133 - dependencies: 3134 3134 - kolorist: 1.8.0 3135 3135 - magic-string: 0.30.21 3136 3136 - node-html-parser: 6.1.13 3137 3137 - simple-code-frame: 1.3.0 3138 3138 - source-map: 0.7.6 3139 3139 - stack-trace: 1.0.0-pre2 3140 3140 - vite: 7.2.6(@types/node@24.10.1)(terser@5.44.1) 3141 3141 - 3142 3142 - vite@7.2.6(@types/node@24.10.1)(terser@5.44.1): 3143 3143 - dependencies: 3144 3144 - esbuild: 0.25.12 3145 3145 - fdir: 6.5.0(picomatch@4.0.3) 3146 3146 - picomatch: 4.0.3 3147 3147 - postcss: 8.5.6 3148 3148 - rollup: 4.53.3 3149 3149 - tinyglobby: 0.2.15 3150 3150 - optionalDependencies: 3151 3151 - '@types/node': 24.10.1 3152 3152 - fsevents: 2.3.3 3153 3153 - terser: 5.44.1 3154 3154 - 3155 3155 - vitefu@1.1.1(vite@7.2.6(@types/node@24.10.1)(terser@5.44.1)): 3156 3156 - optionalDependencies: 3157 3157 - vite: 7.2.6(@types/node@24.10.1)(terser@5.44.1) 3158 3158 - 3159 3159 - vscode-uri@3.1.0: {} 3160 3160 - 3161 3161 - which@2.0.2: 3162 3162 - dependencies: 3163 3163 - isexe: 2.0.0 3164 3164 - 3165 3165 - yallist@3.1.1: {} 3166 3166 - 3167 3167 - yallist@4.0.0: {} 3168 3168 - 3169 3169 - zimmerframe@1.1.4: {}

-9

pnpm-workspace.yaml

··· 1 1 - packages: 2 2 - - packages/internal 3 3 - - packages/svelte-site 4 4 - - packages/bluesky-post-embed 5 5 - - packages/bluesky-profile-card-embed 6 6 - - packages/bluesky-profile-feed-embed 7 7 - 8 8 - catalog: 9 9 - svelte: ^5.45.5

-19

themes/dark.css

··· 1 1 - .bluesky-embed { 2 2 - --font-size: 16px; 3 3 - --font-family: 4 4 - system-ui, 'Segoe UI', 'Roboto', 'Helvetica', 'Arial', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; 5 5 - --max-feed-height: 600px; 6 6 - } 7 7 - 8 8 - .bluesky-embed { 9 9 - --text-primary: #f1f3f5; 10 10 - --text-secondary: #8c9eb2; 11 11 - --text-link: #1083fe; 12 12 - --background-primary: #000000; 13 13 - --background-secondary: #212d3b; 14 14 - --divider: rgb(37, 51, 66); 15 15 - --divider-hover: rgb(66, 87, 108); 16 16 - --button: #208bfe; 17 17 - --button-text: #ffffff; 18 18 - --button-hover: #4ca2fe; 19 19 - }

-19

themes/dim.css

··· 1 1 - .bluesky-embed { 2 2 - --font-size: 16px; 3 3 - --font-family: 4 4 - system-ui, 'Segoe UI', 'Roboto', 'Helvetica', 'Arial', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; 5 5 - --max-feed-height: 600px; 6 6 - } 7 7 - 8 8 - .bluesky-embed { 9 9 - --text-primary: #f1f3f5; 10 10 - --text-secondary: #aebbc9; 11 11 - --text-link: #1083fe; 12 12 - --background-primary: #161e27; 13 13 - --background-secondary: #212d3b; 14 14 - --divider: #2e4052; 15 15 - --divider-hover: #4a6179; 16 16 - --button: #208bfe; 17 17 - --button-text: #ffffff; 18 18 - --button-hover: #4ca2fe; 19 19 - }

-19

themes/light.css

··· 1 1 - .bluesky-embed { 2 2 - --font-size: 16px; 3 3 - --font-family: 4 4 - system-ui, 'Segoe UI', 'Roboto', 'Helvetica', 'Arial', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; 5 5 - --max-feed-height: 600px; 6 6 - } 7 7 - 8 8 - .bluesky-embed { 9 9 - --text-primary: #000000; 10 10 - --text-secondary: #455668; 11 11 - --text-link: #1083fe; 12 12 - --background-primary: #ffffff; 13 13 - --background-secondary: #455668; 14 14 - --divider-hover: #a9b7c5; 15 15 - --divider: #d4dbe2; 16 16 - --button: #1083fe; 17 17 - --button-text: #ffffff; 18 18 - --button-hover: #0168d5; 19 19 - }