Use of chrome.notifications APIs instead of webKitNotifications that has been deprecated

Author: galeone

extension.js

@@ -1,17 +1,30 @@
+function getNotificationOptions(message) {
+    return {
+        type: "basic",
+        message: message,
+        title: "MediaCrush",
+        iconUrl: "icon48.png"
+    };
+}
+
 function rehostImage(info, tab) {
     var xhr = new XMLHttpRequest();
     xhr.open('POST', 'https://mediacru.sh/api/upload/url');
+    var notificationId = -1;
+    chrome.notifications.create("", getNotificationOptions("Processing, please wait..."), function(id) {
+        notificationId = id;
+    });
     xhr.onload = function() {
         var result = JSON.parse(this.responseText);
         if (this.status == 409) {
+            chrome.notifications.clear(notificationId, function (ok) {});
             window.open('https://mediacru.sh/' + result.hash, '_blank');
         } else if (this.status == 200) {
-            var notification = webkitNotifications.createNotification('icon48.png', 'MediaCrush', 'Processing, please wait...');
-            notification.show();
             setTimeout(function() {
-                checkStatus(result.hash, notification);
+                checkStatus(result.hash, notificationId);
             }, 1000);
         } else {
+            chrome.notifications.clear(notificationId, function (ok) {});
             alert('An error occured re-hosting this image.');
         }
     };
@@ -20,19 +33,19 @@ function rehostImage(info, tab) {
     xhr.send(formData);
 }
 
-function checkStatus(hash, notification) {
+function checkStatus(hash, notificationId) {
     var xhr = new XMLHttpRequest();
     xhr.open('GET', 'https://mediacru.sh/api/' + hash + '/status');
     xhr.onload = function() {
         var result = JSON.parse(this.responseText);
         if (result.status == "error") {
-            notification.cancel();
-            notification = webkitNotifications.createNotification('icon48.png', 'MediaCrush', 'There was an error while processing this file.');
+            chrome.notifications.clear(notificationId, function (ok) {});
+            chrome.notifications.create("", getNotificationOptions('There was an error while processing this file.'), function(id) {});
         } else if (result.status == "timeout") {
-            notification.cancel();
-            notification = webkitNotifications.createNotification('icon48.png', 'MediaCrush', 'This file took too long to process.');
+            chrome.notifications.clear(notificationId, function (ok) {});
+            chrome.notifications.create("", getNotificationOptions('This file took too long to process.'), function(id) {});
         } else if (result.status == "done") {
-            notification.cancel();
+            chrome.notifications.clear(notificationId, function (ok) {});
             window.open('https://mediacru.sh/' + result.hash + '#fromExtension', '_blank');
         } else {
             setTimeout(function() { checkStatus(hash, notification); }, 1000);

manifest.json

@@ -3,7 +3,7 @@
 
     "name": "MediaCrush",
     "description": "Instantly upload any image on the web to MediaCrush for reliable, fast hosting.",
-    "version": "1.0",
+    "version": "1.1",
 
     "permissions": [
         "contextMenus",