hexo-theme-stellar 1.9.0 → 1.10.0

package/source/js/plugins/ghinfo.js

@@ -0,0 +1,73 @@
+const GitHubInfo = {
+  requestAPI: (url, callback, timeout) => {
+    let retryTimes = 5;
+    function request() {
+      return new Promise((resolve, reject) => {
+        let status = 0; // 0 等待 1 完成 2 超时
+        let timer = setTimeout(() => {
+          if (status === 0) {
+            status = 2;
+            timer = null;
+            reject('请求超时');
+            if (retryTimes == 0) {
+              timeout();
+            }
+          }
+        }, 5000);
+        fetch(url).then(function(response) {
+          if (status !== 2) {
+            clearTimeout(timer);
+            resolve(response);
+            timer = null;
+            status = 1;
+          }
+          if (response.ok) {
+            return response.json();
+          }
+          throw new Error('Network response was not ok.');
+        }).then(function(data) {
+          retryTimes = 0;
+          callback(data);
+        }).catch(function(error) {
+          if (retryTimes > 0) {
+            retryTimes -= 1;
+            setTimeout(() => {
+              request();
+            }, 5000);
+          } else {
+            timeout();
+          }
+        });
+      });
+    }
+    request();
+  },
+  layout: (cfg) => {
+    const el = $(cfg.el)[0];
+    GitHubInfo.requestAPI(cfg.api, function(data) {
+      const arr = data.content || data;
+      for (let key of Object.keys(data)) {
+        $(el).find("[type=text]#" + key).text(data[key]);
+        $(el).find("[type=link]#" + key).attr("href", data[key]);
+        $(el).find("[type=img]#" + key).attr("src", data[key]);
+      }
+    }, function() {
+    });
+  },
+}
+
+$(function () {
+  const els = document.getElementsByClassName('stellar-ghinfo-api');
+  for (var i = 0; i < els.length; i++) {
+    const el = els[i];
+    const api = el.getAttribute('api');
+    if (api == null) {
+      continue;
+    }
+    var cfg = new Object();
+    cfg.el = el;
+    cfg.api = api;
+    cfg.class = el.getAttribute('class');
+    GitHubInfo.layout(cfg);
+  }
+});

package/source/js/plugins/sites.js

@@ -69,7 +69,7 @@ const sitesjs = {
 }
 
 $(function () {
-  const els = document.getElementsByClassName('sitesjs-wrap');
+  const els = document.getElementsByClassName('stellar-sites-api');
   for (var i = 0; i < els.length; i++) {
     const el = els[i];
     const api = el.getAttribute('api');

package/source/js/plugins/timeline.js

@@ -0,0 +1,122 @@
+const StellarTimeline = {
+  reactions: {
+    '+1': '👍',
+    '-1': '👎', 
+    'laugh': '😀', 
+    'hooray': '🎉', 
+    'confused': '😕', 
+    'heart': '❤️', 
+    'rocket': '🚀', 
+    'eyes': '👀'
+  },
+  requestAPI: (url, callback, timeout) => {
+    let retryTimes = 5;
+    function request() {
+      return new Promise((resolve, reject) => {
+        let status = 0; // 0 等待 1 完成 2 超时
+        let timer = setTimeout(() => {
+          if (status === 0) {
+            status = 2;
+            timer = null;
+            reject('请求超时');
+            if (retryTimes == 0) {
+              timeout();
+            }
+          }
+        }, 5000);
+        fetch(url).then(function(response) {
+          if (status !== 2) {
+            clearTimeout(timer);
+            resolve(response);
+            timer = null;
+            status = 1;
+          }
+          if (response.ok) {
+            return response.json();
+          }
+          throw new Error('Network response was not ok.');
+        }).then(function(data) {
+          retryTimes = 0;
+          callback(data);
+        }).catch(function(error) {
+          if (retryTimes > 0) {
+            retryTimes -= 1;
+            setTimeout(() => {
+              request();
+            }, 5000);
+          } else {
+            timeout();
+          }
+        });
+      });
+    }
+    request();
+  },
+  layoutDiv: (cfg) => {
+    const el = $(cfg.el)[0];
+    $(el).append('<div class="loading-wrap"><svg class="loading" style="vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2709"><path d="M832 512c0-176-144-320-320-320V128c211.2 0 384 172.8 384 384h-64zM192 512c0 176 144 320 320 320v64C300.8 896 128 723.2 128 512h64z" p-id="2710"></path></svg><p></p></div>');
+    StellarTimeline.requestAPI(cfg.api, function(data) {
+      $(el).find('.loading-wrap').remove();
+      const arr = data.content || data;
+      arr.forEach((item, i) => {
+        if (item.labels.length > 0) {
+          var cell = '<div class="timenode" index="' + i + '">';
+          cell += '<div class="header">';
+          let date = new Date(item.created_at);
+          cell += '<p>' + date.toString().replace(/\sGMT([^.]*)/i, "") + '</p>';
+          cell += '</div>';
+          cell += '<div class="body">';
+          cell += '<p class="title">' + item.title + '</p>';
+          cell += marked.parse(item.body);
+          cell += '<div class="footer">';
+          cell += '<div class="flex labels">';
+          item.labels.forEach((label, i) => {
+            cell += '<div class="item label ' + label.name + '" style="background:#' + label.color + '12;border-color:#' + label.color + '22">';
+            cell += '<span>' + label.name + '</span>';
+            cell += '</div>';
+          });
+          cell += '</div>';
+          cell += '<div class="flex reactions">';
+          if (item.reactions.total_count > 0) {
+            for (let key of Object.keys(StellarTimeline.reactions)) {
+              let num = item.reactions[key];
+              if (num > 0) {
+                cell += '<div class="item reaction ' + key + '">';
+                cell += '<span class="key ' + key + '">' + StellarTimeline.reactions[key] + '</span>';
+                cell += '<span class="value ' + key + '">' + item.reactions[key] + '</span>';
+                cell += '</div>';
+              }
+            }
+          }
+          cell += '<a class="item comments" href="' + item.html_url + '" target="_blank" rel="external nofollow noopener noreferrer">';
+          cell += '<span class="key comments">💬</span>';
+          cell += '<span class="value comments">' + item.comments + '</span>';
+          cell += '</a>';
+          cell += '</div>';
+          cell += '</div>';
+          cell += '</div>';
+          cell += '</div>';
+          $(el).append(cell);
+        }
+      });
+    }, function() {
+      $(el).find('.loading-wrap svg').remove();
+      $(el).find('.loading-wrap p').text('加载失败，请稍后重试。');
+    });
+  },
+}
+
+$(function () {
+  const els = document.getElementsByClassName('stellar-timeline-api');
+  for (var i = 0; i < els.length; i++) {
+    const el = els[i];
+    const api = el.getAttribute('api');
+    if (api == null) {
+      continue;
+    }
+    var obj = new Object();
+    obj.el = el;
+    obj.api = api;
+    StellarTimeline.layoutDiv(obj);
+  }
+});