@jant/core 0.3.24 → 0.3.26

package/dist/ui/pages/CollectionsPage.js

@@ -0,0 +1,76 @@
+/**
+ * Collections Listing Page
+ *
+ * Lists all collections with titles, descriptions, and post counts.
+ */ import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
+import { useLingui as $_useLingui } from "@jant/core/i18n";
+export const CollectionsPage = ({ collections })=>{
+    const { i18n: $__i18n, _: $__ } = $_useLingui();
+    return /*#__PURE__*/ _jsxs("div", {
+        class: "py-6",
+        "data-page": "collections",
+        children: [
+            /*#__PURE__*/ _jsx("header", {
+                class: "mb-8",
+                children: /*#__PURE__*/ _jsx("h1", {
+                    class: "text-2xl font-semibold",
+                    children: $__i18n._({
+                        id: "DoJzLz",
+                        message: "Collections"
+                    })
+                })
+            }),
+            /*#__PURE__*/ _jsx("main", {
+                children: collections.length === 0 ? /*#__PURE__*/ _jsx("p", {
+                    class: "text-muted-foreground",
+                    children: $__i18n._({
+                        id: "+MACwa",
+                        message: "No collections yet."
+                    })
+                }) : /*#__PURE__*/ _jsx("div", {
+                    class: "divide-y divide-border",
+                    children: collections.map((collection)=>/*#__PURE__*/ _jsx("a", {
+                            href: "/c/" + collection.slug,
+                            class: "block py-4 hover:bg-accent/50 -mx-4 px-4 rounded-md transition-colors",
+                            children: /*#__PURE__*/ _jsxs("div", {
+                                class: "flex items-center gap-3",
+                                children: [
+                                    collection.icon && /*#__PURE__*/ _jsx("span", {
+                                        class: "text-2xl",
+                                        children: collection.icon
+                                    }),
+                                    /*#__PURE__*/ _jsxs("div", {
+                                        class: "flex-1 min-w-0",
+                                        children: [
+                                            /*#__PURE__*/ _jsx("h2", {
+                                                class: "font-medium",
+                                                children: collection.title
+                                            }),
+                                            collection.description && /*#__PURE__*/ _jsx("p", {
+                                                class: "text-sm text-muted-foreground mt-1",
+                                                children: collection.description
+                                            })
+                                        ]
+                                    }),
+                                    /*#__PURE__*/ _jsxs("span", {
+                                        class: "text-sm text-muted-foreground shrink-0",
+                                        children: [
+                                            collection.postCount,
+                                            " ",
+                                            collection.postCount === 1 ? $__i18n._({
+                                                id: "GHg6h/",
+                                                message: "post"
+                                            }) : $__i18n._({
+                                                id: "jt/Ow/",
+                                                message: "posts"
+                                            })
+                                        ]
+                                    })
+                                ]
+                            })
+                        }, collection.id))
+                })
+            })
+        ]
+    });
+};

package/dist/ui/pages/FeaturedPage.js

@@ -0,0 +1,24 @@
+/**
+ * Featured Page
+ *
+ * Shows featured posts as a timeline feed.
+ */ import { jsx as _jsx } from "hono/jsx/jsx-runtime";
+import { useLingui as $_useLingui } from "@jant/core/i18n";
+import { TimelineFeed } from "../feed/TimelineFeed.js";
+export const FeaturedPage = ({ items })=>{
+    const { i18n: $__i18n, _: $__ } = $_useLingui();
+    return /*#__PURE__*/ _jsx("div", {
+        "data-page": "featured",
+        children: /*#__PURE__*/ _jsx("main", {
+            children: items.length === 0 ? /*#__PURE__*/ _jsx("p", {
+                class: "text-muted-foreground",
+                children: $__i18n._({
+                    id: "0yIy82",
+                    message: "No featured posts yet."
+                })
+            }) : /*#__PURE__*/ _jsx(TimelineFeed, {
+                items: items
+            })
+        })
+    });
+};

package/dist/ui/pages/HomePage.js

@@ -0,0 +1,24 @@
+/**
+ * Home Page
+ *
+ * Timeline feed with per-type card components and thread previews.
+ */ import { jsx as _jsx } from "hono/jsx/jsx-runtime";
+import { useLingui as $_useLingui } from "@jant/core/i18n";
+import { TimelineFeed } from "../feed/TimelineFeed.js";
+export const HomePage = ({ items, currentPage, totalPages })=>{
+    const { i18n: $__i18n, _: $__ } = $_useLingui();
+    return /*#__PURE__*/ _jsx("div", {
+        "data-page": "home",
+        children: items.length === 0 ? /*#__PURE__*/ _jsx("p", {
+            class: "py-12 text-center text-muted-foreground",
+            children: $__i18n._({
+                id: "ODiSoW",
+                message: "No posts yet."
+            })
+        }) : /*#__PURE__*/ _jsx(TimelineFeed, {
+            items: items,
+            currentPage: currentPage,
+            totalPages: totalPages
+        })
+    });
+};

package/dist/{themes/threads → ui}/pages/PostPage.js

@@ -1,34 +1,39 @@
 /**
- * Threads Theme - Post Page
+ * Single Post Page
  *
  * Single post view — clean, no card border, with divider footer.
  */ import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
 import { useLingui as $_useLingui } from "@jant/core/i18n";
-import { MediaGallery as DefaultMediaGallery } from "../../../theme/index.js";
-export const PostPage = ({ post, theme })=>{
+import { MediaGallery } from "../shared/MediaGallery.js";
+export const PostPage = ({ post })=>{
     const { i18n: $__i18n, _: $__ } = $_useLingui();
-    const Gallery = theme?.MediaGallery ?? DefaultMediaGallery;
     return /*#__PURE__*/ _jsxs("article", {
         class: "h-entry py-6",
+        "data-page": "post",
+        "data-post": true,
+        "data-format": post.format,
         children: [
             post.title && /*#__PURE__*/ _jsx("h1", {
                 class: "p-name text-2xl font-semibold mb-4",
                 children: post.title
             }),
-            /*#__PURE__*/ _jsx("div", {
+            post.bodyHtml && /*#__PURE__*/ _jsx("div", {
                 class: "e-content prose",
+                "data-post-body": true,
                 dangerouslySetInnerHTML: {
-                    __html: post.bodyHtml || ""
+                    __html: post.bodyHtml
                 }
             }),
             post.media.length > 0 && /*#__PURE__*/ _jsx("div", {
-                class: "threads-media mt-4",
-                children: /*#__PURE__*/ _jsx(Gallery, {
+                class: "mt-4",
+                "data-post-media": true,
+                children: /*#__PURE__*/ _jsx(MediaGallery, {
                     attachments: post.media
                 })
             }),
             /*#__PURE__*/ _jsxs("footer", {
                 class: "mt-6 pt-4 border-t text-sm text-muted-foreground",
+                "data-post-meta": true,
                 children: [
                     /*#__PURE__*/ _jsx("time", {
                         class: "dt-published",

package/dist/{themes/threads → ui}/pages/SearchPage.js

@@ -1,19 +1,19 @@
 /**
- * Threads Theme - Search Page
+ * Search Page
  *
  * Search form and results — divider-separated instead of bordered cards.
  */ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "hono/jsx/jsx-runtime";
 import { useLingui as $_useLingui } from "@jant/core/i18n";
-import { PagePagination as DefaultPagePagination } from "../../../theme/index.js";
-export const SearchPage = ({ query, results, error, hasMore, page, theme })=>{
+import { PagePagination } from "../shared/Pagination.js";
+export const SearchPage = ({ query, results, error, hasMore, page })=>{
     const { i18n: $__i18n, _: $__ } = $_useLingui();
     const searchTitle = $__i18n._({
         id: "A1taO8",
         message: "Search"
     });
-    const PaginationComponent = theme?.PagePagination ?? DefaultPagePagination;
     return /*#__PURE__*/ _jsxs("div", {
         class: "py-6",
+        "data-page": "search",
         children: [
             /*#__PURE__*/ _jsx("h1", {
                 class: "text-2xl font-semibold mb-6",
@@ -75,13 +75,15 @@ export const SearchPage = ({ query, results, error, hasMore, page, theme })=>{
                                 class: "divide-y divide-border",
                                 children: results.map((result)=>/*#__PURE__*/ _jsx("article", {
                                         class: "py-4",
+                                        "data-post": true,
+                                        "data-format": result.post.format,
                                         children: /*#__PURE__*/ _jsxs("a", {
                                             href: result.post.permalink,
                                             class: "block",
                                             children: [
                                                 /*#__PURE__*/ _jsx("h2", {
                                                     class: "font-medium hover:underline",
-                                                    children: result.post.title || result.post.excerpt?.slice(0, 60) || `Post #${result.post.id}`
+                                                    children: result.post.title || result.post.excerpt?.slice(0, 60) || "Post #" + result.post.id
                                                 }),
                                                 result.snippet && /*#__PURE__*/ _jsx("p", {
                                                     class: "text-sm text-muted-foreground mt-2 line-clamp-2",
@@ -106,8 +108,8 @@ export const SearchPage = ({ query, results, error, hasMore, page, theme })=>{
                                         })
                                     }, result.post.id))
                             }),
-                            /*#__PURE__*/ _jsx(PaginationComponent, {
-                                baseUrl: `/search?q=${encodeURIComponent(query)}`,
+                            /*#__PURE__*/ _jsx(PagePagination, {
+                                baseUrl: "/search?q=" + encodeURIComponent(query),
                                 currentPage: page,
                                 hasMore: hasMore
                             })

package/dist/{themes/threads → ui}/pages/SinglePage.js

@@ -1,11 +1,12 @@
 /**
- * Threads Theme - Single Page
+ * Single Page (Custom Page)
  *
- * Custom page (type "page") view — clean centered content.
+ * Custom page view — clean centered content.
  */ import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
 export const SinglePage = ({ page })=>{
     return /*#__PURE__*/ _jsxs("article", {
         class: "h-entry py-6",
+        "data-page": "single-page",
         children: [
             page.title && /*#__PURE__*/ _jsx("h1", {
                 class: "p-name text-2xl font-semibold mb-6",

package/dist/{theme/components → ui/shared}/MediaGallery.js

@@ -2,7 +2,7 @@
  * Media Gallery Component
  *
  * Renders media attachments in a horizontal scrollable row,
- * similar to Threads.net's image carousel.
+ * similar to an image carousel.
  */ import { jsx as _jsx } from "hono/jsx/jsx-runtime";
 export const MediaGallery = ({ attachments })=>{
     const images = attachments.filter((a)=>a.mimeType.startsWith("image/"));

package/dist/{theme/components → ui/shared}/Pagination.js

@@ -4,6 +4,7 @@
  * Cursor-based pagination for post lists
  */ import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
 import { useLingui as $_useLingui } from "@jant/core/i18n";
+import { getPageNumbers } from "../../lib/pagination.js";
 export const Pagination = ({ baseUrl, hasMore, nextCursor, prevCursor, cursorParam = "cursor" })=>{
     const { i18n: $__i18n, _: $__ } = $_useLingui();
     const hasPrev = prevCursor !== undefined;
@@ -82,10 +83,10 @@ export const LoadMore = ({ href, hasMore, text })=>{
         })
     });
 };
-export const PagePagination = ({ baseUrl, currentPage, hasMore, pageParam = "page" })=>{
+export const PagePagination = ({ baseUrl, currentPage, hasMore, totalPages, pageParam = "page" })=>{
     const { i18n: $__i18n, _: $__ } = $_useLingui();
     const hasPrev = currentPage > 1;
-    const hasNext = hasMore;
+    const hasNext = totalPages ? currentPage < totalPages : hasMore ?? false;
     if (!hasPrev && !hasNext) {
         return null;
     }
@@ -107,6 +108,44 @@ export const PagePagination = ({ baseUrl, currentPage, hasMore, pageParam = "pag
         id: "hXzOVo",
         message: "Next"
     });
+    // Numbered pagination when totalPages is known
+    if (totalPages && totalPages > 1) {
+        const pageNumbers = getPageNumbers(currentPage, totalPages);
+        return /*#__PURE__*/ _jsxs("nav", {
+            class: "flex items-center justify-center gap-4 py-6 text-sm",
+            "aria-label": "Pagination",
+            children: [
+                hasPrev ? /*#__PURE__*/ _jsx("a", {
+                    href: buildUrl(currentPage - 1),
+                    class: "underline text-muted-foreground hover:text-foreground",
+                    children: prevText
+                }) : /*#__PURE__*/ _jsx("span", {
+                    class: "text-muted-foreground/50",
+                    children: prevText
+                }),
+                pageNumbers.map((page, i)=>page === 0 ? /*#__PURE__*/ _jsx("span", {
+                        class: "text-muted-foreground",
+                        children: "..."
+                    }, `ellipsis-${i}`) : page === currentPage ? /*#__PURE__*/ _jsx("span", {
+                        "aria-current": "page",
+                        children: page
+                    }, page) : /*#__PURE__*/ _jsx("a", {
+                        href: buildUrl(page),
+                        class: "underline text-muted-foreground hover:text-foreground",
+                        children: page
+                    }, page)),
+                hasNext ? /*#__PURE__*/ _jsx("a", {
+                    href: buildUrl(currentPage + 1),
+                    class: "underline text-muted-foreground hover:text-foreground",
+                    children: nextText
+                }) : /*#__PURE__*/ _jsx("span", {
+                    class: "text-muted-foreground/50",
+                    children: nextText
+                })
+            ]
+        });
+    }
+    // Simple prev/next fallback when totalPages is unknown
     const pageText = $__i18n._({
         id: "tiq7kl",
         message: "Page {page}"

package/dist/{theme/components → ui/shared}/ThreadView.js

@@ -15,7 +15,7 @@ const ThreadPost = ({ post, isCurrent, isRoot })=>{
             post.title && /*#__PURE__*/ _jsx("h2", {
                 class: "p-name text-lg font-medium mb-2",
                 children: /*#__PURE__*/ _jsx("a", {
-                    href: `${post.slug ? `/${post.slug}` : `/p/${sqid.encode(post.id)}`}`,
+                    href: `${post.path ? `/${post.path}` : `/p/${sqid.encode(post.id)}`}`,
                     class: "u-url hover:underline",
                     children: post.title
                 })
@@ -42,7 +42,7 @@ const ThreadPost = ({ post, isCurrent, isRoot })=>{
                         })
                     }),
                     !isCurrent && /*#__PURE__*/ _jsx("a", {
-                        href: `${post.slug ? `/${post.slug}` : `/p/${sqid.encode(post.id)}`}`,
+                        href: `${post.path ? `/${post.path}` : `/p/${sqid.encode(post.id)}`}`,
                         class: "text-xs hover:underline",
                         children: $__i18n._({
                             id: "D9Oea+",

package/dist/ui/shared/index.js

@@ -0,0 +1,5 @@
+export { EmptyState } from "./EmptyState.js";
+export { MediaGallery } from "./MediaGallery.js";
+export { Pagination, LoadMore, PagePagination } from "./Pagination.js";
+export { getPageNumbers } from "../../lib/pagination.js";
+export { ThreadView } from "./ThreadView.js";

package/package.json

@@ -1,20 +1,13 @@
 {
   "name": "@jant/core",
-  "version": "0.3.24",
+  "version": "0.3.26",
   "description": "A modern, open-source microblogging platform built on Cloudflare Workers",
   "type": "module",
-  "bin": {
-    "jant": "./bin/jant.js"
-  },
   "exports": {
     ".": {
       "types": "./src/index.ts",
       "default": "./dist/index.js"
     },
-    "./theme": {
-      "types": "./src/theme/index.ts",
-      "default": "./dist/theme/index.js"
-    },
     "./i18n": {
       "types": "./src/i18n/index.ts",
       "default": "./dist/i18n/index.js"
@@ -23,7 +16,6 @@
     "./client": "./dist/client.js"
   },
   "files": [
-    "bin",
     "dist",
     "src"
   ],

package/src/__tests__/helpers/db.ts

@@ -86,6 +86,9 @@ export function createTestDatabase(options?: { fts?: boolean }) {
     }
   }
 
+  // Apply 0006: rename slug to path on posts
+  applyMigration(sqlite, "0006_rename_slug_to_path.sql");
+
   const db = drizzle(sqlite, { schema });
 
   return { db, sqlite };