@jant/core 0.3.23 → 0.3.24

package/dist/themes/minimal/MinimalSiteLayout.js

@@ -1,83 +0,0 @@
-/**
- * Minimal Theme - Site Layout
- *
- * Single-column, centered layout with horizontal nav.
- * Inspired by Tufte CSS and Manton.org.
- */ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "hono/jsx/jsx-runtime";
-function NavLinks({ links }) {
-    return /*#__PURE__*/ _jsx(_Fragment, {
-        children: links.map((link)=>/*#__PURE__*/ _jsxs("a", {
-                href: link.url,
-                class: `text-sm ${link.isActive ? "text-foreground font-medium" : "text-muted-foreground hover:text-foreground"}`,
-                ...link.isExternal ? {
-                    target: "_blank",
-                    rel: "noopener noreferrer"
-                } : {},
-                children: [
-                    link.label,
-                    link.isExternal && /*#__PURE__*/ _jsx("span", {
-                        class: "ml-0.5 text-xs opacity-50",
-                        children: "↗"
-                    })
-                ]
-            }, link.id))
-    });
-}
-export const SiteLayout = ({ siteName, links, children })=>{
-    return /*#__PURE__*/ _jsxs("div", {
-        class: "max-w-2xl mx-auto px-4 py-8",
-        "data-signals": JSON.stringify({
-            _menuOpen: false
-        }),
-        children: [
-            /*#__PURE__*/ _jsxs("header", {
-                class: "mb-12",
-                children: [
-                    /*#__PURE__*/ _jsxs("div", {
-                        class: "flex items-center justify-between",
-                        children: [
-                            /*#__PURE__*/ _jsx("a", {
-                                href: "/",
-                                class: "text-xl font-semibold",
-                                children: siteName
-                            }),
-                            links.length > 0 && /*#__PURE__*/ _jsx("button", {
-                                "data-on:click": "$_menuOpen = !$_menuOpen",
-                                class: "p-2 -mr-2 text-muted-foreground hover:text-foreground sm:hidden",
-                                "aria-label": "Toggle menu",
-                                children: /*#__PURE__*/ _jsx("svg", {
-                                    class: "size-5",
-                                    fill: "none",
-                                    viewBox: "0 0 24 24",
-                                    "stroke-width": "1.5",
-                                    stroke: "currentColor",
-                                    children: /*#__PURE__*/ _jsx("path", {
-                                        "stroke-linecap": "round",
-                                        "stroke-linejoin": "round",
-                                        d: "M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"
-                                    })
-                                })
-                            })
-                        ]
-                    }),
-                    links.length > 0 && /*#__PURE__*/ _jsx("nav", {
-                        class: "hidden sm:flex flex-wrap gap-x-4 gap-y-1 mt-3",
-                        children: /*#__PURE__*/ _jsx(NavLinks, {
-                            links: links
-                        })
-                    }),
-                    links.length > 0 && /*#__PURE__*/ _jsx("nav", {
-                        class: "sm:hidden flex flex-col gap-1 mt-3 overflow-hidden",
-                        "data-show": "$_menuOpen",
-                        children: /*#__PURE__*/ _jsx(NavLinks, {
-                            links: links
-                        })
-                    })
-                ]
-            }),
-            /*#__PURE__*/ _jsx("main", {
-                children: children
-            })
-        ]
-    });
-};

package/dist/themes/minimal/index.js

@@ -1,65 +0,0 @@
-/**
- * Minimal Theme
- *
- * A content-first, borderless theme inspired by Tufte CSS and Manton.org.
- * Single-column layout with serif-friendly typography and generous whitespace.
- *
- * This is the default theme for Jant.
- */ // Layout
-import { SiteLayout } from "./MinimalSiteLayout.js";
-// Pages
-import { HomePage } from "./pages/HomePage.js";
-import { PostPage } from "./pages/PostPage.js";
-import { SinglePage } from "./pages/SinglePage.js";
-import { ArchivePage } from "./pages/ArchivePage.js";
-import { SearchPage } from "./pages/SearchPage.js";
-import { CollectionPage } from "./pages/CollectionPage.js";
-// Timeline
-import { NoteCard } from "./timeline/NoteCard.js";
-import { ArticleCard } from "./timeline/ArticleCard.js";
-import { LinkCard } from "./timeline/LinkCard.js";
-import { QuoteCard } from "./timeline/QuoteCard.js";
-import { ImageCard } from "./timeline/ImageCard.js";
-import { ThreadPreview } from "./timeline/ThreadPreview.js";
-import { TimelineFeed } from "./timeline/TimelineFeed.js";
-/**
- * Create the minimal theme configuration.
- *
- * @param options - Optional overrides for components, CSS variables, or color themes
- * @returns A JantTheme configuration object
- *
- * @example
- * ```typescript
- * import { createApp } from "@jant/core";
- * import { minimalTheme } from "@jant/core";
- *
- * export default createApp({
- *   theme: minimalTheme(),  // re-exported as minimalTheme from @jant/core
- * });
- * ```
- */ export function theme(options) {
-    return {
-        name: "minimal",
-        components: {
-            SiteLayout,
-            HomePage,
-            PostPage,
-            SinglePage,
-            ArchivePage,
-            SearchPage,
-            CollectionPage,
-            NoteCard,
-            ArticleCard,
-            LinkCard,
-            QuoteCard,
-            ImageCard,
-            ThreadPreview,
-            TimelineFeed,
-            ...options?.components
-        },
-        cssVariables: {
-            ...options?.cssVariables
-        },
-        colorThemes: options?.colorThemes
-    };
-}

package/dist/themes/minimal/pages/CollectionPage.js

@@ -1,65 +0,0 @@
-/**
- * Minimal Theme - Collection Page
- *
- * Simple list of posts in a collection.
- */ import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
-import { useLingui as $_useLingui } from "@jant/core/i18n";
-export const CollectionPage = ({ collection, posts })=>{
-    const { i18n: $__i18n, _: $__ } = $_useLingui();
-    return /*#__PURE__*/ _jsxs("div", {
-        children: [
-            /*#__PURE__*/ _jsxs("header", {
-                class: "mb-8",
-                children: [
-                    /*#__PURE__*/ _jsx("h1", {
-                        class: "text-2xl font-semibold",
-                        children: collection.title
-                    }),
-                    collection.description && /*#__PURE__*/ _jsx("p", {
-                        class: "text-muted-foreground mt-2",
-                        children: collection.description
-                    })
-                ]
-            }),
-            /*#__PURE__*/ _jsx("main", {
-                class: "flex flex-col",
-                children: posts.length === 0 ? /*#__PURE__*/ _jsx("p", {
-                    class: "text-muted-foreground",
-                    children: $__i18n._({
-                        id: "J4FNfC",
-                        message: "No posts in this collection."
-                    })
-                }) : posts.map((post, i)=>/*#__PURE__*/ _jsxs("article", {
-                        class: "h-entry",
-                        children: [
-                            i > 0 && /*#__PURE__*/ _jsx("hr", {
-                                class: "my-6 border-border"
-                            }),
-                            post.title && /*#__PURE__*/ _jsx("h2", {
-                                class: "p-name text-lg font-medium mb-2",
-                                children: /*#__PURE__*/ _jsx("a", {
-                                    href: post.permalink,
-                                    class: "u-url hover:underline",
-                                    children: post.title
-                                })
-                            }),
-                            /*#__PURE__*/ _jsx("div", {
-                                class: "e-content prose prose-sm",
-                                dangerouslySetInnerHTML: {
-                                    __html: post.contentHtml || ""
-                                }
-                            }),
-                            /*#__PURE__*/ _jsx("footer", {
-                                class: "mt-2 text-sm text-muted-foreground",
-                                children: /*#__PURE__*/ _jsx("time", {
-                                    class: "dt-published",
-                                    datetime: post.publishedAt,
-                                    children: post.publishedAtFormatted
-                                })
-                            })
-                        ]
-                    }, post.id))
-            })
-        ]
-    });
-};

package/dist/themes/minimal/timeline/ArticleCard.js

@@ -1,36 +0,0 @@
-/**
- * Minimal Theme - Article Card
- *
- * Title + excerpt, borderless, for type="article" posts.
- */ import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
-export const ArticleCard = ({ post, compact })=>{
-    return /*#__PURE__*/ _jsxs("article", {
-        class: `h-entry${compact ? " text-sm" : ""}`,
-        children: [
-            post.title && /*#__PURE__*/ _jsx("h2", {
-                class: `p-name font-semibold ${compact ? "text-sm" : "text-lg"}`,
-                children: /*#__PURE__*/ _jsx("a", {
-                    href: post.permalink,
-                    class: "u-url hover:underline",
-                    children: post.title
-                })
-            }),
-            !compact && post.excerpt && /*#__PURE__*/ _jsx("p", {
-                class: "e-content text-muted-foreground mt-1 line-clamp-3",
-                children: post.excerpt
-            }),
-            /*#__PURE__*/ _jsx("footer", {
-                class: "mt-2",
-                children: /*#__PURE__*/ _jsx("a", {
-                    href: post.permalink,
-                    class: "u-url text-xs text-muted-foreground hover:text-foreground",
-                    children: /*#__PURE__*/ _jsx("time", {
-                        class: "dt-published",
-                        datetime: post.publishedAt,
-                        children: post.publishedAtFormatted
-                    })
-                })
-            })
-        ]
-    });
-};

package/dist/themes/minimal/timeline/ImageCard.js

@@ -1,67 +0,0 @@
-/**
- * Minimal Theme - Image Card
- *
- * Inline images with no card frame for type="image" posts.
- */ import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
-import { MediaGallery } from "../../../theme/components/MediaGallery.js";
-export const ImageCard = ({ post, compact })=>{
-    if (compact) {
-        return /*#__PURE__*/ _jsxs("article", {
-            class: "h-entry text-sm",
-            children: [
-                post.title && /*#__PURE__*/ _jsx("h2", {
-                    class: "p-name font-medium text-sm",
-                    children: /*#__PURE__*/ _jsx("a", {
-                        href: post.permalink,
-                        class: "u-url hover:underline",
-                        children: post.title
-                    })
-                }),
-                post.contentHtml && /*#__PURE__*/ _jsx("div", {
-                    class: "e-content prose prose-sm text-muted-foreground",
-                    dangerouslySetInnerHTML: {
-                        __html: post.contentHtml
-                    }
-                }),
-                /*#__PURE__*/ _jsx("footer", {
-                    class: "mt-1",
-                    children: /*#__PURE__*/ _jsx("a", {
-                        href: post.permalink,
-                        class: "u-url text-xs text-muted-foreground hover:text-foreground",
-                        children: /*#__PURE__*/ _jsx("time", {
-                            class: "dt-published",
-                            datetime: post.publishedAt,
-                            children: post.publishedAtFormatted
-                        })
-                    })
-                })
-            ]
-        });
-    }
-    return /*#__PURE__*/ _jsxs("article", {
-        class: "h-entry",
-        children: [
-            post.contentHtml && /*#__PURE__*/ _jsx("div", {
-                class: "e-content prose prose-sm",
-                dangerouslySetInnerHTML: {
-                    __html: post.contentHtml
-                }
-            }),
-            post.media.length > 0 && /*#__PURE__*/ _jsx(MediaGallery, {
-                attachments: post.media
-            }),
-            /*#__PURE__*/ _jsx("footer", {
-                class: "mt-2",
-                children: /*#__PURE__*/ _jsx("a", {
-                    href: post.permalink,
-                    class: "u-url text-xs text-muted-foreground hover:text-foreground",
-                    children: /*#__PURE__*/ _jsx("time", {
-                        class: "dt-published",
-                        datetime: post.publishedAt,
-                        children: post.publishedAtFormatted
-                    })
-                })
-            })
-        ]
-    });
-};

package/dist/themes/minimal/timeline/LinkCard.js

@@ -1,47 +0,0 @@
-/**
- * Minimal Theme - Link Card
- *
- * Subtle external link indicator for type="link" posts.
- */ import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
-export const LinkCard = ({ post, compact })=>{
-    return /*#__PURE__*/ _jsxs("article", {
-        class: `h-entry${compact ? " text-sm" : ""}`,
-        children: [
-            post.title && /*#__PURE__*/ _jsx("h2", {
-                class: `p-name font-semibold ${compact ? "text-sm" : "text-base"}`,
-                children: /*#__PURE__*/ _jsx("a", {
-                    href: post.sourceUrl || post.permalink,
-                    class: "u-url hover:underline",
-                    target: post.sourceUrl ? "_blank" : undefined,
-                    rel: post.sourceUrl ? "noopener noreferrer" : undefined,
-                    children: post.title
-                })
-            }),
-            post.sourceDomain && /*#__PURE__*/ _jsxs("div", {
-                class: "text-xs text-muted-foreground mt-0.5",
-                children: [
-                    "↗ ",
-                    post.sourceDomain
-                ]
-            }),
-            !compact && post.contentHtml && /*#__PURE__*/ _jsx("div", {
-                class: "e-content prose prose-sm text-muted-foreground mt-1",
-                dangerouslySetInnerHTML: {
-                    __html: post.contentHtml
-                }
-            }),
-            /*#__PURE__*/ _jsx("footer", {
-                class: "mt-2",
-                children: /*#__PURE__*/ _jsx("a", {
-                    href: post.permalink,
-                    class: "text-xs text-muted-foreground hover:text-foreground",
-                    children: /*#__PURE__*/ _jsx("time", {
-                        class: "dt-published",
-                        datetime: post.publishedAt,
-                        children: post.publishedAtFormatted
-                    })
-                })
-            })
-        ]
-    });
-};

package/dist/themes/minimal/timeline/NoteCard.js

@@ -1,34 +0,0 @@
-/**
- * Minimal Theme - Note Card
- *
- * Borderless, content-first card for type="note" posts.
- */ import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
-import { MediaGallery } from "../../../theme/components/MediaGallery.js";
-export const NoteCard = ({ post, compact })=>{
-    return /*#__PURE__*/ _jsxs("article", {
-        class: `h-entry${compact ? " text-sm" : ""}`,
-        children: [
-            post.contentHtml && /*#__PURE__*/ _jsx("div", {
-                class: `e-content prose ${compact ? "prose-sm" : ""}`,
-                dangerouslySetInnerHTML: {
-                    __html: post.contentHtml
-                }
-            }),
-            !compact && post.media.length > 0 && /*#__PURE__*/ _jsx(MediaGallery, {
-                attachments: post.media
-            }),
-            /*#__PURE__*/ _jsx("footer", {
-                class: "mt-2",
-                children: /*#__PURE__*/ _jsx("a", {
-                    href: post.permalink,
-                    class: "u-url text-xs text-muted-foreground hover:text-foreground",
-                    children: /*#__PURE__*/ _jsx("time", {
-                        class: "dt-published",
-                        datetime: post.publishedAt,
-                        children: post.publishedAtFormatted
-                    })
-                })
-            })
-        ]
-    });
-};

package/dist/themes/minimal/timeline/QuoteCard.js

@@ -1,48 +0,0 @@
-/**
- * Minimal Theme - Quote Card
- *
- * Subtle blockquote with left border for type="quote" posts.
- */ import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
-export const QuoteCard = ({ post, compact })=>{
-    return /*#__PURE__*/ _jsxs("article", {
-        class: `h-entry${compact ? " text-sm" : ""}`,
-        children: [
-            post.contentHtml && /*#__PURE__*/ _jsx("blockquote", {
-                class: `e-content border-l-2 border-muted-foreground/30 pl-4 italic ${compact ? "text-sm" : ""} leading-relaxed`,
-                children: /*#__PURE__*/ _jsx("div", {
-                    dangerouslySetInnerHTML: {
-                        __html: post.contentHtml
-                    }
-                })
-            }),
-            !compact && (post.sourceName || post.sourceUrl) && /*#__PURE__*/ _jsxs("div", {
-                class: "mt-2 text-sm text-muted-foreground",
-                children: [
-                    "—",
-                    " ",
-                    post.sourceUrl ? /*#__PURE__*/ _jsx("a", {
-                        href: post.sourceUrl,
-                        class: "hover:underline",
-                        target: "_blank",
-                        rel: "noopener noreferrer",
-                        children: post.sourceName || post.sourceDomain || "Source"
-                    }) : /*#__PURE__*/ _jsx("span", {
-                        children: post.sourceName
-                    })
-                ]
-            }),
-            /*#__PURE__*/ _jsx("footer", {
-                class: "mt-2",
-                children: /*#__PURE__*/ _jsx("a", {
-                    href: post.permalink,
-                    class: "u-url text-xs text-muted-foreground hover:text-foreground",
-                    children: /*#__PURE__*/ _jsx("time", {
-                        class: "dt-published",
-                        datetime: post.publishedAt,
-                        children: post.publishedAtFormatted
-                    })
-                })
-            })
-        ]
-    });
-};

package/dist/themes/minimal/timeline/TimelineFeed.js

@@ -1,48 +0,0 @@
-/**
- * Minimal Theme - Timeline Feed
- *
- * Divider-separated stream of posts with load-more button.
- */ import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
-import { useLingui as $_useLingui } from "@jant/core/i18n";
-import { TimelineItem } from "./TimelineItem.js";
-import { ThreadPreview as DefaultThreadPreview } from "./ThreadPreview.js";
-export const TimelineFeed = ({ items, hasMore, nextCursor, theme })=>{
-    const { i18n: $__i18n, _: $__ } = $_useLingui();
-    const ResolvedThreadPreview = theme?.ThreadPreview ?? DefaultThreadPreview;
-    return /*#__PURE__*/ _jsxs("div", {
-        children: [
-            /*#__PURE__*/ _jsx("div", {
-                id: "timeline-feed",
-                class: "flex flex-col",
-                children: items.map((item, i)=>/*#__PURE__*/ _jsxs("div", {
-                        children: [
-                            i > 0 && /*#__PURE__*/ _jsx("hr", {
-                                class: "my-6 border-border"
-                            }),
-                            item.threadPreview ? /*#__PURE__*/ _jsx(ResolvedThreadPreview, {
-                                rootPost: item.post,
-                                previewReplies: item.threadPreview.replies,
-                                totalReplyCount: item.threadPreview.totalReplyCount,
-                                theme: theme
-                            }) : /*#__PURE__*/ _jsx(TimelineItem, {
-                                item: item,
-                                theme: theme
-                            })
-                        ]
-                    }, item.post.id))
-            }),
-            hasMore && nextCursor && /*#__PURE__*/ _jsx("div", {
-                id: "load-more-container",
-                class: "mt-8 text-center",
-                children: /*#__PURE__*/ _jsx("button", {
-                    class: "text-sm text-muted-foreground hover:text-foreground hover:underline",
-                    "data-on:click": `@get('/api/timeline?cursor=${nextCursor}')`,
-                    children: $__i18n._({
-                        id: "yQ2kGp",
-                        message: "Load more"
-                    })
-                })
-            })
-        ]
-    });
-};

package/src/routes/api/timeline.tsx

@@ -1,159 +0,0 @@
-/**
- * Timeline API Routes
- *
- * Provides load-more functionality for the timeline feed via SSE.
- */
-
-import { Hono } from "hono";
-import type { Bindings, TimelineItemView } from "../../types.js";
-import type { AppVariables } from "../../app.js";
-import { sse } from "../../lib/sse.js";
-import { buildMediaMap } from "../../lib/media-helpers.js";
-import { TimelineItem } from "../../themes/minimal/timeline/TimelineItem.js";
-import { ThreadPreview as DefaultThreadPreview } from "../../themes/minimal/timeline/ThreadPreview.js";
-import { createMediaContext, toPostView, toPostViews } from "../../lib/view.js";
-
-type Env = { Bindings: Bindings; Variables: AppVariables };
-
-const PAGE_SIZE = 20;
-
-export const timelineApiRoutes = new Hono<Env>();
-
-timelineApiRoutes.get("/", async (c) => {
-  const cursorParam = c.req.query("cursor");
-  const cursor = cursorParam ? parseInt(cursorParam, 10) : undefined;
-
-  if (!cursor || isNaN(cursor)) {
-    return c.json({ error: "cursor parameter required" }, 400);
-  }
-
-  // Fetch one extra to determine if there are more
-  const posts = await c.var.services.posts.list({
-    visibility: ["featured", "quiet"],
-    excludeReplies: true,
-    excludeTypes: ["page"],
-    limit: PAGE_SIZE + 1,
-    cursor,
-  });
-
-  const hasMore = posts.length > PAGE_SIZE;
-  const displayPosts = hasMore ? posts.slice(0, PAGE_SIZE) : posts;
-
-  if (displayPosts.length === 0) {
-    return sse(c, async (stream) => {
-      stream.remove("#load-more-container");
-    });
-  }
-
-  // Build media map
-  const postIds = displayPosts.map((p) => p.id);
-  const rawMediaMap = await c.var.services.media.getByPostIds(postIds);
-  const mediaCtx = createMediaContext(c);
-  const mediaMap = buildMediaMap(
-    rawMediaMap,
-    mediaCtx.r2PublicUrl,
-    mediaCtx.imageTransformUrl,
-    mediaCtx.s3PublicUrl,
-  );
-
-  // Get reply counts to identify thread roots
-  const replyCounts = await c.var.services.posts.getReplyCounts(postIds);
-  const threadRootIds = postIds.filter((id) => (replyCounts.get(id) ?? 0) > 0);
-
-  // Get thread previews
-  const threadPreviews = await c.var.services.posts.getThreadPreviews(
-    threadRootIds,
-    3,
-  );
-
-  // Load media for preview replies
-  const previewReplyIds: number[] = [];
-  for (const replies of threadPreviews.values()) {
-    for (const reply of replies) {
-      previewReplyIds.push(reply.id);
-    }
-  }
-  const previewMediaMap =
-    previewReplyIds.length > 0
-      ? buildMediaMap(
-          await c.var.services.media.getByPostIds(previewReplyIds),
-          mediaCtx.r2PublicUrl,
-          mediaCtx.imageTransformUrl,
-          mediaCtx.s3PublicUrl,
-        )
-      : new Map();
-
-  // Assemble timeline items with View Models
-  const items: TimelineItemView[] = displayPosts.map((post) => {
-    const postView = toPostView(
-      { ...post, mediaAttachments: mediaMap.get(post.id) ?? [] },
-      mediaCtx,
-    );
-
-    const replyCount = replyCounts.get(post.id) ?? 0;
-    const previewReplies = threadPreviews.get(post.id);
-
-    if (replyCount > 0 && previewReplies) {
-      return {
-        post: postView,
-        threadPreview: {
-          replies: toPostViews(
-            previewReplies.map((r) => ({
-              ...r,
-              mediaAttachments: previewMediaMap.get(r.id) ?? [],
-            })),
-            mediaCtx,
-          ),
-          totalReplyCount: replyCount,
-        },
-      };
-    }
-
-    return { post: postView };
-  });
-
-  // Resolve theme components for card rendering
-  const theme = c.var.config.theme?.components;
-  const ResolvedThreadPreview = theme?.ThreadPreview ?? DefaultThreadPreview;
-
-  // Render items to HTML
-  const itemsHtml = items
-    .map((item) => {
-      if (item.threadPreview) {
-        return (
-          <ResolvedThreadPreview
-            rootPost={item.post}
-            previewReplies={item.threadPreview.replies}
-            totalReplyCount={item.threadPreview.totalReplyCount}
-            theme={theme}
-          />
-        );
-      }
-      return <TimelineItem item={item} theme={theme} />;
-    })
-    .map((jsx) => jsx.toString())
-    .join("");
-
-  // Determine next cursor
-  const lastPost = displayPosts[displayPosts.length - 1];
-  const nextCursor = hasMore && lastPost ? lastPost.id : undefined;
-
-  // Build load-more button HTML
-  const loadMoreHtml = nextCursor
-    ? `<div id="load-more-container" class="mt-8 text-center"><button class="text-sm text-muted-foreground hover:text-foreground hover:underline" data-on:click="@get('/api/timeline?cursor=${nextCursor}')">Load more</button></div>`
-    : "";
-
-  return sse(c, async (stream) => {
-    // Append new items to the feed
-    stream.patchElements(itemsHtml, {
-      mode: "append",
-      selector: "#timeline-feed",
-    });
-    // Replace or remove the load-more container
-    if (loadMoreHtml) {
-      stream.patchElements(loadMoreHtml);
-    } else {
-      stream.remove("#load-more-container");
-    }
-  });
-});