add comment

scripts/generate.ts

@@ -1,38 +1,8 @@
 import * as fs from 'fs'
 import * as path from 'path'
 import { marked, Renderer } from 'marked'
-
-// Types
-interface AppConfig {
-  title: string
-  handle: string
-  collection: string
-  network: string
-  color?: string
-}
-
-interface Networks {
-  [key: string]: {
-    plc: string
-    bsky: string
-  }
-}
-
-interface Profile {
-  did: string
-  handle: string
-  displayName?: string
-  description?: string
-  avatar?: string
-}
-
-interface BlogPost {
-  uri: string
-  cid: string
-  title: string
-  content: string
-  createdAt: string
-}
+import type { AppConfig, Profile, BlogPost, Networks } from '../src/types.ts'
+import { escapeHtml } from '../src/lib/utils.ts'
 
 // Highlight.js for syntax highlighting (core + common languages only)
 let hljs: typeof import('highlight.js/lib/core').default
@@ -100,14 +70,6 @@ function setupMarked() {
   })
 }
 
-function escapeHtml(str: string): string {
-  return str
-    .replace(/&/g, '&')
-    .replace(/</g, '&lt;')
-    .replace(/>/g, '&gt;')
-    .replace(/"/g, '&quot;')
-}
-
 function formatDate(dateStr: string): string {
   const date = new Date(dateStr)
   return date.toLocaleDateString('ja-JP', {
@@ -445,10 +407,23 @@ function generatePostListHtml(posts: BlogPost[]): string {
   return `<ul class="post-list">${items}</ul>`
 }
 
-function generatePostDetailHtml(post: BlogPost, handle: string, collection: string): string {
+// Map network to app URL for discussion links
+function getAppUrl(network: string): string {
+  if (network === 'syu.is') {
+    return 'https://syu.is'
+  }
+  return 'https://bsky.app'
+}
+
+function generatePostDetailHtml(post: BlogPost, handle: string, collection: string, network: string): string {
   const rkey = post.uri.split('/').pop() || ''
   const jsonUrl = `/at/${handle}/${collection}/${rkey}/`
   const content = marked.parse(post.content) as string
+  // Construct URL from handle (e.g., syui.ai -> https://syui.ai)
+  const siteUrl = `https://${handle}`
+  const postUrl = `${siteUrl}/post/${rkey}/`
+  const appUrl = getAppUrl(network)
+  const searchUrl = `${appUrl}/search?q=${encodeURIComponent(postUrl)}`
 
   return `
     <article class="post-detail">
@@ -461,6 +436,15 @@ function generatePostDetailHtml(post: BlogPost, handle: string, collection: stri
       </header>
       <div class="post-content">${content}</div>
     </article>
+    <div class="discussion-section">
+      <a href="${searchUrl}" target="_blank" rel="noopener" class="discuss-link">
+        <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
+          <path d="M12 2C6.477 2 2 6.477 2 12c0 1.89.525 3.66 1.438 5.168L2.546 20.2A1.5 1.5 0 0 0 4 22h.5l2.83-.892A9.96 9.96 0 0 0 12 22c5.523 0 10-4.477 10-10S17.523 2 12 2z"/>
+        </svg>
+        Discuss on Bluesky
+      </a>
+      <div id="discussion-posts" class="discussion-posts" data-post-url="${escapeHtml(postUrl)}" data-app-url="${escapeHtml(appUrl)}"></div>
+    </div>
   `
 }
 
@@ -500,7 +484,7 @@ function generatePostPageContent(profile: Profile, post: BlogPost, config: AppCo
         ${generateServicesHtml(profile.did, config.handle, collections)}
       </section>
       <section id="content">
-        ${generatePostDetailHtml(post, config.handle, config.collection)}
+        ${generatePostDetailHtml(post, config.handle, config.collection, config.network)}
       </section>
     </main>
     ${generateFooterHtml(config.handle)}