@jant/core 0.3.22 → 0.3.24

package/dist/theme/components/PostForm.js

@@ -3,20 +3,23 @@
  */ import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
 import { useLingui as $_useLingui } from "@jant/core/i18n";
 import { getMediaUrl, getImageUrl, getPublicUrlForProvider } from "../../lib/image.js";
-export const PostForm = ({ post, action, mediaAttachments, r2PublicUrl, imageTransformUrl, s3PublicUrl, collections, postCollectionIds })=>{
+export const PostForm = ({ post, action, mediaAttachments, r2PublicUrl, imageTransformUrl, s3PublicUrl, collections })=>{
     const { i18n: $__i18n, _: $__ } = $_useLingui();
     const isEdit = !!post;
     const existingMediaIds = (mediaAttachments ?? []).map((m)=>m.id);
     const signals = JSON.stringify({
-        type: post?.type ?? "note",
+        format: post?.format ?? "note",
         title: post?.title ?? "",
-        content: post?.content ?? "",
-        sourceUrl: post?.sourceUrl ?? "",
-        sourceName: post?.sourceName ?? "",
-        visibility: post?.visibility ?? "quiet",
-        path: post?.path ?? "",
-        mediaIds: existingMediaIds,
-        collectionIds: postCollectionIds ?? []
+        body: post?.body ?? "",
+        url: post?.url ?? "",
+        quoteText: post?.quoteText ?? "",
+        slug: post?.slug ?? "",
+        status: post?.status ?? "published",
+        featured: post?.featured === 1,
+        pinned: post?.pinned === 1,
+        rating: post?.rating ?? 0,
+        collectionId: post?.collectionId ?? 0,
+        mediaIds: existingMediaIds
     }).replace(/</g, "\\u003c");
     return /*#__PURE__*/ _jsxs("form", {
         "data-signals": signals,
@@ -33,34 +36,26 @@ export const PostForm = ({ post, action, mediaAttachments, r2PublicUrl, imageTra
                     /*#__PURE__*/ _jsx("label", {
                         class: "label",
                         children: $__i18n._({
-                            id: "+zy2Nq",
-                            message: "Type"
+                            id: "kI1qVD",
+                            message: "Format"
                         })
                     }),
                     /*#__PURE__*/ _jsxs("select", {
-                        "data-bind": "type",
+                        "data-bind": "format",
                         class: "select",
                         required: true,
                         children: [
                             /*#__PURE__*/ _jsx("option", {
                                 value: "note",
-                                selected: post?.type === "note",
+                                selected: post?.format === "note" || !post,
                                 children: $__i18n._({
                                     id: "KiJn9B",
                                     message: "Note"
                                 })
                             }),
-                            /*#__PURE__*/ _jsx("option", {
-                                value: "article",
-                                selected: post?.type === "article",
-                                children: $__i18n._({
-                                    id: "f6e0Ry",
-                                    message: "Article"
-                                })
-                            }),
                             /*#__PURE__*/ _jsx("option", {
                                 value: "link",
-                                selected: post?.type === "link",
+                                selected: post?.format === "link",
                                 children: $__i18n._({
                                     id: "yzF66j",
                                     message: "Link"
@@ -68,19 +63,11 @@ export const PostForm = ({ post, action, mediaAttachments, r2PublicUrl, imageTra
                             }),
                             /*#__PURE__*/ _jsx("option", {
                                 value: "quote",
-                                selected: post?.type === "quote",
+                                selected: post?.format === "quote",
                                 children: $__i18n._({
                                     id: "ZhhOwV",
                                     message: "Quote"
                                 })
-                            }),
-                            /*#__PURE__*/ _jsx("option", {
-                                value: "image",
-                                selected: post?.type === "image",
-                                children: $__i18n._({
-                                    id: "hG89Ed",
-                                    message: "Image"
-                                })
                             })
                         ]
                     })
@@ -118,42 +105,73 @@ export const PostForm = ({ post, action, mediaAttachments, r2PublicUrl, imageTra
                         })
                     }),
                     /*#__PURE__*/ _jsx("textarea", {
-                        "data-bind": "content",
+                        "data-bind": "body",
                         class: "textarea min-h-32",
                         placeholder: $__i18n._({
                             id: "7nGhhM",
                             message: "What's on your mind?"
                         }),
-                        required: true,
-                        children: post?.content ?? ""
+                        children: post?.body ?? ""
                     })
                 ]
             }),
             /*#__PURE__*/ _jsxs("div", {
                 class: "field",
-                "data-show": "$type !== 'page'",
                 children: [
                     /*#__PURE__*/ _jsx("label", {
                         class: "label",
                         children: $__i18n._({
-                            id: "xYilR2",
-                            message: "Media"
+                            id: "iDAqU6",
+                            message: "URL (optional)"
                         })
                     }),
-                    /*#__PURE__*/ _jsx("p", {
-                        class: "text-xs text-muted-foreground mb-2",
-                        "data-show": "$type === 'image'",
+                    /*#__PURE__*/ _jsx("input", {
+                        type: "url",
+                        "data-bind": "url",
+                        class: "input",
+                        placeholder: "https://..."
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsxs("div", {
+                class: "field",
+                "data-show": "$format === 'quote'",
+                children: [
+                    /*#__PURE__*/ _jsx("label", {
+                        class: "label",
                         children: $__i18n._({
-                            id: "I8hDlV",
-                            message: "At least 1 image required for image posts."
+                            id: "MLSRl9",
+                            message: "Quote Text"
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx("textarea", {
+                        "data-bind": "quoteText",
+                        class: "textarea",
+                        placeholder: $__i18n._({
+                            id: "QLkhbH",
+                            message: "The text being quoted..."
+                        }),
+                        rows: 3,
+                        children: post?.quoteText ?? ""
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsxs("div", {
+                class: "field",
+                children: [
+                    /*#__PURE__*/ _jsx("label", {
+                        class: "label",
+                        children: $__i18n._({
+                            id: "xYilR2",
+                            message: "Media"
                         })
                     }),
                     mediaAttachments && mediaAttachments.length > 0 && /*#__PURE__*/ _jsx("div", {
                         class: "grid grid-cols-4 sm:grid-cols-6 gap-2 mb-2",
                         children: mediaAttachments.map((m)=>{
                             const pUrl = getPublicUrlForProvider(m.provider, r2PublicUrl, s3PublicUrl);
-                            const url = getMediaUrl(m.id, m.storageKey, pUrl);
-                            const thumbUrl = getImageUrl(url, imageTransformUrl, {
+                            const mUrl = getMediaUrl(m.id, m.storageKey, pUrl);
+                            const thumbUrl = getImageUrl(mUrl, imageTransformUrl, {
                                 width: 150,
                                 quality: 80,
                                 format: "auto",
@@ -200,80 +218,25 @@ export const PostForm = ({ post, action, mediaAttachments, r2PublicUrl, imageTra
                     /*#__PURE__*/ _jsx("label", {
                         class: "label",
                         children: $__i18n._({
-                            id: "qMyM2u",
-                            message: "Source URL (optional)"
-                        })
-                    }),
-                    /*#__PURE__*/ _jsx("input", {
-                        type: "url",
-                        "data-bind": "sourceUrl",
-                        class: "input",
-                        placeholder: "https://..."
-                    })
-                ]
-            }),
-            /*#__PURE__*/ _jsxs("div", {
-                class: "field",
-                children: [
-                    /*#__PURE__*/ _jsx("label", {
-                        class: "label",
-                        children: $__i18n._({
-                            id: "oJFOZk",
-                            message: "Source Name (optional)"
-                        })
-                    }),
-                    /*#__PURE__*/ _jsx("input", {
-                        type: "text",
-                        "data-bind": "sourceName",
-                        class: "input",
-                        placeholder: $__i18n._({
-                            id: "1o+wgo",
-                            message: "e.g. The Verge, John Doe"
-                        })
-                    })
-                ]
-            }),
-            /*#__PURE__*/ _jsxs("div", {
-                class: "field",
-                children: [
-                    /*#__PURE__*/ _jsx("label", {
-                        class: "label",
-                        children: $__i18n._({
-                            id: "2q/Q7x",
-                            message: "Visibility"
+                            id: "uAQUqI",
+                            message: "Status"
                         })
                     }),
                     /*#__PURE__*/ _jsxs("select", {
-                        "data-bind": "visibility",
+                        "data-bind": "status",
                         class: "select",
                         children: [
                             /*#__PURE__*/ _jsx("option", {
-                                value: "quiet",
-                                selected: post?.visibility === "quiet" || !post,
-                                children: $__i18n._({
-                                    id: "HiETwV",
-                                    message: "Quiet (normal)"
-                                })
-                            }),
-                            /*#__PURE__*/ _jsx("option", {
-                                value: "featured",
-                                selected: post?.visibility === "featured",
-                                children: $__i18n._({
-                                    id: "FkMol5",
-                                    message: "Featured"
-                                })
-                            }),
-                            /*#__PURE__*/ _jsx("option", {
-                                value: "unlisted",
-                                selected: post?.visibility === "unlisted",
+                                value: "published",
+                                selected: post?.status === "published" || !post,
                                 children: $__i18n._({
-                                    id: "WDcQq9",
-                                    message: "Unlisted"
+                                    id: "u3wRF+",
+                                    message: "Published"
                                 })
                             }),
                             /*#__PURE__*/ _jsx("option", {
                                 value: "draft",
-                                selected: post?.visibility === "draft",
+                                selected: post?.status === "draft",
                                 children: $__i18n._({
                                     id: "eneWvv",
                                     message: "Draft"
@@ -283,30 +246,66 @@ export const PostForm = ({ post, action, mediaAttachments, r2PublicUrl, imageTra
                     })
                 ]
             }),
-            collections && collections.length > 0 && /*#__PURE__*/ _jsxs("fieldset", {
+            /*#__PURE__*/ _jsxs("div", {
+                class: "flex gap-4",
+                children: [
+                    /*#__PURE__*/ _jsxs("label", {
+                        class: "flex items-center gap-2 text-sm",
+                        children: [
+                            /*#__PURE__*/ _jsx("input", {
+                                type: "checkbox",
+                                class: "checkbox",
+                                "data-bind": "featured"
+                            }),
+                            $__i18n._({
+                                id: "FkMol5",
+                                message: "Featured"
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs("label", {
+                        class: "flex items-center gap-2 text-sm",
+                        children: [
+                            /*#__PURE__*/ _jsx("input", {
+                                type: "checkbox",
+                                class: "checkbox",
+                                "data-bind": "pinned"
+                            }),
+                            $__i18n._({
+                                id: "kNiQp6",
+                                message: "Pinned"
+                            })
+                        ]
+                    })
+                ]
+            }),
+            collections && collections.length > 0 && /*#__PURE__*/ _jsxs("div", {
                 class: "field",
                 children: [
-                    /*#__PURE__*/ _jsx("legend", {
+                    /*#__PURE__*/ _jsx("label", {
                         class: "label",
                         children: $__i18n._({
-                            id: "MWBOxm",
-                            message: "Collections (optional)"
+                            id: "mnkknn",
+                            message: "Collection (optional)"
                         })
                     }),
-                    /*#__PURE__*/ _jsx("div", {
-                        class: "flex flex-col gap-1",
-                        children: collections.map((col)=>/*#__PURE__*/ _jsxs("label", {
-                                class: "flex items-center gap-2 text-sm",
-                                children: [
-                                    /*#__PURE__*/ _jsx("input", {
-                                        type: "checkbox",
-                                        class: "checkbox",
-                                        "data-attr:checked": `$collectionIds.includes(${col.id})`,
-                                        "data-on:change": `$collectionIds.includes(${col.id}) ? $collectionIds = $collectionIds.filter(id => id !== ${col.id}) : $collectionIds = [...$collectionIds, ${col.id}]`
-                                    }),
-                                    col.title
-                                ]
-                            }, col.id))
+                    /*#__PURE__*/ _jsxs("select", {
+                        "data-bind": "collectionId",
+                        class: "select",
+                        children: [
+                            /*#__PURE__*/ _jsx("option", {
+                                value: "0",
+                                children: $__i18n._({
+                                    id: "EdQY6l",
+                                    message: "None"
+                                })
+                            }),
+                            collections.map((col)=>/*#__PURE__*/ _jsx("option", {
+                                    value: col.id,
+                                    selected: post?.collectionId === col.id,
+                                    children: col.title
+                                }, col.id))
+                        ]
                     })
                 ]
             }),
@@ -316,15 +315,23 @@ export const PostForm = ({ post, action, mediaAttachments, r2PublicUrl, imageTra
                     /*#__PURE__*/ _jsx("label", {
                         class: "label",
                         children: $__i18n._({
-                            id: "40TVQj",
-                            message: "Custom Path (optional)"
+                            id: "quFPTj",
+                            message: "Custom Slug (optional)"
                         })
                     }),
                     /*#__PURE__*/ _jsx("input", {
                         type: "text",
-                        "data-bind": "path",
+                        "data-bind": "slug",
                         class: "input",
-                        placeholder: "my-custom-url"
+                        placeholder: "my-custom-url",
+                        pattern: "[a-z0-9-]*"
+                    }),
+                    /*#__PURE__*/ _jsx("p", {
+                        class: "text-xs text-muted-foreground mt-1",
+                        children: $__i18n._({
+                            id: "iBc+/N",
+                            message: "Custom URL path. Leave empty to use default /p/ID format."
+                        })
                     })
                 ]
             }),

package/dist/theme/components/PostList.js

@@ -26,14 +26,16 @@ export const PostList = ({ posts })=>{
     }
     return /*#__PURE__*/ _jsx("div", {
         class: "flex flex-col divide-y",
-        children: posts.map((post)=>/*#__PURE__*/ _jsxs(ListItemRow, {
+        children: posts.map((post)=>{
+            const permalink = post.slug ? `/${post.slug}` : `/p/${sqid.encode(post.id)}`;
+            return /*#__PURE__*/ _jsxs(ListItemRow, {
                 actions: /*#__PURE__*/ _jsx(ActionButtons, {
                     editHref: `/dash/posts/${sqid.encode(post.id)}/edit`,
                     editLabel: $__i18n._({
                         id: "ePK91l",
                         message: "Edit"
                     }),
-                    viewHref: `/p/${sqid.encode(post.id)}`,
+                    viewHref: permalink,
                     viewLabel: $__i18n._({
                         id: "jpctdh",
                         message: "View"
@@ -49,10 +51,12 @@ export const PostList = ({ posts })=>{
                         class: "flex items-center gap-2 mb-1",
                         children: [
                             /*#__PURE__*/ _jsx(TypeBadge, {
-                                type: post.type
+                                type: post.format
                             }),
                             /*#__PURE__*/ _jsx(VisibilityBadge, {
-                                visibility: post.visibility
+                                status: post.status,
+                                featured: post.featured === 1,
+                                pinned: post.pinned === 1
                             }),
                             /*#__PURE__*/ _jsx("span", {
                                 class: "text-xs text-muted-foreground",
@@ -63,16 +67,17 @@ export const PostList = ({ posts })=>{
                     /*#__PURE__*/ _jsx("a", {
                         href: `/dash/posts/${sqid.encode(post.id)}`,
                         class: "font-medium hover:underline",
-                        children: post.title || post.content?.slice(0, 60) || $__i18n._({
+                        children: post.title || post.body?.slice(0, 60) || $__i18n._({
                             id: "wja8aL",
                             message: "Untitled"
                         })
                     }),
-                    post.content && !post.title && /*#__PURE__*/ _jsx("p", {
+                    post.body && !post.title && /*#__PURE__*/ _jsx("p", {
                         class: "text-sm text-muted-foreground mt-1 line-clamp-2",
-                        children: post.content.slice(0, 120)
+                        children: post.body.slice(0, 120)
                     })
                 ]
-            }, post.id))
+            }, post.id);
+        })
     });
 };

package/dist/theme/components/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: `/p/${sqid.encode(post.id)}`,
+                    href: `${post.slug ? `/${post.slug}` : `/p/${sqid.encode(post.id)}`}`,
                     class: "u-url hover:underline",
                     children: post.title
                 })
@@ -23,7 +23,7 @@ const ThreadPost = ({ post, isCurrent, isRoot })=>{
             /*#__PURE__*/ _jsx("div", {
                 class: "e-content prose prose-sm",
                 dangerouslySetInnerHTML: {
-                    __html: post.contentHtml || ""
+                    __html: post.bodyHtml || ""
                 }
             }),
             /*#__PURE__*/ _jsxs("footer", {
@@ -42,7 +42,7 @@ const ThreadPost = ({ post, isCurrent, isRoot })=>{
                         })
                     }),
                     !isCurrent && /*#__PURE__*/ _jsx("a", {
-                        href: `/p/${sqid.encode(post.id)}`,
+                        href: `${post.slug ? `/${post.slug}` : `/p/${sqid.encode(post.id)}`}`,
                         class: "text-xs hover:underline",
                         children: $__i18n._({
                             id: "D9Oea+",

package/dist/theme/components/TypeBadge.js

@@ -1,7 +1,8 @@
 /**
- * Type Badge Component
+ * Format Badge Component
  *
- * Displays a badge indicating the type of a post (note, article, link, etc.)
+ * Displays a badge indicating the format of a post (note, link, quote).
+ * Named TypeBadge for backward compatibility with theme overrides.
  */ import { jsx as _jsx } from "hono/jsx/jsx-runtime";
 import { useLingui as $_useLingui } from "@jant/core/i18n";
 export const TypeBadge = ({ type })=>{
@@ -11,10 +12,6 @@ export const TypeBadge = ({ type })=>{
             id: "KiJn9B",
             message: "Note"
         }),
-        article: $__i18n._({
-            id: "f6e0Ry",
-            message: "Article"
-        }),
         link: $__i18n._({
             id: "yzF66j",
             message: "Link"
@@ -22,14 +19,6 @@ export const TypeBadge = ({ type })=>{
         quote: $__i18n._({
             id: "ZhhOwV",
             message: "Quote"
-        }),
-        image: $__i18n._({
-            id: "hG89Ed",
-            message: "Image"
-        }),
-        page: $__i18n._({
-            id: "6WdDG7",
-            message: "Page"
         })
     };
     return /*#__PURE__*/ _jsx("span", {

package/dist/theme/components/VisibilityBadge.js

@@ -1,37 +1,47 @@
 /**
- * Visibility Badge Component
+ * Status Badge Component
  *
- * Displays a badge indicating the visibility level of a post
- */ import { jsx as _jsx } from "hono/jsx/jsx-runtime";
+ * Displays badges for post status, featured, and pinned state.
+ * Named VisibilityBadge for backward compatibility with theme overrides.
+ */ import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
 import { useLingui as $_useLingui } from "@jant/core/i18n";
-export const VisibilityBadge = ({ visibility })=>{
+export const VisibilityBadge = ({ status, featured, pinned })=>{
     const { i18n: $__i18n, _: $__ } = $_useLingui();
-    const variants = {
-        featured: "badge-primary",
-        quiet: "badge-secondary",
-        unlisted: "badge-outline",
+    const statusVariants = {
+        published: "badge-secondary",
         draft: "badge-outline"
     };
-    const labels = {
-        featured: $__i18n._({
-            id: "FkMol5",
-            message: "Featured"
-        }),
-        quiet: $__i18n._({
-            id: "r1MpXi",
-            message: "Quiet"
-        }),
-        unlisted: $__i18n._({
-            id: "WDcQq9",
-            message: "Unlisted"
+    const statusLabels = {
+        published: $__i18n._({
+            id: "u3wRF+",
+            message: "Published"
         }),
         draft: $__i18n._({
             id: "eneWvv",
             message: "Draft"
         })
     };
-    return /*#__PURE__*/ _jsx("span", {
-        class: variants[visibility],
-        children: labels[visibility]
+    return /*#__PURE__*/ _jsxs("span", {
+        class: "flex items-center gap-1",
+        children: [
+            /*#__PURE__*/ _jsx("span", {
+                class: statusVariants[status],
+                children: statusLabels[status]
+            }),
+            featured && /*#__PURE__*/ _jsx("span", {
+                class: "badge-primary",
+                children: $__i18n._({
+                    id: "FkMol5",
+                    message: "Featured"
+                })
+            }),
+            pinned && /*#__PURE__*/ _jsx("span", {
+                class: "badge-outline",
+                children: $__i18n._({
+                    id: "kNiQp6",
+                    message: "Pinned"
+                })
+            })
+        ]
     });
 };

package/dist/theme/components/index.js

@@ -11,5 +11,3 @@ export { PostList } from "./PostList.js";
 export { ThreadView } from "./ThreadView.js";
 export { TypeBadge } from "./TypeBadge.js";
 export { VisibilityBadge } from "./VisibilityBadge.js";
-// Timeline components
-export { NoteCard, ArticleCard, LinkCard, QuoteCard, ImageCard, ThreadPreview, TimelineItem, TimelineItemFromPost, TimelineFeed } from "./timeline/index.js";

package/dist/theme/index.js

@@ -1,24 +1,18 @@
 /**
- * Jant Theme Components
+ * Jant Theme - Shared Infrastructure
  *
- * These components can be imported for wrapping/extending:
+ * Exports shared layouts, components, and color themes used by all themes.
+ * Individual theme packages (minimal, card, etc.) import from here.
  *
  * @example
  * ```typescript
- * import { PostPage } from "@jant/core/theme";
- * import type { PostPageProps } from "@jant/core";
- *
- * export function MyPostPage(props: PostPageProps) {
- *   return (
- *     <div class="my-wrapper">
- *       <PostPage {...props} />
- *     </div>
- *   );
- * }
+ * // In a theme package:
+ * import { MediaGallery, Pagination } from "@jant/core/theme";
+ * import type { ColorTheme } from "@jant/core/theme";
  * ```
- */ // Layout components
+ */ // Layout components (BaseLayout, DashLayout)
 export * from "./layouts/index.js";
-// UI components
+// Shared UI components (MediaGallery, Pagination, EmptyState, etc.)
 export * from "./components/index.js";
-// Page components
-export * from "./pages/index.js";
+// Color themes
+export * from "./color-themes.js";

package/dist/theme/layouts/index.js

@@ -1,3 +1,2 @@
 export { BaseLayout } from "./BaseLayout.js";
 export { DashLayout } from "./DashLayout.js";
-export { SiteLayout } from "./SiteLayout.js";