@ -332,16 +332,19 @@
// Order: Files, Issues, PRs, Patches, Discussion, History, Tags, Docs // Order: Files, Issues, PRs, Patches, Discussion, History, Tags, Docs
const tabs = $derived([ const tabs = $derived([
{ id : 'files' , label : 'Files' , icon : '/icons/file-text.svg' } , { id : 'files' , label : 'Files' , icon : '/icons/file-text.svg' } ,
{ id : 'issues' , label : 'Issues' , icon : '/icons/alert-circle.svg' , count : issues.length } , { id : 'issues' , label : 'Issues' , icon : '/icons/alert-circle.svg' } ,
{ id : 'prs' , label : 'Pull Requests' , icon : '/icons/git-pull-request.svg' , count : prs.length } , { id : 'prs' , label : 'Pull Requests' , icon : '/icons/git-pull-request.svg' } ,
{ id : 'patches' , label : 'Patches' , icon : '/icons/clipboard-list.svg' } , { id : 'patches' , label : 'Patches' , icon : '/icons/clipboard-list.svg' } ,
{ id : 'discussions' , label : 'Discussions' , icon : '/icons/message-circle.svg' } , { id : 'discussions' , label : 'Discussions' , icon : '/icons/message-circle.svg' } ,
{ id : 'history' , label : 'History' , icon : '/icons/git-commit.svg' } , { id : 'history' , label : 'Commit History' , icon : '/icons/git-commit.svg' } ,
{ id : 'tags' , label : 'Tags' , icon : '/icons/tag.svg' } , { id : 'tags' , label : 'Tags' , icon : '/icons/tag.svg' } ,
{ id : 'docs' , label : 'Docs' , icon : '/icons/book.svg' } { id : 'docs' , label : 'Docs' , icon : '/icons/book.svg' }
]); ]);
// Patches // Patches
let patches = $state< Array < { id : string ; subject : string ; content : string ; author : string ; created_at : number ; kind : number } > >([]);
let loadingPatches = $state(false);
let selectedPatch = $state< string | null > (null);
let showCreatePatchDialog = $state(false); let showCreatePatchDialog = $state(false);
let newPatchContent = $state(''); let newPatchContent = $state('');
let newPatchSubject = $state(''); let newPatchSubject = $state('');
@ -350,6 +353,7 @@
// Documentation // Documentation
let documentationContent = $state< string | null > (null); let documentationContent = $state< string | null > (null);
let documentationHtml = $state< string | null > (null); let documentationHtml = $state< string | null > (null);
let documentationKind = $state< number | null > (null);
let loadingDocs = $state(false); let loadingDocs = $state(false);
// Discussion threads // Discussion threads
@ -367,6 +371,7 @@
let creatingReply = $state(false); let creatingReply = $state(false);
// Discussions // Discussions
let selectedDiscussion = $state< string | null > (null);
let discussions = $state< Array < { let discussions = $state< Array < {
type: 'thread' | 'comments'; type: 'thread' | 'comments';
id: string; id: string;
@ -726,6 +731,8 @@
// Mobile view toggle for file list/file viewer // Mobile view toggle for file list/file viewer
let showFileListOnMobile = $state(true); let showFileListOnMobile = $state(true);
// Mobile collapse for clone URLs
let cloneUrlsExpanded = $state(false);
// Guard to prevent README auto-load loop // Guard to prevent README auto-load loop
let readmeAutoLoadAttempted = $state(false); let readmeAutoLoadAttempted = $state(false);
@ -1570,8 +1577,10 @@
async function loadDocumentation() { async function loadDocumentation() {
if (loadingDocs) return; if (loadingDocs) return;
// Only skip if we already have rendered HTML (successful load) // Reset documentation when reloading
if (documentationHtml !== null) return; documentationHtml = null;
documentationContent = null;
documentationKind = null;
loadingDocs = true; loadingDocs = true;
try { try {
@ -1621,7 +1630,7 @@
// Look for documentation tag in the announcement // Look for documentation tag in the announcement
const documentationTag = announcement.tags.find(t => t[0] === 'documentation'); const documentationTag = announcement.tags.find(t => t[0] === 'documentation');
let docKind: number | null = null; documentationKind = null;
if (documentationTag && documentationTag[1]) { if (documentationTag && documentationTag[1]) {
// Parse the a-tag format: kind:pubkey:identifier // Parse the a-tag format: kind:pubkey:identifier
@ -1629,14 +1638,14 @@
const parts = docAddress.split(':'); const parts = docAddress.split(':');
if (parts.length >= 3) { if (parts.length >= 3) {
docKind = parseInt(parts[0]); documentation Kind = parseInt(parts[0]);
const docPubkey = parts[1]; const docPubkey = parts[1];
const docIdentifier = parts.slice(2).join(':'); // In case identifier contains ':' const docIdentifier = parts.slice(2).join(':'); // In case identifier contains ':'
// Fetch the documentation event // Fetch the documentation event
const docEvents = await client.fetchEvents([ const docEvents = await client.fetchEvents([
{ {
kinds: [docKind], kinds: [documentation Kind],
authors: [docPubkey], authors: [docPubkey],
'#d': [docIdentifier], '#d': [docIdentifier],
limit: 1 limit: 1
@ -1656,12 +1665,13 @@
} else { } else {
// No documentation tag, try to use announcement content as fallback // No documentation tag, try to use announcement content as fallback
documentationContent = announcement.content || null; documentationContent = announcement.content || null;
// Announcement is kind 30617, not a doc kind, so keep documentationKind as null
} }
// Render content based on kind: AsciiDoc for 30041 or 30818, Markdown otherwise // Render content based on kind: AsciiDoc for 30041 or 30818, Markdown otherwise
if (documentationContent) { if (documentationContent) {
// Check if we should use AsciiDoc parser (kinds 30041 or 30818) // Check if we should use AsciiDoc parser (kinds 30041 or 30818)
const useAsciiDoc = docKind === 30041 || docKind === 30818; const useAsciiDoc = documentation Kind === 30041 || documentation Kind === 30818;
if (useAsciiDoc) { if (useAsciiDoc) {
// Use AsciiDoc parser // Use AsciiDoc parser
@ -3020,8 +3030,10 @@
// Reload documentation if docs tab is active (might be branch-specific) // Reload documentation if docs tab is active (might be branch-specific)
if (activeTab === 'docs') { if (activeTab === 'docs') {
// Reset documentation HTML to force reload // Reset documentation to force reload
documentationHtml = null; documentationHtml = null;
documentationContent = null;
documentationKind = null;
reloadPromises.push(loadDocumentation().catch(err => console.warn('Failed to reload documentation after branch change:', err))); reloadPromises.push(loadDocumentation().catch(err => console.warn('Failed to reload documentation after branch change:', err)));
} }
@ -3663,6 +3675,8 @@
newPatchContent = ''; newPatchContent = '';
newPatchSubject = ''; newPatchSubject = '';
alert('Patch created successfully!'); alert('Patch created successfully!');
// Reload patches
await loadPatches();
} catch (err) { } catch (err) {
error = err instanceof Error ? err.message : 'Failed to create patch'; error = err instanceof Error ? err.message : 'Failed to create patch';
console.error('Error creating patch:', err); console.error('Error creating patch:', err);
@ -3671,6 +3685,33 @@
} }
} }
async function loadPatches() {
if (repoNotFound) return;
loadingPatches = true;
error = null;
try {
const response = await fetch(`/api/repos/${ npub } /${ repo } /patches`, {
headers: buildApiHeaders()
});
if (response.ok) {
const data = await response.json();
patches = data.map((patch: { id : string ; tags : string [][]; content : string ; pubkey : string ; created_at : number ; kind? : number } ) => ({
id: patch.id,
subject: patch.tags.find((t: string[]) => t[0] === 'subject')?.[1] || 'Untitled',
content: patch.content,
author: patch.pubkey,
created_at: patch.created_at,
kind: patch.kind || KIND.PATCH
}));
}
} catch (err) {
error = err instanceof Error ? err.message : 'Failed to load patches';
console.error('Error loading patches:', err);
} finally {
loadingPatches = false;
}
}
// Only load tab content when tab actually changes, not on every render // Only load tab content when tab actually changes, not on every render
let lastTab = $state< string | null > (null); let lastTab = $state< string | null > (null);
$effect(() => { $effect(() => {
@ -3702,7 +3743,7 @@
} else if (activeTab === 'discussions') { } else if (activeTab === 'discussions') {
loadDiscussions(); loadDiscussions();
} else if (activeTab === 'patches') { } else if (activeTab === 'patches') {
// Patches tab - patches are loaded on demand when creating/viewing loadPatches();
} }
} }
}); });
@ -3733,6 +3774,8 @@
// Reload documentation if docs tab is active (reset to force reload) // Reload documentation if docs tab is active (reset to force reload)
if (activeTab === 'docs') { if (activeTab === 'docs') {
documentationHtml = null; documentationHtml = null;
documentationContent = null;
documentationKind = null;
loadDocumentation().catch(err => console.warn('Failed to reload documentation after branch change:', err)); loadDocumentation().catch(err => console.warn('Failed to reload documentation after branch change:', err));
} }
} }
@ -3790,6 +3833,7 @@
cloneUrls={ pageData . repoCloneUrls || []} cloneUrls={ pageData . repoCloneUrls || []}
branches={ branches } branches={ branches }
currentBranch={ currentBranch } currentBranch={ currentBranch }
topics={ pageData . repoTopics || []}
defaultBranch={ defaultBranch } defaultBranch={ defaultBranch }
isRepoCloned={ isRepoCloned } isRepoCloned={ isRepoCloned }
copyingCloneUrl={ copyingCloneUrl } copyingCloneUrl={ copyingCloneUrl }
@ -3849,19 +3893,22 @@
{ pageData . repoLanguage } { pageData . repoLanguage }
< / span > < / span >
{ /if } { /if }
{ #if pageData . repoTopics && pageData . repoTopics . length > 0 }
< div class = "repo-topics" >
{ #each pageData . repoTopics as topic }
< span class = "topic-tag" > { topic } </ span >
{ /each }
< / div >
{ /if }
{ #if forkInfo ? . isFork && forkInfo . originalRepo } { #if forkInfo ? . isFork && forkInfo . originalRepo }
< span class = "fork-badge" > Forked from < a href = { `/repos/ ${ forkInfo . originalRepo . npub } / ${ forkInfo . originalRepo . repo } ` } > { forkInfo . originalRepo . repo } </a ></ span > < span class = "fork-badge" > Forked from < a href = { `/repos/ ${ forkInfo . originalRepo . npub } / ${ forkInfo . originalRepo . repo } ` } > { forkInfo . originalRepo . repo } </a ></ span >
{ /if } { /if }
{ #if pageData . repoCloneUrls && pageData . repoCloneUrls . length > 0 } { #if pageData . repoCloneUrls && pageData . repoCloneUrls . length > 0 }
< div class = "repo-clone-urls" > < div class = "repo-clone-urls" >
< button
class="clone-label-button"
onclick={() => cloneUrlsExpanded = ! cloneUrlsExpanded }
aria-expanded={ cloneUrlsExpanded }
>
< span class = "clone-label" > Clone URLs:< / span > < span class = "clone-label" > Clone URLs:< / span >
< svg class = "clone-toggle-icon" class:expanded = { cloneUrlsExpanded } width="16" height = "16" viewBox = "0 0 24 24" fill = "none" stroke = "currentColor" stroke-width = "2" stroke-linecap = "round" stroke-linejoin = "round" >
< path d = "M6 9l6 6 6-6" / >
< / svg >
< / button >
< div class = "clone-url-list" class:collapsed = { ! cloneUrlsExpanded } >
{ #each pageData . repoCloneUrls . slice ( 0 , 3 ) as cloneUrl } { #each pageData . repoCloneUrls . slice ( 0 , 3 ) as cloneUrl }
{ @const cloneVerification = verificationStatus ? . cloneVerifications ? . find ( cv => { { @const cloneVerification = verificationStatus ? . cloneVerifications ? . find ( cv => {
const normalizeUrl = (url: string) => url.replace(/\/$/, '').toLowerCase().replace(/^https?:\/\//, ''); const normalizeUrl = (url: string) => url.replace(/\/$/, '').toLowerCase().replace(/^https?:\/\//, '');
@ -3905,6 +3952,7 @@
< span class = "clone-more" > +{ pageData . repoCloneUrls . length - 3 } more</ span > < span class = "clone-more" > +{ pageData . repoCloneUrls . length - 3 } more</ span >
{ /if } { /if }
< / div > < / div >
< / div >
{ /if } { /if }
< / div > < / div >
{ /if } { /if }
@ -3950,7 +3998,9 @@
class="create-file-button" class="create-file-button"
disabled={ needsClone } disabled={ needsClone }
title={ needsClone ? cloneTooltip : 'Create a new file' } title={ needsClone ? cloneTooltip : 'Create a new file' }
>+ New File< / button > >
< img src = "/icons/plus.svg" alt = "New File" class = "icon" / >
< / button >
{ /if } { /if }
< button < button
onclick={() => showFileListOnMobile = ! showFileListOnMobile } onclick={() => showFileListOnMobile = ! showFileListOnMobile }
@ -4011,11 +4061,7 @@
{ tabs } { tabs }
onTabChange={( tab ) => activeTab = tab as typeof activeTab } onTabChange={( tab ) => activeTab = tab as typeof activeTab }
/> />
< h2 > Commit History< / h2 > < h2 > Commits< / h2 >
< button onclick = { loadCommitHistory } class="refresh-button" >
< img src = "/icons/refresh-cw.svg" alt = "" class = "icon-inline" / >
Refresh
< / button >
< / div > < / div >
{ #if loadingCommits } { #if loadingCommits }
< div class = "loading" > Loading commits...< / div > < div class = "loading" > Loading commits...< / div >
@ -4062,7 +4108,9 @@
class="create-tag-button" class="create-tag-button"
disabled={ needsClone } disabled={ needsClone }
title={ needsClone ? cloneTooltip : 'Create a new tag' } title={ needsClone ? cloneTooltip : 'Create a new tag' }
>+ New Tag< / button > >
< img src = "/icons/plus.svg" alt = "New Tag" class = "icon" / >
< / button >
{ /if } { /if }
< / div > < / div >
{ #if tags . length === 0 } { #if tags . length === 0 }
@ -4100,7 +4148,9 @@
< button onclick = {() => { < button onclick = {() => {
if (!userPubkey) return; if (!userPubkey) return;
showCreateIssueDialog = true; showCreateIssueDialog = true;
}} class="create-issue-button">+ New Issue< / button > }} class="create-issue-button" title="Create a new issue">
< img src = "/icons/plus.svg" alt = "New Issue" class = "icon" / >
< / button >
{ /if } { /if }
< / div > < / div >
{ #if loadingIssues } { #if loadingIssues }
@ -4159,7 +4209,9 @@
< button onclick = {() => { < button onclick = {() => {
if (!userPubkey) return; if (!userPubkey) return;
showCreatePRDialog = true; showCreatePRDialog = true;
}} class="create-pr-button">+ New PR< / button > }} class="create-pr-button" title="Create a new pull request">
< img src = "/icons/plus.svg" alt = "New PR" class = "icon" / >
< / button >
{ /if } { /if }
< / div > < / div >
{ #if loadingPRs } { #if loadingPRs }
@ -4191,6 +4243,127 @@
< / aside > < / aside >
{ /if } { /if }
<!-- Patches View -->
{ #if activeTab === 'patches' }
< aside class = "patches-sidebar" >
< div class = "patches-header" >
< TabsMenu
activeTab={ activeTab }
{ tabs }
onTabChange={( tab ) => activeTab = tab as typeof activeTab }
/>
< h2 > Patches< / h2 >
{ #if userPubkey }
< button
onclick={() => showCreatePatchDialog = true }
class="create-patch-button"
title="Create a new patch"
>
< img src = "/icons/plus.svg" alt = "New Patch" class = "icon" / >
< / button >
{ /if }
< / div >
{ #if loadingPatches }
< div class = "loading" > Loading patches...< / div >
{ :else if patches . length === 0 }
< div class = "empty" > No patches found< / div >
{ : else }
< ul class = "patch-list" >
{ #each patches as patch }
< li class = "patch-item" class:selected = { selectedPatch === patch . id } >
< button
onclick={() => selectedPatch = patch . id }
class="patch-item-button"
>
< div class = "patch-header" >
< span class = "patch-subject" > { patch . subject } </ span >
< / div >
< div class = "patch-meta" >
< span > #{ patch . id . slice ( 0 , 7 )} </ span >
< span > { new Date ( patch . created_at * 1000 ). toLocaleDateString ()} </ span >
< EventCopyButton eventId = { patch . id } kind= { patch . kind } pubkey = { patch . author } / >
< / div >
< / button >
< / li >
{ /each }
< / ul >
{ /if }
< / aside >
{ /if }
<!-- Discussions View -->
{ #if activeTab === 'discussions' }
< aside class = "discussions-sidebar" >
< div class = "discussions-header" >
< TabsMenu
activeTab={ activeTab }
{ tabs }
onTabChange={( tab ) => activeTab = tab as typeof activeTab }
/>
< h2 > Discussions< / h2 >
{ #if userPubkey }
< button
onclick={() => showCreateThreadDialog = true }
class="create-discussion-button"
disabled={ creatingThread }
title={ creatingThread ? 'Creating...' : 'New Discussion Thread' }
>
< img src = "/icons/plus.svg" alt = "New Discussion" class = "icon" / >
< / button >
{ /if }
< / div >
{ #if loadingDiscussions }
< div class = "loading" > Loading discussions...< / div >
{ :else if discussions . length === 0 }
< div class = "empty" > No discussions found< / div >
{ : else }
< ul class = "discussion-list" >
{ #each discussions as discussion }
{ @const hasComments = discussion . comments && discussion . comments . length > 0 }
{ @const totalReplies = hasComments ? countAllReplies ( discussion . comments ) : 0 }
< li class = "discussion-item" class:selected = { selectedDiscussion === discussion . id } >
< button
onclick={() => selectedDiscussion = discussion . id }
class="discussion-item-button"
>
< div class = "discussion-header" >
< span class = "discussion-title" > { discussion . title } </ span >
< / div >
< div class = "discussion-meta" >
{ #if discussion . type === 'thread' }
< span class = "discussion-type" > Thread< / span >
{ #if hasComments }
< span class = "comment-count" > { totalReplies } { totalReplies === 1 ? 'reply' : 'replies' } </ span >
{ /if }
{ : else }
< span class = "discussion-type" > Comments< / span >
{ /if }
< span > { new Date ( discussion . createdAt * 1000 ). toLocaleDateString ()} </ span >
< EventCopyButton eventId = { discussion . id } kind= { discussion . kind } pubkey = { discussion . pubkey } / >
< / div >
< / button >
< / li >
{ /each }
< / ul >
{ /if }
< / aside >
{ /if }
<!-- Docs View -->
{ #if activeTab === 'docs' }
< aside class = "docs-sidebar" >
< div class = "docs-header" >
< TabsMenu
activeTab={ activeTab }
{ tabs }
onTabChange={( tab ) => activeTab = tab as typeof activeTab }
/>
< h2 > Docs< / h2 >
< / div >
< div class = "empty" > Documentation< / div >
< / aside >
{ /if }
<!-- Editor Area / Diff View / README --> <!-- Editor Area / Diff View / README -->
< div class = "editor-area" class:hide-on-mobile = { showFileListOnMobile && activeTab === 'files' } > < div class = "editor-area" class:hide-on-mobile = { showFileListOnMobile && activeTab === 'files' } >
{ #if activeTab === 'files' && readmeContent && ! currentFile } { #if activeTab === 'files' && readmeContent && ! currentFile }
@ -4403,29 +4576,29 @@
< / div > < / div >
{ /if } { /if }
{ #if activeTab === 'docs' } { #if activeTab === 'patches' }
< div class = "docs-content" > < div class = "patches-content" >
< div class = "docs-header" > { #if patches . length === 0 }
< TabsMenu < div class = "empty-state" >
activeTab={ activeTab } < p > No patches found. Create one to get started!< / p >
{ tabs }
onTabChange={( tab ) => activeTab = tab as typeof activeTab }
/>
< h2 > Docs< / h2 >
< / div > < / div >
{ #if loadingDocs } { :else if selectedPatch }
< div class = "loading" > Loading documentation...< / div > { #each patches . filter ( p => p . id === selectedPatch ) as patch }
{ :else if documentationHtml } < div class = "patch-detail" >
< div class = "documentation-body" > < h3 > { patch . subject } </ h3 >
{ @html documentationHtml } < div class = "patch-meta-detail" >
< span > #{ patch . id . slice ( 0 , 7 )} </ span >
< span > Created { new Date ( patch . created_at * 1000 ). toLocaleString ()} </ span >
< EventCopyButton eventId = { patch . id } kind= { patch . kind } pubkey = { patch . author } / >
< / div >
< div class = "patch-body" >
< pre class = "patch-content" > { patch . content } </ pre >
< / div > < / div >
{ :else if documentationContent === null }
< div class = "empty-state" >
< p > No documentation found for this repository.< / p >
< / div > < / div >
{ /each }
{ : else } { : else }
< div class = "empty-state" > < div class = "empty-state" >
< p > Documentation content is empty. < / p > < p > Select a patch from the sidebar to view it < / p >
< / div > < / div >
{ /if } { /if }
< / div > < / div >
@ -4433,62 +4606,18 @@
{ #if activeTab === 'discussions' } { #if activeTab === 'discussions' }
< div class = "discussions-content" > < div class = "discussions-content" >
< div class = "discussions-header" > { #if discussions . length === 0 }
< TabsMenu
activeTab={ activeTab }
{ tabs }
onTabChange={( tab ) => activeTab = tab as typeof activeTab }
/>
< h2 > Discussions< / h2 >
< div class = "discussions-actions" >
< button
class="btn btn-secondary icon-button"
onclick={() => loadDiscussions ()}
disabled={ loadingDiscussions }
title={ loadingDiscussions ? 'Refreshing...' : 'Refresh discussions' }
aria-label={ loadingDiscussions ? 'Refreshing...' : 'Refresh discussions' }
>
< img src = "/icons/refresh-cw.svg" alt = "" class = "icon" / >
< / button >
{ #if userPubkey }
< button
class="btn btn-primary icon-button"
onclick={() => showCreateThreadDialog = true }
disabled={ creatingThread }
title={ creatingThread ? 'Creating...' : 'New Discussion Thread' }
aria-label={ creatingThread ? 'Creating...' : 'New Discussion Thread' }
>
< img src = "/icons/message-circle.svg" alt = "" class = "icon" / >
< / button >
{ /if }
< / div >
< / div >
{ #if loadingDiscussions }
< div class = "loading" > Loading discussions...< / div >
{ :else if discussions . length === 0 }
< div class = "empty-state" > < div class = "empty-state" >
< p > No discussions found. { #if userPubkey } Create a new discussion thread to get started!{ : else } Log in to create a discussion thread.{ /if } </ p > < p > No discussions found. { #if userPubkey } Create a new discussion thread to get started!{ : else } Log in to create a discussion thread.{ /if } </ p >
< / div > < / div >
{ : else } { :else if selectedDiscussion }
{ #each discussions as discussion } { #each discussions . filter ( d => d . id === selectedDiscussion ) as discussion }
{ @const isExpanded = discussion . type === 'thread' && expandedThreads . has ( discussion . id )} { @const isExpanded = discussion . type === 'thread' && expandedThreads . has ( discussion . id )}
{ @const hasComments = discussion . comments && discussion . comments . length > 0 } { @const hasComments = discussion . comments && discussion . comments . length > 0 }
< div class = "discussion-item" > < div class = "discussion-detail" >
< div class = "discussion-header" > < div class = "discussion-header-detail" >
< div class = "discussion-title-row" >
{ #if discussion . type === 'thread' }
< button
class="expand-button"
onclick={() => toggleThread ( discussion . id )}
aria-expanded={ isExpanded }
aria-label={ isExpanded ? 'Collapse thread' : 'Expand thread' }
>
{ isExpanded ? '▼' : '▶' }
< / button >
{ /if }
< h3 > { discussion . title } </ h3 > < h3 > { discussion . title } </ h3 >
< / div > < div class = "discussion-meta-detail" >
< div class = "discussion-meta" >
{ #if discussion . type === 'thread' } { #if discussion . type === 'thread' }
< span class = "discussion-type" > Thread< / span > < span class = "discussion-type" > Thread< / span >
{ #if hasComments } { #if hasComments }
@ -4502,14 +4631,15 @@
< EventCopyButton eventId = { discussion . id } kind= { discussion . kind } pubkey = { discussion . pubkey } / > < EventCopyButton eventId = { discussion . id } kind= { discussion . kind } pubkey = { discussion . pubkey } / >
{ #if discussion . type === 'thread' && userPubkey } { #if discussion . type === 'thread' && userPubkey }
< button < button
class="btn btn-small " class="create-reply-button "
onclick={() => { onclick={() => {
replyingToThread = { id : discussion.id , kind : discussion.kind , pubkey : discussion.pubkey , author : discussion.author } ; replyingToThread = { id : discussion.id , kind : discussion.kind , pubkey : discussion.pubkey , author : discussion.author } ;
replyingToComment = null; replyingToComment = null;
showReplyDialog = true; showReplyDialog = true;
}} }}
title="Reply to thread"
> >
Reply < img src = "/icons/plus.svg" alt = " Reply" class = "icon" / >
< / button > < / button >
{ /if } { /if }
< / div > < / div >
@ -4519,7 +4649,7 @@
< p > { discussion . content } </ p > < p > { discussion . content } </ p >
< / div > < / div >
{ /if } { /if }
{ #if discussion . type === 'thread' && isExpanded && hasComments } { #if discussion . type === 'thread' && hasComments }
{ @const totalReplies = countAllReplies ( discussion . comments )} { @const totalReplies = countAllReplies ( discussion . comments )}
< div class = "comments-section" > < div class = "comments-section" >
< h4 > Replies ({ totalReplies } )</ h4 > < h4 > Replies ({ totalReplies } )</ h4 >
@ -4531,14 +4661,15 @@
< EventCopyButton eventId = { comment . id } kind= { comment . kind } pubkey = { comment . pubkey } / > < EventCopyButton eventId = { comment . id } kind= { comment . kind } pubkey = { comment . pubkey } / >
{ #if userPubkey } { #if userPubkey }
< button < button
class="btn btn-small " class="create-reply-button "
onclick={() => { onclick={() => {
replyingToThread = { id : discussion.id , kind : discussion.kind , pubkey : discussion.pubkey , author : discussion.author } ; replyingToThread = { id : discussion.id , kind : discussion.kind , pubkey : discussion.pubkey , author : discussion.author } ;
replyingToComment = { id : comment.id , kind : comment.kind , pubkey : comment.pubkey , author : comment.author } ; replyingToComment = { id : comment.id , kind : comment.kind , pubkey : comment.pubkey , author : comment.author } ;
showReplyDialog = true; showReplyDialog = true;
}} }}
title="Reply to comment"
> >
Reply < img src = "/icons/plus.svg" alt = " Reply" class = "icon" / >
< / button > < / button >
{ /if } { /if }
< / div > < / div >
@ -4587,14 +4718,15 @@
< EventCopyButton eventId = { reply . id } kind= { reply . kind } pubkey = { reply . pubkey } / > < EventCopyButton eventId = { reply . id } kind= { reply . kind } pubkey = { reply . pubkey } / >
{ #if userPubkey } { #if userPubkey }
< button < button
class="btn btn-small " class="create-reply-button "
onclick={() => { onclick={() => {
replyingToThread = { id : discussion.id , kind : discussion.kind , pubkey : discussion.pubkey , author : discussion.author } ; replyingToThread = { id : discussion.id , kind : discussion.kind , pubkey : discussion.pubkey , author : discussion.author } ;
replyingToComment = { id : reply.id , kind : reply.kind , pubkey : reply.pubkey , author : reply.author } ; replyingToComment = { id : reply.id , kind : reply.kind , pubkey : reply.pubkey , author : reply.author } ;
showReplyDialog = true; showReplyDialog = true;
}} }}
title="Reply to comment"
> >
Reply < img src = "/icons/plus.svg" alt = " Reply" class = "icon" / >
< / button > < / button >
{ /if } { /if }
< / div > < / div >
@ -4611,14 +4743,15 @@
< EventCopyButton eventId = { nestedReply . id } kind= { nestedReply . kind } pubkey = { nestedReply . pubkey } / > < EventCopyButton eventId = { nestedReply . id } kind= { nestedReply . kind } pubkey = { nestedReply . pubkey } / >
{ #if userPubkey } { #if userPubkey }
< button < button
class="btn btn-small " class="create-reply-button "
onclick={() => { onclick={() => {
replyingToThread = { id : discussion.id , kind : discussion.kind , pubkey : discussion.pubkey , author : discussion.author } ; replyingToThread = { id : discussion.id , kind : discussion.kind , pubkey : discussion.pubkey , author : discussion.author } ;
replyingToComment = { id : nestedReply.id , kind : nestedReply.kind , pubkey : nestedReply.pubkey , author : nestedReply.author } ; replyingToComment = { id : nestedReply.id , kind : nestedReply.kind , pubkey : nestedReply.pubkey , author : nestedReply.author } ;
showReplyDialog = true; showReplyDialog = true;
}} }}
title="Reply to comment"
> >
Reply < img src = "/icons/plus.svg" alt = " Reply" class = "icon" / >
< / button > < / button >
{ /if } { /if }
< / div > < / div >
@ -4648,14 +4781,15 @@
< EventCopyButton eventId = { comment . id } kind= { comment . kind } pubkey = { comment . pubkey } / > < EventCopyButton eventId = { comment . id } kind= { comment . kind } pubkey = { comment . pubkey } / >
{ #if userPubkey } { #if userPubkey }
< button < button
class="btn btn-small " class="create-reply-button "
onclick={() => { onclick={() => {
replyingToThread = { id : discussion.id , kind : discussion.kind , pubkey : discussion.pubkey , author : discussion.author } ; replyingToThread = { id : discussion.id , kind : discussion.kind , pubkey : discussion.pubkey , author : discussion.author } ;
replyingToComment = { id : comment.id , kind : comment.kind , pubkey : comment.pubkey , author : comment.author } ; replyingToComment = { id : comment.id , kind : comment.kind , pubkey : comment.pubkey , author : comment.author } ;
showReplyDialog = true; showReplyDialog = true;
}} }}
title="Reply to comment"
> >
Reply < img src = "/icons/plus.svg" alt = " Reply" class = "icon" / >
< / button > < / button >
{ /if } { /if }
< / div > < / div >
@ -4694,68 +4828,36 @@
< / div > < / div >
< / div > < / div >
{ /if } { /if }
{ #if comment . replies && comment . replies . length > 0 }
< div class = "nested-replies" >
{ #each comment . replies as reply }
< div class = "comment-item nested-comment" >
< div class = "comment-meta" >
< UserBadge pubkey = { reply . author } / >
< span > { new Date ( reply . createdAt * 1000 ). toLocaleString ()} </ span >
< EventCopyButton eventId = { reply . id } kind= { reply . kind } pubkey = { reply . pubkey } / >
{ #if userPubkey }
< button
class="btn btn-small"
onclick={() => {
replyingToThread = { id : discussion.id , kind : discussion.kind , pubkey : discussion.pubkey , author : discussion.author } ;
replyingToComment = { id : reply.id , kind : reply.kind , pubkey : reply.pubkey , author : reply.author } ;
showReplyDialog = true;
}}
>
Reply
< / button >
{ /if }
< / div > < / div >
< div class = "comment-content" > { /each }
< p > { reply . content } </ p >
< / div > < / div >
{ #if reply . replies && reply . replies . length > 0 }
< div class = "nested-replies" >
{ #each reply . replies as nestedReply }
< div class = "comment-item nested-comment" >
< div class = "comment-meta" >
< UserBadge pubkey = { nestedReply . author } / >
< span > { new Date ( nestedReply . createdAt * 1000 ). toLocaleString ()} </ span >
< EventCopyButton eventId = { nestedReply . id } kind= { nestedReply . kind } pubkey = { nestedReply . pubkey } / >
{ #if userPubkey }
< button
class="btn btn-small"
onclick={() => {
replyingToThread = { id : discussion.id , kind : discussion.kind , pubkey : discussion.pubkey , author : discussion.author } ;
replyingToComment = { id : nestedReply.id , kind : nestedReply.kind , pubkey : nestedReply.pubkey , author : nestedReply.author } ;
showReplyDialog = true;
}}
>
Reply
< / button >
{ /if } { /if }
< / div > < / div >
< div class = "comment-content" >
< p > { nestedReply . content } </ p >
< / div >
< / div >
{ /each } { /each }
{ : else }
< div class = "empty-state" >
< p > Select a discussion from the sidebar to view it< / p >
< / div > < / div >
{ /if } { /if }
< / div > < / div >
{ /each }
< / div >
{ /if } { /if }
{ #if activeTab === 'docs' }
< div class = "docs-content" >
{ #if loadingDocs }
< div class = "loading" > Loading documentation...< / div >
{ :else if documentationHtml }
< div class = "documentation-body" >
{ @html documentationHtml }
< / div > < / div >
{ /each } { :else if documentationContent === null }
< div class = "empty-state" >
< p > No documentation found for this repository.< / p >
< / div > < / div >
{ /if } { : else }
< div class = "empty-state" >
< p > Documentation content is empty.< / p >
< / div > < / div >
{ /each }
{ /if } { /if }
< / div > < / div >
{ /if } { /if }
