@riebeckite/plugin-backlinks 0.0.24 → 0.0.25

package/dist/components/backlinks.d.ts

@@ -1,6 +1,6 @@
 import type { ArticleBacklink } from "../src/backlinks.js";
 export type BacklinksProps = {
-    backlinks: readonly ArticleBacklink[];
+    backlinks?: readonly ArticleBacklink[];
 };
-declare const Backlinks: (props: Readonly<BacklinksProps>) => import("hono/jsx/jsx-dev-runtime").JSX.Element;
+declare const Backlinks: (props: Readonly<BacklinksProps>) => Promise<import("hono/utils/html").HtmlEscapedString>;
 export default Backlinks;

package/dist/components/backlinks.js

@@ -1,10 +1,24 @@
+// components/backlinks.tsx
+import { useArticleContext, useSiteContext } from "@riebeckite/ui";
+import { html } from "hono/html";
+
+// src/backlinks.server.ts
+var getBacklinks = ({ view, slug }) => view.getDiscoverableIncoming(slug).map((entry) => ({
+  slug: entry.slug,
+  permalink: entry.permalink,
+  title: entry.title || entry.slug
+}));
+
 // components/backlinks.tsx
 import { jsx, jsxs } from "hono/jsx/jsx-runtime";
-var Backlinks = ((props) => {
-  if (props.backlinks.length === 0) return null;
+var Backlinks = (async (props) => {
+  const site = useSiteContext();
+  const article = useArticleContext();
+  const backlinks = props.backlinks ?? (site && article?.entry ? await getBacklinks({ view: site.view, slug: article.entry.slug }) : void 0);
+  if (!backlinks || backlinks.length === 0) return html``;
   return /* @__PURE__ */ jsxs("footer", { class: "rr-backlinks", children: [
     /* @__PURE__ */ jsx("p", { class: "rr-backlinks__eyebrow", children: "Backlinks" }),
-    /* @__PURE__ */ jsx("ul", { class: "rr-backlinks__list", children: props.backlinks.map((backlink) => /* @__PURE__ */ jsx("li", { class: "rr-backlinks__item", children: /* @__PURE__ */ jsx("a", { class: "rr-backlinks__link", href: backlink.permalink, children: backlink.title }) }, backlink.slug)) })
+    /* @__PURE__ */ jsx("ul", { class: "rr-backlinks__list", children: backlinks.map((backlink) => /* @__PURE__ */ jsx("li", { class: "rr-backlinks__item", children: /* @__PURE__ */ jsx("a", { class: "rr-backlinks__link", href: backlink.permalink, children: backlink.title }) }, backlink.slug)) })
   ] });
 });
 var backlinks_default = Backlinks;

package/dist/index.js

@@ -2,15 +2,8 @@
 import { definePlugin } from "@riebeckite/core";
 
 // components/backlinks.tsx
-import { jsx, jsxs } from "hono/jsx/jsx-runtime";
-var Backlinks = ((props) => {
-  if (props.backlinks.length === 0) return null;
-  return /* @__PURE__ */ jsxs("footer", { class: "rr-backlinks", children: [
-    /* @__PURE__ */ jsx("p", { class: "rr-backlinks__eyebrow", children: "Backlinks" }),
-    /* @__PURE__ */ jsx("ul", { class: "rr-backlinks__list", children: props.backlinks.map((backlink) => /* @__PURE__ */ jsx("li", { class: "rr-backlinks__item", children: /* @__PURE__ */ jsx("a", { class: "rr-backlinks__link", href: backlink.permalink, children: backlink.title }) }, backlink.slug)) })
-  ] });
-});
-var backlinks_default = Backlinks;
+import { useArticleContext, useSiteContext } from "@riebeckite/ui";
+import { html } from "hono/html";
 
 // src/backlinks.server.ts
 function getPublishedBacklinks(args) {
@@ -35,6 +28,20 @@ var getBacklinks = ({ view, slug }) => view.getDiscoverableIncoming(slug).map((e
   title: entry.title || entry.slug
 }));
 
+// components/backlinks.tsx
+import { jsx, jsxs } from "hono/jsx/jsx-runtime";
+var Backlinks = (async (props) => {
+  const site = useSiteContext();
+  const article = useArticleContext();
+  const backlinks = props.backlinks ?? (site && article?.entry ? await getBacklinks({ view: site.view, slug: article.entry.slug }) : void 0);
+  if (!backlinks || backlinks.length === 0) return html``;
+  return /* @__PURE__ */ jsxs("footer", { class: "rr-backlinks", children: [
+    /* @__PURE__ */ jsx("p", { class: "rr-backlinks__eyebrow", children: "Backlinks" }),
+    /* @__PURE__ */ jsx("ul", { class: "rr-backlinks__list", children: backlinks.map((backlink) => /* @__PURE__ */ jsx("li", { class: "rr-backlinks__item", children: /* @__PURE__ */ jsx("a", { class: "rr-backlinks__link", href: backlink.permalink, children: backlink.title }) }, backlink.slug)) })
+  ] });
+});
+var backlinks_default = Backlinks;
+
 // index.ts
 function backlinksPlugin(options = {}) {
   return definePlugin({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@riebeckite/plugin-backlinks",
-  "version": "0.0.24",
+  "version": "0.0.25",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./dist/index.js",
@@ -22,11 +22,12 @@
   },
   "dependencies": {
     "hono": "^4.12.25",
-    "@riebeckite/core": "0.0.24"
+    "@riebeckite/core": "0.0.25",
+    "@riebeckite/ui": "0.0.25"
   },
   "devDependencies": {
     "tsx": "^4.22.4",
-    "@riebeckite/test": "0.0.24"
+    "@riebeckite/test": "0.0.25"
   },
   "publishConfig": {
     "access": "public"