|
|
|
@ -36,9 +36,11 @@ |
|
|
|
let documentationKind = $state<'markdown' | 'asciidoc' | 'text' | '30040' | null>(null); |
|
|
|
let documentationKind = $state<'markdown' | 'asciidoc' | 'text' | '30040' | null>(null); |
|
|
|
let indexEvent = $state<NostrEvent | null>(null); |
|
|
|
let indexEvent = $state<NostrEvent | null>(null); |
|
|
|
let loading = $state(false); |
|
|
|
let loading = $state(false); |
|
|
|
|
|
|
|
let loadingDocs = $state(false); |
|
|
|
let error = $state<string | null>(null); |
|
|
|
let error = $state<string | null>(null); |
|
|
|
let docFiles: Array<{ name: string; path: string }> = $state([]); |
|
|
|
let docFiles: Array<{ name: string; path: string }> = $state([]); |
|
|
|
let selectedDoc: string | null = $state(null); |
|
|
|
let selectedDoc: string | null = $state(null); |
|
|
|
|
|
|
|
let hasReadme = $state(false); |
|
|
|
|
|
|
|
|
|
|
|
$effect(() => { |
|
|
|
$effect(() => { |
|
|
|
if (npub && repo && currentBranch) { |
|
|
|
if (npub && repo && currentBranch) { |
|
|
|
@ -48,83 +50,67 @@ |
|
|
|
|
|
|
|
|
|
|
|
async function loadDocumentation() { |
|
|
|
async function loadDocumentation() { |
|
|
|
loading = true; |
|
|
|
loading = true; |
|
|
|
|
|
|
|
loadingDocs = true; |
|
|
|
error = null; |
|
|
|
error = null; |
|
|
|
documentationContent = null; |
|
|
|
documentationContent = null; |
|
|
|
documentationKind = null; |
|
|
|
documentationKind = null; |
|
|
|
indexEvent = null; |
|
|
|
indexEvent = null; |
|
|
|
|
|
|
|
hasReadme = false; |
|
|
|
|
|
|
|
|
|
|
|
try { |
|
|
|
try { |
|
|
|
logger.operation('Loading documentation', { npub, repo, branch: currentBranch }); |
|
|
|
logger.operation('Loading documentation', { npub, repo, branch: currentBranch }); |
|
|
|
|
|
|
|
|
|
|
|
// Try README first (faster, always available if repo has content) |
|
|
|
// Load README FIRST and display immediately |
|
|
|
const readmePromise = (async () => { |
|
|
|
try { |
|
|
|
try { |
|
|
|
const readmeResponse = await fetch(`/api/repos/${npub}/${repo}/readme?ref=${currentBranch || 'HEAD'}`); |
|
|
|
const readmeResponse = await fetch(`/api/repos/${npub}/${repo}/readme?ref=${currentBranch || 'HEAD'}`); |
|
|
|
if (readmeResponse.ok) { |
|
|
|
if (readmeResponse.ok) { |
|
|
|
const readmeData = await readmeResponse.json(); |
|
|
|
const readmeData = await readmeResponse.json(); |
|
|
|
if (readmeData.content) { |
|
|
|
if (readmeData.content) { |
|
|
|
documentationContent = readmeData.content; |
|
|
|
return { |
|
|
|
documentationKind = readmeData.type || 'markdown'; |
|
|
|
content: readmeData.content, |
|
|
|
selectedDoc = 'README.md'; |
|
|
|
kind: readmeData.type || 'markdown', |
|
|
|
hasReadme = true; |
|
|
|
path: 'README.md' |
|
|
|
loading = false; // Stop showing loading once README is loaded |
|
|
|
}; |
|
|
|
logger.debug({ npub, repo }, 'README loaded and displayed'); |
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
} catch (readmeErr) { |
|
|
|
|
|
|
|
logger.debug({ error: readmeErr, npub, repo }, 'No README found'); |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
return null; |
|
|
|
} catch (readmeErr) { |
|
|
|
})(); |
|
|
|
logger.debug({ error: readmeErr, npub, repo }, 'No README found'); |
|
|
|
|
|
|
|
} |
|
|
|
// Try docs folder in parallel |
|
|
|
|
|
|
|
const docsPromise = (async () => { |
|
|
|
// Now check for docs folder in the background |
|
|
|
try { |
|
|
|
try { |
|
|
|
const response = await fetch(`/api/repos/${npub}/${repo}/tree?ref=${currentBranch || 'HEAD'}&path=docs`); |
|
|
|
const response = await fetch(`/api/repos/${npub}/${repo}/tree?ref=${currentBranch || 'HEAD'}&path=docs`); |
|
|
|
if (response.ok) { |
|
|
|
if (response.ok) { |
|
|
|
const data = await response.json(); |
|
|
|
const data = await response.json(); |
|
|
|
return Array.isArray(data) ? data : (data.files || []); |
|
|
|
const docsFiles = Array.isArray(data) ? data : (data.files || []); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
if (docsFiles.length > 0) { |
|
|
|
|
|
|
|
docFiles = docsFiles; |
|
|
|
|
|
|
|
logger.debug({ npub, repo, fileCount: docsFiles.length }, 'Docs folder found'); |
|
|
|
} |
|
|
|
} |
|
|
|
} catch (err) { |
|
|
|
|
|
|
|
logger.debug({ error: err, npub, repo }, 'Docs folder not found'); |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
return []; |
|
|
|
} catch (err) { |
|
|
|
})(); |
|
|
|
logger.debug({ error: err, npub, repo }, 'Docs folder not found'); |
|
|
|
|
|
|
|
|
|
|
|
// Wait for both, prefer docs folder if it has files |
|
|
|
|
|
|
|
const [readmeResult, docsFiles] = await Promise.all([readmePromise, docsPromise]); |
|
|
|
|
|
|
|
docFiles = docsFiles; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
if (docsFiles.length > 0) { |
|
|
|
|
|
|
|
// Look for README or index files first in docs folder |
|
|
|
|
|
|
|
const readmeFile = docsFiles.find((f: { name: string; path: string }) => |
|
|
|
|
|
|
|
f.name.toLowerCase() === 'readme.md' || |
|
|
|
|
|
|
|
f.name.toLowerCase() === 'readme.adoc' || |
|
|
|
|
|
|
|
f.name.toLowerCase() === 'index.md' |
|
|
|
|
|
|
|
); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
if (readmeFile) { |
|
|
|
|
|
|
|
await loadDocFile(readmeFile.path); |
|
|
|
|
|
|
|
} else { |
|
|
|
|
|
|
|
// Load first file from docs folder |
|
|
|
|
|
|
|
await loadDocFile(docsFiles[0].path); |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} else if (readmeResult) { |
|
|
|
|
|
|
|
// No docs folder, use README from root |
|
|
|
|
|
|
|
documentationContent = readmeResult.content; |
|
|
|
|
|
|
|
documentationKind = readmeResult.kind as 'markdown' | 'asciidoc'; |
|
|
|
|
|
|
|
selectedDoc = readmeResult.path; |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
// Check for kind 30040 publication index (only if no content found yet) |
|
|
|
// Check for kind 30040 publication index (only if no README found) |
|
|
|
if (!documentationContent && !indexEvent) { |
|
|
|
if (!hasReadme && !indexEvent) { |
|
|
|
await checkForPublicationIndex(); |
|
|
|
await checkForPublicationIndex(); |
|
|
|
|
|
|
|
if (indexEvent) { |
|
|
|
|
|
|
|
loading = false; |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
} catch (err) { |
|
|
|
} catch (err) { |
|
|
|
error = err instanceof Error ? err.message : 'Failed to load documentation'; |
|
|
|
error = err instanceof Error ? err.message : 'Failed to load documentation'; |
|
|
|
logger.error({ error: err, npub, repo }, 'Error loading documentation'); |
|
|
|
logger.error({ error: err, npub, repo }, 'Error loading documentation'); |
|
|
|
} finally { |
|
|
|
|
|
|
|
loading = false; |
|
|
|
loading = false; |
|
|
|
|
|
|
|
} finally { |
|
|
|
|
|
|
|
loadingDocs = false; |
|
|
|
|
|
|
|
if (!hasReadme && !indexEvent) { |
|
|
|
|
|
|
|
loading = false; |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
@ -198,31 +184,47 @@ |
|
|
|
{#snippet leftPane()} |
|
|
|
{#snippet leftPane()} |
|
|
|
<div class="docs-sidebar"> |
|
|
|
<div class="docs-sidebar"> |
|
|
|
<h3>Documentation</h3> |
|
|
|
<h3>Documentation</h3> |
|
|
|
{#if loading} |
|
|
|
{#if loadingDocs} |
|
|
|
<div class="loading">Loading documentation...</div> |
|
|
|
<div class="loading">Loading...</div> |
|
|
|
{:else if error} |
|
|
|
{:else if error} |
|
|
|
<div class="error">{error}</div> |
|
|
|
<div class="error">{error}</div> |
|
|
|
{:else if docFiles.length > 0} |
|
|
|
{:else} |
|
|
|
<ul class="doc-list"> |
|
|
|
<ul class="doc-list"> |
|
|
|
{#each docFiles as file} |
|
|
|
{#if hasReadme} |
|
|
|
<li> |
|
|
|
<li> |
|
|
|
<button |
|
|
|
<button |
|
|
|
class="doc-item {selectedDoc === file.path ? 'selected' : ''}" |
|
|
|
class="doc-item {selectedDoc === 'README.md' ? 'selected' : ''}" |
|
|
|
onclick={() => loadDocFile(file.path)} |
|
|
|
onclick={() => { |
|
|
|
|
|
|
|
// Reload README if needed |
|
|
|
|
|
|
|
if (!documentationContent) { |
|
|
|
|
|
|
|
loadDocumentation(); |
|
|
|
|
|
|
|
} else { |
|
|
|
|
|
|
|
selectedDoc = 'README.md'; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
}} |
|
|
|
> |
|
|
|
> |
|
|
|
{file.name} |
|
|
|
README.md |
|
|
|
</button> |
|
|
|
</button> |
|
|
|
</li> |
|
|
|
</li> |
|
|
|
{/each} |
|
|
|
{/if} |
|
|
|
|
|
|
|
{#if docFiles.length > 0} |
|
|
|
|
|
|
|
{#each docFiles as file} |
|
|
|
|
|
|
|
<li> |
|
|
|
|
|
|
|
<button |
|
|
|
|
|
|
|
class="doc-item {selectedDoc === file.path ? 'selected' : ''}" |
|
|
|
|
|
|
|
onclick={() => loadDocFile(file.path)} |
|
|
|
|
|
|
|
> |
|
|
|
|
|
|
|
{file.name} |
|
|
|
|
|
|
|
</button> |
|
|
|
|
|
|
|
</li> |
|
|
|
|
|
|
|
{/each} |
|
|
|
|
|
|
|
{/if} |
|
|
|
|
|
|
|
{#if !hasReadme && docFiles.length === 0} |
|
|
|
|
|
|
|
<div class="empty-sidebar"> |
|
|
|
|
|
|
|
<p>No documentation files found</p> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
{/if} |
|
|
|
</ul> |
|
|
|
</ul> |
|
|
|
{:else if documentationContent} |
|
|
|
|
|
|
|
<div class="empty-sidebar"> |
|
|
|
|
|
|
|
<p>No custom documentation found. Displaying the ReadMe, instead.</p> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
{:else} |
|
|
|
|
|
|
|
<div class="empty-sidebar"> |
|
|
|
|
|
|
|
<p>No documentation files found</p> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
{/if} |
|
|
|
{/if} |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
{/snippet} |
|
|
|
{/snippet} |
|
|
|
@ -260,12 +262,14 @@ |
|
|
|
<style> |
|
|
|
<style> |
|
|
|
.docs-sidebar { |
|
|
|
.docs-sidebar { |
|
|
|
padding: 1rem; |
|
|
|
padding: 1rem; |
|
|
|
|
|
|
|
color: var(--text-primary); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.docs-sidebar h3 { |
|
|
|
.docs-sidebar h3 { |
|
|
|
margin: 0 0 1rem 0; |
|
|
|
margin: 0 0 1rem 0; |
|
|
|
font-size: 1rem; |
|
|
|
font-size: 1rem; |
|
|
|
font-weight: 600; |
|
|
|
font-weight: 600; |
|
|
|
|
|
|
|
color: var(--text-primary); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.doc-list { |
|
|
|
.doc-list { |
|
|
|
@ -284,16 +288,22 @@ |
|
|
|
margin-bottom: 0.5rem; |
|
|
|
margin-bottom: 0.5rem; |
|
|
|
cursor: pointer; |
|
|
|
cursor: pointer; |
|
|
|
transition: all 0.2s; |
|
|
|
transition: all 0.2s; |
|
|
|
|
|
|
|
color: var(--text-primary); |
|
|
|
|
|
|
|
font-family: inherit; |
|
|
|
|
|
|
|
font-size: inherit; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.doc-item:hover { |
|
|
|
.doc-item:hover { |
|
|
|
background: var(--bg-hover); |
|
|
|
background: var(--bg-hover); |
|
|
|
border-color: var(--accent-color); |
|
|
|
border-color: var(--accent-color); |
|
|
|
|
|
|
|
color: var(--text-primary); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.doc-item.selected { |
|
|
|
.doc-item.selected { |
|
|
|
background: var(--bg-selected); |
|
|
|
background: var(--bg-selected); |
|
|
|
border-color: var(--accent-color); |
|
|
|
border-color: var(--accent-color); |
|
|
|
|
|
|
|
color: var(--text-primary); |
|
|
|
|
|
|
|
font-weight: 500; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.empty-docs { |
|
|
|
.empty-docs { |
|
|
|
|
