diff --git a/src/hooks/useEventLoader.ts b/src/hooks/useEventLoader.ts index b97d6018..4223c60e 100644 --- a/src/hooks/useEventLoader.ts +++ b/src/hooks/useEventLoader.ts @@ -25,12 +25,23 @@ export function useEventLoader({ setIsCollapsed }: UseEventLoaderProps) { const displayEvent = useCallback((event: NostrEvent) => { - // Format event metadata as markdown comments for display - const metaMarkdown = `` + // Format event metadata as HTML header + const metaHtml = `
+
Event ID: ${event.id.slice(0, 16)}...
+
Posted: ${new Date(event.created_at * 1000).toLocaleString()}
+
Kind: ${event.kind}
+
` + + // Escape HTML in content and convert newlines to breaks for plain text display + const escapedContent = event.content + .replace(/&/g, '&') + .replace(//g, '>') + .replace(/\n/g, '
') const content: ReadableContent = { url: `nostr:${event.id}`, - markdown: metaMarkdown + '\n\n' + event.content, + html: metaHtml + `
${escapedContent}
`, title: `Note (${event.kind})` } setReaderContent(content) @@ -78,7 +89,7 @@ export function useEventLoader({ console.error('❌ useEventLoader: Error fetching event:', err) const errorContent: ReadableContent = { url: '', - markdown: `Error loading event: ${err instanceof Error ? err.message : 'Unknown error'}`, + html: `
Error loading event: ${err instanceof Error ? err.message : 'Unknown error'}
`, title: 'Error' } setReaderContent(errorContent)