@jant/core 0.2.12 → 0.2.13

package/dist/routes/dash/collections.js

@@ -2,34 +2,35 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "hono/jsx/jsx-
 /**
  * Dashboard Collections Routes
  */ import { Hono } from "hono";
-import { useLingui } from "../../i18n/index.js";
+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 { sse } from "../../lib/sse.js";
 export const collectionsRoutes = new Hono();
 function CollectionsListContent({ collections }) {
-    const { t } = useLingui();
+    const { i18n: $__i18n, _: $__ } = $_useLingui();
     return /*#__PURE__*/ _jsxs(_Fragment, {
         children: [
             /*#__PURE__*/ _jsx(CrudPageHeader, {
-                title: t({
-                    message: "Collections",
-                    comment: "@context: Dashboard heading"
+                title: $__i18n._({
+                    id: "DoJzLz",
+                    message: "Collections"
                 }),
-                ctaLabel: t({
-                    message: "New Collection",
-                    comment: "@context: Button to create new collection"
+                ctaLabel: $__i18n._({
+                    id: "vzU4k9",
+                    message: "New Collection"
                 }),
                 ctaHref: "/dash/collections/new"
             }),
             collections.length === 0 ? /*#__PURE__*/ _jsx(EmptyState, {
-                message: t({
-                    message: "No collections yet.",
-                    comment: "@context: Empty state message"
+                message: $__i18n._({
+                    id: "+MACwa",
+                    message: "No collections yet."
                 }),
-                ctaText: t({
-                    message: "New Collection",
-                    comment: "@context: Button to create new collection"
+                ctaText: $__i18n._({
+                    id: "vzU4k9",
+                    message: "New Collection"
                 }),
                 ctaHref: "/dash/collections/new"
             }) : /*#__PURE__*/ _jsx("div", {
@@ -37,14 +38,14 @@ function CollectionsListContent({ collections }) {
                 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"
+                            editLabel: $__i18n._({
+                                id: "ePK91l",
+                                message: "Edit"
                             }),
                             viewHref: `/c/${col.path}`,
-                            viewLabel: t({
-                                message: "View",
-                                comment: "@context: Button to view collection"
+                            viewLabel: $__i18n._({
+                                id: "jpctdh",
+                                message: "View"
                             })
                         }),
                         children: [
@@ -71,19 +72,19 @@ function CollectionsListContent({ collections }) {
     });
 }
 function NewCollectionContent() {
-    const { t } = useLingui();
+    const { i18n: $__i18n, _: $__ } = $_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"
+                children: $__i18n._({
+                    id: "vzU4k9",
+                    message: "New Collection"
                 })
             }),
             /*#__PURE__*/ _jsxs("form", {
-                method: "post",
-                action: "/dash/collections",
+                "data-signals": "{title: '', path: '', description: ''}",
+                "data-on:submit__prevent": "@post('/dash/collections')",
                 class: "flex flex-col gap-4 max-w-lg",
                 children: [
                     /*#__PURE__*/ _jsxs("div", {
@@ -91,19 +92,19 @@ function NewCollectionContent() {
                         children: [
                             /*#__PURE__*/ _jsx("label", {
                                 class: "label",
-                                children: t({
-                                    message: "Title",
-                                    comment: "@context: Collection form field"
+                                children: $__i18n._({
+                                    id: "MHrjPM",
+                                    message: "Title"
                                 })
                             }),
                             /*#__PURE__*/ _jsx("input", {
                                 type: "text",
-                                name: "title",
+                                "data-bind": "title",
                                 class: "input",
                                 required: true,
-                                placeholder: t({
-                                    message: "My Collection",
-                                    comment: "@context: Collection title placeholder"
+                                placeholder: $__i18n._({
+                                    id: "fttd2R",
+                                    message: "My Collection"
                                 })
                             })
                         ]
@@ -113,14 +114,14 @@ function NewCollectionContent() {
                         children: [
                             /*#__PURE__*/ _jsx("label", {
                                 class: "label",
-                                children: t({
-                                    message: "Slug",
-                                    comment: "@context: Collection form field"
+                                children: $__i18n._({
+                                    id: "L85WcV",
+                                    message: "Slug"
                                 })
                             }),
                             /*#__PURE__*/ _jsx("input", {
                                 type: "text",
-                                name: "path",
+                                "data-bind": "path",
                                 class: "input",
                                 required: true,
                                 placeholder: "my-collection",
@@ -128,9 +129,9 @@ function NewCollectionContent() {
                             }),
                             /*#__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"
+                                children: $__i18n._({
+                                    id: "1CU1Td",
+                                    message: "URL-safe identifier (lowercase, numbers, hyphens)"
                                 })
                             })
                         ]
@@ -140,18 +141,18 @@ function NewCollectionContent() {
                         children: [
                             /*#__PURE__*/ _jsx("label", {
                                 class: "label",
-                                children: t({
-                                    message: "Description (optional)",
-                                    comment: "@context: Collection form field"
+                                children: $__i18n._({
+                                    id: "Fxf4jq",
+                                    message: "Description (optional)"
                                 })
                             }),
                             /*#__PURE__*/ _jsx("textarea", {
-                                name: "description",
+                                "data-bind": "description",
                                 class: "textarea",
                                 rows: 3,
-                                placeholder: t({
-                                    message: "What's this collection about?",
-                                    comment: "@context: Collection description placeholder"
+                                placeholder: $__i18n._({
+                                    id: "AyHO4m",
+                                    message: "What's this collection about?"
                                 })
                             })
                         ]
@@ -162,17 +163,17 @@ function NewCollectionContent() {
                             /*#__PURE__*/ _jsx("button", {
                                 type: "submit",
                                 class: "btn",
-                                children: t({
-                                    message: "Create Collection",
-                                    comment: "@context: Button to save new collection"
+                                children: $__i18n._({
+                                    id: "Pbm2/N",
+                                    message: "Create Collection"
                                 })
                             }),
                             /*#__PURE__*/ _jsx("a", {
                                 href: "/dash/collections",
                                 class: "btn-outline",
-                                children: t({
-                                    message: "Cancel",
-                                    comment: "@context: Button to cancel form"
+                                children: $__i18n._({
+                                    id: "dEgA5A",
+                                    message: "Cancel"
                                 })
                             })
                         ]
@@ -183,13 +184,10 @@ function NewCollectionContent() {
     });
 }
 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)
-        }
+    const { i18n: $__i18n, _: $__ } = $_useLingui();
+    const postsHeader = $__i18n._({
+        id: "pRhYH2",
+        message: "Posts in Collection ({count})"
     });
     return /*#__PURE__*/ _jsxs(_Fragment, {
         children: [
@@ -213,14 +211,14 @@ function ViewCollectionContent({ collection, posts }) {
                     }),
                     /*#__PURE__*/ _jsx(ActionButtons, {
                         editHref: `/dash/collections/${collection.id}/edit`,
-                        editLabel: t({
-                            message: "Edit",
-                            comment: "@context: Button to edit collection"
+                        editLabel: $__i18n._({
+                            id: "ePK91l",
+                            message: "Edit"
                         }),
                         viewHref: `/c/${collection.path}`,
-                        viewLabel: t({
-                            message: "View",
-                            comment: "@context: Button to view collection"
+                        viewLabel: $__i18n._({
+                            id: "jpctdh",
+                            message: "View"
                         })
                     })
                 ]
@@ -240,9 +238,9 @@ function ViewCollectionContent({ collection, posts }) {
                     /*#__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"
+                            children: $__i18n._({
+                                id: "J4FNfC",
+                                message: "No posts in this collection."
                             })
                         }) : /*#__PURE__*/ _jsx("div", {
                             class: "flex flex-col divide-y",
@@ -257,24 +255,14 @@ function ViewCollectionContent({ collection, posts }) {
                                                 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"
-                                                    })
-                                                })
-                                            ]
+                                        /*#__PURE__*/ _jsx("button", {
+                                            type: "button",
+                                            class: "btn-sm-ghost text-destructive",
+                                            "data-on:click__prevent": `@post('/dash/collections/${collection.id}/remove-post', {payload: {postId: ${post.id}}})`,
+                                            children: $__i18n._({
+                                                id: "t/YqKh",
+                                                message: "Remove"
+                                            })
                                         })
                                     ]
                                 }, post.id))
@@ -287,9 +275,9 @@ function ViewCollectionContent({ collection, posts }) {
                 children: /*#__PURE__*/ _jsx("a", {
                     href: "/dash/collections",
                     class: "text-sm hover:underline",
-                    children: t({
-                        message: "← Back to Collections",
-                        comment: "@context: Navigation link"
+                    children: $__i18n._({
+                        id: "e6Jr7Q",
+                        message: "← Back to Collections"
                     })
                 })
             })
@@ -297,19 +285,24 @@ function ViewCollectionContent({ collection, posts }) {
     });
 }
 function EditCollectionContent({ collection }) {
-    const { t } = useLingui();
+    const { i18n: $__i18n, _: $__ } = $_useLingui();
+    const signals = JSON.stringify({
+        title: collection.title,
+        path: collection.path ?? "",
+        description: collection.description ?? ""
+    }).replace(/</g, "\\u003c");
     return /*#__PURE__*/ _jsxs(_Fragment, {
         children: [
             /*#__PURE__*/ _jsx("h1", {
                 class: "text-2xl font-semibold mb-6",
-                children: t({
-                    message: "Edit Collection",
-                    comment: "@context: Page heading"
+                children: $__i18n._({
+                    id: "/0D1Xp",
+                    message: "Edit Collection"
                 })
             }),
             /*#__PURE__*/ _jsxs("form", {
-                method: "post",
-                action: `/dash/collections/${collection.id}`,
+                "data-signals": signals,
+                "data-on:submit__prevent": `@post('/dash/collections/${collection.id}')`,
                 class: "flex flex-col gap-4 max-w-lg",
                 children: [
                     /*#__PURE__*/ _jsxs("div", {
@@ -317,17 +310,16 @@ function EditCollectionContent({ collection }) {
                         children: [
                             /*#__PURE__*/ _jsx("label", {
                                 class: "label",
-                                children: t({
-                                    message: "Title",
-                                    comment: "@context: Collection form field"
+                                children: $__i18n._({
+                                    id: "MHrjPM",
+                                    message: "Title"
                                 })
                             }),
                             /*#__PURE__*/ _jsx("input", {
                                 type: "text",
-                                name: "title",
+                                "data-bind": "title",
                                 class: "input",
-                                required: true,
-                                value: collection.title
+                                required: true
                             })
                         ]
                     }),
@@ -336,17 +328,16 @@ function EditCollectionContent({ collection }) {
                         children: [
                             /*#__PURE__*/ _jsx("label", {
                                 class: "label",
-                                children: t({
-                                    message: "Slug",
-                                    comment: "@context: Collection form field"
+                                children: $__i18n._({
+                                    id: "L85WcV",
+                                    message: "Slug"
                                 })
                             }),
                             /*#__PURE__*/ _jsx("input", {
                                 type: "text",
-                                name: "path",
+                                "data-bind": "path",
                                 class: "input",
                                 required: true,
-                                value: collection.path ?? "",
                                 pattern: "[a-z0-9-]+"
                             })
                         ]
@@ -356,13 +347,13 @@ function EditCollectionContent({ collection }) {
                         children: [
                             /*#__PURE__*/ _jsx("label", {
                                 class: "label",
-                                children: t({
-                                    message: "Description (optional)",
-                                    comment: "@context: Collection form field"
+                                children: $__i18n._({
+                                    id: "Fxf4jq",
+                                    message: "Description (optional)"
                                 })
                             }),
                             /*#__PURE__*/ _jsx("textarea", {
-                                name: "description",
+                                "data-bind": "description",
                                 class: "textarea",
                                 rows: 3,
                                 children: collection.description ?? ""
@@ -375,17 +366,17 @@ function EditCollectionContent({ collection }) {
                             /*#__PURE__*/ _jsx("button", {
                                 type: "submit",
                                 class: "btn",
-                                children: t({
-                                    message: "Update Collection",
-                                    comment: "@context: Button to save collection changes"
+                                children: $__i18n._({
+                                    id: "7Mk+/h",
+                                    message: "Update Collection"
                                 })
                             }),
                             /*#__PURE__*/ _jsx("a", {
                                 href: `/dash/collections/${collection.id}`,
                                 class: "btn-outline",
-                                children: t({
-                                    message: "Cancel",
-                                    comment: "@context: Button to cancel form"
+                                children: $__i18n._({
+                                    id: "dEgA5A",
+                                    message: "Cancel"
                                 })
                             })
                         ]
@@ -393,9 +384,9 @@ function EditCollectionContent({ collection }) {
                 ]
             }),
             /*#__PURE__*/ _jsx(DangerZone, {
-                actionLabel: t({
-                    message: "Delete Collection",
-                    comment: "@context: Button to delete collection"
+                actionLabel: $__i18n._({
+                    id: "GA5A5H",
+                    message: "Delete Collection"
                 }),
                 formAction: `/dash/collections/${collection.id}/delete`,
                 confirmMessage: "Are you sure you want to delete this collection?"
@@ -430,16 +421,15 @@ collectionsRoutes.get("/new", async (c)=>{
 });
 // 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 body = await c.req.json();
     const collection = await c.var.services.collections.create({
-        title,
-        path,
-        description: description || undefined
+        title: body.title,
+        path: body.path,
+        description: body.description || undefined
+    });
+    return sse(c, async (stream)=>{
+        await stream.redirect(`/dash/collections/${collection.id}`);
     });
-    return c.redirect(`/dash/collections/${collection.id}`);
 });
 // View single collection
 collectionsRoutes.get("/:id", async (c)=>{
@@ -481,32 +471,34 @@ collectionsRoutes.get("/:id/edit", async (c)=>{
 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");
+    const body = await c.req.json();
     await c.var.services.collections.update(id, {
-        title,
-        path,
-        description: description || undefined
+        title: body.title,
+        path: body.path,
+        description: body.description || undefined
+    });
+    return sse(c, async (stream)=>{
+        await stream.redirect(`/dash/collections/${id}`);
     });
-    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");
+    return sse(c, async (stream)=>{
+        await stream.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);
+    const body = await c.req.json();
+    if (body.postId) {
+        await c.var.services.collections.removePost(id, body.postId);
     }
-    return c.redirect(`/dash/collections/${id}`);
+    return sse(c, async (stream)=>{
+        await stream.redirect(`/dash/collections/${id}`);
+    });
 });

package/dist/routes/dash/index.js

@@ -4,7 +4,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
  *
  * Example of using @lingui/react/macro with Hono JSX!
  */ import { Hono } from "hono";
-import { Trans, useLingui } from "../../i18n/index.js";
+import { useLingui as $_useLingui } from "@jant/core/i18n";
+import { Trans as Trans_ } from "@jant/core/i18n";
 import { DashLayout } from "../../theme/layouts/index.js";
 export const dashIndexRoutes = new Hono();
 /**
@@ -12,15 +13,15 @@ export const dashIndexRoutes = new Hono();
  * Uses useLingui() from @lingui/react/macro - works with Hono JSX!
  */ function DashboardContent({ publishedCount, draftCount }) {
     // 🎉 Single layer! Just like React!
-    const { t } = useLingui();
+    const { i18n: $__i18n, _: $__ } = $_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"
+                children: $__i18n._({
+                    id: "7p5kLi",
+                    message: "Dashboard"
                 })
             }),
             /*#__PURE__*/ _jsxs("div", {
@@ -31,9 +32,9 @@ export const dashIndexRoutes = new Hono();
                         children: [
                             /*#__PURE__*/ _jsx("p", {
                                 class: "text-sm text-muted-foreground",
-                                children: t({
-                                    message: "Published",
-                                    comment: "@context: Post status label"
+                                children: $__i18n._({
+                                    id: "u3wRF+",
+                                    message: "Published"
                                 })
                             }),
                             /*#__PURE__*/ _jsx("p", {
@@ -47,9 +48,9 @@ export const dashIndexRoutes = new Hono();
                         children: [
                             /*#__PURE__*/ _jsx("p", {
                                 class: "text-sm text-muted-foreground",
-                                children: t({
-                                    message: "Drafts",
-                                    comment: "@context: Post status label"
+                                children: $__i18n._({
+                                    id: "M8kJqa",
+                                    message: "Drafts"
                                 })
                             }),
                             /*#__PURE__*/ _jsx("p", {
@@ -63,17 +64,17 @@ export const dashIndexRoutes = new Hono();
                         children: [
                             /*#__PURE__*/ _jsx("p", {
                                 class: "text-sm text-muted-foreground mb-2",
-                                children: t({
-                                    message: "Quick Actions",
-                                    comment: "@context: Dashboard section title"
+                                children: $__i18n._({
+                                    id: "UDMjsP",
+                                    message: "Quick Actions"
                                 })
                             }),
                             /*#__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"
+                                children: $__i18n._({
+                                    id: "FGrimz",
+                                    message: "New Post"
                                 })
                             })
                         ]
@@ -81,17 +82,15 @@ export const dashIndexRoutes = new Hono();
                 ]
             }),
             /*#__PURE__*/ _jsx("p", {
-                children: /*#__PURE__*/ _jsxs(Trans, {
-                    comment: "@context: Help text with link",
-                    children: [
-                        "Need help? Visit the",
-                        " ",
-                        /*#__PURE__*/ _jsx("a", {
+                children: /*#__PURE__*/ _jsx(Trans_, {
+                    message: "Need help? Visit the <0>documentation</0>",
+                    id: "Jed1wB",
+                    components: {
+                        0: /*#__PURE__*/ _jsx("a", {
                             href: "/docs",
-                            class: "underline",
-                            children: "documentation"
+                            class: "underline"
                         })
-                    ]
+                    }
                 })
             })
         ]

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

@@ -1 +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;AAMjD,KAAK,GAAG,GAAG;IAAE,QAAQ,EAAE,QAAQ,CAAC;IAAC,SAAS,EAAE,YAAY,CAAA;CAAE,CAAC;AAE3D,eAAO,MAAM,WAAW,kDAAkB,CAAC"}
+{"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"}