hexo-theme-solitude 1.2.6 → 1.3.0

package/source/js/extend/comment/waline/commentBarrage.js

@@ -0,0 +1,155 @@
+function initializeCommentBarrage() {
+    window.commentBarrageInitialized = !0;
+    let config = {
+        maxBarrage: 1,
+        barrageTime: 8e3,
+        walineUrl: GLOBAL_CONFIG.comment.waline.url,
+        pageUrl: window.location.pathname,
+    }
+    new class {
+        commentInterval = null
+
+        constructor(config) {
+            this.config = {
+                ...config,
+                barrageTimer: [],
+                barrageList: [],
+                barrageIndex: 0,
+                dom: document.querySelector(".comment-barrage")
+            };
+            this.commentInterval = null;
+            this.hoverOnCommentBarrage = false;
+            this.init();
+        }
+
+        async fetchComments() {
+            const url = new URL(`${this.config.walineUrl}/api/comment`);
+            const params = {
+                path: this.config.pageUrl,
+                sortBy: 'insertedAt_asc'
+            };
+
+            for (const [key, value] of Object.entries(params)) {
+                url.searchParams.append(key, value);
+            }
+
+            try {
+                const response = await fetch(url, {
+                    method: "GET",
+                    headers: {
+                        "Content-Type": "application/json"
+                    },
+                });
+
+                if (!response.ok) {
+                    throw new Error(`HTTP error! status: ${response.status}`);
+                }
+
+                const data = await response.json();
+                return data.data;
+            } catch (error) {
+                console.error("An error occurred while fetching comments: ", error);
+            }
+        }
+
+        commentLinkFilter(comments) {
+            return comments.data.flatMap(comment => this.getCommentReplies(comment));
+        }
+
+        getCommentReplies(comment) {
+            if (!comment.replies) {
+                return [comment];
+            }
+            return [comment, ...comment.replies.flatMap(reply => this.getCommentReplies(reply))];
+        }
+
+        processCommentContent(comment) {
+            const processed = comment.replace(/<blockquote\b[^>]*>[\s\S]*?<\/blockquote>|<[^>]*>|\n/g, "").trim();
+            return processed ? `<p>${processed}</p>` : "";
+        }
+
+        createCommentBarrage(comment) {
+            const content = this.processCommentContent(comment.comment).trim();
+            if (!content) {
+                return false;
+            }
+
+            const element = document.createElement("div");
+            element.classList.add("comment-barrage-item");
+            element.innerHTML = `
+        <div class="barrageHead">
+            <a class="barrageTitle" href="javascript:sco.scrollTo('post-comment')">热评</a>
+            <div class="barrageNick">${comment.nick}</div>
+            <img class="barrageAvatar" src="https://cravatar.cn/avatar/${comment.avatar}"/>
+            <a class="comment-barrage-close" href="javascript:sco.switchCommentBarrage();">
+                <i class="scoicon sco-close-fill"></i>
+            </a>
+        </div>
+        <a class="barrageContent" href="javascript:sco.scrollTo('${comment.objectId}');">${comment.comment}</a>
+    `;
+
+            this.config.dom.appendChild(element);
+            this.config.barrageTimer.push(element);
+
+            return true;
+        }
+
+        removeCommentBarrage(element) {
+            element.className = "comment-barrage-item out";
+            setTimeout(() => {
+                this.config.dom.removeChild(element);
+            }, 1000);
+        }
+
+        async initCommentBarrage() {
+            const commentBarrage = document.querySelector(".comment-barrage");
+            const menuCommentBarrageText = document.querySelector(".menu-commentBarrage-text");
+            const consoleCommentBarrage = document.querySelector("#consoleCommentBarrage");
+
+            if (localStorage.getItem("commentBarrageSwitch") != null) {
+                commentBarrage.style.display = "flex";
+                GLOBAL_CONFIG.rightside.enable && (menuCommentBarrageText.textContent = "关闭热评");
+                consoleCommentBarrage.classList.add("on");
+            } else {
+                commentBarrage.style.display = "none";
+                GLOBAL_CONFIG.rightside.enable && (menuCommentBarrageText.textContent = "显示热评");
+                consoleCommentBarrage.classList.remove("on");
+            }
+
+            const comments = await this.fetchComments();
+            this.config.barrageList = this.commentLinkFilter(comments);
+            this.config.dom.innerHTML = "";
+            clearInterval(this.commentInterval);
+            this.commentInterval = null;
+
+            const createOrRemoveBarrage = () => {
+                if (this.config.barrageList.length && !this.hoverOnCommentBarrage) {
+                    if (!this.createCommentBarrage(this.config.barrageList[this.config.barrageIndex])) {
+                        this.config.barrageIndex = (this.config.barrageIndex + 1) % this.config.barrageList.length;
+                        return createOrRemoveBarrage();
+                    }
+                    this.config.barrageIndex = (this.config.barrageIndex + 1) % this.config.barrageList.length;
+                }
+                if (this.config.barrageTimer.length > (this.config.barrageList.length > this.config.maxBarrage ? this.config.maxBarrage : this.config.barrageList.length) && !this.hoverOnCommentBarrage) {
+                    this.removeCommentBarrage(this.config.barrageTimer.shift());
+                }
+            };
+
+            setTimeout(() => {
+                createOrRemoveBarrage();
+                if (this.commentInterval) {
+                    clearInterval(this.commentInterval);
+                }
+                this.commentInterval = setInterval(createOrRemoveBarrage, this.config.barrageTime);
+            }, 3000);
+        }
+
+        async init() {
+            await this.initCommentBarrage();
+            const commentBarrage = document.querySelector(".comment-barrage");
+            commentBarrage.addEventListener('mouseover', () => this.hoverOnCommentBarrage = true);
+            commentBarrage.addEventListener('mouseout', () => this.hoverOnCommentBarrage = false);
+        }
+    }
+    (config)
+}

package/source/js/extend/comment/{waline.js → waline/waline.js}

@@ -1,17 +1,16 @@
 const changeContent = (content) => {
-    if (content === '') return content
+    if (content === '') return content;
 
-    content = content.replace(/<img.*?src="(.*?)"?[^\>]+>|<a[^>]+?href=["']?([^"']+)["']?[^>]*>([^<]+)<\/a>|<pre><code>.*?<\/pre>|<[^>]+>/g, (match, img, link, code) => {
-        if (img) return '[图片]';
-        if (link) return '[链接]';
-        if (code) return '[代码]';
-        return '';
-    })
+    const replacements = [
+        { regex: /<img.*?src="(.*?)"?[^\>]+>/ig, replacement: '[图片]' },
+        { regex: /<a[^>]+?href=["']?([^"']+)["']?[^>]*>([^<]+)<\/a>/gi, replacement: '[链接]' },
+        { regex: /<pre><code>.*?<\/pre>/gi, replacement: '[代码]' },
+        { regex: /<[^>]+>/g, replacement: "" }
+    ];
 
-    if (content.length > 150) {
-        content = content.substring(0, 150) + '...'
-    }
-    return content
+    content = replacements.reduce((str, { regex, replacement }) => str.replace(regex, replacement), content);
+
+    return content.length > 150 ? content.substring(0, 150) + '...' : content;
 }
 
 const $asideList = document.querySelector('#card-newest-comments .aside-list')

package/source/js/extend/search/algolia-search.js

@@ -141,11 +141,7 @@ window.addEventListener("load", () => {
         },
     });
 
-    const powerBy = instantsearch.widgets.poweredBy({
-        container: "#algolia-tips > #algolia-poweredBy",
-    });
-
-    search.addWidgets([configure, searchBox,stats, hits,powerBy, pagination]); // add the widgets to the instantsearch instance
+    search.addWidgets([configure, searchBox,stats, hits, pagination]);
 
     search.start();
 

package/source/js/extend/search/local-search.js

@@ -69,28 +69,37 @@ window.onload = () => {
         const $results = document.getElementById("search-results");
         const $search = document.getElementById("search-input");
         $search.addEventListener('keydown', function (e) {
-                if (e.keyCode === 13) {
-                    $results.innerHTML = '';
-                    query = this.value;
+            if (e.keyCode === 13) {
+                e.preventDefault();
+                $results.innerHTML = '';
+                query = this.value.trim();
+                if (query !== '') {
                     results = search(query);
                     renderResults(results, currentPage);
                     renderPagination(results.length);
+                } else {
+                    clearSearchResults();
                 }
             }
-        )
-        ;
-    }
-    function search(query) {
-        return idx.search(query).map(result => {
-            return store.filter(page => {
-                return page.link === result.ref;
-            })[0];
         });
     }
+    function clearSearchResults() {
+        const $results = document.getElementById("search-results");
+        const $pagination = document.getElementById("search-pagination");
+        const $tips = document.getElementById("search-tips");
+    
+        $results.innerHTML = '';
+        $pagination.innerHTML = '';
+        $tips.innerHTML = '';
+    }
+    function search(query) {
+        const regex = new RegExp(query.split('').join('.*'), 'i');
+        return store.filter(page => regex.test(page.title) || regex.test(page.content));
+    }    
     function renderResults(results, page) {
         const $search_results = document.getElementById("search-results");
         $search_results.innerHTML = '';
-        const $tips = document.getElementById("search-tips")
+        const $tips = document.getElementById("search-tips");
         $tips.innerHTML = '';
         const start = page * resultsPerPage;
         const end = start + resultsPerPage;
@@ -107,7 +116,8 @@ window.onload = () => {
             const $link = document.createElement("a");
             $link.className = "search-result-title";
             $link.href = result.link;
-            $link.textContent = result.title;
+            const title = highlightSearchKeyword(result.title, query);
+            $link.innerHTML = title;
             $result.appendChild($link);
             $search_results.appendChild($result);
         });
@@ -116,6 +126,12 @@ window.onload = () => {
         count.innerHTML = `共 <b>${results.length}</b> 条结果`;
         $tips.appendChild(count);
     }
+    
+    function highlightSearchKeyword(text, keyword) {
+        const regex = new RegExp(`(${keyword.split(' ').join('|')})`, 'gi');
+        return text.replace(regex, '<em>$1</em>');
+    }
+    
     function renderPagination(totalResults) {
         const totalPages = Math.ceil(totalResults / resultsPerPage);
         const paginationContainer = document.getElementById("search-pagination");
@@ -133,6 +149,10 @@ window.onload = () => {
             button.addEventListener('click', function () {
                 currentPage = i;
                 renderResults(results, i);
+                document.querySelectorAll(".pagination-item").forEach(function (btn) {
+                    btn.classList.remove('select');
+                });
+                button.classList.add('select');
             });
             paginationList.appendChild(button);
         }