@riebeckite/plugin-hover-preview 0.0.15 → 0.0.16

package/dist/client.js

@@ -15,14 +15,14 @@ function initHoverPreview() {
   );
   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)
+    delay: normalizeDelay(payload.dataset.delay),
+    indexSrc: normalizeIndexSrc(payload.dataset.indexSrc)
+  };
+  if (!config.indexSrc) return () => {
   };
   const anchors = Array.from(
     document.querySelectorAll(config.selector)
@@ -38,20 +38,31 @@ function initHoverPreview() {
   document.body.appendChild(popover);
   let showTimer = 0;
   let activeAnchor = null;
+  let indexPromise = null;
   const hide = () => {
     window.clearTimeout(showTimer);
     showTimer = 0;
     activeAnchor = null;
     popover.hidden = true;
   };
+  const loadIndex = () => {
+    indexPromise ??= fetch(config.indexSrc, {
+      headers: { Accept: "application/json" }
+    }).then((response) => response.ok ? response.text() : null).then(parsePayload).catch(() => null);
+    return indexPromise;
+  };
   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);
+    const href = anchor.getAttribute("href");
+    void loadIndex().then((index) => {
+      if (!index || activeAnchor !== anchor) return;
+      const entry = resolveEntry(index, href);
+      if (!entry) return;
+      renderPopover(popover, entry, config);
+      popover.hidden = false;
+      positionPopover(popover, anchor);
+    });
     activeAnchor = anchor;
   };
   const schedule = (anchor, delay) => {
@@ -168,6 +179,9 @@ function normalizeDelay(value) {
   const delay = Number(value ?? DEFAULT_DELAY);
   return Number.isFinite(delay) && delay >= 0 ? delay : DEFAULT_DELAY;
 }
+function normalizeIndexSrc(value) {
+  return value && value.trim() !== "" ? value.trim() : "";
+}
 export {
   initHoverPreview
 };

package/dist/index.js

@@ -2,8 +2,7 @@
 import {
   createClientEntry,
   createStyleAsset,
-  definePlugin,
-  isPublishable
+  definePlugin
 } from "@riebeckite/core";
 
 // src/options.ts
@@ -66,20 +65,22 @@ function decodeHtmlEntities(value) {
 }
 
 // src/render.ts
-import { escapeHtmlAttribute, escapeScriptJson } from "@riebeckite/core";
+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) {
+var HOVER_PREVIEW_INDEX_PATH = "_riebeckite/hover-preview/index.json";
+function renderHoverPreviewPayload(options, indexUrl) {
   const attributes = [
     'type="application/json"',
     `id="${escapeHtmlAttribute(HOVER_PREVIEW_SCRIPT_ID)}"`,
     HOVER_PREVIEW_ATTRIBUTE,
+    `data-index-src="${escapeHtmlAttribute(indexUrl)}"`,
     `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>`;
+  return `<script ${attributes}></script>`;
 }
 function hasInternalLink(html) {
   return /href\s*=\s*["']?\//.test(html);
@@ -88,14 +89,22 @@ function hasInternalLink(html) {
 // src/runtime.ts
 function createHoverPreviewRuntime(options) {
   return {
-    inject(manifest, shouldInclude) {
+    inject(manifest, output, 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);
+      output.emit({
+        path: HOVER_PREVIEW_INDEX_PATH,
+        content: JSON.stringify(index),
+        dependencies: [{ type: "global" }]
+      });
+      const payload = renderHoverPreviewPayload(
+        options,
+        `/${HOVER_PREVIEW_INDEX_PATH}`
+      );
       for (const entry of entries) {
         if (!hasInternalLink(entry.html)) continue;
         if (entry.html.includes(HOVER_PREVIEW_ATTRIBUTE)) continue;
@@ -122,14 +131,14 @@ function initHoverPreview() {
   );
   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)
+    delay: normalizeDelay(payload.dataset.delay),
+    indexSrc: normalizeIndexSrc(payload.dataset.indexSrc)
+  };
+  if (!config.indexSrc) return () => {
   };
   const anchors = Array.from(
     document.querySelectorAll(config.selector)
@@ -145,20 +154,31 @@ function initHoverPreview() {
   document.body.appendChild(popover);
   let showTimer = 0;
   let activeAnchor = null;
+  let indexPromise = null;
   const hide = () => {
     window.clearTimeout(showTimer);
     showTimer = 0;
     activeAnchor = null;
     popover.hidden = true;
   };
+  const loadIndex = () => {
+    indexPromise ??= fetch(config.indexSrc, {
+      headers: { Accept: "application/json" }
+    }).then((response) => response.ok ? response.text() : null).then(parsePayload).catch(() => null);
+    return indexPromise;
+  };
   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);
+    const href = anchor.getAttribute("href");
+    void loadIndex().then((index) => {
+      if (!index || activeAnchor !== anchor) return;
+      const entry = resolveEntry(index, href);
+      if (!entry) return;
+      renderPopover(popover, entry, config);
+      popover.hidden = false;
+      positionPopover(popover, anchor);
+    });
     activeAnchor = anchor;
   };
   const schedule = (anchor, delay) => {
@@ -275,6 +295,9 @@ function normalizeDelay(value) {
   const delay = Number(value ?? DEFAULT_DELAY);
   return Number.isFinite(delay) && delay >= 0 ? delay : DEFAULT_DELAY;
 }
+function normalizeIndexSrc(value) {
+  return value && value.trim() !== "" ? value.trim() : "";
+}
 
 // index.ts
 function hoverPreviewPlugin(options = {}) {
@@ -290,10 +313,11 @@ function hoverPreviewPlugin(options = {}) {
     options,
     validateOptions: validateHoverPreviewOptions,
     onManifestCreated: (context) => {
-      const strategy = context.config?.content.filters.publishStrategy ?? "explicit";
+      const publicEntries = new Set(context.manifest.publicEntries);
       runtime.inject(
         context.manifest,
-        (entry) => isPublishable(strategy, entry.frontmatter)
+        context.output,
+        (entry) => publicEntries.has(entry)
       );
     },
     assets: [createStyleAsset("hover-preview")],

package/dist/src/render.d.ts

@@ -1,5 +1,6 @@
-import type { HoverPreviewIndex, ResolvedHoverPreviewOptions } from "./types.js";
+import type { 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 const HOVER_PREVIEW_INDEX_PATH = "_riebeckite/hover-preview/index.json";
+export declare function renderHoverPreviewPayload(options: ResolvedHoverPreviewOptions, indexUrl: string): string;
 export declare function hasInternalLink(html: string): boolean;

package/dist/src/runtime.d.ts

@@ -1,6 +1,6 @@
-import type { ContentManifest, ContentManifestEntry } from "@riebeckite/core";
+import type { ContentManifest, ContentManifestEntry, GeneratedOutputSink } from "@riebeckite/core";
 import type { ResolvedHoverPreviewOptions } from "./types.js";
 export type HoverPreviewRuntime = {
-    inject(manifest: ContentManifest, shouldInclude?: (entry: ContentManifestEntry) => boolean): void;
+    inject(manifest: ContentManifest, output: GeneratedOutputSink, shouldInclude?: (entry: ContentManifestEntry) => boolean): void;
 };
 export declare function createHoverPreviewRuntime(options: ResolvedHoverPreviewOptions): HoverPreviewRuntime;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@riebeckite/plugin-hover-preview",
-  "version": "0.0.15",
+  "version": "0.0.16",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./dist/index.js",
@@ -21,7 +21,7 @@
     "./style.css": "./style.css"
   },
   "dependencies": {
-    "@riebeckite/core": "0.0.15"
+    "@riebeckite/core": "0.0.16"
   },
   "publishConfig": {
     "access": "public"