@jant/core 0.3.25 → 0.3.26

package/dist/ui/compose/ComposeDialog.js

@@ -362,40 +362,55 @@ export const ComposeDialog = ({ collections })=>{
                                                 /*#__PURE__*/ _jsxs("button", {
                                                     type: "button",
                                                     class: "btn-outline text-sm",
-                                                    "data-attr-disabled": "$_composeLoading",
+                                                    "data-attr:disabled": "$_composeLoading",
                                                     "data-on:click": "$status = 'draft'; document.querySelector('#compose-dialog form').requestSubmit()",
                                                     children: [
-                                                        /*#__PURE__*/ _jsx("span", {
-                                                            "data-show": "!$_composeLoading",
-                                                            children: $__i18n._({
-                                                                id: "eneWvv",
-                                                                message: "Draft"
+                                                        /*#__PURE__*/ _jsx("svg", {
+                                                            "data-show": "$_composeLoading",
+                                                            style: "display:none",
+                                                            class: "animate-spin size-4",
+                                                            xmlns: "http://www.w3.org/2000/svg",
+                                                            viewBox: "0 0 24 24",
+                                                            fill: "none",
+                                                            stroke: "currentColor",
+                                                            "stroke-width": "2",
+                                                            "stroke-linecap": "round",
+                                                            "stroke-linejoin": "round",
+                                                            role: "status",
+                                                            children: /*#__PURE__*/ _jsx("path", {
+                                                                d: "M21 12a9 9 0 1 1-6.219-8.56"
                                                             })
                                                         }),
-                                                        /*#__PURE__*/ _jsx("span", {
-                                                            "data-show": "$_composeLoading",
-                                                            children: "..."
+                                                        $__i18n._({
+                                                            id: "eneWvv",
+                                                            message: "Draft"
                                                         })
                                                     ]
                                                 }),
                                                 /*#__PURE__*/ _jsxs("button", {
                                                     type: "submit",
                                                     class: "btn text-sm",
-                                                    "data-attr-disabled": "$_composeLoading",
+                                                    "data-attr:disabled": "$_composeLoading",
                                                     children: [
-                                                        /*#__PURE__*/ _jsx("span", {
-                                                            "data-show": "!$_composeLoading",
-                                                            children: $__i18n._({
-                                                                id: "y28hnO",
-                                                                message: "Post"
-                                                            })
-                                                        }),
-                                                        /*#__PURE__*/ _jsx("span", {
+                                                        /*#__PURE__*/ _jsx("svg", {
                                                             "data-show": "$_composeLoading",
-                                                            children: $__i18n._({
-                                                                id: "iPHeYN",
-                                                                message: "Posting..."
+                                                            style: "display:none",
+                                                            class: "animate-spin size-4",
+                                                            xmlns: "http://www.w3.org/2000/svg",
+                                                            viewBox: "0 0 24 24",
+                                                            fill: "none",
+                                                            stroke: "currentColor",
+                                                            "stroke-width": "2",
+                                                            "stroke-linecap": "round",
+                                                            "stroke-linejoin": "round",
+                                                            role: "status",
+                                                            children: /*#__PURE__*/ _jsx("path", {
+                                                                d: "M21 12a9 9 0 1 1-6.219-8.56"
                                                             })
+                                                        }),
+                                                        $__i18n._({
+                                                            id: "y28hnO",
+                                                            message: "Post"
                                                         })
                                                     ]
                                                 })

package/dist/ui/dash/PageForm.js

@@ -153,24 +153,30 @@ export const PageForm = ({ page, action, cancelUrl = "/dash/pages" })=>{
                     /*#__PURE__*/ _jsxs("button", {
                         type: "submit",
                         class: "btn",
-                        "data-attr-disabled": "$_loading",
+                        "data-attr:disabled": "$_loading",
                         children: [
-                            /*#__PURE__*/ _jsx("span", {
-                                "data-show": "!$_loading",
-                                children: isEdit ? $__i18n._({
-                                    id: "oYPBa0",
-                                    message: "Update Page"
-                                }) : $__i18n._({
-                                    id: "Y+7JGK",
-                                    message: "Create Page"
-                                })
-                            }),
-                            /*#__PURE__*/ _jsx("span", {
+                            /*#__PURE__*/ _jsx("svg", {
                                 "data-show": "$_loading",
-                                children: $__i18n._({
-                                    id: "k1ifdL",
-                                    message: "Processing..."
+                                style: "display:none",
+                                class: "animate-spin size-4",
+                                xmlns: "http://www.w3.org/2000/svg",
+                                viewBox: "0 0 24 24",
+                                fill: "none",
+                                stroke: "currentColor",
+                                "stroke-width": "2",
+                                "stroke-linecap": "round",
+                                "stroke-linejoin": "round",
+                                role: "status",
+                                children: /*#__PURE__*/ _jsx("path", {
+                                    d: "M21 12a9 9 0 1 1-6.219-8.56"
                                 })
+                            }),
+                            isEdit ? $__i18n._({
+                                id: "oYPBa0",
+                                message: "Update Page"
+                            }) : $__i18n._({
+                                id: "Y+7JGK",
+                                message: "Create Page"
                             })
                         ]
                     }),

package/dist/ui/dash/PostForm.js

@@ -169,7 +169,7 @@ export const PostForm = ({ post, action, mediaAttachments, r2PublicUrl, imageTra
                         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 mUrl = getMediaUrl(m.id, m.storageKey, pUrl);
+                            const mUrl = getMediaUrl(m.storageKey, pUrl);
                             const thumbUrl = getImageUrl(mUrl, imageTransformUrl, {
                                 width: 150,
                                 quality: 80,
@@ -314,24 +314,30 @@ export const PostForm = ({ post, action, mediaAttachments, r2PublicUrl, imageTra
                     /*#__PURE__*/ _jsxs("button", {
                         type: "submit",
                         class: "btn",
-                        "data-attr-disabled": "$_loading",
+                        "data-attr:disabled": "$_loading",
                         children: [
-                            /*#__PURE__*/ _jsx("span", {
-                                "data-show": "!$_loading",
-                                children: isEdit ? $__i18n._({
-                                    id: "EkH9pt",
-                                    message: "Update"
-                                }) : $__i18n._({
-                                    id: "EEYbdt",
-                                    message: "Publish"
-                                })
-                            }),
-                            /*#__PURE__*/ _jsx("span", {
+                            /*#__PURE__*/ _jsx("svg", {
                                 "data-show": "$_loading",
-                                children: $__i18n._({
-                                    id: "k1ifdL",
-                                    message: "Processing..."
+                                style: "display:none",
+                                class: "animate-spin size-4",
+                                xmlns: "http://www.w3.org/2000/svg",
+                                viewBox: "0 0 24 24",
+                                fill: "none",
+                                stroke: "currentColor",
+                                "stroke-width": "2",
+                                "stroke-linecap": "round",
+                                "stroke-linejoin": "round",
+                                role: "status",
+                                children: /*#__PURE__*/ _jsx("path", {
+                                    d: "M21 12a9 9 0 1 1-6.219-8.56"
                                 })
+                            }),
+                            isEdit ? $__i18n._({
+                                id: "EkH9pt",
+                                message: "Update"
+                            }) : $__i18n._({
+                                id: "EEYbdt",
+                                message: "Publish"
                             })
                         ]
                     }),

package/dist/ui/dash/collections/CollectionForm.js

@@ -0,0 +1,152 @@
+/**
+ * Shared collection form (new + edit)
+ */ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "hono/jsx/jsx-runtime";
+import { useLingui as $_useLingui } from "@jant/core/i18n";
+export function CollectionForm({ collection, isEdit }) {
+    const { i18n: $__i18n, _: $__ } = $_useLingui();
+    const signals = JSON.stringify({
+        title: collection?.title ?? "",
+        slug: collection?.slug ?? "",
+        description: collection?.description ?? ""
+    }).replace(/</g, "\\u003c");
+    const action = isEdit ? `/dash/collections/${collection?.id}` : "/dash/collections";
+    const heading = isEdit ? $__i18n._({
+        id: "/0D1Xp",
+        message: "Edit Collection"
+    }) : $__i18n._({
+        id: "vzU4k9",
+        message: "New Collection"
+    });
+    const submitLabel = isEdit ? $__i18n._({
+        id: "7Mk+/h",
+        message: "Update Collection"
+    }) : $__i18n._({
+        id: "Pbm2/N",
+        message: "Create Collection"
+    });
+    const cancelHref = isEdit ? `/dash/collections/${collection?.id}` : "/dash/collections";
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx("h1", {
+                class: "text-2xl font-semibold mb-6",
+                children: heading
+            }),
+            /*#__PURE__*/ _jsxs("form", {
+                "data-signals": signals,
+                "data-on:submit__prevent": `@post('${action}')`,
+                "data-indicator": "_loading",
+                class: "flex flex-col gap-4 max-w-lg",
+                children: [
+                    /*#__PURE__*/ _jsxs("div", {
+                        class: "field",
+                        children: [
+                            /*#__PURE__*/ _jsx("label", {
+                                class: "label",
+                                children: $__i18n._({
+                                    id: "MHrjPM",
+                                    message: "Title"
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx("input", {
+                                type: "text",
+                                "data-bind": "title",
+                                class: "input",
+                                required: true,
+                                placeholder: isEdit ? undefined : $__i18n._({
+                                    id: "fttd2R",
+                                    message: "My Collection"
+                                })
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        class: "field",
+                        children: [
+                            /*#__PURE__*/ _jsx("label", {
+                                class: "label",
+                                children: $__i18n._({
+                                    id: "L85WcV",
+                                    message: "Slug"
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx("input", {
+                                type: "text",
+                                "data-bind": "slug",
+                                class: "input",
+                                required: true,
+                                pattern: "[a-z0-9-]+",
+                                placeholder: isEdit ? undefined : "my-collection"
+                            }),
+                            !isEdit && /*#__PURE__*/ _jsx("p", {
+                                class: "text-xs text-muted-foreground mt-1",
+                                children: $__i18n._({
+                                    id: "1CU1Td",
+                                    message: "URL-safe identifier (lowercase, numbers, hyphens)"
+                                })
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        class: "field",
+                        children: [
+                            /*#__PURE__*/ _jsx("label", {
+                                class: "label",
+                                children: $__i18n._({
+                                    id: "Fxf4jq",
+                                    message: "Description (optional)"
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx("textarea", {
+                                "data-bind": "description",
+                                class: "textarea",
+                                rows: 3,
+                                placeholder: isEdit ? undefined : $__i18n._({
+                                    id: "AyHO4m",
+                                    message: "What's this collection about?"
+                                }),
+                                children: collection?.description ?? ""
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        class: "flex gap-2",
+                        children: [
+                            /*#__PURE__*/ _jsxs("button", {
+                                type: "submit",
+                                class: "btn",
+                                "data-attr:disabled": "$_loading",
+                                children: [
+                                    /*#__PURE__*/ _jsx("svg", {
+                                        "data-show": "$_loading",
+                                        style: "display:none",
+                                        class: "animate-spin size-4",
+                                        xmlns: "http://www.w3.org/2000/svg",
+                                        viewBox: "0 0 24 24",
+                                        fill: "none",
+                                        stroke: "currentColor",
+                                        "stroke-width": "2",
+                                        "stroke-linecap": "round",
+                                        "stroke-linejoin": "round",
+                                        role: "status",
+                                        children: /*#__PURE__*/ _jsx("path", {
+                                            d: "M21 12a9 9 0 1 1-6.219-8.56"
+                                        })
+                                    }),
+                                    submitLabel
+                                ]
+                            }),
+                            /*#__PURE__*/ _jsx("a", {
+                                href: cancelHref,
+                                class: "btn-outline",
+                                children: $__i18n._({
+                                    id: "dEgA5A",
+                                    message: "Cancel"
+                                })
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+}

package/dist/ui/dash/collections/CollectionsListContent.js

@@ -0,0 +1,68 @@
+/**
+ * Collections list view
+ */ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "hono/jsx/jsx-runtime";
+import { useLingui as $_useLingui } from "@jant/core/i18n";
+import { EmptyState, ListItemRow, ActionButtons, CrudPageHeader } from "../index.js";
+export function CollectionsListContent({ collections }) {
+    const { i18n: $__i18n, _: $__ } = $_useLingui();
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx(CrudPageHeader, {
+                title: $__i18n._({
+                    id: "DoJzLz",
+                    message: "Collections"
+                }),
+                ctaLabel: $__i18n._({
+                    id: "vzU4k9",
+                    message: "New Collection"
+                }),
+                ctaHref: "/dash/collections/new"
+            }),
+            collections.length === 0 ? /*#__PURE__*/ _jsx(EmptyState, {
+                message: $__i18n._({
+                    id: "+MACwa",
+                    message: "No collections yet."
+                }),
+                ctaText: $__i18n._({
+                    id: "vzU4k9",
+                    message: "New Collection"
+                }),
+                ctaHref: "/dash/collections/new"
+            }) : /*#__PURE__*/ _jsx("div", {
+                class: "flex flex-col divide-y",
+                children: collections.map((col)=>/*#__PURE__*/ _jsxs(ListItemRow, {
+                        actions: /*#__PURE__*/ _jsx(ActionButtons, {
+                            editHref: `/dash/collections/${col.id}/edit`,
+                            editLabel: $__i18n._({
+                                id: "ePK91l",
+                                message: "Edit"
+                            }),
+                            viewHref: `/c/${col.slug}`,
+                            viewLabel: $__i18n._({
+                                id: "jpctdh",
+                                message: "View"
+                            })
+                        }),
+                        children: [
+                            /*#__PURE__*/ _jsx("a", {
+                                href: `/dash/collections/${col.id}`,
+                                class: "font-medium hover:underline",
+                                children: col.title
+                            }),
+                            /*#__PURE__*/ _jsxs("p", {
+                                class: "text-sm text-muted-foreground",
+                                children: [
+                                    "/",
+                                    col.slug
+                                ]
+                            }),
+                            col.description && /*#__PURE__*/ _jsx("p", {
+                                class: "text-sm text-muted-foreground mt-1",
+                                children: col.description
+                            })
+                        ]
+                    }, col.id))
+            })
+        ]
+    });
+}

package/dist/ui/dash/collections/ViewCollectionContent.js

@@ -0,0 +1,96 @@
+/**
+ * Single collection detail view
+ */ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "hono/jsx/jsx-runtime";
+import { useLingui as $_useLingui } from "@jant/core/i18n";
+import { ActionButtons } from "../index.js";
+import { encode } from "../../../lib/sqid.js";
+export function ViewCollectionContent({ collection, posts }) {
+    const { i18n: $__i18n, _: $__ } = $_useLingui();
+    const postsHeader = $__i18n._({
+        id: "pRhYH2",
+        message: "Posts in Collection ({count})"
+    });
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsxs("div", {
+                class: "flex items-center justify-between mb-6",
+                children: [
+                    /*#__PURE__*/ _jsxs("div", {
+                        children: [
+                            /*#__PURE__*/ _jsx("h1", {
+                                class: "text-2xl font-semibold",
+                                children: collection.title
+                            }),
+                            /*#__PURE__*/ _jsxs("p", {
+                                class: "text-sm text-muted-foreground",
+                                children: [
+                                    "/",
+                                    collection.slug
+                                ]
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsx(ActionButtons, {
+                        editHref: `/dash/collections/${collection.id}/edit`,
+                        editLabel: $__i18n._({
+                            id: "ePK91l",
+                            message: "Edit"
+                        }),
+                        viewHref: `/c/${collection.slug}`,
+                        viewLabel: $__i18n._({
+                            id: "jpctdh",
+                            message: "View"
+                        })
+                    })
+                ]
+            }),
+            collection.description && /*#__PURE__*/ _jsx("p", {
+                class: "text-muted-foreground mb-6",
+                children: collection.description
+            }),
+            /*#__PURE__*/ _jsxs("div", {
+                class: "card",
+                children: [
+                    /*#__PURE__*/ _jsx("header", {
+                        children: /*#__PURE__*/ _jsx("h2", {
+                            children: postsHeader
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx("section", {
+                        children: posts.length === 0 ? /*#__PURE__*/ _jsx("p", {
+                            class: "text-muted-foreground",
+                            children: $__i18n._({
+                                id: "J4FNfC",
+                                message: "No posts in this collection."
+                            })
+                        }) : /*#__PURE__*/ _jsx("div", {
+                            class: "flex flex-col divide-y",
+                            children: posts.map((post)=>/*#__PURE__*/ _jsx("div", {
+                                    class: "py-3 flex items-center gap-4",
+                                    children: /*#__PURE__*/ _jsx("div", {
+                                        class: "flex-1 min-w-0",
+                                        children: /*#__PURE__*/ _jsx("a", {
+                                            href: `/dash/posts/${encode(post.id)}`,
+                                            class: "font-medium hover:underline",
+                                            children: post.title || post.excerpt?.slice(0, 50) || `Post #${post.id}`
+                                        })
+                                    })
+                                }, post.id))
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                class: "mt-6",
+                children: /*#__PURE__*/ _jsx("a", {
+                    href: "/dash/collections",
+                    class: "text-sm hover:underline",
+                    children: $__i18n._({
+                        id: "e6Jr7Q",
+                        message: "← Back to Collections"
+                    })
+                })
+            })
+        ]
+    });
+}