@jant/core 0.2.16 → 0.2.18

package/dist/routes/dash/appearance.js

@@ -0,0 +1,164 @@
+import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
+/**
+ * Dashboard Appearance Routes
+ */ import { Hono } from "hono";
+import { useLingui as $_useLingui } from "@jant/core/i18n";
+import { DashLayout } from "../../theme/layouts/index.js";
+import { sse } from "../../lib/sse.js";
+import { getSiteName } from "../../lib/config.js";
+import { SETTINGS_KEYS } from "../../lib/constants.js";
+import { getAvailableThemes } from "../../lib/theme.js";
+export const appearanceRoutes = new Hono();
+function ThemeCard({ theme, selected }) {
+    const expr = `$theme === '${theme.id}'`;
+    const { preview } = theme;
+    return /*#__PURE__*/ _jsx("label", {
+        class: `block cursor-pointer rounded-lg border overflow-hidden transition-colors ${selected ? "border-primary" : "border-border"}`,
+        "data-class:border-primary": expr,
+        "data-class:border-border": `$theme !== '${theme.id}'`,
+        children: /*#__PURE__*/ _jsxs("div", {
+            class: "grid grid-cols-2",
+            children: [
+                /*#__PURE__*/ _jsxs("div", {
+                    class: "p-5",
+                    style: `background-color:${preview.lightBg};color:${preview.lightText}`,
+                    children: [
+                        /*#__PURE__*/ _jsx("input", {
+                            type: "radio",
+                            name: "theme",
+                            value: theme.id,
+                            "data-bind": "theme",
+                            checked: selected || undefined,
+                            class: "mb-1"
+                        }),
+                        /*#__PURE__*/ _jsx("h3", {
+                            class: "font-bold text-lg",
+                            children: theme.name
+                        }),
+                        /*#__PURE__*/ _jsxs("p", {
+                            class: "text-sm mt-2 leading-relaxed",
+                            children: [
+                                "This is the ",
+                                theme.name,
+                                " theme in light mode. Links",
+                                " ",
+                                /*#__PURE__*/ _jsx("a", {
+                                    tabIndex: -1,
+                                    class: "underline",
+                                    style: `color:${preview.lightLink}`,
+                                    children: "look like this"
+                                }),
+                                ". We'll show the correct light or dark mode based on your visitor's settings."
+                            ]
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsxs("div", {
+                    class: "p-5",
+                    style: `background-color:${preview.darkBg};color:${preview.darkText}`,
+                    children: [
+                        /*#__PURE__*/ _jsx("h3", {
+                            class: "font-bold text-lg",
+                            children: theme.name
+                        }),
+                        /*#__PURE__*/ _jsxs("p", {
+                            class: "text-sm mt-2 leading-relaxed",
+                            children: [
+                                "This is the ",
+                                theme.name,
+                                " theme in dark mode. Links",
+                                " ",
+                                /*#__PURE__*/ _jsx("a", {
+                                    tabIndex: -1,
+                                    class: "underline",
+                                    style: `color:${preview.darkLink}`,
+                                    children: "look like this"
+                                }),
+                                ". We'll show the correct light or dark mode based on your visitor's settings."
+                            ]
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+}
+function AppearanceContent({ themes, currentThemeId }) {
+    const { i18n: $__i18n, _: $__ } = $_useLingui();
+    const signals = JSON.stringify({
+        theme: currentThemeId
+    }).replace(/</g, "\\u003c");
+    return /*#__PURE__*/ _jsx("div", {
+        "data-signals": signals,
+        "data-on:change": "@post('/dash/appearance')",
+        class: "max-w-3xl",
+        children: /*#__PURE__*/ _jsxs("fieldset", {
+            children: [
+                /*#__PURE__*/ _jsx("legend", {
+                    class: "text-lg font-semibold",
+                    children: $__i18n._({
+                        id: "rFmBG3",
+                        message: "Color theme"
+                    })
+                }),
+                /*#__PURE__*/ _jsx("p", {
+                    class: "text-sm text-muted-foreground mb-4",
+                    children: $__i18n._({
+                        id: "07Epll",
+                        message: "This will theme both your site and your dashboard. All color themes support dark mode."
+                    })
+                }),
+                /*#__PURE__*/ _jsx("div", {
+                    class: "flex flex-col gap-4",
+                    children: themes.map((theme)=>/*#__PURE__*/ _jsx(ThemeCard, {
+                            theme: theme,
+                            selected: theme.id === currentThemeId
+                        }, theme.id))
+                })
+            ]
+        })
+    });
+}
+// Appearance page
+appearanceRoutes.get("/", async (c)=>{
+    const { settings } = c.var.services;
+    const siteName = await getSiteName(c);
+    const currentThemeId = await settings.get(SETTINGS_KEYS.THEME) ?? "default";
+    const themes = getAvailableThemes(c.var.config);
+    const saved = c.req.query("saved") !== undefined;
+    return c.html(/*#__PURE__*/ _jsx(DashLayout, {
+        c: c,
+        title: "Appearance",
+        siteName: siteName,
+        currentPath: "/dash/appearance",
+        toast: saved ? {
+            message: "Theme saved successfully."
+        } : undefined,
+        children: /*#__PURE__*/ _jsx(AppearanceContent, {
+            themes: themes,
+            currentThemeId: currentThemeId
+        })
+    }));
+});
+// Save theme
+appearanceRoutes.post("/", async (c)=>{
+    const body = await c.req.json();
+    const { settings } = c.var.services;
+    const themes = getAvailableThemes(c.var.config);
+    // Validate theme ID
+    const validTheme = themes.find((t)=>t.id === body.theme);
+    if (!validTheme) {
+        return sse(c, async (stream)=>{
+            await stream.toast("Invalid theme selected.", "error");
+        });
+    }
+    if (validTheme.id === "default") {
+        await settings.remove(SETTINGS_KEYS.THEME);
+    } else {
+        await settings.set(SETTINGS_KEYS.THEME, validTheme.id);
+    }
+    // Full page reload to apply the new theme CSS
+    return sse(c, async (stream)=>{
+        await stream.redirect("/dash/appearance?saved");
+    });
+});

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

@@ -1 +1 @@
-{"version":3,"file":"collections.d.ts","sourceRoot":"","sources":["../../../src/routes/dash/collections.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAE5B,OAAO,KAAK,EAAE,QAAQ,EAAoB,MAAM,gBAAgB,CAAC;AACjE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAYjD,KAAK,GAAG,GAAG;IAAE,QAAQ,EAAE,QAAQ,CAAC;IAAC,SAAS,EAAE,YAAY,CAAA;CAAE,CAAC;AAE3D,eAAO,MAAM,iBAAiB,kDAAkB,CAAC"}
+{"version":3,"file":"collections.d.ts","sourceRoot":"","sources":["../../../src/routes/dash/collections.tsx"],"names":[],"mappings":"AACA;;GAEG;AAEH,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAE5B,OAAO,KAAK,EAAE,QAAQ,EAAoB,MAAM,gBAAgB,CAAC;AACjE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAYjD,KAAK,GAAG,GAAG;IAAE,QAAQ,EAAE,QAAQ,CAAC;IAAC,SAAS,EAAE,YAAY,CAAA;CAAE,CAAC;AAE3D,eAAO,MAAM,iBAAiB,kDAAkB,CAAC"}

package/dist/routes/dash/collections.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "hono/jsx/jsx-runtime";
+import { getSiteName } from "../../lib/config.js";
 /**
  * Dashboard Collections Routes
  */ import { Hono } from "hono";
@@ -396,7 +397,7 @@ function EditCollectionContent({ collection }) {
 }
 // List collections
 collectionsRoutes.get("/", async (c)=>{
-    const siteName = await c.var.services.settings.get("SITE_NAME") ?? "Jant";
+    const siteName = await getSiteName(c);
     const collections = await c.var.services.collections.list();
     return c.html(/*#__PURE__*/ _jsx(DashLayout, {
         c: c,
@@ -410,7 +411,7 @@ collectionsRoutes.get("/", async (c)=>{
 });
 // New collection form
 collectionsRoutes.get("/new", async (c)=>{
-    const siteName = await c.var.services.settings.get("SITE_NAME") ?? "Jant";
+    const siteName = await getSiteName(c);
     return c.html(/*#__PURE__*/ _jsx(DashLayout, {
         c: c,
         title: "New Collection",
@@ -438,7 +439,7 @@ collectionsRoutes.get("/:id", async (c)=>{
     const collection = await c.var.services.collections.getById(id);
     if (!collection) return c.notFound();
     const posts = await c.var.services.collections.getPosts(id);
-    const siteName = await c.var.services.settings.get("SITE_NAME") ?? "Jant";
+    const siteName = await getSiteName(c);
     return c.html(/*#__PURE__*/ _jsx(DashLayout, {
         c: c,
         title: collection.title,
@@ -456,7 +457,7 @@ collectionsRoutes.get("/:id/edit", async (c)=>{
     if (isNaN(id)) return c.notFound();
     const collection = await c.var.services.collections.getById(id);
     if (!collection) return c.notFound();
-    const siteName = await c.var.services.settings.get("SITE_NAME") ?? "Jant";
+    const siteName = await getSiteName(c);
     return c.html(/*#__PURE__*/ _jsx(DashLayout, {
         c: c,
         title: `Edit: ${collection.title}`,

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

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

package/dist/routes/dash/index.js

@@ -7,6 +7,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
 import { useLingui as $_useLingui } from "@jant/core/i18n";
 import { Trans as Trans_ } from "@jant/core/i18n";
 import { DashLayout } from "../../theme/layouts/index.js";
+import { getSiteName } from "../../lib/config.js";
 export const dashIndexRoutes = new Hono();
 /**
  * Dashboard content component
@@ -97,7 +98,7 @@ export const dashIndexRoutes = new Hono();
     });
 }
 dashIndexRoutes.get("/", async (c)=>{
-    const siteName = await c.var.services.settings.get("SITE_NAME") ?? "Jant";
+    const siteName = await getSiteName(c);
     // Get some stats
     const allPosts = await c.var.services.posts.list({
         limit: 1000

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;AAOjD,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":"AACA;;;;;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"}

package/dist/routes/dash/media.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "hono/jsx/jsx-runtime";
+import { getSiteName } from "../../lib/config.js";
 /**
  * Dashboard Media Routes
  *
@@ -530,7 +531,7 @@ function processSSEEvent(event) {
 // List media
 mediaRoutes.get("/", async (c)=>{
     const mediaList = await c.var.services.media.list(100);
-    const siteName = await c.var.services.settings.get("SITE_NAME") ?? "Jant";
+    const siteName = await getSiteName(c);
     const r2PublicUrl = c.env.R2_PUBLIC_URL;
     const imageTransformUrl = c.env.IMAGE_TRANSFORM_URL;
     return c.html(/*#__PURE__*/ _jsx(DashLayout, {
@@ -550,7 +551,7 @@ mediaRoutes.get("/:id", async (c)=>{
     const id = c.req.param("id");
     const media = await c.var.services.media.getById(id);
     if (!media) return c.notFound();
-    const siteName = await c.var.services.settings.get("SITE_NAME") ?? "Jant";
+    const siteName = await getSiteName(c);
     const r2PublicUrl = c.env.R2_PUBLIC_URL;
     const imageTransformUrl = c.env.IMAGE_TRANSFORM_URL;
     return c.html(/*#__PURE__*/ _jsx(DashLayout, {

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

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

package/dist/routes/dash/pages.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "hono/jsx/jsx-runtime";
+import { getSiteName } from "../../lib/config.js";
 /**
  * Dashboard Pages Routes
  *
@@ -191,7 +192,7 @@ pagesRoutes.get("/", async (c)=>{
         ],
         limit: 100
     });
-    const siteName = await c.var.services.settings.get("SITE_NAME") ?? "Jant";
+    const siteName = await getSiteName(c);
     return c.html(/*#__PURE__*/ _jsx(DashLayout, {
         c: c,
         title: "Pages",
@@ -204,7 +205,7 @@ pagesRoutes.get("/", async (c)=>{
 });
 // New page form
 pagesRoutes.get("/new", async (c)=>{
-    const siteName = await c.var.services.settings.get("SITE_NAME") ?? "Jant";
+    const siteName = await getSiteName(c);
     return c.html(/*#__PURE__*/ _jsx(DashLayout, {
         c: c,
         title: "New Page",
@@ -233,7 +234,7 @@ pagesRoutes.get("/:id", async (c)=>{
     if (!id) return c.notFound();
     const page = await c.var.services.posts.getById(id);
     if (!page || page.type !== "page") return c.notFound();
-    const siteName = await c.var.services.settings.get("SITE_NAME") ?? "Jant";
+    const siteName = await getSiteName(c);
     return c.html(/*#__PURE__*/ _jsx(DashLayout, {
         c: c,
         title: page.title || "Page",
@@ -250,7 +251,7 @@ pagesRoutes.get("/:id/edit", async (c)=>{
     if (!id) return c.notFound();
     const page = await c.var.services.posts.getById(id);
     if (!page || page.type !== "page") return c.notFound();
-    const siteName = await c.var.services.settings.get("SITE_NAME") ?? "Jant";
+    const siteName = await getSiteName(c);
     return c.html(/*#__PURE__*/ _jsx(DashLayout, {
         c: c,
         title: `Edit: ${page.title || "Page"}`,

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

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

package/dist/routes/dash/posts.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "hono/jsx/jsx-runtime";
+import { getSiteName } from "../../lib/config.js";
 /**
  * Dashboard Posts Routes
  */ import { Hono } from "hono";
@@ -56,7 +57,7 @@ postsRoutes.get("/", async (c)=>{
             "draft"
         ]
     });
-    const siteName = await c.var.services.settings.get("SITE_NAME") ?? "Jant";
+    const siteName = await getSiteName(c);
     return c.html(/*#__PURE__*/ _jsx(DashLayout, {
         c: c,
         title: "Posts",
@@ -69,7 +70,7 @@ postsRoutes.get("/", async (c)=>{
 });
 // New post form
 postsRoutes.get("/new", async (c)=>{
-    const siteName = await c.var.services.settings.get("SITE_NAME") ?? "Jant";
+    const siteName = await getSiteName(c);
     return c.html(/*#__PURE__*/ _jsx(DashLayout, {
         c: c,
         title: "New Post",
@@ -160,7 +161,7 @@ postsRoutes.get("/:id", async (c)=>{
     if (!id) return c.notFound();
     const post = await c.var.services.posts.getById(id);
     if (!post) return c.notFound();
-    const siteName = await c.var.services.settings.get("SITE_NAME") ?? "Jant";
+    const siteName = await getSiteName(c);
     const pageTitle = post.title || "Post";
     return c.html(/*#__PURE__*/ _jsx(DashLayout, {
         c: c,
@@ -178,7 +179,7 @@ postsRoutes.get("/:id/edit", async (c)=>{
     if (!id) return c.notFound();
     const post = await c.var.services.posts.getById(id);
     if (!post) return c.notFound();
-    const siteName = await c.var.services.settings.get("SITE_NAME") ?? "Jant";
+    const siteName = await getSiteName(c);
     return c.html(/*#__PURE__*/ _jsx(DashLayout, {
         c: c,
         title: `Edit: ${post.title || "Post"}`,

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

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

package/dist/routes/dash/redirects.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "hono/jsx/jsx-runtime";
+import { getSiteName } from "../../lib/config.js";
 /**
  * Dashboard Redirects Routes
  */ import { Hono } from "hono";
@@ -196,7 +197,7 @@ function NewRedirectContent() {
 }
 // List redirects
 redirectsRoutes.get("/", async (c)=>{
-    const siteName = await c.var.services.settings.get("SITE_NAME") ?? "Jant";
+    const siteName = await getSiteName(c);
     const redirects = await c.var.services.redirects.list();
     return c.html(/*#__PURE__*/ _jsx(DashLayout, {
         c: c,
@@ -210,7 +211,7 @@ redirectsRoutes.get("/", async (c)=>{
 });
 // New redirect form
 redirectsRoutes.get("/new", async (c)=>{
-    const siteName = await c.var.services.settings.get("SITE_NAME") ?? "Jant";
+    const siteName = await getSiteName(c);
     return c.html(/*#__PURE__*/ _jsx(DashLayout, {
         c: c,
         title: "New Redirect",

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

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

package/dist/routes/dash/settings.js

@@ -5,8 +5,9 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "hono/jsx/jsx-
 import { useLingui as $_useLingui } from "@jant/core/i18n";
 import { DashLayout } from "../../theme/layouts/index.js";
 import { sse } from "../../lib/sse.js";
+import { getSiteLanguage, getConfigFallback } from "../../lib/config.js";
 export const settingsRoutes = new Hono();
-function SettingsContent({ siteName, siteDescription, siteLanguage, saved }) {
+function SettingsContent({ siteName, siteDescription, siteLanguage, siteNameFallback, siteDescriptionFallback }) {
     const { i18n: $__i18n, _: $__ } = $_useLingui();
     const generalSignals = JSON.stringify({
         siteName,
@@ -22,17 +23,6 @@ function SettingsContent({ siteName, siteDescription, siteLanguage, saved }) {
                     message: "Settings"
                 })
             }),
-            saved && /*#__PURE__*/ _jsx("div", {
-                id: "settings-saved-toast",
-                class: "alert mb-4 max-w-lg transition-opacity duration-300",
-                "data-init": `console.log('[toast] init fired at', Date.now()); history.replaceState({}, '', '/dash/settings'); setTimeout(() => { console.log('[toast] hiding at', Date.now()); const el = document.getElementById('settings-saved-toast'); if (el) { el.style.opacity = '0'; setTimeout(() => el.remove(), 300) } }, 3000)`,
-                children: /*#__PURE__*/ _jsx("h2", {
-                    children: $__i18n._({
-                        id: "T0bsor",
-                        message: "Settings saved successfully."
-                    })
-                })
-            }),
             /*#__PURE__*/ _jsxs("div", {
                 class: "flex flex-col gap-6 max-w-lg",
                 children: [
@@ -40,9 +30,6 @@ function SettingsContent({ siteName, siteDescription, siteLanguage, saved }) {
                         "data-signals": generalSignals,
                         "data-on:submit__prevent": "@post('/dash/settings')",
                         children: [
-                            /*#__PURE__*/ _jsx("div", {
-                                id: "settings-message"
-                            }),
                             /*#__PURE__*/ _jsxs("div", {
                                 class: "card",
                                 children: [
@@ -71,7 +58,7 @@ function SettingsContent({ siteName, siteDescription, siteLanguage, saved }) {
                                                         type: "text",
                                                         "data-bind": "siteName",
                                                         class: "input",
-                                                        required: true
+                                                        placeholder: siteNameFallback
                                                     })
                                                 ]
                                             }),
@@ -89,6 +76,7 @@ function SettingsContent({ siteName, siteDescription, siteLanguage, saved }) {
                                                         "data-bind": "siteDescription",
                                                         class: "textarea",
                                                         rows: 3,
+                                                        placeholder: siteDescriptionFallback,
                                                         children: siteDescription
                                                     })
                                                 ]
@@ -144,9 +132,6 @@ function SettingsContent({ siteName, siteDescription, siteLanguage, saved }) {
                         "data-signals": "{currentPassword: '', newPassword: '', confirmPassword: ''}",
                         "data-on:submit__prevent": "@post('/dash/settings/password')",
                         children: [
-                            /*#__PURE__*/ _jsx("div", {
-                                id: "password-message"
-                            }),
                             /*#__PURE__*/ _jsxs("div", {
                                 class: "card",
                                 children: [
@@ -241,41 +226,57 @@ function SettingsContent({ siteName, siteDescription, siteLanguage, saved }) {
 }
 // Settings page
 settingsRoutes.get("/", async (c)=>{
-    const all = await c.var.services.settings.getAll();
-    const siteName = all["SITE_NAME"] ?? "Jant";
-    const siteDescription = all["SITE_DESCRIPTION"] ?? "";
-    const siteLanguage = all["SITE_LANGUAGE"] ?? "en";
+    const { settings } = c.var.services;
+    // Fetch raw DB values (null if not set)
+    const dbSiteName = await settings.get("SITE_NAME");
+    const dbSiteDescription = await settings.get("SITE_DESCRIPTION");
+    const siteLanguage = await getSiteLanguage(c);
+    // Fallback values (ENV > Default) for placeholders
+    const siteNameFallback = getConfigFallback(c, "SITE_NAME");
+    const siteDescriptionFallback = getConfigFallback(c, "SITE_DESCRIPTION");
     const saved = c.req.query("saved") !== undefined;
     return c.html(/*#__PURE__*/ _jsx(DashLayout, {
         c: c,
         title: "Settings",
-        siteName: siteName,
+        siteName: dbSiteName || siteNameFallback,
         currentPath: "/dash/settings",
+        toast: saved ? {
+            message: "Settings saved successfully."
+        } : undefined,
         children: /*#__PURE__*/ _jsx(SettingsContent, {
-            siteName: siteName,
-            siteDescription: siteDescription,
+            siteName: dbSiteName || "",
+            siteDescription: dbSiteDescription || "",
             siteLanguage: siteLanguage,
-            saved: saved
+            siteNameFallback: siteNameFallback,
+            siteDescriptionFallback: siteDescriptionFallback
         })
     }));
 });
 // Update settings
 settingsRoutes.post("/", async (c)=>{
     const body = await c.req.json();
-    const oldLanguage = await c.var.services.settings.get("SITE_LANGUAGE") ?? "en";
-    await c.var.services.settings.setMany({
-        SITE_NAME: body.siteName,
-        SITE_DESCRIPTION: body.siteDescription,
-        SITE_LANGUAGE: body.siteLanguage
-    });
+    const { settings } = c.var.services;
+    const oldLanguage = await settings.get("SITE_LANGUAGE") ?? "en";
+    // For text fields: empty = remove from DB (fall back to ENV > Default)
+    if (body.siteName.trim()) {
+        await settings.set("SITE_NAME", body.siteName.trim());
+    } else {
+        await settings.remove("SITE_NAME");
+    }
+    if (body.siteDescription.trim()) {
+        await settings.set("SITE_DESCRIPTION", body.siteDescription.trim());
+    } else {
+        await settings.remove("SITE_DESCRIPTION");
+    }
+    // Language always has a value from the select
+    await settings.set("SITE_LANGUAGE", body.siteLanguage);
     const languageChanged = oldLanguage !== body.siteLanguage;
     return sse(c, async (stream)=>{
         if (languageChanged) {
             // Language changed - full reload needed to update all UI text
             await stream.redirect("/dash/settings?saved");
         } else {
-            // No language change - show inline success message
-            await stream.patchElements('<div id="settings-message"><div class="alert mb-4 transition-opacity duration-300" data-init="setTimeout(() => { el.style.opacity = \'0\'; setTimeout(() => el.remove(), 300) }, 3000)"><h2>Settings saved successfully.</h2></div></div>');
+            await stream.toast("Settings saved successfully.");
         }
     });
 });
@@ -284,7 +285,7 @@ settingsRoutes.post("/password", async (c)=>{
     const body = await c.req.json();
     if (body.newPassword !== body.confirmPassword) {
         return sse(c, async (stream)=>{
-            await stream.patchElements('<div id="password-message"><div class="alert-destructive mb-4"><h2>Passwords do not match.</h2></div></div>');
+            await stream.toast("Passwords do not match.", "error");
         });
     }
     try {
@@ -298,11 +299,11 @@ settingsRoutes.post("/password", async (c)=>{
         });
     } catch  {
         return sse(c, async (stream)=>{
-            await stream.patchElements('<div id="password-message"><div class="alert-destructive mb-4"><h2>Current password is incorrect.</h2></div></div>');
+            await stream.toast("Current password is incorrect.", "error");
         });
     }
     return sse(c, async (stream)=>{
-        await stream.patchElements('<div id="password-message"><div class="alert mb-4"><h2>Password changed successfully.</h2></div></div>');
+        await stream.toast("Password changed successfully.");
         await stream.patchSignals({
             currentPassword: "",
             newPassword: "",

package/dist/routes/pages/archive.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"archive.d.ts","sourceRoot":"","sources":["../../../src/routes/pages/archive.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAE5B,OAAO,KAAK,EAAE,QAAQ,EAAkB,MAAM,gBAAgB,CAAC;AAC/D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAOjD,KAAK,GAAG,GAAG;IAAE,QAAQ,EAAE,QAAQ,CAAC;IAAC,SAAS,EAAE,YAAY,CAAA;CAAE,CAAC;AAI3D,eAAO,MAAM,aAAa,kDAAkB,CAAC"}
+{"version":3,"file":"archive.d.ts","sourceRoot":"","sources":["../../../src/routes/pages/archive.tsx"],"names":[],"mappings":"AACA;;;;GAIG;AAEH,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAE5B,OAAO,KAAK,EAAE,QAAQ,EAAkB,MAAM,gBAAgB,CAAC;AAC/D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAOjD,KAAK,GAAG,GAAG;IAAE,QAAQ,EAAE,QAAQ,CAAC;IAAC,SAAS,EAAE,YAAY,CAAA;CAAE,CAAC;AAI3D,eAAO,MAAM,aAAa,kDAAkB,CAAC"}

package/dist/routes/pages/archive.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
+import { getSiteName } from "../../lib/config.js";
 /**
  * Archive Page Route
  *
@@ -208,7 +209,7 @@ archiveRoutes.get("/", async (c)=>{
     // Parse cursor
     const cursorParam = c.req.query("cursor");
     const cursor = cursorParam ? parseInt(cursorParam, 10) : undefined;
-    const siteName = await c.var.services.settings.get("SITE_NAME") ?? "Jant";
+    const siteName = await getSiteName(c);
     // Fetch one extra to check for more
     const posts = await c.var.services.posts.list({
         type,

package/dist/routes/pages/collection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"collection.d.ts","sourceRoot":"","sources":["../../../src/routes/pages/collection.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAE5B,OAAO,KAAK,EAAE,QAAQ,EAAoB,MAAM,gBAAgB,CAAC;AACjE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAKjD,KAAK,GAAG,GAAG;IAAE,QAAQ,EAAE,QAAQ,CAAC;IAAC,SAAS,EAAE,YAAY,CAAA;CAAE,CAAC;AAE3D,eAAO,MAAM,gBAAgB,kDAAkB,CAAC"}
+{"version":3,"file":"collection.d.ts","sourceRoot":"","sources":["../../../src/routes/pages/collection.tsx"],"names":[],"mappings":"AACA;;GAEG;AAEH,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAE5B,OAAO,KAAK,EAAE,QAAQ,EAAoB,MAAM,gBAAgB,CAAC;AACjE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAKjD,KAAK,GAAG,GAAG;IAAE,QAAQ,EAAE,QAAQ,CAAC;IAAC,SAAS,EAAE,YAAY,CAAA;CAAE,CAAC;AAE3D,eAAO,MAAM,gBAAgB,kDAAkB,CAAC"}

package/dist/routes/pages/collection.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
+import { getSiteName } from "../../lib/config.js";
 /**
  * Collection Page Route
  */ import { Hono } from "hono";
@@ -80,7 +81,7 @@ collectionRoutes.get("/:path", async (c)=>{
     const collection = await c.var.services.collections.getByPath(path);
     if (!collection) return c.notFound();
     const posts = await c.var.services.collections.getPosts(collection.id);
-    const siteName = await c.var.services.settings.get("SITE_NAME") ?? "Jant";
+    const siteName = await getSiteName(c);
     return c.html(/*#__PURE__*/ _jsx(BaseLayout, {
         title: `${collection.title} - ${siteName}`,
         description: collection.description ?? undefined,

package/dist/routes/pages/home.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"home.d.ts","sourceRoot":"","sources":["../../../src/routes/pages/home.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAE5B,OAAO,KAAK,EAAE,QAAQ,EAAQ,MAAM,gBAAgB,CAAC;AACrD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAKjD,KAAK,GAAG,GAAG;IAAE,QAAQ,EAAE,QAAQ,CAAC;IAAC,SAAS,EAAE,YAAY,CAAA;CAAE,CAAC;AAE3D,eAAO,MAAM,UAAU,kDAAkB,CAAC"}
+{"version":3,"file":"home.d.ts","sourceRoot":"","sources":["../../../src/routes/pages/home.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAE5B,OAAO,KAAK,EAAE,QAAQ,EAAQ,MAAM,gBAAgB,CAAC;AACrD,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,UAAU,kDAAkB,CAAC"}

package/dist/routes/pages/home.js

@@ -6,6 +6,7 @@ import { useLingui as $_useLingui } from "@jant/core/i18n";
 import { BaseLayout } from "../../theme/layouts/index.js";
 import * as sqid from "../../lib/sqid.js";
 import * as time from "../../lib/time.js";
+import { getSiteName } from "../../lib/config.js";
 export const homeRoutes = new Hono();
 function HomeContent({ siteName, posts }) {
     const { i18n: $__i18n, _: $__ } = $_useLingui();
@@ -103,7 +104,7 @@ homeRoutes.get("/", async (c)=>{
     if (!isComplete) {
         return c.redirect("/setup");
     }
-    const siteName = await c.var.services.settings.get("SITE_NAME") ?? "Jant";
+    const siteName = await getSiteName(c);
     const posts = await c.var.services.posts.list({
         visibility: [
             "featured",

package/dist/routes/pages/page.d.ts.map

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