@jant/core 0.3.23 → 0.3.25

package/dist/ui/compose/ComposeDialog.js

@@ -0,0 +1,452 @@
+/**
+ * Compose Dialog
+ *
+ * Full-screen compose dialog for quick post creation.
+ * Rendered server-side as part of SiteLayout for authenticated users.
+ */ import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
+import { useLingui as $_useLingui } from "@jant/core/i18n";
+export const ComposeDialog = ({ collections })=>{
+    const { i18n: $__i18n, _: $__ } = $_useLingui();
+    const signals = JSON.stringify({
+        format: "note",
+        title: "",
+        body: "",
+        url: "",
+        quoteText: "",
+        status: "published",
+        featured: false,
+        pinned: false,
+        rating: 0,
+        collectionId: 0,
+        mediaIds: [],
+        _composeLoading: false,
+        _showRating: false,
+        _showCollection: false
+    }).replace(/</g, "\\u003c");
+    return /*#__PURE__*/ _jsxs("dialog", {
+        id: "compose-dialog",
+        class: "compose-dialog backdrop:bg-black/50",
+        onclick: "event.target === this && this.close()",
+        children: [
+            /*#__PURE__*/ _jsxs("div", {
+                class: "compose-dialog-inner",
+                children: [
+                    /*#__PURE__*/ _jsxs("header", {
+                        class: "compose-dialog-header",
+                        children: [
+                            /*#__PURE__*/ _jsx("button", {
+                                type: "button",
+                                class: "compose-dialog-close",
+                                onclick: "this.closest('dialog').close()",
+                                children: /*#__PURE__*/ _jsxs("svg", {
+                                    xmlns: "http://www.w3.org/2000/svg",
+                                    width: "20",
+                                    height: "20",
+                                    viewBox: "0 0 24 24",
+                                    fill: "none",
+                                    stroke: "currentColor",
+                                    "stroke-width": "2",
+                                    "stroke-linecap": "round",
+                                    "stroke-linejoin": "round",
+                                    children: [
+                                        /*#__PURE__*/ _jsx("path", {
+                                            d: "M18 6 6 18"
+                                        }),
+                                        /*#__PURE__*/ _jsx("path", {
+                                            d: "M6 6l12 12"
+                                        })
+                                    ]
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx("h2", {
+                                class: "compose-dialog-title",
+                                children: $__i18n._({
+                                    id: "FGrimz",
+                                    message: "New Post"
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx("div", {
+                                class: "w-5"
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsx("section", {
+                        class: "compose-dialog-body",
+                        children: /*#__PURE__*/ _jsxs("form", {
+                            "data-signals": signals,
+                            "data-on:submit__prevent": "@post('/compose')",
+                            "data-indicator": "_composeLoading",
+                            class: "flex flex-col gap-3",
+                            children: [
+                                /*#__PURE__*/ _jsxs("div", {
+                                    class: "compose-format-tabs",
+                                    children: [
+                                        /*#__PURE__*/ _jsx("button", {
+                                            type: "button",
+                                            class: "compose-format-tab",
+                                            "data-class-compose-format-tab-active": "$format === 'note'",
+                                            "data-on:click": "$format = 'note'",
+                                            children: $__i18n._({
+                                                id: "KiJn9B",
+                                                message: "Note"
+                                            })
+                                        }),
+                                        /*#__PURE__*/ _jsx("button", {
+                                            type: "button",
+                                            class: "compose-format-tab",
+                                            "data-class-compose-format-tab-active": "$format === 'link'",
+                                            "data-on:click": "$format = 'link'",
+                                            children: $__i18n._({
+                                                id: "yzF66j",
+                                                message: "Link"
+                                            })
+                                        }),
+                                        /*#__PURE__*/ _jsx("button", {
+                                            type: "button",
+                                            class: "compose-format-tab",
+                                            "data-class-compose-format-tab-active": "$format === 'quote'",
+                                            "data-on:click": "$format = 'quote'",
+                                            children: $__i18n._({
+                                                id: "ZhhOwV",
+                                                message: "Quote"
+                                            })
+                                        })
+                                    ]
+                                }),
+                                /*#__PURE__*/ _jsx("input", {
+                                    type: "text",
+                                    "data-bind": "title",
+                                    class: "compose-title-input",
+                                    placeholder: $__i18n._({
+                                        id: "wK4OTM",
+                                        message: "Title (optional)"
+                                    })
+                                }),
+                                /*#__PURE__*/ _jsx("textarea", {
+                                    "data-bind": "body",
+                                    class: "compose-body-input",
+                                    placeholder: $__i18n._({
+                                        id: "7nGhhM",
+                                        message: "What's on your mind?"
+                                    }),
+                                    rows: 4
+                                }),
+                                /*#__PURE__*/ _jsx("div", {
+                                    "data-show": "$format === 'link' || $format === 'quote'",
+                                    children: /*#__PURE__*/ _jsx("input", {
+                                        type: "url",
+                                        "data-bind": "url",
+                                        class: "input text-sm",
+                                        placeholder: "https://..."
+                                    })
+                                }),
+                                /*#__PURE__*/ _jsx("div", {
+                                    "data-show": "$format === 'quote'",
+                                    children: /*#__PURE__*/ _jsx("textarea", {
+                                        "data-bind": "quoteText",
+                                        class: "textarea text-sm",
+                                        placeholder: $__i18n._({
+                                            id: "QLkhbH",
+                                            message: "The text being quoted..."
+                                        }),
+                                        rows: 2
+                                    })
+                                }),
+                                /*#__PURE__*/ _jsxs("div", {
+                                    "data-show": "$_showRating",
+                                    class: "field",
+                                    children: [
+                                        /*#__PURE__*/ _jsx("label", {
+                                            class: "label text-sm",
+                                            children: $__i18n._({
+                                                id: "z1U/Fh",
+                                                message: "Rating"
+                                            })
+                                        }),
+                                        /*#__PURE__*/ _jsxs("select", {
+                                            "data-bind": "rating",
+                                            class: "select text-sm",
+                                            children: [
+                                                /*#__PURE__*/ _jsx("option", {
+                                                    value: "0",
+                                                    children: $__i18n._({
+                                                        id: "EdQY6l",
+                                                        message: "None"
+                                                    })
+                                                }),
+                                                /*#__PURE__*/ _jsx("option", {
+                                                    value: "1",
+                                                    children: "1"
+                                                }),
+                                                /*#__PURE__*/ _jsx("option", {
+                                                    value: "2",
+                                                    children: "2"
+                                                }),
+                                                /*#__PURE__*/ _jsx("option", {
+                                                    value: "3",
+                                                    children: "3"
+                                                }),
+                                                /*#__PURE__*/ _jsx("option", {
+                                                    value: "4",
+                                                    children: "4"
+                                                }),
+                                                /*#__PURE__*/ _jsx("option", {
+                                                    value: "5",
+                                                    children: "5"
+                                                })
+                                            ]
+                                        })
+                                    ]
+                                }),
+                                collections && collections.length > 0 && /*#__PURE__*/ _jsxs("div", {
+                                    "data-show": "$_showCollection",
+                                    class: "field",
+                                    children: [
+                                        /*#__PURE__*/ _jsx("label", {
+                                            class: "label text-sm",
+                                            children: $__i18n._({
+                                                id: "q+hNag",
+                                                message: "Collection"
+                                            })
+                                        }),
+                                        /*#__PURE__*/ _jsxs("select", {
+                                            "data-bind": "collectionId",
+                                            class: "select text-sm",
+                                            children: [
+                                                /*#__PURE__*/ _jsx("option", {
+                                                    value: "0",
+                                                    children: $__i18n._({
+                                                        id: "EdQY6l",
+                                                        message: "None"
+                                                    })
+                                                }),
+                                                collections.map((col)=>/*#__PURE__*/ _jsx("option", {
+                                                        value: col.id,
+                                                        children: col.title
+                                                    }, col.id))
+                                            ]
+                                        })
+                                    ]
+                                }),
+                                /*#__PURE__*/ _jsx("div", {
+                                    class: "compose-toolbar",
+                                    children: /*#__PURE__*/ _jsxs("div", {
+                                        class: "flex gap-1",
+                                        children: [
+                                            /*#__PURE__*/ _jsx("button", {
+                                                type: "button",
+                                                class: "compose-toolbar-btn",
+                                                title: $__i18n._({
+                                                    id: "qiXmlF",
+                                                    message: "Add Media"
+                                                }),
+                                                "data-on:click": "document.getElementById('compose-media-picker').showModal(); fetch('/dash/media/picker').then(r => r.text()).then(html => document.getElementById('compose-media-grid').innerHTML = html)",
+                                                children: /*#__PURE__*/ _jsxs("svg", {
+                                                    xmlns: "http://www.w3.org/2000/svg",
+                                                    width: "18",
+                                                    height: "18",
+                                                    viewBox: "0 0 24 24",
+                                                    fill: "none",
+                                                    stroke: "currentColor",
+                                                    "stroke-width": "2",
+                                                    "stroke-linecap": "round",
+                                                    "stroke-linejoin": "round",
+                                                    children: [
+                                                        /*#__PURE__*/ _jsx("rect", {
+                                                            width: "18",
+                                                            height: "18",
+                                                            x: "3",
+                                                            y: "3",
+                                                            rx: "2",
+                                                            ry: "2"
+                                                        }),
+                                                        /*#__PURE__*/ _jsx("circle", {
+                                                            cx: "9",
+                                                            cy: "9",
+                                                            r: "2"
+                                                        }),
+                                                        /*#__PURE__*/ _jsx("path", {
+                                                            d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"
+                                                        })
+                                                    ]
+                                                })
+                                            }),
+                                            /*#__PURE__*/ _jsx("button", {
+                                                type: "button",
+                                                class: "compose-toolbar-btn",
+                                                title: $__i18n._({
+                                                    id: "z1U/Fh",
+                                                    message: "Rating"
+                                                }),
+                                                "data-on:click": "$_showRating = !$_showRating",
+                                                children: /*#__PURE__*/ _jsx("svg", {
+                                                    xmlns: "http://www.w3.org/2000/svg",
+                                                    width: "18",
+                                                    height: "18",
+                                                    viewBox: "0 0 24 24",
+                                                    fill: "none",
+                                                    stroke: "currentColor",
+                                                    "stroke-width": "2",
+                                                    "stroke-linecap": "round",
+                                                    "stroke-linejoin": "round",
+                                                    children: /*#__PURE__*/ _jsx("polygon", {
+                                                        points: "12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"
+                                                    })
+                                                })
+                                            }),
+                                            collections && collections.length > 0 && /*#__PURE__*/ _jsx("button", {
+                                                type: "button",
+                                                class: "compose-toolbar-btn",
+                                                title: $__i18n._({
+                                                    id: "q+hNag",
+                                                    message: "Collection"
+                                                }),
+                                                "data-on:click": "$_showCollection = !$_showCollection",
+                                                children: /*#__PURE__*/ _jsx("svg", {
+                                                    xmlns: "http://www.w3.org/2000/svg",
+                                                    width: "18",
+                                                    height: "18",
+                                                    viewBox: "0 0 24 24",
+                                                    fill: "none",
+                                                    stroke: "currentColor",
+                                                    "stroke-width": "2",
+                                                    "stroke-linecap": "round",
+                                                    "stroke-linejoin": "round",
+                                                    children: /*#__PURE__*/ _jsx("path", {
+                                                        d: "M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z"
+                                                    })
+                                                })
+                                            })
+                                        ]
+                                    })
+                                }),
+                                /*#__PURE__*/ _jsxs("div", {
+                                    class: "compose-dialog-footer",
+                                    children: [
+                                        /*#__PURE__*/ _jsxs("div", {
+                                            class: "flex gap-3",
+                                            children: [
+                                                /*#__PURE__*/ _jsxs("label", {
+                                                    class: "flex items-center gap-1.5 text-xs text-muted-foreground",
+                                                    children: [
+                                                        /*#__PURE__*/ _jsx("input", {
+                                                            type: "checkbox",
+                                                            class: "checkbox",
+                                                            "data-bind": "featured"
+                                                        }),
+                                                        $__i18n._({
+                                                            id: "FkMol5",
+                                                            message: "Featured"
+                                                        })
+                                                    ]
+                                                }),
+                                                /*#__PURE__*/ _jsxs("label", {
+                                                    class: "flex items-center gap-1.5 text-xs text-muted-foreground",
+                                                    children: [
+                                                        /*#__PURE__*/ _jsx("input", {
+                                                            type: "checkbox",
+                                                            class: "checkbox",
+                                                            "data-bind": "pinned"
+                                                        }),
+                                                        $__i18n._({
+                                                            id: "kNiQp6",
+                                                            message: "Pinned"
+                                                        })
+                                                    ]
+                                                })
+                                            ]
+                                        }),
+                                        /*#__PURE__*/ _jsxs("div", {
+                                            class: "flex gap-2",
+                                            children: [
+                                                /*#__PURE__*/ _jsxs("button", {
+                                                    type: "button",
+                                                    class: "btn-outline text-sm",
+                                                    "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("span", {
+                                                            "data-show": "$_composeLoading",
+                                                            children: "..."
+                                                        })
+                                                    ]
+                                                }),
+                                                /*#__PURE__*/ _jsxs("button", {
+                                                    type: "submit",
+                                                    class: "btn text-sm",
+                                                    "data-attr-disabled": "$_composeLoading",
+                                                    children: [
+                                                        /*#__PURE__*/ _jsx("span", {
+                                                            "data-show": "!$_composeLoading",
+                                                            children: $__i18n._({
+                                                                id: "y28hnO",
+                                                                message: "Post"
+                                                            })
+                                                        }),
+                                                        /*#__PURE__*/ _jsx("span", {
+                                                            "data-show": "$_composeLoading",
+                                                            children: $__i18n._({
+                                                                id: "iPHeYN",
+                                                                message: "Posting..."
+                                                            })
+                                                        })
+                                                    ]
+                                                })
+                                            ]
+                                        })
+                                    ]
+                                })
+                            ]
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsxs("dialog", {
+                id: "compose-media-picker",
+                class: "p-6 rounded-lg max-w-2xl w-full backdrop:bg-black/50",
+                onclick: "event.target === this && this.close()",
+                children: [
+                    /*#__PURE__*/ _jsxs("div", {
+                        class: "flex items-center justify-between mb-4",
+                        children: [
+                            /*#__PURE__*/ _jsx("h2", {
+                                class: "text-lg font-semibold",
+                                children: $__i18n._({
+                                    id: "2fUwEY",
+                                    message: "Select Media"
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx("button", {
+                                type: "button",
+                                class: "btn-outline text-sm",
+                                onclick: "this.closest('dialog').close()",
+                                children: $__i18n._({
+                                    id: "DPfwMq",
+                                    message: "Done"
+                                })
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsx("div", {
+                        id: "compose-media-grid",
+                        class: "grid grid-cols-4 gap-2 max-h-96 overflow-y-auto",
+                        children: /*#__PURE__*/ _jsx("p", {
+                            class: "text-muted-foreground text-sm col-span-4",
+                            children: $__i18n._({
+                                id: "Z3FXyt",
+                                message: "Loading..."
+                            })
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+};

package/dist/ui/compose/ComposePrompt.js

@@ -0,0 +1,55 @@
+/**
+ * Compose Prompt
+ *
+ * "What's new?" prompt bar at the top of the content area.
+ * Clicking it opens the compose dialog.
+ */ import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
+import { useLingui as $_useLingui } from "@jant/core/i18n";
+export const ComposePrompt = ()=>{
+    const { i18n: $__i18n, _: $__ } = $_useLingui();
+    return /*#__PURE__*/ _jsxs("div", {
+        class: "compose-prompt",
+        children: [
+            /*#__PURE__*/ _jsxs("button", {
+                type: "button",
+                class: "compose-prompt-trigger",
+                onclick: "document.getElementById('compose-dialog').showModal()",
+                children: [
+                    /*#__PURE__*/ _jsx("span", {
+                        class: "compose-prompt-avatar",
+                        children: /*#__PURE__*/ _jsx("svg", {
+                            xmlns: "http://www.w3.org/2000/svg",
+                            width: "16",
+                            height: "16",
+                            viewBox: "0 0 24 24",
+                            fill: "none",
+                            stroke: "currentColor",
+                            "stroke-width": "2",
+                            "stroke-linecap": "round",
+                            "stroke-linejoin": "round",
+                            children: /*#__PURE__*/ _jsx("path", {
+                                d: "M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 1 1 3.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z"
+                            })
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx("span", {
+                        class: "compose-prompt-text",
+                        children: $__i18n._({
+                            id: "K0r7TC",
+                            message: "What's new?"
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx("button", {
+                type: "button",
+                class: "compose-prompt-post-btn",
+                onclick: "document.getElementById('compose-dialog').showModal()",
+                children: $__i18n._({
+                    id: "y28hnO",
+                    message: "Post"
+                })
+            })
+        ]
+    });
+};

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

@@ -1,20 +1,16 @@
 /**
- * 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).
  */ import { jsx as _jsx } from "hono/jsx/jsx-runtime";
 import { useLingui as $_useLingui } from "@jant/core/i18n";
-export const TypeBadge = ({ type })=>{
+export const FormatBadge = ({ type })=>{
     const { i18n: $__i18n, _: $__ } = $_useLingui();
     const labels = {
         note: $__i18n._({
             id: "KiJn9B",
             message: "Note"
         }),
-        article: $__i18n._({
-            id: "f6e0Ry",
-            message: "Article"
-        }),
         link: $__i18n._({
             id: "yzF66j",
             message: "Link"
@@ -22,14 +18,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 → ui/dash}/PageForm.js

@@ -1,7 +1,7 @@
 /**
  * Page Creation/Edit Form
  *
- * For managing custom pages (posts with type="page")
+ * For managing standalone pages (about, now, etc.)
  */ import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
 import { useLingui as $_useLingui } from "@jant/core/i18n";
 export const PageForm = ({ page, action, cancelUrl = "/dash/pages" })=>{
@@ -9,9 +9,9 @@ export const PageForm = ({ page, action, cancelUrl = "/dash/pages" })=>{
     const isEdit = !!page;
     const signals = JSON.stringify({
         title: page?.title ?? "",
-        path: page?.path ?? "",
-        content: page?.content ?? "",
-        visibility: page?.visibility ?? "unlisted"
+        slug: page?.slug ?? "",
+        body: page?.body ?? "",
+        status: page?.status ?? "published"
     }).replace(/</g, "\\u003c");
     return /*#__PURE__*/ _jsxs("form", {
         "data-signals": signals,
@@ -50,8 +50,8 @@ export const PageForm = ({ page, action, cancelUrl = "/dash/pages" })=>{
                     /*#__PURE__*/ _jsx("label", {
                         class: "label",
                         children: $__i18n._({
-                            id: "I6gXOa",
-                            message: "Path"
+                            id: "L85WcV",
+                            message: "Slug"
                         })
                     }),
                     /*#__PURE__*/ _jsxs("div", {
@@ -63,7 +63,7 @@ export const PageForm = ({ page, action, cancelUrl = "/dash/pages" })=>{
                             }),
                             /*#__PURE__*/ _jsx("input", {
                                 type: "text",
-                                "data-bind": "path",
+                                "data-bind": "slug",
                                 class: "input flex-1",
                                 placeholder: "about",
                                 pattern: "[a-z0-9\\-]+",
@@ -95,14 +95,14 @@ export const PageForm = ({ page, action, cancelUrl = "/dash/pages" })=>{
                         })
                     }),
                     /*#__PURE__*/ _jsx("textarea", {
-                        "data-bind": "content",
+                        "data-bind": "body",
                         class: "textarea min-h-48",
                         placeholder: $__i18n._({
                             id: "7G4SBz",
                             message: "Page content (Markdown supported)..."
                         }),
                         required: true,
-                        children: page?.content ?? ""
+                        children: page?.body ?? ""
                     })
                 ]
             }),
@@ -117,12 +117,12 @@ export const PageForm = ({ page, action, cancelUrl = "/dash/pages" })=>{
                         })
                     }),
                     /*#__PURE__*/ _jsxs("select", {
-                        "data-bind": "visibility",
+                        "data-bind": "status",
                         class: "select",
                         children: [
                             /*#__PURE__*/ _jsx("option", {
-                                value: "unlisted",
-                                selected: page?.visibility === "unlisted" || !page,
+                                value: "published",
+                                selected: page?.status === "published" || !page,
                                 children: $__i18n._({
                                     id: "u3wRF+",
                                     message: "Published"
@@ -130,7 +130,7 @@ export const PageForm = ({ page, action, cancelUrl = "/dash/pages" })=>{
                             }),
                             /*#__PURE__*/ _jsx("option", {
                                 value: "draft",
-                                selected: page?.visibility === "draft",
+                                selected: page?.status === "draft",
                                 children: $__i18n._({
                                     id: "eneWvv",
                                     message: "Draft"
@@ -141,8 +141,8 @@ export const PageForm = ({ page, action, cancelUrl = "/dash/pages" })=>{
                     /*#__PURE__*/ _jsx("p", {
                         class: "text-xs text-muted-foreground mt-1",
                         children: $__i18n._({
-                            id: "JiP4aa",
-                            message: "Published pages are accessible via their path. Drafts are not visible."
+                            id: "jSRrXo",
+                            message: "Published pages are accessible via their slug. Drafts are not visible."
                         })
                     })
                 ]