${escapeHtml(post.title)}
+ +${escapeHtml(post.content)}
+
+ Posts
--
-"#,
- );
-
- for record in &res.records {
- let rkey = record.uri.split('/').last().unwrap();
- index_html.push_str(&format!(
- r#"
- {} -"#, - rkey, record.value.title - )); - - // Generate individual post page - let parser = Parser::new(&record.value.content); - let mut html_output = String::new(); - html::push_html(&mut html_output, parser); - - let post_html = format!( - r#" - - - -
{}
-{}
-
-
-"#,
- record.value.title, record.value.title, html_output
- );
-
- fs::write(format!("./public/posts/{}.html", rkey), post_html)?;
- println!(" ✓ Generated: posts/{}.html", rkey);
- }
-
- index_html.push_str(
- r#" No collections found
' + } + + const items = collections.map(col => { + const service = getServiceInfo(col) + const favicon = service ? `
+
+ `
+}
+
+async function renderRecordList(did: string, handle: string, collection: string): PromiseCollections
+- ${items}
No records found
' + } + + const items = records.map(rec => { + const rkey = extractRkey(rec.uri) + const preview = rec.value.title || rec.value.text?.slice(0, 50) || rkey + return ` +
+
+ `
+}
+
+async function renderRecordDetail(did: string, handle: string, collection: string, rkey: string): Promise${collection}
+${records.length} records
+- ${items}
Record not found
' + } + + const lexicon = await fetchLexicon(collection) + const schemaStatus = lexicon ? 'verified' : 'none' + const schemaLabel = lexicon ? '✓ Schema' : '○ No schema' + const json = JSON.stringify(record, null, 2) + + return ` +
+
+ `
+}
+
+export async function mountAtBrowser(
+ container: HTMLElement,
+ handle: string,
+ collection: string | null,
+ rkey: string | null
+): Promise
+
+ ${collection}
+${record.uri}
+CID: ${record.cid}
+ ${schemaLabel} +
+
+ ${escapeHtml(json)}Loading...
' + + try { + const did = handle.startsWith('did:') ? handle : await resolveHandle(handle) + + let content: string + let nav = '' + + if (collection && rkey) { + nav = `← Back` + content = await renderRecordDetail(did, handle, collection, rkey) + } else if (collection) { + nav = `← Collections` + content = await renderRecordList(did, handle, collection) + } else { + content = await renderCollections(did, handle) + } + + container.innerHTML = nav + content + } catch (err) { + container.innerHTML = `Failed to load: ${err}
` + } +} diff --git a/src/components/browser.ts b/src/components/browser.ts new file mode 100644 index 0000000..ac53b3b --- /dev/null +++ b/src/components/browser.ts @@ -0,0 +1,89 @@ +export function renderHeader(currentHandle: string, isLoggedIn: boolean, userHandle?: string): string { + const loginBtn = isLoggedIn + ? `` + : `` + + return ` +
+
+
+ `
+}
+
+export interface HeaderCallbacks {
+ onBrowse: (handle: string) => void
+ onLogin: () => void
+ onLogout: () => void
+}
+
+export function mountHeader(
+ container: HTMLElement,
+ currentHandle: string,
+ isLoggedIn: boolean,
+ userHandle: string | undefined,
+ callbacks: HeaderCallbacks
+): void {
+ container.innerHTML = renderHeader(currentHandle, isLoggedIn, userHandle)
+
+ const form = document.getElementById('header-form') as HTMLFormElement
+ const input = document.getElementById('header-input') as HTMLInputElement
+
+ form.addEventListener('submit', (e) => {
+ e.preventDefault()
+ const handle = input.value.trim()
+ if (handle) {
+ callbacks.onBrowse(handle)
+ }
+ })
+
+ if (isLoggedIn) {
+ const userBtn = document.getElementById('user-btn')
+ userBtn?.addEventListener('click', async (e) => {
+ e.preventDefault()
+ e.stopPropagation()
+ if (confirm('Logout?')) {
+ await callbacks.onLogout()
+ }
+ })
+ } else {
+ const loginBtn = document.getElementById('login-btn')
+ loginBtn?.addEventListener('click', (e) => {
+ e.preventDefault()
+ e.stopPropagation()
+ callbacks.onLogin()
+ })
+ }
+}
+
+// Keep old function for compatibility
+export function mountBrowser(
+ container: HTMLElement,
+ currentHandle: string,
+ onSubmit: (handle: string) => void
+): void {
+ mountHeader(container, currentHandle, false, undefined, {
+ onBrowse: onSubmit,
+ onLogin: () => {},
+ onLogout: () => {}
+ })
+}
diff --git a/src/components/postform.ts b/src/components/postform.ts
new file mode 100644
index 0000000..9950040
--- /dev/null
+++ b/src/components/postform.ts
@@ -0,0 +1,74 @@
+import { createPost } from '../lib/auth.js'
+
+export function renderPostForm(collection: string): string {
+ return `
+
+
+ `
+}
+
+export function mountPostForm(
+ container: HTMLElement,
+ collection: string,
+ onSuccess: () => void
+): void {
+ container.innerHTML = renderPostForm(collection)
+
+ const form = document.getElementById('post-form') as HTMLFormElement
+ const titleInput = document.getElementById('post-title') as HTMLInputElement
+ const bodyInput = document.getElementById('post-body') as HTMLTextAreaElement
+ const submitBtn = document.getElementById('post-submit') as HTMLButtonElement
+ const statusEl = document.getElementById('post-status') as HTMLDivElement
+
+ form.addEventListener('submit', async (e) => {
+ e.preventDefault()
+
+ const title = titleInput.value.trim()
+ const body = bodyInput.value.trim()
+
+ if (!title || !body) return
+
+ submitBtn.disabled = true
+ submitBtn.textContent = 'Posting...'
+ statusEl.innerHTML = ''
+
+ try {
+ const result = await createPost(collection, title, body)
+ if (result) {
+ statusEl.innerHTML = `Posted successfully!`
+ titleInput.value = ''
+ bodyInput.value = ''
+ setTimeout(() => {
+ onSuccess()
+ }, 1000)
+ }
+ } catch (err) {
+ statusEl.innerHTML = `Error: ${err}`
+ } finally {
+ submitBtn.disabled = false
+ submitBtn.textContent = 'Post'
+ }
+ })
+}
diff --git a/src/components/posts.ts b/src/components/posts.ts
new file mode 100644
index 0000000..817d146
--- /dev/null
+++ b/src/components/posts.ts
@@ -0,0 +1,54 @@
+import type { BlogPost } from '../types.js'
+
+function formatDate(dateStr: string): string {
+ const date = new Date(dateStr)
+ return date.toLocaleDateString('ja-JP', {
+ year: 'numeric',
+ month: '2-digit',
+ day: '2-digit',
+ })
+}
+
+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 = 'New Post
+ + +No posts yet
' + return + } + + const html = posts.map(post => { + const rkey = post.uri.split('/').pop() + return ` +- ${html}
+ ${profile.avatar ? `
` : ''}
+
+ `
+}
+
+export function mountProfile(container: HTMLElement, profile: Profile): void {
+ container.innerHTML = renderProfile(profile)
+}
diff --git a/src/config.rs b/src/config.rs
deleted file mode 100644
index 41c8d7a..0000000
--- a/src/config.rs
+++ /dev/null
@@ -1,71 +0,0 @@
-use anyhow::{Context, Result};
-use serde::{Deserialize, Serialize};
-use std::collections::HashMap;
-use std::path::PathBuf;
-
-#[derive(Debug, Serialize, Deserialize)]
-pub struct Config {
- pub pds: String,
- pub handle: String,
- pub did: String,
- pub access_jwt: String,
- pub refresh_jwt: String,
-}
-
-#[derive(Debug, Serialize, Deserialize, Clone)]
-pub struct RecordMapping {
- pub rkey: String,
- pub uri: String,
- pub cid: String,
-}
-
-pub type Mapping = HashMap
+
+ ${profile.displayName || profile.handle}
+@${profile.handle}
+ ${profile.description ? `${profile.description}
` : ''} +${tabs}
`
+}
+
+async function init(): PromisePost not found
' + } + } else { + const posts = await listRecords(profile.did, config.collection) + mountPostList(contentEl, posts) + } + } catch (err) { + console.error(err) + contentEl.innerHTML = `Failed to load: ${err}
` + } +} + +init() diff --git a/src/post.rs b/src/post.rs deleted file mode 100644 index 6ceb97e..0000000 --- a/src/post.rs +++ /dev/null @@ -1,172 +0,0 @@ -use anyhow::{Context, Result}; -use serde::{Deserialize, Serialize}; -use walkdir::WalkDir; - -use crate::config::{Config, RecordMapping}; - -#[derive(Debug, Serialize)] -struct PutRecordRequest { - repo: String, - collection: String, - #[serde(skip_serializing_if = "Option::is_none")] - rkey: Option