ihasmail 2.0: rebuild as Stalwart-first JMAP webmail

Replace the FastAPI/HTMX prototype with a Node/Hono session proxy and a React 19/Vite SPA. Mail (conversation view, search operators, labels, sanitised HTML, privacy image proxy, invites, undo send, templates), calendar (month/week/day/agenda, invites, free/busy, categories, context menus), contacts (JSContact, groups, vCard), files, Sieve filter builder (incl. filter-from-message with retroactive apply), vacation, identities with default + Reply-To, PWA/mobile layout, push via SSE, in-memory mock Stalwart for dev, Docker + CI.
2026-08-23 01:07:13 -07:00
parent fe17e1d507
commit 645b8b510f
162 changed files with 20398 additions and 1072 deletions
@@ -0,0 +1,40 @@
+import { useEffect, useState } from "react";
+import { useSettings } from "@/store/settings";
+import { Switch } from "@/ui/misc";
+import { requestNotificationPermission, showNotification, playNewMailSound } from "@/lib/notify";
+import { useSession } from "@/store/session";
+
+export function NotificationsSettings() {
+  const s = useSettings((st) => st.settings);
+  const update = useSettings((st) => st.update);
+  const pushConnected = useSession((st) => st.pushConnected);
+  const [perm, setPerm] = useState<NotificationPermission | "unsupported">("Notification" in window ? Notification.permission : "unsupported");
+  useEffect(() => {
+    if ("Notification" in window) setPerm(Notification.permission);
+  }, [s.desktopNotifications]);
+  return (
+    <div>
+      <h1>Notifications</h1>
+      <p className="lead">Live updates are delivered via JMAP push ({pushConnected ? "connected" : "reconnecting…"}).</p>
+      <Switch
+        checked={s.desktopNotifications}
+        onChange={async (v) => {
+          if (v) {
+            const p = await requestNotificationPermission();
+            setPerm(p);
+            if (p !== "granted") return;
+          }
+          update({ desktopNotifications: v });
+        }}
+        label="Desktop notifications for new mail"
+        hint={perm === "denied" ? "Notifications are blocked in your browser settings." : perm === "unsupported" ? "Not supported in this browser." : "Shows a system notification when new mail arrives in your Inbox while the tab is in the background."}
+        disabled={perm === "denied" || perm === "unsupported"}
+      />
+      <Switch checked={s.notificationSound} onChange={(v) => update({ notificationSound: v })} label="Play a sound for new mail" />
+      <div className="row mt-16">
+        <button className="btn" onClick={() => { showNotification("ihasmail test", { body: "This is what a new-mail notification looks like." }); playNewMailSound(); }}>Test notification</button>
+      </div>
+      <p className="hint mt-8">The tab title and favicon always show your unread Inbox count.</p>
+    </div>
+  );
+}