09c6a56 | website

git clone https://git.pyrossh.dev/website

木 Personal website of pyrossh. Built with astrojs, shiki, vite.

09c6a56 — pyrossh 2026-08-06T09:59:15+05:30

moar improvements

Files changed (18) hide show

assets/css/repos.css +8 -0
assets/css/shared.css +3 -3
package-lock.json +49 -1
package.json +6 -1
scripts/submit-to-archives.js +134 -0
src/_data/repoCommits.js +8 -8
src/_data/repoFiles.js +5 -5
src/_helpers/gitRepos.js +49 -0
src/_includes/repo-layout.njk +2 -2
src/repos/commit.njk +1 -1
src/repos/commits.njk +1 -1
src/repos/file-blame.njk +1 -1
src/repos/file-history.njk +1 -1
src/repos/file.njk +1 -1
src/repos/files-index.njk +1 -1
src/repos/repo.njk +1 -1
tests/helpers/static-server.js +76 -0
tests/pages.test.js +146 -0

assets/css/repos.css CHANGED Viewed

@@ -55,6 +55,14 @@
     flex: 1;
   }
+  .repo-version {
+    font-size: 1.1rem;
+    font-weight: 500;
+    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+    color: var(--color-text);
+    margin-left: 0.5rem;
+  }
   .tags {
     margin-top: 0.5rem;
     display: flex;

assets/css/shared.css CHANGED Viewed

@@ -191,11 +191,11 @@ main {
 .wrapper {
   flex: 1;
   width: 100%;
-  max-width: 960px;
+  max-width: 72ch;
   margin-right: auto;
   margin-left: auto;
-  padding-left: 1em;
+  padding-left: 1rem;
-  padding-right: 1em;
+  padding-right: 1rem;
 }
 /* site-header.njk/site-footer.njk are plain includes (no wrapping custom

package-lock.json CHANGED Viewed

@@ -15,7 +15,8 @@
         "@11ty/eleventy": "^3.0.0",
         "@11ty/eleventy-plugin-rss": "^2.0.0",
         "@11ty/eleventy-plugin-syntaxhighlight": "^5.0.0",
-        "@iconify-json/vscode-icons": "^1.2.68"
+        "@iconify-json/vscode-icons": "^1.2.68",
+        "playwright": "^1.62.1"
       }
     },
     "node_modules/@11ty/dependency-tree": {
@@ -1347,6 +1348,53 @@
         "url": "https://github.com/sponsors/jonschlinkert"
       }
     },
+    "node_modules/playwright": {
+      "version": "1.62.1",
+      "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.62.1.tgz",
+      "integrity": "sha512-0M+L3LAD8/nm554LOla9Ayx0j0tmFZ0FBcoQ7F1VuVHpM/XpiC8RcDzBQB8W5+hA8L22THxELzeF+2WcUzvcLg==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "playwright-core": "1.62.1"
+      },
+      "bin": {
+        "playwright": "cli.js"
+      },
+      "engines": {
+        "node": ">=20"
+      },
+      "optionalDependencies": {
+        "fsevents": "2.3.2"
+      }
+    },
+    "node_modules/playwright-core": {
+      "version": "1.62.1",
+      "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.62.1.tgz",
+      "integrity": "sha512-wPYSwEBJY9GHraISXqyqtx0na0LpO3XEX7jNDhntbex7tzUS7kLnZsOlFruFJB4Hi/rhDMjXGqHewDZ68nYZVw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "playwright-core": "cli.js"
+      },
+      "engines": {
+        "node": ">=20"
+      }
+    },
+    "node_modules/playwright/node_modules/fsevents": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
+      "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
     "node_modules/please-upgrade-node": {
       "version": "3.2.0",
       "resolved": "https://registry.npmjs.org/please-upgrade-node/-/please-upgrade-node-3.2.0.tgz",

package.json CHANGED Viewed

@@ -4,6 +4,10 @@
   "scripts": {
     "dev": "node --max-old-space-size=8192 ./node_modules/.bin/eleventy --serve",
     "build": "node --max-old-space-size=8192 ./node_modules/.bin/eleventy",
+    "pretest": "npm run build",
+    "test": "node --test tests/**/*.test.js",
+    "test:install-browsers": "playwright install --with-deps chromium",
+    "archive:submit": "node scripts/submit-to-archives.js",
     "tf:plan": "terraform -chdir=infra plan",
     "tf:apply": "terraform -chdir=infra apply"
   },
@@ -17,6 +21,7 @@
     "@11ty/eleventy": "^3.0.0",
     "@11ty/eleventy-plugin-rss": "^2.0.0",
     "@11ty/eleventy-plugin-syntaxhighlight": "^5.0.0",
-    "@iconify-json/vscode-icons": "^1.2.68"
+    "@iconify-json/vscode-icons": "^1.2.68",
+    "playwright": "^1.62.1"
   }
 }

scripts/submit-to-archives.js ADDED Viewed

@@ -0,0 +1,134 @@
+#!/usr/bin/env node
+// Asks public web archives to snapshot the key pages of the site.
+//
+// Providers:
+//  - Wayback Machine (web.archive.org) via its "Save Page Now" endpoint.
+//    Set ARCHIVE_ORG_ACCESS_KEY / ARCHIVE_ORG_SECRET_KEY (from
+//    https://archive.org/account/s3.php) to use the authenticated SPN2 API,
+//    which is less aggressively rate-limited and reports a job status.
+//    Without them, falls back to the unauthenticated /save/<url> endpoint.
+//  - archive.today (archive.ph) via its public /submit/ form endpoint.
+//    There's no official API; archive.today occasionally interposes a
+//    captcha/"please wait" page under load, in which case the submission
+//    just gets logged as needing a manual follow-up.
+//
+// Usage:
+//   node scripts/submit-to-archives.js [--provider=wayback|archivetoday|all] [--dry-run] [--url=/some/path/]
+import { readdirSync } from "node:fs";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+import { setTimeout as sleep } from "node:timers/promises";
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+const SITE_URL = "https://pyrossh.dev";
+const DELAY_BETWEEN_REQUESTS_MS = 4000;
+function parseArgs(argv) {
+  const args = { provider: "all", dryRun: false, urls: [] };
+  for (const arg of argv) {
+    if (arg === "--dry-run") args.dryRun = true;
+    else if (arg.startsWith("--provider=")) args.provider = arg.slice("--provider=".length);
+    else if (arg.startsWith("--url=")) args.urls.push(arg.slice("--url=".length));
+  }
+  return args;
+}
+function discoverPostSlugs() {
+  const postsDir = path.join(__dirname, "..", "src", "posts");
+  return readdirSync(postsDir)
+    .filter((file) => file.endsWith(".md"))
+    .map((file) => file.replace(/\.md$/, ""));
+}
+function discoverUrls() {
+  const staticPaths = [
+    "/",
+    "/cv/",
+    "/posts/",
+    "/only-bible-app/",
+    "/only-bible-app/privacy-policy/",
+    "/only-bible-app/terms-and-conditions/",
+  ];
+  const postPaths = discoverPostSlugs().map((slug) => `/posts/${slug}/`);
+  return [...staticPaths, ...postPaths].map((p) => `${SITE_URL}${p}`);
+}
+async function submitToWaybackMachine(url) {
+  const accessKey = process.env.ARCHIVE_ORG_ACCESS_KEY;
+  const secretKey = process.env.ARCHIVE_ORG_SECRET_KEY;
+  if (accessKey && secretKey) {
+    const response = await fetch("https://web.archive.org/save", {
+      method: "POST",
+      headers: {
+        Authorization: `LOW ${accessKey}:${secretKey}`,
+        "content-type": "application/x-www-form-urlencoded",
+        Accept: "application/json",
+      },
+      body: new URLSearchParams({ url, skip_first_archive: "1" }),
+    });
+    const body = await response.json().catch(() => ({}));
+    return { ok: response.ok, status: response.status, detail: body.job_id ? `job ${body.job_id}` : JSON.stringify(body) };
+  }
+  const response = await fetch(`https://web.archive.org/save/${url}`, { method: "GET", redirect: "follow" });
+  return { ok: response.ok, status: response.status, detail: response.url };
+}
+async function submitToArchiveToday(url) {
+  const response = await fetch("https://archive.ph/submit/", {
+    method: "POST",
+    headers: { "content-type": "application/x-www-form-urlencoded" },
+    body: new URLSearchParams({ url, anyway: "1" }),
+    redirect: "manual",
+  });
+  const location = response.headers.get("location");
+  const isRedirect = response.status >= 300 && response.status < 400;
+  return {
+    ok: response.ok || isRedirect,
+    status: response.status,
+    detail: location ?? "submitted (archive.today may still be processing — check the site manually)",
+  };
+}
+const PROVIDERS = {
+  wayback: { label: "Wayback Machine", submit: submitToWaybackMachine },
+  archivetoday: { label: "archive.today", submit: submitToArchiveToday },
+};
+async function main() {
+  const args = parseArgs(process.argv.slice(2));
+  const urls = args.urls.length ? args.urls.map((u) => (u.startsWith("http") ? u : `${SITE_URL}${u}`)) : discoverUrls();
+  const providerNames = args.provider === "all" ? Object.keys(PROVIDERS) : [args.provider];
+  for (const name of providerNames) {
+    if (!PROVIDERS[name]) throw new Error(`Unknown provider "${name}". Expected one of: wayback, archivetoday, all`);
+  }
+  console.log(`Submitting ${urls.length} URL(s) to: ${providerNames.map((n) => PROVIDERS[n].label).join(", ")}`);
+  if (args.dryRun) {
+    for (const url of urls) console.log(`[dry-run] ${url}`);
+    return;
+  }
+  for (const name of providerNames) {
+    const provider = PROVIDERS[name];
+    console.log(`\n--- ${provider.label} ---`);
+    for (const [index, url] of urls.entries()) {
+      try {
+        const result = await provider.submit(url);
+        const icon = result.ok ? "✔" : "✖";
+        console.log(`${icon} [${result.status}] ${url} — ${result.detail}`);
+      } catch (err) {
+        console.log(`✖ [error] ${url} — ${err.message}`);
+      }
+      if (index < urls.length - 1) await sleep(DELAY_BETWEEN_REQUESTS_MS);
+    }
+  }
+}
+main().catch((err) => {
+  console.error(err.message);
+  process.exit(1);
+});

src/_data/repoCommits.js CHANGED Viewed

@@ -51,14 +51,14 @@ export default async () => {
       if (sha) writeCache(cacheKey, sha, entries);
     }
-    // Only `id`/`data` ever get read off `item.repo` in commit.njk — not the
+    // Only `id`/`data`/`version` ever get read off `item.repo` in
-    // full `repo` object's `files`/`tree`/`commits`/`readme`. Eleventy's
+    // commit.njk — not the full `repo` object's `files`/`tree`/`commits`/
-    // paginator deep-clones each page's data slice for isolation, so
+    // `readme`. Eleventy's paginator deep-clones each page's data slice for
-    // embedding the whole repo (every commit's metadata, every file, the
+    // isolation, so embedding the whole repo (every commit's metadata,
-    // tree, the README) here means that whole structure gets cloned once
+    // every file, the tree, the README) here means that whole structure
-    // per commit page — the actual multiplier behind the OOM, not just the
+    // gets cloned once per commit page — the actual multiplier behind the
-    // diff HTML size.
+    // OOM, not just the diff HTML size.
-    const slimRepo = { id: repo.id, data: repo.data };
+    const slimRepo = { id: repo.id, data: repo.data, version: repo.version };
     for (const entry of entries) pages.push({ repoId: repo.id, repo: slimRepo, ...entry });
   }
   return pages;

src/_data/repoFiles.js CHANGED Viewed

@@ -52,11 +52,11 @@ export default async () => {
     }
     // file.njk/file-history.njk/file-blame.njk only ever read `id`/`data`/
-    // `tree` off `item.repo` — not `files`/`commits`/`readme`. See the same
+    // `tree`/`version` off `item.repo` — not `files`/`commits`/`readme`.
-    // note in repoCommits.js: Eleventy clones each page's data slice, so
+    // See the same note in repoCommits.js: Eleventy clones each page's data
-    // keeping this slim avoids cloning the repo's full commit/file lists on
+    // slice, so keeping this slim avoids cloning the repo's full commit/
-    // every single file page.
+    // file lists on every single file page.
-    const slimRepo = { id: repo.id, data: repo.data, tree: repo.tree };
+    const slimRepo = { id: repo.id, data: repo.data, tree: repo.tree, version: repo.version };
     for (const entry of entries) pages.push({ repoId: repo.id, repo: slimRepo, ...entry });
   }
   return pages;

src/_helpers/gitRepos.js CHANGED Viewed

@@ -274,6 +274,54 @@ const readReadme = (repoDir) => {
   return undefined;
 };
+const readCargoVersion = (repoDir) => {
+  const p = path.join(repoDir, "Cargo.toml");
+  if (!fs.existsSync(p)) return undefined;
+  return fs.readFileSync(p, "utf8").match(/^\s*version\s*=\s*"([^"]+)"/m)?.[1];
+};
+const readPackageJsonVersion = (repoDir) => {
+  const p = path.join(repoDir, "package.json");
+  if (!fs.existsSync(p)) return undefined;
+  try {
+    return JSON.parse(fs.readFileSync(p, "utf8")).version;
+  } catch {
+    return undefined;
+  }
+};
+// go.mod has no dedicated version field — Go modules version via git tags,
+// not file content — so the only version signal it ever encodes is the
+// major-version suffix a module path gets once it reaches v2+ (e.g.
+// `module example.com/foo/v3`). That's a major version only, not a full
+// semver, but it's the one real thing there is to surface here.
+const readGoModVersion = (repoDir) => {
+  const p = path.join(repoDir, "go.mod");
+  if (!fs.existsSync(p)) return undefined;
+  const match = fs.readFileSync(p, "utf8").match(/^module\s+\S+\/v(\d+)\s*$/m);
+  return match ? `${match[1]}.0.0` : undefined;
+};
+// pubspec version is `x.y.z` or `x.y.z+buildNumber` (Flutter/Dart) — shown
+// as-is, build number included, since that's the literal file content.
+const readPubspecVersion = (repoDir) => {
+  const p = path.join(repoDir, "pubspec.yaml");
+  if (!fs.existsSync(p)) return undefined;
+  return fs.readFileSync(p, "utf8").match(/^version:\s*(\S+)/m)?.[1];
+};
+// Checked rarest-manifest-first: a pubspec.yaml or go.mod only exists
+// because the repo IS a Flutter or Go project, but a Cargo.toml or
+// package.json can just as easily be secondary tooling living alongside
+// the real manifest (e.g. only-bible-app is a Flutter app with its own
+// Cargo.toml for a native plugin and a package.json for build scripts —
+// neither's version is the app's version).
+const readVersion = (repoDir) =>
+  readPubspecVersion(repoDir) ??
+  readGoModVersion(repoDir) ??
+  readCargoVersion(repoDir) ??
+  readPackageJsonVersion(repoDir);
 let cache;
 export const discoverLocalRepos = () => {
@@ -300,6 +348,7 @@ export const discoverLocalRepos = () => {
       tree: buildFileTree(files),
       commits: getCommits(dir),
       readme: readReadme(dir),
+      version: readVersion(dir),
     };
   });
   return cache;

src/_includes/repo-layout.njk CHANGED Viewed

@@ -1,8 +1,8 @@
-{% macro repoLayout(repo, title, desc, tags, tab) %}
+{% macro repoLayout(repo, title, desc, tags, tab, version) %}
 {{ iconSpriteDefs() | safe }}
 <div class="repo">
   <div class="header">
-    <h1><span style="view-transition-name:repo-title-{{ title }}">{{ title }}</span></h1>
+    <h1><span style="view-transition-name:repo-title-{{ title }}">{{ title }}</span>{% if version %} <span class="repo-version">v{{ version }}</span>{% endif %}</h1>
     <div class="tags">{% for tag in tags %}<span class="tag">#{{ tag }}</span>{% endfor %}</div>
   </div>
   <h3 class="clone-cmd">

src/repos/commit.njk CHANGED Viewed

@@ -10,7 +10,7 @@ eleventyComputed:
 ---
 {% from "repo-layout.njk" import repoLayout %}
 <div id="repo-page">
-  {{ repoLayout(item.repo.id, item.repo.data.title, item.repo.data.description, item.repo.data.tags, "Commits") }}
+  {{ repoLayout(item.repo.id, item.repo.data.title, item.repo.data.description, item.repo.data.tags, "Commits", item.repo.version) }}
   <div id="repo-content">
     <div class="event">
       <div>

src/repos/commits.njk CHANGED Viewed

@@ -10,7 +10,7 @@ eleventyComputed:
 ---
 {% from "repo-layout.njk" import repoLayout %}
 <div id="repo-page">
-  {{ repoLayout(repo.id, repo.data.title, repo.data.description, repo.data.tags, "Commits") }}
+  {{ repoLayout(repo.id, repo.data.title, repo.data.description, repo.data.tags, "Commits", repo.version) }}
   <div id="repo-content">
     {% if repo.commits.length %}
       {% for commit in repo.commits %}

src/repos/file-blame.njk CHANGED Viewed

@@ -11,7 +11,7 @@ eleventyComputed:
 {% from "repo-layout.njk" import repoLayout %}
 {% from "file-layout.njk" import fileLayout %}
 <div id="repo-page">
-  {{ repoLayout(item.repo.id, item.repo.data.title, item.repo.data.description, item.repo.data.tags, "Files") }}
+  {{ repoLayout(item.repo.id, item.repo.data.title, item.repo.data.description, item.repo.data.tags, "Files", item.repo.version) }}
   <div id="repo-content">
     <div class="file-explorer">
       <aside class="file-explorer-tree">

src/repos/file-history.njk CHANGED Viewed

@@ -11,7 +11,7 @@ eleventyComputed:
 {% from "repo-layout.njk" import repoLayout %}
 {% from "file-layout.njk" import fileLayout %}
 <div id="repo-page">
-  {{ repoLayout(item.repo.id, item.repo.data.title, item.repo.data.description, item.repo.data.tags, "Files") }}
+  {{ repoLayout(item.repo.id, item.repo.data.title, item.repo.data.description, item.repo.data.tags, "Files", item.repo.version) }}
   <div id="repo-content">
     <div class="file-explorer">
       <aside class="file-explorer-tree">

src/repos/file.njk CHANGED Viewed

@@ -11,7 +11,7 @@ eleventyComputed:
 {% from "repo-layout.njk" import repoLayout %}
 {% from "file-layout.njk" import fileLayout, fileContent %}
 <div id="repo-page">
-  {{ repoLayout(item.repo.id, item.repo.data.title, item.repo.data.description, item.repo.data.tags, "Files") }}
+  {{ repoLayout(item.repo.id, item.repo.data.title, item.repo.data.description, item.repo.data.tags, "Files", item.repo.version) }}
   <div id="repo-content">
     <div class="file-explorer">
       <aside class="file-explorer-tree">

src/repos/files-index.njk CHANGED Viewed

@@ -13,7 +13,7 @@ eleventyComputed:
 {% set defaultEntry = repoFiles | filterByRepo(repo.id) | defaultFileEntry %}
 {% set activePath = defaultEntry.file.path if defaultEntry else "" %}
 <div id="repo-page">
-  {{ repoLayout(repo.id, repo.data.title, repo.data.description, repo.data.tags, "Files") }}
+  {{ repoLayout(repo.id, repo.data.title, repo.data.description, repo.data.tags, "Files", repo.version) }}
   <div id="repo-content">
     <div class="file-explorer">
       <aside class="file-explorer-tree">

src/repos/repo.njk CHANGED Viewed

@@ -11,7 +11,7 @@ eleventyComputed:
 ---
 {% from "repo-layout.njk" import repoLayout %}
 <div id="repo-page">
-  {{ repoLayout(repo.id, repo.data.title, repo.data.description, repo.data.tags, "Readme") }}
+  {{ repoLayout(repo.id, repo.data.title, repo.data.description, repo.data.tags, "Readme", repo.version) }}
   <div id="repo-content">
     {% if repo.readmeHtml %}
       <article class="markdown-body">{{ repo.readmeHtml | safe }}</article>

tests/helpers/static-server.js ADDED Viewed

@@ -0,0 +1,76 @@
+import { createServer } from "node:http";
+import { readFile, stat } from "node:fs/promises";
+import path from "node:path";
+const MIME_TYPES = {
+  ".html": "text/html; charset=utf-8",
+  ".css": "text/css; charset=utf-8",
+  ".js": "text/javascript; charset=utf-8",
+  ".json": "application/json; charset=utf-8",
+  ".svg": "image/svg+xml",
+  ".png": "image/png",
+  ".jpg": "image/jpeg",
+  ".jpeg": "image/jpeg",
+  ".ico": "image/x-icon",
+  ".xml": "application/xml; charset=utf-8",
+  ".txt": "text/plain; charset=utf-8",
+  ".woff2": "font/woff2",
+  ".pdf": "application/pdf",
+};
+async function resolveFile(rootDir, urlPath) {
+  const decoded = decodeURIComponent(urlPath.split("?")[0]);
+  const safeSuffix = path.normalize(decoded).replace(/^(\.\.[/\\])+/, "");
+  const requestedPath = path.join(rootDir, safeSuffix);
+  const candidates = requestedPath.endsWith("/")
+    ? [path.join(requestedPath, "index.html")]
+    : [requestedPath, path.join(requestedPath, "index.html"), `${requestedPath}.html`];
+  for (const candidate of candidates) {
+    try {
+      const info = await stat(candidate);
+      if (info.isFile()) return candidate;
+    } catch {
+      // try next candidate
+    }
+  }
+  return null;
+}
+/**
+ * Serves a pre-built static site directory (e.g. Eleventy's `dist/`) over HTTP,
+ * falling back to `404.html` so tests see the same not-found page as production.
+ */
+export async function startStaticServer(rootDir, { notFoundFile = "404.html" } = {}) {
+  const server = createServer(async (req, res) => {
+    try {
+      const filePath = await resolveFile(rootDir, req.url ?? "/");
+      if (filePath) {
+        const body = await readFile(filePath);
+        res.writeHead(200, { "content-type": MIME_TYPES[path.extname(filePath)] ?? "application/octet-stream" });
+        res.end(body);
+        return;
+      }
+      const fallback = path.join(rootDir, notFoundFile);
+      try {
+        const body = await readFile(fallback);
+        res.writeHead(404, { "content-type": "text/html; charset=utf-8" });
+        res.end(body);
+      } catch {
+        res.writeHead(404, { "content-type": "text/plain" });
+        res.end("Not found");
+      }
+    } catch (err) {
+      res.writeHead(500, { "content-type": "text/plain" });
+      res.end(String(err));
+    }
+  });
+  await new Promise((resolve) => server.listen(0, "127.0.0.1", resolve));
+  const { port } = server.address();
+  return {
+    url: `http://127.0.0.1:${port}`,
+    close: () => new Promise((resolve) => server.close(resolve)),
+  };
+}

tests/pages.test.js ADDED Viewed

@@ -0,0 +1,146 @@
+import { after, before, describe, test } from "node:test";
+import assert from "node:assert/strict";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+import { chromium } from "playwright";
+import { startStaticServer } from "./helpers/static-server.js";
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+const distDir = path.join(__dirname, "..", "dist");
+let server;
+let browser;
+let page;
+const consoleErrors = [];
+before(async () => {
+  server = await startStaticServer(distDir);
+  browser = await chromium.launch();
+  page = await browser.newPage();
+  page.on("console", (msg) => {
+    if (msg.type() === "error") consoleErrors.push(`[${page.url()}] ${msg.text()}`);
+  });
+  page.on("pageerror", (err) => {
+    consoleErrors.push(`[${page.url()}] ${err.message}`);
+  });
+});
+after(async () => {
+  await browser?.close();
+  await server?.close();
+});
+async function goto(urlPath) {
+  const response = await page.goto(`${server.url}${urlPath}`, { waitUntil: "domcontentloaded" });
+  return response;
+}
+describe("static pages", () => {
+  test("home page renders", async () => {
+    const response = await goto("/");
+    assert.equal(response.status(), 200);
+    await assert.doesNotReject(page.locator("h1.title").waitFor());
+    assert.match(await page.title(), /pyrossh/);
+  });
+  test("cv page renders", async () => {
+    const response = await goto("/cv/");
+    assert.equal(response.status(), 200);
+    await assert.doesNotReject(page.locator("h1").waitFor());
+    assert.equal(await page.locator("img[alt='Resume']").count(), 1);
+  });
+  test("posts index lists posts", async () => {
+    const response = await goto("/posts/");
+    assert.equal(response.status(), 200);
+    const links = page.locator("main a[href^='/posts/']");
+    assert.ok((await links.count()) > 0, "expected at least one post link");
+  });
+  test("a post page renders", async () => {
+    const response = await goto("/posts/react-powertools-swr/");
+    assert.equal(response.status(), 200);
+    assert.match(await page.title(), /React Powertools/);
+  });
+  test("only-bible-app pages render", async () => {
+    for (const url of ["/only-bible-app/", "/only-bible-app/privacy-policy/", "/only-bible-app/terms-and-conditions/"]) {
+      const response = await goto(url);
+      assert.equal(response.status(), 200, `expected 200 for ${url}`);
+    }
+  });
+  test("robots.txt and rss.xml are served", async () => {
+    const robots = await goto("/robots.txt");
+    assert.equal(robots.status(), 200);
+    assert.match(await page.content(), /User-agent/);
+    const rss = await goto("/rss.xml");
+    assert.equal(rss.status(), 200);
+  });
+  test("unknown route returns the 404 page", async () => {
+    const response = await goto("/this-page-does-not-exist/");
+    assert.equal(response.status(), 404);
+    assert.match(await page.locator("h1").textContent(), /404/);
+  });
+});
+describe("repo pages", () => {
+  const repoId = "website";
+  test("repo readme page renders", async () => {
+    const response = await goto(`/repos/${repoId}/`);
+    assert.equal(response.status(), 200);
+    await assert.doesNotReject(page.locator(".repo .header h1").waitFor());
+    assert.equal(await page.locator(".nav a.active-tab").textContent(), "Readme");
+  });
+  test("repo commits page lists commits", async () => {
+    const response = await goto(`/repos/${repoId}/commits/`);
+    assert.equal(response.status(), 200);
+    const commitLinks = page.locator(`a[href^='/repos/${repoId}/commits/']`);
+    assert.ok((await commitLinks.count()) > 0, "expected at least one commit link");
+  });
+  test("a single commit page renders", async () => {
+    await goto(`/repos/${repoId}/commits/`);
+    const firstCommitHref = await page.locator(`a[href^='/repos/${repoId}/commits/']`).first().getAttribute("href");
+    const response = await goto(firstCommitHref);
+    assert.equal(response.status(), 200);
+    assert.equal(await page.locator(".nav a.active-tab").textContent(), "Commits");
+  });
+  test("repo files index renders the tree and a default file", async () => {
+    const response = await goto(`/repos/${repoId}/files/`);
+    assert.equal(response.status(), 200);
+    assert.ok((await page.locator(".file-explorer-tree").count()) > 0);
+  });
+  test("a specific file, its history and blame views render", async () => {
+    const filePath = "eleventy.config.js";
+    const fileRes = await goto(`/repos/${repoId}/files/${filePath}/`);
+    assert.equal(fileRes.status(), 200);
+    const historyRes = await goto(`/repos/${repoId}/files/${filePath}/history/`);
+    assert.equal(historyRes.status(), 200);
+    const blameRes = await goto(`/repos/${repoId}/files/${filePath}/blame/`);
+    assert.equal(blameRes.status(), 200);
+  });
+  test("repo nav tabs swap content via htmx without a full reload", async () => {
+    await goto(`/repos/${repoId}/`);
+    await page.click(".nav a[href='/repos/website/files/']");
+    await page.waitForURL(`${server.url}/repos/${repoId}/files/`);
+    assert.equal(await page.locator(".nav a.active-tab").textContent(), "Code");
+  });
+});
+test("no unexpected console errors were logged across visited pages", () => {
+  // The deliberate 404 test above triggers a browser-level "failed to load
+  // resource" console entry for its own navigation request — that's the
+  // behavior under test there, not a bug, so it's excluded here.
+  const unexpected = consoleErrors.filter((msg) => !msg.includes("this-page-does-not-exist"));
+  assert.deepEqual(unexpected, []);
+});