@jant/core 0.3.25 → 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/ui/font-themes.js

@@ -0,0 +1,36 @@
+/**
+ * Built-in Font Themes
+ *
+ * System-font-only presets — no external font loading required.
+ */ /**
+ * A font theme definition with display metadata.
+ */ export const BUILTIN_FONT_THEMES = [
+    {
+        id: "default",
+        name: "System Default",
+        // 现代系统字体栈：先英文，后 Mac/iOS 中文，再 Win 中文
+        fontFamily: 'system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Source Han Sans CN", sans-serif',
+        description: "与你的操作系统保持一致，最稳定的阅读体验"
+    },
+    {
+        id: "serif",
+        name: "Classic Serif",
+        // Charter 是 Apple 系统自带的极品衬线体
+        fontFamily: 'Charter, "Bitstream Charter", "Sitka Text", Georgia, "Songti SC", "Source Han Serif CN", "STSong", "SimSun", serif',
+        description: "传统的衬线体，适合深度长文阅读"
+    },
+    {
+        id: "humanist",
+        name: "Humanist",
+        // Optima 具有书法韵味，Candara 是 Windows 上的优质人文体
+        fontFamily: 'Optima, Candara, "Noto Sans", "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif',
+        description: "温润如玉的字体风格，兼具现代感与书法美感"
+    },
+    {
+        id: "mono",
+        name: "Monospace",
+        // 优先使用 JetBrains Mono 或 SF Mono
+        fontFamily: '"JetBrains Mono", "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", "PingFang SC", "Microsoft YaHei", monospace',
+        description: "等宽字体，适合技术内容或代码展示"
+    }
+];