@jant/core 0.2.13 → 0.2.15

package/dist/app.js

@@ -253,17 +253,17 @@ import { sse } from "./lib/sse.js";
         const { siteName, name, email, password } = body;
         if (!siteName || !name || !email || !password) {
             return sse(c, async (stream)=>{
-                await stream.patchElements('<div id="setup-message"><p class="text-destructive text-sm mb-4">All fields are required</p></div>');
+                await stream.patchElements('<div id="setup-message"><div class="alert-destructive mb-4"><h2>All fields are required</h2></div></div>');
             });
         }
         if (password.length < 8) {
             return sse(c, async (stream)=>{
-                await stream.patchElements('<div id="setup-message"><p class="text-destructive text-sm mb-4">Password must be at least 8 characters</p></div>');
+                await stream.patchElements('<div id="setup-message"><div class="alert-destructive mb-4"><h2>Password must be at least 8 characters</h2></div></div>');
             });
         }
         if (!c.var.auth) {
             return sse(c, async (stream)=>{
-                await stream.patchElements('<div id="setup-message"><p class="text-destructive text-sm mb-4">AUTH_SECRET not configured</p></div>');
+                await stream.patchElements('<div id="setup-message"><div class="alert-destructive mb-4"><h2>AUTH_SECRET not configured</h2></div></div>');
             });
         }
         try {
@@ -276,7 +276,7 @@ import { sse } from "./lib/sse.js";
             });
             if (!signUpResponse || "error" in signUpResponse) {
                 return sse(c, async (stream)=>{
-                    await stream.patchElements('<div id="setup-message"><p class="text-destructive text-sm mb-4">Failed to create account</p></div>');
+                    await stream.patchElements('<div id="setup-message"><div class="alert-destructive mb-4"><h2>Failed to create account</h2></div></div>');
                 });
             }
             await c.var.services.settings.setMany({
@@ -291,7 +291,7 @@ import { sse } from "./lib/sse.js";
             // eslint-disable-next-line no-console -- Error logging is intentional
             console.error("Setup error:", err);
             return sse(c, async (stream)=>{
-                await stream.patchElements('<div id="setup-message"><p class="text-destructive text-sm mb-4">Failed to create account</p></div>');
+                await stream.patchElements('<div id="setup-message"><div class="alert-destructive mb-4"><h2>Failed to create account</h2></div></div>');
             });
         }
     });
@@ -398,7 +398,7 @@ import { sse } from "./lib/sse.js";
     app.post("/signin", async (c)=>{
         if (!c.var.auth) {
             return sse(c, async (stream)=>{
-                await stream.patchElements('<div id="signin-message"><p class="text-destructive text-sm mb-4">Auth not configured</p></div>');
+                await stream.patchElements('<div id="signin-message"><div class="alert-destructive mb-4"><h2>Auth not configured</h2></div></div>');
             });
         }
         const body = await c.req.json();
@@ -417,7 +417,7 @@ import { sse } from "./lib/sse.js";
             const response = await c.var.auth.handler(signInRequest);
             if (!response.ok) {
                 return sse(c, async (stream)=>{
-                    await stream.patchElements('<div id="signin-message"><p class="text-destructive text-sm mb-4">Invalid email or password</p></div>');
+                    await stream.patchElements('<div id="signin-message"><div class="alert-destructive mb-4"><h2>Invalid email or password</h2></div></div>');
                 });
             }
             // Forward Set-Cookie headers from auth response
@@ -435,7 +435,7 @@ import { sse } from "./lib/sse.js";
             // eslint-disable-next-line no-console -- Error logging is intentional
             console.error("Signin error:", err);
             return sse(c, async (stream)=>{
-                await stream.patchElements('<div id="signin-message"><p class="text-destructive text-sm mb-4">Invalid email or password</p></div>');
+                await stream.patchElements('<div id="signin-message"><div class="alert-destructive mb-4"><h2>Invalid email or password</h2></div></div>');
             });
         }
     });

package/dist/routes/dash/settings.js

@@ -24,11 +24,13 @@ function SettingsContent({ siteName, siteDescription, siteLanguage, saved }) {
             }),
             saved && /*#__PURE__*/ _jsx("div", {
                 id: "settings-saved-toast",
-                class: "mb-4 max-w-lg rounded-md border border-green-200 bg-green-50 p-3 text-sm text-green-800 transition-opacity duration-300 dark:border-green-800 dark:bg-green-950 dark:text-green-200",
+                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: $__i18n._({
-                    id: "T0bsor",
-                    message: "Settings saved successfully."
+                children: /*#__PURE__*/ _jsx("h2", {
+                    children: $__i18n._({
+                        id: "T0bsor",
+                        message: "Settings saved successfully."
+                    })
                 })
             }),
             /*#__PURE__*/ _jsxs("div", {
@@ -273,7 +275,7 @@ settingsRoutes.post("/", async (c)=>{
             await stream.redirect("/dash/settings?saved");
         } else {
             // No language change - show inline success message
-            await stream.patchElements('<div id="settings-message"><div class="rounded-md border border-green-200 bg-green-50 p-3 text-sm text-green-800 dark:border-green-800 dark:bg-green-950 dark:text-green-200 mb-4 transition-opacity duration-300" data-init="setTimeout(() => { el.style.opacity = \'0\'; setTimeout(() => el.remove(), 300) }, 3000)">Settings saved successfully.</div></div>');
+            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>');
         }
     });
 });
@@ -282,7 +284,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="rounded-md border border-red-200 bg-red-50 p-3 text-sm text-red-800 dark:border-red-800 dark:bg-red-950 dark:text-red-200 mb-4">Passwords do not match.</div></div>');
+            await stream.patchElements('<div id="password-message"><div class="alert-destructive mb-4"><h2>Passwords do not match.</h2></div></div>');
         });
     }
     try {
@@ -296,11 +298,11 @@ settingsRoutes.post("/password", async (c)=>{
         });
     } catch  {
         return sse(c, async (stream)=>{
-            await stream.patchElements('<div id="password-message"><div class="rounded-md border border-red-200 bg-red-50 p-3 text-sm text-red-800 dark:border-red-800 dark:bg-red-950 dark:text-red-200 mb-4">Current password is incorrect.</div></div>');
+            await stream.patchElements('<div id="password-message"><div class="alert-destructive mb-4"><h2>Current password is incorrect.</h2></div></div>');
         });
     }
     return sse(c, async (stream)=>{
-        await stream.patchElements('<div id="password-message"><div class="rounded-md border border-green-200 bg-green-50 p-3 text-sm text-green-800 dark:border-green-800 dark:bg-green-950 dark:text-green-200 mb-4">Password changed successfully.</div></div>');
+        await stream.patchElements('<div id="password-message"><div class="alert mb-4"><h2>Password changed successfully.</h2></div></div>');
         await stream.patchSignals({
             currentPassword: "",
             newPassword: "",

package/dist/routes/pages/search.js

@@ -52,8 +52,10 @@ function SearchContent({ query, results, error, hasMore, page }) {
                 })
             }),
             error && /*#__PURE__*/ _jsx("div", {
-                class: "p-4 rounded-lg bg-destructive/10 text-destructive mb-6",
-                children: error
+                class: "alert-destructive mb-6",
+                children: /*#__PURE__*/ _jsx("h2", {
+                    children: error
+                })
             }),
             query && !error && /*#__PURE__*/ _jsxs("div", {
                 children: [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jant/core",
-  "version": "0.2.13",
+  "version": "0.2.15",
   "description": "A modern, open-source microblogging platform built on Cloudflare Workers",
   "type": "module",
   "bin": {
@@ -33,16 +33,17 @@
   },
   "dependencies": {
     "@lingui/core": "^5.9.0",
+    "basecoat-css": "^0.3.10",
     "better-auth": "^1.4.18",
     "drizzle-orm": "^0.45.1",
     "hono": "^4.11.7",
     "marked": "^17.0.1",
     "sqids": "^0.3.0",
     "uuidv7": "^1.1.0",
+    "vite-ssr-components": "^0.5.2",
     "zod": "^4.3.6"
   },
   "peerDependencies": {
-    "basecoat-css": "^0.3.0",
     "tailwindcss": "^4.0.0"
   },
   "devDependencies": {
@@ -53,7 +54,6 @@
     "@swc/cli": "^0.6.0",
     "@swc/core": "^1.15.11",
     "@types/node": "^25.1.0",
-    "basecoat-css": "^0.3.10",
     "drizzle-kit": "^0.31.8",
     "glob": "^13.0.0",
     "tailwindcss": "^4.1.18",

package/src/app.tsx

@@ -270,7 +270,7 @@ export function createApp(config: JantConfig = {}): App {
     if (!siteName || !name || !email || !password) {
       return sse(c, async (stream) => {
         await stream.patchElements(
-          '<div id="setup-message"><p class="text-destructive text-sm mb-4">All fields are required</p></div>',
+          '<div id="setup-message"><div class="alert-destructive mb-4"><h2>All fields are required</h2></div></div>',
         );
       });
     }
@@ -278,7 +278,7 @@ export function createApp(config: JantConfig = {}): App {
     if (password.length < 8) {
       return sse(c, async (stream) => {
         await stream.patchElements(
-          '<div id="setup-message"><p class="text-destructive text-sm mb-4">Password must be at least 8 characters</p></div>',
+          '<div id="setup-message"><div class="alert-destructive mb-4"><h2>Password must be at least 8 characters</h2></div></div>',
         );
       });
     }
@@ -286,7 +286,7 @@ export function createApp(config: JantConfig = {}): App {
     if (!c.var.auth) {
       return sse(c, async (stream) => {
         await stream.patchElements(
-          '<div id="setup-message"><p class="text-destructive text-sm mb-4">AUTH_SECRET not configured</p></div>',
+          '<div id="setup-message"><div class="alert-destructive mb-4"><h2>AUTH_SECRET not configured</h2></div></div>',
         );
       });
     }
@@ -299,7 +299,7 @@ export function createApp(config: JantConfig = {}): App {
       if (!signUpResponse || "error" in signUpResponse) {
         return sse(c, async (stream) => {
           await stream.patchElements(
-            '<div id="setup-message"><p class="text-destructive text-sm mb-4">Failed to create account</p></div>',
+            '<div id="setup-message"><div class="alert-destructive mb-4"><h2>Failed to create account</h2></div></div>',
           );
         });
       }
@@ -318,7 +318,7 @@ export function createApp(config: JantConfig = {}): App {
       console.error("Setup error:", err);
       return sse(c, async (stream) => {
         await stream.patchElements(
-          '<div id="setup-message"><p class="text-destructive text-sm mb-4">Failed to create account</p></div>',
+          '<div id="setup-message"><div class="alert-destructive mb-4"><h2>Failed to create account</h2></div></div>',
         );
       });
     }
@@ -414,7 +414,7 @@ export function createApp(config: JantConfig = {}): App {
     if (!c.var.auth) {
       return sse(c, async (stream) => {
         await stream.patchElements(
-          '<div id="signin-message"><p class="text-destructive text-sm mb-4">Auth not configured</p></div>',
+          '<div id="signin-message"><div class="alert-destructive mb-4"><h2>Auth not configured</h2></div></div>',
         );
       });
     }
@@ -437,7 +437,7 @@ export function createApp(config: JantConfig = {}): App {
       if (!response.ok) {
         return sse(c, async (stream) => {
           await stream.patchElements(
-            '<div id="signin-message"><p class="text-destructive text-sm mb-4">Invalid email or password</p></div>',
+            '<div id="signin-message"><div class="alert-destructive mb-4"><h2>Invalid email or password</h2></div></div>',
           );
         });
       }
@@ -461,7 +461,7 @@ export function createApp(config: JantConfig = {}): App {
       console.error("Signin error:", err);
       return sse(c, async (stream) => {
         await stream.patchElements(
-          '<div id="signin-message"><p class="text-destructive text-sm mb-4">Invalid email or password</p></div>',
+          '<div id="signin-message"><div class="alert-destructive mb-4"><h2>Invalid email or password</h2></div></div>',
         );
       });
     }

package/src/routes/dash/settings.tsx

@@ -41,13 +41,15 @@ function SettingsContent({
       {saved && (
         <div
           id="settings-saved-toast"
-          class="mb-4 max-w-lg rounded-md border border-green-200 bg-green-50 p-3 text-sm text-green-800 transition-opacity duration-300 dark:border-green-800 dark:bg-green-950 dark:text-green-200"
+          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)`}
         >
-          {t({
-            message: "Settings saved successfully.",
-            comment: "@context: Toast message after saving settings",
-          })}
+          <h2>
+            {t({
+              message: "Settings saved successfully.",
+              comment: "@context: Toast message after saving settings",
+            })}
+          </h2>
         </div>
       )}
 
@@ -254,7 +256,7 @@ settingsRoutes.post("/", async (c) => {
     } else {
       // No language change - show inline success message
       await stream.patchElements(
-        '<div id="settings-message"><div class="rounded-md border border-green-200 bg-green-50 p-3 text-sm text-green-800 dark:border-green-800 dark:bg-green-950 dark:text-green-200 mb-4 transition-opacity duration-300" data-init="setTimeout(() => { el.style.opacity = \'0\'; setTimeout(() => el.remove(), 300) }, 3000)">Settings saved successfully.</div></div>',
+        '<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>',
       );
     }
   });
@@ -271,7 +273,7 @@ settingsRoutes.post("/password", async (c) => {
   if (body.newPassword !== body.confirmPassword) {
     return sse(c, async (stream) => {
       await stream.patchElements(
-        '<div id="password-message"><div class="rounded-md border border-red-200 bg-red-50 p-3 text-sm text-red-800 dark:border-red-800 dark:bg-red-950 dark:text-red-200 mb-4">Passwords do not match.</div></div>',
+        '<div id="password-message"><div class="alert-destructive mb-4"><h2>Passwords do not match.</h2></div></div>',
       );
     });
   }
@@ -288,14 +290,14 @@ settingsRoutes.post("/password", async (c) => {
   } catch {
     return sse(c, async (stream) => {
       await stream.patchElements(
-        '<div id="password-message"><div class="rounded-md border border-red-200 bg-red-50 p-3 text-sm text-red-800 dark:border-red-800 dark:bg-red-950 dark:text-red-200 mb-4">Current password is incorrect.</div></div>',
+        '<div id="password-message"><div class="alert-destructive mb-4"><h2>Current password is incorrect.</h2></div></div>',
       );
     });
   }
 
   return sse(c, async (stream) => {
     await stream.patchElements(
-      '<div id="password-message"><div class="rounded-md border border-green-200 bg-green-50 p-3 text-sm text-green-800 dark:border-green-800 dark:bg-green-950 dark:text-green-200 mb-4">Password changed successfully.</div></div>',
+      '<div id="password-message"><div class="alert mb-4"><h2>Password changed successfully.</h2></div></div>',
     );
     await stream.patchSignals({
       currentPassword: "",

package/src/routes/pages/search.tsx

@@ -66,8 +66,8 @@ function SearchContent({
 
       {/* Error */}
       {error && (
-        <div class="p-4 rounded-lg bg-destructive/10 text-destructive mb-6">
-          {error}
+        <div class="alert-destructive mb-6">
+          <h2>{error}</h2>
         </div>
       )}