@jant/core 0.3.24 → 0.3.26

package/src/services/post.ts

@@ -25,12 +25,15 @@ export interface PostFilters {
   threadId?: number;
   limit?: number;
   cursor?: number; // post id for cursor pagination
+  offset?: number; // offset for page-based pagination
 }
 
 export interface PostService {
   getById(id: number): Promise<Post | null>;
-  getBySlug(slug: string): Promise<Post | null>;
+  getByPath(path: string): Promise<Post | null>;
   list(filters?: PostFilters): Promise<Post[]>;
+  /** Count posts matching filters (ignores cursor, offset, limit) */
+  count(filters?: PostFilters): Promise<number>;
   create(data: CreatePost): Promise<Post>;
   update(id: number, data: UpdatePost): Promise<Post | null>;
   delete(id: number): Promise<boolean>;
@@ -50,6 +53,38 @@ export interface PostService {
 }
 
 export function createPostService(db: Database): PostService {
+  /** Build WHERE conditions from filters (shared by list and count) */
+  function buildFilterConditions(filters: PostFilters) {
+    const conditions = [];
+
+    if (filters.status) {
+      conditions.push(eq(posts.status, filters.status));
+    }
+    if (filters.featured !== undefined) {
+      conditions.push(eq(posts.featured, filters.featured ? 1 : 0));
+    }
+    if (filters.pinned !== undefined) {
+      conditions.push(eq(posts.pinned, filters.pinned ? 1 : 0));
+    }
+    if (filters.format) {
+      conditions.push(eq(posts.format, filters.format));
+    }
+    if (filters.collectionId !== undefined) {
+      conditions.push(eq(posts.collectionId, filters.collectionId));
+    }
+    if (filters.threadId) {
+      conditions.push(eq(posts.threadId, filters.threadId));
+    }
+    if (filters.excludeReplies) {
+      conditions.push(isNull(posts.threadId));
+    }
+    if (!filters.includeDeleted) {
+      conditions.push(isNull(posts.deletedAt));
+    }
+
+    return conditions;
+  }
+
   function toPost(row: typeof posts.$inferSelect): Post {
     return {
       id: row.id,
@@ -57,7 +92,7 @@ export function createPostService(db: Database): PostService {
       status: row.status as Status,
       featured: row.featured,
       pinned: row.pinned,
-      slug: row.slug,
+      path: row.path,
       title: row.title,
       url: row.url,
       body: row.body,
@@ -84,65 +119,48 @@ export function createPostService(db: Database): PostService {
       return result[0] ? toPost(result[0]) : null;
     },
 
-    async getBySlug(slug) {
+    async getByPath(path) {
       const result = await db
         .select()
         .from(posts)
-        .where(and(eq(posts.slug, slug), isNull(posts.deletedAt)))
+        .where(and(eq(posts.path, path), isNull(posts.deletedAt)))
         .limit(1);
       return result[0] ? toPost(result[0]) : null;
     },
 
     async list(filters = {}) {
-      const conditions = [];
-
-      if (filters.status) {
-        conditions.push(eq(posts.status, filters.status));
-      }
-
-      if (filters.featured !== undefined) {
-        conditions.push(eq(posts.featured, filters.featured ? 1 : 0));
-      }
-
-      if (filters.pinned !== undefined) {
-        conditions.push(eq(posts.pinned, filters.pinned ? 1 : 0));
-      }
-
-      if (filters.format) {
-        conditions.push(eq(posts.format, filters.format));
-      }
-
-      if (filters.collectionId !== undefined) {
-        conditions.push(eq(posts.collectionId, filters.collectionId));
-      }
-
-      if (filters.threadId) {
-        conditions.push(eq(posts.threadId, filters.threadId));
-      }
-
-      if (filters.excludeReplies) {
-        conditions.push(isNull(posts.threadId));
-      }
-
-      if (!filters.includeDeleted) {
-        conditions.push(isNull(posts.deletedAt));
-      }
+      const conditions = buildFilterConditions(filters);
 
       if (filters.cursor) {
         conditions.push(sql`${posts.id} < ${filters.cursor}`);
       }
 
-      const query = db
+      let query = db
         .select()
         .from(posts)
         .where(conditions.length > 0 ? and(...conditions) : undefined)
         .orderBy(desc(posts.publishedAt), desc(posts.id))
         .limit(filters.limit ?? 100);
 
+      if (filters.offset !== undefined) {
+        query = query.offset(filters.offset) as typeof query;
+      }
+
       const rows = await query;
       return rows.map(toPost);
     },
 
+    async count(filters = {}) {
+      const conditions = buildFilterConditions(filters);
+
+      const result = await db
+        .select({ count: sql<number>`count(*)`.as("count") })
+        .from(posts)
+        .where(conditions.length > 0 ? and(...conditions) : undefined);
+
+      return result[0]?.count ?? 0;
+    },
+
     async create(data) {
       const timestamp = now();
 
@@ -175,7 +193,7 @@ export function createPostService(db: Database): PostService {
           status,
           featured: featured ? 1 : 0,
           pinned: data.pinned ? 1 : 0,
-          slug: data.slug ?? null,
+          path: data.path ?? null,
           title: data.title ?? null,
           url: data.url ?? null,
           body: data.body ?? null,
@@ -205,7 +223,7 @@ export function createPostService(db: Database): PostService {
       };
 
       if (data.format !== undefined) updates.format = data.format;
-      if (data.slug !== undefined) updates.slug = data.slug;
+      if (data.path !== undefined) updates.path = data.path;
       if (data.title !== undefined) updates.title = data.title;
       if (data.url !== undefined) updates.url = data.url;
       if (data.quoteText !== undefined) updates.quoteText = data.quoteText;

package/src/services/search.ts

@@ -29,7 +29,7 @@ interface RawSearchRow {
   status: string;
   featured: number;
   pinned: number;
-  slug: string | null;
+  path: string | null;
   title: string | null;
   url: string | null;
   body: string | null;
@@ -99,7 +99,7 @@ export function createSearchService(d1: D1Database): SearchService {
           status: row.status as Post["status"],
           featured: row.featured,
           pinned: row.pinned,
-          slug: row.slug,
+          path: row.path,
           title: row.title,
           url: row.url,
           body: row.body,

package/src/styles/components.css

@@ -10,71 +10,6 @@
   .container {
     @apply mx-auto max-w-2xl px-4;
   }
-
-  .container-timeline {
-    @apply mx-auto px-4;
-    max-width: 600px;
-  }
-}
-
-/* Alert variants */
-@layer components {
-  .alert-success {
-    @apply relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current;
-    @apply text-success bg-card [&>svg]:text-current;
-
-    > h2,
-    > h3,
-    > h4,
-    > h5,
-    > h6,
-    > strong,
-    > [data-title] {
-      @apply col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight;
-    }
-
-    > section {
-      @apply text-success col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed;
-
-      ul {
-        @apply list-inside list-disc text-sm;
-      }
-    }
-  }
-}
-
-/* Badge components */
-@layer components {
-  .badge {
-    @apply inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium;
-    background-color: var(--color-secondary);
-    color: var(--color-secondary-foreground);
-  }
-
-  .badge-primary {
-    @apply inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium;
-    background-color: var(--color-primary);
-    color: var(--color-primary-foreground);
-  }
-
-  .badge-secondary {
-    @apply inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium;
-    background-color: var(--color-secondary);
-    color: var(--color-secondary-foreground);
-  }
-
-  .badge-outline {
-    @apply inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium;
-    @apply border bg-transparent;
-    border-color: var(--color-border);
-    color: var(--color-foreground);
-  }
-
-  .badge-destructive {
-    @apply inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium;
-    background-color: var(--color-destructive);
-    color: white;
-  }
 }
 
 /* Toast notifications */

package/src/styles/tokens.css

@@ -0,0 +1,47 @@
+/**
+ * Design Tokens
+ *
+ * CSS custom properties for all visual aspects of the UI.
+ * These are the stable customization API — override in custom CSS
+ * to change typography, layout, surfaces, and element sizing.
+ */
+
+:root {
+  /* Typography */
+  --font-body: system-ui, sans-serif;
+  --font-heading: var(--font-body);
+  --font-mono: ui-monospace, monospace;
+  --text-sm: 0.8125rem;
+  --text-base: 0.9375rem;
+  --text-lg: 1.0625rem;
+  --leading: 1.5;
+
+  /* Layout */
+  --site-width: 640px;
+  --site-padding: 1.5rem;
+  --content-gap: 1rem;
+  --space-xl: 2rem;
+
+  /* Surfaces */
+  --card-bg: var(--card);
+  --card-radius: 0;
+  --card-padding: 1rem;
+  --card-border-width: 0;
+  --card-shadow: none;
+
+  /* Elements */
+  --avatar-size: 28px;
+  --avatar-radius: 50%;
+  --media-radius: 0.5rem;
+
+  /* Derived color tokens (from BaseCoat variables) */
+  --site-column-outline: var(--border);
+  --site-threadline: var(--border);
+  --site-page-bg: var(--background);
+  --site-elevated-bg: var(--background);
+  --site-nav-hover-bg: var(--accent);
+  --site-text-primary: var(--foreground);
+  --site-text-secondary: var(--muted-foreground);
+  --site-media-outline: var(--border);
+  --site-divider: var(--border);
+}