Merge branch 'web-notifs' into 'develop'

Web Notifications

See merge request pleroma/pleroma-fe!149

2 files changed, 23 insertions, 0 deletions

diff --git a/src/modules/statuses.js b/src/modules/statuses.js
index 5f2f8152..884ba0ef 100644
--- a/src/modules/statuses.js
+++ b/src/modules/statuses.js
@@ -239,6 +239,25 @@ const addNewStatuses = (state, { statuses, showImmediately = false, timeline, us
     // Only add a new notification if we don't have one for the same action
     if (!find(state.notifications, (oldNotification) => oldNotification.action.id === action.id)) {
       state.notifications.push({type, status, action, seen: false})
+
+      if ('Notification' in window && window.Notification.permission === 'granted') {
+        const title = action.user.name
+        const result = {}
+        result.icon = action.user.profile_image_url
+        result.body = action.text // there's a problem that it doesn't put a space before links tho
+
+        // Shows first attached non-nsfw image, if any. Should add configuration for this somehow...
+        if (action.attachments.length > 0 && !action.nsfw &&
+            action.attachments[0].mimetype.startsWith('image/')) {
+          result.image = action.attachments[0].url
+        }
+
+        let notification = new window.Notification(title, result)
+
+        // Chrome is known for not closing notifications automatically
+        // according to MDN, anyway.
+        setTimeout(notification.close.bind(notification), 5000)
+      }
     }
   }
 
diff --git a/src/modules/users.js b/src/modules/users.js
index f29cbf98..c8b6f0de 100644
--- a/src/modules/users.js
+++ b/src/modules/users.js
@@ -102,6 +102,10 @@ const users = {
                     store.commit('addNewUsers', mutedUsers)
                   })
 
+                  if ('Notification' in window && window.Notification.permission === 'default') {
+                    window.Notification.requestPermission()
+                  }
+
                   // Fetch our friends
                   store.rootState.api.backendInteractor.fetchFriends()
                     .then((friends) => commit('addNewUsers', friends))