mirror of
https://github.com/andwati/andwati.com.git
synced 2026-10-18 01:12:53 +00:00
Nav bar & layout consistency - Base.astro's `wide` layout now defaults on for every page (was opt-in), fixing the nav bar wrapping differently depending on page width - Icon buttons for search and theme toggle (magnifying glass, sun/moon), replacing the plain "Search" text link and the "◐" glyph - Search is now a Cmd/Ctrl+K modal over Pagefind (lazy-loaded on first open) instead of a separate /search/ page, matching the old site - Fixed the article page's TOC sitting with unwanted left padding relative to the header (grid was center-justified instead of start-justified) Smooth navigation - Added Astro's ClientRouter for animated page transitions - Every page-local script that only ran once at module load (three.js hero, minimap, comments, book-spine carousel, scroll-to-top, reading progress, theme toggle, Pagefind init) now re-initializes via astro:page-load, with AbortController-based cleanup so window/document listeners don't accumulate across client-side navigations Restored from the legacy Zola site - Reading progress bar (article pages) and scroll-to-top button - Share buttons (X, Bluesky, LinkedIn, Reddit, HN, email) on writings - Prev/next post navigation with the old label/title layout - Utterances comments, wired to andwati/andwati.com with dark/light theme sync - YouTube embeds: any plain <iframe src="...youtube-nocookie.com..."> is now auto-wrapped in a responsive 16:9 container, gets loading="lazy", and emits VideoObject JSON-LD — no shortcode needed - LaTeX: $inline$ and $$block$$ math renders to static HTML via KaTeX at build time (no client-side JS shipped for it) - Tags page redesigned as a centered, alphabetical tag cloud Removed the related-posts section per request. Accessibility & contrast - --accent (#d1502f) measured 4.0:1 on the light background, just under WCAG AA's 4.5:1 for normal text — darkened to #a84025 (5.7:1), plus matching light-mode-only fixes for the two hljs syntax colors and the tip/warning callout colors that had the same problem in light mode - Fixed heading-order violations (h1 straight to h3 with nothing at h2) across the homepage, writings/portfolio/bookshelf/blogs lists, and tag pages — introduced a shared .entry-title class for the h2 list titles - Fixed inconsistent title-link underline colors: a plain <a> carries its own default underline (in its own text color) instead of matching its parent heading's accent-colored one — h1/h2/h3 anchors now explicitly inherit the heading's decoration - Bookshelf spine colors are generated per-title from a hash; the lightness-based text-color heuristic could still produce sub-4.5:1 contrast for some hues (e.g. green) — now computes real WCAG contrast and adjusts Performance - The three.js homepage hero was the single largest main-thread cost site-wide (dragging that page's Lighthouse performance score to the low 80s while every other page scored 95+): three.js is now dynamically imported only once the browser is idle (WebGL-support check split into its own tiny module so unsupported browsers never fetch it at all), the render loop is capped to ~30fps, and hover raycasting only runs on an actual pointer move instead of every frame SEO & structured data - Self-referential canonical links site-wide (with override support for posts first published elsewhere) - Sitewide WebSite/Person JSON-LD, plus per-article BlogPosting, BreadcrumbList, and (when applicable) VideoObject JSON-LD - robots.txt explicitly welcomes AI/LLM crawlers (GPTBot, ClaudeBot, PerplexityBot, Google-Extended, CCBot, etc.) and points at llms.txt - Added an Atom feed (RSS and JSON Feed already existed) - Sitemap now sets <lastmod> per entry from its own date/updated frontmatter instead of leaving every URL at build time Analytics & comments infra - Self-hosted Umami wiring via PUBLIC_UMAMI_SCRIPT_URL/WEBSITE_ID (apps/site/.env.example), no-ops until both are set - sws.toml's CSP updated to allow utteranc.es and analytics.andwati.com — without this both were silently blocked in production Lighthouse CI - @lhci/cli wired up against the built site (mobile + desktop configs), `pnpm run lighthouse`, and a GitHub Actions workflow to run it on every push/PR — reporting only for now, no failing thresholds
66 lines
2.4 KiB
JavaScript
66 lines
2.4 KiB
JavaScript
// Builds a Map<pathname, ISO date string> from content/ frontmatter so the
|
|
// sitemap's <lastmod> reflects real edit dates instead of just "whenever the
|
|
// site was last built". Runs from astro.config.mjs, which executes as plain
|
|
// Node outside Vite/Astro's content-layer pipeline (same reason
|
|
// scripts/generate-llms.astro-site.mjs parses frontmatter by hand instead of
|
|
// importing astro:content) — duplicated here rather than shared because the
|
|
// two scripts' output shapes don't overlap enough to be worth a shared module.
|
|
import fs from "node:fs";
|
|
import path from "node:path";
|
|
import { fileURLToPath } from "node:url";
|
|
import { parse as parseToml } from "smol-toml";
|
|
|
|
const FRONTMATTER_RE = /^\+\+\+\r?\n([\s\S]*?)\r?\n\+\+\+\r?\n?([\s\S]*)$/;
|
|
|
|
function walk(dir) {
|
|
if (!fs.existsSync(dir)) return [];
|
|
return fs.readdirSync(dir, { withFileTypes: true }).flatMap((entry) => {
|
|
const full = path.join(dir, entry.name);
|
|
if (entry.isDirectory()) return walk(full);
|
|
return entry.isFile() && entry.name.endsWith(".md") ? [full] : [];
|
|
});
|
|
}
|
|
|
|
function slugFor(dir, file) {
|
|
const rel = path.relative(dir, file).split(path.sep).join("/");
|
|
return rel.endsWith("/index.md") ? rel.slice(0, -"/index.md".length) : rel.slice(0, -".md".length);
|
|
}
|
|
|
|
function readEntries(typeDir) {
|
|
return walk(typeDir)
|
|
.map((file) => {
|
|
const raw = fs.readFileSync(file, "utf8");
|
|
const match = raw.match(FRONTMATTER_RE);
|
|
if (!match) return null;
|
|
return { slug: slugFor(typeDir, file), frontmatter: parseToml(match[1]) };
|
|
})
|
|
.filter(Boolean);
|
|
}
|
|
|
|
function isoOrNull(value) {
|
|
if (!value) return null;
|
|
const d = value instanceof Date ? value : new Date(value);
|
|
return Number.isNaN(d.valueOf()) ? null : d.toISOString();
|
|
}
|
|
|
|
export function buildLastmodMap(contentDir) {
|
|
const map = new Map();
|
|
|
|
for (const entry of readEntries(path.join(contentDir, "writings"))) {
|
|
if (entry.frontmatter.draft) continue;
|
|
const lastmod = isoOrNull(entry.frontmatter.updated ?? entry.frontmatter.date);
|
|
if (lastmod) map.set(`/writings/${entry.slug}/`, lastmod);
|
|
}
|
|
|
|
for (const entry of readEntries(path.join(contentDir, "bookshelf"))) {
|
|
const lastmod = isoOrNull(entry.frontmatter.date_finished ?? entry.frontmatter.date_started);
|
|
if (lastmod) map.set(`/bookshelf/${entry.slug}/`, lastmod);
|
|
}
|
|
|
|
return map;
|
|
}
|
|
|
|
export function resolveContentDir(configFileUrl) {
|
|
return path.join(path.dirname(fileURLToPath(configFileUrl)), "..", "..", "content");
|
|
}
|