add services/message-delivery-method-web-push/test-send-notification.js

apps/frontend/src/api/PouchDB.ts

@@ -1,4 +1,15 @@
 import PouchDB from 'pouchdb-browser'
 import PouchDBFindPlugin from 'pouchdb-find'
+import PouchDBUpsertPlugin from 'pouchdb-upsert'
 
-export default PouchDB.plugin(PouchDBFindPlugin)
+export default PouchDB.plugin(PouchDBFindPlugin).plugin(PouchDBUpsertPlugin)
+
+// Type guard to check if the error is of type `Error` and has a `name` property
+export function isNotFoundError(error: unknown): error is { name: string } {
+  return (
+    typeof error === 'object' &&
+    error !== null &&
+    'name' in error &&
+    (error as { name: string }).name === 'not_found'
+  )
+}

apps/frontend/src/api/dbs.ts

@@ -1,6 +1,10 @@
 import PouchDB from '@/api/PouchDB'
 
-import type { QRCodeDocument, MessageDocument } from '@/types/DBDocumentTypes'
+import type {
+  QRCodeDocument,
+  MessageDocument,
+  WebPushSubscriptionDocument,
+} from '@/types/DBDocumentTypes'
 
 export const qrCodeDbRemote = new PouchDB<QRCodeDocument>('https://hereconnect.condev.ru/api/qr', {
   skip_setup: true,
@@ -10,6 +14,10 @@ export const qrCodeDbLocal = new PouchDB<QRCodeDocument>('qr')
 
 export const messagesDbLocal = new PouchDB<MessageDocument>('messages')
 
+export const webPushSubscriptionsDbRemote = new PouchDB<WebPushSubscriptionDocument>(
+  'https://hereconnect.condev.ru/api/web_push_subscriptions',
+)
+
 export const messagesDbRemote = new PouchDB<MessageDocument>(
   'https://hereconnect.condev.ru/api/messages',
   {

apps/frontend/src/api/qrCode.ts

@@ -1,5 +1,8 @@
 import type { QRCodeDocument } from '@/types/DBDocumentTypes'
 import { qrCodeDbLocal, qrCodeDbRemote } from '@/api/dbs'
+import { getUserUuid } from '@/utils/getUserUuid'
+import { getBrowserUuid } from '@/utils/getBrowserUuid'
+import { isNotFoundError } from '@/api/PouchDB'
 
 const EPOHE = 1731661630981
 
@@ -21,6 +24,8 @@ export const createQrCodeDocument = async (
     type: 'qr_code',
     uri,
     url: `https://hereconnect.condev.ru/read/${uri}`,
+    user_uuid: getUserUuid(),
+    browser_uuid: getBrowserUuid(),
     created_at: new Date().toISOString(),
     ...qrCodeDocPartial,
   }
@@ -48,11 +53,13 @@ export const createQrCodeDocument = async (
   return qrCodeDoc
 }
 
-export const getQrCodeDocument = (uri: string) => {
-  return qrCodeDbLocal.get<QRCodeDocument>(`qr_code:${uri}`).catch((error) => {
-    if (error.name === 'not_found') {
-      return qrCodeDbRemote.get<QRCodeDocument>(`qr_code:${uri}`)
+export const getQrCodeDocument = async (uri: string) => {
+  try {
+    return await qrCodeDbLocal.get<QRCodeDocument>(`qr_code:${uri}`)
+  } catch (error) {
+    if (isNotFoundError(error)) {
+      return await qrCodeDbRemote.get<QRCodeDocument>(`qr_code:${uri}`)
     }
     throw error
-  })
+  }
 }

apps/frontend/src/api/webPush.ts

@@ -0,0 +1,41 @@
+import type { WebPushSubscriptionDocument } from '@/types/DBDocumentTypes'
+import { webPushSubscriptionsDbRemote } from '@/api/dbs'
+import { getUserUuid } from '@/utils/getUserUuid'
+import { getBrowserUuid } from '@/utils/getBrowserUuid'
+
+export const saveWebPushSubscription = async (subscription: PushSubscription) => {
+  const type = 'web_push_subscription'
+  const user_uuid = getUserUuid()
+  const browser_uuid = getBrowserUuid()
+  const _id = `${type}:${user_uuid}:${browser_uuid}`
+  const created_at = new Date().toISOString()
+  const webPushSubscriptionDoc: WebPushSubscriptionDocument = {
+    _id,
+    type,
+    user_uuid,
+    browser_uuid,
+    subscription: subscription.toJSON(),
+    created_at,
+  }
+  try {
+    const { rev } = await webPushSubscriptionsDbRemote.upsert(
+      _id,
+      (doc): WebPushSubscriptionDocument | false => {
+        webPushSubscriptionDoc._rev = doc._rev
+        const isNotChanged =
+          JSON.stringify(webPushSubscriptionDoc.subscription) === JSON.stringify(doc.subscription)
+        if (isNotChanged) {
+          return false
+        }
+        webPushSubscriptionDoc.created_at = doc.created_at ?? created_at
+        webPushSubscriptionDoc.updated_at = doc.created_at ? new Date().toISOString() : created_at
+        return webPushSubscriptionDoc
+      },
+    )
+    webPushSubscriptionDoc._rev = rev
+    console.log('Подписка успешно сохранена', webPushSubscriptionDoc)
+    return webPushSubscriptionDoc
+  } catch (error) {
+    console.error('Ошибка сохранения подписки:', error)
+  }
+}

apps/frontend/src/components/create/CreateMessageDeliveryOptionWebPush.vue

@@ -13,6 +13,8 @@ import { type QRCodeDocument } from '@/types/DBDocumentTypes'
 import { type DeliveryOption, DELIVERY_METHOD_WEB_PUSH } from '@/constants/deliveryOptions'
 import { ref } from 'vue'
 
+import { saveWebPushSubscription } from '@/api/webPush'
+
 type DeliveryOptionWebPush = Extract<DeliveryOption, { method: typeof DELIVERY_METHOD_WEB_PUSH }>
 
 defineProps<{
@@ -61,30 +63,7 @@ async function requestNotificationPermission(): Promise<boolean> {
         'BMPwpR1Q24ZOFxy2T9M-I-Y6F6bucsHFVZKP8QYslgD_4hGCDv16qnZnji-ldngcZ_vBWVBwJ6OIfknVBnCxLsY',
     })
 
-    console.log('Push-подписка создана:', subscription)
-    console.log(JSON.stringify(subscription))
-    // subscription = {
-    //   endpoint:
-    //     'https://jmt17.google.com/fcm/send/eFYnP7qxt8A:APA91bHYGItzGpnzhXkfKzgMhAXgwcQXaLuRLqq9mt9RPS0VgGpEvVASxW8AF_fJmtSBtK-po0V3mM7fGWSN6tMCrImZqgZG14kGv0chQoghOLuWgHTUQYtQEqhd6f89eVonJdtjAlDN',
-    //   expirationTime: null,
-    //   keys: {
-    //     p256dh:
-    //       'BAIGLAQ5cZg6e8psnK6vy_MJ1kUJbs2Tymjc38-_6zM1VQXWP2Yj-604uPMye4smHosNKmBEPRDJJOH6Wxr1MLQ',
-    //     auth: '1k48wvT0U3pK_xaXW95Ekw',
-    //   },
-    // }
-    // subscription = {
-    //   endpoint:
-    //     'https://jmt17.google.com/fcm/send/eFYnP7qxt8A:APA91bHYGItzGpnzhXkfKzgMhAXgwcQXaLuRLqq9mt9RPS0VgGpEvVASxW8AF_fJmtSBtK-po0V3mM7fGWSN6tMCrImZqgZG14kGv0chQoghOLuWgHTUQYtQEqhd6f89eVonJdtjAlDN',
-    //   expirationTime: null,
-    //   keys: {
-    //     p256dh:
-    //       'BAIGLAQ5cZg6e8psnK6vy_MJ1kUJbs2Tymjc38-_6zM1VQXWP2Yj-604uPMye4smHosNKmBEPRDJJOH6Wxr1MLQ',
-    //     auth: '1k48wvT0U3pK_xaXW95Ekw',
-    //   },
-    // }
-
-    // Здесь вы можете сохранить подписку на сервере
+    await saveWebPushSubscription(subscription)
     return true
   } catch (err) {
     console.error('Ошибка при создании Push-подписки:', err)

apps/frontend/src/constants/localStorageKeys.ts

@@ -0,0 +1,2 @@
+export const LOCALSTORAGE_KEY_USER_UUID = 'user_uuid'
+export const LOCALSTORAGE_KEY_BROWSER_UUID = 'browser_uuid'

apps/frontend/src/types/DBDocumentTypes/QRCodeDocument.ts

@@ -21,7 +21,10 @@ export interface QRCodeDocument extends BaseDocument {
   url: string
 
   /** Идентификатор пользователя, который создал QR‑код */
-  // user_uuid: string
+  user_uuid: string
+
+  /** Идентификатор браузера, через который был создан QR－код */
+  browser_uuid: string
 
   /** Название объекта, для которого создан QR‑код, например "Мой автомобиль" */
   name: string

apps/frontend/src/types/DBDocumentTypes/WebPushSubscriptionDocument.ts

@@ -0,0 +1,11 @@
+import type { BaseDocument } from '@/types/DBDocumentTypes/BaseDocument'
+
+export interface WebPushSubscriptionDocument extends BaseDocument {
+  _id: string // Формат: "web_push_subscription:<user_uuid>:<browser_uuid>"
+  type: 'web_push_subscription'
+  user_uuid: string // UUID пользователя, связанного с подпиской
+  browser_uuid: string // UUID браузера, связанного с подпиской
+  subscription: PushSubscriptionJSON
+  created_at: string // Дата создания подписки в ISO формате
+  updated_at?: string // Дата последнего обновления подписки
+}

apps/frontend/src/types/DBDocumentTypes/index.ts

@@ -2,3 +2,4 @@ export * from './BaseDocument'
 export * from './QRCodeDocument'
 export * from './MessageDocument'
 export * from './UserDocument'
+export * from './WebPushSubscriptionDocument'

apps/frontend/src/utils/getBrowserUuid.ts

@@ -0,0 +1,10 @@
+import { LOCALSTORAGE_KEY_BROWSER_UUID } from '@/constants/localStorageKeys'
+
+export function getBrowserUuid(): string {
+  let browserUuid = localStorage.getItem(LOCALSTORAGE_KEY_BROWSER_UUID)
+  if (!browserUuid) {
+    browserUuid = crypto.randomUUID() // Браузерная API для генерации UUID
+    localStorage.setItem(LOCALSTORAGE_KEY_BROWSER_UUID, browserUuid)
+  }
+  return browserUuid
+}

apps/frontend/src/utils/getUserUuid.ts

@@ -0,0 +1,10 @@
+import { LOCALSTORAGE_KEY_USER_UUID } from '@/constants/localStorageKeys'
+
+export function getUserUuid(): string {
+  let userUuid = localStorage.getItem(LOCALSTORAGE_KEY_USER_UUID)
+  if (!userUuid) {
+    userUuid = crypto.randomUUID()
+    localStorage.setItem(LOCALSTORAGE_KEY_USER_UUID, userUuid)
+  }
+  return userUuid
+}