{#snippet CommentItem(node: CommentNode)} {@const comment = node.event.getMatchingTags("comment")[0]?.[1] || "No comment content"}
goto(`/events?n=${toNpub(node.event.pubkey)}`)} > {#if getAuthorPicture(node.event.pubkey)}
(e.target as HTMLImageElement).style.display = 'none'} /> {:else}
{getAuthorName(node.event.pubkey).charAt(0).toUpperCase()}
{/if}
goto(`/events?n=${toNpub(node.event.pubkey)}`)} > {getAuthorName(node.event.pubkey)}
{formatRelativeDate(node.event.created_at || 0)} • Kind: {node.event.kind}
{shortenNevent(getNeventUrl(node.event))}
navigateToComment(node.event)} > View
{#if node.event.kind === 9802}
{#if hasHighlightComment(node.event)}
Highlighted content:
{#if node.event.getMatchingTags("context")[0]?.[1]}
{@html node.event.getMatchingTags("context")[0]?.[1]}
{:else}
{node.event.content || ""}
{/if} {#if getHighlightSource(node.event)}
Source: {getHighlightSource(node.event)?.type === 'nostr_event' ? 'Nostr Event' : 'URL'}
{/if}
Comment:
{@render basicMarkup(comment, ndk)}
{:else} {#if node.event.getMatchingTags("context")[0]?.[1]}
{@html node.event.getMatchingTags("context")[0]?.[1]}
{:else}
{node.event.content || ""}
{/if} {#if getHighlightSource(node.event)}
Source: {getHighlightSource(node.event)?.type === 'nostr_event' ? 'Nostr Event' : 'URL'}
{/if} {/if} {#if getHighlightAttribution(node.event).length > 0}
Attribution:
{#each getHighlightAttribution(node.event) as attribution}
goto(`/events?n=${toNpub(attribution.pubkey)}`)} > {getAuthorName(attribution.pubkey)} {#if attribution.role}
({attribution.role})
{/if}
{/each}
{/if}
{:else}
{@render basicMarkup(node.event.content || "No content", ndk)}
{/if}
{#if node.children.length > 0}
{#each node.children as childNode, index (childNode.event.id + '-' + index)} {@render CommentItem(childNode)} {/each}
{/if}
{/snippet}
Comments & Highlights ({threadedComments.length})
{#if loading}
Loading comments...
{:else if error}
{error}
{:else if threadedComments.length === 0}
No comments or highlights yet. Be the first to engage!
{:else}
{#each threadedComments as node, index (node.event.id + '-root-' + index)} {@render CommentItem(node)} {/each}
{/if}