svemagie
70 lines
2.1 KiB
JavaScript
70 lines
2.1 KiB
JavaScript
/**
|
|
* Client-side Bluesky thread fetcher (Alpine.js)
|
|
* Fetches a Bluesky post thread via the public AT Protocol API
|
|
* and renders replies in a nested conversation view.
|
|
*/
|
|
|
|
document.addEventListener("alpine:init", () => {
|
|
Alpine.data("bskyThread", (bskyUrl) => ({
|
|
replies: [],
|
|
loading: true,
|
|
|
|
async init() {
|
|
try {
|
|
const match = bskyUrl.match(/bsky\.app\/profile\/([^/?#]+)\/post\/([^/?#]+)/);
|
|
if (!match) { this.loading = false; return; }
|
|
|
|
const [, actor, rkey] = match;
|
|
const atUri = `at://${actor}/app.bsky.feed.post/${rkey}`;
|
|
const res = await fetch(
|
|
`https://public.api.bsky.app/xrpc/app.bsky.feed.getPostThread?uri=${encodeURIComponent(atUri)}&depth=10`
|
|
);
|
|
|
|
if (!res.ok) throw new Error(`HTTP ${res.status}`);
|
|
const data = await res.json();
|
|
this.replies = this._flatten(data.thread, 0);
|
|
} catch {
|
|
// Fail silently — section stays hidden if loading stays true... no, set empty
|
|
this.replies = [];
|
|
} finally {
|
|
this.loading = false;
|
|
}
|
|
},
|
|
|
|
_flatten(node, depth) {
|
|
const out = [];
|
|
for (const r of (node.replies || [])) {
|
|
if (r.$type !== "app.bsky.feed.defs#threadViewPost") continue;
|
|
const p = r.post;
|
|
const rkey = p.uri.split("/").pop();
|
|
out.push({
|
|
depth: Math.min(depth, 3),
|
|
uri: p.uri,
|
|
url: `https://bsky.app/profile/${p.author.handle}/post/${rkey}`,
|
|
author: {
|
|
name: p.author.displayName || p.author.handle,
|
|
handle: p.author.handle,
|
|
avatar: p.author.avatar || "",
|
|
url: `https://bsky.app/profile/${p.author.handle}`,
|
|
},
|
|
text: p.record.text,
|
|
published: p.record.createdAt,
|
|
likeCount: p.likeCount || 0,
|
|
});
|
|
out.push(...this._flatten(r, depth + 1));
|
|
}
|
|
return out;
|
|
},
|
|
|
|
formatDate(dateStr) {
|
|
try {
|
|
return new Date(dateStr).toLocaleDateString("de-DE", {
|
|
day: "numeric", month: "long", year: "numeric",
|
|
});
|
|
} catch {
|
|
return dateStr;
|
|
}
|
|
},
|
|
}));
|
|
});
|