refactor: output errors on devtools (#928)

components/account/AccountFollowButton.vue

@@ -19,7 +19,8 @@ async function toggleFollow() {
     const newRel = await masto.v1.accounts[relationship!.following ? 'follow' : 'unfollow'](account.id)
     Object.assign(relationship!, newRel)
   }
-  catch {
+  catch (err) {
+    console.error(err)
     // TODO error handling
     relationship!.following = !relationship!.following
   }
@@ -31,7 +32,8 @@ async function unblock() {
     const newRel = await masto.v1.accounts.unblock(account.id)
     Object.assign(relationship!, newRel)
   }
-  catch {
+  catch (err) {
+    console.error(err)
     // TODO error handling
     relationship!.blocking = true
   }
@@ -43,7 +45,8 @@ async function unmute() {
     const newRel = await masto.v1.accounts.unmute(account.id)
     Object.assign(relationship!, newRel)
   }
-  catch {
+  catch (err) {
+    console.error(err)
     // TODO error handling
     relationship!.muting = true
   }

components/notification/NotificationPreferences.client.vue

@@ -49,7 +49,10 @@ const saveSettings = async () => {
 
   try {
     const subscription = await updateSubscription()
+  }
+  catch (err) {
     // todo: handle error
+    console.error(err)
   }
   finally {
     busy = false
@@ -72,7 +75,8 @@ const doSubscribe = async () => {
       showSubscribeError = true
     }
   }
-  catch {
+  catch (err) {
+    console.error(err)
     subscribeError = t('settings.notifications.push_notifications.subscription_error.request_error')
     showSubscribeError = true
   }
@@ -91,6 +95,9 @@ const removeSubscription = async () => {
   try {
     await unsubscribe()
   }
+  catch (err) {
+    console.error(err)
+  }
   finally {
     busy = false
     animateRemoveSubscription = false

components/user/UserSignIn.vue

@@ -32,7 +32,9 @@ async function oauth() {
       },
     })
   }
-  catch {
+  catch (err) {
+    console.error(err)
+
     displayError = true
     error = true
     await nextTick()

composables/masto/publish.ts

@@ -57,6 +57,9 @@ export const usePublish = (options: {
 
       return status
     }
+    catch (err) {
+      console.error(err)
+    }
     finally {
       isSending = false
     }

composables/paginator.ts

@@ -86,6 +86,8 @@ export function usePaginator<T, P, U = T>(
       }
     }
     catch (e) {
+      console.error(e)
+
       error.value = e
       state.value = 'error'
     }

composables/users.ts

@@ -140,7 +140,8 @@ async function loginTo(user?: Omit<UserLogin, 'account'> & { account?: mastodon.
       if (!users.value.some(u => u.server === user.server && u.token === user.token))
         users.value.push(user as UserLogin)
     }
-    catch {
+    catch (err) {
+      console.error(err)
       await signout()
     }
   }
@@ -206,7 +207,7 @@ export async function removePushNotificationData(user: UserLogin, fromSWPushMana
         await subscription.unsubscribe()
     }
     catch {
-      // juts ignore
+      // just ignore
     }
   }
 }
@@ -216,12 +217,7 @@ export async function removePushNotifications(user: UserLogin) {
     return
 
   // unsubscribe push notifications
-  try {
+  await useMasto().v1.webPushSubscriptions.remove().catch(() => Promise.resolve())
-    await useMasto().v1.webPushSubscriptions.remove()
-  }
-  catch {
-    // ignore
-  }
 }
 
 export async function signout() {

error.vue

@@ -24,7 +24,8 @@ const reload = async () => {
       await masto.loginTo(currentUser.value)
     clearError({ redirect: currentUser.value ? '/home' : `/${currentServer.value}/public/local` })
   }
-  catch {
+  catch (err) {
+    console.error(err)
     state.value = 'error'
   }
 }

middleware/permalink.global.ts

@@ -62,7 +62,9 @@ export default defineNuxtRouteMiddleware(async (to, from) => {
     if (accounts[0])
       return getAccountRoute(accounts[0])
   }
-  catch {}
+  catch (err) {
+    console.error(err)
+  }
 
   return '/home'
 })

scripts/avatars.ts

@@ -16,7 +16,9 @@ async function download(url: string, fileName: string) {
     const image = await $fetch(url, { responseType: 'arrayBuffer' })
     await fs.writeFile(fileName, Buffer.from(image))
   }
-  catch {}
+  catch (err) {
+    console.error(err)
+  }
 }
 
 async function fetchAvatars() {