@jant/core 0.3.24 → 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}

@@ -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}/PostForm.js

@@ -13,7 +13,6 @@ export const PostForm = ({ post, action, mediaAttachments, r2PublicUrl, imageTra
         body: post?.body ?? "",
         url: post?.url ?? "",
         quoteText: post?.quoteText ?? "",
-        slug: post?.slug ?? "",
         status: post?.status ?? "published",
         featured: post?.featured === 1,
         pinned: post?.pinned === 1,
@@ -309,32 +308,6 @@ export const PostForm = ({ post, action, mediaAttachments, r2PublicUrl, imageTra
                     })
                 ]
             }),
-            /*#__PURE__*/ _jsxs("div", {
-                class: "field",
-                children: [
-                    /*#__PURE__*/ _jsx("label", {
-                        class: "label",
-                        children: $__i18n._({
-                            id: "quFPTj",
-                            message: "Custom Slug (optional)"
-                        })
-                    }),
-                    /*#__PURE__*/ _jsx("input", {
-                        type: "text",
-                        "data-bind": "slug",
-                        class: "input",
-                        placeholder: "my-custom-url",
-                        pattern: "[a-z0-9-]*"
-                    }),
-                    /*#__PURE__*/ _jsx("p", {
-                        class: "text-xs text-muted-foreground mt-1",
-                        children: $__i18n._({
-                            id: "iBc+/N",
-                            message: "Custom URL path. Leave empty to use default /p/ID format."
-                        })
-                    })
-                ]
-            }),
             /*#__PURE__*/ _jsxs("div", {
                 class: "flex gap-2",
                 children: [

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

@@ -4,9 +4,9 @@
 import { useLingui as $_useLingui } from "@jant/core/i18n";
 import * as sqid from "../../lib/sqid.js";
 import * as time from "../../lib/time.js";
-import { VisibilityBadge } from "./VisibilityBadge.js";
-import { TypeBadge } from "./TypeBadge.js";
-import { EmptyState } from "./EmptyState.js";
+import { StatusBadge } from "./StatusBadge.js";
+import { FormatBadge } from "./FormatBadge.js";
+import { EmptyState } from "../shared/EmptyState.js";
 import { ListItemRow } from "./ListItemRow.js";
 import { ActionButtons } from "./ActionButtons.js";
 export const PostList = ({ posts })=>{
@@ -27,7 +27,7 @@ export const PostList = ({ posts })=>{
     return /*#__PURE__*/ _jsx("div", {
         class: "flex flex-col divide-y",
         children: posts.map((post)=>{
-            const permalink = post.slug ? `/${post.slug}` : `/p/${sqid.encode(post.id)}`;
+            const permalink = post.path ? `/${post.path}` : `/p/${sqid.encode(post.id)}`;
             return /*#__PURE__*/ _jsxs(ListItemRow, {
                 actions: /*#__PURE__*/ _jsx(ActionButtons, {
                     editHref: `/dash/posts/${sqid.encode(post.id)}/edit`,
@@ -50,10 +50,10 @@ export const PostList = ({ posts })=>{
                     /*#__PURE__*/ _jsxs("div", {
                         class: "flex items-center gap-2 mb-1",
                         children: [
-                            /*#__PURE__*/ _jsx(TypeBadge, {
+                            /*#__PURE__*/ _jsx(FormatBadge, {
                                 type: post.format
                             }),
-                            /*#__PURE__*/ _jsx(VisibilityBadge, {
+                            /*#__PURE__*/ _jsx(StatusBadge, {
                                 status: post.status,
                                 featured: post.featured === 1,
                                 pinned: post.pinned === 1

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

@@ -2,10 +2,9 @@
  * Status Badge Component
  *
  * Displays badges for post status, featured, and pinned state.
- * Named VisibilityBadge for backward compatibility with theme overrides.
  */ import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
 import { useLingui as $_useLingui } from "@jant/core/i18n";
-export const VisibilityBadge = ({ status, featured, pinned })=>{
+export const StatusBadge = ({ status, featured, pinned })=>{
     const { i18n: $__i18n, _: $__ } = $_useLingui();
     const statusVariants = {
         published: "badge-secondary",

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

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