@jant/core 0.2.16 → 0.2.18

package/dist/routes/pages/page.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
+import { getSiteName } from "../../lib/config.js";
 /**
  * Custom Page Route
  *
@@ -58,7 +59,7 @@ pageRoutes.get("/:path", async (c)=>{
     if (page.visibility === "draft") {
         return c.notFound();
     }
-    const siteName = await c.var.services.settings.get("SITE_NAME") ?? "Jant";
+    const siteName = await getSiteName(c);
     return c.html(/*#__PURE__*/ _jsx(BaseLayout, {
         title: `${page.title} - ${siteName}`,
         description: page.content?.slice(0, 160),

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

@@ -1 +1 @@
-{"version":3,"file":"post.d.ts","sourceRoot":"","sources":["../../../src/routes/pages/post.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":"post.d.ts","sourceRoot":"","sources":["../../../src/routes/pages/post.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;AAKjD,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/post.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
+import { getSiteName } from "../../lib/config.js";
 /**
  * Single Post Page Route
  */ import { Hono } from "hono";
@@ -77,7 +78,7 @@ postRoutes.get("/:id", async (c)=>{
     if (post.visibility === "draft") {
         return c.notFound();
     }
-    const siteName = await c.var.services.settings.get("SITE_NAME") ?? "Jant";
+    const siteName = await getSiteName(c);
     const title = post.title || siteName;
     return c.html(/*#__PURE__*/ _jsx(BaseLayout, {
         title: title,

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

@@ -1 +1 @@
-{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../../src/routes/pages/search.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;AAOjD,KAAK,GAAG,GAAG;IAAE,QAAQ,EAAE,QAAQ,CAAC;IAAC,SAAS,EAAE,YAAY,CAAA;CAAE,CAAC;AAI3D,eAAO,MAAM,YAAY,kDAAkB,CAAC"}
+{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../../src/routes/pages/search.tsx"],"names":[],"mappings":"AACA;;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;AAOjD,KAAK,GAAG,GAAG;IAAE,QAAQ,EAAE,QAAQ,CAAC;IAAC,SAAS,EAAE,YAAY,CAAA;CAAE,CAAC;AAI3D,eAAO,MAAM,YAAY,kDAAkB,CAAC"}

package/dist/routes/pages/search.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";
 /**
  * Search Page Route
  */ import { Hono } from "hono";
@@ -140,7 +141,7 @@ searchRoutes.get("/", async (c)=>{
     const query = c.req.query("q") || "";
     const pageParam = c.req.query("page");
     const page = pageParam ? Math.max(1, parseInt(pageParam, 10) || 1) : 1;
-    const siteName = await c.var.services.settings.get("SITE_NAME") ?? "Jant";
+    const siteName = await getSiteName(c);
     // Only search if there's a query
     let results = [];
     let error = null;

package/dist/services/settings.d.ts

@@ -10,6 +10,7 @@ export interface SettingsService {
     getAll(): Promise<Record<string, string>>;
     set(key: SettingsKey, value: string): Promise<void>;
     setMany(entries: Partial<Record<SettingsKey, string>>): Promise<void>;
+    remove(key: SettingsKey): Promise<void>;
     isOnboardingComplete(): Promise<boolean>;
     completeOnboarding(): Promise<void>;
 }

package/dist/services/settings.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"settings.d.ts","sourceRoot":"","sources":["../../src/services/settings.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAG/C,OAAO,EAGL,KAAK,WAAW,EACjB,MAAM,qBAAqB,CAAC;AAE7B,MAAM,WAAW,eAAe;IAC9B,GAAG,CAAC,GAAG,EAAE,WAAW,GAAG,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IAC9C,MAAM,IAAI,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IAC1C,GAAG,CAAC,GAAG,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACpD,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACtE,oBAAoB,IAAI,OAAO,CAAC,OAAO,CAAC,CAAC;IACzC,kBAAkB,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;CACrC;AAED,wBAAgB,qBAAqB,CAAC,EAAE,EAAE,QAAQ,GAAG,eAAe,CA6DnE"}
+{"version":3,"file":"settings.d.ts","sourceRoot":"","sources":["../../src/services/settings.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAG/C,OAAO,EAGL,KAAK,WAAW,EACjB,MAAM,qBAAqB,CAAC;AAE7B,MAAM,WAAW,eAAe;IAC9B,GAAG,CAAC,GAAG,EAAE,WAAW,GAAG,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IAC9C,MAAM,IAAI,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IAC1C,GAAG,CAAC,GAAG,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACpD,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACtE,MAAM,CAAC,GAAG,EAAE,WAAW,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACxC,oBAAoB,IAAI,OAAO,CAAC,OAAO,CAAC,CAAC;IACzC,kBAAkB,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;CACrC;AAED,wBAAgB,qBAAqB,CAAC,EAAE,EAAE,QAAQ,GAAG,eAAe,CAiEnE"}

package/dist/services/settings.js

@@ -34,6 +34,9 @@ export function createSettingsService(db) {
                 }
             });
         },
+        async remove (key) {
+            await db.delete(settings).where(eq(settings.key, key));
+        },
         async setMany (entries) {
             const timestamp = now();
             const keys = Object.keys(entries);

package/dist/theme/color-themes.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Built-in Color Themes
+ *
+ * Each theme defines CSS variable overrides for light and dark modes,
+ * plus preview colors for the theme picker UI.
+ */
+/**
+ * A color theme definition with light and dark mode CSS variable overrides.
+ */
+export interface ColorTheme {
+    /** Stored in DB settings, e.g. "beach" */
+    id: string;
+    /** Display name, e.g. "Beach" */
+    name: string;
+    /** CSS variable overrides for :root (light mode) */
+    light: Record<string, string>;
+    /** CSS variable overrides for .dark (dark mode) */
+    dark: Record<string, string>;
+    /** Preview colors (hex) for theme picker cards */
+    preview: {
+        lightBg: string;
+        lightText: string;
+        lightLink: string;
+        darkBg: string;
+        darkText: string;
+        darkLink: string;
+    };
+}
+export declare const BUILTIN_COLOR_THEMES: ColorTheme[];
+//# sourceMappingURL=color-themes.d.ts.map

package/dist/theme/color-themes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-themes.d.ts","sourceRoot":"","sources":["../../src/theme/color-themes.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,0CAA0C;IAC1C,EAAE,EAAE,MAAM,CAAC;IACX,iCAAiC;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,oDAAoD;IACpD,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC9B,mDAAmD;IACnD,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC7B,kDAAkD;IAClD,OAAO,EAAE;QACP,OAAO,EAAE,MAAM,CAAC;QAChB,SAAS,EAAE,MAAM,CAAC;QAClB,SAAS,EAAE,MAAM,CAAC;QAClB,MAAM,EAAE,MAAM,CAAC;QACf,QAAQ,EAAE,MAAM,CAAC;QACjB,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;CACH;AA2FD,eAAO,MAAM,oBAAoB,EAAE,UAAU,EAyM5C,CAAC"}

package/dist/theme/color-themes.js

@@ -0,0 +1,268 @@
+/**
+ * Built-in Color Themes
+ *
+ * Each theme defines CSS variable overrides for light and dark modes,
+ * plus preview colors for the theme picker UI.
+ */ /**
+ * A color theme definition with light and dark mode CSS variable overrides.
+ */ /**
+ * Create a comprehensive color theme from key colors.
+ * Derives card, popover, muted, secondary, accent, and sidebar variables.
+ */ function defineTheme(opts) {
+    const { light, dark } = opts;
+    return {
+        id: opts.id,
+        name: opts.name,
+        preview: opts.preview,
+        light: {
+            "--background": light.bg,
+            "--foreground": light.fg,
+            "--card": light.bg,
+            "--card-foreground": light.fg,
+            "--popover": light.bg,
+            "--popover-foreground": light.fg,
+            "--primary": light.primary,
+            "--primary-foreground": light.primaryFg,
+            "--secondary": light.muted,
+            "--secondary-foreground": light.fg,
+            "--muted": light.muted,
+            "--muted-foreground": light.mutedFg,
+            "--accent": light.muted,
+            "--accent-foreground": light.fg,
+            "--border": light.border,
+            "--input": light.border,
+            "--ring": light.primary,
+            "--sidebar": light.bg,
+            "--sidebar-foreground": light.fg,
+            "--sidebar-primary": light.primary,
+            "--sidebar-primary-foreground": light.primaryFg,
+            "--sidebar-accent": light.muted,
+            "--sidebar-accent-foreground": light.fg,
+            "--sidebar-border": light.border,
+            "--sidebar-ring": light.primary
+        },
+        dark: {
+            "--background": dark.bg,
+            "--foreground": dark.fg,
+            "--card": dark.bg,
+            "--card-foreground": dark.fg,
+            "--popover": dark.bg,
+            "--popover-foreground": dark.fg,
+            "--primary": dark.primary,
+            "--primary-foreground": dark.primaryFg,
+            "--secondary": dark.muted,
+            "--secondary-foreground": dark.fg,
+            "--muted": dark.muted,
+            "--muted-foreground": dark.mutedFg,
+            "--accent": dark.muted,
+            "--accent-foreground": dark.fg,
+            "--border": dark.border,
+            "--input": dark.border,
+            "--ring": dark.primary,
+            "--sidebar": dark.bg,
+            "--sidebar-foreground": dark.fg,
+            "--sidebar-primary": dark.primary,
+            "--sidebar-primary-foreground": dark.primaryFg,
+            "--sidebar-accent": dark.muted,
+            "--sidebar-accent-foreground": dark.fg,
+            "--sidebar-border": dark.border,
+            "--sidebar-ring": dark.primary
+        }
+    };
+}
+export const BUILTIN_COLOR_THEMES = [
+    {
+        id: "default",
+        name: "Default",
+        light: {},
+        dark: {},
+        preview: {
+            lightBg: "#ffffff",
+            lightText: "#1e1e1e",
+            lightLink: "#1e1e1e",
+            darkBg: "#262626",
+            darkText: "#fafafa",
+            darkLink: "#eaeaea"
+        }
+    },
+    defineTheme({
+        id: "beach",
+        name: "Beach",
+        preview: {
+            lightBg: "#f9f3ea",
+            lightText: "#3d3527",
+            lightLink: "#2d6a59",
+            darkBg: "#2d4553",
+            darkText: "#e2d6c4",
+            darkLink: "#7cc5a2"
+        },
+        light: {
+            bg: "oklch(0.97 0.01 85)",
+            fg: "oklch(0.28 0.02 65)",
+            primary: "oklch(0.46 0.1 170)",
+            primaryFg: "oklch(0.98 0.005 85)",
+            muted: "oklch(0.93 0.015 85)",
+            mutedFg: "oklch(0.52 0.015 65)",
+            border: "oklch(0.88 0.018 85)"
+        },
+        dark: {
+            bg: "oklch(0.27 0.03 210)",
+            fg: "oklch(0.88 0.015 80)",
+            primary: "oklch(0.72 0.1 165)",
+            primaryFg: "oklch(0.22 0.03 210)",
+            muted: "oklch(0.33 0.025 210)",
+            mutedFg: "oklch(0.65 0.015 80)",
+            border: "oklch(0.38 0.02 210)"
+        }
+    }),
+    defineTheme({
+        id: "gameboy",
+        name: "Gameboy",
+        preview: {
+            lightBg: "#d3d7c0",
+            lightText: "#2b3326",
+            lightLink: "#466740",
+            darkBg: "#1b1f18",
+            darkText: "#a6b09a",
+            darkLink: "#6d9660"
+        },
+        light: {
+            bg: "oklch(0.87 0.03 130)",
+            fg: "oklch(0.25 0.04 140)",
+            primary: "oklch(0.4 0.08 145)",
+            primaryFg: "oklch(0.92 0.02 130)",
+            muted: "oklch(0.83 0.035 130)",
+            mutedFg: "oklch(0.48 0.03 140)",
+            border: "oklch(0.79 0.035 130)"
+        },
+        dark: {
+            bg: "oklch(0.18 0.02 140)",
+            fg: "oklch(0.78 0.025 130)",
+            primary: "oklch(0.6 0.08 145)",
+            primaryFg: "oklch(0.15 0.02 140)",
+            muted: "oklch(0.24 0.02 140)",
+            mutedFg: "oklch(0.58 0.02 130)",
+            border: "oklch(0.3 0.02 140)"
+        }
+    }),
+    defineTheme({
+        id: "grayscale",
+        name: "Grayscale",
+        preview: {
+            lightBg: "#efefef",
+            lightText: "#3a3a3a",
+            lightLink: "#555555",
+            darkBg: "#1e1e1e",
+            darkText: "#c8c8c8",
+            darkLink: "#999999"
+        },
+        light: {
+            bg: "oklch(0.96 0 0)",
+            fg: "oklch(0.3 0 0)",
+            primary: "oklch(0.4 0 0)",
+            primaryFg: "oklch(0.96 0 0)",
+            muted: "oklch(0.92 0 0)",
+            mutedFg: "oklch(0.55 0 0)",
+            border: "oklch(0.87 0 0)"
+        },
+        dark: {
+            bg: "oklch(0.18 0 0)",
+            fg: "oklch(0.82 0 0)",
+            primary: "oklch(0.7 0 0)",
+            primaryFg: "oklch(0.18 0 0)",
+            muted: "oklch(0.24 0 0)",
+            mutedFg: "oklch(0.6 0 0)",
+            border: "oklch(0.3 0 0)"
+        }
+    }),
+    defineTheme({
+        id: "halloween",
+        name: "Halloween",
+        preview: {
+            lightBg: "#f9f2e3",
+            lightText: "#352200",
+            lightLink: "#cc5500",
+            darkBg: "#1e1000",
+            darkText: "#dfc390",
+            darkLink: "#ff8c00"
+        },
+        light: {
+            bg: "oklch(0.97 0.015 75)",
+            fg: "oklch(0.25 0.04 55)",
+            primary: "oklch(0.6 0.2 50)",
+            primaryFg: "oklch(0.98 0.01 75)",
+            muted: "oklch(0.93 0.02 75)",
+            mutedFg: "oklch(0.5 0.025 55)",
+            border: "oklch(0.88 0.025 75)"
+        },
+        dark: {
+            bg: "oklch(0.16 0.03 50)",
+            fg: "oklch(0.85 0.025 75)",
+            primary: "oklch(0.72 0.19 55)",
+            primaryFg: "oklch(0.14 0.03 50)",
+            muted: "oklch(0.22 0.025 50)",
+            mutedFg: "oklch(0.62 0.02 75)",
+            border: "oklch(0.28 0.025 50)"
+        }
+    }),
+    defineTheme({
+        id: "notepad",
+        name: "Notepad",
+        preview: {
+            lightBg: "#fdfce8",
+            lightText: "#333333",
+            lightLink: "#2060b8",
+            darkBg: "#2a291a",
+            darkText: "#d2d2b8",
+            darkLink: "#6695cc"
+        },
+        light: {
+            bg: "oklch(0.985 0.018 95)",
+            fg: "oklch(0.27 0 0)",
+            primary: "oklch(0.5 0.17 260)",
+            primaryFg: "oklch(0.985 0.01 95)",
+            muted: "oklch(0.94 0.022 95)",
+            mutedFg: "oklch(0.52 0 0)",
+            border: "oklch(0.88 0.025 95)"
+        },
+        dark: {
+            bg: "oklch(0.2 0.02 90)",
+            fg: "oklch(0.87 0.015 95)",
+            primary: "oklch(0.65 0.14 260)",
+            primaryFg: "oklch(0.98 0.01 95)",
+            muted: "oklch(0.26 0.018 90)",
+            mutedFg: "oklch(0.62 0.012 95)",
+            border: "oklch(0.32 0.018 90)"
+        }
+    }),
+    defineTheme({
+        id: "sonnet",
+        name: "Sonnet",
+        preview: {
+            lightBg: "#f7eef5",
+            lightText: "#2e1e2c",
+            lightLink: "#9845c8",
+            darkBg: "#1d1428",
+            darkText: "#d4c2d0",
+            darkLink: "#c080fc"
+        },
+        light: {
+            bg: "oklch(0.97 0.012 325)",
+            fg: "oklch(0.25 0.02 310)",
+            primary: "oklch(0.55 0.2 300)",
+            primaryFg: "oklch(0.98 0.008 325)",
+            muted: "oklch(0.93 0.016 325)",
+            mutedFg: "oklch(0.52 0.015 310)",
+            border: "oklch(0.88 0.016 325)"
+        },
+        dark: {
+            bg: "oklch(0.18 0.025 300)",
+            fg: "oklch(0.87 0.012 325)",
+            primary: "oklch(0.72 0.18 300)",
+            primaryFg: "oklch(0.98 0.008 325)",
+            muted: "oklch(0.24 0.022 300)",
+            mutedFg: "oklch(0.62 0.012 325)",
+            border: "oklch(0.3 0.022 300)"
+        }
+    })
+];

package/dist/theme/layouts/BaseLayout.d.ts

@@ -8,11 +8,16 @@
  */
 import type { FC, PropsWithChildren } from "hono/jsx";
 import type { Context } from "hono";
+export interface ToastProps {
+    message: string;
+    type?: "success" | "error";
+}
 export interface BaseLayoutProps {
     title: string;
     description?: string;
     lang?: string;
     c?: Context;
+    toast?: ToastProps;
 }
 export declare const BaseLayout: FC<PropsWithChildren<BaseLayoutProps>>;
 //# sourceMappingURL=BaseLayout.d.ts.map

package/dist/theme/layouts/BaseLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BaseLayout.d.ts","sourceRoot":"","sources":["../../../src/theme/layouts/BaseLayout.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AACtD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAIpC,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,CAAC,CAAC,EAAE,OAAO,CAAC;CACb;AAED,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,iBAAiB,CAAC,eAAe,CAAC,CA2B7D,CAAC"}
+{"version":3,"file":"BaseLayout.d.ts","sourceRoot":"","sources":["../../../src/theme/layouts/BaseLayout.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AACtD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAIpC,MAAM,WAAW,UAAU;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;CAC5B;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,CAAC,CAAC,EAAE,OAAO,CAAC;IACZ,KAAK,CAAC,EAAE,UAAU,CAAC;CACpB;AAED,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,iBAAiB,CAAC,eAAe,CAAC,CAiF7D,CAAC"}

package/dist/theme/layouts/BaseLayout.js

@@ -8,7 +8,7 @@
  */ import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
 import { Script, Link, ViteClient } from "vite-ssr-components/hono";
 import { I18nProvider } from "../../i18n/index.js";
-export const BaseLayout = ({ title, description, lang, c, children })=>{
+export const BaseLayout = ({ title, description, lang, c, toast, children })=>{
     // Read lang from Hono context if available, otherwise use prop or default
     const resolvedLang = lang ?? (c ? c.get("lang") : "en");
     // Automatically wrap with I18nProvider if Context is provided
@@ -16,6 +16,8 @@ export const BaseLayout = ({ title, description, lang, c, children })=>{
         c: c,
         children: children
     }) : children;
+    // Read theme style from Hono context if available
+    const themeStyle = c ? c.get("themeStyle") : undefined;
     return /*#__PURE__*/ _jsxs("html", {
         lang: resolvedLang,
         children: [
@@ -40,14 +42,79 @@ export const BaseLayout = ({ title, description, lang, c, children })=>{
                         href: "/src/style.css",
                         rel: "stylesheet"
                     }),
+                    themeStyle && /*#__PURE__*/ _jsx("style", {
+                        children: themeStyle
+                    }),
                     /*#__PURE__*/ _jsx(Script, {
                         src: "/src/client.ts"
                     })
                 ]
             }),
-            /*#__PURE__*/ _jsx("body", {
+            /*#__PURE__*/ _jsxs("body", {
                 class: "bg-background text-foreground antialiased",
-                children: content
+                children: [
+                    content,
+                    /*#__PURE__*/ _jsx("div", {
+                        id: "toast-container",
+                        class: "toast-container",
+                        children: toast && /*#__PURE__*/ _jsxs("div", {
+                            class: `toast ${toast.type === "error" ? "toast-error" : "toast-success"}`,
+                            "data-init": "history.replaceState({}, '', location.pathname); setTimeout(() => { el.classList.add('toast-out'); el.addEventListener('animationend', () => el.remove()) }, 3000)",
+                            children: [
+                                toast.type === "error" ? /*#__PURE__*/ _jsxs("svg", {
+                                    xmlns: "http://www.w3.org/2000/svg",
+                                    fill: "none",
+                                    viewBox: "0 0 24 24",
+                                    "stroke-width": "2",
+                                    stroke: "currentColor",
+                                    children: [
+                                        /*#__PURE__*/ _jsx("circle", {
+                                            cx: "12",
+                                            cy: "12",
+                                            r: "10"
+                                        }),
+                                        /*#__PURE__*/ _jsx("path", {
+                                            d: "m15 9-6 6M9 9l6 6"
+                                        })
+                                    ]
+                                }) : /*#__PURE__*/ _jsxs("svg", {
+                                    xmlns: "http://www.w3.org/2000/svg",
+                                    fill: "none",
+                                    viewBox: "0 0 24 24",
+                                    "stroke-width": "2",
+                                    stroke: "currentColor",
+                                    children: [
+                                        /*#__PURE__*/ _jsx("circle", {
+                                            cx: "12",
+                                            cy: "12",
+                                            r: "10"
+                                        }),
+                                        /*#__PURE__*/ _jsx("path", {
+                                            d: "m9 12 2 2 4-4"
+                                        })
+                                    ]
+                                }),
+                                /*#__PURE__*/ _jsx("span", {
+                                    children: toast.message
+                                }),
+                                /*#__PURE__*/ _jsx("button", {
+                                    class: "toast-close",
+                                    "data-on:click": "el.closest('.toast').classList.add('toast-out'); el.closest('.toast').addEventListener('animationend', () => el.closest('.toast').remove())",
+                                    children: /*#__PURE__*/ _jsx("svg", {
+                                        xmlns: "http://www.w3.org/2000/svg",
+                                        fill: "none",
+                                        viewBox: "0 0 24 24",
+                                        "stroke-width": "2",
+                                        stroke: "currentColor",
+                                        children: /*#__PURE__*/ _jsx("path", {
+                                            d: "M18 6 6 18M6 6l12 12"
+                                        })
+                                    })
+                                })
+                            ]
+                        })
+                    })
+                ]
             })
         ]
     });

package/dist/theme/layouts/DashLayout.d.ts

@@ -5,11 +5,13 @@
  */
 import type { FC, PropsWithChildren } from "hono/jsx";
 import type { Context } from "hono";
+import { type ToastProps } from "./BaseLayout.js";
 export interface DashLayoutProps {
     c: Context;
     title: string;
     siteName: string;
     currentPath?: string;
+    toast?: ToastProps;
 }
 export declare const DashLayout: FC<PropsWithChildren<DashLayoutProps>>;
 //# sourceMappingURL=DashLayout.d.ts.map

package/dist/theme/layouts/DashLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DashLayout.d.ts","sourceRoot":"","sources":["../../../src/theme/layouts/DashLayout.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AACtD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAIpC,MAAM,WAAW,eAAe;IAC9B,CAAC,EAAE,OAAO,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAkID,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,iBAAiB,CAAC,eAAe,CAAC,CAc7D,CAAC"}
+{"version":3,"file":"DashLayout.d.ts","sourceRoot":"","sources":["../../../src/theme/layouts/DashLayout.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AACtD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAEpC,OAAO,EAAc,KAAK,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE9D,MAAM,WAAW,eAAe;IAC9B,CAAC,EAAE,OAAO,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,UAAU,CAAC;CACpB;AA2ID,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,iBAAiB,CAAC,eAAe,CAAC,CAe7D,CAAC"}

package/dist/theme/layouts/DashLayout.js

@@ -113,6 +113,14 @@ function DashLayoutContent({ siteName, currentPath, children }) {
                                         id: "Tz0i8g",
                                         message: "Settings"
                                     })
+                                }),
+                                /*#__PURE__*/ _jsx("a", {
+                                    href: "/dash/appearance",
+                                    class: navClass("/dash/appearance", /^\/dash\/appearance/),
+                                    children: $__i18n._({
+                                        id: "aAIQg2",
+                                        message: "Appearance"
+                                    })
                                 })
                             ]
                         })
@@ -126,10 +134,11 @@ function DashLayoutContent({ siteName, currentPath, children }) {
         ]
     });
 }
-export const DashLayout = ({ c, title, siteName, currentPath, children })=>{
+export const DashLayout = ({ c, title, siteName, currentPath, toast, children })=>{
     return /*#__PURE__*/ _jsx(BaseLayout, {
         title: `${title} - ${siteName}`,
         c: c,
+        toast: toast,
         children: /*#__PURE__*/ _jsx(DashLayoutContent, {
             siteName: siteName,
             currentPath: currentPath,

package/dist/theme/layouts/index.d.ts

@@ -1,3 +1,3 @@
-export { BaseLayout, type BaseLayoutProps } from "./BaseLayout.js";
+export { BaseLayout, type BaseLayoutProps, type ToastProps, } from "./BaseLayout.js";
 export { DashLayout, type DashLayoutProps } from "./DashLayout.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/theme/layouts/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/theme/layouts/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/theme/layouts/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,UAAU,GAChB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,iBAAiB,CAAC"}