feat(notification): add plugin (#326)

plugins/notification/src/init.js

@@ -0,0 +1,71 @@
+(function () {
+  let permissionSettable = false
+  let permissionValue = 'default'
+
+  function isPermissionGranted() {
+    if (window.Notification.permission !== 'default') {
+      return Promise.resolve(window.Notification.permission === 'granted')
+    }
+    return __TAURI__.invoke('plugin:notification|is_permission_granted')
+  }
+
+  function setNotificationPermission(value) {
+    permissionSettable = true
+    // @ts-expect-error we can actually set this value on the webview
+    window.Notification.permission = value
+    permissionSettable = false
+  }
+
+  function requestPermission() {
+    return __TAURI__.invoke('plugin:notification|request_permission')
+      .then(function (permission) {
+        setNotificationPermission(permission)
+        return permission
+      })
+  }
+
+  function sendNotification(options) {
+    if (typeof options === 'object') {
+      Object.freeze(options)
+    }
+
+    return __TAURI__.invoke('plugin:notification|notify', {
+      options: typeof options === 'string'
+        ? {
+          title: options
+        }
+        : options
+    })
+  }
+
+  // @ts-expect-error unfortunately we can't implement the whole type, so we overwrite it with our own version
+  window.Notification = function (title, options) {
+    const opts = options || {}
+    sendNotification(
+      Object.assign(opts, { title })
+    )
+  }
+
+  window.Notification.requestPermission = requestPermission
+
+  Object.defineProperty(window.Notification, 'permission', {
+    enumerable: true,
+    get: function () {
+      return permissionValue
+    },
+    set: function (v) {
+      if (!permissionSettable) {
+        throw new Error('Readonly property')
+      }
+      permissionValue = v
+    }
+  })
+
+  isPermissionGranted().then(function (response) {
+    if (response === null) {
+      setNotificationPermission('default')
+    } else {
+      setNotificationPermission(response ? 'granted' : 'denied')
+    }
+  })
+})()