2023-04-11 18:07:24 +02:00
|
|
|
import { get } from "idb-keyval";
|
2023-07-15 23:21:17 +02:00
|
|
|
import * as Acct from "firefish-js/built/acct";
|
2023-04-11 18:07:24 +02:00
|
|
|
import type { PushNotificationDataMap } from "@/types";
|
2023-01-13 05:40:33 +01:00
|
|
|
import {
|
|
|
|
|
createEmptyNotification,
|
|
|
|
|
createNotification,
|
|
|
|
|
} from "@/scripts/create-notification";
|
|
|
|
|
import { swLang } from "@/scripts/lang";
|
|
|
|
|
import * as swos from "@/scripts/operations";
|
|
|
|
|
|
2023-04-11 18:07:24 +02:00
|
|
|
globalThis.addEventListener("install", () => {
|
|
|
|
|
// ev.waitUntil(globalThis.skipWaiting());
|
2022-04-30 14:52:07 +02:00
|
|
|
});
|
|
|
|
|
|
2023-04-11 18:07:24 +02:00
|
|
|
globalThis.addEventListener("activate", (ev) => {
|
2022-04-30 14:52:07 +02:00
|
|
|
ev.waitUntil(
|
2023-01-13 05:40:33 +01:00
|
|
|
caches
|
|
|
|
|
.keys()
|
|
|
|
|
.then((cacheNames) =>
|
|
|
|
|
Promise.all(
|
|
|
|
|
cacheNames
|
|
|
|
|
.filter((v) => v !== swLang.cacheName)
|
|
|
|
|
.map((name) => caches.delete(name)),
|
|
|
|
|
),
|
|
|
|
|
)
|
2023-04-11 18:07:24 +02:00
|
|
|
.then(() => globalThis.clients.claim()),
|
2022-04-30 14:52:07 +02:00
|
|
|
);
|
|
|
|
|
});
|
|
|
|
|
|
2023-04-11 18:07:24 +02:00
|
|
|
function offlineContentHTML(): string {
|
2023-08-09 08:02:17 +02:00
|
|
|
return `<!DOCTYPE html><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Offline</title><style>*{font-family:BIZ UDGothic,Roboto,HelveticaNeue,Arial,sans-serif}body,html{background-color:#191724;color:#e0def4;justify-content:center;margin:auto;padding:10px;text-align:center}button{border-radius:999px;padding:0 12px 0 12px;border:none;cursor:pointer;margin-bottom:12px}.button-big{background:linear-gradient(90deg,#c4a7e7,#ebbcba);line-height:50px}.button-big:hover{background:#31748f}.button-label-big{color:#191724;font-weight:700;font-size:20px;padding:12px}.button-label-small{color:#9ccfd8;font-size:16px;padding:12px}p{font-size:16px}#msg,.dont-worry{font-size:18px}.icon-warning{color:#f6c177;height:4rem;padding-top:2rem}h1{font-size:32px}code{font-family:Fira,FiraCode,monospace}@media screen and (max-width:500px){details{width:50%}}</style><body><svg class=icon-warning class="icon icon-tabler icon-tabler-alert-triangle"fill=none stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24"xmlns=http://www.w3.org/2000/svg><path d="M0 0h24v24H0z"fill=none stroke=none></path><path d="M12 9v2m0 4v.01"></path><path d="M5 19h14a2 2 0 0 0 1.84 -2.75l-7.1 -12.25a2 2 0 0 0 -3.5 0l-7.1 12.25a2 2 0 0 0 1.75 2.75"></path></svg><h1>Looks like you're offline!</h1><button class=button-big onclick=location.reload(!0)><span class=button-label-big>Refresh</span></button><p class=dont-worry>Looks like Firefish couldn't connect to the server, probably because your device is offline.<p>The installed Service Worker is version <code>${_VERSION_}</code>`;
|
2023-04-11 18:07:24 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
globalThis.addEventListener("fetch", (ev) => {
|
2022-09-10 12:25:32 +02:00
|
|
|
let isHTMLRequest = false;
|
2023-01-13 05:40:33 +01:00
|
|
|
if (ev.request.headers.get("sec-fetch-dest") === "document") {
|
2022-09-10 12:25:32 +02:00
|
|
|
isHTMLRequest = true;
|
2023-01-13 05:40:33 +01:00
|
|
|
} else if (ev.request.headers.get("accept")?.includes("/html")) {
|
2022-09-10 12:25:32 +02:00
|
|
|
isHTMLRequest = true;
|
2023-01-13 05:40:33 +01:00
|
|
|
} else if (ev.request.url.endsWith("/")) {
|
2022-09-10 12:25:32 +02:00
|
|
|
isHTMLRequest = true;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if (!isHTMLRequest) return;
|
2022-04-30 14:52:07 +02:00
|
|
|
ev.respondWith(
|
2023-04-11 18:07:24 +02:00
|
|
|
fetch(ev.request).catch(() => {
|
|
|
|
|
return new Response(offlineContentHTML(), {
|
|
|
|
|
status: 200,
|
|
|
|
|
headers: {
|
|
|
|
|
"content-type": "text/html",
|
|
|
|
|
},
|
|
|
|
|
});
|
|
|
|
|
}),
|
2022-04-30 14:52:07 +02:00
|
|
|
);
|
|
|
|
|
});
|
|
|
|
|
|
2023-04-11 18:07:24 +02:00
|
|
|
globalThis.addEventListener("push", (ev) => {
|
2022-04-30 14:52:07 +02:00
|
|
|
// クライアント取得
|
2023-01-13 05:40:33 +01:00
|
|
|
ev.waitUntil(
|
2023-04-11 18:07:24 +02:00
|
|
|
globalThis.clients
|
2023-01-13 05:40:33 +01:00
|
|
|
.matchAll({
|
|
|
|
|
includeUncontrolled: true,
|
|
|
|
|
type: "window",
|
|
|
|
|
})
|
2023-04-11 18:07:24 +02:00
|
|
|
.then(async () => {
|
|
|
|
|
const data: PushNotificationDataMap[keyof PushNotificationDataMap] =
|
|
|
|
|
ev.data?.json();
|
2023-01-13 05:40:33 +01:00
|
|
|
|
2023-04-11 18:07:24 +02:00
|
|
|
switch (data.type) {
|
|
|
|
|
// case 'driveFileCreated':
|
|
|
|
|
case "notification":
|
|
|
|
|
case "unreadAntennaNote":
|
|
|
|
|
// 1日以上経過している場合は無視
|
|
|
|
|
if (new Date().getTime() - data.dateTime > 1000 * 60 * 60 * 24)
|
2023-01-13 05:40:33 +01:00
|
|
|
break;
|
2022-04-30 14:52:07 +02:00
|
|
|
|
2023-04-11 18:07:24 +02:00
|
|
|
return createNotification(data);
|
|
|
|
|
case "readAllNotifications":
|
|
|
|
|
await globalThis.registration
|
|
|
|
|
.getNotifications()
|
|
|
|
|
.then((notifications) =>
|
|
|
|
|
notifications.forEach(
|
|
|
|
|
(n) => n.tag !== "read_notification" && n.close(),
|
|
|
|
|
),
|
|
|
|
|
);
|
|
|
|
|
break;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
await createEmptyNotification();
|
|
|
|
|
return;
|
|
|
|
|
}),
|
2023-01-13 05:40:33 +01:00
|
|
|
);
|
2022-04-30 14:52:07 +02:00
|
|
|
});
|
|
|
|
|
|
2023-04-11 18:07:24 +02:00
|
|
|
(globalThis as unknown as ServiceWorkerGlobalScope).addEventListener(
|
2023-01-13 05:40:33 +01:00
|
|
|
"notificationclick",
|
2023-04-11 18:07:24 +02:00
|
|
|
(ev: ServiceWorkerGlobalScopeEventMap["notificationclick"]) => {
|
2023-01-13 05:40:33 +01:00
|
|
|
ev.waitUntil(
|
2023-04-11 18:07:24 +02:00
|
|
|
(async (): Promise<void> => {
|
2023-01-13 05:40:33 +01:00
|
|
|
if (_DEV_) {
|
|
|
|
|
console.log("notificationclick", ev.action, ev.notification.data);
|
|
|
|
|
}
|
2022-09-14 03:57:26 +02:00
|
|
|
|
2023-01-13 05:40:33 +01:00
|
|
|
const { action, notification } = ev;
|
2023-04-11 18:07:24 +02:00
|
|
|
const data: PushNotificationDataMap[keyof PushNotificationDataMap] =
|
|
|
|
|
notification.data ?? {};
|
|
|
|
|
const { userId: loginId } = data;
|
2023-01-13 05:40:33 +01:00
|
|
|
let client: WindowClient | null = null;
|
2022-09-14 03:57:26 +02:00
|
|
|
|
2023-01-13 05:40:33 +01:00
|
|
|
switch (data.type) {
|
|
|
|
|
case "notification":
|
|
|
|
|
switch (action) {
|
|
|
|
|
case "follow":
|
|
|
|
|
if ("userId" in data.body)
|
2023-04-11 18:07:24 +02:00
|
|
|
await swos.api("following/create", loginId, {
|
2023-01-13 05:40:33 +01:00
|
|
|
userId: data.body.userId,
|
|
|
|
|
});
|
2022-04-30 14:52:07 +02:00
|
|
|
break;
|
2023-01-13 05:40:33 +01:00
|
|
|
case "showUser":
|
|
|
|
|
if ("user" in data.body)
|
2023-04-11 18:07:24 +02:00
|
|
|
client = await swos.openUser(
|
|
|
|
|
Acct.toString(data.body.user),
|
|
|
|
|
loginId,
|
|
|
|
|
);
|
2022-04-30 14:52:07 +02:00
|
|
|
break;
|
2023-01-13 05:40:33 +01:00
|
|
|
case "reply":
|
|
|
|
|
if ("note" in data.body)
|
2023-04-11 18:07:24 +02:00
|
|
|
client = await swos.openPost(
|
|
|
|
|
{ reply: data.body.note },
|
|
|
|
|
loginId,
|
|
|
|
|
);
|
2022-04-30 14:52:07 +02:00
|
|
|
break;
|
2023-01-13 05:40:33 +01:00
|
|
|
case "renote":
|
|
|
|
|
if ("note" in data.body)
|
2023-04-11 18:07:24 +02:00
|
|
|
await swos.api("notes/create", loginId, {
|
2023-01-13 05:40:33 +01:00
|
|
|
renoteId: data.body.note.id,
|
|
|
|
|
});
|
2022-04-30 14:52:07 +02:00
|
|
|
break;
|
2023-01-13 05:40:33 +01:00
|
|
|
case "accept":
|
|
|
|
|
switch (data.body.type) {
|
|
|
|
|
case "receiveFollowRequest":
|
2023-04-11 18:07:24 +02:00
|
|
|
await swos.api("following/requests/accept", loginId, {
|
2023-01-13 05:40:33 +01:00
|
|
|
userId: data.body.userId,
|
|
|
|
|
});
|
|
|
|
|
break;
|
|
|
|
|
}
|
2022-04-30 14:52:07 +02:00
|
|
|
break;
|
2023-01-13 05:40:33 +01:00
|
|
|
case "reject":
|
|
|
|
|
switch (data.body.type) {
|
|
|
|
|
case "receiveFollowRequest":
|
2023-04-11 18:07:24 +02:00
|
|
|
await swos.api("following/requests/reject", loginId, {
|
2023-01-13 05:40:33 +01:00
|
|
|
userId: data.body.userId,
|
|
|
|
|
});
|
|
|
|
|
break;
|
|
|
|
|
}
|
2022-04-30 14:52:07 +02:00
|
|
|
break;
|
2023-01-13 05:40:33 +01:00
|
|
|
case "showFollowRequests":
|
|
|
|
|
client = await swos.openClient(
|
|
|
|
|
"push",
|
|
|
|
|
"/my/follow-requests",
|
2023-04-11 18:07:24 +02:00
|
|
|
loginId,
|
2023-01-13 05:40:33 +01:00
|
|
|
);
|
2022-04-30 14:52:07 +02:00
|
|
|
break;
|
|
|
|
|
default:
|
2023-01-13 05:40:33 +01:00
|
|
|
switch (data.body.type) {
|
|
|
|
|
case "receiveFollowRequest":
|
|
|
|
|
client = await swos.openClient(
|
|
|
|
|
"push",
|
|
|
|
|
"/my/follow-requests",
|
2023-04-11 18:07:24 +02:00
|
|
|
loginId,
|
2023-01-13 05:40:33 +01:00
|
|
|
);
|
|
|
|
|
break;
|
|
|
|
|
case "reaction":
|
2023-04-11 18:07:24 +02:00
|
|
|
client = await swos.openNote(data.body.note.id, loginId);
|
2023-01-13 05:40:33 +01:00
|
|
|
break;
|
|
|
|
|
default:
|
|
|
|
|
if ("note" in data.body) {
|
2023-04-11 18:07:24 +02:00
|
|
|
client = await swos.openNote(data.body.note.id, loginId);
|
2023-01-13 05:40:33 +01:00
|
|
|
} else if ("user" in data.body) {
|
2023-04-11 18:07:24 +02:00
|
|
|
client = await swos.openUser(
|
|
|
|
|
Acct.toString(data.body.user),
|
|
|
|
|
loginId,
|
|
|
|
|
);
|
2023-01-13 05:40:33 +01:00
|
|
|
}
|
|
|
|
|
break;
|
2022-04-30 14:52:07 +02:00
|
|
|
}
|
|
|
|
|
}
|
2023-01-13 05:40:33 +01:00
|
|
|
break;
|
2023-04-11 18:07:24 +02:00
|
|
|
case "unreadAntennaNote":
|
|
|
|
|
client = await swos.openAntenna(data.body.antenna.id, loginId);
|
2023-01-13 05:40:33 +01:00
|
|
|
break;
|
2023-04-11 18:07:24 +02:00
|
|
|
default:
|
|
|
|
|
switch (action) {
|
|
|
|
|
case "markAllAsRead":
|
|
|
|
|
await globalThis.registration
|
|
|
|
|
.getNotifications()
|
|
|
|
|
.then((notifications) =>
|
|
|
|
|
notifications.forEach(
|
|
|
|
|
(n) => n.tag !== "read_notification" && n.close(),
|
|
|
|
|
),
|
|
|
|
|
);
|
|
|
|
|
await get("accounts").then((accounts) => {
|
|
|
|
|
return Promise.all(
|
|
|
|
|
accounts.map(async (account) => {
|
|
|
|
|
await swos.sendMarkAllAsRead(account.id);
|
|
|
|
|
}),
|
|
|
|
|
);
|
|
|
|
|
});
|
|
|
|
|
break;
|
|
|
|
|
case "settings":
|
|
|
|
|
client = await swos.openClient(
|
|
|
|
|
"push",
|
|
|
|
|
"/settings/notifications",
|
|
|
|
|
loginId,
|
|
|
|
|
);
|
|
|
|
|
break;
|
|
|
|
|
}
|
2022-04-30 14:52:07 +02:00
|
|
|
}
|
2022-09-14 03:57:26 +02:00
|
|
|
|
2023-01-13 05:40:33 +01:00
|
|
|
if (client) {
|
|
|
|
|
client.focus();
|
|
|
|
|
}
|
|
|
|
|
if (data.type === "notification") {
|
2023-04-11 18:07:24 +02:00
|
|
|
await swos.sendMarkAllAsRead(loginId);
|
2023-01-13 05:40:33 +01:00
|
|
|
}
|
2022-04-30 14:52:07 +02:00
|
|
|
|
2023-01-13 05:40:33 +01:00
|
|
|
notification.close();
|
|
|
|
|
})(),
|
|
|
|
|
);
|
|
|
|
|
},
|
|
|
|
|
);
|
2022-04-30 14:52:07 +02:00
|
|
|
|
2023-04-11 18:07:24 +02:00
|
|
|
(globalThis as unknown as ServiceWorkerGlobalScope).addEventListener(
|
2023-01-13 05:40:33 +01:00
|
|
|
"notificationclose",
|
2023-04-11 18:07:24 +02:00
|
|
|
(ev: ServiceWorkerGlobalScopeEventMap["notificationclose"]) => {
|
|
|
|
|
const data: PushNotificationDataMap[keyof PushNotificationDataMap] =
|
|
|
|
|
ev.notification.data;
|
2022-04-30 14:52:07 +02:00
|
|
|
|
2023-04-11 18:07:24 +02:00
|
|
|
ev.waitUntil(
|
|
|
|
|
(async (): Promise<void> => {
|
|
|
|
|
if (data.type === "notification") {
|
|
|
|
|
await swos.sendMarkAllAsRead(data.userId);
|
|
|
|
|
}
|
|
|
|
|
return;
|
|
|
|
|
})(),
|
|
|
|
|
);
|
2023-01-13 05:40:33 +01:00
|
|
|
},
|
|
|
|
|
);
|
2022-09-14 03:57:26 +02:00
|
|
|
|
2023-04-11 18:07:24 +02:00
|
|
|
(globalThis as unknown as ServiceWorkerGlobalScope).addEventListener(
|
2023-01-13 05:40:33 +01:00
|
|
|
"message",
|
|
|
|
|
(ev: ServiceWorkerGlobalScopeEventMap["message"]) => {
|
|
|
|
|
ev.waitUntil(
|
2023-04-11 18:07:24 +02:00
|
|
|
(async (): Promise<void> => {
|
2023-01-13 05:40:33 +01:00
|
|
|
switch (ev.data) {
|
|
|
|
|
case "clear":
|
|
|
|
|
// Cache Storage全削除
|
|
|
|
|
await caches
|
|
|
|
|
.keys()
|
|
|
|
|
.then((cacheNames) =>
|
|
|
|
|
Promise.all(cacheNames.map((name) => caches.delete(name))),
|
|
|
|
|
);
|
|
|
|
|
return; // TODO
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if (typeof ev.data === "object") {
|
|
|
|
|
// E.g. '[object Array]' → 'array'
|
|
|
|
|
const otype = Object.prototype.toString
|
|
|
|
|
.call(ev.data)
|
|
|
|
|
.slice(8, -1)
|
|
|
|
|
.toLowerCase();
|
2022-09-14 03:57:26 +02:00
|
|
|
|
2023-01-13 05:40:33 +01:00
|
|
|
if (otype === "object") {
|
|
|
|
|
if (ev.data.msg === "initialize") {
|
|
|
|
|
swLang.setLang(ev.data.lang);
|
|
|
|
|
}
|
|
|
|
|
}
|
2022-04-30 14:52:07 +02:00
|
|
|
}
|
2023-01-13 05:40:33 +01:00
|
|
|
})(),
|
|
|
|
|
);
|
|
|
|
|
},
|
|
|
|
|
);
|
