WorkRoot/WRNexusJSDoc
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: unify navigation across portal pages

Browse Source
This commit is contained in:
Clintchiz
2026-07-13 00:26:03 +05:30
parent c942fa7c02
commit ce8c43da9d
68 changed files with 173 additions and 138 deletions
Download Patch File Download Diff File Expand all files Collapse all files
scripts/generate-docs.ts
+3 -2
View File
@@ -203,9 +203,10 @@ ${state}
<a class="skip-link" href="#main">Skip to content</a>
<header class="topbar">
<a class="brand" href="/"><span>W</span> WRNexusJS</a>
<nav aria-label="Primary"><a href="/getting-started">Get started</a><a href="/tutorial">Tutorial</a><a href="/packages">Packages</a><a href="/guides/project-structure">Guides</a><a href="/language">.wrn language</a><a href="/examples">Examples</a><a href="/search">Search</a></nav>
<div class="topbar-actions"><a class="preview-pill" href="/access">Preview · v${frameworkVersion}</a><button data-wire-theme-toggle class="theme-button" aria-label="Toggle color theme" title="Toggle color theme">◐</button></div>
<nav aria-label="Primary"><a href="/getting-started">Get started</a><a href="/packages">Packages</a><a href="/language">Language</a><a href="/architecture">Architecture</a></nav>
<div class="topbar-actions"><a class="preview-pill" href="/access">Private preview · v${frameworkVersion}</a><button data-wire-theme-toggle class="theme-button" aria-label="Toggle color theme" title="Toggle color theme">◐</button></div>
</header>
<div class="mobile-doc-nav"><details><summary>Browse documentation</summary><nav><a href="/getting-started">Get started</a><a href="/packages">Packages</a><a href="/language">Language</a><a href="/architecture">Architecture</a><a href="/tutorial">Tutorial</a><a href="/guides/project-structure">Guides</a><a href="/examples">Examples</a><a href="/search">Search</a></nav></details></div>
${content}
<footer>WRNexusJS ${frameworkVersion} · Private Developer Preview · Bun-native · Documentation generated from installed package APIs.</footer>
</div>
scripts/generate-portal.ts
+11 -3
View File
@@ -15,16 +15,24 @@ const code = (s: string) =>
const navigation = [
["/getting-started", "Get started"],
["/tutorial", "Tutorial"],
["/packages", "Packages"],
["/language", "Language"],
["/architecture", "Architecture"],
] as const;
const documentationNavigation = [
...navigation,
["/tutorial", "Tutorial"],
["/guides/project-structure", "Guides"],
["/language", ".wrn language"],
["/examples", "Examples"],
["/search", "Search"],
] as const;
function shell(title: string, description: string, body: string, section = "Documentation") {
const nav = navigation.map(([href, label]) => `<a href="${href}">${label}</a>`).join("");
const mobileNav = documentationNavigation
.map(([href, label]) => `<a href="${href}">${label}</a>`)
.join("");
const breadcrumbs =
title === "Home"
? ""
@@ -39,7 +47,7 @@ function shell(title: string, description: string, body: string, section = "Docu
<a class="skip-link" href="#main">Skip to content</a>
<div class="docs-shell">
<header class="topbar"><a class="brand" href="/"><span>W</span> WRNexusJS</a><nav aria-label="Primary">${nav}</nav><div class="topbar-actions"><a class="preview-pill" href="/access">Preview · v${version}</a><button data-wire-theme-toggle class="theme-button" aria-label="Toggle color theme" title="Toggle color theme">◐</button></div></header>
<div class="mobile-doc-nav"><details><summary>Browse documentation</summary><nav>${nav}</nav></details></div>
<div class="mobile-doc-nav"><details><summary>Browse documentation</summary><nav>${mobileNav}</nav></details></div>
<main id="main" class="portal-main">${breadcrumbs}${body}</main>
<footer><p><strong>WRNexusJS ${version}</strong> · Private Developer Preview · Bun-native</p><nav aria-label="Footer"><a href="/access">Request access</a><a href="/license">License</a><a href="/security">Security</a><a href="/support">Support</a><a href="/llms.txt">AI guide</a></nav><p>WRNexusJS is created by <a href="https://workroot.in/">WorkRoot</a>. WRNexus is a separate SaaS product.</p></footer>
</div>