hexo-theme-stellar 1.9.0 → 1.11.0

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,144 @@
+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 user = el.getAttribute('user');
+      const arr = data.content || data;
+      arr.forEach((item, i) => {
+        if (item.user && item.user.login && user && user.length > 0) {
+          if (!user.includes(item.user.login)) {
+            return;
+          }
+        }
+        var cell = '<div class="timenode" index="' + i + '">';
+        cell += '<div class="header">';
+        if (!user && item.user) {
+          cell += '<a class="user-info" href="' + item.user.html_url + '" target="_blank" rel="external nofollow noopener noreferrer">';
+          cell += '<img src="' + item.user.avatar_url + '">';
+          cell += '<span>' + item.user.login + '</span>';
+          cell += '</a>';
+        }
+        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">';
+        cell += '<a href="' + item.html_url + '" target="_blank" rel="external nofollow noopener noreferrer">';
+        cell += item.title || item.name || item.tag_name;
+        cell += '</a>';
+        cell += '</p>';
+        
+        cell += marked.parse(item.body);
+        cell += '<div class="footer">';
+        cell += '<div class="flex left">';
+        if (item.labels) {
+          item.labels.forEach((label, i) => {
+            cell += '<div class="item label ' + label.name + '" style="background:#' + label.color + '18;border-color:#' + label.color + '36">';
+            cell += '<span>' + label.name + '</span>';
+            cell += '</div>';
+          });
+        } else if (item.zipball_url) {
+          cell += '<a class="item download" href="' + item.zipball_url + '" target="_blank" rel="external nofollow noopener noreferrer">';
+          cell += '<span>📦 ' + item.tag_name + '.zip</span>';
+          cell += '</a>';
+        }
+        cell += '</div>';
+        cell += '<div class="flex right">';
+        if (item.reactions && 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>' + StellarTimeline.reactions[key] + ' ' + item.reactions[key] + '</span>';
+              cell += '</div>';
+            }
+          }
+        }
+        if (item.comments != null) {
+          cell += '<a class="item comments last" href="' + item.html_url + '#issuecomment-new" target="_blank" rel="external nofollow noopener noreferrer">';
+          cell += '<span><svg t="1666270368054" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2528" width="200" height="200"><path d="M952 64H72C32.3 64 0 96.3 0 136v508c0 39.7 32.3 72 72 72h261l128 128c14 14 32.5 21.1 50.9 21.1s36.9-7 50.9-21.1l128-128h261c39.7 0 72-32.3 72-72V136c0.2-39.7-32.1-72-71.8-72zM222 462c-39.8 0-72-32.2-72-72s32.2-72 72-72 72 32.2 72 72-32.2 72-72 72z m290-7.7c-39.8 0-72-32.2-72-72s32.2-72 72-72 72 32.2 72 72c0 39.7-32.2 72-72 72z m290 8c-39.8 0-72-32.2-72-72s32.2-72 72-72 72 32.2 72 72c0 39.7-32.2 72-72 72z" p-id="2529"></path></svg> ' + (item.comments || 0) + '</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);
+  }
+});

package/layout/_partial/sidebar/widgets/repo_info.ejs

@@ -1,72 +0,0 @@
-<%
-function layoutDiv() {
-  var el = '';
-  var repo;
-  var branch = 'main';
-  if (page.layout === 'wiki' && page.wiki) {
-    let proj = theme.wiki.projects[page.wiki];
-    if (proj && proj.repo) {
-      repo = proj.repo;
-      if (proj.branch != undefined) {
-        branch = proj.branch;
-      }
-    }
-  } else {
-    // 其它的如果有设置 repo 也可以
-    repo = page.repo;
-  }
-  if (repo == undefined) {
-    return el;
-  }
-  // 布局
-  el += '<div class="widget-wrap" id="repo-info">';
-  // header
-  el += '<div class="widget-header cap dis-select">';
-  el += '<span class="name">' + __("meta.repo_info") + '</span>';
-  el += '</div>';
-  // body
-  el += '<div class="widget-body fs14">';
-  el += '<div class="items">';
-  var items = [];
-  // GitHub
-  items.push({
-    icon: '<svg aria-hidden="true" role="img" class="color-icon-primary" viewBox="0 0 16 16" width="1rem" height="1rem" fill="currentColor" style="display:inline-block;user-select:none;vertical-align:text-bottom;overflow:visible"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path></svg>',
-    text: 'GitHub',
-    href: 'https://github.com/' + repo
-  });
-  // Releases
-  items.push({
-    icon: '<svg aria-hidden="true" role="img" class="color-icon-primary" viewBox="0 0 16 16" width="1rem" height="1rem" fill="currentColor" style="display:inline-block;user-select:none;vertical-align:text-bottom;overflow:visible"><path fill-rule="evenodd" d="M2.5 7.775V2.75a.25.25 0 01.25-.25h5.025a.25.25 0 01.177.073l6.25 6.25a.25.25 0 010 .354l-5.025 5.025a.25.25 0 01-.354 0l-6.25-6.25a.25.25 0 01-.073-.177zm-1.5 0V2.75C1 1.784 1.784 1 2.75 1h5.025c.464 0 .91.184 1.238.513l6.25 6.25a1.75 1.75 0 010 2.474l-5.026 5.026a1.75 1.75 0 01-2.474 0l-6.25-6.25A1.75 1.75 0 011 7.775zM6 5a1 1 0 100 2 1 1 0 000-2z"></path></svg>',
-    text: 'Releases',
-    href: 'https://github.com/' + repo + '/releases'
-  });
-  // Download
-  items.push({
-    icon: '<svg aria-hidden="true" role="img" class="color-icon-primary" viewBox="0 0 16 16" width="1rem" height="1rem" fill="currentColor" style="display:inline-block;user-select:none;vertical-align:text-bottom;overflow:visible"><path fill-rule="evenodd" d="M7.47 10.78a.75.75 0 001.06 0l3.75-3.75a.75.75 0 00-1.06-1.06L8.75 8.44V1.75a.75.75 0 00-1.5 0v6.69L4.78 5.97a.75.75 0 00-1.06 1.06l3.75 3.75zM3.75 13a.75.75 0 000 1.5h8.5a.75.75 0 000-1.5h-8.5z"></path></svg>',
-    text: 'Download',
-    href: 'https://github.com/' + repo + '/archive/refs/heads/' + branch + '.zip'
-  });
-  // Issues
-  items.push({
-    icon: '<svg aria-hidden="true" role="img" class="color-icon-primary" viewBox="0 0 16 16" width="1rem" height="1rem" fill="currentColor" style="display:inline-block;user-select:none;vertical-align:text-bottom;overflow:visible"><path d="M8 9.5a1.5 1.5 0 100-3 1.5 1.5 0 000 3z"></path><path fill-rule="evenodd" d="M8 0a8 8 0 100 16A8 8 0 008 0zM1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0z"></path></svg>',
-    text: 'Issues',
-    href: 'https://github.com/' + repo + '/issues'
-  });
-  items.forEach((item, i) => {
-    el += '<div class="line"></div>';
-    el += '<a class="item-link"';
-    el += ' title="' + item.href + '"';
-    el += ' href="' + url_for(item.href) + '"';
-    el += ' target="_blank" rel="external nofollow noopener noreferrer"';
-    el += '>';
-    el += item.icon;
-    el += '<span>' + item.text + '</span>';
-    el += '</a>';
-  });
-  el += '</div>';
-  el += '</div>';
-  el += '</div>';
-  return el;
-}
-%>
-<%- layoutDiv() %>

package/source/css/_layout/sidebar/repo_info.styl

@@ -1,28 +0,0 @@
-.widget-wrap#repo-info
-  .widget-body
-    >.items
-      margin: 4px 0
-      border: 1px solid var(--block-border)
-      border-radius: $border-block
-      background: var(--block)
-      overflow: hidden
-    .line
-      margin: 0
-      height: 1px
-      background: var(--block-border)
-      &+.line,&:first-child,&:last-child
-        display: none
-    a.item-link
-      color: var(--text-p2)
-      font-weight: 500
-      display: flex
-      align-items: center
-      padding: 0.5rem .5rem
-      font-size: $fs-13
-      justify-content: space-between
-      flex-direction: row-reverse
-      svg
-        width: 1em
-        height: 1em
-    a:hover
-      background: var(--block-hover)