@ankhorage/renovate 0.1.1

package/package.json

@@ -0,0 +1,72 @@
+{
+  "name": "@ankhorage/renovate",
+  "version": "0.1.1",
+  "description": "Ankhorage dependency update policy and automation powered by Renovate.",
+  "type": "module",
+  "license": "MIT",
+  "sideEffects": false,
+  "homepage": "https://github.com/ankhorage/renovate#readme",
+  "bugs": {
+    "url": "https://github.com/ankhorage/renovate/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/ankhorage/renovate.git"
+  },
+  "keywords": [
+    "ankhorage",
+    "renovate",
+    "dependency-management",
+    "automation",
+    "github-actions",
+    "bun"
+  ],
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist",
+    "default.json",
+    "devtools-owner.json",
+    "examples",
+    "paradox",
+    "README.md",
+    "CHANGELOG.md",
+    "LICENSE"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./default.json": "./default.json",
+    "./devtools-owner.json": "./devtools-owner.json",
+    "./package.json": "./package.json"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "rm -rf dist tsconfig.tsbuildinfo && bun x tsc -p tsconfig.json",
+    "changeset": "changeset",
+    "changeset:status": "changeset status --since=origin/main",
+    "docs": "paradox",
+    "test": "bun test src && RENOVATE_X_IGNORE_RE2=true renovate-config-validator default.json devtools-owner.json",
+    "typecheck": "bun x tsc --noEmit -p tsconfig.json",
+    "version-packages": "changeset version",
+    "lint": "ankhorage-eslint . --max-warnings=0",
+    "lint:fix": "ankhorage-eslint . --fix --max-warnings=0",
+    "format": "ankhorage-prettier --write .",
+    "format:check": "ankhorage-prettier --check .",
+    "knip:check": "ankhorage-knip"
+  },
+  "devDependencies": {
+    "@ankhorage/devtools": "^1.7.0",
+    "@ankhorage/paradox": "^0.1.24",
+    "@changesets/cli": "^3.0.1",
+    "@types/bun": "^1.3.14",
+    "@types/node": "^24.13.3",
+    "renovate": "^44.43.1",
+    "typescript": "~6.0.3"
+  },
+  "packageManager": "bun@1.3.14"
+}

package/paradox/badges/build.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="104" height="20" role="img" aria-label="build: checked">
+<title>build: checked</title>
+<rect width="45" height="20" fill="#374151"/>
+<rect x="45" width="59" height="20" fill="#0a7f3f"/>
+<text x="22.5" y="14" fill="#ffffff" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" font-size="11" text-anchor="middle">build</text>
+<text x="74.5" y="14" fill="#ffffff" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" font-size="11" text-anchor="middle">checked</text>
+</svg>

package/paradox/badges/docs.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="97" height="20" role="img" aria-label="docs: paradox">
+<title>docs: paradox</title>
+<rect width="38" height="20" fill="#374151"/>
+<rect x="38" width="59" height="20" fill="#0f766e"/>
+<text x="19" y="14" fill="#ffffff" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" font-size="11" text-anchor="middle">docs</text>
+<text x="67.5" y="14" fill="#ffffff" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" font-size="11" text-anchor="middle">paradox</text>
+</svg>

package/paradox/badges/eslint.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="111" height="20" role="img" aria-label="eslint: checked">
+<title>eslint: checked</title>
+<rect width="52" height="20" fill="#374151"/>
+<rect x="52" width="59" height="20" fill="#0a7f3f"/>
+<text x="26" y="14" fill="#ffffff" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" font-size="11" text-anchor="middle">eslint</text>
+<text x="81.5" y="14" fill="#ffffff" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" font-size="11" text-anchor="middle">checked</text>
+</svg>

package/paradox/badges/license.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="97" height="20" role="img" aria-label="license: MIT">
+<title>license: MIT</title>
+<rect width="59" height="20" fill="#374151"/>
+<rect x="59" width="38" height="20" fill="#2563eb"/>
+<text x="29.5" y="14" fill="#ffffff" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" font-size="11" text-anchor="middle">license</text>
+<text x="78" y="14" fill="#ffffff" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" font-size="11" text-anchor="middle">MIT</text>
+</svg>

package/paradox/badges/npm.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="90" height="20" role="img" aria-label="npm: v0.1.1">
+<title>npm: v0.1.1</title>
+<rect width="38" height="20" fill="#374151"/>
+<rect x="38" width="52" height="20" fill="#cb3837"/>
+<text x="19" y="14" fill="#ffffff" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" font-size="11" text-anchor="middle">npm</text>
+<text x="64" y="14" fill="#ffffff" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" font-size="11" text-anchor="middle">v0.1.1</text>
+</svg>

package/paradox/badges/prettier.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="125" height="20" role="img" aria-label="prettier: checked">
+<title>prettier: checked</title>
+<rect width="66" height="20" fill="#374151"/>
+<rect x="66" width="59" height="20" fill="#0a7f3f"/>
+<text x="33" y="14" fill="#ffffff" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" font-size="11" text-anchor="middle">prettier</text>
+<text x="95.5" y="14" fill="#ffffff" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" font-size="11" text-anchor="middle">checked</text>
+</svg>

package/paradox/badges/runtime.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="97" height="20" role="img" aria-label="runtime: bun">
+<title>runtime: bun</title>
+<rect width="59" height="20" fill="#374151"/>
+<rect x="59" width="38" height="20" fill="#f59e0b"/>
+<text x="29.5" y="14" fill="#ffffff" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" font-size="11" text-anchor="middle">runtime</text>
+<text x="78" y="14" fill="#ffffff" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" font-size="11" text-anchor="middle">bun</text>
+</svg>

package/paradox/badges/tests.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="104" height="20" role="img" aria-label="tests: checked">
+<title>tests: checked</title>
+<rect width="45" height="20" fill="#374151"/>
+<rect x="45" width="59" height="20" fill="#0a7f3f"/>
+<text x="22.5" y="14" fill="#ffffff" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" font-size="11" text-anchor="middle">tests</text>
+<text x="74.5" y="14" fill="#ffffff" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" font-size="11" text-anchor="middle">checked</text>
+</svg>

package/paradox/badges/typescript.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="132" height="20" role="img" aria-label="typescript: strict">
+<title>typescript: strict</title>
+<rect width="80" height="20" fill="#374151"/>
+<rect x="80" width="52" height="20" fill="#2563eb"/>
+<text x="40" y="14" fill="#ffffff" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" font-size="11" text-anchor="middle">typescript</text>
+<text x="106" y="14" fill="#ffffff" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" font-size="11" text-anchor="middle">strict</text>
+</svg>

package/paradox/components.md

@@ -0,0 +1 @@
+# Components

package/paradox/diagrams/architecture-overview.mmd

@@ -0,0 +1,12 @@
+graph TD
+  package__ankhorage_renovate["@ankhorage/renovate"]
+  entrypoint_src_index_ts["src/index.ts"]
+  package__ankhorage_renovate --> entrypoint_src_index_ts
+  module_src_changeset_workflow_test_ts["src/changeset-workflow.test.ts"]
+  package__ankhorage_renovate -.-> module_src_changeset_workflow_test_ts
+  module_src_default_test_ts["src/default.test.ts"]
+  package__ankhorage_renovate -.-> module_src_default_test_ts
+  module_src_index_test_ts["src/index.test.ts"]
+  package__ankhorage_renovate -.-> module_src_index_test_ts
+  module_src_index_test_ts --> module_src_index_ts
+  module_src_index_ts["src/index.ts"]

package/paradox/diagrams/export-graph.mmd

@@ -0,0 +1,5 @@
+graph LR
+  module_src_changeset_workflow_test_ts["src/changeset-workflow.test.ts"]
+  module_src_default_test_ts["src/default.test.ts"]
+  module_src_index_test_ts["src/index.test.ts"]
+  module_src_index_ts["src/index.ts"]

package/paradox/diagrams/module-relationships.mmd

@@ -0,0 +1,6 @@
+graph LR
+  module_src_changeset_workflow_test_ts["src/changeset-workflow.test.ts"]
+  module_src_default_test_ts["src/default.test.ts"]
+  module_src_index_test_ts["src/index.test.ts"]
+  module_src_index_ts["src/index.ts"]
+  module_src_index_test_ts --> module_src_index_ts

package/paradox/exports.json

@@ -0,0 +1 @@
+[]

package/paradox/exports.md

@@ -0,0 +1 @@
+# Public API

package/paradox/index.html

@@ -0,0 +1,348 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>@ankhorage/renovate • Paradox</title>
+    <style>
+      :root {
+        color-scheme: light;
+        font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+        background: #f5f7fb;
+        color: #11203b;
+      }
+      * { box-sizing: border-box; }
+      body { margin: 0; }
+      a { color: #2459d3; text-decoration: none; }
+      a:hover { text-decoration: underline; }
+      button { font: inherit; }
+      code, pre { font-family: "SFMono-Regular", ui-monospace, SFMono-Regular, Menlo, monospace; }
+      .layout {
+        display: grid;
+        grid-template-columns: minmax(16rem, 22rem) minmax(0, 1fr);
+        min-height: 100vh;
+      }
+      .sidebar {
+        padding: 1.5rem;
+        border-right: 1px solid #d8dfec;
+        background: #ffffff;
+        position: sticky;
+        top: 0;
+        max-height: 100vh;
+        overflow: auto;
+      }
+      .content { padding: 2rem; }
+      .panel, .item {
+        background: #ffffff;
+        border: 1px solid #d8dfec;
+        border-radius: 0.9rem;
+        padding: 1rem 1.2rem;
+        margin-bottom: 1rem;
+        box-shadow: 0 8px 24px rgba(17, 32, 59, 0.06);
+      }
+      .summary {
+        display: grid;
+        gap: 1rem;
+        grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
+      }
+      .summary strong {
+        display: block;
+        font-size: 1.5rem;
+      }
+      .search {
+        width: 100%;
+        padding: 0.75rem 0.9rem;
+        border-radius: 0.75rem;
+        border: 1px solid #c7d2e5;
+        margin: 1rem 0 1.5rem;
+      }
+      .nav-list, .meta-list {
+        list-style: none;
+        padding: 0;
+        margin: 0;
+      }
+      .nav-list li + li { margin-top: 0.5rem; }
+      .nav-button {
+        width: 100%;
+        display: block;
+        border: 0;
+        border-radius: 0.7rem;
+        background: transparent;
+        color: #24427a;
+        cursor: pointer;
+        padding: 0.55rem 0.7rem;
+        text-align: left;
+      }
+      .nav-button:hover, .nav-button[aria-current="page"] {
+        background: #e8eefb;
+        text-decoration: none;
+      }
+      .nav-button small {
+        display: block;
+        color: #5e6d8c;
+        margin-top: 0.15rem;
+      }
+      .view[hidden] { display: none; }
+      .muted { color: #5e6d8c; }
+      .chips { display: flex; flex-wrap: wrap; gap: 0.5rem; padding: 0; list-style: none; }
+      .chip {
+        border-radius: 999px;
+        background: #e8eefb;
+        color: #24427a;
+        padding: 0.25rem 0.65rem;
+        font-size: 0.85rem;
+      }
+      table { width: 100%; border-collapse: collapse; margin-top: 0.8rem; }
+      th, td { padding: 0.6rem; border-bottom: 1px solid #e2e7f2; text-align: left; vertical-align: top; }
+      pre {
+        overflow: auto;
+        border-radius: 0.75rem;
+        background: #0f1729;
+        color: #e7edf7;
+        padding: 1rem;
+      }
+      .empty { font-style: italic; color: #6f7f9c; }
+      .mermaid { margin: 1rem 0; overflow: auto; }
+      details > summary { cursor: pointer; color: #5e6d8c; font-size: 0.9rem; margin-top: 0.5rem; user-select: none; }
+      @media (max-width: 900px) {
+        .layout { grid-template-columns: 1fr; }
+        .sidebar { position: static; max-height: none; border-right: 0; border-bottom: 1px solid #d8dfec; }
+        .content { padding: 1rem; }
+      }
+    </style>
+  </head>
+  <body>
+    <div class="layout">
+      <aside class="sidebar">
+        <p class="muted">Generated with Paradox</p>
+        <h1>@ankhorage/renovate</h1>
+        <p>Ankhorage dependency update policy and automation powered by Renovate.</p>
+        <input id="search" class="search" type="search" placeholder="Search current view" />
+        <nav aria-label="Documentation sections">
+          <ul class="nav-list">
+            <li>
+              <button class="nav-button" type="button" data-target="home" aria-current="page">
+                Home
+                <small>Overview, CLI, public API, diagrams</small>
+              </button>
+            </li>
+            <li>
+    <button class="nav-button" type="button" data-target="src/changeset-workflow.test.ts">
+      src/changeset-workflow.test.ts
+      <small>1 function</small>
+    </button>
+  </li><li>
+    <button class="nav-button" type="button" data-target="src/default.test.ts">
+      src/default.test.ts
+      <small>5 functions</small>
+    </button>
+  </li>
+          </ul>
+        </nav>
+      </aside>
+      <main class="content">
+        <section id="view-home" class="view" data-view="home">
+          
+    <section class="panel">
+      <h2>Package overview</h2>
+      <div class="summary">
+        <div><strong>0</strong><span class="muted">public exports</span></div>
+        <div><strong>0</strong><span class="muted">components</span></div>
+        <div><strong>4</strong><span class="muted">modules</span></div>
+        <div><strong>1</strong><span class="muted">entrypoints</span></div>
+      </div>
+      <h3>Entrypoints</h3>
+      <ul class="meta-list">
+        <li><code>src/index.ts</code></li>
+      </ul>
+    </section>
+    
+    <section class="panel">
+      <h2>Modules</h2>
+      <article class="item" data-search="src/changeset-workflow.test.ts">
+    <h3>src/changeset-workflow.test.ts</h3>
+    <p class="muted">Referenced module</p>
+    <p><strong>Dependencies:</strong> <span class="empty">None</span></p>
+    <p><strong>Exports:</strong> <span class="empty">None</span></p>
+  </article><article class="item" data-search="src/default.test.ts">
+    <h3>src/default.test.ts</h3>
+    <p class="muted">Referenced module</p>
+    <p><strong>Dependencies:</strong> <span class="empty">None</span></p>
+    <p><strong>Exports:</strong> <span class="empty">None</span></p>
+  </article><article class="item" data-search="src/index.test.ts src/index.ts">
+    <h3>src/index.test.ts</h3>
+    <p class="muted">Referenced module</p>
+    <p><strong>Dependencies:</strong> <code>src/index.ts</code></p>
+    <p><strong>Exports:</strong> <span class="empty">None</span></p>
+  </article><article class="item" data-search="src/index.ts">
+    <h3>src/index.ts</h3>
+    <p class="muted">Configured entrypoint</p>
+    <p><strong>Dependencies:</strong> <span class="empty">None</span></p>
+    <p><strong>Exports:</strong> <span class="empty">None</span></p>
+  </article>
+    </section>
+    <section class="panel">
+      <h2>Public API</h2>
+      
+    </section>
+    <section class="panel">
+      <h2>Component registry</h2>
+      <p class="empty">No components were detected.</p>
+    </section>
+    <section class="panel">
+      <h2>Diagrams</h2>
+      <article class="item" data-search="Architecture overview diagrams/architecture-overview.mmd">
+    <h3>Architecture overview</h3>
+    <p class="muted"><code>diagrams/architecture-overview.mmd</code></p>
+    <div class="mermaid">graph TD
+  package__ankhorage_renovate[&quot;@ankhorage/renovate&quot;]
+  entrypoint_src_index_ts[&quot;src/index.ts&quot;]
+  package__ankhorage_renovate --&gt; entrypoint_src_index_ts
+  module_src_changeset_workflow_test_ts[&quot;src/changeset-workflow.test.ts&quot;]
+  package__ankhorage_renovate -.-&gt; module_src_changeset_workflow_test_ts
+  module_src_default_test_ts[&quot;src/default.test.ts&quot;]
+  package__ankhorage_renovate -.-&gt; module_src_default_test_ts
+  module_src_index_test_ts[&quot;src/index.test.ts&quot;]
+  package__ankhorage_renovate -.-&gt; module_src_index_test_ts
+  module_src_index_test_ts --&gt; module_src_index_ts
+  module_src_index_ts[&quot;src/index.ts&quot;]
+</div>
+    <details>
+      <summary>View Mermaid source</summary>
+      <pre>graph TD
+  package__ankhorage_renovate[&quot;@ankhorage/renovate&quot;]
+  entrypoint_src_index_ts[&quot;src/index.ts&quot;]
+  package__ankhorage_renovate --&gt; entrypoint_src_index_ts
+  module_src_changeset_workflow_test_ts[&quot;src/changeset-workflow.test.ts&quot;]
+  package__ankhorage_renovate -.-&gt; module_src_changeset_workflow_test_ts
+  module_src_default_test_ts[&quot;src/default.test.ts&quot;]
+  package__ankhorage_renovate -.-&gt; module_src_default_test_ts
+  module_src_index_test_ts[&quot;src/index.test.ts&quot;]
+  package__ankhorage_renovate -.-&gt; module_src_index_test_ts
+  module_src_index_test_ts --&gt; module_src_index_ts
+  module_src_index_ts[&quot;src/index.ts&quot;]
+</pre>
+    </details>
+  </article><article class="item" data-search="Module relationships diagrams/module-relationships.mmd">
+    <h3>Module relationships</h3>
+    <p class="muted"><code>diagrams/module-relationships.mmd</code></p>
+    <div class="mermaid">graph LR
+  module_src_changeset_workflow_test_ts[&quot;src/changeset-workflow.test.ts&quot;]
+  module_src_default_test_ts[&quot;src/default.test.ts&quot;]
+  module_src_index_test_ts[&quot;src/index.test.ts&quot;]
+  module_src_index_ts[&quot;src/index.ts&quot;]
+  module_src_index_test_ts --&gt; module_src_index_ts
+</div>
+    <details>
+      <summary>View Mermaid source</summary>
+      <pre>graph LR
+  module_src_changeset_workflow_test_ts[&quot;src/changeset-workflow.test.ts&quot;]
+  module_src_default_test_ts[&quot;src/default.test.ts&quot;]
+  module_src_index_test_ts[&quot;src/index.test.ts&quot;]
+  module_src_index_ts[&quot;src/index.ts&quot;]
+  module_src_index_test_ts --&gt; module_src_index_ts
+</pre>
+    </details>
+  </article><article class="item" data-search="Export graph diagrams/export-graph.mmd">
+    <h3>Export graph</h3>
+    <p class="muted"><code>diagrams/export-graph.mmd</code></p>
+    <div class="mermaid">graph LR
+  module_src_changeset_workflow_test_ts[&quot;src/changeset-workflow.test.ts&quot;]
+  module_src_default_test_ts[&quot;src/default.test.ts&quot;]
+  module_src_index_test_ts[&quot;src/index.test.ts&quot;]
+  module_src_index_ts[&quot;src/index.ts&quot;]
+</div>
+    <details>
+      <summary>View Mermaid source</summary>
+      <pre>graph LR
+  module_src_changeset_workflow_test_ts[&quot;src/changeset-workflow.test.ts&quot;]
+  module_src_default_test_ts[&quot;src/default.test.ts&quot;]
+  module_src_index_test_ts[&quot;src/index.test.ts&quot;]
+  module_src_index_ts[&quot;src/index.ts&quot;]
+</pre>
+    </details>
+  </article>
+    </section>
+        </section>
+        <section id="view-src-changeset-workflow-test-ts" class="view" data-view="src/changeset-workflow.test.ts" hidden>
+    <section class="panel">
+      <h2>src/changeset-workflow.test.ts</h2>
+      <article class="item" data-search="resolveFixtureVersion src/changeset-workflow.test.ts ">
+    <h3>resolveFixtureVersion</h3>
+    <p class="muted"><code>src/changeset-workflow.test.ts:88:1</code></p>
+    <p class="empty">No description available.</p>
+  </article>
+    </section>
+  </section><section id="view-src-default-test-ts" class="view" data-view="src/default.test.ts" hidden>
+    <section class="panel">
+      <h2>src/default.test.ts</h2>
+      <article class="item" data-search="dependency src/default.test.ts ">
+    <h3>dependency</h3>
+    <p class="muted"><code>src/default.test.ts:155:1</code></p>
+    <p class="empty">No description available.</p>
+  </article><article class="item" data-search="matchesRule src/default.test.ts ">
+    <h3>matchesRule</h3>
+    <p class="muted"><code>src/default.test.ts:166:1</code></p>
+    <p class="empty">No description available.</p>
+  </article><article class="item" data-search="matches src/default.test.ts ">
+    <h3>matches</h3>
+    <p class="muted"><code>src/default.test.ts:176:1</code></p>
+    <p class="empty">No description available.</p>
+  </article><article class="item" data-search="readPreset src/default.test.ts ">
+    <h3>readPreset</h3>
+    <p class="muted"><code>src/default.test.ts:186:1</code></p>
+    <p class="empty">No description available.</p>
+  </article><article class="item" data-search="resolveRules src/default.test.ts ">
+    <h3>resolveRules</h3>
+    <p class="muted"><code>src/default.test.ts:190:1</code></p>
+    <p class="empty">No description available.</p>
+  </article>
+    </section>
+  </section>
+      </main>
+    </div>
+    <script>
+      const search = document.getElementById('search');
+      const navButtons = Array.from(document.querySelectorAll('[data-target]'));
+      const views = Array.from(document.querySelectorAll('[data-view]'));
+
+      function getActiveView() {
+        return document.querySelector('[data-view]:not([hidden])');
+      }
+
+      function applySearch() {
+        const value = search?.value.trim().toLowerCase() || '';
+        const activeView = getActiveView();
+        const items = Array.from(activeView?.querySelectorAll('[data-search]') || []);
+
+        for (const item of items) {
+          const haystack = (item.getAttribute('data-search') || '').toLowerCase();
+          item.style.display = value === '' || haystack.includes(value) ? '' : 'none';
+        }
+      }
+
+      for (const button of navButtons) {
+        button.addEventListener('click', () => {
+          const target = button.getAttribute('data-target');
+
+          for (const view of views) {
+            view.hidden = view.getAttribute('data-view') !== target;
+          }
+
+          for (const item of navButtons) {
+            item.setAttribute('aria-current', item === button ? 'page' : 'false');
+          }
+
+          if (search) search.value = '';
+          applySearch();
+        });
+      }
+
+      search?.addEventListener('input', applySearch);
+    </script>
+    <script type="module">
+      import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@11/dist/mermaid.esm.min.mjs';
+      mermaid.initialize({ startOnLoad: true });
+    </script>
+  </body>
+</html>