@kamod-ch/preactpress 1.0.2 → 2.0.0

package/dist/shared/scrollRestoration.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scrollRestoration.d.ts","sourceRoot":"","sources":["../../src/shared/scrollRestoration.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB,cAAc,CAAC;AAI5C,wBAAgB,sBAAsB,IAAI,MAAM,IAAI,CAgBnD;AAED,wBAAgB,qBAAqB,IAAI,IAAI,CAM5C;AAED,wBAAgB,kCAAkC,IAAI,IAAI,CAEzD;AAED,wBAAgB,6BAA6B,IAAI,MAAM,CAItD;AAED,wBAAgB,qBAAqB,IAAI,IAAI,CAG5C;AAED,wBAAsB,gCAAgC,IAAI,OAAO,CAAC,IAAI,CAAC,CAEtE;AAED,wBAAsB,sBAAsB,IAAI,OAAO,CAAC,IAAI,CAAC,CAE5D;AAuCD,wBAAgB,qBAAqB,IAAI,IAAI,CAE5C;AAED,wBAAgB,8BAA8B,IAAI,OAAO,CAMxD"}

package/dist/shared/scrollRestoration.js

@@ -0,0 +1,88 @@
+export const SCROLL_STATE_KEY = "ppScrollY";
+let skipScrollRestoreOnce = false;
+export function setupScrollRestoration() {
+    if (typeof window === "undefined")
+        return () => { };
+    if ("scrollRestoration" in window.history) {
+        window.history.scrollRestoration = "manual";
+    }
+    const onScroll = () => {
+        persistScrollPosition();
+    };
+    window.addEventListener("scroll", onScroll, { passive: true });
+    window.addEventListener("pagehide", persistScrollPosition);
+    return () => {
+        window.removeEventListener("scroll", onScroll);
+        window.removeEventListener("pagehide", persistScrollPosition);
+    };
+}
+export function persistScrollPosition() {
+    if (typeof window === "undefined")
+        return;
+    const scrollY = window.scrollY;
+    const state = window.history.state ?? {};
+    if (state[SCROLL_STATE_KEY] === scrollY)
+        return;
+    window.history.replaceState({ ...state, [SCROLL_STATE_KEY]: scrollY }, "");
+}
+export function saveScrollPositionBeforeNavigation() {
+    persistScrollPosition();
+}
+export function readScrollPositionFromHistory() {
+    if (typeof window === "undefined")
+        return 0;
+    const scrollY = window.history.state?.[SCROLL_STATE_KEY];
+    return typeof scrollY === "number" && Number.isFinite(scrollY) ? scrollY : 0;
+}
+export function restoreScrollPosition() {
+    if (typeof window === "undefined")
+        return;
+    window.scrollTo({ top: readScrollPositionFromHistory(), left: 0, behavior: "auto" });
+}
+export async function restoreScrollPositionAfterLayout() {
+    await scrollAfterLayout(readScrollPositionFromHistory());
+}
+export async function scrollToTopAfterLayout() {
+    await scrollAfterLayout(0);
+}
+async function scrollAfterLayout(top) {
+    if (typeof window === "undefined")
+        return;
+    await nextAnimationFrame();
+    await nextAnimationFrame();
+    await waitForImagesToSettle();
+    await nextAnimationFrame();
+    const html = document.documentElement;
+    const previous = html.style.scrollBehavior;
+    html.style.scrollBehavior = "auto";
+    window.scrollTo({ top, left: 0, behavior: "auto" });
+    html.style.scrollBehavior = previous;
+}
+function nextAnimationFrame() {
+    return new Promise((resolve) => requestAnimationFrame(() => resolve()));
+}
+async function waitForImagesToSettle(timeoutMs = 1500) {
+    if (typeof document === "undefined")
+        return;
+    const images = Array.from(document.images).filter((image) => !image.complete);
+    if (images.length === 0)
+        return;
+    await Promise.race([
+        Promise.allSettled(images.map((image) => new Promise((resolve) => {
+            image.addEventListener("load", () => resolve(), { once: true });
+            image.addEventListener("error", () => resolve(), { once: true });
+        }))),
+        new Promise((resolve) => setTimeout(resolve, timeoutMs)),
+    ]);
+}
+export function skipNextScrollRestore() {
+    skipScrollRestoreOnce = true;
+}
+export function consumeScrollRestoreOnPopstate() {
+    if (skipScrollRestoreOnce) {
+        skipScrollRestoreOnce = false;
+        return false;
+    }
+    return true;
+}
+//# sourceMappingURL=scrollRestoration.js.map

package/dist/shared/scrollRestoration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scrollRestoration.js","sourceRoot":"","sources":["../../src/shared/scrollRestoration.ts"],"names":[],"mappings":"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"}

package/dist/shared/search.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../src/shared/search.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,SAAS,CAAC;AAEjD,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,gCAAgC,CAAC,EAAE,MAAM,CAAC;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC3C,4DAA4D;IAC5D,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,oBAAoB,CAAC,CAAC,CAAC;CACzD;AAED,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,EAAE,oBAAoB,CAAC;CAC/B;AAED,oFAAoF;AACpF,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,iBAAiB,GAAG,mBAAmB,CAAC;AAE7E,wBAAgB,qBAAqB,CAAC,MAAM,CAAC,EAAE,YAAY,GAAG,cAAc,GAAG,KAAK,CAInF;AAED,wBAAgB,oBAAoB,CAAC,MAAM,CAAC,EAAE,YAAY,GAAG,OAAO,CAEnE;AAED,wBAAgB,sBAAsB,CAAC,MAAM,CAAC,EAAE,YAAY,GAAG,OAAO,CAErE;AAED,wBAAgB,wBAAwB,CAAC,MAAM,CAAC,EAAE,YAAY,GAAG,oBAAoB,GAAG,SAAS,CAGhG;AAED,wBAAgB,qBAAqB,CACnC,OAAO,EAAE,oBAAoB,EAC7B,SAAS,CAAC,EAAE,MAAM,GACjB,oBAAoB,CAQtB;AAED,wBAAgB,0BAA0B,CAAC,OAAO,EAAE,oBAAoB,GAAG;IACzE,KAAK,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAUA;AAED,wBAAgB,uBAAuB,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,UAAO,GAAG,MAAM,CAS3F;AAED,wBAAgB,uBAAuB,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,CAc3E"}
+{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../src/shared/search.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,SAAS,CAAC;AAEjD,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,gCAAgC,CAAC,EAAE,MAAM,CAAC;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC3C,4DAA4D;IAC5D,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,oBAAoB,CAAC,CAAC,CAAC;CACzD;AAED,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,EAAE,oBAAoB,CAAC;CAC/B;AAED,oFAAoF;AACpF,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,iBAAiB,GAAG,mBAAmB,CAAC;AAE7E,wBAAgB,qBAAqB,CAAC,MAAM,CAAC,EAAE,YAAY,GAAG,cAAc,GAAG,KAAK,CAInF;AAED,wBAAgB,oBAAoB,CAAC,MAAM,CAAC,EAAE,YAAY,GAAG,OAAO,CAEnE;AAED,wBAAgB,sBAAsB,CAAC,MAAM,CAAC,EAAE,YAAY,GAAG,OAAO,CAErE;AAED,wBAAgB,wBAAwB,CAAC,MAAM,CAAC,EAAE,YAAY,GAAG,oBAAoB,GAAG,SAAS,CAGhG;AAED,wBAAgB,qBAAqB,CACnC,OAAO,EAAE,oBAAoB,EAC7B,SAAS,CAAC,EAAE,MAAM,GACjB,oBAAoB,CAQtB;AAED,wBAAgB,0BAA0B,CAAC,OAAO,EAAE,oBAAoB,GAAG;IACzE,KAAK,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAUA;AAED,wBAAgB,uBAAuB,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,UAAO,GAAG,MAAM,CAS3F;AAED,wBAAgB,uBAAuB,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,CAgB3E"}

package/dist/shared/search.js

@@ -1,3 +1,4 @@
+import { saveScrollPositionBeforeNavigation, skipNextScrollRestore } from "./scrollRestoration.js";
 export function resolveSearchProvider(search) {
     if (search === true)
         return "local";
@@ -56,8 +57,10 @@ export function navigateDocSearchResult(itemUrl, base) {
         window.location.assign(href);
         return;
     }
+    saveScrollPositionBeforeNavigation();
     window.history.pushState({}, "", href);
+    skipNextScrollRestore();
     window.dispatchEvent(new PopStateEvent("popstate"));
-    window.scrollTo({ top: 0 });
+    window.scrollTo({ top: 0, behavior: "auto" });
 }
 //# sourceMappingURL=search.js.map

package/dist/shared/search.js.map

@@ -1 +1 @@
-{"version":3,"file":"search.js","sourceRoot":"","sources":["../../src/shared/search.ts"],"names":[],"mappings":"AA8BA,MAAM,UAAU,qBAAqB,CAAC,MAAqB;IACzD,IAAI,MAAM,KAAK,IAAI;QAAE,OAAO,OAAO,CAAC;IACpC,IAAI,MAAM,KAAK,KAAK,IAAI,MAAM,IAAI,IAAI;QAAE,OAAO,KAAK,CAAC;IACrD,OAAO,MAAM,CAAC,QAAQ,CAAC;AACzB,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,MAAqB;IACxD,OAAO,qBAAqB,CAAC,MAAM,CAAC,KAAK,OAAO,CAAC;AACnD,CAAC;AAED,MAAM,UAAU,sBAAsB,CAAC,MAAqB;IAC1D,OAAO,qBAAqB,CAAC,MAAM,CAAC,KAAK,SAAS,CAAC;AACrD,CAAC;AAED,MAAM,UAAU,wBAAwB,CAAC,MAAqB;IAC5D,IAAI,OAAO,MAAM,KAAK,QAAQ,IAAI,MAAM,CAAC,QAAQ,KAAK,SAAS;QAAE,OAAO,MAAM,CAAC,OAAO,CAAC;IACvF,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,MAAM,UAAU,qBAAqB,CACnC,OAA6B,EAC7B,SAAkB;IAElB,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,GAAG,OAAO,CAAC;IACrC,MAAM,QAAQ,GAAG,SAAS,IAAI,OAAO,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAC7E,OAAO;QACL,GAAG,IAAI;QACP,GAAG,QAAQ;QACX,gBAAgB,EAAE,QAAQ,CAAC,gBAAgB,IAAI,IAAI,CAAC,gBAAgB;KACrE,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,0BAA0B,CAAC,OAA6B;IAMtE,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC;IACpC,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC;IACtC,MAAM,SAAS,GAAG,OAAO,CAAC,SAAS,EAAE,IAAI,EAAE,CAAC;IAC5C,OAAO;QACL,KAAK,EAAE,OAAO,CAAC,KAAK,IAAI,MAAM,IAAI,SAAS,CAAC;QAC5C,KAAK;QACL,MAAM;QACN,SAAS;KACV,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,uBAAuB,CAAC,GAAW,EAAE,IAAY,EAAE,SAAS,GAAG,IAAI;IACjF,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,0BAA0B,CAAC,CAAC;IACpE,MAAM,cAAc,GAAG,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IACnE,IAAI,IAAI,GAAG,QAAQ,CAAC;IACpB,IAAI,cAAc,IAAI,IAAI,CAAC,UAAU,CAAC,cAAc,CAAC,EAAE,CAAC;QACtD,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,IAAI,GAAG,CAAC;IAClD,CAAC;IACD,MAAM,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,UAAU,EAAE,GAAG,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC;IAC7F,OAAO,GAAG,KAAK,GAAG,IAAI,EAAE,CAAC;AAC3B,CAAC;AAED,MAAM,UAAU,uBAAuB,CAAC,OAAe,EAAE,IAAY;IACnE,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,OAAO,EAAE,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IACrD,MAAM,cAAc,GAAG,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IACnE,MAAM,IAAI,GACR,cAAc,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,UAAU,CAAC,cAAc,CAAC;QACxD,CAAC,CAAC,OAAO;QACT,CAAC,CAAC,GAAG,cAAc,GAAG,GAAG,CAAC,QAAQ,CAAC,OAAO,CAAC,cAAc,EAAE,EAAE,CAAC,IAAI,GAAG,GAAG,GAAG,CAAC,MAAM,GAAG,GAAG,CAAC,IAAI,EAAE,CAAC;IACpG,IAAI,GAAG,CAAC,MAAM,KAAK,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;QAC1C,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QAC7B,OAAO;IACT,CAAC;IACD,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,CAAC;IACvC,MAAM,CAAC,aAAa,CAAC,IAAI,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC;IACpD,MAAM,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC;AAC9B,CAAC"}
+{"version":3,"file":"search.js","sourceRoot":"","sources":["../../src/shared/search.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kamod-ch/preactpress",
-  "version": "1.0.2",
+  "version": "2.0.0",
   "description": "Vite and Preact powered static site generator",
   "keywords": [
     "markdown",
@@ -103,6 +103,7 @@
     "markdown-it": "^14.2.0",
     "markdown-it-emoji": "^3.0.0",
     "markdown-it-mathjax3": "^5.2.0",
+    "mermaid": "^11.16.0",
     "minimist": "^1.2.8",
     "node-html-parser": "^7.1.0",
     "picocolors": "^1.1.1",

package/src/client/app.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useState } from "preact/hooks";
+import { useEffect, useRef, useState } from "preact/hooks";
 import Layout from "virtual:preactpress-layout";
 import { pagesMeta, routes } from "virtual:preactpress-pages";
 import { i18n, mpa, site, themeConfig } from "virtual:preactpress-site";
@@ -6,7 +6,15 @@ import type { PageView } from "./types.js";
 import type { ResolvedLocale } from "../node/siteConfig.js";
 import { usePageHead } from "./usePageHead.js";
 import { normalizeRoute, routeFromPathname } from "../shared/route.js";
-import { loadPage, prefetchPage, seedPage } from "./loadPage.js";
+import {
+  consumeScrollRestoreOnPopstate,
+  restoreScrollPositionAfterLayout,
+  saveScrollPositionBeforeNavigation,
+  scrollToTopAfterLayout,
+  setupScrollRestoration,
+} from "../shared/scrollRestoration.js";
+import { getCachedPage, loadPage, prefetchPage, seedPage } from "./loadPage.js";
+import { renderMermaidDiagrams } from "./mermaid.js";
 import { setupViewportPrefetch } from "./prefetchLinks.js";
 import {
   localeFromRoute,
@@ -55,6 +63,10 @@ function loadingPage(route: string): PageView {
 export function App({ routePath, initialPage }: { routePath: string; initialPage?: PageView }) {
   const [currentRoute, setCurrentRoute] = useState(() => normalizeRoute(routePath));
   const [page, setPage] = useState<PageView>(() => initialPage ?? loadingPage(routePath));
+  const pendingScrollRestore = useRef(false);
+  const pendingScrollTop = useRef(false);
+  const [scrollRestoreNonce, setScrollRestoreNonce] = useState(0);
+  const [scrollTopNonce, setScrollTopNonce] = useState(0);
   const availableRoutes = new Set(routes);
   const activeLocale = localeFromRoute(currentRoute, i18n);
   const activeSite = siteForRoute(site, currentRoute, i18n);
@@ -66,10 +78,20 @@ export function App({ routePath, initialPage }: { routePath: string; initialPage
 
   useEffect(() => {
     let cancelled = false;
-    setPage(loadingPage(currentRoute));
+    const cached = getCachedPage(currentRoute);
+    if (!cached) setPage(loadingPage(currentRoute));
     void loadPage(currentRoute, site.base)
       .then((loaded) => {
-        if (!cancelled) setPage(loaded);
+        if (!cancelled) {
+          setPage(loaded);
+          if (pendingScrollRestore.current) {
+            pendingScrollRestore.current = false;
+            setScrollRestoreNonce((nonce) => nonce + 1);
+          } else if (pendingScrollTop.current) {
+            pendingScrollTop.current = false;
+            setScrollTopNonce((nonce) => nonce + 1);
+          }
+        }
       })
       .catch(() => {
         if (!cancelled) {
@@ -81,6 +103,13 @@ export function App({ routePath, initialPage }: { routePath: string; initialPage
             meta: {},
             headings: [],
           });
+          if (pendingScrollRestore.current) {
+            pendingScrollRestore.current = false;
+            setScrollRestoreNonce((nonce) => nonce + 1);
+          } else if (pendingScrollTop.current) {
+            pendingScrollTop.current = false;
+            setScrollTopNonce((nonce) => nonce + 1);
+          }
         }
       });
     return () => {
@@ -88,6 +117,16 @@ export function App({ routePath, initialPage }: { routePath: string; initialPage
     };
   }, [activeSite.description, currentRoute]);
 
+  useEffect(() => {
+    if (scrollRestoreNonce === 0) return;
+    void restoreScrollPositionAfterLayout();
+  }, [scrollRestoreNonce]);
+
+  useEffect(() => {
+    if (scrollTopNonce === 0) return;
+    void scrollToTopAfterLayout();
+  }, [scrollTopNonce]);
+
   useEffect(() => {
     const prefetch = (route: string) => prefetchPage(route, site.base);
     const stopViewportPrefetch = setupViewportPrefetch(routeFromHref, prefetch);
@@ -95,7 +134,13 @@ export function App({ routePath, initialPage }: { routePath: string; initialPage
       return () => stopViewportPrefetch();
     }
 
-    const onPopState = () => setCurrentRoute(routeFromLocation());
+    const stopScrollRestoration = setupScrollRestoration();
+    const onPopState = () => {
+      if (consumeScrollRestoreOnPopstate()) {
+        pendingScrollRestore.current = true;
+      }
+      setCurrentRoute(routeFromLocation());
+    };
     const onClick = (event: MouseEvent) => {
       if (
         event.defaultPrevented ||
@@ -117,9 +162,11 @@ export function App({ routePath, initialPage }: { routePath: string; initialPage
         return;
       }
       event.preventDefault();
+      saveScrollPositionBeforeNavigation();
+      pendingScrollTop.current = true;
       window.history.pushState({}, "", url);
       setCurrentRoute(route);
-      window.scrollTo({ top: 0 });
+      window.scrollTo({ top: 0, left: 0, behavior: "auto" });
     };
     const onMouseEnter = (event: MouseEvent) => {
       const link = anchorFromEvent(event);
@@ -131,6 +178,7 @@ export function App({ routePath, initialPage }: { routePath: string; initialPage
     document.addEventListener("click", onClick);
     document.addEventListener("mouseenter", onMouseEnter, true);
     return () => {
+      stopScrollRestoration();
       stopViewportPrefetch();
       window.removeEventListener("popstate", onPopState);
       document.removeEventListener("click", onClick);
@@ -138,9 +186,13 @@ export function App({ routePath, initialPage }: { routePath: string; initialPage
     };
   }, [currentRoute, mpa]);
 
+  useEffect(() => {
+    void renderMermaidDiagrams();
+  }, [currentRoute, page]);
+
   useEffect(() => {
     if (currentRoute !== normalizeRoute(routePath)) {
-      document.getElementById("content")?.focus();
+      document.getElementById("content")?.focus({ preventScroll: true });
     }
   }, [currentRoute, routePath]);
 

package/src/client/loadPage.ts

@@ -23,6 +23,10 @@ export function seedPage(route: string, page: PageView | undefined): void {
   if (page) cache.set(route, page);
 }
 
+export function getCachedPage(route: string): PageView | undefined {
+  return cache.get(route);
+}
+
 async function loadMarkdownPage(route: string, base: string): Promise<PageView> {
   const meta = pagesMeta[route];
   const url = import.meta.env.DEV

package/src/client/mermaid.ts

@@ -0,0 +1,74 @@
+let renderRun = 0;
+
+function isDarkTheme(): boolean {
+  if (typeof document === "undefined" || typeof window === "undefined") return false;
+  const explicit = document.documentElement.dataset.theme;
+  if (explicit === "dark") return true;
+  if (explicit === "light") return false;
+  return window.matchMedia?.("(prefers-color-scheme: dark)").matches ?? false;
+}
+
+function mermaidSourceFromElement(element: HTMLElement): string {
+  if (element.dataset.mermaidSource) return element.dataset.mermaidSource;
+  return element.textContent ?? "";
+}
+
+function normalizeMermaidBlocks(): HTMLElement[] {
+  const blocks = Array.from(document.querySelectorAll<HTMLElement>(".pp-mermaid"));
+
+  for (const code of document.querySelectorAll<HTMLElement>(
+    'pre > code.language-mermaid, pre > code[class*="language-mermaid"]',
+  )) {
+    const pre = code.parentElement;
+    if (!pre || pre.dataset.mermaidNormalized === "true") continue;
+
+    const block = document.createElement("div");
+    block.className = "pp-mermaid";
+    block.dataset.mermaidSource = code.textContent ?? "";
+    block.textContent = code.textContent ?? "";
+    pre.replaceWith(block);
+    pre.dataset.mermaidNormalized = "true";
+    blocks.push(block);
+  }
+
+  return blocks;
+}
+
+export async function renderMermaidDiagrams(): Promise<void> {
+  if (typeof document === "undefined") return;
+
+  const blocks = normalizeMermaidBlocks().filter(
+    (block) => block.dataset.mermaidRendered !== "true",
+  );
+  if (blocks.length === 0) return;
+
+  const run = ++renderRun;
+  const { default: mermaid } = await import("mermaid");
+  if (run !== renderRun) return;
+
+  mermaid.initialize({
+    startOnLoad: false,
+    securityLevel: "strict",
+    theme: isDarkTheme() ? "dark" : "default",
+  });
+
+  await Promise.all(
+    blocks.map(async (block, index) => {
+      const source = mermaidSourceFromElement(block).trim();
+      if (!source) return;
+
+      try {
+        const id = `pp-mermaid-${run}-${index}`;
+        const { svg } = await mermaid.render(id, source);
+        if (run !== renderRun) return;
+        block.innerHTML = svg;
+        block.dataset.mermaidRendered = "true";
+        block.dataset.mermaidSource = source;
+      } catch (error) {
+        block.dataset.mermaidError = "true";
+        block.textContent = source;
+        console.warn("Failed to render Mermaid diagram", error);
+      }
+    }),
+  );
+}

package/src/client/theme-default/Layout.tsx

@@ -150,6 +150,49 @@ const Layout: FunctionalComponent<LayoutProps> = ({
     setMobileMenuOpen(false);
   }, [routePath]);
 
+  useEffect(() => {
+    const copyText = async (text: string) => {
+      if (navigator.clipboard?.writeText) {
+        await navigator.clipboard.writeText(text);
+        return;
+      }
+      const textarea = document.createElement("textarea");
+      textarea.value = text;
+      textarea.setAttribute("readonly", "");
+      textarea.style.position = "fixed";
+      textarea.style.top = "-9999px";
+      document.body.append(textarea);
+      textarea.select();
+      document.execCommand("copy");
+      textarea.remove();
+    };
+
+    const onClick = (event: MouseEvent) => {
+      const target = event.target;
+      const candidate = target instanceof Element ? target.closest(".pp-code-copy") : null;
+      if (!(candidate instanceof HTMLButtonElement)) return;
+      const button = candidate;
+      const code = button.closest(".pp-code-block")?.querySelector("code")?.textContent ?? "";
+      if (!code) return;
+
+      event.preventDefault();
+      void copyText(code).then(() => {
+        const icon = button.querySelector(".pp-code-copy-icon");
+        if (icon && button.dataset.checkIcon) icon.innerHTML = button.dataset.checkIcon;
+        button.classList.add("copied");
+        button.setAttribute("aria-label", button.dataset.copiedLabel ?? "Copied");
+        window.setTimeout(() => {
+          if (icon && button.dataset.copyIcon) icon.innerHTML = button.dataset.copyIcon;
+          button.classList.remove("copied");
+          button.setAttribute("aria-label", "Copy code");
+        }, 2000);
+      });
+    };
+
+    document.addEventListener("click", onClick);
+    return () => document.removeEventListener("click", onClick);
+  }, []);
+
   useEffect(() => {
     if (!mobileMenuOpen) return;
 

package/src/client/theme-default/styles.css

@@ -759,14 +759,188 @@ body::selection {
   margin: 16px 0;
 }
 
+.pp-doc-content .pp-mermaid {
+  margin: 1.25rem 0;
+  padding: 1.25rem;
+  overflow: auto;
+  border: 1px solid color-mix(in srgb, var(--pp-border) 82%, transparent);
+  border-radius: 14px;
+  background: var(--pp-code-bg);
+  color: var(--pp-code-text);
+  text-align: center;
+}
+
+.pp-doc-content .pp-mermaid[data-mermaid-error="true"] {
+  text-align: left;
+  white-space: pre;
+}
+
+.pp-doc-content .pp-mermaid svg {
+  max-width: 100%;
+  height: auto;
+}
+
+.pp-doc-content .pp-code-block {
+  position: relative;
+  margin: 1.25rem 0;
+  border: 1px solid color-mix(in srgb, var(--pp-border) 82%, transparent);
+  border-radius: 14px;
+  background: var(--pp-code-bg);
+  box-shadow:
+    0 14px 34px color-mix(in srgb, #000 8%, transparent),
+    inset 0 1px 0 color-mix(in srgb, #fff 45%, transparent);
+  overflow: hidden;
+}
+
 .pp-doc-content pre {
-  padding: 16px;
-  border-radius: 8px;
+  padding: 16px 18px;
+  border-radius: 0;
   overflow: auto;
-  border: 1px solid var(--pp-border);
+  border: 0;
   background: var(--pp-code-bg);
   color: var(--pp-code-text);
-  line-height: 1.55;
+  line-height: 1.38;
+}
+
+.pp-doc-content .pp-code-block pre {
+  margin: 0;
+  max-height: min(68vh, 720px);
+  padding-top: 2.7rem;
+  padding-right: 3.75rem;
+  line-height: 0;
+  scrollbar-width: thin;
+  scrollbar-color: color-mix(in srgb, var(--pp-muted) 40%, transparent) transparent;
+}
+
+.pp-doc-content .pp-code-block .shiki.shiki-themes.vitesse-light.vitesse-dark {
+  padding-bottom: 1rem;
+}
+
+.pp-doc-content .pp-code-block pre code {
+  display: block;
+  min-width: max-content;
+  font-size: 0.9rem;
+  line-height: 1.32;
+  tab-size: 2;
+}
+
+.pp-doc-content .pp-code-block .line {
+  display: block;
+  line-height: 0;
+  counter-increment: pp-code-line;
+}
+
+.pp-doc-content .pp-code-block code {
+  counter-reset: pp-code-line;
+}
+
+.pp-doc-content .pp-code-block .line::before {
+  content: counter(pp-code-line);
+  display: inline-block;
+  width: 2rem;
+  margin-right: 1rem;
+  color: color-mix(in srgb, var(--pp-muted) 42%, transparent);
+  font-variant-numeric: tabular-nums;
+  text-align: right;
+  user-select: none;
+}
+
+.pp-doc-content .pp-code-block[data-language="plaintext"] pre {
+  padding-top: 18px;
+}
+
+.pp-doc-content .pp-code-lang {
+  position: absolute;
+  top: 12px;
+  left: 14px;
+  z-index: 2;
+  max-width: calc(100% - 4.75rem);
+  overflow: hidden;
+  border: 1px solid color-mix(in srgb, var(--pp-border) 72%, transparent);
+  border-radius: 999px;
+  padding: 0.18rem 0.55rem;
+  background: color-mix(in srgb, var(--pp-bg) 72%, transparent);
+  color: var(--pp-muted);
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
+  font-size: 0.72rem;
+  line-height: 1.35;
+  text-overflow: ellipsis;
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+  backdrop-filter: blur(12px);
+}
+
+.pp-doc-content .shiki,
+.pp-doc-content .shiki span {
+  color: var(--shiki-light, var(--pp-code-text)) !important;
+  background-color: var(--shiki-light-bg, var(--pp-code-bg)) !important;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root:not([data-theme]) .pp-doc-content .shiki,
+  :root:not([data-theme]) .pp-doc-content .shiki span {
+    color: var(--shiki-dark, var(--pp-code-text)) !important;
+    background-color: var(--shiki-dark-bg, var(--pp-code-bg)) !important;
+  }
+}
+
+:root[data-theme="dark"] .pp-doc-content .shiki,
+:root[data-theme="dark"] .pp-doc-content .shiki span {
+  color: var(--shiki-dark, var(--pp-code-text)) !important;
+  background-color: var(--shiki-dark-bg, var(--pp-code-bg)) !important;
+}
+
+.pp-doc-content .pp-code-copy {
+  position: absolute;
+  top: 10px;
+  right: 10px;
+  z-index: 2;
+  display: grid;
+  place-items: center;
+  width: 34px;
+  height: 34px;
+  padding: 0;
+  border: 1px solid color-mix(in srgb, var(--pp-border) 72%, transparent);
+  border-radius: 10px;
+  background: color-mix(in srgb, var(--pp-bg) 72%, transparent);
+  color: var(--pp-muted);
+  opacity: 0;
+  transform: translateY(-3px) scale(0.96);
+  cursor: pointer;
+  backdrop-filter: blur(12px);
+  transition:
+    opacity 0.18s ease,
+    transform 0.18s ease,
+    color 0.18s ease,
+    border-color 0.18s ease,
+    background 0.18s ease;
+}
+
+.pp-doc-content .pp-code-block:hover .pp-code-copy,
+.pp-doc-content .pp-code-copy:focus-visible,
+.pp-doc-content .pp-code-copy.copied {
+  opacity: 1;
+  transform: translateY(0) scale(1);
+}
+
+.pp-doc-content .pp-code-copy:hover,
+.pp-doc-content .pp-code-copy.copied {
+  color: var(--pp-accent);
+  border-color: color-mix(in srgb, var(--pp-accent) 44%, var(--pp-border));
+  background: color-mix(in srgb, var(--pp-bg) 88%, var(--pp-accent) 12%);
+}
+
+.pp-doc-content .pp-code-copy svg {
+  width: 17px;
+  height: 17px;
+  fill: currentColor;
+}
+
+.pp-doc-content.pp-code-wrap .pp-code-block pre code,
+.pp-doc-content .pp-code-block.pp-code-wrap pre code {
+  min-width: 0;
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
 }
 
 .pp-doc-content :not(pre) > code {
@@ -970,9 +1144,11 @@ body::selection {
   display: block;
 }
 
-.pp-doc-content .pp-code-group-block .shiki {
+.pp-doc-content .pp-code-group-block .pp-code-block {
   margin: 0;
+  border: 0;
   border-radius: 0;
+  box-shadow: none;
 }
 
 .pp-doc-content table {