refact update

src/components/browser.ts

@@ -86,16 +86,3 @@ export function mountHeader(
     })
   }
 }
-
-// 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: () => {}
-  })
-}

src/components/discussion.ts

@@ -1,5 +1,6 @@
 import { searchPostsForUrl } from '../lib/api.js'
-import { escapeHtml } from '../lib/utils.js'
+import { escapeHtml, formatDate } from '../lib/utils.js'
+import { MAX_SEARCH_LENGTH, DISCUSSION_POST_LIMIT } from '../lib/constants.js'
 
 // Map network to app URL
 export function getAppUrl(network: string): string {
@@ -9,15 +10,6 @@ export function getAppUrl(network: string): string {
   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('/')
@@ -29,8 +21,6 @@ function getPostUrl(uri: string, appUrl: string): string {
 
 export function renderDiscussionLink(postUrl: string, appUrl: string = 'https://bsky.app'): string {
   // Convert full URL to search-friendly format (domain/post/rkey_prefix without https://)
-  // Keep total length around 20 chars to avoid URL truncation in posts
-  const MAX_SEARCH_LENGTH = 20
   let searchQuery = postUrl
   try {
     const urlObj = new URL(postUrl)
@@ -74,7 +64,7 @@ export async function loadDiscussionPosts(container: HTMLElement, postUrl: strin
     return
   }
 
-  const postsHtml = posts.slice(0, 10).map(post => {
+  const postsHtml = posts.slice(0, DISCUSSION_POST_LIMIT).map(post => {
     const author = post.author
     const avatar = author.avatar || ''
     const displayName = author.displayName || author.handle

src/components/posts.ts

@@ -1,18 +1,9 @@
 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 { escapeHtml, formatDate } from '../lib/utils.js'
 import { renderDiscussionLink, loadDiscussionPosts, getAppUrl } from './discussion.js'
 
-function formatDate(dateStr: string): string {
-  const date = new Date(dateStr)
-  return date.toLocaleDateString('ja-JP', {
-    year: 'numeric',
-    month: '2-digit',
-    day: '2-digit',
-  })
-}
-
 export function mountPostList(container: HTMLElement, posts: BlogPost[]): void {
   if (posts.length === 0) {
     container.innerHTML = '<p class="no-posts">No posts yet</p>'