hexo-theme-stellar 1.29.0 → 1.30.0

package/source/js/services/memos.js

@@ -1,73 +1,95 @@
 utils.jq(() => {
-  $(function () {
-    const els = document.getElementsByClassName('ds-memos');
-    for (var i = 0; i < els.length; i++) {
-      const el = els[i];
-      const api = el.getAttribute('api');
-      if (api == null) {
-        continue;
-      }
-      const default_avatar = el.getAttribute('avatar') || def.avatar;
-      const limit = el.getAttribute('limit');
-      const host = api.replace(/https:\/\/(.*?)\/(.*)/i, '$1');
-      // layout
-      utils.request(el, api, function(data) {
-        var users = [];
-        const filter = el.getAttribute('user');
-        if (filter && filter.length > 0) {
-          users = filter.split(",");
-        }
-        var hide = [];
-        const hideStr = el.getAttribute('hide');
-        if (hideStr && hideStr.length > 0) {
-          hide = hideStr.split(",");
-        }
-        data.forEach((item, i) => {
-          if (limit && i >= limit) {
-            return;
-          }
-          if (item.user && item.user.login && users.length > 0) {
-            if (!users.includes(item.user.login)) {
-              return;
-            }
-          }
-          let date = new Date(item.createdTs * 1000)
-          var cell = '<div class="timenode" index="' + i + '">';
-          cell += '<div class="header">';
-          if (!users.length && !hide.includes('user')) {
-            cell += '<div class="user-info">';
-            if (default_avatar.length > 0) {
-              cell += `<img src="${default_avatar}">`;
-            }
-            cell += '<span>' + item.creatorName + '</span>';
-            cell += '</div>';
-          }
-          cell += '<span>' + date.toLocaleString() + '</span>';
-          cell += '</div>';
-          cell += '<div class="body">';
-          cell += marked.parse(item.content || '');
-          var imgs = [];
-          for (let res of item.resourceList) {
-            if (res.type?.includes('image/')) {
-              imgs.push(res);
-            }
-          }
-          if (imgs.length > 0) {
-            cell += '<div class="tag-plugin image">';
-            for (let img of imgs) {
-              if (img.externalLink?.length > 0) {
-                cell += `<div class="image-bg"><img src="${img.externalLink}" data-fancybox="memos"></div>`;
-              } else {
-                cell += `<div class="image-bg"><img src="https://${host}/o/r/${img.id}" data-fancybox="memos"></div>`;
-              }
+  const els = Array.from(document.getElementsByClassName('ds-memos'));
+
+  els.forEach(el => {
+    const api = el.getAttribute('api');
+    if (!api) return;
+
+    const default_avatar = el.getAttribute('avatar') || def.avatar;
+    const limit = el.getAttribute('limit');
+    const host = api.match(/https:\/\/(.*?)\/(.*)/i)[1];
+
+    utils.request(el, api, async data => {
+      let memos = versionHandlers.identify(data);
+      if (memos.version === "feature" )return;
+
+      const users = el.getAttribute('user')?.split(",") || [];
+      const hide = el.getAttribute('hide')?.split(",") || [];
+
+      await Promise.all(memos.data.slice(0, limit || memos.data.length).map(item =>
+          createMemoCell(item, memos, users, hide, default_avatar, host).then(cell => $(el).append(cell))
+      ));
+    });
+
+    async function createMemoCell(item, memos, users, hide, default_avatar, host) {
+      const versionHandler = versionHandlers[memos.version] || versionHandlers["feature"];
+      return `<div class="timenode">
+                      <div class="header">${!users.length && !hide.includes('user') ? await versionHandler.buildUser(item, memos, default_avatar) : ''}
+                      <span>${versionHandler.buildDate(item).toLocaleString()}</span></div>
+                      <div class="body">${marked.parse(item.content || '')}
+                      <div class="tag-plugin image">${versionHandler.buildImages(item, host).join('')}</div>
+                      </div></div>`;
+    }
+
+    // Memos版本管理
+    const versionHandlers = {
+      "22-": {
+        buildUser: async (item, memos, default_avatar) =>
+            `<div class="user-info">${default_avatar ? `<img src="${default_avatar}">` : ''}<span>${item.creatorName}</span></div>`,
+        buildDate: item => new Date(item.createdTs * 1000),
+        buildImages: (item, host) => (item.resourceList || []).filter(res => res.type?.includes('image/')).map(res =>
+            `<div class="image-bg"><img src="${res.externalLink || `https://${host}/o/r/${res.id}`}"></div>`
+        )
+      },
+      "22+": {
+        buildUser: async (item, memos, default_avatar) => {
+          const creatorId = item?.creator.split('/')[1];
+          let user = memos.users.find(user => user.id === parseInt(creatorId));
+          if (!user) {
+            if (!memos.requests[creatorId]) {
+              memos.requests[creatorId] = fetch(`${memos.site}/api/v1/users/${creatorId}`)
+                  .then(response => response.json())
+                  .then(data => {
+                    if (data.username) {
+                      user = data;
+                      memos.users.push(data);
+                    } else {
+                      user = null;
+                    }
+                  })
+                  .finally(() => delete memos.requests[creatorId]);
             }
-            cell += '</div>';
+            await memos.requests[creatorId];
+            user = memos.users.find(user => user.id === parseInt(creatorId));
           }
-          cell += '</div>';
-          cell += '</div>';
-          $(el).append(cell);
-        });
-      });
-    }
+          const name = user ? user.nickname || user.username : 'memos';
+          const avatarUrl = user?.avatarUrl ? `${memos.site}${user.avatarUrl}` : default_avatar || '';
+          return `<div class="user-info">${avatarUrl ? `<img src="${avatarUrl}">` : ''}<span>${name}</span></div>`;
+        },
+        buildDate: item => new Date(item.createTime),
+        buildImages: (item) => (item.resources || []).filter(res => res.type?.includes('image/')).map(res =>
+            `<div class="image-bg"><img src="${res.externalLink || `https://${host}/o/r/${res.id}`}"></div>`
+        )
+      },
+      "feature": {
+        buildUser: async () => "memos",
+        buildDate: () => new Date(),
+        buildImages: () => []
+      },
+      identify: (data) => {
+        let memos = { version: "feature", users: [], site: api.split('/api/v1')[0], requests: {}, data: [] }
+        if (Array.isArray(data)) {
+          memos.version = "22-";
+          memos.data = data;
+        } else if (data.memos) {
+          memos.version = "22+";
+          memos.data = data.memos;
+        } else {
+          memos.version = "feature";
+          console.log("当前Memos版本过高，请到Stellar社区反馈");
+        }
+        return memos
+      }
+    };
   });
-});
+});

package/source/js/services/sites.js

@@ -19,6 +19,10 @@ utils.jq(() => {
           cell += `<img src="${item.icon || item.avatar || default_avatar}" onerror="javascript:this.removeAttribute(\'data-src\');this.src=\'${default_avatar}\';"/>`;
           cell += `<span class="title">${item.title}</span>`;
           cell += `<span class="desc">${item.description || item.url}</span>`;
+          if (item.labels && item.labels.length > 0) {
+            let label = item.labels[0];
+            cell += `<span class="label" style="background:#${label.color};">${label.name}</span>`;
+          }
           cell += `</div>`;
           cell += `</a>`;
           cell += `</div>`;

package/source/js/services/twikoo_latest_comment.js

@@ -0,0 +1,47 @@
+utils.jq(() => {
+    $(function () {
+      const el = document.querySelector('.ds-twikoo');
+      utils.onLoading(el); // 加载动画
+  
+      const api = el.getAttribute('api');
+      const limit = parseInt(el.getAttribute('limit')) || 10;
+      const reply = el.getAttribute('hide') !== 'reply';
+      if (!api) return;
+  
+      fetch(api, {
+        method: "POST",
+        body: JSON.stringify({
+          "event": "GET_RECENT_COMMENTS",
+          "envId": api,
+          "pageSize": limit,
+          "includeReply": reply
+        }),
+        headers: { 'Content-Type': 'application/json' }
+      })
+      .then(res => res.json())
+      .then(({ data }) => {
+        utils.onLoadSuccess(el); // 移除动画
+        data.forEach((comment, j) => {
+          let commentText = comment.commentText;
+          if (!commentText || commentText.trim() === '') return; // 跳过空评论
+          // 转义字符
+          commentText = commentText.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
+          commentText = commentText.length > 50 ? commentText.substring(0, 50) + '...' : commentText;
+          var cell = '<div class="timenode" index="' + j + '">';
+          cell += '<div class="header">';
+          cell += '<div class="user-info">';
+          cell += '<span>' + comment.nick + '</span>';
+          cell += '</div>';
+          cell += '<span>' + new Date(comment.created).toLocaleString('zh-CN', {month: '2-digit', day: '2-digit', hour: '2-digit', minute: '2-digit', hour12: false}) + '</span>';
+          cell += '</div>';
+          cell += '<a class="body" href="' + comment.url + '#' + comment.id + '">';
+          cell += commentText;
+          cell += '</a>';
+          cell += '</div>';
+          $(el).append(cell);
+        });
+      })
+      .catch(() => utils.onLoadFailure(el));
+    });
+  });
+  

package/source/js/services/waline_latest_comment.js

@@ -0,0 +1,32 @@
+utils.jq(() => {
+    $(function () {
+      const els = document.getElementsByClassName('ds-waline');
+      for (var i = 0; i < els.length; i++) {
+        const el = els[i];
+        const limit = parseInt(el.getAttribute('limit')) || 10;
+        const apiBase = el.getAttribute('api');
+        if (apiBase == null) {
+          continue;
+        }
+        const api = apiBase + '/comment?type=recent&count=' + limit;
+        const default_avatar = def.avatar;
+        utils.request(el, api, function(data) {
+          data.forEach((item, i) => {
+            var cell = '<div class="timenode" index="' + i + '">';
+            cell += '<div class="header">';
+            cell += '<div class="user-info">';
+            cell += '<img src="' + (item.avatar || default_avatar) + '" onerror="javascript:this.src=\'' + default_avatar + '\';">';
+            cell += '<span>' + item.nick + '</span>';
+            cell += '</div>';
+            cell += '<span>' + new Date(item.time).toLocaleString() + '</span>';
+            cell += '</div>';
+            cell += '<a class="body" href="' + item.url + '#' + item.objectId + '" target="_blank" rel="external nofollow noopener noreferrer">';
+            cell += item.comment.replace(/<a\b[^>]*>(.*?)<\/a>/g, '$1');
+            cell += '</a>';
+            cell += '</div>';
+            $(el).append(cell);
+          });
+        });
+      }
+    });
+  });