ok

Author: jae-jae

crx/extension/background.js

@@ -1,3 +1,6 @@
+
+const countApi = 'https://greasyfork.org/scripts/by-site.json'
+
 function getCurrentTabUrl(callback) {
     // Query filter to be passed to chrome.tabs.query - see
     // https://developer.chrome.com/extensions/tabs#method-query
@@ -13,7 +16,7 @@ function getCurrentTabUrl(callback) {
       // A window can only have one active tab at a time, so the array consists of
       // exactly one tab.
       var tab = tabs[0];
-  
+
       // A tab is a plain object that provides information about the tab.
       // See https://developer.chrome.com/extensions/tabs#type-Tab
       var url = tab.url;
@@ -37,8 +40,38 @@ function getCurrentTabUrl(callback) {
     // alert(url); // Shows "undefined", because chrome.tabs.query is async.
   }
 
-chrome.tabs.onUpdated.addListener(function(){
+  function getUrlHostname(url) {
+    var a = document.createElement('a');
+    a.href = url;
+    return a.hostname
+  }
+
+  function changeBadge(data) {
     getCurrentTabUrl(function(url){
-        alert(url)
-    })
+      let host =  getUrlHostname(url).split('.').splice(-2).join('.')
+      let count = data[host]
+      count = count > 50 ? 50 : count
+      chrome.storage.local.set({'host':host})
+      if(count) {
+       chrome.browserAction.setBadgeText({
+         text: count.toString()
+       })
+      }else {
+        chrome.browserAction.setBadgeText({
+          text: ''
+        })
+      }
+   })
+  }
+
+fetch(countApi).then((r) => {
+  r.json().then((data) => {
+      alert('data loaded')
+      chrome.tabs.onUpdated.addListener(() => {
+        changeBadge(data)
+      })
+      chrome.tabs.onActivated.addListener(() => {
+        changeBadge(data)
+      })
+  })
 })

crx/extension/popup.js

@@ -3,9 +3,6 @@
 import timeago from 'timeago.js'
 
 let config = {
-  cacheKey: 'jae_fetch_userjs_cache',
-  countKey: 'jae_fetch_userjs_count',
-  host: window.location.hostname.split('.').splice(-2).join('.'),
   api: 'https://greasyfork.org/en/scripts/by-site/{host}.json'
 }
 
@@ -33,35 +30,27 @@ export default {
       for (let i = 0, l = keys.length; i < l; i++) v = v[keys[i]]
       return (typeof v !== 'undefined' && v !== null) ? v : ''
     })
-  },
-  getJSON (url, callback) {
-    parent.window.GmAjax({
-      method: 'GET',
-      url: url,
-      onload: (res) => {
-        let json = JSON.parse(res.responseText)
-        callback(json)
-      }
-    })
   },
     // 获取油猴缓存好的脚本数据
   getData (callback) {
-    let data = sessionStorage.getItem(config.cacheKey)
-    if (data) {
-      data = JSON.parse(data)
-      callback(data)
-    } else {
-      let api = this.nano(config.api, {
-        host: config.host
-      })
-      this.getJSON(api, (json) => {
-        sessionStorage.setItem(config.cacheKey, JSON.stringify(json))
-        callback(json)
-      })
-    }
-  },
-
-  getCount () {
-    return 12
+    chrome.storage.local.get(['host'], (rt) => {
+      let host = rt.host
+      let data = sessionStorage.getItem(host)
+      if (data) {
+        data = JSON.parse(data)
+        callback(data)
+      } else {
+        let api = this.nano(config.api, {
+          host: host
+        })
+        fetch(api)
+          .then((r) => {
+            r.json().then((json) => {
+              sessionStorage.setItem(host, JSON.stringify(json))
+              callback(json)
+            })
+          })
+      }
+    })
   }
 }

crx/src/common/js/tools.js

@@ -99,19 +99,16 @@
     export default {
       components: { Info, Indicator },
       mounted: function () {
-
-        this.count = Tools.getCount()
-
         this.$Spin.show()
-        this.getData((json) => {
+        Tools.getData((json) => {
           this.data = json
+          this.count = this.data.length
           this.$Spin.hide()
           this.showBody = !this.showBody
           setTimeout(() => {
             this.showTitle = this.showBody
           }, 500)
         })
-
       },
       data: function () {
         return {
@@ -222,7 +219,7 @@
         }
       },
       watch: {
- 
+
       },
       methods: {
         close () {

crx/src/components/Table.vue

@@ -15,7 +15,7 @@ Vue.use(VueI18n)
 Vue.use(iView)
 
 let nlang = navigator.language.toLowerCase()
-if(nlang === 'zh') {
+if (nlang === 'zh') {
   nlang = 'zh-cn'
 }
 let lang = localeMessage[nlang] ? nlang : 'en-us'
@@ -32,4 +32,3 @@ new Vue({       // eslint-disable-line no-new
   el: appEl,
   render: h => h(App)
 })
-