@jant/core 0.3.24 → 0.3.26

package/dist/ui/compose/ComposeDialog.js

@@ -0,0 +1,467 @@
+/**
+ * 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("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"
+                                                            })
+                                                        }),
+                                                        $__i18n._({
+                                                            id: "eneWvv",
+                                                            message: "Draft"
+                                                        })
+                                                    ]
+                                                }),
+                                                /*#__PURE__*/ _jsxs("button", {
+                                                    type: "submit",
+                                                    class: "btn text-sm",
+                                                    "data-attr:disabled": "$_composeLoading",
+                                                    children: [
+                                                        /*#__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"
+                                                            })
+                                                        }),
+                                                        $__i18n._({
+                                                            id: "y28hnO",
+                                                            message: "Post"
+                                                        })
+                                                    ]
+                                                })
+                                            ]
+                                        })
+                                    ]
+                                })
+                            ]
+                        })
+                    })
+                ]
+            }),
+            /*#__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}

@@ -2,10 +2,9 @@
  * Format Badge Component
  *
  * Displays a badge indicating the format of a post (note, link, quote).
- * Named TypeBadge for backward compatibility with theme overrides.
  */ import { jsx as _jsx } from "hono/jsx/jsx-runtime";
 import { useLingui as $_useLingui } from "@jant/core/i18n";
-export const TypeBadge = ({ type })=>{
+export const FormatBadge = ({ type })=>{
     const { i18n: $__i18n, _: $__ } = $_useLingui();
     const labels = {
         note: $__i18n._({

package/dist/{theme/components → 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"
                             })
                         ]
                     }),