npm - @jant/core - Versions diffs - 0.3.24 → 0.3.25 - Mend

@jant/core 0.3.24 → 0.3.25

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (206) hide show

package/dist/app.js +50 -25
package/dist/db/schema.js +1 -1
package/dist/i18n/locales/en.js +1 -1
package/dist/i18n/locales/zh-Hans.js +1 -1
package/dist/i18n/locales/zh-Hant.js +1 -1
package/dist/index.js +3 -9
package/dist/lib/constants.js +1 -0
package/dist/lib/nav-reorder.js +1 -1
package/dist/lib/navigation.js +26 -1
package/dist/lib/pagination.js +44 -0
package/dist/lib/render.js +7 -11
package/dist/lib/schemas.js +3 -3
package/dist/lib/theme.js +4 -4
package/dist/lib/timeline.js +24 -48
package/dist/lib/view.js +2 -2
package/dist/routes/api/collections.js +124 -0
package/dist/routes/api/nav-items.js +104 -0
package/dist/routes/api/pages.js +91 -0
package/dist/routes/api/posts.js +2 -2
package/dist/routes/api/search.js +2 -2
package/dist/routes/api/settings.js +68 -0
package/dist/routes/compose.js +48 -0
package/dist/routes/dash/collections.js +2 -2
package/dist/routes/dash/index.js +1 -1
package/dist/routes/dash/media.js +2 -2
package/dist/routes/dash/pages.js +411 -62
package/dist/routes/dash/posts.js +3 -5
package/dist/routes/dash/redirects.js +2 -2
package/dist/routes/dash/settings.js +79 -5
package/dist/routes/feed/rss.js +2 -2
package/dist/routes/feed/sitemap.js +1 -1
package/dist/routes/pages/archive.js +3 -6
package/dist/routes/pages/collection.js +3 -6
package/dist/routes/pages/collections.js +28 -0
package/dist/routes/pages/featured.js +32 -0
package/dist/routes/pages/home.js +9 -50
package/dist/routes/pages/page.js +29 -32
package/dist/routes/pages/post.js +3 -6
package/dist/routes/pages/search.js +3 -6
package/dist/services/page.js +5 -1
package/dist/services/post.js +40 -6
package/dist/services/search.js +1 -1
package/dist/ui/compose/ComposeDialog.js +452 -0
package/dist/ui/compose/ComposePrompt.js +55 -0
package/dist/{theme/components/TypeBadge.js → ui/dash/FormatBadge.js} +1 -2
package/dist/{theme/components → ui/dash}/PostForm.js +0 -27
package/dist/{theme/components → ui/dash}/PostList.js +6 -6
package/dist/{theme/components/VisibilityBadge.js → ui/dash/StatusBadge.js} +1 -2
package/dist/{theme/components → ui/dash}/index.js +3 -6
package/dist/{themes/threads/timeline → ui/feed}/LinkCard.js +6 -2
package/dist/{themes/threads/timeline → ui/feed}/NoteCard.js +11 -6
package/dist/{themes/threads/timeline → ui/feed}/QuoteCard.js +10 -6
package/dist/{themes/threads/timeline → ui/feed}/ThreadPreview.js +7 -9
package/dist/ui/feed/TimelineFeed.js +41 -0
package/dist/ui/feed/TimelineItem.js +27 -0
package/dist/{theme → ui}/layouts/BaseLayout.js +10 -0
package/dist/{theme → ui}/layouts/DashLayout.js +0 -8
package/dist/ui/layouts/SiteLayout.js +141 -0
package/dist/{themes/threads → ui}/pages/ArchivePage.js +16 -14
package/dist/{themes/threads → ui}/pages/CollectionPage.js +6 -1
package/dist/ui/pages/CollectionsPage.js +76 -0
package/dist/ui/pages/FeaturedPage.js +24 -0
package/dist/ui/pages/HomePage.js +24 -0
package/dist/{themes/threads → ui}/pages/PostPage.js +13 -8
package/dist/{themes/threads → ui}/pages/SearchPage.js +9 -7
package/dist/{themes/threads → ui}/pages/SinglePage.js +3 -2
package/dist/{theme/components → ui/shared}/MediaGallery.js +1 -1
package/dist/{theme/components → ui/shared}/Pagination.js +41 -2
package/dist/{theme/components → ui/shared}/ThreadView.js +2 -2
package/dist/ui/shared/index.js +5 -0
package/package.json +1 -9
package/src/__tests__/helpers/db.ts +3 -0
package/src/app.tsx +57 -27
package/src/db/migrations/0006_rename_slug_to_path.sql +5 -0
package/src/db/migrations/meta/_journal.json +7 -0
package/src/db/schema.ts +1 -1
package/src/i18n/locales/en.po +332 -181
package/src/i18n/locales/en.ts +1 -1
package/src/i18n/locales/zh-Hans.po +332 -181
package/src/i18n/locales/zh-Hans.ts +1 -1
package/src/i18n/locales/zh-Hant.po +332 -181
package/src/i18n/locales/zh-Hant.ts +1 -1
package/src/index.ts +7 -36
package/src/lib/__tests__/schemas.test.ts +60 -19
package/src/lib/__tests__/timeline.test.ts +45 -81
package/src/lib/__tests__/view.test.ts +13 -7
package/src/lib/constants.ts +1 -0
package/src/lib/nav-reorder.ts +1 -1
package/src/lib/navigation.ts +40 -2
package/src/lib/pagination.ts +50 -0
package/src/lib/render.tsx +7 -14
package/src/lib/schemas.ts +8 -6
package/src/lib/theme.ts +5 -5
package/src/lib/timeline.ts +28 -57
package/src/lib/view.ts +2 -2
package/src/preset.css +2 -1
package/src/routes/__tests__/compose.test.ts +199 -0
package/src/routes/api/__tests__/collections.test.ts +249 -0
package/src/routes/api/__tests__/nav-items.test.ts +222 -0
package/src/routes/api/__tests__/pages.test.ts +218 -0
package/src/routes/api/__tests__/settings.test.ts +132 -0
package/src/routes/api/collections.ts +143 -0
package/src/routes/api/nav-items.ts +115 -0
package/src/routes/api/pages.ts +101 -0
package/src/routes/api/posts.ts +2 -2
package/src/routes/api/search.ts +2 -2
package/src/routes/api/settings.ts +91 -0
package/src/routes/compose.ts +63 -0
package/src/routes/dash/__tests__/pages.test.ts +225 -0
package/src/routes/dash/collections.tsx +2 -2
package/src/routes/dash/index.tsx +1 -1
package/src/routes/dash/media.tsx +2 -2
package/src/routes/dash/pages.tsx +443 -70
package/src/routes/dash/posts.tsx +3 -7
package/src/routes/dash/redirects.tsx +2 -2
package/src/routes/dash/settings.tsx +83 -5
package/src/routes/feed/rss.ts +2 -2
package/src/routes/feed/sitemap.ts +1 -1
package/src/routes/pages/__tests__/collections.test.ts +94 -0
package/src/routes/pages/__tests__/featured.test.ts +94 -0
package/src/routes/pages/archive.tsx +2 -6
package/src/routes/pages/collection.tsx +2 -6
package/src/routes/pages/collections.tsx +36 -0
package/src/routes/pages/featured.tsx +38 -0
package/src/routes/pages/home.tsx +9 -55
package/src/routes/pages/page.tsx +28 -30
package/src/routes/pages/post.tsx +2 -5
package/src/routes/pages/search.tsx +2 -6
package/src/services/__tests__/page.test.ts +106 -0
package/src/services/__tests__/post.test.ts +114 -15
package/src/services/page.ts +13 -1
package/src/services/post.ts +57 -7
package/src/services/search.ts +2 -2
package/src/styles/tokens.css +47 -0
package/src/styles/ui.css +491 -0
package/src/types.ts +29 -159
package/src/ui/compose/ComposeDialog.tsx +395 -0
package/src/ui/compose/ComposePrompt.tsx +55 -0
package/src/{theme/components/TypeBadge.tsx → ui/dash/FormatBadge.tsx} +2 -3
package/src/{theme/components → ui/dash}/PostForm.tsx +0 -25
package/src/{theme/components → ui/dash}/PostList.tsx +7 -7
package/src/{theme/components/VisibilityBadge.tsx → ui/dash/StatusBadge.tsx} +2 -3
package/src/ui/dash/index.ts +10 -0
package/src/{themes/threads/timeline → ui/feed}/LinkCard.tsx +9 -4
package/src/{themes/threads/timeline → ui/feed}/NoteCard.tsx +13 -8
package/src/{themes/threads/timeline → ui/feed}/QuoteCard.tsx +13 -8
package/src/{themes/threads/timeline → ui/feed}/ThreadPreview.tsx +7 -8
package/src/ui/feed/TimelineFeed.tsx +49 -0
package/src/ui/feed/TimelineItem.tsx +45 -0
package/src/{theme → ui}/layouts/BaseLayout.tsx +11 -1
package/src/{theme → ui}/layouts/DashLayout.tsx +0 -10
package/src/ui/layouts/SiteLayout.tsx +150 -0
package/src/{themes/threads → ui}/pages/ArchivePage.tsx +22 -17
package/src/{themes/threads → ui}/pages/CollectionPage.tsx +14 -5
package/src/ui/pages/CollectionsPage.tsx +73 -0
package/src/ui/pages/FeaturedPage.tsx +31 -0
package/src/{themes/threads → ui}/pages/HomePage.tsx +11 -15
package/src/{themes/threads → ui}/pages/PostPage.tsx +23 -14
package/src/{themes/threads → ui}/pages/SearchPage.tsx +13 -11
package/src/{themes/threads → ui}/pages/SinglePage.tsx +4 -4
package/src/{theme/components → ui/shared}/MediaGallery.tsx +1 -1
package/src/{theme/components → ui/shared}/Pagination.tsx +67 -4
package/src/{theme/components → ui/shared}/ThreadView.tsx +2 -2
package/src/ui/shared/__tests__/pagination.test.ts +46 -0
package/src/ui/shared/index.ts +12 -0
package/bin/jant.js +0 -185
package/dist/lib/theme-components.js +0 -46
package/dist/routes/dash/navigation.js +0 -289
package/dist/theme/index.js +0 -18
package/dist/theme/layouts/index.js +0 -2
package/dist/themes/threads/ThreadsSiteLayout.js +0 -172
package/dist/themes/threads/index.js +0 -81
package/dist/themes/threads/pages/HomePage.js +0 -25
package/dist/themes/threads/timeline/TimelineFeed.js +0 -58
package/dist/themes/threads/timeline/TimelineItem.js +0 -36
package/dist/themes/threads/timeline/TimelineLoadMore.js +0 -23
package/dist/themes/threads/timeline/groupByDate.js +0 -22
package/dist/themes/threads/timeline/timelineMore.js +0 -107
package/src/lib/__tests__/theme-components.test.ts +0 -105
package/src/lib/theme-components.ts +0 -65
package/src/routes/dash/navigation.tsx +0 -317
package/src/theme/components/index.ts +0 -23
package/src/theme/index.ts +0 -22
package/src/theme/layouts/index.ts +0 -7
package/src/themes/threads/ThreadsSiteLayout.tsx +0 -194
package/src/themes/threads/index.ts +0 -100
package/src/themes/threads/style.css +0 -336
package/src/themes/threads/timeline/TimelineFeed.tsx +0 -62
package/src/themes/threads/timeline/TimelineItem.tsx +0 -67
package/src/themes/threads/timeline/TimelineLoadMore.tsx +0 -35
package/src/themes/threads/timeline/groupByDate.ts +0 -30
package/src/themes/threads/timeline/timelineMore.tsx +0 -130
/package/dist/{theme → ui}/color-themes.js +0 -0
/package/dist/{theme/components → ui/dash}/ActionButtons.js +0 -0
/package/dist/{theme/components → ui/dash}/CrudPageHeader.js +0 -0
/package/dist/{theme/components → ui/dash}/DangerZone.js +0 -0
/package/dist/{theme/components → ui/dash}/ListItemRow.js +0 -0
/package/dist/{theme/components → ui/dash}/PageForm.js +0 -0
/package/dist/{theme/components → ui/shared}/EmptyState.js +0 -0
/package/src/{theme → ui}/color-themes.ts +0 -0
/package/src/{theme/components → ui/dash}/ActionButtons.tsx +0 -0
/package/src/{theme/components → ui/dash}/CrudPageHeader.tsx +0 -0
/package/src/{theme/components → ui/dash}/DangerZone.tsx +0 -0
/package/src/{theme/components → ui/dash}/ListItemRow.tsx +0 -0
/package/src/{theme/components → ui/dash}/PageForm.tsx +0 -0
/package/src/{theme/components → ui/shared}/EmptyState.tsx +0 -0

package/src/lib/schemas.ts CHANGED Viewed

@@ -51,19 +51,20 @@ export const RedirectTypeSchema = z.enum(["301", "302"]);
 export const RatingSchema = z.coerce
   .number()
   .int()
-  .min(1)
+  .min(0)
   .max(5)
   .optional()
-  .or(z.literal("").transform(() => undefined));
+  .or(z.literal("").transform(() => undefined))
+  .transform((v) => (v === 0 ? undefined : v));
 /**
  * API request body schema for creating a post
  */
 export const CreatePostSchema = z.object({
   format: FormatSchema,
-  slug: z
+  path: z
     .string()
-    .regex(/^[a-z0-9][a-z0-9-]*[a-z0-9]$|^[a-z0-9]$/)
+    .regex(/^[a-z0-9]([a-z0-9-]*[a-z0-9])?(\/[a-z0-9]([a-z0-9-]*[a-z0-9])?)*$/)
     .optional()
     .or(z.literal("").transform(() => undefined)),
   title: z.string().optional(),
@@ -81,9 +82,10 @@ export const CreatePostSchema = z.object({
   collectionId: z.coerce
     .number()
     .int()
-    .positive()
+    .min(0)
     .optional()
-    .or(z.literal("").transform(() => undefined)),
+    .or(z.literal("").transform(() => undefined))
+    .transform((v) => (v === 0 ? undefined : v)),
   replyToId: z.string().optional(), // Sqid format
   publishedAt: z.number().int().positive().optional(),
   mediaIds: z.array(z.string()).max(MAX_MEDIA_ATTACHMENTS).optional(),

package/src/lib/theme.ts CHANGED Viewed

@@ -4,14 +4,14 @@
  * Resolves the active color theme and builds CSS for injection into `<head>`.
  */
-import type { ColorTheme } from "../theme/color-themes.js";
-import { BUILTIN_COLOR_THEMES } from "../theme/color-themes.js";
+import type { ColorTheme } from "../ui/color-themes.js";
+import { BUILTIN_COLOR_THEMES } from "../ui/color-themes.js";
 import type { JantConfig } from "../types.js";
 /**
  * Get the list of available color themes.
  *
- * Returns `config.theme.colorThemes` if provided, otherwise the built-in list.
+ * Returns `config.colorThemes` if provided, otherwise the built-in list.
  *
  * @param config - The Jant configuration
  * @returns Array of available color themes
@@ -22,7 +22,7 @@ import type { JantConfig } from "../types.js";
  * ```
  */
 export function getAvailableThemes(config: JantConfig): ColorTheme[] {
-  return config.theme?.colorThemes ?? BUILTIN_COLOR_THEMES;
+  return config.colorThemes ?? BUILTIN_COLOR_THEMES;
 }
 /**
@@ -32,7 +32,7 @@ export function getAvailableThemes(config: JantConfig): ColorTheme[] {
  *   BaseCoat defaults → selected theme → cssVariables
  *
  * @param theme - The active color theme (undefined = no theme overrides)
- * @param cssVariables - Extra CSS variable overrides from `createApp({ theme: { cssVariables } })`
+ * @param cssVariables - Extra CSS variable overrides from `createApp({ cssVariables })`
  * @returns CSS string to inject in `<head>`, or empty string if nothing to inject
  *
  * Uses `:root:root` and `:root.dark` selectors for higher specificity than

package/src/lib/timeline.ts CHANGED Viewed

@@ -2,11 +2,11 @@
  * Timeline Data Assembly
  *
  * Shared helper for assembling timeline items with media and thread previews.
- * Used by both full-page rendering and load-more SSE responses.
+ * Used by page rendering with page-based pagination.
  */
 import type { Context } from "hono";
-import type { Bindings, TimelineItemView, DateGroup } from "../types.js";
+import type { Bindings, TimelineItemView } from "../types.js";
 import type { AppVariables } from "../app.js";
 import { buildMediaMap } from "./media-helpers.js";
 import { createMediaContext, toPostView, toPostViews } from "./view.js";
@@ -20,51 +20,58 @@ const DEFAULT_PAGE_SIZE = 20;
  */
 export interface TimelineResult {
   items: TimelineItemView[];
-  hasMore: boolean;
-  nextCursor?: number;
+  currentPage: number;
+  totalPages: number;
 }
 /**
  * Assembles a page of timeline items with media attachments and thread previews.
  *
- * Fetches posts, batch-loads media, identifies threads, and returns
- * render-ready `TimelineItemView[]` with pagination info.
+ * Fetches posts using offset-based pagination, batch-loads media, identifies
+ * threads, and returns render-ready `TimelineItemView[]` with page info.
  *
  * @param c - Hono context (provides services + env)
- * @param options - Optional cursor for pagination
+ * @param options - Optional page number (1-indexed, defaults to 1)
  * @returns Assembled timeline items with pagination info
  *
  * @example
  * ```ts
- * const { items, hasMore, nextCursor } = await assembleTimeline(c);
- * const { items, hasMore, nextCursor } = await assembleTimeline(c, { cursor: 42 });
+ * const { items, currentPage, totalPages } = await assembleTimeline(c);
+ * const { items, currentPage, totalPages } = await assembleTimeline(c, { page: 2 });
  * ```
  */
 export async function assembleTimeline(
   c: Context<Env>,
-  options?: { cursor?: number },
+  options?: { page?: number },
 ): Promise<TimelineResult> {
   const pageSize =
     parseInt(c.env.PAGE_SIZE ?? String(DEFAULT_PAGE_SIZE), 10) ||
     DEFAULT_PAGE_SIZE;
-  // Fetch one extra to determine if there are more
-  const posts = await c.var.services.posts.list({
+  const page = Math.max(1, options?.page ?? 1);
+  const offset = (page - 1) * pageSize;
+  // Get total count for pagination
+  const totalCount = await c.var.services.posts.count({
     status: "published",
     excludeReplies: true,
-    limit: pageSize + 1,
-    cursor: options?.cursor,
   });
+  const totalPages = Math.max(1, Math.ceil(totalCount / pageSize));
-  const hasMore = posts.length > pageSize;
-  const displayPosts = hasMore ? posts.slice(0, pageSize) : posts;
+  // Fetch posts for the current page
+  const posts = await c.var.services.posts.list({
+    status: "published",
+    excludeReplies: true,
+    limit: pageSize,
+    offset,
+  });
-  if (displayPosts.length === 0) {
-    return { items: [], hasMore: false };
+  if (posts.length === 0) {
+    return { items: [], currentPage: page, totalPages };
   }
   // Batch load media attachments
-  const postIds = displayPosts.map((p) => p.id);
+  const postIds = posts.map((p) => p.id);
   const rawMediaMap = await c.var.services.media.getByPostIds(postIds);
   const mediaCtx = createMediaContext(c);
   const mediaMap = buildMediaMap(
@@ -102,7 +109,7 @@ export async function assembleTimeline(
       : new Map();
   // Assemble timeline items with View Models
-  const items: TimelineItemView[] = displayPosts.map((post) => {
+  const items: TimelineItemView[] = posts.map((post) => {
     const postView = toPostView(
       { ...post, mediaAttachments: mediaMap.get(post.id) ?? [] },
       mediaCtx,
@@ -130,41 +137,5 @@ export async function assembleTimeline(
     return { post: postView };
   });
-  // Determine next cursor
-  const lastPost = displayPosts[displayPosts.length - 1];
-  const nextCursor = hasMore && lastPost ? lastPost.id : undefined;
-  return { items, hasMore, nextCursor };
-}
-/**
- * Groups timeline items by their publication date (YYYY-MM-DD).
- *
- * @param items - Timeline items to group
- * @returns Array of date groups, each containing items published on the same day
- *
- * @example
- * ```ts
- * const groups = groupByDate(items);
- * // [{ dateKey: "2024-02-01", label: "Feb 1, 2024", items: [...] }, ...]
- * ```
- */
-export function groupByDate(items: TimelineItemView[]): DateGroup[] {
-  const groups: DateGroup[] = [];
-  let current: DateGroup | null = null;
-  for (const item of items) {
-    const dateKey = item.post.publishedAt.slice(0, 10);
-    if (!current || current.dateKey !== dateKey) {
-      current = {
-        dateKey,
-        label: item.post.publishedAtFormatted,
-        items: [],
-      };
-      groups.push(current);
-    }
-    current.items.push(item);
-  }
-  return groups;
+  return { items, currentPage: page, totalPages };
 }

package/src/lib/view.ts CHANGED Viewed

@@ -109,7 +109,7 @@ export function toMediaView(media: Media, ctx: MediaContext): MediaView {
  * @returns Render-ready PostView with pre-computed fields
  */
 export function toPostView(post: PostWithMedia, _ctx: MediaContext): PostView {
-  const permalink = post.slug ? `/${post.slug}` : `/p/${encode(post.id)}`;
+  const permalink = post.path ? `/${post.path}` : `/p/${encode(post.id)}`;
   // Pre-compute excerpt from raw body
   let excerpt: string | undefined;
@@ -141,7 +141,7 @@ export function toPostView(post: PostWithMedia, _ctx: MediaContext): PostView {
   return {
     id: post.id,
     permalink,
-    slug: post.slug ?? undefined,
+    path: post.path ?? undefined,
     title: post.title ?? undefined,
     bodyHtml: post.bodyHtml ?? undefined,
     excerpt,

package/src/preset.css CHANGED Viewed

@@ -10,7 +10,8 @@
 @import "basecoat-css";
 @plugin "@tailwindcss/typography";
 @import "./styles/components.css";
-@import "./themes/threads/style.css";
+@import "./styles/tokens.css";
+@import "./styles/ui.css";
 @theme {
   --radius-default: 0.5rem;

package/src/routes/__tests__/compose.test.ts ADDED Viewed

@@ -0,0 +1,199 @@
+import { describe, it, expect } from "vitest";
+import { createTestApp } from "../../__tests__/helpers/app.js";
+import { composeRoutes } from "../compose.js";
+describe("Compose Routes", () => {
+  describe("POST /compose", () => {
+    it("redirects to signin when not authenticated", async () => {
+      const { app } = createTestApp({ authenticated: false });
+      app.route("/compose", composeRoutes);
+      const res = await app.request("/compose", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ format: "note", body: "Hello" }),
+      });
+      expect(res.status).toBe(302);
+      expect(res.headers.get("Location")).toBe("/signin");
+    });
+    it("creates a note post and returns redirect", async () => {
+      const { app, services } = createTestApp({ authenticated: true });
+      app.route("/compose", composeRoutes);
+      const res = await app.request("/compose", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ format: "note", body: "Hello world" }),
+      });
+      expect(res.status).toBe(200);
+      expect(res.headers.get("Content-Type")).toBe("text/html");
+      // Verify post was created
+      const posts = await services.posts.list();
+      expect(posts).toHaveLength(1);
+      expect(posts[0].format).toBe("note");
+      expect(posts[0].body).toBe("Hello world");
+      expect(posts[0].status).toBe("published");
+    });
+    it("creates a link post", async () => {
+      const { app, services } = createTestApp({ authenticated: true });
+      app.route("/compose", composeRoutes);
+      const res = await app.request("/compose", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          format: "link",
+          body: "Check this out",
+          url: "https://example.com",
+        }),
+      });
+      expect(res.status).toBe(200);
+      const posts = await services.posts.list();
+      expect(posts).toHaveLength(1);
+      expect(posts[0].format).toBe("link");
+      expect(posts[0].url).toBe("https://example.com");
+    });
+    it("creates a quote post", async () => {
+      const { app, services } = createTestApp({ authenticated: true });
+      app.route("/compose", composeRoutes);
+      const res = await app.request("/compose", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          format: "quote",
+          body: "Great insight",
+          quoteText: "The original quote",
+          url: "https://example.com/source",
+        }),
+      });
+      expect(res.status).toBe(200);
+      const posts = await services.posts.list();
+      expect(posts).toHaveLength(1);
+      expect(posts[0].format).toBe("quote");
+      expect(posts[0].quoteText).toBe("The original quote");
+    });
+    it("creates a draft when status is draft", async () => {
+      const { app, services } = createTestApp({ authenticated: true });
+      app.route("/compose", composeRoutes);
+      const res = await app.request("/compose", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          format: "note",
+          body: "Draft content",
+          status: "draft",
+        }),
+      });
+      expect(res.status).toBe(200);
+      const posts = await services.posts.list({ includeDrafts: true });
+      expect(posts).toHaveLength(1);
+      expect(posts[0].status).toBe("draft");
+    });
+    it("returns error for invalid format", async () => {
+      const { app } = createTestApp({ authenticated: true });
+      app.route("/compose", composeRoutes);
+      const res = await app.request("/compose", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ format: "invalid", body: "Hello" }),
+      });
+      expect(res.status).toBe(200);
+      expect(res.headers.get("Content-Type")).toBe("text/html");
+      // Returns a toast error (text/html with error message)
+      const text = await res.text();
+      expect(text).toContain("toast-error");
+    });
+    it("attaches media IDs when provided", async () => {
+      const { app, services } = createTestApp({ authenticated: true });
+      app.route("/compose", composeRoutes);
+      // Create media first
+      const media = await services.media.create({
+        filename: "test.jpg",
+        originalName: "test.jpg",
+        mimeType: "image/jpeg",
+        size: 1024,
+        storageKey: "media/2025/01/test.jpg",
+        width: 800,
+        height: 600,
+      });
+      const res = await app.request("/compose", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          format: "note",
+          body: "Post with media",
+          mediaIds: [media.id],
+        }),
+      });
+      expect(res.status).toBe(200);
+      const posts = await services.posts.list();
+      expect(posts).toHaveLength(1);
+      // Verify media is attached
+      const attachments = await services.media.getByPostId(posts[0].id);
+      expect(attachments).toHaveLength(1);
+      expect(attachments[0].id).toBe(media.id);
+    });
+    it("sets featured and pinned flags", async () => {
+      const { app, services } = createTestApp({ authenticated: true });
+      app.route("/compose", composeRoutes);
+      const res = await app.request("/compose", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          format: "note",
+          body: "Featured and pinned",
+          featured: true,
+          pinned: true,
+        }),
+      });
+      expect(res.status).toBe(200);
+      const posts = await services.posts.list();
+      expect(posts).toHaveLength(1);
+      expect(posts[0].featured).toBe(1);
+      expect(posts[0].pinned).toBe(1);
+    });
+    it("returns error when format is missing", async () => {
+      const { app } = createTestApp({ authenticated: true });
+      app.route("/compose", composeRoutes);
+      const res = await app.request("/compose", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ body: "No format" }),
+      });
+      expect(res.status).toBe(200);
+      const text = await res.text();
+      expect(text).toContain("toast-error");
+    });
+  });
+});

package/src/routes/api/__tests__/collections.test.ts ADDED Viewed

@@ -0,0 +1,249 @@
+import { describe, it, expect } from "vitest";
+import { createTestApp } from "../../../__tests__/helpers/app.js";
+import { collectionsApiRoutes } from "../collections.js";
+describe("Collections API Routes", () => {
+  describe("GET /api/collections", () => {
+    it("returns empty list when no collections exist", async () => {
+      const { app } = createTestApp();
+      app.route("/api/collections", collectionsApiRoutes);
+      const res = await app.request("/api/collections");
+      expect(res.status).toBe(200);
+      const body = await res.json();
+      expect(body.collections).toEqual([]);
+    });
+    it("returns collections with post counts", async () => {
+      const { app, services } = createTestApp();
+      app.route("/api/collections", collectionsApiRoutes);
+      const col = await services.collections.create({
+        slug: "tech",
+        title: "Tech",
+      });
+      await services.posts.create({
+        format: "note",
+        body: "tech post",
+        collectionId: col.id,
+      });
+      const res = await app.request("/api/collections");
+      const body = await res.json();
+      expect(body.collections).toHaveLength(1);
+      expect(body.collections[0].slug).toBe("tech");
+      expect(body.collections[0].postCount).toBe(1);
+    });
+  });
+  describe("GET /api/collections/:id", () => {
+    it("returns a collection by id", async () => {
+      const { app, services } = createTestApp();
+      app.route("/api/collections", collectionsApiRoutes);
+      const col = await services.collections.create({
+        slug: "tech",
+        title: "Tech Articles",
+      });
+      const res = await app.request(`/api/collections/${col.id}`);
+      expect(res.status).toBe(200);
+      const body = await res.json();
+      expect(body.title).toBe("Tech Articles");
+      expect(body.slug).toBe("tech");
+    });
+    it("returns 400 for invalid id", async () => {
+      const { app } = createTestApp();
+      app.route("/api/collections", collectionsApiRoutes);
+      const res = await app.request("/api/collections/abc");
+      expect(res.status).toBe(400);
+    });
+    it("returns 404 for non-existent collection", async () => {
+      const { app } = createTestApp();
+      app.route("/api/collections", collectionsApiRoutes);
+      const res = await app.request("/api/collections/9999");
+      expect(res.status).toBe(404);
+    });
+  });
+  describe("POST /api/collections", () => {
+    it("returns 401 when not authenticated", async () => {
+      const { app } = createTestApp({ authenticated: false });
+      app.route("/api/collections", collectionsApiRoutes);
+      const res = await app.request("/api/collections", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ slug: "tech", title: "Tech" }),
+      });
+      expect(res.status).toBe(401);
+    });
+    it("creates a collection when authenticated", async () => {
+      const { app } = createTestApp({ authenticated: true });
+      app.route("/api/collections", collectionsApiRoutes);
+      const res = await app.request("/api/collections", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          slug: "tech",
+          title: "Tech",
+          description: "Tech articles",
+        }),
+      });
+      expect(res.status).toBe(201);
+      const body = await res.json();
+      expect(body.slug).toBe("tech");
+      expect(body.title).toBe("Tech");
+      expect(body.description).toBe("Tech articles");
+    });
+    it("returns 400 for missing required fields", async () => {
+      const { app } = createTestApp({ authenticated: true });
+      app.route("/api/collections", collectionsApiRoutes);
+      const res = await app.request("/api/collections", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ slug: "tech" }),
+      });
+      expect(res.status).toBe(400);
+    });
+  });
+  describe("PUT /api/collections/reorder", () => {
+    it("returns 401 when not authenticated", async () => {
+      const { app } = createTestApp({ authenticated: false });
+      app.route("/api/collections", collectionsApiRoutes);
+      const res = await app.request("/api/collections/reorder", {
+        method: "PUT",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ ids: [1, 2] }),
+      });
+      expect(res.status).toBe(401);
+    });
+    it("reorders collections when authenticated", async () => {
+      const { app, services } = createTestApp({ authenticated: true });
+      app.route("/api/collections", collectionsApiRoutes);
+      const col1 = await services.collections.create({
+        slug: "first",
+        title: "First",
+      });
+      const col2 = await services.collections.create({
+        slug: "second",
+        title: "Second",
+      });
+      const res = await app.request("/api/collections/reorder", {
+        method: "PUT",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ ids: [col2.id, col1.id] }),
+      });
+      expect(res.status).toBe(200);
+      const body = await res.json();
+      expect(body.collections[0].slug).toBe("second");
+      expect(body.collections[1].slug).toBe("first");
+    });
+  });
+  describe("PUT /api/collections/:id", () => {
+    it("updates a collection when authenticated", async () => {
+      const { app, services } = createTestApp({ authenticated: true });
+      app.route("/api/collections", collectionsApiRoutes);
+      const col = await services.collections.create({
+        slug: "tech",
+        title: "Tech",
+      });
+      const res = await app.request(`/api/collections/${col.id}`, {
+        method: "PUT",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ title: "Technology" }),
+      });
+      expect(res.status).toBe(200);
+      const body = await res.json();
+      expect(body.title).toBe("Technology");
+    });
+    it("returns 404 for non-existent collection", async () => {
+      const { app } = createTestApp({ authenticated: true });
+      app.route("/api/collections", collectionsApiRoutes);
+      const res = await app.request("/api/collections/9999", {
+        method: "PUT",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ title: "test" }),
+      });
+      expect(res.status).toBe(404);
+    });
+  });
+  describe("DELETE /api/collections/:id", () => {
+    it("returns 401 when not authenticated", async () => {
+      const { app, services } = createTestApp({ authenticated: false });
+      app.route("/api/collections", collectionsApiRoutes);
+      const col = await services.collections.create({
+        slug: "tech",
+        title: "Tech",
+      });
+      const res = await app.request(`/api/collections/${col.id}`, {
+        method: "DELETE",
+      });
+      expect(res.status).toBe(401);
+    });
+    it("deletes a collection when authenticated", async () => {
+      const { app, services } = createTestApp({ authenticated: true });
+      app.route("/api/collections", collectionsApiRoutes);
+      const col = await services.collections.create({
+        slug: "tech",
+        title: "Tech",
+      });
+      const res = await app.request(`/api/collections/${col.id}`, {
+        method: "DELETE",
+      });
+      expect(res.status).toBe(200);
+      const body = await res.json();
+      expect(body.success).toBe(true);
+      const found = await services.collections.getById(col.id);
+      expect(found).toBeNull();
+    });
+    it("returns 404 for non-existent collection", async () => {
+      const { app } = createTestApp({ authenticated: true });
+      app.route("/api/collections", collectionsApiRoutes);
+      const res = await app.request("/api/collections/9999", {
+        method: "DELETE",
+      });
+      expect(res.status).toBe(404);
+    });
+  });
+});