@jant/core 0.3.23 → 0.3.25

package/dist/{theme/components → ui/dash}/PostForm.js

@@ -3,20 +3,22 @@
  */ 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 ?? "",
+        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 +35,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 +62,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 +104,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: "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: "I8hDlV",
-                            message: "At least 1 image required for image posts."
+                            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 +217,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,
+                                value: "published",
+                                selected: post?.status === "published" || !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",
-                                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,48 +245,66 @@ export const PostForm = ({ post, action, mediaAttachments, r2PublicUrl, imageTra
                     })
                 ]
             }),
-            collections && collections.length > 0 && /*#__PURE__*/ _jsxs("fieldset", {
-                class: "field",
+            /*#__PURE__*/ _jsxs("div", {
+                class: "flex gap-4",
                 children: [
-                    /*#__PURE__*/ _jsx("legend", {
-                        class: "label",
-                        children: $__i18n._({
-                            id: "MWBOxm",
-                            message: "Collections (optional)"
-                        })
+                    /*#__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__*/ _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("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"
+                            })
+                        ]
                     })
                 ]
             }),
-            /*#__PURE__*/ _jsxs("div", {
+            collections && collections.length > 0 && /*#__PURE__*/ _jsxs("div", {
                 class: "field",
                 children: [
                     /*#__PURE__*/ _jsx("label", {
                         class: "label",
                         children: $__i18n._({
-                            id: "40TVQj",
-                            message: "Custom Path (optional)"
+                            id: "mnkknn",
+                            message: "Collection (optional)"
                         })
                     }),
-                    /*#__PURE__*/ _jsx("input", {
-                        type: "text",
-                        "data-bind": "path",
-                        class: "input",
-                        placeholder: "my-custom-url"
+                    /*#__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))
+                        ]
                     })
                 ]
             }),

package/dist/{theme/components → ui/dash}/PostList.js

@@ -4,9 +4,9 @@
 import { useLingui as $_useLingui } from "@jant/core/i18n";
 import * as sqid from "../../lib/sqid.js";
 import * as time from "../../lib/time.js";
-import { VisibilityBadge } from "./VisibilityBadge.js";
-import { TypeBadge } from "./TypeBadge.js";
-import { EmptyState } from "./EmptyState.js";
+import { StatusBadge } from "./StatusBadge.js";
+import { FormatBadge } from "./FormatBadge.js";
+import { EmptyState } from "../shared/EmptyState.js";
 import { ListItemRow } from "./ListItemRow.js";
 import { ActionButtons } from "./ActionButtons.js";
 export const PostList = ({ posts })=>{
@@ -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.path ? `/${post.path}` : `/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"
@@ -48,11 +50,13 @@ export const PostList = ({ posts })=>{
                     /*#__PURE__*/ _jsxs("div", {
                         class: "flex items-center gap-2 mb-1",
                         children: [
-                            /*#__PURE__*/ _jsx(TypeBadge, {
-                                type: post.type
+                            /*#__PURE__*/ _jsx(FormatBadge, {
+                                type: post.format
                             }),
-                            /*#__PURE__*/ _jsx(VisibilityBadge, {
-                                visibility: post.visibility
+                            /*#__PURE__*/ _jsx(StatusBadge, {
+                                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/ui/dash/StatusBadge.js

@@ -0,0 +1,46 @@
+/**
+ * Status Badge Component
+ *
+ * Displays badges for post status, featured, and pinned state.
+ */ import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
+import { useLingui as $_useLingui } from "@jant/core/i18n";
+export const StatusBadge = ({ status, featured, pinned })=>{
+    const { i18n: $__i18n, _: $__ } = $_useLingui();
+    const statusVariants = {
+        published: "badge-secondary",
+        draft: "badge-outline"
+    };
+    const statusLabels = {
+        published: $__i18n._({
+            id: "u3wRF+",
+            message: "Published"
+        }),
+        draft: $__i18n._({
+            id: "eneWvv",
+            message: "Draft"
+        })
+    };
+    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 → ui/dash}/index.js

@@ -1,13 +1,10 @@
 export { ActionButtons } from "./ActionButtons.js";
 export { CrudPageHeader } from "./CrudPageHeader.js";
 export { DangerZone } from "./DangerZone.js";
-export { EmptyState } from "./EmptyState.js";
+export { EmptyState } from "../shared/EmptyState.js";
+export { FormatBadge } from "./FormatBadge.js";
 export { ListItemRow } from "./ListItemRow.js";
-export { MediaGallery } from "./MediaGallery.js";
 export { PageForm } from "./PageForm.js";
-export { Pagination, LoadMore, PagePagination } from "./Pagination.js";
 export { PostForm } from "./PostForm.js";
 export { PostList } from "./PostList.js";
-export { ThreadView } from "./ThreadView.js";
-export { TypeBadge } from "./TypeBadge.js";
-export { VisibilityBadge } from "./VisibilityBadge.js";
+export { StatusBadge } from "./StatusBadge.js";

package/dist/ui/feed/LinkCard.js

@@ -0,0 +1,72 @@
+/**
+ * Link Card
+ *
+ * Compact link preview box — date is shown at the feed level as a group header.
+ */ import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
+export const LinkCard = ({ post, compact })=>{
+    // Extract domain from URL for display
+    let domain;
+    if (post.url) {
+        try {
+            domain = new URL(post.url).hostname.replace(/^www\./, "");
+        } catch  {
+        // Invalid URL, skip domain display
+        }
+    }
+    return /*#__PURE__*/ _jsxs("article", {
+        class: `h-entry${compact ? " feed-compact" : ""}`,
+        "data-post": true,
+        "data-format": "link",
+        children: [
+            domain && /*#__PURE__*/ _jsxs("div", {
+                class: "text-xs text-muted-foreground mb-1 flex items-center gap-1",
+                children: [
+                    /*#__PURE__*/ _jsx("svg", {
+                        class: "size-3",
+                        xmlns: "http://www.w3.org/2000/svg",
+                        fill: "none",
+                        viewBox: "0 0 24 24",
+                        "stroke-width": "2",
+                        stroke: "currentColor",
+                        children: /*#__PURE__*/ _jsx("path", {
+                            d: "M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25"
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx("span", {
+                        children: domain
+                    })
+                ]
+            }),
+            post.title && /*#__PURE__*/ _jsx("h2", {
+                class: `p-name font-semibold ${compact ? "text-sm" : "text-base"} mb-1`,
+                children: /*#__PURE__*/ _jsx("a", {
+                    href: post.url || post.permalink,
+                    class: "u-url hover:underline",
+                    target: post.url ? "_blank" : undefined,
+                    rel: post.url ? "noopener noreferrer" : undefined,
+                    children: post.title
+                })
+            }),
+            !compact && post.bodyHtml && /*#__PURE__*/ _jsx("div", {
+                class: "e-content prose text-muted-foreground",
+                "data-post-body": true,
+                dangerouslySetInnerHTML: {
+                    __html: post.bodyHtml
+                }
+            }),
+            /*#__PURE__*/ _jsx("footer", {
+                class: "mt-2 text-xs text-muted-foreground",
+                "data-post-meta": true,
+                children: /*#__PURE__*/ _jsx("a", {
+                    href: post.permalink,
+                    class: "hover:underline",
+                    children: /*#__PURE__*/ _jsx("time", {
+                        class: "dt-published",
+                        datetime: post.publishedAt,
+                        children: post.publishedAtFormatted
+                    })
+                })
+            })
+        ]
+    });
+};

package/dist/ui/feed/NoteCard.js

@@ -0,0 +1,58 @@
+/**
+ * Note Card
+ *
+ * Without title: plain text note with full date in footer.
+ * With title: article-style rendering with summary excerpt and "Read more" link.
+ */ import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
+import { MediaGallery } from "../shared/MediaGallery.js";
+export const NoteCard = ({ post, compact })=>{
+    const isArticle = !!post.title;
+    const displayHtml = isArticle ? post.summaryHtml : post.bodyHtml;
+    return /*#__PURE__*/ _jsxs("article", {
+        class: `h-entry${compact ? " feed-compact" : ""}`,
+        "data-post": true,
+        "data-format": "note",
+        children: [
+            isArticle && /*#__PURE__*/ _jsx("h2", {
+                class: `p-name font-semibold ${compact ? "text-sm" : "text-base"} mb-1`,
+                children: /*#__PURE__*/ _jsx("a", {
+                    href: post.permalink,
+                    class: "u-url hover:underline",
+                    children: post.title
+                })
+            }),
+            displayHtml && /*#__PURE__*/ _jsx("div", {
+                class: `e-content prose ${compact ? "prose-sm" : isArticle ? "text-muted-foreground" : ""}`,
+                "data-post-body": true,
+                dangerouslySetInnerHTML: {
+                    __html: displayHtml
+                }
+            }),
+            !compact && post.media.length > 0 && /*#__PURE__*/ _jsx("div", {
+                class: "mt-3",
+                "data-post-media": true,
+                children: /*#__PURE__*/ _jsx(MediaGallery, {
+                    attachments: post.media
+                })
+            }),
+            !compact && isArticle && post.summaryHasMore && /*#__PURE__*/ _jsx("a", {
+                href: post.permalink,
+                class: "text-sm text-muted-foreground hover:underline mt-1 inline-block",
+                children: "Read more →"
+            }),
+            /*#__PURE__*/ _jsx("footer", {
+                class: "mt-2",
+                "data-post-meta": true,
+                children: /*#__PURE__*/ _jsx("a", {
+                    href: post.permalink,
+                    class: "u-url text-xs text-muted-foreground hover:underline",
+                    children: /*#__PURE__*/ _jsx("time", {
+                        class: "dt-published",
+                        datetime: post.publishedAt,
+                        children: post.publishedAtFormatted
+                    })
+                })
+            })
+        ]
+    });
+};