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,38 @@
+import { useState } from "react";
+import { UserPlus } from "lucide-react";
+import type { EmailBodyPart, Id } from "@/jmap/types";
+import { useContacts } from "@/store/contacts";
+import { client } from "@/jmap/client";
+import { toast } from "@/ui/toast";
+
+export function VCardCard({ part, accountId }: { part: EmailBodyPart; accountId: Id }) {
+  const contacts = useContacts();
+  const [busy, setBusy] = useState(false);
+  const [done, setDone] = useState(false);
+  if (!contacts.available || !part.blobId) return null;
+  const add = async () => {
+    setBusy(true);
+    try {
+      const text = await client.fetchBlobText(accountId, part.blobId!, "text/vcard");
+      const book = Object.values(contacts.books).find((b) => b.isDefault) ?? Object.values(contacts.books)[0];
+      if (!book) throw new Error("No address book available");
+      const n = await contacts.importVCard(text, book.id);
+      setDone(true);
+      toast.success(`Added ${n} contact${n === 1 ? "" : "s"}`);
+    } catch (err) {
+      toast.error((err as Error).message);
+    } finally {
+      setBusy(false);
+    }
+  };
+  return (
+    <div className="vcard-card">
+      <UserPlus size={20} style={{ color: "var(--accent)" }} />
+      <div className="grow">
+        <div style={{ fontWeight: 600 }}>{part.name ?? "Contact card"}</div>
+        <div className="hint">vCard attachment</div>
+      </div>
+      <button className="btn btn-sm" disabled={busy || done} onClick={() => void add()}>{done ? "Added" : "Add to contacts"}</button>
+    </div>
+  );
+}