@jant/core 0.2.18 → 0.2.19

package/dist/routes/dash/appearance.js

@@ -4,7 +4,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
  */ 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 { dsRedirect, dsToast } from "../../lib/sse.js";
 import { getSiteName } from "../../lib/config.js";
 import { SETTINGS_KEYS } from "../../lib/constants.js";
 import { getAvailableThemes } from "../../lib/theme.js";
@@ -148,9 +148,7 @@ appearanceRoutes.post("/", async (c)=>{
     // 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");
-        });
+        return dsToast("Invalid theme selected.", "error");
     }
     if (validTheme.id === "default") {
         await settings.remove(SETTINGS_KEYS.THEME);
@@ -158,7 +156,5 @@ appearanceRoutes.post("/", async (c)=>{
         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");
-    });
+    return dsRedirect("/dash/appearance?saved");
 });

package/dist/routes/dash/collections.js

@@ -7,7 +7,7 @@ import { useLingui as $_useLingui } from "@jant/core/i18n";
 import { DashLayout } from "../../theme/layouts/index.js";
 import { EmptyState, ListItemRow, ActionButtons, CrudPageHeader, DangerZone } from "../../theme/components/index.js";
 import * as sqid from "../../lib/sqid.js";
-import { sse } from "../../lib/sse.js";
+import { dsRedirect } from "../../lib/sse.js";
 export const collectionsRoutes = new Hono();
 function CollectionsListContent({ collections }) {
     const { i18n: $__i18n, _: $__ } = $_useLingui();
@@ -428,9 +428,7 @@ collectionsRoutes.post("/", async (c)=>{
         path: body.path,
         description: body.description || undefined
     });
-    return sse(c, async (stream)=>{
-        await stream.redirect(`/dash/collections/${collection.id}`);
-    });
+    return dsRedirect(`/dash/collections/${collection.id}`);
 });
 // View single collection
 collectionsRoutes.get("/:id", async (c)=>{
@@ -478,18 +476,14 @@ collectionsRoutes.post("/:id", async (c)=>{
         path: body.path,
         description: body.description || undefined
     });
-    return sse(c, async (stream)=>{
-        await stream.redirect(`/dash/collections/${id}`);
-    });
+    return dsRedirect(`/dash/collections/${id}`);
 });
 // Delete collection
 collectionsRoutes.post("/:id/delete", async (c)=>{
     const id = parseInt(c.req.param("id"), 10);
     if (isNaN(id)) return c.notFound();
     await c.var.services.collections.delete(id);
-    return sse(c, async (stream)=>{
-        await stream.redirect("/dash/collections");
-    });
+    return dsRedirect("/dash/collections");
 });
 // Remove post from collection
 collectionsRoutes.post("/:id/remove-post", async (c)=>{
@@ -499,7 +493,5 @@ collectionsRoutes.post("/:id/remove-post", async (c)=>{
     if (body.postId) {
         await c.var.services.collections.removePost(id, body.postId);
     }
-    return sse(c, async (stream)=>{
-        await stream.redirect(`/dash/collections/${id}`);
-    });
+    return dsRedirect(`/dash/collections/${id}`);
 });

package/dist/routes/dash/media.js

@@ -11,7 +11,7 @@ import { DashLayout } from "../../theme/layouts/index.js";
 import { EmptyState, DangerZone } from "../../theme/components/index.js";
 import * as time from "../../lib/time.js";
 import { getMediaUrl, getImageUrl } from "../../lib/image.js";
-import { sse } from "../../lib/sse.js";
+import { dsRedirect } from "../../lib/sse.js";
 export const mediaRoutes = new Hono();
 /**
  * Format file size for display
@@ -72,8 +72,7 @@ export const mediaRoutes = new Hono();
 /**
  * Media list page content
  *
- * Uses plain JavaScript for upload state management (more reliable than Datastar signals
- * for complex async flows like file uploads with SSE responses).
+ * Upload is handled by media-upload.ts (client module) + Datastar @post for SSE.
  */ function MediaListContent({ mediaList, r2PublicUrl, imageTransformUrl }) {
     const { i18n: $__i18n, _: $__ } = $_useLingui();
     const processingText = $__i18n._({
@@ -92,164 +91,18 @@ export const mediaRoutes = new Hono();
         id: "pZq3aX",
         message: "Upload failed. Please try again."
     });
-    // Plain JavaScript upload handler - shows progress in the list
-    const uploadScript = `
-async function handleMediaUpload(input) {
-  if (!input.files || !input.files[0]) return;
-
-  const file = input.files[0];
-  const errorBox = document.getElementById('upload-error');
-  errorBox.classList.add('hidden');
-
-  // Ensure grid exists (remove empty state if needed)
-  let grid = document.getElementById('media-grid');
-  if (!grid) {
-    document.getElementById('empty-state')?.remove();
-    grid = document.createElement('div');
-    grid.id = 'media-grid';
-    grid.className = 'grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-4';
-    document.getElementById('media-content').appendChild(grid);
-  }
-
-  // Create placeholder card showing progress
-  const placeholder = document.createElement('div');
-  placeholder.id = 'upload-placeholder';
-  placeholder.className = 'group relative';
-  placeholder.innerHTML = \`
-    <div class="aspect-square bg-muted rounded-lg overflow-hidden border flex items-center justify-center">
-      <div class="text-center px-2">
-        <svg class="animate-spin h-6 w-6 text-muted-foreground mx-auto mb-2" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
-          <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
-          <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
-        </svg>
-        <span id="upload-status" class="text-xs text-muted-foreground">${processingText}</span>
-      </div>
-    </div>
-    <div class="mt-2 text-xs truncate" title="\${file.name}">\${file.name}</div>
-    <div class="text-xs text-muted-foreground">\${formatFileSize(file.size)}</div>
-  \`;
-  grid.prepend(placeholder);
-
-  try {
-    if (typeof ImageProcessor === 'undefined') {
-      throw new Error('ImageProcessor not loaded');
-    }
-
-    // Process image client-side
-    const processed = await ImageProcessor.processToFile(file);
-    document.getElementById('upload-status').textContent = '${uploadingText}';
-
-    // Upload with SSE response
-    const fd = new FormData();
-    fd.append('file', processed);
-
-    const response = await fetch('/api/upload', {
-      method: 'POST',
-      body: fd,
-      headers: { 'Accept': 'text/event-stream' }
-    });
-
-    if (!response.ok) throw new Error('Upload failed: ' + response.status);
-
-    // Parse SSE stream - will replace placeholder with real card
-    const reader = response.body.getReader();
-    const decoder = new TextDecoder();
-    let buffer = '';
-
-    while (true) {
-      const { done, value } = await reader.read();
-      if (done) break;
-
-      buffer += decoder.decode(value, { stream: true });
-      const events = buffer.split('\\n\\n');
-      buffer = events.pop() || '';
-
-      for (const event of events) {
-        if (!event.trim()) continue;
-        processSSEEvent(event);
-      }
-    }
-
-  } catch (err) {
-    console.error('Upload error:', err);
-    // Show error in placeholder
-    placeholder.innerHTML = \`
-      <div class="aspect-square bg-destructive/10 rounded-lg overflow-hidden border border-destructive flex items-center justify-center">
-        <div class="text-center px-2">
-          <span class="text-xs text-destructive">\${err.message || '${errorText}'}</span>
-        </div>
-      </div>
-      <div class="mt-2 text-xs truncate text-destructive">\${file.name}</div>
-      <button type="button" class="text-xs text-muted-foreground hover:underline" onclick="this.closest('.group').remove()">Remove</button>
-    \`;
-  }
-
-  input.value = '';
-}
-
-function formatFileSize(bytes) {
-  if (bytes < 1024) return bytes + ' B';
-  if (bytes < 1024 * 1024) return (bytes / 1024).toFixed(1) + ' KB';
-  return (bytes / (1024 * 1024)).toFixed(1) + ' MB';
-}
-
-function processSSEEvent(event) {
-  const lines = event.split('\\n');
-  let eventType = '';
-  const data = {};
-  let elementsLines = [];
-  let inElements = false;
-
-  for (const line of lines) {
-    if (line.startsWith('event: ')) {
-      eventType = line.slice(7);
-    } else if (line.startsWith('data: ')) {
-      const content = line.slice(6);
-      if (content.startsWith('mode ')) {
-        data.mode = content.slice(5);
-        inElements = false;
-      } else if (content.startsWith('selector ')) {
-        data.selector = content.slice(9);
-        inElements = false;
-      } else if (content.startsWith('elements ')) {
-        elementsLines = [content.slice(9)];
-        inElements = true;
-      } else if (inElements) {
-        // Continuation of elements content
-        elementsLines.push(content);
-      }
-    }
-  }
-
-  if (elementsLines.length > 0) {
-    data.elements = elementsLines.join('\\n');
-  }
-
-  if (eventType === 'datastar-patch-elements') {
-    if (data.mode === 'remove' && data.selector) {
-      document.querySelector(data.selector)?.remove();
-    } else if (data.mode === 'outer' && data.selector && data.elements) {
-      // Replace element entirely (used for placeholder -> real card)
-      const target = document.querySelector(data.selector);
-      if (target) {
-        const temp = document.createElement('div');
-        temp.innerHTML = data.elements;
-        const newElement = temp.firstElementChild;
-        if (newElement) {
-          target.replaceWith(newElement);
-          if (window.Datastar) Datastar.apply(newElement);
-        }
-      }
-    }
-  }
-}
-`.trim();
     return /*#__PURE__*/ _jsxs(_Fragment, {
         children: [
-            /*#__PURE__*/ _jsx("script", {
-                dangerouslySetInnerHTML: {
-                    __html: uploadScript
-                }
+            /*#__PURE__*/ _jsx("form", {
+                id: "upload-form",
+                class: "hidden",
+                enctype: "multipart/form-data",
+                "data-on:submit__prevent": "@post('/api/upload', {contentType: 'form'})",
+                children: /*#__PURE__*/ _jsx("input", {
+                    id: "upload-file-input",
+                    type: "file",
+                    name: "file"
+                })
             }),
             /*#__PURE__*/ _jsxs("div", {
                 class: "flex items-center justify-between mb-6",
@@ -271,16 +124,15 @@ function processSSEEvent(event) {
                                 type: "file",
                                 class: "hidden",
                                 accept: "image/*",
-                                onchange: "handleMediaUpload(this)"
+                                "data-media-upload": true,
+                                "data-text-processing": processingText,
+                                "data-text-uploading": uploadingText,
+                                "data-text-error": errorText
                             })
                         ]
                     })
                 ]
             }),
-            /*#__PURE__*/ _jsx("div", {
-                id: "upload-error",
-                class: "hidden"
-            }),
             /*#__PURE__*/ _jsx("div", {
                 class: "card mb-6",
                 children: /*#__PURE__*/ _jsx("section", {
@@ -582,7 +434,5 @@ mediaRoutes.post("/:id/delete", async (c)=>{
     }
     // Delete from database
     await c.var.services.media.delete(id);
-    return sse(c, async (stream)=>{
-        await stream.redirect("/dash/media");
-    });
+    return dsRedirect("/dash/media");
 });

package/dist/routes/dash/pages.js

@@ -10,7 +10,7 @@ import { DashLayout } from "../../theme/layouts/index.js";
 import { PageForm, VisibilityBadge, EmptyState, ListItemRow, ActionButtons, CrudPageHeader, DangerZone } from "../../theme/components/index.js";
 import * as sqid from "../../lib/sqid.js";
 import * as time from "../../lib/time.js";
-import { sse } from "../../lib/sse.js";
+import { dsRedirect } from "../../lib/sse.js";
 export const pagesRoutes = new Hono();
 function PagesListContent({ pages }) {
     const { i18n: $__i18n, _: $__ } = $_useLingui();
@@ -224,9 +224,7 @@ pagesRoutes.post("/", async (c)=>{
         visibility: body.visibility,
         path: body.path.toLowerCase().replace(/[^a-z0-9-]/g, "-")
     });
-    return sse(c, async (stream)=>{
-        await stream.redirect(`/dash/pages/${sqid.encode(page.id)}`);
-    });
+    return dsRedirect(`/dash/pages/${sqid.encode(page.id)}`);
 });
 // View single page
 pagesRoutes.get("/:id", async (c)=>{
@@ -274,16 +272,12 @@ pagesRoutes.post("/:id", async (c)=>{
         visibility: body.visibility,
         path: body.path.toLowerCase().replace(/[^a-z0-9-]/g, "-")
     });
-    return sse(c, async (stream)=>{
-        await stream.redirect(`/dash/pages/${sqid.encode(id)}`);
-    });
+    return dsRedirect(`/dash/pages/${sqid.encode(id)}`);
 });
 // Delete page
 pagesRoutes.post("/:id/delete", async (c)=>{
     const id = sqid.decode(c.req.param("id"));
     if (!id) return c.notFound();
     await c.var.services.posts.delete(id);
-    return sse(c, async (stream)=>{
-        await stream.redirect("/dash/pages");
-    });
+    return dsRedirect("/dash/pages");
 });

package/dist/routes/dash/posts.js

@@ -7,7 +7,7 @@ import { useLingui as $_useLingui } from "@jant/core/i18n";
 import { DashLayout } from "../../theme/layouts/index.js";
 import { PostForm, PostList, CrudPageHeader, ActionButtons } from "../../theme/components/index.js";
 import * as sqid from "../../lib/sqid.js";
-import { sse } from "../../lib/sse.js";
+import { dsRedirect } from "../../lib/sse.js";
 export const postsRoutes = new Hono();
 function PostsListContent({ posts }) {
     const { i18n: $__i18n, _: $__ } = $_useLingui();
@@ -90,9 +90,7 @@ postsRoutes.post("/", async (c)=>{
         sourceUrl: body.sourceUrl || undefined,
         path: body.path || undefined
     });
-    return sse(c, async (stream)=>{
-        await stream.redirect(`/dash/posts/${sqid.encode(post.id)}`);
-    });
+    return dsRedirect(`/dash/posts/${sqid.encode(post.id)}`);
 });
 function ViewPostContent({ post }) {
     const { i18n: $__i18n, _: $__ } = $_useLingui();
@@ -203,16 +201,12 @@ postsRoutes.post("/:id", async (c)=>{
         sourceUrl: body.sourceUrl || null,
         path: body.path || null
     });
-    return sse(c, async (stream)=>{
-        await stream.redirect(`/dash/posts/${sqid.encode(id)}`);
-    });
+    return dsRedirect(`/dash/posts/${sqid.encode(id)}`);
 });
 // Delete post
 postsRoutes.post("/:id/delete", async (c)=>{
     const id = sqid.decode(c.req.param("id"));
     if (!id) return c.notFound();
     await c.var.services.posts.delete(id);
-    return sse(c, async (stream)=>{
-        await stream.redirect("/dash/posts");
-    });
+    return dsRedirect("/dash/posts");
 });

package/dist/routes/dash/redirects.js

@@ -6,7 +6,7 @@ import { getSiteName } from "../../lib/config.js";
 import { useLingui as $_useLingui } from "@jant/core/i18n";
 import { DashLayout } from "../../theme/layouts/index.js";
 import { EmptyState, ListItemRow, ActionButtons, CrudPageHeader } from "../../theme/components/index.js";
-import { sse } from "../../lib/sse.js";
+import { dsRedirect } from "../../lib/sse.js";
 export const redirectsRoutes = new Hono();
 function RedirectsListContent({ redirects }) {
     const { i18n: $__i18n, _: $__ } = $_useLingui();
@@ -225,9 +225,7 @@ redirectsRoutes.post("/", async (c)=>{
     const body = await c.req.json();
     const type = parseInt(body.type, 10);
     await c.var.services.redirects.create(body.fromPath, body.toPath, type);
-    return sse(c, async (stream)=>{
-        await stream.redirect("/dash/redirects");
-    });
+    return dsRedirect("/dash/redirects");
 });
 // Delete redirect
 redirectsRoutes.post("/:id/delete", async (c)=>{
@@ -235,7 +233,5 @@ redirectsRoutes.post("/:id/delete", async (c)=>{
     if (!isNaN(id)) {
         await c.var.services.redirects.delete(id);
     }
-    return sse(c, async (stream)=>{
-        await stream.redirect("/dash/redirects");
-    });
+    return dsRedirect("/dash/redirects");
 });

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;AAKjD,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;AAcjD,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

@@ -4,8 +4,11 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "hono/jsx/jsx-
  */ 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 { sse, dsToast } from "../../lib/sse.js";
 import { getSiteLanguage, getConfigFallback } from "../../lib/config.js";
+/** Escape HTML special characters for safe insertion into HTML strings */ function escapeHtml(str) {
+    return str.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+}
 export const settingsRoutes = new Hono();
 function SettingsContent({ siteName, siteDescription, siteLanguage, siteNameFallback, siteDescriptionFallback }) {
     const { i18n: $__i18n, _: $__ } = $_useLingui();
@@ -271,11 +274,21 @@ settingsRoutes.post("/", async (c)=>{
     // Language always has a value from the select
     await settings.set("SITE_LANGUAGE", body.siteLanguage);
     const languageChanged = oldLanguage !== body.siteLanguage;
+    // Determine the effective display name after save
+    const displayName = body.siteName.trim() || getConfigFallback(c, "SITE_NAME");
     return sse(c, async (stream)=>{
         if (languageChanged) {
             // Language changed - full reload needed to update all UI text
             await stream.redirect("/dash/settings?saved");
         } else {
+            const escaped = escapeHtml(displayName);
+            // Update header site name
+            await stream.patchElements(`<a id="site-name" href="/dash" class="font-semibold">${escaped}</a>`);
+            // Update page title
+            await stream.patchElements(`Settings - ${escaped}`, {
+                mode: "inner",
+                selector: "title"
+            });
             await stream.toast("Settings saved successfully.");
         }
     });
@@ -284,9 +297,7 @@ settingsRoutes.post("/", async (c)=>{
 settingsRoutes.post("/password", async (c)=>{
     const body = await c.req.json();
     if (body.newPassword !== body.confirmPassword) {
-        return sse(c, async (stream)=>{
-            await stream.toast("Passwords do not match.", "error");
-        });
+        return dsToast("Passwords do not match.", "error");
     }
     try {
         await c.var.auth.api.changePassword({
@@ -298,9 +309,7 @@ settingsRoutes.post("/password", async (c)=>{
             headers: c.req.raw.headers
         });
     } catch  {
-        return sse(c, async (stream)=>{
-            await stream.toast("Current password is incorrect.", "error");
-        });
+        return dsToast("Current password is incorrect.", "error");
     }
     return sse(c, async (stream)=>{
         await stream.toast("Password changed successfully.");

package/dist/theme/layouts/DashLayout.js

@@ -22,6 +22,7 @@ function DashLayoutContent({ siteName, currentPath, children }) {
                     class: "container flex h-14 items-center justify-between",
                     children: [
                         /*#__PURE__*/ _jsx("a", {
+                            id: "site-name",
                             href: "/dash",
                             class: "font-semibold",
                             children: siteName

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jant/core",
-  "version": "0.2.18",
+  "version": "0.2.19",
   "description": "A modern, open-source microblogging platform built on Cloudflare Workers",
   "type": "module",
   "bin": {

package/src/app.tsx

@@ -45,7 +45,7 @@ import { requireAuth } from "./middleware/auth.js";
 
 // Layouts for auth pages
 import { BaseLayout } from "./theme/layouts/index.js";
-import { sse } from "./lib/sse.js";
+import { dsRedirect, dsToast } from "./lib/sse.js";
 import { getAvailableThemes, buildThemeStyle } from "./lib/theme.js";
 
 // Extend Hono's context variables
@@ -275,21 +275,15 @@ export function createApp(config: JantConfig = {}): App {
     const { name, email, password } = body;
 
     if (!name || !email || !password) {
-      return sse(c, async (stream) => {
-        await stream.toast("All fields are required", "error");
-      });
+      return dsToast("All fields are required", "error");
     }
 
     if (password.length < 8) {
-      return sse(c, async (stream) => {
-        await stream.toast("Password must be at least 8 characters", "error");
-      });
+      return dsToast("Password must be at least 8 characters", "error");
     }
 
     if (!c.var.auth) {
-      return sse(c, async (stream) => {
-        await stream.toast("AUTH_SECRET not configured", "error");
-      });
+      return dsToast("AUTH_SECRET not configured", "error");
     }
 
     try {
@@ -298,22 +292,16 @@ export function createApp(config: JantConfig = {}): App {
       });
 
       if (!signUpResponse || "error" in signUpResponse) {
-        return sse(c, async (stream) => {
-          await stream.toast("Failed to create account", "error");
-        });
+        return dsToast("Failed to create account", "error");
       }
 
       await c.var.services.settings.completeOnboarding();
 
-      return sse(c, async (stream) => {
-        await stream.redirect("/signin?setup");
-      });
+      return dsRedirect("/signin?setup");
     } catch (err) {
       // eslint-disable-next-line no-console -- Error logging is intentional
       console.error("Setup error:", err);
-      return sse(c, async (stream) => {
-        await stream.toast("Failed to create account", "error");
-      });
+      return dsToast("Failed to create account", "error");
     }
   });
 
@@ -413,9 +401,7 @@ export function createApp(config: JantConfig = {}): App {
 
   app.post("/signin", async (c) => {
     if (!c.var.auth) {
-      return sse(c, async (stream) => {
-        await stream.toast("Auth not configured", "error");
-      });
+      return dsToast("Auth not configured", "error");
     }
 
     const body = await c.req.json<{ email: string; password: string }>();
@@ -434,9 +420,7 @@ export function createApp(config: JantConfig = {}): App {
       const response = await c.var.auth.handler(signInRequest);
 
       if (!response.ok) {
-        return sse(c, async (stream) => {
-          await stream.toast("Invalid email or password", "error");
-        });
+        return dsToast("Invalid email or password", "error");
       }
 
       // Forward Set-Cookie headers from auth response
@@ -446,19 +430,11 @@ export function createApp(config: JantConfig = {}): App {
         cookieHeaders["Set-Cookie"] = setCookie;
       }
 
-      return sse(
-        c,
-        async (stream) => {
-          await stream.redirect("/dash");
-        },
-        { headers: cookieHeaders },
-      );
+      return dsRedirect("/dash", { headers: cookieHeaders });
     } catch (err) {
       // eslint-disable-next-line no-console -- Error logging is intentional
       console.error("Signin error:", err);
-      return sse(c, async (stream) => {
-        await stream.toast("Invalid email or password", "error");
-      });
+      return dsToast("Invalid email or password", "error");
     }
   });
 
@@ -632,9 +608,7 @@ export function createApp(config: JantConfig = {}): App {
       SETTINGS_KEYS.PASSWORD_RESET_TOKEN,
     );
     if (!stored) {
-      return sse(c, async (stream) => {
-        await stream.toast("Invalid or expired reset link.", "error");
-      });
+      return dsToast("Invalid or expired reset link.", "error");
     }
 
     const separatorIndex = stored.lastIndexOf(":");
@@ -643,22 +617,16 @@ export function createApp(config: JantConfig = {}): App {
     const now = Math.floor(Date.now() / 1000);
 
     if (token !== storedToken || now > expiry) {
-      return sse(c, async (stream) => {
-        await stream.toast("Invalid or expired reset link.", "error");
-      });
+      return dsToast("Invalid or expired reset link.", "error");
     }
 
     // Validate passwords
     if (!password || password.length < 8) {
-      return sse(c, async (stream) => {
-        await stream.toast("Password must be at least 8 characters.", "error");
-      });
+      return dsToast("Password must be at least 8 characters.", "error");
     }
 
     if (password !== confirmPassword) {
-      return sse(c, async (stream) => {
-        await stream.toast("Passwords do not match.", "error");
-      });
+      return dsToast("Passwords do not match.", "error");
     }
 
     try {
@@ -670,9 +638,7 @@ export function createApp(config: JantConfig = {}): App {
         .prepare("SELECT id FROM user LIMIT 1")
         .first<{ id: string }>();
       if (!userResult) {
-        return sse(c, async (stream) => {
-          await stream.toast("No user account found.", "error");
-        });
+        return dsToast("No user account found.", "error");
       }
 
       // Update password
@@ -692,15 +658,11 @@ export function createApp(config: JantConfig = {}): App {
       // Delete the reset token
       await c.var.services.settings.remove(SETTINGS_KEYS.PASSWORD_RESET_TOKEN);
 
-      return sse(c, async (stream) => {
-        await stream.redirect("/signin?reset");
-      });
+      return dsRedirect("/signin?reset");
     } catch (err) {
       // eslint-disable-next-line no-console -- Error logging is intentional
       console.error("Password reset error:", err);
-      return sse(c, async (stream) => {
-        await stream.toast("Failed to reset password.", "error");
-      });
+      return dsToast("Failed to reset password.", "error");
     }
   });
 

package/src/client.ts

@@ -10,3 +10,4 @@
 import "./vendor/datastar.js";
 import "basecoat-css/all";
 import "./lib/image-processor.js";
+import "./lib/media-upload.js";