huly-platform/plugins/notification-resources/src/components/BrowserNotificatator.svelte

<!--
// Copyright © 2022 Hardcore Engineering Inc.
//
// Licensed under the Eclipse Public License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License. You may
// obtain a copy of the License at https://www.eclipse.org/legal/epl-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
//
// See the License for the specific language governing permissions and
// limitations under the License.
-->
<script lang="ts">
  import contact, { EmployeeAccount } from '@anticrm/contact'
  import { Doc, getCurrentAccount, Ref, Space } from '@anticrm/core'
  import {
    Notification as PlatformNotification,
    NotificationProvider,
    NotificationSetting,
    NotificationStatus,
    NotificationType
  } from '@anticrm/notification'
  import { createQuery } from '@anticrm/presentation'
  import notification from '../plugin'
  import { NotificationClientImpl } from '../utils'

  const query = createQuery()
  const settingQuery = createQuery()
  const providersQuery = createQuery()
  const accountId = getCurrentAccount()._id
  const space = accountId as string as Ref<Space>
  const notificationClient = NotificationClientImpl.getClient()
  const lastViews = notificationClient.getLastViews()
  const lastViewId: Ref<Doc> = ((getCurrentAccount() as EmployeeAccount).employee + 'notification') as Ref<Doc>

  let settingsReceived = false
  let settings: Map<Ref<NotificationType>, NotificationSetting> = new Map<Ref<NotificationType>, NotificationSetting>()
  let provider: NotificationProvider | undefined

  const enabled = 'Notification' in window && Notification.permission !== 'denied'

  $: enabled &&
    providersQuery.query(
      notification.class.NotificationProvider,
      { _id: notification.ids.BrowserNotification },
      (res) => {
        provider = res[0]
      }
    )

  $: enabled &&
    settingQuery.query(
      notification.class.NotificationSetting,
      {
        space
      },
      (res) => {
        settings = new Map(
          res.map((setting) => {
            return [setting.type, setting]
          })
        )
        settingsReceived = true
      }
    )

  $: enabled &&
    settingsReceived &&
    provider !== undefined &&
    query.query(
      notification.class.Notification,
      {
        attachedTo: (getCurrentAccount() as EmployeeAccount).employee,
        status: NotificationStatus.New
      },
      (res) => {
        process(res)
      }
    )

  async function process (notifications: PlatformNotification[]): Promise<void> {
    for (const notification of notifications) {
      await tryNotify(notification)
    }
  }

  async function tryNotify (notification: PlatformNotification): Promise<void> {
    const text = notification.text.replace(/<[^>]*>/g, '').trim()
    if (text === '') return
    const setting = settings.get(notification.type)
    const enabled = setting?.enabled ?? provider?.default
    if (!enabled) return
    if (setting?.modifiedOn ?? notification.modifiedOn < 0) return
    if (Notification.permission === 'granted') {
      await notify(text, notification)
    } else if (Notification.permission !== 'denied') {
      const permission = await Notification.requestPermission()
      if (permission === 'granted') {
        await notify(text, notification)
      }
    }
  }

  async function notify (text: string, notification: PlatformNotification): Promise<void> {
    const lastView = $lastViews.get(lastViewId)
    if (lastView ?? notification.modifiedOn > 0) {
      // eslint-disable-next-line
      new Notification(text, { tag: notification._id })
      await notificationClient.updateLastView(
        lastViewId,
        contact.class.Employee,
        notification.modifiedOn,
        lastView === undefined
      )
    }
  }
</script>