@jant/core 0.1.2 → 0.2.0

package/dist/routes/dash/collections.js

@@ -0,0 +1,512 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "hono/jsx/jsx-runtime";
+/**
+ * Dashboard Collections Routes
+ */ import { Hono } from "hono";
+import { useLingui } from "../../i18n/index.js";
+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";
+export const collectionsRoutes = new Hono();
+function CollectionsListContent({ collections }) {
+    const { t } = useLingui();
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx(CrudPageHeader, {
+                title: t({
+                    message: "Collections",
+                    comment: "@context: Dashboard heading"
+                }),
+                ctaLabel: t({
+                    message: "New Collection",
+                    comment: "@context: Button to create new collection"
+                }),
+                ctaHref: "/dash/collections/new"
+            }),
+            collections.length === 0 ? /*#__PURE__*/ _jsx(EmptyState, {
+                message: t({
+                    message: "No collections yet.",
+                    comment: "@context: Empty state message"
+                }),
+                ctaText: t({
+                    message: "New Collection",
+                    comment: "@context: Button to create 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: t({
+                                message: "Edit",
+                                comment: "@context: Button to edit collection"
+                            }),
+                            viewHref: `/c/${col.path}`,
+                            viewLabel: t({
+                                message: "View",
+                                comment: "@context: Button to view collection"
+                            })
+                        }),
+                        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.path
+                                ]
+                            }),
+                            col.description && /*#__PURE__*/ _jsx("p", {
+                                class: "text-sm text-muted-foreground mt-1",
+                                children: col.description
+                            })
+                        ]
+                    }, col.id))
+            })
+        ]
+    });
+}
+function NewCollectionContent() {
+    const { t } = useLingui();
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx("h1", {
+                class: "text-2xl font-semibold mb-6",
+                children: t({
+                    message: "New Collection",
+                    comment: "@context: Page heading"
+                })
+            }),
+            /*#__PURE__*/ _jsxs("form", {
+                method: "post",
+                action: "/dash/collections",
+                class: "flex flex-col gap-4 max-w-lg",
+                children: [
+                    /*#__PURE__*/ _jsxs("div", {
+                        class: "field",
+                        children: [
+                            /*#__PURE__*/ _jsx("label", {
+                                class: "label",
+                                children: t({
+                                    message: "Title",
+                                    comment: "@context: Collection form field"
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx("input", {
+                                type: "text",
+                                name: "title",
+                                class: "input",
+                                required: true,
+                                placeholder: t({
+                                    message: "My Collection",
+                                    comment: "@context: Collection title placeholder"
+                                })
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        class: "field",
+                        children: [
+                            /*#__PURE__*/ _jsx("label", {
+                                class: "label",
+                                children: t({
+                                    message: "Slug",
+                                    comment: "@context: Collection form field"
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx("input", {
+                                type: "text",
+                                name: "path",
+                                class: "input",
+                                required: true,
+                                placeholder: "my-collection",
+                                pattern: "[a-z0-9-]+"
+                            }),
+                            /*#__PURE__*/ _jsx("p", {
+                                class: "text-xs text-muted-foreground mt-1",
+                                children: t({
+                                    message: "URL-safe identifier (lowercase, numbers, hyphens)",
+                                    comment: "@context: Collection path help text"
+                                })
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        class: "field",
+                        children: [
+                            /*#__PURE__*/ _jsx("label", {
+                                class: "label",
+                                children: t({
+                                    message: "Description (optional)",
+                                    comment: "@context: Collection form field"
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx("textarea", {
+                                name: "description",
+                                class: "textarea",
+                                rows: 3,
+                                placeholder: t({
+                                    message: "What's this collection about?",
+                                    comment: "@context: Collection description placeholder"
+                                })
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        class: "flex gap-2",
+                        children: [
+                            /*#__PURE__*/ _jsx("button", {
+                                type: "submit",
+                                class: "btn",
+                                children: t({
+                                    message: "Create Collection",
+                                    comment: "@context: Button to save new collection"
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx("a", {
+                                href: "/dash/collections",
+                                class: "btn-outline",
+                                children: t({
+                                    message: "Cancel",
+                                    comment: "@context: Button to cancel form"
+                                })
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+}
+function ViewCollectionContent({ collection, posts }) {
+    const { t } = useLingui();
+    const postsHeader = t({
+        message: "Posts in Collection ({count})",
+        comment: "@context: Collection posts section heading",
+        values: {
+            count: String(posts.length)
+        }
+    });
+    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.path
+                                ]
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsx(ActionButtons, {
+                        editHref: `/dash/collections/${collection.id}/edit`,
+                        editLabel: t({
+                            message: "Edit",
+                            comment: "@context: Button to edit collection"
+                        }),
+                        viewHref: `/c/${collection.path}`,
+                        viewLabel: t({
+                            message: "View",
+                            comment: "@context: Button to view collection"
+                        })
+                    })
+                ]
+            }),
+            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: t({
+                                message: "No posts in this collection.",
+                                comment: "@context: Empty state message"
+                            })
+                        }) : /*#__PURE__*/ _jsx("div", {
+                            class: "flex flex-col divide-y",
+                            children: posts.map((post)=>/*#__PURE__*/ _jsxs("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.content?.slice(0, 50) || `Post #${post.id}`
+                                            })
+                                        }),
+                                        /*#__PURE__*/ _jsxs("form", {
+                                            method: "post",
+                                            action: `/dash/collections/${collection.id}/remove-post`,
+                                            children: [
+                                                /*#__PURE__*/ _jsx("input", {
+                                                    type: "hidden",
+                                                    name: "postId",
+                                                    value: post.id
+                                                }),
+                                                /*#__PURE__*/ _jsx("button", {
+                                                    type: "submit",
+                                                    class: "btn-sm-ghost text-destructive",
+                                                    children: t({
+                                                        message: "Remove",
+                                                        comment: "@context: Button to remove post from collection"
+                                                    })
+                                                })
+                                            ]
+                                        })
+                                    ]
+                                }, post.id))
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                class: "mt-6",
+                children: /*#__PURE__*/ _jsx("a", {
+                    href: "/dash/collections",
+                    class: "text-sm hover:underline",
+                    children: t({
+                        message: "← Back to Collections",
+                        comment: "@context: Navigation link"
+                    })
+                })
+            })
+        ]
+    });
+}
+function EditCollectionContent({ collection }) {
+    const { t } = useLingui();
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx("h1", {
+                class: "text-2xl font-semibold mb-6",
+                children: t({
+                    message: "Edit Collection",
+                    comment: "@context: Page heading"
+                })
+            }),
+            /*#__PURE__*/ _jsxs("form", {
+                method: "post",
+                action: `/dash/collections/${collection.id}`,
+                class: "flex flex-col gap-4 max-w-lg",
+                children: [
+                    /*#__PURE__*/ _jsxs("div", {
+                        class: "field",
+                        children: [
+                            /*#__PURE__*/ _jsx("label", {
+                                class: "label",
+                                children: t({
+                                    message: "Title",
+                                    comment: "@context: Collection form field"
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx("input", {
+                                type: "text",
+                                name: "title",
+                                class: "input",
+                                required: true,
+                                value: collection.title
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        class: "field",
+                        children: [
+                            /*#__PURE__*/ _jsx("label", {
+                                class: "label",
+                                children: t({
+                                    message: "Slug",
+                                    comment: "@context: Collection form field"
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx("input", {
+                                type: "text",
+                                name: "path",
+                                class: "input",
+                                required: true,
+                                value: collection.path ?? "",
+                                pattern: "[a-z0-9-]+"
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        class: "field",
+                        children: [
+                            /*#__PURE__*/ _jsx("label", {
+                                class: "label",
+                                children: t({
+                                    message: "Description (optional)",
+                                    comment: "@context: Collection form field"
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx("textarea", {
+                                name: "description",
+                                class: "textarea",
+                                rows: 3,
+                                children: collection.description ?? ""
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        class: "flex gap-2",
+                        children: [
+                            /*#__PURE__*/ _jsx("button", {
+                                type: "submit",
+                                class: "btn",
+                                children: t({
+                                    message: "Update Collection",
+                                    comment: "@context: Button to save collection changes"
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx("a", {
+                                href: `/dash/collections/${collection.id}`,
+                                class: "btn-outline",
+                                children: t({
+                                    message: "Cancel",
+                                    comment: "@context: Button to cancel form"
+                                })
+                            })
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx(DangerZone, {
+                actionLabel: t({
+                    message: "Delete Collection",
+                    comment: "@context: Button to 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 c.var.services.settings.get("SITE_NAME") ?? "Jant";
+    const collections = await c.var.services.collections.list();
+    return c.html(/*#__PURE__*/ _jsx(DashLayout, {
+        c: c,
+        title: "Collections",
+        siteName: siteName,
+        currentPath: "/dash/collections",
+        children: /*#__PURE__*/ _jsx(CollectionsListContent, {
+            collections: collections
+        })
+    }));
+});
+// New collection form
+collectionsRoutes.get("/new", async (c)=>{
+    const siteName = await c.var.services.settings.get("SITE_NAME") ?? "Jant";
+    return c.html(/*#__PURE__*/ _jsx(DashLayout, {
+        c: c,
+        title: "New Collection",
+        siteName: siteName,
+        currentPath: "/dash/collections",
+        children: /*#__PURE__*/ _jsx(NewCollectionContent, {})
+    }));
+});
+// Create collection
+collectionsRoutes.post("/", async (c)=>{
+    const formData = await c.req.formData();
+    const title = formData.get("title");
+    const path = formData.get("path");
+    const description = formData.get("description");
+    const collection = await c.var.services.collections.create({
+        title,
+        path,
+        description: description || undefined
+    });
+    return c.redirect(`/dash/collections/${collection.id}`);
+});
+// View single collection
+collectionsRoutes.get("/:id", async (c)=>{
+    const id = parseInt(c.req.param("id"), 10);
+    if (isNaN(id)) return c.notFound();
+    const collection = await c.var.services.collections.getById(id);
+    if (!collection) return c.notFound();
+    const posts = await c.var.services.collections.getPosts(id);
+    const siteName = await c.var.services.settings.get("SITE_NAME") ?? "Jant";
+    return c.html(/*#__PURE__*/ _jsx(DashLayout, {
+        c: c,
+        title: collection.title,
+        siteName: siteName,
+        currentPath: "/dash/collections",
+        children: /*#__PURE__*/ _jsx(ViewCollectionContent, {
+            collection: collection,
+            posts: posts
+        })
+    }));
+});
+// Edit collection form
+collectionsRoutes.get("/:id/edit", async (c)=>{
+    const id = parseInt(c.req.param("id"), 10);
+    if (isNaN(id)) return c.notFound();
+    const collection = await c.var.services.collections.getById(id);
+    if (!collection) return c.notFound();
+    const siteName = await c.var.services.settings.get("SITE_NAME") ?? "Jant";
+    return c.html(/*#__PURE__*/ _jsx(DashLayout, {
+        c: c,
+        title: `Edit: ${collection.title}`,
+        siteName: siteName,
+        currentPath: "/dash/collections",
+        children: /*#__PURE__*/ _jsx(EditCollectionContent, {
+            collection: collection
+        })
+    }));
+});
+// Update collection
+collectionsRoutes.post("/:id", async (c)=>{
+    const id = parseInt(c.req.param("id"), 10);
+    if (isNaN(id)) return c.notFound();
+    const formData = await c.req.formData();
+    const title = formData.get("title");
+    const path = formData.get("path");
+    const description = formData.get("description");
+    await c.var.services.collections.update(id, {
+        title,
+        path,
+        description: description || undefined
+    });
+    return c.redirect(`/dash/collections/${id}`);
+});
+// Delete collection
+collectionsRoutes.post("/:id/delete", async (c)=>{
+    const id = parseInt(c.req.param("id"), 10);
+    if (isNaN(id)) return c.notFound();
+    await c.var.services.collections.delete(id);
+    return c.redirect("/dash/collections");
+});
+// Remove post from collection
+collectionsRoutes.post("/:id/remove-post", async (c)=>{
+    const id = parseInt(c.req.param("id"), 10);
+    if (isNaN(id)) return c.notFound();
+    const formData = await c.req.formData();
+    const postId = parseInt(formData.get("postId"), 10);
+    if (!isNaN(postId)) {
+        await c.var.services.collections.removePost(id, postId);
+    }
+    return c.redirect(`/dash/collections/${id}`);
+});

package/dist/routes/dash/index.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Dashboard Index Route
+ *
+ * Example of using @lingui/react/macro with Hono JSX!
+ */
+import { Hono } from "hono";
+import type { Bindings } from "../../types.js";
+import type { AppVariables } from "../../app.js";
+type Env = {
+    Bindings: Bindings;
+    Variables: AppVariables;
+};
+export declare const dashIndexRoutes: Hono<Env, import("hono/types").BlankSchema, "/">;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/routes/dash/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/routes/dash/index.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAE5B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAGjD,KAAK,GAAG,GAAG;IAAE,QAAQ,EAAE,QAAQ,CAAC;IAAC,SAAS,EAAE,YAAY,CAAA;CAAE,CAAC;AAE3D,eAAO,MAAM,eAAe,kDAAkB,CAAC"}

package/dist/routes/dash/index.js

@@ -0,0 +1,117 @@
+import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
+/**
+ * Dashboard Index Route
+ *
+ * Example of using @lingui/react/macro with Hono JSX!
+ */ import { Hono } from "hono";
+import { Trans, useLingui } from "../../i18n/index.js";
+import { DashLayout } from "../../theme/layouts/index.js";
+export const dashIndexRoutes = new Hono();
+/**
+ * Dashboard content component
+ * Uses useLingui() from @lingui/react/macro - works with Hono JSX!
+ */ function DashboardContent({ publishedCount, draftCount }) {
+    // 🎉 Single layer! Just like React!
+    const { t } = useLingui();
+    return /*#__PURE__*/ _jsxs("div", {
+        class: "container py-8",
+        children: [
+            /*#__PURE__*/ _jsx("h1", {
+                class: "text-2xl font-semibold mb-6",
+                children: t({
+                    message: "Dashboard",
+                    comment: "@context: Dashboard main heading"
+                })
+            }),
+            /*#__PURE__*/ _jsxs("div", {
+                class: "grid gap-4 md:grid-cols-3 mb-6",
+                children: [
+                    /*#__PURE__*/ _jsxs("div", {
+                        class: "p-4 border rounded",
+                        children: [
+                            /*#__PURE__*/ _jsx("p", {
+                                class: "text-sm text-muted-foreground",
+                                children: t({
+                                    message: "Published",
+                                    comment: "@context: Post status label"
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx("p", {
+                                class: "text-3xl font-bold",
+                                children: publishedCount
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        class: "p-4 border rounded",
+                        children: [
+                            /*#__PURE__*/ _jsx("p", {
+                                class: "text-sm text-muted-foreground",
+                                children: t({
+                                    message: "Drafts",
+                                    comment: "@context: Post status label"
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx("p", {
+                                class: "text-3xl font-bold",
+                                children: draftCount
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        class: "p-4 border rounded",
+                        children: [
+                            /*#__PURE__*/ _jsx("p", {
+                                class: "text-sm text-muted-foreground mb-2",
+                                children: t({
+                                    message: "Quick Actions",
+                                    comment: "@context: Dashboard section title"
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx("a", {
+                                href: "/dash/posts/new",
+                                class: "btn btn-primary w-full",
+                                children: t({
+                                    message: "New Post",
+                                    comment: "@context: Button to create new post"
+                                })
+                            })
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx("p", {
+                children: /*#__PURE__*/ _jsxs(Trans, {
+                    comment: "@context: Help text with link",
+                    children: [
+                        "Need help? Visit the ",
+                        /*#__PURE__*/ _jsx("a", {
+                            href: "/docs",
+                            class: "underline",
+                            children: "documentation"
+                        })
+                    ]
+                })
+            })
+        ]
+    });
+}
+dashIndexRoutes.get("/", async (c)=>{
+    const siteName = await c.var.services.settings.get("SITE_NAME") ?? "Jant";
+    // Get some stats
+    const allPosts = await c.var.services.posts.list({
+        limit: 1000
+    });
+    const publishedPosts = allPosts.filter((p)=>p.visibility !== "draft");
+    const draftPosts = allPosts.filter((p)=>p.visibility === "draft");
+    return c.html(/*#__PURE__*/ _jsx(DashLayout, {
+        c: c,
+        title: "Dashboard",
+        siteName: siteName,
+        currentPath: "/dash",
+        children: /*#__PURE__*/ _jsx(DashboardContent, {
+            publishedCount: publishedPosts.length,
+            draftCount: draftPosts.length
+        })
+    }));
+});

package/dist/routes/dash/media.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Dashboard Media Routes
+ *
+ * Media management with Datastar-powered uploads.
+ * Uses SSE for real-time UI updates without page reloads.
+ */
+import { Hono } from "hono";
+import type { Bindings } from "../../types.js";
+import type { AppVariables } from "../../app.js";
+type Env = {
+    Bindings: Bindings;
+    Variables: AppVariables;
+};
+export declare const mediaRoutes: Hono<Env, import("hono/types").BlankSchema, "/">;
+export {};
+//# sourceMappingURL=media.d.ts.map

package/dist/routes/dash/media.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"media.d.ts","sourceRoot":"","sources":["../../../src/routes/dash/media.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAE5B,OAAO,KAAK,EAAE,QAAQ,EAAS,MAAM,gBAAgB,CAAC;AACtD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAOjD,KAAK,GAAG,GAAG;IAAE,QAAQ,EAAE,QAAQ,CAAC;IAAC,SAAS,EAAE,YAAY,CAAA;CAAE,CAAC;AAE3D,eAAO,MAAM,WAAW,kDAAkB,CAAC"}