@riebeckite/plugin-recent-posts 0.0.24 → 0.0.26

package/dist/components/recent-posts.d.ts

@@ -2,5 +2,5 @@ import type { RecentPost } from "../src/recent-posts.js";
 type Props = {
     posts?: RecentPost[];
 };
-export default function RecentPosts(props: Props): import("hono/jsx/jsx-dev-runtime").JSX.Element;
+export default function RecentPosts(props: Props): Promise<import("hono/utils/html").HtmlEscapedString>;
 export {};

package/dist/components/recent-posts.js

@@ -1,8 +1,40 @@
+// components/recent-posts.tsx
+import { useSiteContext } from "@riebeckite/ui";
+import { html } from "hono/html";
+
+// src/recent-posts.server.ts
+var DEFAULT_RECENT_POSTS_LIMIT = 5;
+function getRecentPosts(args) {
+  const limit = Math.max(0, args.limit ?? DEFAULT_RECENT_POSTS_LIMIT);
+  return args.manifest.discoverableEntries.filter((entry) => entry.slug !== "index").flatMap((entry) => {
+    const postedAt = parseFrontmatterDate(
+      entry.frontmatter.date ?? entry.frontmatter.created
+    );
+    if (!postedAt) return [];
+    return [
+      {
+        slug: entry.slug,
+        permalink: entry.permalink,
+        title: entry.title,
+        postedAt
+      }
+    ];
+  }).toSorted((a, b) => b.postedAt.getTime() - a.postedAt.getTime()).slice(0, limit);
+}
+function parseFrontmatterDate(value) {
+  if (value instanceof Date) return value;
+  if (typeof value !== "string") return null;
+  const date = new Date(value);
+  if (Number.isNaN(date.getTime())) return null;
+  return date;
+}
+
 // components/recent-posts.tsx
 import { jsx, jsxs } from "hono/jsx/jsx-runtime";
-function RecentPosts(props) {
-  const posts = props.posts ?? [];
-  if (posts.length === 0) return null;
+async function RecentPosts(props) {
+  const site = useSiteContext();
+  const posts = props.posts ?? (site ? await getRecentPosts({ manifest: site.manifest }) : []);
+  if (posts.length === 0) return html``;
   return /* @__PURE__ */ jsxs("section", { class: "rr-recent-posts", "aria-labelledby": "recent-posts-title", children: [
     /* @__PURE__ */ jsx("div", { class: "rr-recent-posts__header", children: /* @__PURE__ */ jsx("h2", { class: "rr-recent-posts__title", id: "recent-posts-title", children: "Recent Posts" }) }),
     /* @__PURE__ */ jsx("ol", { class: "rr-recent-posts__list", children: posts.map((post) => {

package/dist/index.js

@@ -1,11 +1,43 @@
 // index.ts
 import { definePlugin } from "@riebeckite/core";
 
+// components/recent-posts.tsx
+import { useSiteContext } from "@riebeckite/ui";
+import { html } from "hono/html";
+
+// src/recent-posts.server.ts
+var DEFAULT_RECENT_POSTS_LIMIT = 5;
+function getRecentPosts(args) {
+  const limit = Math.max(0, args.limit ?? DEFAULT_RECENT_POSTS_LIMIT);
+  return args.manifest.discoverableEntries.filter((entry) => entry.slug !== "index").flatMap((entry) => {
+    const postedAt = parseFrontmatterDate(
+      entry.frontmatter.date ?? entry.frontmatter.created
+    );
+    if (!postedAt) return [];
+    return [
+      {
+        slug: entry.slug,
+        permalink: entry.permalink,
+        title: entry.title,
+        postedAt
+      }
+    ];
+  }).toSorted((a, b) => b.postedAt.getTime() - a.postedAt.getTime()).slice(0, limit);
+}
+function parseFrontmatterDate(value) {
+  if (value instanceof Date) return value;
+  if (typeof value !== "string") return null;
+  const date = new Date(value);
+  if (Number.isNaN(date.getTime())) return null;
+  return date;
+}
+
 // components/recent-posts.tsx
 import { jsx, jsxs } from "hono/jsx/jsx-runtime";
-function RecentPosts(props) {
-  const posts = props.posts ?? [];
-  if (posts.length === 0) return null;
+async function RecentPosts(props) {
+  const site = useSiteContext();
+  const posts = props.posts ?? (site ? await getRecentPosts({ manifest: site.manifest }) : []);
+  if (posts.length === 0) return html``;
   return /* @__PURE__ */ jsxs("section", { class: "rr-recent-posts", "aria-labelledby": "recent-posts-title", children: [
     /* @__PURE__ */ jsx("div", { class: "rr-recent-posts__header", children: /* @__PURE__ */ jsx("h2", { class: "rr-recent-posts__title", id: "recent-posts-title", children: "Recent Posts" }) }),
     /* @__PURE__ */ jsx("ol", { class: "rr-recent-posts__list", children: posts.map((post) => {
@@ -39,33 +71,6 @@ function formatPostedDate(date) {
   };
 }
 
-// src/recent-posts.server.ts
-var DEFAULT_RECENT_POSTS_LIMIT = 5;
-function getRecentPosts(args) {
-  const limit = Math.max(0, args.limit ?? DEFAULT_RECENT_POSTS_LIMIT);
-  return args.manifest.discoverableEntries.filter((entry) => entry.slug !== "index").flatMap((entry) => {
-    const postedAt = parseFrontmatterDate(
-      entry.frontmatter.date ?? entry.frontmatter.created
-    );
-    if (!postedAt) return [];
-    return [
-      {
-        slug: entry.slug,
-        permalink: entry.permalink,
-        title: entry.title,
-        postedAt
-      }
-    ];
-  }).toSorted((a, b) => b.postedAt.getTime() - a.postedAt.getTime()).slice(0, limit);
-}
-function parseFrontmatterDate(value) {
-  if (value instanceof Date) return value;
-  if (typeof value !== "string") return null;
-  const date = new Date(value);
-  if (Number.isNaN(date.getTime())) return null;
-  return date;
-}
-
 // index.ts
 function recentPostsPlugin() {
   return definePlugin({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@riebeckite/plugin-recent-posts",
-  "version": "0.0.24",
+  "version": "0.0.26",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./dist/index.js",
@@ -22,7 +22,8 @@
   },
   "dependencies": {
     "hono": "^4.12.25",
-    "@riebeckite/core": "0.0.24"
+    "@riebeckite/core": "0.0.26",
+    "@riebeckite/ui": "0.0.26"
   },
   "devDependencies": {
     "tsx": "^4.22.4"