Merge pull request #25 from calebsmithdev/issue-14

Notifications can now be enabled separately

Author: calebsmithdev

src-tauri/tauri.conf.json

@@ -41,7 +41,7 @@
   },
   "productName": "Wowthing Sync",
   "mainBinaryName": "Wowthing Sync",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "identifier": "com.calebsmithdev.wowthing-sync",
   "plugins": {
     "updater": {

src/composables/useNotifications.ts

@@ -1,7 +1,36 @@
+import { info } from "@tauri-apps/plugin-log";
 import { isPermissionGranted, requestPermission, sendNotification } from "@tauri-apps/plugin-notification";
+import { NOTIFICATIONS_ENABLED } from "~/constants";
 
 export const useNotifications = () => {
+  const _notificationsEnabled = ref(false);
+
+  const getValue = async (): Promise<void> => {
+    const value = await getStorageItem<boolean>(NOTIFICATIONS_ENABLED)
+    _notificationsEnabled.value = value ?? false;
+  }
+
+  const setValue = async (value: boolean): Promise<void> => {
+    await saveStorageItem(NOTIFICATIONS_ENABLED, value)
+    _notificationsEnabled.value = value;
+
+    if (value) {
+      let permissionGranted = await isPermissionGranted();
+
+      if (!permissionGranted) {
+        const permission = await requestPermission();
+        permissionGranted = permission === 'granted';
+      }
+    }
+    send({ title: 'Notifications enabled', body: 'You will now receive notifications' });
+    info(`Option for enabling notifications: ${_notificationsEnabled.value}`);
+  }
+
   const send = async (options) => {
+    if(!notificationsEnabled.value) {
+      return;
+    }
+
     let permissionGranted = await isPermissionGranted();
 
     if (!permissionGranted) {
@@ -14,7 +43,17 @@ export const useNotifications = () => {
     }
   };
 
+  const notificationsEnabled = computed({
+    get: () => _notificationsEnabled.value,
+    set: (value: boolean) => setValue(value),
+  });
+
+  onMounted(() => {
+    getValue();
+  });
+
   return {
+    notificationsEnabled,
     send
   }
 }

src/constants.ts

@@ -1,5 +1,6 @@
 export const API_KEY = 'api-key'
 export const AUTO_START = 'auto-start'
+export const NOTIFICATIONS_ENABLED = 'notifications-enabled'
 export const PROGRAM_FOLDER = 'program-folder'
 export const LAST_UPDATED = 'last-updated';
 export const LAST_STARTED_DATE = 'last-started-date';

src/pages/settings.vue

@@ -2,8 +2,6 @@
   <div class="container pt-5">
     <h1 class="mb-5">Settings</h1>
 
-    <UCheckbox label="Launch WoWthing Sync when you start your computer" v-model="autoStart" class="mb-6" />
-
     <UFormGroup label="API Key" name="apiKey" help="Visit Settings -> Account to find your API Key." class="mb-6">
       <UInput v-model="apiKey" autocomplete="off" :ui="{ icon: { trailing: { pointer: '' } } }" :type="showPassword ? 'text' : 'password'">
         <template #trailing>
@@ -18,13 +16,17 @@
       </UInput>
     </UFormGroup>
 
-    <UFormGroup label='World of Warcraft "_retail_" Folder' name="folder">
+    <UFormGroup label='World of Warcraft "_retail_" Folder' name="folder" class="mb-6">
       <UInput v-model="folder" readonly @click="openFolderDialog">
         <template #trailing>
           <span class="text-gray-500 dark:text-gray-400 text-xs">Choose Directory</span>
         </template>
       </UInput>
     </UFormGroup>
+
+    <UCheckbox label="Enable desktop notifications" v-model="notificationsEnabled" class="mb-2" />
+
+    <UCheckbox label="Launch WoWthing Sync when you start your computer" v-model="autoStart" class="mb-2" />
   </div>
 </template>
 
@@ -36,6 +38,7 @@
   const autoStart = useAutoStart();
   const { folder, getDefaultPath } = useProgramFolder();
   const showPassword = ref(false);
+  const { notificationsEnabled } = useNotifications();
 
   const openFolderDialog = async () => {
     const defaultPath = await getDefaultPath();