@riebeckite/spa 0.0.0-stage → 0.0.32

package/LICENSE

@@ -0,0 +1,201 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright Rerurate_514
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.

package/README.md

@@ -1,3 +1,71 @@
-# Temporary Holding Version
+# @riebeckite/spa
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+Opt-in browser navigation runtime for Riebeckite sites.
+
+[日本語](./README_ja.md)
+
+## Installation
+
+`@riebeckite/honox` loads this package when the site enables `spa` in its
+Riebeckite configuration. Applications using the HonoX integration do not need
+to import it directly.
+
+```sh
+pnpm add @riebeckite/spa
+```
+
+## Usage
+
+Enable navigation in `riebeckite.config.ts`:
+
+```ts
+import { defineConfig } from "@riebeckite/core";
+
+export default defineConfig({
+  spa: true,
+});
+```
+
+Set `spa: false` or omit `spa` to disable navigation. Pass an options object
+instead of `true` to customize the runtime:
+
+```ts
+export default defineConfig({
+  spa: { prefetch: "hover", viewTransitions: true },
+});
+```
+
+The server renderer must provide one `<main id="main-content" tabindex="-1">`
+per page. The runtime replaces this root after a successful same-origin GET
+navigation. It keeps the application shell in place, reconciles page-specific
+head metadata, restores history and scroll state, moves focus to the page root,
+and announces the new page to assistive technology.
+
+Links with a modifier key, another target, `download`, or `data-spa="false"`
+keep normal browser behavior. Failed transitions fall back to document
+navigation.
+
+## Head ownership
+
+Page-specific head elements should set `data-riebeckite-head="page"`. The
+runtime replaces these on navigation, keeps `data-riebeckite-head="global"` and
+`"runtime"` elements, and preserves unowned elements. Plugin `meta` and `link`
+tags generated by `PluginHeadTags` are page-owned; executable scripts are never
+cloned or re-run.
+
+## Prefetch
+
+`prefetch: "hover"` reuses successful page responses for 30 seconds and keeps at
+most 20 completed least-recently-used entries. Concurrent requests for the same
+URL are deduplicated. Prefetch is skipped when the browser reports data saving
+or a connection at 2G or slower.
+
+## Public API
+
+- `spa(options)` — creates a Riebeckite SPA configuration value.
+- `startSpaNavigation(options)` — starts navigation and returns a cleanup
+  function for custom browser integrations.
+
+See the [SPA navigation guide](../../docs/docs/guides/spa-navigation.md) to
+enable it, and [SPA runtime internals](../../docs/docs/framework/spa-runtime.md)
+for the implementation constraints.

package/README_ja.md

@@ -0,0 +1,52 @@
+# @riebeckite/spa
+
+RiebeckiteのサイトでSPAナビゲーションを有効にするための、任意のブラウザランタイムです。
+
+[English](./README.md)
+
+## インストール
+
+サイトのRiebeckite設定で `spa` を有効にすると、`@riebeckite/honox` がこのパッケージを読み込みます。HonoXとの連携を使うアプリケーションでは、直接importする必要はありません。
+
+```sh
+pnpm add @riebeckite/spa
+```
+
+## 使い方
+
+`riebeckite.config.ts` でSPAナビゲーションを有効にします。
+
+```ts
+import { defineConfig } from "@riebeckite/core";
+
+export default defineConfig({
+  spa: true,
+});
+```
+
+`spa: false` を指定するか `spa` を省略すると、SPAナビゲーションを無効にできます。設定を変える場合は、`true` の代わりにオプションオブジェクトを渡します。
+
+```ts
+export default defineConfig({
+  spa: { prefetch: "hover", viewTransitions: true },
+});
+```
+
+サーバー側のレンダラーは、ページごとに1つの `<main id="main-content" tabindex="-1">` を出力する必要があります。ランタイムは、同一オリジンへのGETリクエストが成功した後にこのルートを置き換えます。アプリケーションシェルはそのまま残し、ページ固有のheadメタデータを更新し、履歴とスクロール位置を復元し、ページのルートへフォーカスを移して、支援技術に新しいページを通知します。
+
+修飾キーを押したリンク、別の `target` を持つリンク、`download` を指定したリンク、`data-spa="false"` を指定したリンクは、通常のブラウザ動作を維持します。ページ移動に失敗した場合は、ページ全体の読み込みにフォールバックします。
+
+## head要素の所有権
+
+ページ固有のhead要素には `data-riebeckite-head="page"` を指定します。ランタイムはページ移動時にこれらを置き換え、`data-riebeckite-head="global"` と `"runtime"` の要素を残し、所有権のない要素も保持します。`PluginHeadTags` が生成するPluginの `meta` と `link` はページ所有になり、実行可能なスクリプトは複製も再実行もされません。
+
+## 先読み
+
+`prefetch: "hover"` は、成功したページのレスポンスを30秒間再利用し、完了した項目を最近使った順に最大20件保持します。同じURLへの同時リクエストは重複排除されます。ブラウザがデータ節約設定や2G以下の接続を報告している場合は、先読みしません。
+
+## 公開API
+
+- `spa(options)` — RiebeckiteのSPA設定値を作成します。
+- `startSpaNavigation(options)` — 独自のブラウザ連携向けにページ移動の処理を開始し、クリーンアップ関数を返します。
+
+有効にする手順は [SPAナビゲーションガイド](../../docs/docs/guides/spa-navigation.ja.md)、実装上の制約は [SPAランタイムの内部実装](../../docs/docs/framework/spa-runtime.ja.md) を参照してください。

package/dist/document.d.ts

@@ -0,0 +1,4 @@
+export declare function reconcileDocument(page: Document): void;
+export declare function focusPage(root: HTMLElement, url: URL): void;
+export declare function focusHashTarget(url: URL): void;
+export declare function announceNavigation(): void;

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export { startSpaNavigation } from "./navigation.js";
+export type { SpaNavigationEventDetail, SpaNavigationOptions, SpaOptions, SpaPageCommit, } from "./options.js";
+export { spa } from "./options.js";

package/dist/index.js

@@ -0,0 +1,523 @@
+// document.ts
+var HEAD_OWNER_ATTRIBUTE = "data-riebeckite-head";
+function reconcileDocument(page) {
+  document.title = page.title;
+  reconcilePageHead(page);
+  copyDocumentAttribute(page, "lang");
+  copyDocumentAttribute(page, "dir");
+}
+function reconcilePageHead(page) {
+  for (const node of Array.from(document.head.children)) {
+    if (isPageHeadNode(node)) node.remove();
+  }
+  for (const node of Array.from(page.head.children)) {
+    if (isPageHeadNode(node)) document.head.append(node.cloneNode(true));
+  }
+}
+function copyDocumentAttribute(page, name) {
+  const value = page.documentElement.getAttribute(name);
+  if (value) document.documentElement.setAttribute(name, value);
+  else document.documentElement.removeAttribute(name);
+}
+function isPageHeadNode(node) {
+  if (node.matches("script") && !isDataScript(node)) return false;
+  const owner = node.getAttribute(HEAD_OWNER_ATTRIBUTE);
+  if (owner === "page") return true;
+  if (owner === "global" || owner === "runtime") return false;
+  return isLegacyPageHeadNode(node);
+}
+function isDataScript(node) {
+  const type = node.getAttribute("type")?.trim().toLowerCase();
+  return type === "application/ld+json" || type === "application/json";
+}
+function isLegacyPageHeadNode(node) {
+  if (node.matches('link[rel="canonical"], link[hreflang]')) return true;
+  if (node.matches('script[type="application/ld+json"]')) return true;
+  if (!node.matches("meta")) return false;
+  const name = node.getAttribute("name");
+  if (name && ["description", "author", "robots"].includes(name)) return true;
+  if (name?.startsWith("twitter:")) return true;
+  const property = node.getAttribute("property");
+  return property?.startsWith("og:") === true || property?.startsWith("article:") === true;
+}
+function focusPage(root, url) {
+  if (url.hash) return;
+  if (!root.hasAttribute("tabindex")) root.tabIndex = -1;
+  root.focus({ preventScroll: true });
+}
+function focusHashTarget(url) {
+  const target = hashTarget(url);
+  if (!target) return;
+  if (!target.hasAttribute("tabindex")) target.tabIndex = -1;
+  target.focus({ preventScroll: true });
+}
+function hashTarget(url) {
+  if (!url.hash) return null;
+  let id = url.hash.slice(1);
+  try {
+    id = decodeURIComponent(id);
+  } catch {
+    return null;
+  }
+  return document.getElementById(id);
+}
+function announceNavigation() {
+  let announcer = document.getElementById("riebeckite-navigation-announcer");
+  if (!announcer) {
+    announcer = document.createElement("div");
+    announcer.id = "riebeckite-navigation-announcer";
+    announcer.setAttribute("aria-live", "polite");
+    announcer.setAttribute("aria-atomic", "true");
+    announcer.className = "riebeckite-visually-hidden";
+    document.body.append(announcer);
+  }
+  announcer.textContent = document.title;
+}
+
+// options.ts
+function spa(options = {}) {
+  validateSpaOptions(options);
+  return Object.freeze({ ...options });
+}
+function validateSpaOptions(options) {
+  if (options.prefetch !== void 0 && options.prefetch !== false && options.prefetch !== "hover") {
+    throw new TypeError('SPA prefetch must be false or "hover".');
+  }
+  if (options.scrollRestoration !== void 0 && typeof options.scrollRestoration !== "boolean") {
+    throw new TypeError("SPA scrollRestoration must be a boolean.");
+  }
+  if (options.viewTransitions !== void 0 && typeof options.viewTransitions !== "boolean") {
+    throw new TypeError("SPA viewTransitions must be a boolean.");
+  }
+}
+
+// prefetch.ts
+var DEFAULT_TTL_MS = 3e4;
+var DEFAULT_MAX_ENTRIES = 20;
+var FETCH_TIMEOUT_MS = 15e3;
+var PageCache = class {
+  entries = /* @__PURE__ */ new Map();
+  ttlMs;
+  maxEntries;
+  now;
+  canPrefetch;
+  fetcher;
+  constructor(options = {}) {
+    this.ttlMs = options.ttlMs ?? DEFAULT_TTL_MS;
+    this.maxEntries = options.maxEntries ?? DEFAULT_MAX_ENTRIES;
+    this.now = options.now ?? Date.now;
+    this.canPrefetch = options.canPrefetch ?? allowsPrefetch;
+    this.fetcher = options.fetcher ?? fetchPage;
+  }
+  get size() {
+    return this.entries.size;
+  }
+  get(url, signal) {
+    const href = cacheKey(url);
+    const cached = this.freshEntry(href);
+    if (cached) {
+      this.touch(href, cached);
+      return abortable(cached.promise, signal);
+    }
+    return abortable(this.load(href).promise, signal);
+  }
+  prefetch(url) {
+    if (!this.canPrefetch()) return;
+    const href = cacheKey(url);
+    if (this.freshEntry(href)) return;
+    void this.load(href).promise.catch(() => void 0);
+  }
+  dispose() {
+    for (const entry of this.entries.values()) entry.controller.abort();
+    this.entries.clear();
+  }
+  load(href) {
+    if (this.entries.size >= this.maxEntries) this.evictOldest();
+    const controller = new AbortController();
+    let entry;
+    let fetched;
+    try {
+      fetched = this.fetcher(new URL(href), controller.signal);
+    } catch (error) {
+      fetched = Promise.reject(error);
+    }
+    const promise = fetched.then((page) => {
+      entry.settled = true;
+      entry.createdAt = this.now();
+      this.evictOverflow();
+      return page;
+    }).catch((error) => {
+      if (this.entries.get(href) === entry) this.entries.delete(href);
+      throw error;
+    });
+    entry = {
+      controller,
+      createdAt: this.now(),
+      settled: false,
+      promise
+    };
+    this.entries.set(href, entry);
+    return entry;
+  }
+  freshEntry(href) {
+    const entry = this.entries.get(href);
+    if (!entry) return void 0;
+    if (entry.settled && this.now() - entry.createdAt > this.ttlMs) {
+      this.entries.delete(href);
+      entry.controller.abort();
+      return void 0;
+    }
+    return entry;
+  }
+  touch(href, entry) {
+    this.entries.delete(href);
+    this.entries.set(href, entry);
+  }
+  evictOldest() {
+    for (const [href, entry] of this.entries) {
+      if (!entry.settled) continue;
+      this.entries.delete(href);
+      return;
+    }
+  }
+  evictOverflow() {
+    while (this.entries.size > this.maxEntries) {
+      const before = this.entries.size;
+      this.evictOldest();
+      if (this.entries.size === before) return;
+    }
+  }
+};
+async function fetchPage(url, signal) {
+  const timeout = timeoutSignal(signal, FETCH_TIMEOUT_MS);
+  try {
+    const response = await fetch(url, {
+      headers: { Accept: "text/html,application/xhtml+xml" },
+      signal: timeout.signal
+    });
+    if (!response.ok) {
+      throw new Error(`Navigation request failed: ${response.status}`);
+    }
+    const contentType = response.headers.get("content-type");
+    if (contentType && !isHtmlContentType(contentType)) {
+      throw new Error(`Navigation response is not HTML: ${contentType}`);
+    }
+    return { html: await response.text(), url: response.url || url.href };
+  } finally {
+    timeout.clear();
+  }
+}
+function isHtmlContentType(value) {
+  const mediaType = value.split(";", 1)[0]?.trim().toLowerCase();
+  return mediaType === "text/html" || mediaType === "application/xhtml+xml";
+}
+function cacheKey(url) {
+  const key = new URL(url.href);
+  key.hash = "";
+  return key.href;
+}
+function allowsPrefetch() {
+  const connection = navigator.connection;
+  if (!connection) return true;
+  if (connection.saveData) return false;
+  return connection.effectiveType !== "slow-2g" && connection.effectiveType !== "2g";
+}
+function abortable(promise, signal) {
+  if (!signal) return promise;
+  if (signal.aborted) return Promise.reject(abortReason(signal));
+  return new Promise((resolve, reject) => {
+    const abort = () => reject(abortReason(signal));
+    signal.addEventListener("abort", abort, { once: true });
+    promise.then(
+      (value) => {
+        signal.removeEventListener("abort", abort);
+        resolve(value);
+      },
+      (error) => {
+        signal.removeEventListener("abort", abort);
+        reject(error);
+      }
+    );
+  });
+}
+function timeoutSignal(signal, timeoutMs) {
+  const controller = new AbortController();
+  const abort = () => controller.abort(abortReason(signal));
+  if (signal.aborted) abort();
+  else signal.addEventListener("abort", abort, { once: true });
+  const timer = setTimeout(() => {
+    controller.abort(new DOMException("Navigation timed out.", "TimeoutError"));
+  }, timeoutMs);
+  return {
+    signal: controller.signal,
+    clear: () => {
+      clearTimeout(timer);
+      signal.removeEventListener("abort", abort);
+    }
+  };
+}
+function abortReason(signal) {
+  return signal.reason ?? new DOMException("Navigation aborted.", "AbortError");
+}
+
+// scroll.ts
+var SCROLL_RECORD_DELAY_MS = 100;
+var ScrollRestoration = class {
+  previous;
+  enabled;
+  timer;
+  constructor(enabled) {
+    this.enabled = enabled;
+    this.previous = history.scrollRestoration;
+  }
+  start() {
+    if (!this.enabled) return;
+    history.scrollRestoration = "manual";
+    window.addEventListener("scroll", this.onScroll, { passive: true });
+  }
+  stop() {
+    if (!this.enabled) return;
+    this.cancel();
+    window.removeEventListener("scroll", this.onScroll);
+    history.scrollRestoration = this.previous;
+  }
+  cancel() {
+    if (this.timer !== void 0) window.clearTimeout(this.timer);
+    this.timer = void 0;
+  }
+  record() {
+    if (!this.enabled) return;
+    this.cancel();
+    history.replaceState(
+      {
+        ...history.state ?? {},
+        scroll: [window.scrollX, window.scrollY]
+      },
+      ""
+    );
+  }
+  push(url) {
+    if (this.enabled) this.cancel();
+    history.pushState({ scroll: [0, 0] }, "", url);
+  }
+  restore(url, popstate) {
+    if (!this.enabled) return;
+    this.cancel();
+    if (url.hash) {
+      document.getElementById(readHashId(url.hash))?.scrollIntoView();
+      return;
+    }
+    const saved = popstate ? readSavedScrollPosition(history.state) : void 0;
+    if (saved) {
+      window.scrollTo(saved[0], saved[1]);
+      return;
+    }
+    if (!popstate) window.scrollTo(0, 0);
+  }
+  onScroll = () => {
+    if (this.timer !== void 0) return;
+    this.timer = window.setTimeout(() => {
+      this.timer = void 0;
+      this.record();
+    }, SCROLL_RECORD_DELAY_MS);
+  };
+};
+function readHashId(hash) {
+  try {
+    return decodeURIComponent(hash.slice(1));
+  } catch {
+    return "";
+  }
+}
+function readSavedScrollPosition(value) {
+  if (!value || typeof value !== "object") return void 0;
+  const scroll = value.scroll;
+  if (!Array.isArray(scroll) || scroll.length !== 2) return void 0;
+  return typeof scroll[0] === "number" && typeof scroll[1] === "number" ? [scroll[0], scroll[1]] : void 0;
+}
+
+// navigation.ts
+function startSpaNavigation(options = {}) {
+  return new SpaNavigation(options).start();
+}
+var SpaNavigation = class {
+  options;
+  cache = new PageCache();
+  scroll;
+  navigationId = 0;
+  currentPath = window.location.pathname + window.location.search;
+  active;
+  constructor(options) {
+    validateSpaOptions(options);
+    this.options = {
+      prefetch: options.prefetch ?? false,
+      scrollRestoration: options.scrollRestoration ?? true,
+      viewTransitions: options.viewTransitions ?? false,
+      onBeforePageCommit: options.onBeforePageCommit,
+      onPageCommit: options.onPageCommit
+    };
+    this.scroll = new ScrollRestoration(this.options.scrollRestoration);
+  }
+  start() {
+    this.scroll.start();
+    document.addEventListener("click", this.onClick);
+    window.addEventListener("popstate", this.onPopState);
+    if (this.options.prefetch === "hover") {
+      document.addEventListener("pointerover", this.onPointerOver);
+    }
+    return () => this.stop();
+  }
+  stop() {
+    this.navigationId += 1;
+    this.cancelActive();
+    this.cache.dispose();
+    this.scroll.stop();
+    document.removeEventListener("click", this.onClick);
+    window.removeEventListener("popstate", this.onPopState);
+    document.removeEventListener("pointerover", this.onPointerOver);
+  }
+  onClick = (event) => {
+    if (event.defaultPrevented || event.button !== 0) return;
+    if (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey)
+      return;
+    const anchor = event.target?.closest(
+      "a[href]"
+    );
+    if (!anchor || !this.shouldNavigate(anchor)) return;
+    const url = new URL(anchor.href, window.location.href);
+    if (isHashOnlyNavigation(url)) return;
+    event.preventDefault();
+    void this.navigate(url, false);
+  };
+  onPopState = () => {
+    void this.navigate(new URL(window.location.href), true);
+  };
+  onPointerOver = (event) => {
+    const anchor = event.target?.closest(
+      "a[href]"
+    );
+    if (!anchor || !this.shouldNavigate(anchor)) return;
+    const url = new URL(anchor.href, window.location.href);
+    if (isHashOnlyNavigation(url)) return;
+    this.cache.prefetch(url);
+  };
+  shouldNavigate(anchor) {
+    if (anchor.target && anchor.target !== "_self") return false;
+    if (anchor.hasAttribute("download")) return false;
+    if (anchor.dataset.spa === "false") return false;
+    const url = new URL(anchor.href, window.location.href);
+    return url.origin === window.location.origin && url.protocol === window.location.protocol;
+  }
+  async navigate(url, popstate) {
+    const id = ++this.navigationId;
+    this.cancelActive();
+    if (popstate) this.scroll.cancel();
+    if (popstate && this.isSamePage(url)) {
+      this.scroll.restore(url, true);
+      if (url.hash) {
+        focusHashTarget(url);
+      } else {
+        const root = document.querySelector("main#main-content");
+        if (root) focusPage(root, url);
+      }
+      return;
+    }
+    const controller = new AbortController();
+    const active = { id, controller };
+    this.active = active;
+    let committed = false;
+    let commitFailure;
+    let destination = url;
+    try {
+      if (!popstate) this.scroll.record();
+      const page = await this.loadPage(url, controller.signal);
+      if (!this.isCurrent(id, controller)) return;
+      destination = page.url;
+      const current = document.querySelector("main#main-content");
+      if (!current) throw new Error("SPA page root is missing.");
+      const commit = async () => {
+        try {
+          if (!this.isCurrent(id, controller)) return;
+          await this.options.onBeforePageCommit?.(controller.signal);
+          if (!this.isCurrent(id, controller)) return;
+          reconcileDocument(page.document);
+          current.replaceWith(page.root);
+          committed = true;
+          await this.options.onPageCommit?.({
+            root: page.root,
+            signal: controller.signal
+          });
+        } catch (error) {
+          commitFailure = { error };
+        }
+      };
+      if (this.shouldUseViewTransition()) {
+        const startViewTransition = document.startViewTransition?.bind(document);
+        if (startViewTransition) {
+          const transition = startViewTransition(commit);
+          active.transition = transition;
+          await (transition.updateCallbackDone ?? transition.finished);
+          if (commitFailure) throw commitFailure.error;
+        } else {
+          await commit();
+          if (commitFailure) throw commitFailure.error;
+        }
+      } else {
+        await commit();
+        if (commitFailure) throw commitFailure.error;
+      }
+      if (!this.isCurrent(id, controller)) return;
+      if (!popstate) this.scroll.push(page.url);
+      this.scroll.restore(page.url, popstate);
+      focusPage(page.root, page.url);
+      focusHashTarget(page.url);
+      announceNavigation();
+      document.dispatchEvent(
+        new CustomEvent("riebeckite:navigation", {
+          detail: { url: page.url.href, popstate }
+        })
+      );
+      this.currentPath = page.url.pathname + page.url.search;
+    } catch (error) {
+      if (!this.isCurrent(id, controller)) return;
+      if (committed) {
+        console.error("[riebeckite] SPA navigation commit failed.", error);
+      }
+      window.location.assign(destination.href);
+    } finally {
+      if (this.active === active) this.active = void 0;
+    }
+  }
+  async loadPage(url, signal) {
+    const fetched = await this.cache.get(url, signal);
+    const page = new DOMParser().parseFromString(fetched.html, "text/html");
+    const root = page.querySelector("main#main-content");
+    if (!root) throw new Error("SPA page root is missing.");
+    const finalUrl = new URL(fetched.url, url.href);
+    if (finalUrl.origin !== window.location.origin) {
+      throw new Error("SPA navigation redirected to another origin.");
+    }
+    return { document: page, root, url: finalUrl };
+  }
+  cancelActive() {
+    this.active?.controller.abort();
+    this.active?.transition?.skipTransition();
+    this.active = void 0;
+  }
+  isCurrent(id, controller) {
+    return this.navigationId === id && !controller.signal.aborted;
+  }
+  isSamePage(url) {
+    return url.pathname + url.search === this.currentPath;
+  }
+  shouldUseViewTransition() {
+    return this.options.viewTransitions && "startViewTransition" in document && !window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+  }
+};
+function isHashOnlyNavigation(url) {
+  return url.pathname === window.location.pathname && url.search === window.location.search && url.hash.length > 0;
+}
+export {
+  spa,
+  startSpaNavigation
+};

package/dist/navigation.d.ts

@@ -0,0 +1,2 @@
+import { type SpaNavigationOptions } from "./options.js";
+export declare function startSpaNavigation(options?: SpaNavigationOptions): () => void;

package/dist/options.d.ts

@@ -0,0 +1,19 @@
+export type SpaOptions = {
+    prefetch?: false | "hover";
+    scrollRestoration?: boolean;
+    viewTransitions?: boolean;
+};
+export type SpaPageCommit = (context: {
+    root: HTMLElement;
+    signal: AbortSignal;
+}) => void | Promise<void>;
+export type SpaNavigationEventDetail = {
+    url: string;
+    popstate: boolean;
+};
+export type SpaNavigationOptions = SpaOptions & {
+    onBeforePageCommit?: (signal: AbortSignal) => void | Promise<void>;
+    onPageCommit?: SpaPageCommit;
+};
+export declare function spa(options?: SpaOptions): Readonly<SpaOptions>;
+export declare function validateSpaOptions(options: SpaOptions): void;

package/dist/prefetch.d.ts

@@ -0,0 +1,31 @@
+export type FetchedPage = {
+    html: string;
+    url: string;
+};
+export type PageFetcher = (url: URL, signal: AbortSignal) => Promise<FetchedPage>;
+export type PageCacheOptions = {
+    ttlMs?: number;
+    maxEntries?: number;
+    now?: () => number;
+    canPrefetch?: () => boolean;
+    fetcher?: PageFetcher;
+};
+export declare class PageCache {
+    private readonly entries;
+    private readonly ttlMs;
+    private readonly maxEntries;
+    private readonly now;
+    private readonly canPrefetch;
+    private readonly fetcher;
+    constructor(options?: PageCacheOptions);
+    get size(): number;
+    get(url: URL, signal?: AbortSignal): Promise<FetchedPage>;
+    prefetch(url: URL): void;
+    dispose(): void;
+    private load;
+    private freshEntry;
+    private touch;
+    private evictOldest;
+    private evictOverflow;
+}
+export declare function fetchPage(url: URL, signal: AbortSignal): Promise<FetchedPage>;

package/dist/scroll.d.ts

@@ -0,0 +1,13 @@
+export declare class ScrollRestoration {
+    private readonly previous;
+    private readonly enabled;
+    private timer?;
+    constructor(enabled: boolean);
+    start(): void;
+    stop(): void;
+    cancel(): void;
+    record(): void;
+    push(url: URL): void;
+    restore(url: URL, popstate: boolean): void;
+    private readonly onScroll;
+}

package/package.json

@@ -1,6 +1,51 @@
 {
   "name": "@riebeckite/spa",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.0.32",
+  "license": "Apache-2.0",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "source": "./index.ts",
+      "default": "./dist/index.js"
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "LICENSE",
+    "README.md",
+    "README_ja.md",
+    "dist"
+  ],
+  "devDependencies": {
+    "tsx": "^4.22.4"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Rerurate514/riebeckite.git",
+    "directory": "packages/spa"
+  },
+  "homepage": "https://github.com/Rerurate514/riebeckite#readme",
+  "bugs": {
+    "url": "https://github.com/Rerurate514/riebeckite/issues"
+  },
+  "description": "Opt-in SPA navigation runtime for Riebeckite sites.",
+  "keywords": [
+    "riebeckite",
+    "spa",
+    "navigation"
+  ],
+  "engines": {
+    "node": "^20.19.0 || >=22.12.0"
+  },
+  "sideEffects": false,
+  "scripts": {
+    "build": "node ../../scripts/build_package.mjs",
+    "test": "node --import tsx --test \"test/*.test.ts\""
+  }
 }