@@ -272,6 +321,7 @@ export function SettingsView() {
+
diff --git a/src/lib/markdown.ts b/src/lib/markdown.ts
new file mode 100644
index 0000000..d3f2305
--- /dev/null
+++ b/src/lib/markdown.ts
@@ -0,0 +1,57 @@
+import { marked } from "marked";
+import { markedHighlight } from "marked-highlight";
+import DOMPurify from "dompurify";
+import hljs from "highlight.js/lib/core";
+import "highlight.js/styles/atom-one-dark.min.css";
+
+// Register commonly used languages (keeps bundle small)
+import javascript from "highlight.js/lib/languages/javascript";
+import typescript from "highlight.js/lib/languages/typescript";
+import python from "highlight.js/lib/languages/python";
+import rust from "highlight.js/lib/languages/rust";
+import json from "highlight.js/lib/languages/json";
+import bash from "highlight.js/lib/languages/bash";
+import css from "highlight.js/lib/languages/css";
+import xml from "highlight.js/lib/languages/xml";
+import markdown from "highlight.js/lib/languages/markdown";
+import go from "highlight.js/lib/languages/go";
+import sql from "highlight.js/lib/languages/sql";
+import yaml from "highlight.js/lib/languages/yaml";
+
+hljs.registerLanguage("javascript", javascript);
+hljs.registerLanguage("js", javascript);
+hljs.registerLanguage("typescript", typescript);
+hljs.registerLanguage("ts", typescript);
+hljs.registerLanguage("python", python);
+hljs.registerLanguage("rust", rust);
+hljs.registerLanguage("json", json);
+hljs.registerLanguage("bash", bash);
+hljs.registerLanguage("sh", bash);
+hljs.registerLanguage("shell", bash);
+hljs.registerLanguage("css", css);
+hljs.registerLanguage("html", xml);
+hljs.registerLanguage("xml", xml);
+hljs.registerLanguage("markdown", markdown);
+hljs.registerLanguage("md", markdown);
+hljs.registerLanguage("go", go);
+hljs.registerLanguage("sql", sql);
+hljs.registerLanguage("yaml", yaml);
+hljs.registerLanguage("yml", yaml);
+
+// Configure marked with highlight.js via marked-highlight extension
+marked.use(
+ markedHighlight({
+ highlight(code: string, lang: string) {
+ if (lang && hljs.getLanguage(lang)) {
+ return hljs.highlight(code, { language: lang }).value;
+ }
+ return hljs.highlightAuto(code).value;
+ },
+ }),
+ { breaks: true },
+);
+
+export function renderMarkdown(md: string): string {
+ const html = marked(md) as string;
+ return DOMPurify.sanitize(html, { ADD_ATTR: ["id", "class"] });
+}
diff --git a/src/lib/notifications.ts b/src/lib/notifications.ts
new file mode 100644
index 0000000..4057add
--- /dev/null
+++ b/src/lib/notifications.ts
@@ -0,0 +1,67 @@
+import {
+ isPermissionGranted,
+ requestPermission,
+ sendNotification,
+} from "@tauri-apps/plugin-notification";
+
+const SETTINGS_KEY = "wrystr_notification_settings";
+
+interface NotificationSettings {
+ mentions: boolean;
+ dms: boolean;
+ zaps: boolean;
+}
+
+const defaults: NotificationSettings = { mentions: true, dms: true, zaps: true };
+
+export function getNotificationSettings(): NotificationSettings {
+ try {
+ const stored = localStorage.getItem(SETTINGS_KEY);
+ return stored ? { ...defaults, ...JSON.parse(stored) } : defaults;
+ } catch {
+ return defaults;
+ }
+}
+
+export function saveNotificationSettings(settings: NotificationSettings): void {
+ localStorage.setItem(SETTINGS_KEY, JSON.stringify(settings));
+}
+
+export async function ensurePermission(): Promise {
+ let granted = await isPermissionGranted();
+ if (!granted) {
+ const result = await requestPermission();
+ granted = result === "granted";
+ }
+ return granted;
+}
+
+export async function notifyMention(authorName: string, preview: string): Promise {
+ const settings = getNotificationSettings();
+ if (!settings.mentions) return;
+ if (!(await ensurePermission())) return;
+ sendNotification({
+ title: `${authorName} mentioned you`,
+ body: preview.slice(0, 120),
+ });
+}
+
+export async function notifyDM(authorName: string, preview: string): Promise {
+ const settings = getNotificationSettings();
+ if (!settings.dms) return;
+ if (!(await ensurePermission())) return;
+ sendNotification({
+ title: `DM from ${authorName}`,
+ body: preview.slice(0, 120),
+ });
+}
+
+export async function notifyZap(senderName: string, amount: number): Promise {
+ const settings = getNotificationSettings();
+ if (!settings.zaps) return;
+ if (!(await ensurePermission())) return;
+ sendNotification({
+ title: `${senderName} zapped you`,
+ body: `${amount.toLocaleString()} sats`,
+ });
+}
diff --git a/src/stores/notifications.ts b/src/stores/notifications.ts
index f9461cd..58069fc 100644
--- a/src/stores/notifications.ts
+++ b/src/stores/notifications.ts
@@ -1,6 +1,7 @@
import { create } from "zustand";
import { NDKEvent } from "@nostr-dev-kit/ndk";
import { fetchMentions } from "../lib/nostr";
+import { notifyMention, notifyDM } from "../lib/notifications";
const NOTIF_SEEN_KEY = "wrystr_notif_last_seen";
const DM_SEEN_KEY = "wrystr_dm_last_seen";
@@ -52,7 +53,16 @@ export const useNotificationsStore = create((set, get) => ({
try {
const lastSeenAt = isNewAccount ? loadLastSeen() : get().lastSeenAt;
const events = await fetchMentions(pubkey, lastSeenAt);
- const unreadCount = events.filter((e) => (e.created_at ?? 0) > lastSeenAt).length;
+ const newEvents = events.filter((e) => (e.created_at ?? 0) > lastSeenAt);
+ const unreadCount = newEvents.length;
+ // Fire OS notification for new mentions (only truly new ones since last fetch)
+ const prevCount = get().unreadCount;
+ if (unreadCount > prevCount && newEvents.length > 0) {
+ const latest = newEvents[0];
+ const authorName = latest.pubkey.slice(0, 8) + "…";
+ const preview = latest.content?.slice(0, 120) || "mentioned you";
+ notifyMention(authorName, preview).catch(() => {});
+ }
set({ notifications: events, unreadCount, lastSeenAt });
} catch {
// Non-critical
@@ -76,10 +86,17 @@ export const useNotificationsStore = create((set, get) => ({
},
computeDMUnread: (conversations: Array<{ partnerPubkey: string; lastAt: number }>) => {
- const { dmLastSeen } = get();
- const dmUnreadCount = conversations.filter(
+ const { dmLastSeen, dmUnreadCount: prevCount } = get();
+ const unreadConvos = conversations.filter(
(c) => c.lastAt > (dmLastSeen[c.partnerPubkey] ?? 0)
- ).length;
+ );
+ const dmUnreadCount = unreadConvos.length;
+ // Fire OS notification if new unread DMs appeared
+ if (dmUnreadCount > prevCount && unreadConvos.length > 0) {
+ const latest = unreadConvos[0];
+ const name = latest.partnerPubkey.slice(0, 8) + "…";
+ notifyDM(name, "New message").catch(() => {});
+ }
set({ dmUnreadCount });
},
}));