@jant/core 0.3.24 → 0.3.26

package/dist/ui/dash/media/ViewMediaContent.js

@@ -0,0 +1,212 @@
+/**
+ * Single media detail view
+ */ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "hono/jsx/jsx-runtime";
+import { useLingui as $_useLingui } from "@jant/core/i18n";
+import { DangerZone } from "../index.js";
+import * as time from "../../../lib/time.js";
+import { getMediaUrl, getImageUrl, getPublicUrlForProvider } from "../../../lib/image.js";
+function formatSize(bytes) {
+    if (bytes < 1024) return `${bytes} B`;
+    if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
+    return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+}
+export function ViewMediaContent({ media, r2PublicUrl, imageTransformUrl, s3PublicUrl }) {
+    const { i18n: $__i18n, _: $__ } = $_useLingui();
+    const publicUrl = getPublicUrlForProvider(media.provider, r2PublicUrl, s3PublicUrl);
+    const url = getMediaUrl(media.storageKey, publicUrl);
+    const thumbnailUrl = getImageUrl(url, imageTransformUrl, {
+        width: 600,
+        quality: 85,
+        format: "auto"
+    });
+    const isImage = media.mimeType.startsWith("image/");
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsxs("div", {
+                class: "flex items-center justify-between mb-6",
+                children: [
+                    /*#__PURE__*/ _jsxs("div", {
+                        children: [
+                            /*#__PURE__*/ _jsx("h1", {
+                                class: "text-2xl font-semibold",
+                                children: media.originalName
+                            }),
+                            /*#__PURE__*/ _jsxs("p", {
+                                class: "text-muted-foreground mt-1",
+                                children: [
+                                    formatSize(media.size),
+                                    " · ",
+                                    media.mimeType,
+                                    " ·",
+                                    " ",
+                                    time.formatDate(media.createdAt)
+                                ]
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsx("a", {
+                        href: "/dash/media",
+                        class: "btn-outline",
+                        children: $__i18n._({
+                            id: "iH8pgl",
+                            message: "Back"
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsxs("div", {
+                class: "grid gap-6 md:grid-cols-2",
+                children: [
+                    /*#__PURE__*/ _jsxs("div", {
+                        class: "card",
+                        children: [
+                            /*#__PURE__*/ _jsx("header", {
+                                children: /*#__PURE__*/ _jsx("h2", {
+                                    children: $__i18n._({
+                                        id: "rdUucN",
+                                        message: "Preview"
+                                    })
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx("section", {
+                                children: isImage ? /*#__PURE__*/ _jsxs(_Fragment, {
+                                    children: [
+                                        /*#__PURE__*/ _jsx("button", {
+                                            type: "button",
+                                            class: "cursor-pointer",
+                                            onclick: `document.getElementById('lightbox-img').src = '${url}'; document.getElementById('lightbox').showModal()`,
+                                            children: /*#__PURE__*/ _jsx("img", {
+                                                src: thumbnailUrl,
+                                                alt: media.alt || media.originalName,
+                                                class: "max-w-full rounded-lg hover:opacity-90 transition-opacity"
+                                            })
+                                        }),
+                                        /*#__PURE__*/ _jsx("p", {
+                                            class: "text-xs text-muted-foreground mt-2",
+                                            children: $__i18n._({
+                                                id: "M1RvTd",
+                                                message: "Click image to view full size"
+                                            })
+                                        })
+                                    ]
+                                }) : /*#__PURE__*/ _jsx("div", {
+                                    class: "aspect-video bg-muted rounded-lg flex items-center justify-center text-muted-foreground",
+                                    children: /*#__PURE__*/ _jsx("span", {
+                                        children: media.mimeType
+                                    })
+                                })
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        class: "space-y-6",
+                        children: [
+                            /*#__PURE__*/ _jsxs("div", {
+                                class: "card",
+                                children: [
+                                    /*#__PURE__*/ _jsx("header", {
+                                        children: /*#__PURE__*/ _jsx("h2", {
+                                            children: $__i18n._({
+                                                id: "IagCbF",
+                                                message: "URL"
+                                            })
+                                        })
+                                    }),
+                                    /*#__PURE__*/ _jsxs("section", {
+                                        children: [
+                                            /*#__PURE__*/ _jsxs("div", {
+                                                class: "flex items-center gap-2",
+                                                children: [
+                                                    /*#__PURE__*/ _jsx("input", {
+                                                        type: "text",
+                                                        class: "input flex-1 font-mono text-sm",
+                                                        value: url,
+                                                        readonly: true
+                                                    }),
+                                                    /*#__PURE__*/ _jsx("button", {
+                                                        type: "button",
+                                                        class: "btn-outline",
+                                                        onclick: `navigator.clipboard.writeText('${url}')`,
+                                                        children: $__i18n._({
+                                                            id: "he3ygx",
+                                                            message: "Copy"
+                                                        })
+                                                    })
+                                                ]
+                                            }),
+                                            /*#__PURE__*/ _jsx("p", {
+                                                class: "text-xs text-muted-foreground mt-2",
+                                                children: $__i18n._({
+                                                    id: "K9NcLu",
+                                                    message: "Use this URL to embed the media in your posts."
+                                                })
+                                            })
+                                        ]
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ _jsxs("div", {
+                                class: "card",
+                                children: [
+                                    /*#__PURE__*/ _jsx("header", {
+                                        children: /*#__PURE__*/ _jsx("h2", {
+                                            children: $__i18n._({
+                                                id: "u6Hp4N",
+                                                message: "Markdown"
+                                            })
+                                        })
+                                    }),
+                                    /*#__PURE__*/ _jsx("section", {
+                                        children: /*#__PURE__*/ _jsxs("div", {
+                                            class: "flex items-center gap-2",
+                                            children: [
+                                                /*#__PURE__*/ _jsx("input", {
+                                                    type: "text",
+                                                    class: "input flex-1 font-mono text-sm",
+                                                    value: `![${media.alt || media.originalName}](${url})`,
+                                                    readonly: true
+                                                }),
+                                                /*#__PURE__*/ _jsx("button", {
+                                                    type: "button",
+                                                    class: "btn-outline",
+                                                    onclick: `navigator.clipboard.writeText('![${media.alt || media.originalName}](${url})')`,
+                                                    children: $__i18n._({
+                                                        id: "he3ygx",
+                                                        message: "Copy"
+                                                    })
+                                                })
+                                            ]
+                                        })
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ _jsx(DangerZone, {
+                                actionLabel: $__i18n._({
+                                    id: "wM5UXj",
+                                    message: "Delete Media"
+                                }),
+                                formAction: `/dash/media/${media.id}/delete`,
+                                confirmMessage: "Are you sure you want to delete this media?",
+                                description: $__i18n._({
+                                    id: "E80cJw",
+                                    message: "Deleting this media will remove it permanently from storage."
+                                })
+                            })
+                        ]
+                    })
+                ]
+            }),
+            isImage && /*#__PURE__*/ _jsx("dialog", {
+                id: "lightbox",
+                class: "p-0 m-auto bg-transparent backdrop:bg-black/80",
+                onclick: "event.target === this && this.close()",
+                children: /*#__PURE__*/ _jsx("img", {
+                    id: "lightbox-img",
+                    src: "",
+                    alt: "",
+                    class: "max-w-[90vw] max-h-[90vh] object-contain rounded-lg"
+                })
+            })
+        ]
+    });
+}

package/dist/ui/dash/pages/LinkFormContent.js

@@ -0,0 +1,130 @@
+/**
+ * Link creation/editing form
+ */ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "hono/jsx/jsx-runtime";
+import { useLingui as $_useLingui } from "@jant/core/i18n";
+export function LinkFormContent({ item, isEdit }) {
+    const { i18n: $__i18n, _: $__ } = $_useLingui();
+    const title = isEdit ? $__i18n._({
+        id: "gDx5MG",
+        message: "Edit Link"
+    }) : $__i18n._({
+        id: "aaGV/9",
+        message: "New Link"
+    });
+    const signals = JSON.stringify({
+        label: item?.label ?? "",
+        url: item?.url ?? ""
+    }).replace(/</g, "\\u003c");
+    const action = isEdit ? `/dash/pages/links/${item?.id}` : "/dash/pages/links";
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx("h1", {
+                class: "text-2xl font-semibold mb-6",
+                children: title
+            }),
+            /*#__PURE__*/ _jsxs("form", {
+                "data-signals": signals,
+                "data-on:submit__prevent": `@post('${action}')`,
+                "data-indicator": "_loading",
+                class: "flex flex-col gap-4 max-w-lg",
+                children: [
+                    /*#__PURE__*/ _jsxs("div", {
+                        class: "field",
+                        children: [
+                            /*#__PURE__*/ _jsx("label", {
+                                class: "label",
+                                children: $__i18n._({
+                                    id: "87a/t/",
+                                    message: "Label"
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx("input", {
+                                type: "text",
+                                "data-bind": "label",
+                                class: "input",
+                                placeholder: "Home",
+                                required: true
+                            }),
+                            /*#__PURE__*/ _jsx("p", {
+                                class: "text-xs text-muted-foreground mt-1",
+                                children: $__i18n._({
+                                    id: "+bHzpy",
+                                    message: "Display text for the link"
+                                })
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        class: "field",
+                        children: [
+                            /*#__PURE__*/ _jsx("label", {
+                                class: "label",
+                                children: $__i18n._({
+                                    id: "IagCbF",
+                                    message: "URL"
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx("input", {
+                                type: "text",
+                                "data-bind": "url",
+                                class: "input",
+                                placeholder: "/archive or https://...",
+                                required: true
+                            }),
+                            /*#__PURE__*/ _jsx("p", {
+                                class: "text-xs text-muted-foreground mt-1",
+                                children: $__i18n._({
+                                    id: "QEbNBb",
+                                    message: "Path (e.g. /archive) or full URL (e.g. https://example.com)"
+                                })
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        class: "flex gap-2",
+                        children: [
+                            /*#__PURE__*/ _jsxs("button", {
+                                type: "submit",
+                                class: "btn",
+                                "data-attr:disabled": "$_loading",
+                                children: [
+                                    /*#__PURE__*/ _jsx("svg", {
+                                        "data-show": "$_loading",
+                                        style: "display:none",
+                                        class: "animate-spin size-4",
+                                        xmlns: "http://www.w3.org/2000/svg",
+                                        viewBox: "0 0 24 24",
+                                        fill: "none",
+                                        stroke: "currentColor",
+                                        "stroke-width": "2",
+                                        "stroke-linecap": "round",
+                                        "stroke-linejoin": "round",
+                                        role: "status",
+                                        children: /*#__PURE__*/ _jsx("path", {
+                                            d: "M21 12a9 9 0 1 1-6.219-8.56"
+                                        })
+                                    }),
+                                    isEdit ? $__i18n._({
+                                        id: "IUwGEM",
+                                        message: "Save Changes"
+                                    }) : $__i18n._({
+                                        id: "kd7eBB",
+                                        message: "Create Link"
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ _jsx("a", {
+                                href: "/dash/pages",
+                                class: "btn-outline",
+                                children: $__i18n._({
+                                    id: "dEgA5A",
+                                    message: "Cancel"
+                                })
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+}

package/dist/ui/dash/pages/UnifiedPagesContent.js

@@ -0,0 +1,193 @@
+/**
+ * Unified pages list - navigation items + other pages
+ */ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "hono/jsx/jsx-runtime";
+import { useLingui as $_useLingui } from "@jant/core/i18n";
+import { ListItemRow, ActionButtons, CrudPageHeader } from "../index.js";
+export function UnifiedPagesContent({ navItems, otherPages }) {
+    const { i18n: $__i18n, _: $__ } = $_useLingui();
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx(CrudPageHeader, {
+                title: $__i18n._({
+                    id: "wRR604",
+                    message: "Pages"
+                }),
+                children: /*#__PURE__*/ _jsxs("div", {
+                    class: "flex gap-2",
+                    children: [
+                        /*#__PURE__*/ _jsx("a", {
+                            href: "/dash/pages/links/new",
+                            class: "btn-outline",
+                            children: $__i18n._({
+                                id: "V4WsyL",
+                                message: "Add Link"
+                            })
+                        }),
+                        /*#__PURE__*/ _jsx("a", {
+                            href: "/dash/pages/new",
+                            class: "btn",
+                            children: $__i18n._({
+                                id: "GrZ6fH",
+                                message: "New Page"
+                            })
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ _jsxs("section", {
+                class: "mb-8",
+                children: [
+                    /*#__PURE__*/ _jsx("h2", {
+                        class: "text-lg font-medium mb-3",
+                        children: $__i18n._({
+                            id: "GTPbOX",
+                            message: "Your site navigation"
+                        })
+                    }),
+                    navItems.length === 0 ? /*#__PURE__*/ _jsx("p", {
+                        class: "text-sm text-muted-foreground py-4",
+                        children: $__i18n._({
+                            id: "vh0C9b",
+                            message: "No navigation links yet. Add pages to navigation or create links."
+                        })
+                    }) : /*#__PURE__*/ _jsx("div", {
+                        id: "nav-links-list",
+                        class: "flex flex-col divide-y",
+                        children: navItems.map((item)=>/*#__PURE__*/ _jsx(ListItemRow, {
+                                actions: item.type === "page" ? /*#__PURE__*/ _jsxs(_Fragment, {
+                                    children: [
+                                        /*#__PURE__*/ _jsx(ActionButtons, {
+                                            editHref: item.pageId ? `/dash/pages/${item.pageId}/edit` : undefined,
+                                            editLabel: $__i18n._({
+                                                id: "ePK91l",
+                                                message: "Edit"
+                                            })
+                                        }),
+                                        /*#__PURE__*/ _jsx("button", {
+                                            type: "button",
+                                            class: "btn-sm-ghost",
+                                            "data-on:click__prevent": `@post('/dash/pages/${item.pageId}/remove-from-nav')`,
+                                            children: $__i18n._({
+                                                id: "g3mKmM",
+                                                message: "Un-nav"
+                                            })
+                                        })
+                                    ]
+                                }) : /*#__PURE__*/ _jsx(_Fragment, {
+                                    children: /*#__PURE__*/ _jsx(ActionButtons, {
+                                        editHref: `/dash/pages/links/${item.id}/edit`,
+                                        editLabel: $__i18n._({
+                                            id: "ePK91l",
+                                            message: "Edit"
+                                        }),
+                                        deleteAction: `/dash/pages/links/${item.id}/delete`,
+                                        deleteLabel: $__i18n._({
+                                            id: "cnGeoo",
+                                            message: "Delete"
+                                        })
+                                    })
+                                }),
+                                children: /*#__PURE__*/ _jsxs("div", {
+                                    class: "flex items-center gap-3 cursor-grab",
+                                    "data-id": item.id,
+                                    children: [
+                                        /*#__PURE__*/ _jsx("span", {
+                                            class: "text-muted-foreground select-none",
+                                            children: "⠿"
+                                        }),
+                                        /*#__PURE__*/ _jsxs("div", {
+                                            class: "flex items-center gap-2",
+                                            children: [
+                                                /*#__PURE__*/ _jsx("span", {
+                                                    class: "font-medium",
+                                                    children: item.label
+                                                }),
+                                                /*#__PURE__*/ _jsx("code", {
+                                                    class: "text-sm text-muted-foreground bg-muted px-1 rounded",
+                                                    children: item.url
+                                                }),
+                                                /*#__PURE__*/ _jsx("span", {
+                                                    class: "badge-secondary",
+                                                    children: item.type === "page" ? $__i18n._({
+                                                        id: "MnbH31",
+                                                        message: "page"
+                                                    }) : $__i18n._({
+                                                        id: "LdyooL",
+                                                        message: "link"
+                                                    })
+                                                })
+                                            ]
+                                        })
+                                    ]
+                                })
+                            }, item.id))
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsxs("section", {
+                children: [
+                    /*#__PURE__*/ _jsx("h2", {
+                        class: "text-lg font-medium mb-3",
+                        children: $__i18n._({
+                            id: "Y75ho6",
+                            message: "Other pages"
+                        })
+                    }),
+                    otherPages.length === 0 ? /*#__PURE__*/ _jsx("p", {
+                        class: "text-sm text-muted-foreground py-4",
+                        children: $__i18n._({
+                            id: "/rkqRV",
+                            message: "All pages are in your navigation."
+                        })
+                    }) : /*#__PURE__*/ _jsx("div", {
+                        class: "flex flex-col divide-y",
+                        children: otherPages.map((page)=>/*#__PURE__*/ _jsxs(ListItemRow, {
+                                actions: /*#__PURE__*/ _jsxs(_Fragment, {
+                                    children: [
+                                        /*#__PURE__*/ _jsx("button", {
+                                            type: "button",
+                                            class: "btn-sm-outline",
+                                            "data-on:click__prevent": `@post('/dash/pages/${page.id}/add-to-nav')`,
+                                            children: $__i18n._({
+                                                id: "+MH6k9",
+                                                message: "Add to nav"
+                                            })
+                                        }),
+                                        /*#__PURE__*/ _jsx(ActionButtons, {
+                                            editHref: `/dash/pages/${page.id}/edit`,
+                                            editLabel: $__i18n._({
+                                                id: "ePK91l",
+                                                message: "Edit"
+                                            }),
+                                            viewHref: page.status !== "draft" ? `/${page.slug}` : undefined,
+                                            viewLabel: $__i18n._({
+                                                id: "jpctdh",
+                                                message: "View"
+                                            })
+                                        })
+                                    ]
+                                }),
+                                children: [
+                                    /*#__PURE__*/ _jsx("a", {
+                                        href: `/dash/pages/${page.id}`,
+                                        class: "font-medium hover:underline",
+                                        children: page.title || $__i18n._({
+                                            id: "wja8aL",
+                                            message: "Untitled"
+                                        })
+                                    }),
+                                    /*#__PURE__*/ _jsxs("p", {
+                                        class: "text-sm text-muted-foreground mt-1",
+                                        children: [
+                                            "/",
+                                            page.slug
+                                        ]
+                                    })
+                                ]
+                            }, page.id))
+                    })
+                ]
+            })
+        ]
+    });
+}