feat: 增加sw推送策略

client/web/plugins/com.msgbyte.notify/src/notify.ts

@@ -2,6 +2,7 @@ import {
   regSocketEventListener,
   getGlobalState,
   getCachedUserInfo,
+  getServiceWorkerRegistration,
 } from '@capital/common';
 
 export function initNotify() {
@@ -24,6 +25,18 @@ export function initNotify() {
               const icon = userInfo?.avatar ?? undefined;
               const content = message.content;
 
+              const registration: ServiceWorkerRegistration | null =
+                getServiceWorkerRegistration();
+
+              if (registration) {
+                registration.showNotification(`来自 ${nickname}`, {
+                  body: content,
+                  icon,
+                  tag: 'tailchat-message',
+                  renotify: true,
+                });
+              } else {
+                // fallback
                 new Notification(`来自 ${nickname}`, {
                   body: content,
                   icon,
@@ -31,6 +44,7 @@ export function initNotify() {
                   renotify: true,
                 });
               }
+            }
           );
         }
       }

client/web/plugins/com.msgbyte.notify/tsconfig.json

@@ -1,6 +1,5 @@
 {
   "compilerOptions": {
-    "rootDir": "./src",
     "baseUrl": "./src",
     "esModuleInterop": true,
     "jsx": "react",

client/web/src/plugin/common/index.ts

@@ -27,6 +27,7 @@ export {
   urlSearchParse,
   appendUrlSearch,
 } from '@/utils/url-helper';
+export { getServiceWorkerRegistration } from '@/utils/sw-helper';
 export { useGroupIdContext } from '@/context/GroupIdContext';
 import { request, RequestConfig, useUserInfo } from 'tailchat-shared';
 export {

client/web/src/utils/sw-helper.ts

@@ -19,6 +19,8 @@ const handleShowUpdateTip = _once(() => {
   }, 2000);
 });
 
+let _serviceWorkerRegistration: ServiceWorkerRegistration | null = null;
+
 /**
  * 处理registration相关任务和状态
  */
@@ -67,6 +69,8 @@ export function installServiceWorker() {
         .then((registration) => {
           console.log('SW registered: ', registration);
 
+          _serviceWorkerRegistration = registration;
+
           handleRegistration(registration);
         })
         .catch((registrationError) => {
@@ -75,3 +79,10 @@ export function installServiceWorker() {
     });
   }
 }
+
+/**
+ * 获取SW的Registration
+ */
+export function getServiceWorkerRegistration(): ServiceWorkerRegistration | null {
+  return _serviceWorkerRegistration;
+}