${content}
+
+ `
if (collections.length === 0) {
- return 'Server
+-
+
- DID +
- ${escapeHtml(did)} +
- PDS +
- ${escapeHtml(pds)} +
+
+
+
+ No collections found
' + return serverHtml + 'No collections found
' } // Group by service domain @@ -57,6 +62,7 @@ async function renderServices(did: string, handle: string): PromiseServices
- ${items}
Failed to load: ${err}
` } diff --git a/src/components/discussion.ts b/src/components/discussion.ts new file mode 100644 index 0000000..a94179e --- /dev/null +++ b/src/components/discussion.ts @@ -0,0 +1,87 @@ +import { searchPostsForUrl } from '../lib/api.js' +import { escapeHtml } from '../lib/utils.js' + +// Map network to app URL +export function getAppUrl(network: string): string { + if (network === 'syu.is') { + return 'https://syu.is' + } + return 'https://bsky.app' +} + +function formatDate(dateStr: string): string { + const date = new Date(dateStr) + return date.toLocaleDateString('ja-JP', { + year: 'numeric', + month: '2-digit', + day: '2-digit', + }) +} + +function getPostUrl(uri: string, appUrl: string): string { + // at://did:plc:xxx/app.bsky.feed.post/rkey -> {appUrl}/profile/did:plc:xxx/post/rkey + const parts = uri.replace('at://', '').split('/') + if (parts.length >= 3) { + return `${appUrl}/profile/${parts[0]}/post/${parts[2]}` + } + return '#' +} + +export function renderDiscussionLink(postUrl: string, appUrl: string = 'https://bsky.app'): string { + const searchUrl = `${appUrl}/search?q=${encodeURIComponent(postUrl)}` + return ` +
+
+
+ Discuss on Bluesky
+
+
+
+ `
+}
+
+export async function loadDiscussionPosts(container: HTMLElement, postUrl: string, appUrl: string = 'https://bsky.app'): PromiseLoading...
'
+
+ const posts = await searchPostsForUrl(postUrl)
+
+ if (posts.length === 0) {
+ postsContainer.innerHTML = ''
+ return
+ }
+
+ const postsHtml = posts.slice(0, 10).map(post => {
+ const author = post.author
+ const avatar = author.avatar || ''
+ const displayName = author.displayName || author.handle
+ const handle = author.handle
+ const text = post.record?.text || ''
+ const createdAt = post.record?.createdAt || ''
+ const postLink = getPostUrl(post.uri, effectiveAppUrl)
+
+ return `
+
+
+ ${avatar ? `})
` : ''}
+
+ ${formatDate(createdAt)}
+
+ ${escapeHtml(text)}
+
+ `
+ }).join('')
+
+ postsContainer.innerHTML = postsHtml
+}
diff --git a/src/components/posts.ts b/src/components/posts.ts
index 0ec8aa2..360103e 100644
--- a/src/components/posts.ts
+++ b/src/components/posts.ts
@@ -1,6 +1,8 @@
import type { BlogPost } from '../types.js'
import { putRecord } from '../lib/auth.js'
import { renderMarkdown } from '../lib/markdown.js'
+import { escapeHtml } from '../lib/utils.js'
+import { renderDiscussionLink, loadDiscussionPosts, getAppUrl } from './discussion.js'
function formatDate(dateStr: string): string {
const date = new Date(dateStr)
@@ -11,14 +13,6 @@ function formatDate(dateStr: string): string {
})
}
-function escapeHtml(str: string): string {
- return str
- .replace(/&/g, '&')
- .replace(//g, '>')
- .replace(/"/g, '"')
-}
-
export function mountPostList(container: HTMLElement, posts: BlogPost[]): void {
if (posts.length === 0) {
container.innerHTML = 'No posts yet
' @@ -40,9 +34,11 @@ export function mountPostList(container: HTMLElement, posts: BlogPost[]): void { container.innerHTML = `- ${html}
${renderMarkdown(post.content)}
+ ${renderDiscussionLink(postUrl, appUrl)}
+
`
+ // Load discussion posts
+ loadDiscussionPosts(container, postUrl)
+
if (canEdit) {
const editBtnEl = document.getElementById('edit-btn')
const editFormContainer = document.getElementById('edit-form-container')
diff --git a/src/lib/api.ts b/src/lib/api.ts
index c59f2a3..97afe66 100644
--- a/src/lib/api.ts
+++ b/src/lib/api.ts
@@ -9,7 +9,7 @@ export function setNetworkConfig(config: NetworkConfig): void {
networkConfig = config
}
-function getPlc(): string {
+export function getPlc(): string {
return networkConfig?.plc || 'https://plc.directory'
}
@@ -24,30 +24,81 @@ export function getAgent(service: string): AtpAgent {
return agents.get(service)!
}
+// Fallback PLC directories
+const FALLBACK_PLCS = [
+ 'https://plc.directory',
+ 'https://plc.syu.is',
+]
+
+// Fallback endpoints for handle/profile resolution
+const FALLBACK_ENDPOINTS = [
+ 'https://public.api.bsky.app',
+ 'https://bsky.syu.is',
+]
+
export async function resolvePds(did: string): Promise
+ ${escapeHtml(key)}
+ ✓
+
`
+ }).join('')
+
+ return `
+
+
+
+ `
+}
+
+function updatePdsSelector(): void {
+ const dropdown = document.getElementById('pds-dropdown')
+ if (!dropdown) return
+
+ const options = dropdown.querySelectorAll('.pds-option')
+ options.forEach(opt => {
+ const el = opt as HTMLElement
+ const network = el.dataset.network
+ const isSelected = network === browserNetwork
+ el.classList.toggle('selected', isSelected)
+ })
+}
+
function renderTabs(activeTab: 'blog' | 'browser' | 'new', isLoggedIn: boolean): string {
let tabs = `
Blog
@@ -52,6 +89,8 @@ function renderTabs(activeTab: 'blog' | 'browser' | 'new', isLoggedIn: boolean):
tabs += `Post`
}
+ tabs += renderPdsSelector()
+
return `
+ ${options}
+
+ ${tabs}
`
}
@@ -123,6 +162,12 @@ async function loadBrowserContent(): PromisePost not found
' } @@ -538,8 +642,9 @@ async function render(): Promise