diff options
Diffstat (limited to 'frontend/src/main.ts')
| -rw-r--r-- | frontend/src/main.ts | 24 |
1 files changed, 11 insertions, 13 deletions
diff --git a/frontend/src/main.ts b/frontend/src/main.ts index dbf791b..20c3bea 100644 --- a/frontend/src/main.ts +++ b/frontend/src/main.ts @@ -36,7 +36,7 @@ function renderTextWithFacets(text: string, facets: any[]): string { case 'tag': result += `<a href="https://bsky.app/hashtag/${facet.value}" target="_blank">#${facetText}</a>`; break; - default: // in case Bluesky ever adds other fcaet types + default: // in case Bluesky ever adds other facet types result += facetText; // if we don't recognize the type, just add it as plain text break; } @@ -48,8 +48,6 @@ function renderTextWithFacets(text: string, facets: any[]): string { const remainingBytes = postBytes.slice(lastPos); result += decoder.decode(remainingBytes); - console.log(result); - return result; } @@ -82,25 +80,25 @@ async function main() { const response = await fetch('http://localhost:8080/api/posts'); if (!response.ok) throw new Error(`HTTP ${response.status}`); - const posts = await response.json(); + const notes = await response.json(); app.innerHTML = ''; - for (const post of posts) { + for (const note of notes) { let parsedText = ''; - if(post.facets && post.facets.length > 0) { - parsedText = renderTextWithFacets(post.text || '', post.facets || []); + if(note.facets && note.facets.length > 0) { + parsedText = renderTextWithFacets(note.text || '', note.facets || []); } else { - parsedText = post.text; + parsedText = note.text; } - const postText = marked.parseInline(parsedText, { breaks: true }); + const noteText = marked.parseInline(parsedText, { breaks: true }); const postHTML = ` <div class="note"> - <img class="note-avatar" src="${post.avatarURL}" alt="avatar"> + <img class="note-avatar" src="${note.avatarURL}" alt="avatar"> <div class="note-content"> - ${renderAuthor(post)} - <div class="note-text">${postText}</div> - <div class="muted">${new Date(post.createdAt).toLocaleString()}</div> + ${renderAuthor(note)} + <div class="note-text">${noteText}</div> + <div class="muted">${new Date(note.createdAt).toLocaleString()}</div> </div> </div> `; |