@jant/core 0.3.24 → 0.3.26

package/dist/ui/dash/settings/GeneralContent.js

@@ -0,0 +1,536 @@
+/**
+ * General settings form
+ */ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "hono/jsx/jsx-runtime";
+import { useLingui as $_useLingui } from "@jant/core/i18n";
+import { SettingsNav } from "./SettingsNav.js";
+/**
+ * Build data-signals JSON with `_orig_<key>` duplicates for cancel/reset.
+ * Private `_orig_*` signals store original values so Cancel can revert.
+ * The `dirty` signal tracks whether the user has made any changes.
+ */ function buildSignals(fields, dirty) {
+    const signals = {};
+    for (const [key, value] of Object.entries(fields)){
+        signals[key] = value;
+        signals[`_orig_${key}`] = value;
+    }
+    signals[dirty] = false;
+    return JSON.stringify(signals).replace(/</g, "\\u003c");
+}
+/** Spinner SVG shown inside buttons during loading */ function Spinner({ show }) {
+    return /*#__PURE__*/ _jsx("svg", {
+        "data-show": show,
+        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"
+        })
+    });
+}
+/**
+ * Save + Cancel button pair.
+ * Both are disabled when no changes (`!dirty`) or during loading.
+ * Cancel resets all signals to originals and clears dirty.
+ */ function FormActions({ indicator, dirty, fields }) {
+    const { i18n: $__i18n, _: $__ } = $_useLingui();
+    const resetExpr = [
+        ...fields.map((f)=>`$${f} = $_orig_${f}`),
+        `$${dirty} = false`
+    ].join("; ");
+    return /*#__PURE__*/ _jsxs("div", {
+        class: "flex gap-2 mt-4",
+        children: [
+            /*#__PURE__*/ _jsxs("button", {
+                type: "submit",
+                class: "btn",
+                disabled: true,
+                "data-attr:disabled": `$${indicator} || !$${dirty}`,
+                children: [
+                    /*#__PURE__*/ _jsx(Spinner, {
+                        show: `$${indicator}`
+                    }),
+                    $__i18n._({
+                        id: "tfDRzk",
+                        message: "Save"
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx("button", {
+                type: "button",
+                class: "btn-outline",
+                disabled: true,
+                "data-attr:disabled": `$${indicator} || !$${dirty}`,
+                "data-on:click": resetExpr,
+                children: $__i18n._({
+                    id: "dEgA5A",
+                    message: "Cancel"
+                })
+            })
+        ]
+    });
+}
+export function GeneralContent({ siteName, siteDescription, siteLanguage, homeDefaultView, siteNameFallback, siteDescriptionFallback, siteAvatarUrl, showHeaderAvatar, timeZone, siteFooter, noindex, timezones }) {
+    const { i18n: $__i18n, _: $__ } = $_useLingui();
+    const generalSignals = buildSignals({
+        siteName,
+        siteDescription,
+        siteLanguage,
+        homeDefaultView,
+        timeZone
+    }, "_generalDirty");
+    const footerSignals = buildSignals({
+        siteFooter
+    }, "_footerDirty");
+    const seoSignals = buildSignals({
+        noindex: noindex ? "" : "true"
+    }, "_seoDirty");
+    const avatarSignals = buildSignals({
+        showHeaderAvatar: showHeaderAvatar ? "true" : ""
+    }, "_avatarDisplayDirty");
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx("h1", {
+                class: "text-2xl font-semibold mb-2",
+                children: $__i18n._({
+                    id: "Tz0i8g",
+                    message: "Settings"
+                })
+            }),
+            /*#__PURE__*/ _jsx(SettingsNav, {
+                currentTab: "general"
+            }),
+            /*#__PURE__*/ _jsxs("div", {
+                class: "flex flex-col gap-6 max-w-lg",
+                children: [
+                    /*#__PURE__*/ _jsxs("div", {
+                        class: "card",
+                        children: [
+                            /*#__PURE__*/ _jsx("header", {
+                                children: /*#__PURE__*/ _jsx("h2", {
+                                    children: $__i18n._({
+                                        id: "PZ7HJ8",
+                                        message: "Blog Avatar"
+                                    })
+                                })
+                            }),
+                            /*#__PURE__*/ _jsxs("section", {
+                                class: "flex flex-col gap-4",
+                                children: [
+                                    /*#__PURE__*/ _jsxs("div", {
+                                        class: "flex items-center gap-4",
+                                        children: [
+                                            siteAvatarUrl ? /*#__PURE__*/ _jsx("img", {
+                                                src: siteAvatarUrl,
+                                                alt: "",
+                                                class: "rounded-full object-cover",
+                                                style: "width:64px;height:64px"
+                                            }) : /*#__PURE__*/ _jsx("div", {
+                                                class: "rounded-full bg-muted flex items-center justify-center text-muted-foreground",
+                                                style: "width:64px;height:64px",
+                                                children: /*#__PURE__*/ _jsxs("svg", {
+                                                    xmlns: "http://www.w3.org/2000/svg",
+                                                    width: "24",
+                                                    height: "24",
+                                                    viewBox: "0 0 24 24",
+                                                    fill: "none",
+                                                    stroke: "currentColor",
+                                                    "stroke-width": "2",
+                                                    "stroke-linecap": "round",
+                                                    "stroke-linejoin": "round",
+                                                    children: [
+                                                        /*#__PURE__*/ _jsx("rect", {
+                                                            width: "18",
+                                                            height: "18",
+                                                            x: "3",
+                                                            y: "3",
+                                                            rx: "2",
+                                                            ry: "2"
+                                                        }),
+                                                        /*#__PURE__*/ _jsx("circle", {
+                                                            cx: "9",
+                                                            cy: "9",
+                                                            r: "2"
+                                                        }),
+                                                        /*#__PURE__*/ _jsx("path", {
+                                                            d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"
+                                                        })
+                                                    ]
+                                                })
+                                            }),
+                                            /*#__PURE__*/ _jsxs("div", {
+                                                class: "flex flex-col gap-2",
+                                                children: [
+                                                    /*#__PURE__*/ _jsx("form", {
+                                                        action: "/dash/settings/avatar",
+                                                        method: "post",
+                                                        enctype: "multipart/form-data",
+                                                        class: "inline",
+                                                        children: /*#__PURE__*/ _jsxs("label", {
+                                                            class: "btn text-sm cursor-pointer",
+                                                            children: [
+                                                                $__i18n._({
+                                                                    id: "jUV7CU",
+                                                                    message: "Upload Avatar"
+                                                                }),
+                                                                /*#__PURE__*/ _jsx("input", {
+                                                                    type: "file",
+                                                                    name: "file",
+                                                                    accept: "image/jpeg,image/png,image/gif,image/webp,image/svg+xml",
+                                                                    class: "hidden",
+                                                                    "data-avatar-upload": true,
+                                                                    "data-text-processing": $__i18n._({
+                                                                        id: "k1ifdL",
+                                                                        message: "Processing..."
+                                                                    }),
+                                                                    "data-text-uploading": $__i18n._({
+                                                                        id: "GxkJXS",
+                                                                        message: "Uploading..."
+                                                                    }),
+                                                                    "data-text-error": $__i18n._({
+                                                                        id: "pZq3aX",
+                                                                        message: "Upload failed. Please try again."
+                                                                    })
+                                                                })
+                                                            ]
+                                                        })
+                                                    }),
+                                                    siteAvatarUrl && /*#__PURE__*/ _jsx("form", {
+                                                        "data-on:submit__prevent": "@post('/dash/settings/avatar/remove')",
+                                                        "data-indicator": "_removeAvatarLoading",
+                                                        children: /*#__PURE__*/ _jsx("button", {
+                                                            type: "submit",
+                                                            class: "btn-outline text-sm",
+                                                            "data-attr:disabled": "$_removeAvatarLoading",
+                                                            children: $__i18n._({
+                                                                id: "t/YqKh",
+                                                                message: "Remove"
+                                                            })
+                                                        })
+                                                    })
+                                                ]
+                                            })
+                                        ]
+                                    }),
+                                    /*#__PURE__*/ _jsx("p", {
+                                        class: "text-sm text-muted-foreground",
+                                        children: $__i18n._({
+                                            id: "dmCcPs",
+                                            message: "This is used for your favicon and apple-touch-icon. For best results, upload a square image at least 180x180 pixels."
+                                        })
+                                    }),
+                                    /*#__PURE__*/ _jsxs("form", {
+                                        "data-signals": avatarSignals,
+                                        "data-on:submit__prevent": "@post('/dash/settings/avatar/display')",
+                                        "data-indicator": "_avatarDisplayLoading",
+                                        children: [
+                                            /*#__PURE__*/ _jsxs("label", {
+                                                class: "flex items-center gap-2 cursor-pointer",
+                                                children: [
+                                                    /*#__PURE__*/ _jsx("input", {
+                                                        type: "checkbox",
+                                                        class: "checkbox",
+                                                        "data-bind": "showHeaderAvatar",
+                                                        "data-on:change": "$_avatarDisplayDirty = true",
+                                                        checked: showHeaderAvatar || undefined,
+                                                        value: "true"
+                                                    }),
+                                                    /*#__PURE__*/ _jsx("span", {
+                                                        children: $__i18n._({
+                                                            id: "Uj/btJ",
+                                                            message: "Display avatar in my site header"
+                                                        })
+                                                    })
+                                                ]
+                                            }),
+                                            /*#__PURE__*/ _jsx(FormActions, {
+                                                indicator: "_avatarDisplayLoading",
+                                                dirty: "_avatarDisplayDirty",
+                                                fields: [
+                                                    "showHeaderAvatar"
+                                                ]
+                                            })
+                                        ]
+                                    })
+                                ]
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsx("form", {
+                        "data-signals": generalSignals,
+                        "data-on:submit__prevent": "@post('/dash/settings')",
+                        "data-indicator": "_generalLoading",
+                        children: /*#__PURE__*/ _jsxs("div", {
+                            class: "card",
+                            children: [
+                                /*#__PURE__*/ _jsx("header", {
+                                    children: /*#__PURE__*/ _jsx("h2", {
+                                        children: $__i18n._({
+                                            id: "Weq9zb",
+                                            message: "General"
+                                        })
+                                    })
+                                }),
+                                /*#__PURE__*/ _jsxs("section", {
+                                    class: "flex flex-col gap-4",
+                                    children: [
+                                        /*#__PURE__*/ _jsxs("div", {
+                                            class: "field",
+                                            children: [
+                                                /*#__PURE__*/ _jsx("label", {
+                                                    class: "label",
+                                                    children: $__i18n._({
+                                                        id: "SJmfuf",
+                                                        message: "Site Name"
+                                                    })
+                                                }),
+                                                /*#__PURE__*/ _jsx("input", {
+                                                    type: "text",
+                                                    "data-bind": "siteName",
+                                                    "data-on:input": "$_generalDirty = true",
+                                                    class: "input",
+                                                    placeholder: siteNameFallback
+                                                })
+                                            ]
+                                        }),
+                                        /*#__PURE__*/ _jsxs("div", {
+                                            class: "field",
+                                            children: [
+                                                /*#__PURE__*/ _jsx("label", {
+                                                    class: "label",
+                                                    children: $__i18n._({
+                                                        id: "anibOb",
+                                                        message: "About this blog"
+                                                    })
+                                                }),
+                                                /*#__PURE__*/ _jsx("textarea", {
+                                                    "data-bind": "siteDescription",
+                                                    "data-on:input": "$_generalDirty = true",
+                                                    class: "textarea",
+                                                    rows: 3,
+                                                    placeholder: siteDescriptionFallback,
+                                                    children: siteDescription
+                                                }),
+                                                /*#__PURE__*/ _jsx("p", {
+                                                    class: "text-sm text-muted-foreground mt-1",
+                                                    children: $__i18n._({
+                                                        id: "N0APCr",
+                                                        message: "This is displayed above your blog posts on your default home page. This is also used for the meta description on your home page."
+                                                    })
+                                                })
+                                            ]
+                                        }),
+                                        /*#__PURE__*/ _jsxs("div", {
+                                            class: "field",
+                                            children: [
+                                                /*#__PURE__*/ _jsx("label", {
+                                                    class: "label",
+                                                    children: $__i18n._({
+                                                        id: "vXIe7J",
+                                                        message: "Language"
+                                                    })
+                                                }),
+                                                /*#__PURE__*/ _jsxs("select", {
+                                                    "data-bind": "siteLanguage",
+                                                    "data-on:change": "$_generalDirty = true",
+                                                    class: "select",
+                                                    children: [
+                                                        /*#__PURE__*/ _jsx("option", {
+                                                            value: "en",
+                                                            selected: siteLanguage === "en",
+                                                            children: "English"
+                                                        }),
+                                                        /*#__PURE__*/ _jsx("option", {
+                                                            value: "zh-Hans",
+                                                            selected: siteLanguage === "zh-Hans",
+                                                            children: "简体中文"
+                                                        }),
+                                                        /*#__PURE__*/ _jsx("option", {
+                                                            value: "zh-Hant",
+                                                            selected: siteLanguage === "zh-Hant",
+                                                            children: "繁體中文"
+                                                        })
+                                                    ]
+                                                })
+                                            ]
+                                        }),
+                                        /*#__PURE__*/ _jsxs("div", {
+                                            class: "field",
+                                            children: [
+                                                /*#__PURE__*/ _jsx("label", {
+                                                    class: "label",
+                                                    children: $__i18n._({
+                                                        id: "TNFigk",
+                                                        message: "Default Homepage View"
+                                                    })
+                                                }),
+                                                /*#__PURE__*/ _jsxs("select", {
+                                                    "data-bind": "homeDefaultView",
+                                                    "data-on:change": "$_generalDirty = true",
+                                                    class: "select",
+                                                    children: [
+                                                        /*#__PURE__*/ _jsx("option", {
+                                                            value: "latest",
+                                                            selected: homeDefaultView === "latest",
+                                                            children: $__i18n._({
+                                                                id: "wL3cK8",
+                                                                message: "Latest"
+                                                            })
+                                                        }),
+                                                        /*#__PURE__*/ _jsx("option", {
+                                                            value: "featured",
+                                                            selected: homeDefaultView === "featured",
+                                                            children: $__i18n._({
+                                                                id: "FkMol5",
+                                                                message: "Featured"
+                                                            })
+                                                        })
+                                                    ]
+                                                })
+                                            ]
+                                        }),
+                                        /*#__PURE__*/ _jsxs("div", {
+                                            class: "field",
+                                            children: [
+                                                /*#__PURE__*/ _jsx("label", {
+                                                    class: "label",
+                                                    children: $__i18n._({
+                                                        id: "RxsRD6",
+                                                        message: "Time Zone"
+                                                    })
+                                                }),
+                                                /*#__PURE__*/ _jsx("select", {
+                                                    "data-bind": "timeZone",
+                                                    "data-on:change": "$_generalDirty = true",
+                                                    class: "select",
+                                                    children: timezones.map((tz)=>/*#__PURE__*/ _jsx("option", {
+                                                            value: tz.value,
+                                                            selected: timeZone === tz.value,
+                                                            children: tz.label
+                                                        }, tz.value))
+                                                })
+                                            ]
+                                        }),
+                                        /*#__PURE__*/ _jsx(FormActions, {
+                                            indicator: "_generalLoading",
+                                            dirty: "_generalDirty",
+                                            fields: [
+                                                "siteName",
+                                                "siteDescription",
+                                                "siteLanguage",
+                                                "homeDefaultView",
+                                                "timeZone"
+                                            ]
+                                        })
+                                    ]
+                                })
+                            ]
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx("form", {
+                        "data-signals": footerSignals,
+                        "data-on:submit__prevent": "@post('/dash/settings/footer')",
+                        "data-indicator": "_footerLoading",
+                        children: /*#__PURE__*/ _jsxs("div", {
+                            class: "card",
+                            children: [
+                                /*#__PURE__*/ _jsx("header", {
+                                    children: /*#__PURE__*/ _jsx("h2", {
+                                        children: $__i18n._({
+                                            id: "2cFU6q",
+                                            message: "Site Footer"
+                                        })
+                                    })
+                                }),
+                                /*#__PURE__*/ _jsxs("section", {
+                                    class: "flex flex-col gap-4",
+                                    children: [
+                                        /*#__PURE__*/ _jsx("textarea", {
+                                            "data-bind": "siteFooter",
+                                            "data-on:input": "$_footerDirty = true",
+                                            class: "textarea font-mono text-sm",
+                                            rows: 4,
+                                            placeholder: $__i18n._({
+                                                id: "jVUmOK",
+                                                message: "Markdown supported"
+                                            }),
+                                            children: siteFooter
+                                        }),
+                                        /*#__PURE__*/ _jsx("p", {
+                                            class: "text-sm text-muted-foreground",
+                                            children: $__i18n._({
+                                                id: "ZUpE9/",
+                                                message: "This is displayed at the bottom of all of your posts and pages. Markdown is supported."
+                                            })
+                                        }),
+                                        /*#__PURE__*/ _jsx(FormActions, {
+                                            indicator: "_footerLoading",
+                                            dirty: "_footerDirty",
+                                            fields: [
+                                                "siteFooter"
+                                            ]
+                                        })
+                                    ]
+                                })
+                            ]
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx("form", {
+                        "data-signals": seoSignals,
+                        "data-on:submit__prevent": "@post('/dash/settings/seo')",
+                        "data-indicator": "_seoLoading",
+                        children: /*#__PURE__*/ _jsxs("div", {
+                            class: "card",
+                            children: [
+                                /*#__PURE__*/ _jsx("header", {
+                                    children: /*#__PURE__*/ _jsx("h2", {
+                                        children: $__i18n._({
+                                            id: "4Ml90q",
+                                            message: "SEO"
+                                        })
+                                    })
+                                }),
+                                /*#__PURE__*/ _jsxs("section", {
+                                    children: [
+                                        /*#__PURE__*/ _jsxs("label", {
+                                            class: "flex items-center gap-2 cursor-pointer",
+                                            children: [
+                                                /*#__PURE__*/ _jsx("input", {
+                                                    type: "checkbox",
+                                                    class: "checkbox",
+                                                    "data-bind": "noindex",
+                                                    "data-on:change": "$_seoDirty = true",
+                                                    checked: !noindex || undefined,
+                                                    value: "true"
+                                                }),
+                                                /*#__PURE__*/ _jsx("span", {
+                                                    children: $__i18n._({
+                                                        id: "Ui5/i3",
+                                                        message: "It's OK for search engines to index my site"
+                                                    })
+                                                })
+                                            ]
+                                        }),
+                                        /*#__PURE__*/ _jsx(FormActions, {
+                                            indicator: "_seoLoading",
+                                            dirty: "_seoDirty",
+                                            fields: [
+                                                "noindex"
+                                            ]
+                                        })
+                                    ]
+                                })
+                            ]
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+}

package/dist/ui/dash/settings/SettingsNav.js

@@ -0,0 +1,41 @@
+/**
+ * Settings sub-navigation tabs
+ */ import { jsx as _jsx } from "hono/jsx/jsx-runtime";
+import { useLingui as $_useLingui } from "@jant/core/i18n";
+export function SettingsNav({ currentTab }) {
+    const { i18n: $__i18n, _: $__ } = $_useLingui();
+    const tabs = [
+        {
+            id: "general",
+            label: $__i18n._({
+                id: "Weq9zb",
+                message: "General"
+            }),
+            href: "/dash/settings"
+        },
+        {
+            id: "appearance",
+            label: $__i18n._({
+                id: "aAIQg2",
+                message: "Appearance"
+            }),
+            href: "/dash/settings/appearance"
+        },
+        {
+            id: "account",
+            label: $__i18n._({
+                id: "AeXO77",
+                message: "Account"
+            }),
+            href: "/dash/settings/account"
+        }
+    ];
+    return /*#__PURE__*/ _jsx("nav", {
+        class: "flex gap-1 mb-6",
+        children: tabs.map((tab)=>/*#__PURE__*/ _jsx("a", {
+                href: tab.href,
+                class: `px-3 py-2 text-sm rounded-md ${tab.id === currentTab ? "bg-accent text-accent-foreground font-medium" : "text-muted-foreground hover:bg-accent hover:text-accent-foreground"}`,
+                children: tab.label
+            }, tab.id))
+    });
+}

package/dist/{themes/threads/timeline → ui/feed}/LinkCard.js

@@ -1,5 +1,5 @@
 /**
- * Threads Theme - Link Card
+ * Link Card
  *
  * Compact link preview box — date is shown at the feed level as a group header.
  */ import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
@@ -14,7 +14,9 @@ export const LinkCard = ({ post, compact })=>{
         }
     }
     return /*#__PURE__*/ _jsxs("article", {
-        class: `h-entry${compact ? " threads-compact" : ""}`,
+        class: `h-entry${compact ? " feed-compact" : ""}`,
+        "data-post": true,
+        "data-format": "link",
         children: [
             domain && /*#__PURE__*/ _jsxs("div", {
                 class: "text-xs text-muted-foreground mb-1 flex items-center gap-1",
@@ -47,12 +49,14 @@ export const LinkCard = ({ post, compact })=>{
             }),
             !compact && post.bodyHtml && /*#__PURE__*/ _jsx("div", {
                 class: "e-content prose text-muted-foreground",
+                "data-post-body": true,
                 dangerouslySetInnerHTML: {
                     __html: post.bodyHtml
                 }
             }),
             /*#__PURE__*/ _jsx("footer", {
                 class: "mt-2 text-xs text-muted-foreground",
+                "data-post-meta": true,
                 children: /*#__PURE__*/ _jsx("a", {
                     href: post.permalink,
                     class: "hover:underline",