@riebeckite/plugin-hover-preview 0.0.1

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

@@ -0,0 +1,79 @@
+# @riebeckite/plugin-hover-preview
+
+Quartz/Obsidian-Publish style popover previews for internal links. Hovering or
+focusing a note link shows its title and a short excerpt without leaving the
+page.
+
+[日本語](./README_ja.md)
+
+## Overview
+
+At build time `hoverPreviewPlugin()` builds a preview index from the content
+manifest (`permalink` → `{ title, excerpt, slug }`) and injects it once into
+every page that contains internal links as an inert
+`<script type="application/json" data-rb-hover-preview>` block. The client
+entry `initHoverPreview` reads that payload and attaches hover, focus, and touch
+handlers to the matching links.
+
+The excerpt is plain text extracted from the rendered HTML: tags are stripped,
+whitespace is collapsed, and the result is truncated to `excerptLength`
+characters. Pages without internal links are left untouched, and the payload is
+bounded by `maxEntries` when set.
+
+## Usage
+
+```ts
+import { defineConfig } from "@riebeckite/core";
+import { hoverPreviewPlugin } from "@riebeckite/plugin-hover-preview";
+
+export default defineConfig({
+  // ...
+  plugins: [hoverPreviewPlugin()],
+});
+```
+
+`hoverPreviewPlugin()` registers the style asset, the client entry, and the
+build-time payload injection. `hoverPreview` is an alias of the same factory.
+
+The client entry takes no arguments. Behavior is carried by data attributes on
+the payload script, so the plugin works even when the client initializer is
+called without options.
+
+## Options
+
+| Option          | Default        | Description                                            |
+| --------------- | -------------- | ------------------------------------------------------ |
+| `delay`         | `120`          | Milliseconds before the popover appears.               |
+| `excerptLength` | `160`          | Maximum excerpt length in characters.                  |
+| `maxEntries`    | unset          | Upper bound on entries stored in the page payload.     |
+| `selector`      | `a[href^="/"]` | Selector for internal links that receive a preview.    |
+| `className`     | `rb-hover-preview` | Base class of the popover element.                 |
+| `includeTitles` | `true`         | Whether the popover shows the target entry title.      |
+
+```ts
+hoverPreviewPlugin({
+  delay: 200,
+  excerptLength: 120,
+  maxEntries: 200,
+  selector: 'a[href^="/notes/"]',
+});
+```
+
+## API
+
+- `hoverPreviewPlugin(options?)` — plugin factory
+- `hoverPreview` — alias of `hoverPreviewPlugin`
+- `resolveHoverPreviewOptions(options?)` — applies defaults and returns a
+  `ResolvedHoverPreviewOptions`
+- `buildPreviewIndex(entries, options)` — builds a `HoverPreviewIndex`
+  (`permalink` → `{ title, excerpt, slug }`)
+- `htmlToPlainText(html)` / `createExcerpt(html, length)` — excerpt helpers
+- `initHoverPreview()` — browser initializer (also via
+  `@riebeckite/plugin-hover-preview/client`)
+- Constants: `HOVER_PREVIEW_ATTRIBUTE`, `HOVER_PREVIEW_SCRIPT_ID`
+- Types: `HoverPreviewOptions`, `ResolvedHoverPreviewOptions`,
+  `HoverPreviewEntry`, `HoverPreviewIndex`
+
+## See also
+
+- [Plugin guide](../../docs/plugins_en.md)

package/README_ja.md

@@ -0,0 +1,62 @@
+# @riebeckite/plugin-hover-preview
+
+内部リンクにカーソルを合わせると、リンク先のタイトルと抜粋をポップオーバーで表示するプラグインです。Quartz や Obsidian Publish のプレビューに近い挙動で、ページを離れずにリンク先の内容を確認できます。
+
+[English](./README.md)
+
+## 概要
+
+ビルド時に `hoverPreviewPlugin()` がコンテンツマニフェストからプレビュー索引（`permalink` → `{ title, excerpt, slug }`）を作り、内部リンクを含むページへ一度だけ `<script type="application/json" data-rb-hover-preview>` として埋め込みます。クライアント側の `initHoverPreview` がこのデータを読み、対象リンクにホバー・フォーカス・タップの処理を付けます。
+
+抜粋は描画済み HTML からタグを除いたプレーンテキストで、空白をまとめたうえで `excerptLength` 文字に切り詰めます。内部リンクのないページには何も挿入しません。`maxEntries` を指定するとページごとのデータ量を抑えられます。
+
+## 設定する
+
+```ts
+import { defineConfig } from "@riebeckite/core";
+import { hoverPreviewPlugin } from "@riebeckite/plugin-hover-preview";
+
+export default defineConfig({
+  // ...
+  plugins: [hoverPreviewPlugin()],
+});
+```
+
+`hoverPreviewPlugin()` がスタイル、クライアントエントリ、ビルド時のデータ注入をまとめて登録します。`hoverPreview` は同じファクトリの別名です。
+
+クライアントエントリは引数を取りません。表示に関する設定はデータ用スクリプトの data 属性に載るため、初期化処理をオプションなしで呼んでも動作します。
+
+## オプション
+
+| オプション      | 既定値         | 説明                                       |
+| --------------- | -------------- | ------------------------------------------ |
+| `delay`         | `120`          | ポップオーバーが出るまでの待ち時間（ミリ秒） |
+| `excerptLength` | `160`          | 抜粋の最大文字数                           |
+| `maxEntries`    | 未指定         | ページに埋め込む項目数の上限               |
+| `selector`      | `a[href^="/"]` | プレビュー対象にする内部リンクのセレクタ   |
+| `className`     | `rb-hover-preview` | ポップオーバーの基準クラス名           |
+| `includeTitles` | `true`         | ポップオーバーにタイトルを表示するか       |
+
+```ts
+hoverPreviewPlugin({
+  delay: 200,
+  excerptLength: 120,
+  maxEntries: 200,
+  selector: 'a[href^="/notes/"]',
+});
+```
+
+## 主なエクスポート
+
+- `hoverPreviewPlugin(options?)`: プラグインを作成する
+- `hoverPreview`: `hoverPreviewPlugin` の別名
+- `resolveHoverPreviewOptions(options?)`: 既定値を適用して `ResolvedHoverPreviewOptions` を返す
+- `buildPreviewIndex(entries, options)`: `HoverPreviewIndex`（`permalink` → `{ title, excerpt, slug }`）を作る
+- `htmlToPlainText(html)` / `createExcerpt(html, length)`: 抜粋を作る補助関数
+- `initHoverPreview()`: ブラウザ側の初期化処理。`@riebeckite/plugin-hover-preview/client` からも読み込める
+- 定数: `HOVER_PREVIEW_ATTRIBUTE`, `HOVER_PREVIEW_SCRIPT_ID`
+- 型: `HoverPreviewOptions`, `ResolvedHoverPreviewOptions`, `HoverPreviewEntry`, `HoverPreviewIndex`
+
+## 関連資料
+
+- [プラグインシステム](../../../docs/ja/plugin-system.md)

package/dist/client.d.ts

@@ -0,0 +1 @@
+export { initHoverPreview } from "./src/init.js";

package/dist/client.js

@@ -0,0 +1,173 @@
+// src/init.ts
+var DEFAULT_SELECTOR = 'a[href^="/"]';
+var DEFAULT_CLASS_NAME = "rb-hover-preview";
+var DEFAULT_DELAY = 120;
+var GAP = 8;
+var MARGIN = 8;
+function initHoverPreview() {
+  if (typeof document === "undefined") return () => {
+  };
+  const root = document.documentElement;
+  if (root.dataset.hoverPreviewInit === "true") return () => {
+  };
+  const payload = document.querySelector(
+    "script[data-rb-hover-preview]"
+  );
+  if (!payload) return () => {
+  };
+  const index = parsePayload(payload.textContent);
+  if (!index) return () => {
+  };
+  const config = {
+    selector: normalizeSelector(payload.dataset.selector),
+    className: normalizeClassName(payload.dataset.className),
+    includeTitles: payload.dataset.includeTitles !== "false",
+    delay: normalizeDelay(payload.dataset.delay)
+  };
+  const anchors = Array.from(
+    document.querySelectorAll(config.selector)
+  );
+  if (anchors.length === 0) return () => {
+  };
+  root.dataset.hoverPreviewInit = "true";
+  const popover = document.createElement("div");
+  popover.className = config.className;
+  popover.setAttribute("data-hover-preview", "");
+  popover.setAttribute("role", "tooltip");
+  popover.hidden = true;
+  document.body.appendChild(popover);
+  let showTimer = 0;
+  let activeAnchor = null;
+  const hide = () => {
+    window.clearTimeout(showTimer);
+    showTimer = 0;
+    activeAnchor = null;
+    popover.hidden = true;
+  };
+  const show = (anchor) => {
+    window.clearTimeout(showTimer);
+    showTimer = 0;
+    const entry = resolveEntry(index, anchor.getAttribute("href"));
+    if (!entry) return;
+    renderPopover(popover, entry, config);
+    popover.hidden = false;
+    positionPopover(popover, anchor);
+    activeAnchor = anchor;
+  };
+  const schedule = (anchor, delay) => {
+    window.clearTimeout(showTimer);
+    if (delay <= 0) {
+      show(anchor);
+      return;
+    }
+    showTimer = window.setTimeout(() => show(anchor), delay);
+  };
+  const listeners = [];
+  const listen = (target, type, handler, options) => {
+    target.addEventListener(type, handler, options);
+    listeners.push({ target, type, handler });
+  };
+  for (const anchor of anchors) {
+    listen(anchor, "mouseenter", () => schedule(anchor, config.delay));
+    listen(anchor, "mouseleave", hide);
+    listen(anchor, "focus", () => schedule(anchor, config.delay));
+    listen(anchor, "blur", hide);
+    listen(anchor, "touchstart", () => show(anchor), { passive: true });
+  }
+  listen(document, "scroll", hide, { passive: true, capture: true });
+  listen(document, "touchstart", (event) => {
+    const target = event.target;
+    if (activeAnchor && target instanceof Node && activeAnchor.contains(target)) {
+      return;
+    }
+    if (target instanceof Node && popover.contains(target)) return;
+    hide();
+  });
+  listen(document, "keydown", (event) => {
+    if (event.key === "Escape") hide();
+  });
+  return () => {
+    hide();
+    for (const { target, type, handler } of listeners) {
+      target.removeEventListener(type, handler);
+    }
+    listeners.length = 0;
+    popover.remove();
+    delete root.dataset.hoverPreviewInit;
+  };
+}
+function parsePayload(text) {
+  if (!text) return null;
+  try {
+    const parsed = JSON.parse(text);
+    if (!parsed || typeof parsed !== "object" || Array.isArray(parsed)) {
+      return null;
+    }
+    return parsed;
+  } catch {
+    return null;
+  }
+}
+function resolveEntry(index, href) {
+  if (!href) return null;
+  const withoutFragment = href.split("#")[0] ?? href;
+  const clean = withoutFragment.split("?")[0] ?? withoutFragment;
+  const candidates = /* @__PURE__ */ new Set([href, clean]);
+  if (clean.endsWith("/")) {
+    candidates.add(clean.slice(0, -1));
+  } else {
+    candidates.add(`${clean}/`);
+  }
+  try {
+    candidates.add(decodeURI(clean));
+  } catch {
+  }
+  for (const candidate of candidates) {
+    const entry = index[candidate];
+    if (entry) return entry;
+  }
+  return null;
+}
+function renderPopover(popover, entry, config) {
+  popover.replaceChildren();
+  if (config.includeTitles && entry.title) {
+    const title = document.createElement("p");
+    title.className = `${config.className}__title`;
+    title.textContent = entry.title;
+    popover.appendChild(title);
+  }
+  if (entry.excerpt) {
+    const excerpt = document.createElement("p");
+    excerpt.className = `${config.className}__excerpt`;
+    excerpt.textContent = entry.excerpt;
+    popover.appendChild(excerpt);
+  }
+}
+function positionPopover(popover, anchor) {
+  const anchorRect = anchor.getBoundingClientRect();
+  const popoverRect = popover.getBoundingClientRect();
+  let top = anchorRect.bottom + GAP;
+  if (top + popoverRect.height > window.innerHeight - MARGIN && anchorRect.top - GAP - popoverRect.height >= MARGIN) {
+    top = anchorRect.top - GAP - popoverRect.height;
+  }
+  const maxLeft = window.innerWidth - popoverRect.width - MARGIN;
+  const left = Math.min(
+    Math.max(anchorRect.left, MARGIN),
+    Math.max(maxLeft, MARGIN)
+  );
+  popover.style.top = `${Math.round(top)}px`;
+  popover.style.left = `${Math.round(left)}px`;
+}
+function normalizeSelector(value) {
+  return value && value.trim() !== "" ? value.trim() : DEFAULT_SELECTOR;
+}
+function normalizeClassName(value) {
+  return value && value.trim() !== "" ? value.trim() : DEFAULT_CLASS_NAME;
+}
+function normalizeDelay(value) {
+  const delay = Number(value ?? DEFAULT_DELAY);
+  return Number.isFinite(delay) && delay >= 0 ? delay : DEFAULT_DELAY;
+}
+export {
+  initHoverPreview
+};

package/dist/index.d.ts

@@ -0,0 +1,8 @@
+import type { HoverPreviewOptions } from "./src/types.js";
+export { initHoverPreview } from "./src/init.js";
+export { DEFAULT_HOVER_PREVIEW_CLASS, DEFAULT_HOVER_PREVIEW_DELAY, DEFAULT_HOVER_PREVIEW_EXCERPT_LENGTH, DEFAULT_HOVER_PREVIEW_SELECTOR, resolveHoverPreviewOptions, } from "./src/options.js";
+export { buildPreviewIndex, createExcerpt, htmlToPlainText, } from "./src/preview-index.js";
+export { HOVER_PREVIEW_ATTRIBUTE, HOVER_PREVIEW_SCRIPT_ID, hasInternalLink, renderHoverPreviewPayload, } from "./src/render.js";
+export type { HoverPreviewEntry, HoverPreviewIndex, HoverPreviewOptions, ResolvedHoverPreviewOptions, } from "./src/types.js";
+export declare function hoverPreviewPlugin(options?: HoverPreviewOptions): import("@riebeckite/core").RiebeckitePlugin<HoverPreviewOptions>;
+export declare const hoverPreview: typeof hoverPreviewPlugin;

package/dist/index.js

@@ -0,0 +1,369 @@
+// index.ts
+import {
+  createClientEntry,
+  createStyleAsset,
+  definePlugin,
+  isPublishable
+} from "@riebeckite/core";
+
+// src/options.ts
+var DEFAULT_HOVER_PREVIEW_DELAY = 120;
+var DEFAULT_HOVER_PREVIEW_EXCERPT_LENGTH = 160;
+var DEFAULT_HOVER_PREVIEW_SELECTOR = 'a[href^="/"]';
+var DEFAULT_HOVER_PREVIEW_CLASS = "rb-hover-preview";
+function resolveHoverPreviewOptions(options = {}) {
+  return {
+    delay: normalizeNonNegative(options.delay, DEFAULT_HOVER_PREVIEW_DELAY),
+    excerptLength: normalizePositive(
+      options.excerptLength,
+      DEFAULT_HOVER_PREVIEW_EXCERPT_LENGTH
+    ),
+    maxEntries: normalizeMaxEntries(options.maxEntries),
+    selector: normalizeString(options.selector, DEFAULT_HOVER_PREVIEW_SELECTOR),
+    className: normalizeString(options.className, DEFAULT_HOVER_PREVIEW_CLASS),
+    includeTitles: options.includeTitles ?? true
+  };
+}
+function normalizeNonNegative(value, fallback) {
+  return value === void 0 || !Number.isFinite(value) || value < 0 ? fallback : value;
+}
+function normalizePositive(value, fallback) {
+  return value === void 0 || !Number.isFinite(value) || value <= 0 ? fallback : value;
+}
+function normalizeMaxEntries(value) {
+  return value === void 0 || !Number.isInteger(value) || value < 1 ? void 0 : value;
+}
+function normalizeString(value, fallback) {
+  return typeof value === "string" && value.trim() !== "" ? value.trim() : fallback;
+}
+
+// src/preview-index.ts
+function buildPreviewIndex(entries, options) {
+  const pool = options.maxEntries === void 0 ? entries : entries.slice(0, options.maxEntries);
+  const index = {};
+  for (const entry of pool) {
+    index[entry.permalink] = {
+      title: entry.title,
+      excerpt: createExcerpt(entry.html, options.excerptLength),
+      slug: entry.slug
+    };
+  }
+  return index;
+}
+function createExcerpt(html, length) {
+  const text = htmlToPlainText(html);
+  if (text.length <= length) return text;
+  const truncated = text.slice(0, Math.max(length - 1, 0)).trimEnd();
+  return `${truncated}…`;
+}
+function htmlToPlainText(html) {
+  return decodeHtmlEntities(
+    html.replace(/<script\b[^>]*>[\s\S]*?<\/script>/gi, " ").replace(/<style\b[^>]*>[\s\S]*?<\/style>/gi, " ").replace(/<[^>]+>/g, " ")
+  ).replace(/\s+/g, " ").trim();
+}
+function decodeHtmlEntities(value) {
+  return value.replace(/&nbsp;/g, " ").replace(/&amp;/g, "&").replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&quot;/g, '"').replace(/&#39;/g, "'");
+}
+
+// src/render.ts
+import { escapeHtmlAttribute } from "@riebeckite/core";
+var HOVER_PREVIEW_SCRIPT_ID = "rb-hover-preview-data";
+var HOVER_PREVIEW_ATTRIBUTE = "data-rb-hover-preview";
+function renderHoverPreviewPayload(index, options) {
+  const attributes = [
+    'type="application/json"',
+    `id="${escapeHtmlAttribute(HOVER_PREVIEW_SCRIPT_ID)}"`,
+    HOVER_PREVIEW_ATTRIBUTE,
+    `data-selector="${escapeHtmlAttribute(options.selector)}"`,
+    `data-delay="${escapeHtmlAttribute(String(options.delay))}"`,
+    `data-class-name="${escapeHtmlAttribute(options.className)}"`,
+    `data-include-titles="${escapeHtmlAttribute(String(options.includeTitles))}"`
+  ].join(" ");
+  return `<script ${attributes}>${escapeScriptJson(JSON.stringify(index))}</script>`;
+}
+function hasInternalLink(html) {
+  return /href\s*=\s*["']?\//.test(html);
+}
+function escapeScriptJson(value) {
+  return value.replace(/</g, "\\u003c").replace(/>/g, "\\u003e").replace(/&/g, "\\u0026");
+}
+
+// src/runtime.ts
+function createHoverPreviewRuntime(options) {
+  const tracked = /* @__PURE__ */ new Map();
+  return {
+    track(slug, content) {
+      tracked.set(slug, content);
+    },
+    inject(manifest, shouldInclude) {
+      const entries = shouldInclude ? manifest.entries.filter(shouldInclude) : manifest.entries;
+      const index = buildPreviewIndex(entries, {
+        excerptLength: options.excerptLength,
+        ...options.maxEntries === void 0 ? {} : { maxEntries: options.maxEntries }
+      });
+      if (Object.keys(index).length === 0) return;
+      const payload = renderHoverPreviewPayload(index, options);
+      for (const entry of entries) {
+        if (!hasInternalLink(entry.html)) continue;
+        if (entry.html.includes(HOVER_PREVIEW_ATTRIBUTE)) continue;
+        const html = `${entry.html}${payload}`;
+        entry.html = html;
+        const content = tracked.get(entry.slug);
+        if (content) content.html = html;
+      }
+    }
+  };
+}
+
+// src/init.ts
+var DEFAULT_SELECTOR = 'a[href^="/"]';
+var DEFAULT_CLASS_NAME = "rb-hover-preview";
+var DEFAULT_DELAY = 120;
+var GAP = 8;
+var MARGIN = 8;
+function initHoverPreview() {
+  if (typeof document === "undefined") return () => {
+  };
+  const root = document.documentElement;
+  if (root.dataset.hoverPreviewInit === "true") return () => {
+  };
+  const payload = document.querySelector(
+    "script[data-rb-hover-preview]"
+  );
+  if (!payload) return () => {
+  };
+  const index = parsePayload(payload.textContent);
+  if (!index) return () => {
+  };
+  const config = {
+    selector: normalizeSelector(payload.dataset.selector),
+    className: normalizeClassName(payload.dataset.className),
+    includeTitles: payload.dataset.includeTitles !== "false",
+    delay: normalizeDelay(payload.dataset.delay)
+  };
+  const anchors = Array.from(
+    document.querySelectorAll(config.selector)
+  );
+  if (anchors.length === 0) return () => {
+  };
+  root.dataset.hoverPreviewInit = "true";
+  const popover = document.createElement("div");
+  popover.className = config.className;
+  popover.setAttribute("data-hover-preview", "");
+  popover.setAttribute("role", "tooltip");
+  popover.hidden = true;
+  document.body.appendChild(popover);
+  let showTimer = 0;
+  let activeAnchor = null;
+  const hide = () => {
+    window.clearTimeout(showTimer);
+    showTimer = 0;
+    activeAnchor = null;
+    popover.hidden = true;
+  };
+  const show = (anchor) => {
+    window.clearTimeout(showTimer);
+    showTimer = 0;
+    const entry = resolveEntry(index, anchor.getAttribute("href"));
+    if (!entry) return;
+    renderPopover(popover, entry, config);
+    popover.hidden = false;
+    positionPopover(popover, anchor);
+    activeAnchor = anchor;
+  };
+  const schedule = (anchor, delay) => {
+    window.clearTimeout(showTimer);
+    if (delay <= 0) {
+      show(anchor);
+      return;
+    }
+    showTimer = window.setTimeout(() => show(anchor), delay);
+  };
+  const listeners = [];
+  const listen = (target, type, handler, options) => {
+    target.addEventListener(type, handler, options);
+    listeners.push({ target, type, handler });
+  };
+  for (const anchor of anchors) {
+    listen(anchor, "mouseenter", () => schedule(anchor, config.delay));
+    listen(anchor, "mouseleave", hide);
+    listen(anchor, "focus", () => schedule(anchor, config.delay));
+    listen(anchor, "blur", hide);
+    listen(anchor, "touchstart", () => show(anchor), { passive: true });
+  }
+  listen(document, "scroll", hide, { passive: true, capture: true });
+  listen(document, "touchstart", (event) => {
+    const target = event.target;
+    if (activeAnchor && target instanceof Node && activeAnchor.contains(target)) {
+      return;
+    }
+    if (target instanceof Node && popover.contains(target)) return;
+    hide();
+  });
+  listen(document, "keydown", (event) => {
+    if (event.key === "Escape") hide();
+  });
+  return () => {
+    hide();
+    for (const { target, type, handler } of listeners) {
+      target.removeEventListener(type, handler);
+    }
+    listeners.length = 0;
+    popover.remove();
+    delete root.dataset.hoverPreviewInit;
+  };
+}
+function parsePayload(text) {
+  if (!text) return null;
+  try {
+    const parsed = JSON.parse(text);
+    if (!parsed || typeof parsed !== "object" || Array.isArray(parsed)) {
+      return null;
+    }
+    return parsed;
+  } catch {
+    return null;
+  }
+}
+function resolveEntry(index, href) {
+  if (!href) return null;
+  const withoutFragment = href.split("#")[0] ?? href;
+  const clean = withoutFragment.split("?")[0] ?? withoutFragment;
+  const candidates = /* @__PURE__ */ new Set([href, clean]);
+  if (clean.endsWith("/")) {
+    candidates.add(clean.slice(0, -1));
+  } else {
+    candidates.add(`${clean}/`);
+  }
+  try {
+    candidates.add(decodeURI(clean));
+  } catch {
+  }
+  for (const candidate of candidates) {
+    const entry = index[candidate];
+    if (entry) return entry;
+  }
+  return null;
+}
+function renderPopover(popover, entry, config) {
+  popover.replaceChildren();
+  if (config.includeTitles && entry.title) {
+    const title = document.createElement("p");
+    title.className = `${config.className}__title`;
+    title.textContent = entry.title;
+    popover.appendChild(title);
+  }
+  if (entry.excerpt) {
+    const excerpt = document.createElement("p");
+    excerpt.className = `${config.className}__excerpt`;
+    excerpt.textContent = entry.excerpt;
+    popover.appendChild(excerpt);
+  }
+}
+function positionPopover(popover, anchor) {
+  const anchorRect = anchor.getBoundingClientRect();
+  const popoverRect = popover.getBoundingClientRect();
+  let top = anchorRect.bottom + GAP;
+  if (top + popoverRect.height > window.innerHeight - MARGIN && anchorRect.top - GAP - popoverRect.height >= MARGIN) {
+    top = anchorRect.top - GAP - popoverRect.height;
+  }
+  const maxLeft = window.innerWidth - popoverRect.width - MARGIN;
+  const left = Math.min(
+    Math.max(anchorRect.left, MARGIN),
+    Math.max(maxLeft, MARGIN)
+  );
+  popover.style.top = `${Math.round(top)}px`;
+  popover.style.left = `${Math.round(left)}px`;
+}
+function normalizeSelector(value) {
+  return value && value.trim() !== "" ? value.trim() : DEFAULT_SELECTOR;
+}
+function normalizeClassName(value) {
+  return value && value.trim() !== "" ? value.trim() : DEFAULT_CLASS_NAME;
+}
+function normalizeDelay(value) {
+  const delay = Number(value ?? DEFAULT_DELAY);
+  return Number.isFinite(delay) && delay >= 0 ? delay : DEFAULT_DELAY;
+}
+
+// index.ts
+function hoverPreviewPlugin(options = {}) {
+  const resolved = resolveHoverPreviewOptions(options);
+  const runtime = createHoverPreviewRuntime(resolved);
+  return definePlugin({
+    name: "hover-preview",
+    options,
+    validateOptions: validateHoverPreviewOptions,
+    onPostProcessed: (context) => {
+      runtime.track(context.slug, context.content);
+    },
+    onManifestCreated: (context) => {
+      const strategy = context.config?.content.filters.publishStrategy ?? "explicit";
+      runtime.inject(
+        context.manifest,
+        (entry) => isPublishable(strategy, entry.frontmatter)
+      );
+    },
+    assets: [createStyleAsset("hover-preview")],
+    clientEntries: [createClientEntry("hover-preview", "initHoverPreview")]
+  });
+}
+var hoverPreview = hoverPreviewPlugin;
+function validateHoverPreviewOptions(options) {
+  if (!options) return [];
+  const issues = [];
+  if (options.delay !== void 0 && (!Number.isFinite(options.delay) || options.delay < 0)) {
+    issues.push({
+      path: "delay",
+      message: "Expected a non-negative finite number."
+    });
+  }
+  if (options.excerptLength !== void 0 && (!Number.isFinite(options.excerptLength) || options.excerptLength <= 0)) {
+    issues.push({
+      path: "excerptLength",
+      message: "Expected a positive finite number."
+    });
+  }
+  if (options.maxEntries !== void 0 && (!Number.isInteger(options.maxEntries) || options.maxEntries < 1)) {
+    issues.push({
+      path: "maxEntries",
+      message: "Expected a positive integer."
+    });
+  }
+  if (options.selector !== void 0 && (typeof options.selector !== "string" || options.selector.trim() === "")) {
+    issues.push({
+      path: "selector",
+      message: "Expected a non-empty string."
+    });
+  }
+  if (options.className !== void 0 && (typeof options.className !== "string" || options.className.trim() === "")) {
+    issues.push({
+      path: "className",
+      message: "Expected a non-empty string."
+    });
+  }
+  if (options.includeTitles !== void 0 && typeof options.includeTitles !== "boolean") {
+    issues.push({
+      path: "includeTitles",
+      message: "Expected a boolean."
+    });
+  }
+  return issues;
+}
+export {
+  DEFAULT_HOVER_PREVIEW_CLASS,
+  DEFAULT_HOVER_PREVIEW_DELAY,
+  DEFAULT_HOVER_PREVIEW_EXCERPT_LENGTH,
+  DEFAULT_HOVER_PREVIEW_SELECTOR,
+  HOVER_PREVIEW_ATTRIBUTE,
+  HOVER_PREVIEW_SCRIPT_ID,
+  buildPreviewIndex,
+  createExcerpt,
+  hasInternalLink,
+  hoverPreview,
+  hoverPreviewPlugin,
+  htmlToPlainText,
+  initHoverPreview,
+  renderHoverPreviewPayload,
+  resolveHoverPreviewOptions
+};

package/dist/src/init.d.ts

@@ -0,0 +1 @@
+export declare function initHoverPreview(): () => void;

package/dist/src/options.d.ts

@@ -0,0 +1,6 @@
+import type { HoverPreviewOptions, ResolvedHoverPreviewOptions } from "./types.js";
+export declare const DEFAULT_HOVER_PREVIEW_DELAY = 120;
+export declare const DEFAULT_HOVER_PREVIEW_EXCERPT_LENGTH = 160;
+export declare const DEFAULT_HOVER_PREVIEW_SELECTOR = "a[href^=\"/\"]";
+export declare const DEFAULT_HOVER_PREVIEW_CLASS = "rb-hover-preview";
+export declare function resolveHoverPreviewOptions(options?: HoverPreviewOptions): ResolvedHoverPreviewOptions;

package/dist/src/preview-index.d.ts

@@ -0,0 +1,14 @@
+import type { ContentManifestEntry } from "@riebeckite/core";
+import type { HoverPreviewIndex } from "./types.js";
+export type PreviewIndexSource = {
+    permalink: string;
+    slug: string;
+    title: string;
+    html: string;
+};
+export declare function buildPreviewIndex(entries: readonly (ContentManifestEntry | PreviewIndexSource)[], options: {
+    excerptLength: number;
+    maxEntries?: number;
+}): HoverPreviewIndex;
+export declare function createExcerpt(html: string, length: number): string;
+export declare function htmlToPlainText(html: string): string;

package/dist/src/render.d.ts

@@ -0,0 +1,6 @@
+import type { HoverPreviewIndex, ResolvedHoverPreviewOptions } from "./types.js";
+export declare const HOVER_PREVIEW_SCRIPT_ID = "rb-hover-preview-data";
+export declare const HOVER_PREVIEW_ATTRIBUTE = "data-rb-hover-preview";
+export declare function renderHoverPreviewPayload(index: HoverPreviewIndex, options: ResolvedHoverPreviewOptions): string;
+export declare function hasInternalLink(html: string): boolean;
+export declare function escapeScriptJson(value: string): string;

package/dist/src/runtime.d.ts

@@ -0,0 +1,7 @@
+import type { ContentManifest, ContentManifestEntry, PostContent } from "@riebeckite/core";
+import type { ResolvedHoverPreviewOptions } from "./types.js";
+export type HoverPreviewRuntime = {
+    track(slug: string, content: PostContent): void;
+    inject(manifest: ContentManifest, shouldInclude?: (entry: ContentManifestEntry) => boolean): void;
+};
+export declare function createHoverPreviewRuntime(options: ResolvedHoverPreviewOptions): HoverPreviewRuntime;

package/dist/src/types.d.ts

@@ -0,0 +1,44 @@
+export type HoverPreviewOptions = {
+    /**
+     * Delay in milliseconds before a popover appears after the pointer enters a
+     * link. Defaults to `120`.
+     */
+    delay?: number;
+    /**
+     * Maximum number of characters kept in a preview excerpt. Defaults to `160`.
+     */
+    excerptLength?: number;
+    /**
+     * Maximum number of entries stored in the per-page payload. Unset keeps every
+     * entry.
+     */
+    maxEntries?: number;
+    /**
+     * CSS selector used to find the internal links that receive a preview.
+     * Defaults to `a[href^="/"]`.
+     */
+    selector?: string;
+    /**
+     * Base class name applied to the popover element. Defaults to
+     * `rb-hover-preview`.
+     */
+    className?: string;
+    /**
+     * Whether the popover shows the target entry's title. Defaults to `true`.
+     */
+    includeTitles?: boolean;
+};
+export type ResolvedHoverPreviewOptions = {
+    delay: number;
+    excerptLength: number;
+    maxEntries: number | undefined;
+    selector: string;
+    className: string;
+    includeTitles: boolean;
+};
+export type HoverPreviewEntry = {
+    title: string;
+    excerpt: string;
+    slug: string;
+};
+export type HoverPreviewIndex = Record<string, HoverPreviewEntry>;

package/package.json

@@ -0,0 +1,61 @@
+{
+  "name": "@riebeckite/plugin-hover-preview",
+  "version": "0.0.1",
+  "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"
+    },
+    "./client": {
+      "types": "./dist/client.d.ts",
+      "import": "./dist/client.js",
+      "source": "./client.ts",
+      "default": "./dist/client.js"
+    },
+    "./style.css": "./style.css"
+  },
+  "dependencies": {
+    "@riebeckite/core": "0.0.1"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "LICENSE",
+    "README.md",
+    "README_ja.md",
+    "dist",
+    "style.css"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Rerurate514/riebeckite.git",
+    "directory": "packages/plugins/hover-preview"
+  },
+  "homepage": "https://github.com/Rerurate514/riebeckite#readme",
+  "bugs": {
+    "url": "https://github.com/Rerurate514/riebeckite/issues"
+  },
+  "description": "Popover previews for internal Riebeckite links.",
+  "keywords": [
+    "riebeckite",
+    "plugin",
+    "link-preview",
+    "obsidian"
+  ],
+  "engines": {
+    "node": "^20.19.0 || >=22.12.0"
+  },
+  "sideEffects": [
+    "./style.css"
+  ],
+  "scripts": {
+    "build": "node ../../../scripts/build_package.mjs"
+  }
+}

package/style.css

@@ -0,0 +1,72 @@
+.rb-hover-preview {
+  --rb-hover-preview-paper: var(--rb-color-paper, #ffffff);
+  --rb-hover-preview-ink: var(--rb-color-ink, #16130f);
+  --rb-hover-preview-muted: var(--rb-color-muted, #69645c);
+  --rb-hover-preview-rule: var(
+    --rb-color-border,
+    color-mix(in srgb, var(--rb-hover-preview-ink) 16%, transparent)
+  );
+  --rb-hover-preview-accent: var(--rb-color-accent, #b4531f);
+
+  position: fixed;
+  z-index: 70;
+  top: 0;
+  left: 0;
+  max-width: min(22rem, calc(100vw - 2rem));
+  padding: 0.625rem 0.75rem;
+  border: 1px solid var(--rb-hover-preview-rule);
+  border-left: 3px solid var(--rb-hover-preview-accent);
+  background: var(--rb-hover-preview-paper);
+  color: var(--rb-hover-preview-ink);
+  box-shadow: 0 14px 34px -18px
+    color-mix(in srgb, var(--rb-hover-preview-ink) 45%, transparent);
+  font-size: 0.875rem;
+  line-height: 1.5;
+  pointer-events: none;
+}
+
+.rb-hover-preview[hidden] {
+  display: none;
+}
+
+.rb-hover-preview__title {
+  margin: 0 0 0.25rem;
+  font-size: 0.875rem;
+  font-weight: 650;
+  line-height: 1.35;
+}
+
+.rb-hover-preview__excerpt {
+  margin: 0;
+  color: var(--rb-hover-preview-muted);
+  font-size: 0.8125rem;
+  line-height: 1.5;
+}
+
+html[data-theme="dark"] .rb-hover-preview,
+html.dark .rb-hover-preview {
+  --rb-hover-preview-paper: var(--rb-color-ink, #14110d);
+  --rb-hover-preview-ink: var(--rb-color-paper, #f8f5ef);
+  --rb-hover-preview-muted: color-mix(
+    in srgb,
+    var(--rb-hover-preview-ink) 72%,
+    transparent
+  );
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  .rb-hover-preview {
+    animation: rb-hover-preview-in 120ms ease-out;
+  }
+
+  @keyframes rb-hover-preview-in {
+    from {
+      opacity: 0;
+      transform: translateY(-2px);
+    }
+    to {
+      opacity: 1;
+      transform: translateY(0);
+    }
+  }
+}