Add native notificaiton support

Author: kadiryazici

src-tauri/Cargo.lock

@@ -16,7 +16,7 @@ tauri-build = { version = "1.2", features = [] }
 [dependencies]
 serde_json = "1.0"
 serde = { version = "1.0", features = ["derive"] }
-tauri = { version = "1.2.4", features = ["http-request", "icon-ico", "icon-png", "macos-private-api", "process-exit", "shell-open", "system-tray"] }
+tauri = { version = "1.2.4", features = ["dialog-confirm", "http-request", "icon-ico", "icon-png", "macos-private-api", "notification-all", "process-exit", "shell-open", "system-tray"] }
 window-vibrancy = "0.3.2"
 tiny_http = "0.12.0"
 typed-html = { git = "https://github.com/bodil/typed-html", rev = "4c13ecca" }

src-tauri/Cargo.toml

@@ -46,3 +46,17 @@ pub fn stop_server(window: Window, state: State<'_, Mutex<AuthServer>>) {
     let mut server = state.lock().unwrap();
     server.stop();
 }
+
+#[cfg(target_os = "macos")]
+#[tauri::command]
+pub fn go_to_notification_settings() {
+    std::process::Command::new("open")
+        .arg("x-apple.systempreferences:com.apple.preference.notifications")
+        .spawn();
+}
+
+#[cfg(target_os = "windows")]
+#[tauri::command]
+pub fn go_to_notification_settings() {
+    std::process::Command::new("ms-settings:notifications").spawn();
+}

src-tauri/src/commands.rs

@@ -9,7 +9,10 @@ mod server;
 
 use std::sync::Mutex;
 
-use commands::{play_notification_sound, set_icon_template, start_server, stop_server};
+use commands::{
+    go_to_notification_settings, play_notification_sound, set_icon_template, start_server,
+    stop_server,
+};
 use server::AuthServer;
 
 use tauri::{
@@ -92,7 +95,8 @@ fn main() {
             play_notification_sound,
             set_icon_template,
             start_server,
-            stop_server
+            stop_server,
+            go_to_notification_settings
         ])
         .plugin(tauri_plugin_autostart::init(
             MacosLauncher::LaunchAgent,

src-tauri/src/main.rs

@@ -24,8 +24,14 @@
       "process": {
         "exit": true
       },
+      "notification": {
+        "all": true
+      },
       "shell": {
         "open": true
+      },
+      "dialog": {
+        "confirm": true
       }
     },
     "bundle": {

src-tauri/tauri.conf.json

@@ -17,6 +17,7 @@ export enum InvokeCommand {
   SetIconTemplate = 'set_icon_template',
   StartServer = 'start_server',
   StopServer = 'stop_server',
+  GoToNotificationSettings = 'go_to_notification_settings',
 }
 
 export enum NotificationSubject {

src/constants.ts

@@ -6,6 +6,7 @@ import { createPinia } from 'pinia'
 import { isEnabled as isAutostartEnabled } from 'tauri-plugin-autostart-api'
 import dayjs from 'dayjs'
 import relativeTime from 'dayjs/plugin/relativeTime'
+import { isPermissionGranted } from '@tauri-apps/api/notification'
 import App from './App.vue'
 import { AppStorage, cacheStorageFromDisk } from './storage'
 import { useStore } from './stores/store'
@@ -15,7 +16,7 @@ import { Page } from './constants'
 import { getReleases } from './api/releases'
 import { getNewRelease } from './utils/getNewRelease'
 
-(async () => {
+;(async () => {
   dayjs.extend(relativeTime)
   window.addEventListener('contextmenu', e => e.preventDefault())
 
@@ -30,7 +31,12 @@ import { getNewRelease } from './utils/getNewRelease'
   const token = AppStorage.get('accessToken')
   const user = AppStorage.get('user')
 
-  AppStorage.set('openAtStartup', await isAutostartEnabled())
+  const [autoStartEnabled, notificationsGranted] = await Promise.all([isAutostartEnabled(), isPermissionGranted()])
+
+  AppStorage.set('openAtStartup', autoStartEnabled)
+
+  if (!notificationsGranted)
+    AppStorage.set('showSystemNotifications', false)
 
   if (token && user) {
     store.setPage(Page.Home)

src/main.ts

@@ -4,6 +4,8 @@ import { exit } from '@tauri-apps/api/process'
 import { invoke } from '@tauri-apps/api/tauri'
 import { disable as disableAutostart, enable as enableAutostart } from 'tauri-plugin-autostart-api'
 import { watchDebounced } from '@vueuse/core'
+import { requestPermission } from '@tauri-apps/api/notification'
+import { confirm } from '@tauri-apps/api/dialog'
 import AppButton from '../components/AppButton.vue'
 import PageHeader from '../components/PageHeader.vue'
 import SettingsItem from '../components/SettingsItem.vue'
@@ -57,6 +59,29 @@ function handleBack() {
 }
 
 useKey('esc', handleBack, { prevent: true })
+
+const showSystemNotifications = AppStorage.asRef('showSystemNotifications')
+async function handleUpdateShowSystemNotifications(value: boolean) {
+  if (!value) {
+    showSystemNotifications.value = false
+    return
+  }
+
+  const permission = await requestPermission()
+
+  if (permission !== 'granted') {
+    const confirmed = await confirm('Gitification has no permission to show notifications. Press Ok to go to Preferences/Notifications.', {
+      type: 'error',
+    })
+
+    if (confirmed)
+      invoke(InvokeCommand.GoToNotificationSettings)
+
+    return
+  }
+
+  showSystemNotifications.value = value
+}
 </script>
 
 <template>
@@ -93,6 +118,11 @@ useKey('esc', handleBack, { prevent: true })
         v-model:enabled="showReadNotifications"
         title="Show read notifications"
       />
+      <SettingsItem
+        :enabled="showSystemNotifications"
+        title="Show system notifications"
+        @update:enabled="handleUpdateShowSystemNotifications"
+      />
     </div>
 
     <div class="settings-footer">