@jant/core 0.3.24 → 0.3.26

package/dist/routes/dash/collections.js

@@ -1,417 +1,16 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "hono/jsx/jsx-runtime";
-import { getSiteName } from "../../lib/config.js";
+import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
 /**
  * Dashboard Collections Routes
  */ import { Hono } from "hono";
-import { useLingui as $_useLingui } from "@jant/core/i18n";
-import { DashLayout } from "../../theme/layouts/index.js";
-import { EmptyState, ListItemRow, ActionButtons, CrudPageHeader, DangerZone } from "../../theme/components/index.js";
-import * as sqid from "../../lib/sqid.js";
+import { DashLayout } from "../../ui/layouts/DashLayout.js";
+import { DangerZone } from "../../ui/dash/index.js";
 import { dsRedirect } from "../../lib/sse.js";
+import { getSiteName } from "../../lib/config.js";
+import { createMediaContext, toPostViewsFromPosts } from "../../lib/view.js";
+import { CollectionsListContent } from "../../ui/dash/collections/CollectionsListContent.js";
+import { CollectionForm } from "../../ui/dash/collections/CollectionForm.js";
+import { ViewCollectionContent } from "../../ui/dash/collections/ViewCollectionContent.js";
 export const collectionsRoutes = new Hono();
-function CollectionsListContent({ collections }) {
-    const { i18n: $__i18n, _: $__ } = $_useLingui();
-    return /*#__PURE__*/ _jsxs(_Fragment, {
-        children: [
-            /*#__PURE__*/ _jsx(CrudPageHeader, {
-                title: $__i18n._({
-                    id: "DoJzLz",
-                    message: "Collections"
-                }),
-                ctaLabel: $__i18n._({
-                    id: "vzU4k9",
-                    message: "New Collection"
-                }),
-                ctaHref: "/dash/collections/new"
-            }),
-            collections.length === 0 ? /*#__PURE__*/ _jsx(EmptyState, {
-                message: $__i18n._({
-                    id: "+MACwa",
-                    message: "No collections yet."
-                }),
-                ctaText: $__i18n._({
-                    id: "vzU4k9",
-                    message: "New Collection"
-                }),
-                ctaHref: "/dash/collections/new"
-            }) : /*#__PURE__*/ _jsx("div", {
-                class: "flex flex-col divide-y",
-                children: collections.map((col)=>/*#__PURE__*/ _jsxs(ListItemRow, {
-                        actions: /*#__PURE__*/ _jsx(ActionButtons, {
-                            editHref: `/dash/collections/${col.id}/edit`,
-                            editLabel: $__i18n._({
-                                id: "ePK91l",
-                                message: "Edit"
-                            }),
-                            viewHref: `/c/${col.slug}`,
-                            viewLabel: $__i18n._({
-                                id: "jpctdh",
-                                message: "View"
-                            })
-                        }),
-                        children: [
-                            /*#__PURE__*/ _jsx("a", {
-                                href: `/dash/collections/${col.id}`,
-                                class: "font-medium hover:underline",
-                                children: col.title
-                            }),
-                            /*#__PURE__*/ _jsxs("p", {
-                                class: "text-sm text-muted-foreground",
-                                children: [
-                                    "/",
-                                    col.slug
-                                ]
-                            }),
-                            col.description && /*#__PURE__*/ _jsx("p", {
-                                class: "text-sm text-muted-foreground mt-1",
-                                children: col.description
-                            })
-                        ]
-                    }, col.id))
-            })
-        ]
-    });
-}
-function NewCollectionContent() {
-    const { i18n: $__i18n, _: $__ } = $_useLingui();
-    return /*#__PURE__*/ _jsxs(_Fragment, {
-        children: [
-            /*#__PURE__*/ _jsx("h1", {
-                class: "text-2xl font-semibold mb-6",
-                children: $__i18n._({
-                    id: "vzU4k9",
-                    message: "New Collection"
-                })
-            }),
-            /*#__PURE__*/ _jsxs("form", {
-                "data-signals": "{title: '', slug: '', description: ''}",
-                "data-on:submit__prevent": "@post('/dash/collections')",
-                "data-indicator": "_loading",
-                class: "flex flex-col gap-4 max-w-lg",
-                children: [
-                    /*#__PURE__*/ _jsxs("div", {
-                        class: "field",
-                        children: [
-                            /*#__PURE__*/ _jsx("label", {
-                                class: "label",
-                                children: $__i18n._({
-                                    id: "MHrjPM",
-                                    message: "Title"
-                                })
-                            }),
-                            /*#__PURE__*/ _jsx("input", {
-                                type: "text",
-                                "data-bind": "title",
-                                class: "input",
-                                required: true,
-                                placeholder: $__i18n._({
-                                    id: "fttd2R",
-                                    message: "My Collection"
-                                })
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ _jsxs("div", {
-                        class: "field",
-                        children: [
-                            /*#__PURE__*/ _jsx("label", {
-                                class: "label",
-                                children: $__i18n._({
-                                    id: "L85WcV",
-                                    message: "Slug"
-                                })
-                            }),
-                            /*#__PURE__*/ _jsx("input", {
-                                type: "text",
-                                "data-bind": "slug",
-                                class: "input",
-                                required: true,
-                                placeholder: "my-collection",
-                                pattern: "[a-z0-9-]+"
-                            }),
-                            /*#__PURE__*/ _jsx("p", {
-                                class: "text-xs text-muted-foreground mt-1",
-                                children: $__i18n._({
-                                    id: "1CU1Td",
-                                    message: "URL-safe identifier (lowercase, numbers, hyphens)"
-                                })
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ _jsxs("div", {
-                        class: "field",
-                        children: [
-                            /*#__PURE__*/ _jsx("label", {
-                                class: "label",
-                                children: $__i18n._({
-                                    id: "Fxf4jq",
-                                    message: "Description (optional)"
-                                })
-                            }),
-                            /*#__PURE__*/ _jsx("textarea", {
-                                "data-bind": "description",
-                                class: "textarea",
-                                rows: 3,
-                                placeholder: $__i18n._({
-                                    id: "AyHO4m",
-                                    message: "What's this collection about?"
-                                })
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ _jsxs("div", {
-                        class: "flex gap-2",
-                        children: [
-                            /*#__PURE__*/ _jsxs("button", {
-                                type: "submit",
-                                class: "btn",
-                                "data-attr-disabled": "$_loading",
-                                children: [
-                                    /*#__PURE__*/ _jsx("span", {
-                                        "data-show": "!$_loading",
-                                        children: $__i18n._({
-                                            id: "Pbm2/N",
-                                            message: "Create Collection"
-                                        })
-                                    }),
-                                    /*#__PURE__*/ _jsx("span", {
-                                        "data-show": "$_loading",
-                                        children: $__i18n._({
-                                            id: "k1ifdL",
-                                            message: "Processing..."
-                                        })
-                                    })
-                                ]
-                            }),
-                            /*#__PURE__*/ _jsx("a", {
-                                href: "/dash/collections",
-                                class: "btn-outline",
-                                children: $__i18n._({
-                                    id: "dEgA5A",
-                                    message: "Cancel"
-                                })
-                            })
-                        ]
-                    })
-                ]
-            })
-        ]
-    });
-}
-function ViewCollectionContent({ collection, posts }) {
-    const { i18n: $__i18n, _: $__ } = $_useLingui();
-    const postsHeader = $__i18n._({
-        id: "pRhYH2",
-        message: "Posts in Collection ({count})"
-    });
-    return /*#__PURE__*/ _jsxs(_Fragment, {
-        children: [
-            /*#__PURE__*/ _jsxs("div", {
-                class: "flex items-center justify-between mb-6",
-                children: [
-                    /*#__PURE__*/ _jsxs("div", {
-                        children: [
-                            /*#__PURE__*/ _jsx("h1", {
-                                class: "text-2xl font-semibold",
-                                children: collection.title
-                            }),
-                            /*#__PURE__*/ _jsxs("p", {
-                                class: "text-sm text-muted-foreground",
-                                children: [
-                                    "/",
-                                    collection.slug
-                                ]
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ _jsx(ActionButtons, {
-                        editHref: `/dash/collections/${collection.id}/edit`,
-                        editLabel: $__i18n._({
-                            id: "ePK91l",
-                            message: "Edit"
-                        }),
-                        viewHref: `/c/${collection.slug}`,
-                        viewLabel: $__i18n._({
-                            id: "jpctdh",
-                            message: "View"
-                        })
-                    })
-                ]
-            }),
-            collection.description && /*#__PURE__*/ _jsx("p", {
-                class: "text-muted-foreground mb-6",
-                children: collection.description
-            }),
-            /*#__PURE__*/ _jsxs("div", {
-                class: "card",
-                children: [
-                    /*#__PURE__*/ _jsx("header", {
-                        children: /*#__PURE__*/ _jsx("h2", {
-                            children: postsHeader
-                        })
-                    }),
-                    /*#__PURE__*/ _jsx("section", {
-                        children: posts.length === 0 ? /*#__PURE__*/ _jsx("p", {
-                            class: "text-muted-foreground",
-                            children: $__i18n._({
-                                id: "J4FNfC",
-                                message: "No posts in this collection."
-                            })
-                        }) : /*#__PURE__*/ _jsx("div", {
-                            class: "flex flex-col divide-y",
-                            children: posts.map((post)=>/*#__PURE__*/ _jsx("div", {
-                                    class: "py-3 flex items-center gap-4",
-                                    children: /*#__PURE__*/ _jsx("div", {
-                                        class: "flex-1 min-w-0",
-                                        children: /*#__PURE__*/ _jsx("a", {
-                                            href: `/dash/posts/${sqid.encode(post.id)}`,
-                                            class: "font-medium hover:underline",
-                                            children: post.title || post.body?.slice(0, 50) || `Post #${post.id}`
-                                        })
-                                    })
-                                }, post.id))
-                        })
-                    })
-                ]
-            }),
-            /*#__PURE__*/ _jsx("div", {
-                class: "mt-6",
-                children: /*#__PURE__*/ _jsx("a", {
-                    href: "/dash/collections",
-                    class: "text-sm hover:underline",
-                    children: $__i18n._({
-                        id: "e6Jr7Q",
-                        message: "← Back to Collections"
-                    })
-                })
-            })
-        ]
-    });
-}
-function EditCollectionContent({ collection }) {
-    const { i18n: $__i18n, _: $__ } = $_useLingui();
-    const signals = JSON.stringify({
-        title: collection.title,
-        slug: collection.slug ?? "",
-        description: collection.description ?? ""
-    }).replace(/</g, "\\u003c");
-    return /*#__PURE__*/ _jsxs(_Fragment, {
-        children: [
-            /*#__PURE__*/ _jsx("h1", {
-                class: "text-2xl font-semibold mb-6",
-                children: $__i18n._({
-                    id: "/0D1Xp",
-                    message: "Edit Collection"
-                })
-            }),
-            /*#__PURE__*/ _jsxs("form", {
-                "data-signals": signals,
-                "data-on:submit__prevent": `@post('/dash/collections/${collection.id}')`,
-                "data-indicator": "_loading",
-                class: "flex flex-col gap-4 max-w-lg",
-                children: [
-                    /*#__PURE__*/ _jsxs("div", {
-                        class: "field",
-                        children: [
-                            /*#__PURE__*/ _jsx("label", {
-                                class: "label",
-                                children: $__i18n._({
-                                    id: "MHrjPM",
-                                    message: "Title"
-                                })
-                            }),
-                            /*#__PURE__*/ _jsx("input", {
-                                type: "text",
-                                "data-bind": "title",
-                                class: "input",
-                                required: true
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ _jsxs("div", {
-                        class: "field",
-                        children: [
-                            /*#__PURE__*/ _jsx("label", {
-                                class: "label",
-                                children: $__i18n._({
-                                    id: "L85WcV",
-                                    message: "Slug"
-                                })
-                            }),
-                            /*#__PURE__*/ _jsx("input", {
-                                type: "text",
-                                "data-bind": "slug",
-                                class: "input",
-                                required: true,
-                                pattern: "[a-z0-9-]+"
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ _jsxs("div", {
-                        class: "field",
-                        children: [
-                            /*#__PURE__*/ _jsx("label", {
-                                class: "label",
-                                children: $__i18n._({
-                                    id: "Fxf4jq",
-                                    message: "Description (optional)"
-                                })
-                            }),
-                            /*#__PURE__*/ _jsx("textarea", {
-                                "data-bind": "description",
-                                class: "textarea",
-                                rows: 3,
-                                children: collection.description ?? ""
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ _jsxs("div", {
-                        class: "flex gap-2",
-                        children: [
-                            /*#__PURE__*/ _jsxs("button", {
-                                type: "submit",
-                                class: "btn",
-                                "data-attr-disabled": "$_loading",
-                                children: [
-                                    /*#__PURE__*/ _jsx("span", {
-                                        "data-show": "!$_loading",
-                                        children: $__i18n._({
-                                            id: "7Mk+/h",
-                                            message: "Update Collection"
-                                        })
-                                    }),
-                                    /*#__PURE__*/ _jsx("span", {
-                                        "data-show": "$_loading",
-                                        children: $__i18n._({
-                                            id: "k1ifdL",
-                                            message: "Processing..."
-                                        })
-                                    })
-                                ]
-                            }),
-                            /*#__PURE__*/ _jsx("a", {
-                                href: `/dash/collections/${collection.id}`,
-                                class: "btn-outline",
-                                children: $__i18n._({
-                                    id: "dEgA5A",
-                                    message: "Cancel"
-                                })
-                            })
-                        ]
-                    })
-                ]
-            }),
-            /*#__PURE__*/ _jsx(DangerZone, {
-                actionLabel: $__i18n._({
-                    id: "GA5A5H",
-                    message: "Delete Collection"
-                }),
-                formAction: `/dash/collections/${collection.id}/delete`,
-                confirmMessage: "Are you sure you want to delete this collection?"
-            })
-        ]
-    });
-}
 // List collections
 collectionsRoutes.get("/", async (c)=>{
     const siteName = await getSiteName(c);
@@ -434,7 +33,7 @@ collectionsRoutes.get("/new", async (c)=>{
         title: "New Collection",
         siteName: siteName,
         currentPath: "/dash/collections",
-        children: /*#__PURE__*/ _jsx(NewCollectionContent, {})
+        children: /*#__PURE__*/ _jsx(CollectionForm, {})
     }));
 });
 // Create collection
@@ -453,10 +52,11 @@ collectionsRoutes.get("/:id", async (c)=>{
     if (isNaN(id)) return c.notFound();
     const collection = await c.var.services.collections.getById(id);
     if (!collection) return c.notFound();
-    // Fetch posts in this collection via post service
-    const posts = await c.var.services.posts.list({
+    const rawPosts = await c.var.services.posts.list({
         collectionId: id
     });
+    const ctx = createMediaContext(c);
+    const posts = toPostViewsFromPosts(rawPosts, ctx);
     const siteName = await getSiteName(c);
     return c.html(/*#__PURE__*/ _jsx(DashLayout, {
         c: c,
@@ -476,14 +76,22 @@ collectionsRoutes.get("/:id/edit", async (c)=>{
     const collection = await c.var.services.collections.getById(id);
     if (!collection) return c.notFound();
     const siteName = await getSiteName(c);
-    return c.html(/*#__PURE__*/ _jsx(DashLayout, {
+    return c.html(/*#__PURE__*/ _jsxs(DashLayout, {
         c: c,
         title: `Edit: ${collection.title}`,
         siteName: siteName,
         currentPath: "/dash/collections",
-        children: /*#__PURE__*/ _jsx(EditCollectionContent, {
-            collection: collection
-        })
+        children: [
+            /*#__PURE__*/ _jsx(CollectionForm, {
+                collection: collection,
+                isEdit: true
+            }),
+            /*#__PURE__*/ _jsx(DangerZone, {
+                actionLabel: "Delete Collection",
+                formAction: `/dash/collections/${collection.id}/delete`,
+                confirmMessage: "Are you sure you want to delete this collection?"
+            })
+        ]
     }));
 });
 // Update collection

package/dist/routes/dash/index.js

@@ -6,7 +6,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
  */ import { Hono } from "hono";
 import { useLingui as $_useLingui } from "@jant/core/i18n";
 import { Trans as Trans_ } from "@jant/core/i18n";
-import { DashLayout } from "../../theme/layouts/index.js";
+import { DashLayout } from "../../ui/layouts/DashLayout.js";
 import { getSiteName } from "../../lib/config.js";
 export const dashIndexRoutes = new Hono();
 /**