refactor: 最新評論 leancloud呼叫由js sdk 改為 rest api 呼叫。應用可以不與valine同一個

feat: 最新評論增加錯誤輸出
style: 刪除不必要的語言檔案

languages/default.yml

@@ -77,8 +77,7 @@ aside:
   card_newest_comments:
     heading: Newest Comments
     loading_text: loading...
-    zero_day: Today
+    error: Unable to get the data, please make sure the settings are correct.
-    day: days ago
 
 date_suffix:
   just: Just

languages/en.yml

@@ -77,8 +77,7 @@ aside:
   card_newest_comments:
     heading: Newest Comments
     loading_text: loading...
-    zero_day: Today
+    error: Unable to get the data, please make sure the settings are correct.
-    day: days ago
 
 date_suffix:
   just: Just

languages/zh-CN.yml

@@ -79,8 +79,7 @@ aside:
   card_newest_comments:
     heading: 最新评论
     loading_text: 正在加载中...
-    zero_day: 今天
+    error: 无法获取资料，请确认相关配置是否正确
-    day: 天前
 
 date_suffix:
   just: 刚刚

languages/zh-TW.yml

@@ -79,8 +79,7 @@ aside:
   card_newest_comments:
     heading: 最新評論
     loading_text: 正在加載中...
-    zero_day: 今天
+    error: 無法獲取資料，請確認相關配置是否正確
-    day: 天前
 
 date_suffix:
   just: 剛剛

layout/includes/third-party/newest-comments/disqus-comment.pug

@@ -28,6 +28,9 @@ script.
         // set expiry to 10 min
         saveToLocal.set('disqus-newest-comments', JSON.stringify(disqusArray), 10/(60*24))
         generateHtml(disqusArray)
+      }).fail(()=>{
+        const $dom = document.querySelector('#card-newest-comments .aside-list')
+        $dom.innerHTML= "!{_p('aside.card_newest_comments.error')}"
       })
     }
 
@@ -47,13 +50,13 @@ script.
         </div></div>`
       }
 
-      let $dom = document.querySelector('.card-newest-comments .aside-list')
+      let $dom = document.querySelector('#card-newest-comments .aside-list')
       $dom.innerHTML= result
       window.pjax && window.pjax.refresh($dom)
     }
 
     const newestCommentInit = () => {
-      if (document.querySelector('.card-newest-comments .aside-list')) {
+      if (document.querySelector('#card-newest-comments .aside-list')) {
         const data = saveToLocal.get('disqus-newest-comments')
         if (data) {
           generateHtml(JSON.parse(data))

layout/includes/third-party/newest-comments/github-issues.pug

@@ -27,6 +27,9 @@ script.
         })
         saveToLocal.set('github-newest-comments', JSON.stringify(githubArray), 10/(60*24))
         generateHtml(githubArray)
+      }).fail(()=>{
+        const $dom = document.querySelector('#card-newest-comments .aside-list')
+        $dom.innerHTML= "!{_p('aside.card_newest_comments.error')}"
       })
     }
 
@@ -46,13 +49,13 @@ script.
         </div></div>`
       }
 
-      let $dom = document.querySelector('.card-newest-comments .aside-list')
+      let $dom = document.querySelector('#card-newest-comments .aside-list')
       $dom.innerHTML= result
       window.pjax && window.pjax.refresh($dom)
     }
 
     const newestCommentInit = () => {
-      if (document.querySelector('.card-newest-comments .aside-list')) {
+      if (document.querySelector('#card-newest-comments .aside-list')) {
         const data = saveToLocal.get('github-newest-comments')
         if (data) {
           generateHtml(JSON.parse(data))

layout/includes/third-party/newest-comments/leancloud.pug

@@ -37,58 +37,59 @@ script.
         </div></div>`
       }
 
-      let $dom = document.querySelector('.card-newest-comments .aside-list')
+      let $dom = document.querySelector('#card-newest-comments .aside-list')
       $dom.innerHTML= result
       window.pjax && window.pjax.refresh($dom)
     }
 
     const getValineData = () => {
-
+        let serverURL = ''
-      if (!(AV.applicationId && (AV.applicationKey || AV.masterKey))) {
+        if (!{Boolean(theme.newest_comments.leancloud.serverURL)}) {
-        const dataInit = {
+          serverURL = '!{theme.newest_comments.leancloud.serverURL}'
-          appId: '!{theme.newest_comments.leancloud.appId}',
+        } else {
-          appKey: '!{theme.newest_comments.leancloud.appKey}'
+          serverURL = 'https://!{theme.newest_comments.leancloud.appId.substring(0,8)}.api.lncldglobal.com'
         }
 
-        if (!{theme.newest_comments.leancloud.serverURL ? true : false}) {
+      var settings = {
-          dataInit.serverURL= '!{theme.newest_comments.leancloud.serverURL}'
+        "url": `${serverURL}/1.1/classes/Comment?limit=!{theme.newest_comments.limit}&order=-createdAt`,
-        }
+        "method": "GET",
-
+        "timeout": 0,
-        AV.init(dataInit)
+        "headers": {
+          "X-LC-Id": '!{theme.newest_comments.leancloud.appId}',
+          "X-LC-Key": '!{theme.newest_comments.leancloud.appKey}',
+          "Content-Type": "application/json"
+        },
       }
 
-      const query = new AV.Query('Comment');
+      $.ajax(settings).done((response) => {
-      query.descending('createdAt').limit(!{theme.newest_comments.limit})
+        var valineArray = []
-
+        response.results.forEach((e)=>{
-      var valineArray = []
-      query.find().then(comments => {
-        comments.forEach(comment => {
           valineArray.push({
-            'avatar': comment.get('QQAvatar'),
+            'avatar': e.QQAvatar,
-            'content': changeContent(comment.get('comment')),
+            'content': changeContent(e.comment),
-            'mail': comment.get('mail'),
+            'mail': e.mail,
-            'nick': comment.get('nick'),
+            'nick': e.nick,
-            'url': comment.get('url'),
+            'url': e.url,
-            'date': comment.createdAt,
+            'date': e.createdAt,
           })
         })
-      }).then(function() {
+        
         saveToLocal.set('leancloud-newest-comments', JSON.stringify(valineArray), 10/(60*24))
         generateHtml(valineArray)
+
+      }).fail(()=>{
+        const $dom = document.querySelector('#card-newest-comments .aside-list')
+        $dom.innerHTML= "!{_p('aside.card_newest_comments.error')}"
       })
     }
 
     const newestCommentInit = () => {
-      if (document.querySelector('.card-newest-comments .aside-list')) {
+      if (document.querySelector('#card-newest-comments .aside-list')) {
         const data = saveToLocal.get('leancloud-newest-comments')
         if (data) {
           generateHtml(JSON.parse(data))
         } else {
-          if (typeof window.AV === 'object') {
+          getValineData()
-            getValineData()
-          } else {
-            $.getScript('https://cdn.jsdelivr.net/npm/leancloud-storage@4.6.1/dist/av-min.js', getValineData)
-          }
         }
       }
     }

layout/includes/widget/card_newest_comment.pug

@@ -1,4 +1,4 @@
-.card-widget.card-newest-comments
+.card-widget#card-newest-comments
   .card-content
     .item-headline
       i.fas.fa-bolt

package.json

@@ -1,6 +1,6 @@
 {
   "name": "hexo-theme-butterfly",
-  "version": "3.2.0-b2",
+  "version": "3.2.0-b3",
   "description": "A Simple and Card UI Design theme for Hexo",
   "main": "package.json",
   "scripts": {

source/css/_tags/note.styl

@@ -26,7 +26,7 @@
           color: lookup('$tagsP-' + $type + '-color')
 
         &:not(.simple)
-          background: lighten(lookup('$tagsP-' + $type + '-color'), 80%) !important
+          background: lighten(lookup('$tagsP-' + $type + '-color'), 85%) !important
 
       & > .note-icon
         color: lookup('$tagsP-' + $type + '-color')