79 lines
2.4 KiB
TypeScript
79 lines
2.4 KiB
TypeScript
import Nostrich from "nostrich.webp";
|
|
|
|
import { TaggedRawEvent } from "@snort/nostr";
|
|
import { EventKind } from "@snort/nostr";
|
|
import { MetadataCache } from "Cache";
|
|
import { getDisplayName } from "Element/ProfileImage";
|
|
import { MentionRegex } from "Const";
|
|
import { tagFilterOfTextRepost, unwrap } from "Util";
|
|
import { UserCache } from "Cache/UserCache";
|
|
import { LoginSession } from "Login";
|
|
|
|
export interface NotificationRequest {
|
|
title: string;
|
|
body: string;
|
|
icon: string;
|
|
timestamp: number;
|
|
}
|
|
|
|
export async function makeNotification(ev: TaggedRawEvent): Promise<NotificationRequest | null> {
|
|
switch (ev.kind) {
|
|
case EventKind.TextNote: {
|
|
if (ev.tags.some(tagFilterOfTextRepost(ev))) {
|
|
return null;
|
|
}
|
|
const pubkeys = new Set([ev.pubkey, ...ev.tags.filter(a => a[0] === "p").map(a => a[1])]);
|
|
await UserCache.buffer([...pubkeys]);
|
|
const allUsers = [...pubkeys]
|
|
.map(a => UserCache.getFromCache(a))
|
|
.filter(a => a)
|
|
.map(a => unwrap(a));
|
|
const fromUser = UserCache.getFromCache(ev.pubkey);
|
|
const name = getDisplayName(fromUser, ev.pubkey);
|
|
const avatarUrl = fromUser?.picture || Nostrich;
|
|
return {
|
|
title: `Reply from ${name}`,
|
|
body: replaceTagsWithUser(ev, allUsers).substring(0, 50),
|
|
icon: avatarUrl,
|
|
timestamp: ev.created_at * 1000,
|
|
};
|
|
}
|
|
}
|
|
return null;
|
|
}
|
|
|
|
function replaceTagsWithUser(ev: TaggedRawEvent, users: MetadataCache[]) {
|
|
return ev.content
|
|
.split(MentionRegex)
|
|
.map(match => {
|
|
const matchTag = match.match(/#\[(\d+)\]/);
|
|
if (matchTag && matchTag.length === 2) {
|
|
const idx = parseInt(matchTag[1]);
|
|
const ref = ev.tags[idx];
|
|
if (ref && ref[0] === "p" && ref.length > 1) {
|
|
const u = users.find(a => a.pubkey === ref[1]);
|
|
return `@${getDisplayName(u, ref[1])}`;
|
|
}
|
|
}
|
|
return match;
|
|
})
|
|
.join();
|
|
}
|
|
|
|
export async function sendNotification(state: LoginSession, req: NotificationRequest) {
|
|
const hasPermission = "Notification" in window && Notification.permission === "granted";
|
|
const shouldShowNotification = hasPermission && req.timestamp > state.readNotifications;
|
|
if (shouldShowNotification) {
|
|
try {
|
|
const worker = await navigator.serviceWorker.ready;
|
|
worker.showNotification(req.title, {
|
|
tag: "notification",
|
|
vibrate: [500],
|
|
...req,
|
|
});
|
|
} catch (error) {
|
|
console.warn(error);
|
|
}
|
|
}
|
|
}
|