@jant/core 0.3.24 → 0.3.25

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.25",
   "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 };

package/src/app.tsx

@@ -11,7 +11,6 @@ import { i18nMiddleware } from "./i18n/index.js";
 import { useLingui } from "@lingui/react/macro";
 import type { Bindings, JantConfig } from "./types.js";
 import { SETTINGS_KEYS } from "./lib/constants.js";
-import { theme as threadsTheme } from "./themes/threads/index.js";
 import { hashPassword } from "better-auth/crypto";
 
 // Routes - Pages
@@ -21,6 +20,8 @@ import { pageRoutes } from "./routes/pages/page.js";
 import { collectionRoutes } from "./routes/pages/collection.js";
 import { archiveRoutes } from "./routes/pages/archive.js";
 import { searchRoutes } from "./routes/pages/search.js";
+import { featuredRoutes } from "./routes/pages/featured.js";
+import { collectionsPageRoutes } from "./routes/pages/collections.js";
 
 // Routes - Dashboard
 import { dashIndexRoutes } from "./routes/dash/index.js";
@@ -30,12 +31,18 @@ import { mediaRoutes as dashMediaRoutes } from "./routes/dash/media.js";
 import { settingsRoutes as dashSettingsRoutes } from "./routes/dash/settings.js";
 import { redirectsRoutes as dashRedirectsRoutes } from "./routes/dash/redirects.js";
 import { collectionsRoutes as dashCollectionsRoutes } from "./routes/dash/collections.js";
-import { navigationRoutes as dashNavigationRoutes } from "./routes/dash/navigation.js";
 
 // Routes - API
 import { postsApiRoutes } from "./routes/api/posts.js";
+import { pagesApiRoutes } from "./routes/api/pages.js";
+import { navItemsApiRoutes } from "./routes/api/nav-items.js";
+import { collectionsApiRoutes } from "./routes/api/collections.js";
+import { settingsApiRoutes } from "./routes/api/settings.js";
 import { uploadApiRoutes } from "./routes/api/upload.js";
 import { searchApiRoutes } from "./routes/api/search.js";
+// Routes - Compose
+import { composeRoutes } from "./routes/compose.js";
+
 // Routes - Feed
 import { rssRoutes } from "./routes/feed/rss.js";
 import { sitemapRoutes } from "./routes/feed/sitemap.js";
@@ -45,7 +52,7 @@ import { requireAuth } from "./middleware/auth.js";
 import { requireOnboarding } from "./middleware/onboarding.js";
 
 // Layouts for auth pages
-import { BaseLayout } from "./theme/layouts/index.js";
+import { BaseLayout } from "./ui/layouts/BaseLayout.js";
 import { dsRedirect, dsToast } from "./lib/sse.js";
 import { getAvailableThemes, buildThemeStyle } from "./lib/theme.js";
 import { createStorageDriver, type StorageDriver } from "./lib/storage.js";
@@ -56,6 +63,8 @@ export interface AppVariables {
   auth: Auth;
   config: JantConfig;
   themeStyle: string;
+  customCSS: string;
+  isAuthenticated: boolean;
   storage: StorageDriver | null;
 }
 
@@ -76,30 +85,12 @@ export type App = Hono<{ Bindings: Bindings; Variables: AppVariables }>;
  * import { createApp } from "@jant/core";
  *
  * export default createApp({
- *   theme: { components: { PostPage: MyPostPage } },
+ *   cssVariables: { "--card-radius": "0" },
  * });
  * ```
  */
 export function createApp(config: JantConfig = {}): App {
-  // Merge with default threads theme
-  const defaultTheme = threadsTheme();
-  const resolvedConfig: JantConfig = {
-    ...config,
-    theme: {
-      name: config.theme?.name ?? defaultTheme.name,
-      components: {
-        ...defaultTheme.components,
-        ...config.theme?.components,
-      },
-      timelineMore: config.theme?.timelineMore ?? defaultTheme.timelineMore,
-      cssVariables: {
-        ...defaultTheme.cssVariables,
-        ...config.theme?.cssVariables,
-      },
-      colorThemes: config.theme?.colorThemes ?? defaultTheme.colorThemes,
-      feed: config.theme?.feed,
-    },
-  };
+  const resolvedConfig: JantConfig = { ...config };
 
   const app = new Hono<{ Bindings: Bindings; Variables: AppVariables }>();
 
@@ -133,18 +124,37 @@ export function createApp(config: JantConfig = {}): App {
   // Onboarding gate — redirect to /setup if not yet initialized
   app.use("*", requireOnboarding());
 
-  // Theme middleware - resolve active color theme and build CSS
+  // Theme middleware - resolve active color theme, custom CSS, and auth state
   app.use("*", async (c, next) => {
-    const themeId = await c.var.services.settings.get(SETTINGS_KEYS.THEME);
+    const [themeId, customCSS] = await Promise.all([
+      c.var.services.settings.get(SETTINGS_KEYS.THEME),
+      c.var.services.settings.get(SETTINGS_KEYS.CUSTOM_CSS),
+    ]);
     const themes = getAvailableThemes(resolvedConfig);
     const activeTheme = themeId
       ? themes.find((t) => t.id === themeId)
       : undefined;
     const themeStyle = buildThemeStyle(
       activeTheme,
-      resolvedConfig.theme?.cssVariables,
+      resolvedConfig.cssVariables,
     );
     c.set("themeStyle", themeStyle);
+    c.set("customCSS", customCSS ?? "");
+
+    // Check auth state for data-authenticated attribute on <body>
+    let isAuthenticated = false;
+    if (c.var.auth) {
+      try {
+        const session = await c.var.auth.api.getSession({
+          headers: c.req.raw.headers,
+        });
+        isAuthenticated = !!session;
+      } catch {
+        // Not authenticated
+      }
+    }
+    c.set("isAuthenticated", isAuthenticated);
+
     await next();
   });
 
@@ -196,6 +206,10 @@ export function createApp(config: JantConfig = {}): App {
 
   // API Routes
   app.route("/api/posts", postsApiRoutes);
+  app.route("/api/pages", pagesApiRoutes);
+  app.route("/api/nav-items", navItemsApiRoutes);
+  app.route("/api/collections", collectionsApiRoutes);
+  app.route("/api/settings", settingsApiRoutes);
 
   // Setup page component
   const SetupContent: FC = () => {
@@ -338,6 +352,18 @@ export function createApp(config: JantConfig = {}): App {
 
       await c.var.services.settings.completeOnboarding();
 
+      // Seed default navigation items
+      await c.var.services.navItems.create({
+        type: "link",
+        label: "Featured",
+        url: "/featured",
+      });
+      await c.var.services.navItems.create({
+        type: "link",
+        label: "Collections",
+        url: "/collections",
+      });
+
       return dsRedirect("/signin?setup");
     } catch (err) {
       // eslint-disable-next-line no-console -- Error logging is intentional
@@ -718,7 +744,6 @@ export function createApp(config: JantConfig = {}): App {
   app.route("/dash/settings", dashSettingsRoutes);
   app.route("/dash/redirects", dashRedirectsRoutes);
   app.route("/dash/collections", dashCollectionsRoutes);
-  app.route("/dash/navigation", dashNavigationRoutes);
   // API routes
   app.route("/api/upload", uploadApiRoutes);
   app.route("/api/search", searchApiRoutes);
@@ -751,6 +776,9 @@ export function createApp(config: JantConfig = {}): App {
     return new Response(object.body, { headers });
   });
 
+  // Compose route (auth enforced in route middleware)
+  app.route("/compose", composeRoutes);
+
   // Feed routes
   app.route("/feed", rssRoutes);
   app.route("/", sitemapRoutes);
@@ -758,6 +786,8 @@ export function createApp(config: JantConfig = {}): App {
   // Frontend routes
   app.route("/search", searchRoutes);
   app.route("/archive", archiveRoutes);
+  app.route("/featured", featuredRoutes);
+  app.route("/collections", collectionsPageRoutes);
   app.route("/c", collectionRoutes);
   app.route("/p", postRoutes);
   app.route("/", homeRoutes);

package/src/db/migrations/0006_rename_slug_to_path.sql

@@ -0,0 +1,5 @@
+ALTER TABLE posts RENAME COLUMN slug TO path;
+--> statement-breakpoint
+DROP INDEX IF EXISTS posts_slug_unique;
+--> statement-breakpoint
+CREATE UNIQUE INDEX posts_path_unique ON posts (path);

package/src/db/migrations/meta/_journal.json

@@ -43,6 +43,13 @@
       "when": 1771346168875,
       "tag": "0005_v2_schema_migration",
       "breakpoints": true
+    },
+    {
+      "idx": 6,
+      "version": "6",
+      "when": 1771746168876,
+      "tag": "0006_rename_slug_to_path",
+      "breakpoints": true
     }
   ]
 }

package/src/db/schema.ts

@@ -22,7 +22,7 @@ export const posts = sqliteTable("posts", {
     .default("published"),
   featured: integer("featured").notNull().default(0),
   pinned: integer("pinned").notNull().default(0),
-  slug: text("slug").unique(),
+  path: text("path").unique(),
   title: text("title"),
   url: text("url"),
   body: text("body"),