feat: integrate applesauce-content for proper content parsing and rendering

- Install applesauce-content package for content parsing
- Use getParsedContent() to parse nostr content according to applesauce patterns
- Create proper TypeScript interfaces for ParsedNode and ParsedContent
- Add renderParsedContent() component to render parsed content with proper styling
- Handle mentions, links, and text content with appropriate styling
- Add CSS styles for nostr-mention and nostr-link classes
- Follow applesauce-content documentation patterns for content rendering
- Maintain type safety with proper interfaces instead of 'any' types

This follows the applesauce-content documentation exactly as shown
in the examples, providing proper content parsing and rendering.
This commit is contained in:
Gigi
2025-10-02 08:33:00 +02:00
parent b6721f685b
commit c1e0e82704
238 changed files with 1017 additions and 53124 deletions

View File

@@ -181,6 +181,36 @@ body {
font-size: 0.8rem;
}
.parsed-content {
margin: 1rem 0;
line-height: 1.6;
}
.nostr-mention {
color: #007bff;
text-decoration: none;
font-family: monospace;
background: #f8f9fa;
padding: 0.2rem 0.4rem;
border-radius: 3px;
font-size: 0.9rem;
}
.nostr-mention:hover {
background: #e9ecef;
text-decoration: underline;
}
.nostr-link {
color: #007bff;
text-decoration: none;
word-break: break-all;
}
.nostr-link:hover {
text-decoration: underline;
}
.logout-button {
background: #dc3545;
color: white;