@jant/core 0.3.35 → 0.3.36

package/src/services/post.ts

@@ -3,7 +3,7 @@
  *
  * CRUD operations for posts with Thread support.
  * Posts have format (note/link/quote), status (draft/published),
- * featured flag, and pinned flag.
+ * visibility (listed/featured/unlisted), and pinned flag.
  */
 
 import { eq, and, isNull, desc, or, inArray, sql } from "drizzle-orm";
@@ -11,10 +11,18 @@ import type { BatchItem } from "drizzle-orm/batch";
 import type { Database } from "../db/index.js";
 import { posts, postCollections } from "../db/schema.js";
 import { now } from "../lib/time.js";
-import { render as renderMarkdown } from "../lib/markdown.js";
+import { renderTiptapJson } from "../lib/tiptap-render.js";
+import { extractSummary } from "../lib/summary.js";
 import type { StorageDriver } from "../lib/storage.js";
 import type { MediaService } from "./media.js";
-import type { Format, Status, Post, CreatePost, UpdatePost } from "../types.js";
+import type {
+  Format,
+  Status,
+  Visibility,
+  Post,
+  CreatePost,
+  UpdatePost,
+} from "../types.js";
 import type { PathRegistryService } from "./path-registry.js";
 import { ConflictError } from "../lib/errors.js";
 
@@ -27,11 +35,13 @@ export interface PostDeleteDeps {
 export interface PostFilters {
   format?: Format;
   status?: Status;
-  featured?: boolean;
+  visibility?: Visibility;
   pinned?: boolean;
   collectionId?: number;
   /** Exclude posts that are replies (have threadId set) */
   excludeReplies?: boolean;
+  /** Exclude unlisted posts from results */
+  excludeUnlisted?: boolean;
   includeDeleted?: boolean;
   threadId?: number;
   limit?: number;
@@ -39,14 +49,24 @@ export interface PostFilters {
   offset?: number; // offset for page-based pagination
 }
 
+/** Config for automatic summary extraction */
+export interface SummaryConfig {
+  maxParagraphs: number;
+  maxChars: number;
+}
+
 export interface PostService {
   getById(id: number): 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>;
+  create(data: CreatePost, summaryConfig?: SummaryConfig): Promise<Post>;
+  update(
+    id: number,
+    data: UpdatePost,
+    summaryConfig?: SummaryConfig,
+  ): Promise<Post | null>;
   /**
    * Soft-delete a post and clean up its media (storage files + DB records).
    * Thread roots cascade to all replies.
@@ -56,10 +76,10 @@ export interface PostService {
    */
   delete(id: number, deps?: PostDeleteDeps): Promise<boolean>;
   getThread(rootId: number): Promise<Post[]>;
-  updateThreadStatusAndFeatured(
+  updateThreadStatusAndVisibility(
     rootId: number,
     status: Status,
-    featured: boolean,
+    visibility: Visibility,
   ): Promise<void>;
   /** Get reply counts for multiple posts */
   getReplyCounts(postIds: number[]): Promise<Map<number, number>>;
@@ -70,10 +90,23 @@ export interface PostService {
   ): Promise<Map<number, Post[]>>;
 }
 
-/** Check if an error is a SQLite UNIQUE constraint violation (D1 or better-sqlite3) */
+/** Check if an error (or any of its causes) is a SQLite UNIQUE constraint violation */
 function isUniqueConstraintError(err: unknown): boolean {
-  const msg = String(err);
-  return msg.includes("UNIQUE constraint") || msg.includes("SQLITE_CONSTRAINT");
+  let current: unknown = err;
+  while (current) {
+    const msg = String(current);
+    if (
+      msg.includes("UNIQUE constraint") ||
+      msg.includes("SQLITE_CONSTRAINT")
+    ) {
+      return true;
+    }
+    current =
+      current instanceof Error && current.cause !== current
+        ? current.cause
+        : undefined;
+  }
+  return false;
 }
 
 export function createPostService(
@@ -87,8 +120,11 @@ export function createPostService(
     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.visibility !== undefined) {
+      conditions.push(eq(posts.visibility, filters.visibility));
+    }
+    if (filters.excludeUnlisted) {
+      conditions.push(sql`${posts.visibility} != 'unlisted'`);
     }
     if (filters.pinned !== undefined) {
       conditions.push(eq(posts.pinned, filters.pinned ? 1 : 0));
@@ -120,7 +156,7 @@ export function createPostService(
       id: row.id,
       format: row.format as Format,
       status: row.status as Status,
-      featured: row.featured,
+      visibility: row.visibility as Visibility,
       pinned: row.pinned,
       path: row.path,
       title: row.title,
@@ -128,6 +164,7 @@ export function createPostService(
       body: row.body,
       bodyHtml: row.bodyHtml,
       quoteText: row.quoteText,
+      summary: row.summary,
       rating: row.rating,
       replyToId: row.replyToId,
       threadId: row.threadId,
@@ -190,27 +227,37 @@ export function createPostService(
       return result[0]?.count ?? 0;
     },
 
-    async create(data) {
+    async create(data, summaryConfig) {
       const timestamp = now();
 
-      const bodyHtml = data.body ? renderMarkdown(data.body) : null;
+      const bodyHtml = data.body ? renderTiptapJson(data.body) : null;
+
+      // Generate summary for titled notes with body content
+      let summary: string | null = null;
+      if (data.format === "note" && data.title && data.body && summaryConfig) {
+        summary = extractSummary(
+          data.body,
+          summaryConfig.maxParagraphs,
+          summaryConfig.maxChars,
+        );
+      }
 
       // Handle thread relationship
       let threadId: number | null = null;
       let status: Status = data.status ?? "published";
-      let featured = data.featured ?? false;
+      let visibility: Visibility = data.visibility ?? "listed";
 
       if (data.replyToId) {
         const parent = await this.getById(data.replyToId);
         if (parent) {
           threadId = parent.threadId ?? parent.id;
-          // Inherit status and featured from root
+          // Inherit status and visibility from root
           const root = parent.threadId
             ? await this.getById(parent.threadId)
             : parent;
           if (root) {
             status = root.status as Status;
-            featured = root.featured === 1;
+            visibility = root.visibility as Visibility;
           }
         }
       }
@@ -229,7 +276,7 @@ export function createPostService(
           .values({
             format: data.format,
             status,
-            featured: featured ? 1 : 0,
+            visibility,
             pinned: data.pinned ? 1 : 0,
             path: data.path ?? null,
             title: data.title ?? null,
@@ -237,6 +284,7 @@ export function createPostService(
             body: data.body ?? null,
             bodyHtml,
             quoteText: data.quoteText ?? null,
+            summary,
             rating: data.rating ?? null,
             replyToId: data.replyToId ?? null,
             threadId,
@@ -275,7 +323,7 @@ export function createPostService(
       return post;
     },
 
-    async update(id, data) {
+    async update(id, data, summaryConfig) {
       const existing = await this.getById(id);
       if (!existing) return null;
 
@@ -310,22 +358,38 @@ export function createPostService(
 
       if (data.body !== undefined) {
         updates.body = data.body;
-        updates.bodyHtml = data.body ? renderMarkdown(data.body) : null;
+        updates.bodyHtml = data.body ? renderTiptapJson(data.body) : null;
+      }
+
+      // Recompute summary when body, title, or format change
+      if (summaryConfig) {
+        const format = data.format ?? (existing.format as Format);
+        const title = data.title !== undefined ? data.title : existing.title;
+        const body = data.body !== undefined ? data.body : existing.body;
+        if (format === "note" && title && body) {
+          updates.summary = extractSummary(
+            body,
+            summaryConfig.maxParagraphs,
+            summaryConfig.maxChars,
+          );
+        } else {
+          updates.summary = null;
+        }
       }
 
-      // Handle status/featured change - cascade to thread if this is root
+      // Handle status/visibility change - cascade to thread if this is root
       const statusChanged =
         data.status !== undefined && data.status !== existing.status;
-      const featuredChanged =
-        data.featured !== undefined &&
-        (data.featured ? 1 : 0) !== existing.featured;
+      const visibilityChanged =
+        data.visibility !== undefined &&
+        data.visibility !== existing.visibility;
 
       if (statusChanged) updates.status = data.status;
-      if (featuredChanged) updates.featured = data.featured ? 1 : 0;
+      if (visibilityChanged) updates.visibility = data.visibility;
 
       // Build all write queries for atomic execution via D1 batch
       const needsCascade =
-        (statusChanged || featuredChanged) && !existing.threadId;
+        (statusChanged || visibilityChanged) && !existing.threadId;
       const needsCollectionSync = data.collectionIds !== undefined;
       const hasExtraWrites = needsCascade || needsCollectionSync;
 
@@ -348,13 +412,8 @@ export function createPostService(
             .update(posts)
             .set({
               status: data.status ?? (existing.status as Status),
-              featured: (
-                data.featured !== undefined
-                  ? data.featured
-                  : existing.featured === 1
-              )
-                ? 1
-                : 0,
+              visibility:
+                data.visibility ?? (existing.visibility as Visibility),
               updatedAt: timestamp,
             })
             .where(eq(posts.threadId, id)),
@@ -467,11 +526,11 @@ export function createPostService(
       return rows.map(toPost);
     },
 
-    async updateThreadStatusAndFeatured(rootId, status, featured) {
+    async updateThreadStatusAndVisibility(rootId, status, visibility) {
       const timestamp = now();
       await db
         .update(posts)
-        .set({ status, featured: featured ? 1 : 0, updatedAt: timestamp })
+        .set({ status, visibility, updatedAt: timestamp })
         .where(eq(posts.threadId, rootId));
     },
 

package/src/services/search.ts

@@ -27,7 +27,7 @@ interface RawSearchRow {
   id: number;
   format: string;
   status: string;
-  featured: number;
+  visibility: string;
   pinned: number;
   path: string | null;
   title: string | null;
@@ -35,6 +35,7 @@ interface RawSearchRow {
   body: string | null;
   body_html: string | null;
   quote_text: string | null;
+  summary: string | null;
   rating: number | null;
   collection_id: number | null;
   reply_to_id: number | null;
@@ -97,7 +98,7 @@ export function createSearchService(d1: D1Database): SearchService {
           id: row.id,
           format: row.format as Post["format"],
           status: row.status as Post["status"],
-          featured: row.featured,
+          visibility: row.visibility as Post["visibility"],
           pinned: row.pinned,
           path: row.path,
           title: row.title,
@@ -105,6 +106,7 @@ export function createSearchService(d1: D1Database): SearchService {
           body: row.body,
           bodyHtml: row.body_html,
           quoteText: row.quote_text,
+          summary: row.summary,
           rating: row.rating,
           replyToId: row.reply_to_id,
           threadId: row.thread_id,

package/src/services/settings.ts

@@ -44,6 +44,7 @@ export interface AvatarUploadDeps {
   media: MediaService;
   storage: StorageDriver;
   storageProvider: string;
+  maxFileSizeMB: number;
 }
 
 export interface SettingsService {
@@ -194,7 +195,7 @@ export function createSettingsService(db: Database): SettingsService {
       // Header nav max visible: only update if provided (may be managed separately)
       if (data.headerNavMaxVisible !== undefined) {
         const navMax = parseInt(String(data.headerNavMaxVisible), 10);
-        if (!isNaN(navMax) && navMax !== 3) {
+        if (!isNaN(navMax) && navMax !== 2) {
           await this.set("HEADER_NAV_MAX_VISIBLE", String(navMax));
         } else {
           await this.remove("HEADER_NAV_MAX_VISIBLE");
@@ -215,7 +216,10 @@ export function createSettingsService(db: Database): SettingsService {
     },
 
     async uploadAvatar(data, deps) {
-      const uploadError = validateUploadFile(data.file as unknown as File);
+      const uploadError = validateUploadFile(data.file as unknown as File, {
+        imagesOnly: true,
+        maxFileSizeMB: deps.maxFileSizeMB,
+      });
       if (uploadError) {
         throw new ValidationError(uploadError);
       }

package/src/styles/components.css

@@ -23,16 +23,6 @@ svg[stroke-width].icon-fine {
     padding-left: var(--site-padding);
     padding-right: var(--site-padding);
   }
-
-  .container-sidebar {
-    max-width: calc(
-      var(--sidebar-width) + var(--sidebar-gap) + var(--site-width)
-    );
-    margin-left: auto;
-    margin-right: auto;
-    padding-left: var(--site-padding);
-    padding-right: var(--site-padding);
-  }
 }
 
 /* Toast notifications */
@@ -121,29 +111,50 @@ svg[stroke-width].icon-fine {
     padding-bottom: 12px;
   }
 
-  .dash-header-left {
+  .dash-header-avatar-link {
+    flex-shrink: 0;
+    line-height: 0;
+  }
+
+  .dash-header-avatar {
+    width: 22px;
+    height: 22px;
+    border-radius: 5px;
+  }
+
+  .dash-header-avatar:is(img) {
+    object-fit: cover;
+  }
+
+  .dash-header-avatar-fallback {
     display: flex;
     align-items: center;
-    gap: 6px;
+    justify-content: center;
+    color: white;
+    font-size: 0.625rem;
+    font-weight: 600;
+    line-height: 1;
   }
 
   .dash-header-nav {
     display: flex;
     align-items: center;
-    justify-content: center;
-    gap: 4px;
-    flex: 1;
+    gap: 16px;
   }
 
-  .dash-header-logo {
-    font-size: 1.125rem;
-    font-weight: 800;
-    line-height: 1;
-    color: var(--color-foreground);
+  .dash-header-nav-sep {
+    display: none;
   }
 
-  .dash-header-site-link {
-    @apply flex items-center justify-center;
+  .dash-header-right {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    margin-left: auto;
+  }
+
+  .dash-header-link {
+    font-size: 0.8125rem;
     color: var(--color-muted-foreground);
     transition: color 0.15s;
 
@@ -152,33 +163,41 @@ svg[stroke-width].icon-fine {
     }
   }
 
-  .dash-header-link {
-    position: relative;
+  .dash-header-link-active {
+    color: var(--color-foreground);
+    font-weight: 500;
+  }
+
+  .dash-header-visit {
+    @apply flex items-center gap-3;
     font-size: 0.875rem;
-    padding: 6px 10px;
-    border-radius: var(--radius);
     color: var(--color-muted-foreground);
-    transition:
-      color 0.15s,
-      background-color 0.15s;
+    transition: color 0.15s;
 
     &:hover {
       color: var(--color-foreground);
-      background-color: var(--color-accent);
     }
   }
 
-  .dash-header-link-active {
-    color: var(--color-foreground);
-    font-weight: 600;
-    background-color: var(--color-accent);
+  .dash-header-visit-text {
+    display: none;
+  }
+
+  @media (min-width: 700px) {
+    .dash-header-visit-text {
+      display: inline;
+    }
+
+    .dash-header-visit-icon {
+      display: none;
+    }
   }
 
   .dash-header-menu-btn {
     @apply flex items-center justify-center;
     width: 32px;
     height: 32px;
-    border-radius: 999px;
+    border-radius: var(--radius);
     border: none;
     background: transparent;
     color: var(--color-muted-foreground);
@@ -198,33 +217,194 @@ svg[stroke-width].icon-fine {
   }
 }
 
-/* Sub-navigation — underline style for secondary tabs (Settings, Appearance) */
+/* Breadcrumb — second row below header on settings sub-pages */
+@layer components {
+  .dash-breadcrumb {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding: 8px 0;
+    font-size: 0.8125rem;
+  }
+
+  .dash-breadcrumb-parent {
+    color: var(--color-muted-foreground);
+    transition: color 0.15s;
+
+    &:hover {
+      color: var(--color-foreground);
+    }
+  }
+
+  .dash-breadcrumb-sep {
+    color: var(--color-muted-foreground);
+    opacity: 0.5;
+  }
+
+  .dash-breadcrumb-current {
+    color: var(--color-foreground);
+    font-weight: 500;
+  }
+}
+
+/* Settings root — iOS-style grouped list */
 @layer components {
-  .dash-subnav {
-    @apply flex gap-4 mb-6;
-
-    > a {
-      position: relative;
-      font-size: 0.8125rem;
-      padding-bottom: 8px;
-      color: var(--color-muted-foreground);
-      transition: color 0.15s;
-
-      &:hover {
-        color: var(--color-foreground);
-      }
-
-      &.active {
-        color: var(--color-foreground);
-        font-weight: 500;
-
-        &::after {
-          content: "";
-          @apply absolute inset-x-0 bottom-0 h-0.5 rounded-full;
-          background-color: var(--color-foreground);
-        }
-      }
+  .settings-root {
+    @apply flex flex-col gap-6;
+  }
+
+  .settings-group-label {
+    @apply text-xs font-medium uppercase tracking-wider mb-2 px-1;
+    color: var(--color-muted-foreground);
+  }
+
+  .settings-group {
+    @apply border rounded-xl overflow-hidden;
+    border-radius: var(--dash-card-radius);
+  }
+
+  .settings-item {
+    @apply flex items-center gap-3 px-4 py-3;
+    transition: background-color 0.15s;
+    border-bottom: 1px solid var(--color-border);
+
+    &:last-child {
+      border-bottom: none;
     }
+
+    &:hover {
+      background-color: var(--color-accent);
+    }
+  }
+
+  .settings-item-icon {
+    @apply flex items-center justify-center shrink-0;
+    width: 28px;
+    height: 28px;
+    border-radius: 6px;
+    color: white;
+  }
+
+  .settings-item-text {
+    @apply flex flex-col flex-1 min-w-0;
+  }
+
+  .settings-item-name {
+    @apply text-sm font-medium;
+    color: var(--color-foreground);
+  }
+
+  .settings-item-desc {
+    @apply text-xs;
+    color: var(--color-muted-foreground);
+  }
+
+  .settings-item-chevron {
+    @apply shrink-0;
+    color: var(--color-muted-foreground);
+    opacity: 0.5;
+  }
+}
+
+/* Dashboard scoped font rules */
+@layer components {
+  .dash-heading {
+    font-family: Georgia, "Times New Roman", serif;
+  }
+}
+
+/* Navigation preview — browser-chrome frame for nav preview */
+@layer components {
+  .nav-preview {
+    @apply border rounded-lg overflow-hidden;
+    background-color: var(--color-card);
+  }
+
+  .nav-preview-chrome {
+    @apply flex items-center gap-3 px-4 py-2.5 border-b;
+    background-color: var(--color-muted);
+  }
+
+  .nav-preview-dots {
+    @apply flex gap-1.5;
+
+    > span {
+      @apply block size-2.5 rounded-full;
+      background-color: var(--color-muted-foreground);
+      opacity: 0.3;
+    }
+  }
+
+  .nav-preview-label {
+    @apply text-xs;
+    color: var(--color-muted-foreground);
+  }
+
+  .nav-preview-content {
+    @apply px-5 py-3;
+  }
+}
+
+/* Navigation items list — card-style draggable nav items */
+@layer components {
+  .nav-items-list {
+    @apply flex flex-col gap-2;
+  }
+
+  .nav-item {
+    @apply border rounded-lg transition-shadow;
+
+    &:hover {
+      @apply shadow-xs;
+    }
+  }
+
+  .nav-item-editing {
+    @apply ring-1 ring-ring;
+  }
+
+  .nav-item-row {
+    @apply flex items-center gap-1 px-1 py-1;
+  }
+
+  .nav-item-handle {
+    @apply flex items-center justify-center w-8 h-8 shrink-0 cursor-grab rounded;
+    transition: background-color 0.15s;
+
+    &:hover {
+      background-color: var(--color-accent);
+    }
+
+    &:active {
+      cursor: grabbing;
+    }
+  }
+
+  .nav-item-info {
+    @apply flex flex-col flex-1 min-w-0 py-1.5 px-1.5 rounded cursor-pointer;
+    transition: background-color 0.15s;
+
+    &:hover {
+      background-color: var(--color-accent);
+    }
+  }
+
+  .nav-item-toggle {
+    @apply flex items-center justify-center w-8 h-8 shrink-0 rounded border-0 bg-transparent cursor-pointer;
+    color: var(--color-muted-foreground);
+    transition:
+      color 0.15s,
+      background-color 0.15s;
+
+    &:hover {
+      color: var(--color-foreground);
+      background-color: var(--color-accent);
+    }
+  }
+
+  .nav-item-edit {
+    @apply flex flex-col gap-3 px-4 pb-3 pt-3 border-t mx-1 mb-1;
+    border-color: var(--color-border);
   }
 }