hexo-theme-solitude 1.6.0 → 1.7.0

package/source/css/_post/tools.styl

@@ -108,6 +108,7 @@
             .reward-title
               font-weight 700
               color var(--efu-red)
+              text-wrap wrap
 
             .reward-group
               display flex
@@ -119,14 +120,6 @@
                 list-style-type none
                 vertical-align top
 
-                &:first-child
-                  img
-                    border-color var(--efu-green)
-
-                &:last-child
-                  img
-                    border-color var(--efu-blue)
-
                 img
                   width 130px
                   height 130px
@@ -156,7 +149,7 @@
               &:hover
                 color var(--efu-white)
                 background var(--efu-red)
-                background-image url(https://bu.dusays.com/2023/11/01/6541f7aeb5752.gif)
+                background-image url(/img/flower.gif)
                 box-shadow var(--efu-shadow-red)
 
               .reward-text
@@ -165,6 +158,7 @@
 
               .reward-dec
                 font-size .6rem
+                text-wrap wrap
 
       // rss
 

package/source/css/index.styl

@@ -27,6 +27,4 @@ if hexo-config('search.enable')
 
 // comment
 if hexo-config('comment.enable')
-  @import '_comments/index.styl'
-  @import '_comments/twikoo.styl' when hexo-config('comment.type') == 'twikoo'
-  @import '_comments/waline.styl' when hexo-config('comment.type') == 'waline'
+  @import '_comments/comment.styl'

package/source/js/{comment/twikoo_commentBarrage.js → commentBarrage/twikoo.js}

@@ -3,9 +3,9 @@ function initializeCommentBarrage() {
     const e = {
         maxBarrage: 1,
         barrageTime: 8e3,
-        twikooUrl: GLOBAL_CONFIG.comment.twikoo.url,
+        twikooUrl: GLOBAL_CONFIG.comment.url,
         pageUrl: window.location.pathname,
-        accessToken: GLOBAL_CONFIG.comment.twikoo.accessToken,
+        accessToken: GLOBAL_CONFIG.comment.accessToken,
     };
 
     class CommentBarrage {
@@ -79,9 +79,9 @@ function initializeCommentBarrage() {
             commentBarrageItem.className = "comment-barrage-item";
             commentBarrageItem.innerHTML = `
                 <div class="barrageHead">
-                    <a class="barrageTitle" href="javascript:sco.scrollTo('post-comment')">热评</a>
+                    <a class="barrageTitle" href="javascript:sco.scrollTo('post-comment')">${GLOBAL_CONFIG.lang.barrage.title}</a>
                     <div class="barrageNick">${comment.nick}</div>
-                    <img class="barrageAvatar" src="https://cravatar.cn/avatar/${comment.mailMd5}"/>
+                    <img class="barrageAvatar" src="${GLOBAL_CONFIG.comment.avatar}/avatar/${comment.mailMd5}"/>
                     <a class="comment-barrage-close" href="javascript:sco.switchCommentBarrage();"><i class="solitude st-close-fill"></i></a>
                 </div>
                 <a class="barrageContent" href="javascript:sco.scrollTo('${comment.id}');">${commentContent}</a>
@@ -102,15 +102,9 @@ function initializeCommentBarrage() {
             const commentBarrageSwitch = localStorage.getItem("commentBarrageSwitch");
             if (commentBarrageSwitch != null) {
                 document.querySelector(".comment-barrage").style.display = "flex";
-                if (GLOBAL_CONFIG.rightside.enable) {
-                    document.querySelector(".menu-commentBarrage-text").textContent = "关闭热评";
-                }
                 document.querySelector("#consoleCommentBarrage").classList.add("on");
             } else {
                 document.querySelector(".comment-barrage").style.display = "none";
-                if (GLOBAL_CONFIG.rightside.enable) {
-                    document.querySelector(".menu-commentBarrage-text").textContent = "显示热评";
-                }
                 document.querySelector("#consoleCommentBarrage").classList.remove("on");
             }
             const comments = await this.fetchComments();

package/source/js/commentBarrage/valine.js

@@ -0,0 +1,156 @@
+function initializeCommentBarrage() {
+    window.commentBarrageInitialized = !0;
+    let config = {
+        maxBarrage: 1,
+        barrageTime: 8e3,
+        valineUrl: GLOBAL_CONFIG.comment.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.valineUrl}/1.1/classes/Comment`);
+            const params = {
+                url: this.config.pageUrl,
+                order: '-createdAt'
+            };
+
+            for (const [key, value] of Object.entries(params)) {
+                url.searchParams.append(key, value);
+            }
+
+            try {
+                const response = await fetch(url, {
+                    method: "GET",
+                    headers: {
+                        "X-LC-Id": GLOBAL_CONFIG.comment.appId,
+                        "X-LC-Key": GLOBAL_CONFIG.comment.appKey,
+                        "Content-Type": "application/json"
+                    },
+                });
+
+                if (!response.ok) {
+                    throw new Error(`HTTP error! status: ${response.status}`);
+                }
+
+                const data = await response.json();
+                return data.results.filter(item => item.url === this.config.pageUrl)
+            } catch (error) {
+                console.error("An error occurred while fetching comments: ", error);
+            }
+        }
+
+        commentLinkFilter(comments) {
+            return comments.flatMap(comment => this.getCommentReplies(comment));
+        }
+
+        getCommentReplies(comment) {
+            window.comment = comment
+            if (!comment.replies) {
+                return [comment];
+            }
+            return [comment, ...comment.replies.flatMap(reply => this.getCommentReplies(reply))];
+        }
+
+        processCommentContent(comment) {
+            const processed = comment.replace(/```[\s\S]*?```|<blockquote\b[^>]*>[\s\S]*?<\/blockquote>|<[^>]*>|\n|`([^`]{1,9})`:/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')">${GLOBAL_CONFIG.lang.barrage.title}</a>
+            <div class="barrageNick">${comment.nick}</div>
+            <img class="barrageAvatar" src="${GLOBAL_CONFIG.comment.avatar}/avatar/${md5(comment.mail.toLowerCase())}"/>
+            <a class="comment-barrage-close" href="javascript:sco.switchCommentBarrage();">
+                <i class="solitude st-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";
+                consoleCommentBarrage.classList.add("on");
+            } else {
+                commentBarrage.style.display = "none";
+                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/{comment/waline_commentBarrage.js → commentBarrage/waline.js}

@@ -3,7 +3,7 @@ function initializeCommentBarrage() {
     let config = {
         maxBarrage: 1,
         barrageTime: 8e3,
-        walineUrl: GLOBAL_CONFIG.comment.waline.url,
+        walineUrl: GLOBAL_CONFIG.comment.url,
         pageUrl: window.location.pathname,
     }
     new class {
@@ -78,9 +78,9 @@ function initializeCommentBarrage() {
             element.classList.add("comment-barrage-item");
             element.innerHTML = `
         <div class="barrageHead">
-            <a class="barrageTitle" href="javascript:sco.scrollTo('post-comment')">热评</a>
+            <a class="barrageTitle" href="javascript:sco.scrollTo('post-comment')">${GLOBAL_CONFIG.lang.barrage.title}</a>
             <div class="barrageNick">${comment.nick}</div>
-            <img class="barrageAvatar" src="https://cravatar.cn/avatar/${comment.avatar}"/>
+            <img class="barrageAvatar" src="${GLOBAL_CONFIG.comment.avatar}/avatar/${comment.avatar}"/>
             <a class="comment-barrage-close" href="javascript:sco.switchCommentBarrage();">
                 <i class="solitude st-close-fill"></i>
             </a>
@@ -108,11 +108,9 @@ function initializeCommentBarrage() {
 
             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");
             }
 

package/source/js/main.js

@@ -74,7 +74,7 @@ const percent = () => {
 
     if ((document.getElementById("post-comment") || document.getElementById("footer")).offsetTop < viewportBottom || scrollPercent > 90) {
         document.querySelector("#nav-totop").classList.add("long")
-        percentElement.innerHTML = "返回顶部"
+        percentElement.innerHTML = GLOBAL_CONFIG.lang.backtop
     } else {
         document.querySelector("#nav-totop").classList.remove("long")
         if (scrollPercent >= 0) {
@@ -234,17 +234,29 @@ let sco = {
             }));
         }
     },
+    musicToggle: function () {
+        const $music = document.querySelector('#nav-music');
+        const $meting = document.querySelector('meting-js');
+        const $console = document.getElementById('consoleMusic');
+        const $toggleButton = document.getElementById('menu-music-toggle');
+        wleelw_musicPlaying = !wleelw_musicPlaying;
+        $music.classList.toggle("playing", wleelw_musicPlaying);
+        $console.classList.toggle("on", wleelw_musicPlaying);
+        if (wleelw_musicPlaying) {
+            $meting.aplayer.play();
+        } else {
+            $meting.aplayer.pause();
+        }
+    },
     switchCommentBarrage: function () {
         let commentBarrageElement = document.querySelector(".comment-barrage");
         if (commentBarrageElement) {
             if (window.getComputedStyle(commentBarrageElement).display === "flex") {
                 commentBarrageElement.style.display = "none";
-                document.querySelector(".menu-commentBarrage-text").textContent = "显示热评";
                 document.querySelector("#consoleCommentBarrage").classList.remove("on");
                 localStorage.removeItem("commentBarrageSwitch");
             } else {
                 commentBarrageElement.style.display = "flex";
-                document.querySelector(".menu-commentBarrage-text").textContent = "关闭热评";
                 document.querySelector("#consoleCommentBarrage").classList.add("on");
                 localStorage.setItem("commentBarrageSwitch", "false");
             }
@@ -290,12 +302,10 @@ let sco = {
             document.documentElement.setAttribute('data-theme', 'dark')
             saveToLocal.set('theme', 'dark', 0.02);
             utils.snackbarShow(GLOBAL_CONFIG.lang.theme.dark, false, 2000)
-            GLOBAL_CONFIG.rightside && (document.querySelector(".menu-darkmode-text").textContent = "浅色模式");
         } else {
             document.documentElement.setAttribute('data-theme', 'light')
             saveToLocal.set('theme', 'light', 0.02);
             utils.snackbarShow(GLOBAL_CONFIG.lang.theme.light, false, 2000)
-            GLOBAL_CONFIG.rightside && (document.querySelector(".menu-darkmode-text").textContent = "深色模式");
         }
     },
     hideTodayCard: () => document.getElementById('todayCard').classList.add('hide'),
@@ -336,10 +346,6 @@ let sco = {
                 el.setSelectionRange(-1, -1)
             }
         }
-        const commentTips = document.querySelector("#comment-tips");
-        if (commentTips) {
-            commentTips.classList.add("show");
-        }
     },
     initbbtalk: function () {
         if (document.querySelector('#bber-talk')) {
@@ -368,67 +374,6 @@ let sco = {
             }
         });
     },
-    downloadImage: function (imageUrl, filename = 'photo') {
-        if (rm.downloadimging) {
-            utils.snackbarShow("有正在进行中的下载，请稍后再试");
-            return;
-        }
-
-        rm.hideRightMenu();
-        rm.downloadimging = true;
-        utils.snackbarShow("正在下载中，请稍后", false, 10000);
-
-        let img = new Image();
-        img.setAttribute("crossOrigin", "anonymous");
-        img.onload = function () {
-            let canvas = document.createElement("canvas");
-            canvas.width = img.width;
-            canvas.height = img.height;
-            let ctx = canvas.getContext("2d");
-            ctx.drawImage(img, 0, 0, img.width, img.height);
-
-            let dataUrl = canvas.toDataURL("image/png");
-            let link = document.createElement("a");
-            link.download = filename;
-            link.href = dataUrl;
-
-            let clickEvent = new MouseEvent("click");
-            link.dispatchEvent(clickEvent);
-
-            utils.snackbarShow("图片已添加盲水印，请遵守版权协议");
-            rm.downloadimging = false;
-        };
-        img.src = imageUrl;
-    },
-    musicToggle: function () {
-        const $music = document.querySelector('#nav-music');
-        const $meting = document.querySelector('meting-js');
-        const $console = document.getElementById('consoleMusic');
-        const $toggleButton = document.getElementById('menu-music-toggle');
-        wleelw_musicPlaying = !wleelw_musicPlaying;
-        $music.classList.toggle("playing", wleelw_musicPlaying);
-        $console.classList.toggle("on", wleelw_musicPlaying);
-        if (wleelw_musicPlaying) {
-            $meting.aplayer.play();
-            $toggleButton.innerHTML = `<i class="solitude st-pause-fill"></i><span>暂停音乐</span>`;
-        } else {
-            $meting.aplayer.pause();
-            $toggleButton.innerHTML = `<i class="solitude st-play-fill"></i><span>播放音乐</span>`;
-        }
-        rm.hideRightMenu();
-    },
-    musicSkipBack: function () {
-        document.querySelector('meting-js').aplayer.skipBack()
-        rm.hideRightMenu()
-    },
-    musicSkipForward: function () {
-        document.querySelector('meting-js').aplayer.skipForward()
-        rm.hideRightMenu()
-    },
-    musicGetName: function () {
-        const titles = Array.from(document.querySelectorAll('.aplayer-title')).map(e => e.innerText);
-        return titles[0];
-    },
     scrollToComment: function () {
         utils.scrollToDest(utils.getEleTop(document.getElementById('post-comment')), 300)
     },
@@ -581,13 +526,13 @@ let sco = {
         });
     },
     addNavBackgroundInit: function () {
-        var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
+        const scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
         if (scrollTop !== 0) {
-            var pageHeader = document.getElementById("page-header");
+            const pageHeader = document.getElementById("page-header");
             if (pageHeader) {
                 pageHeader.classList.add("nav-fixed", "nav-visible");
             }
-            var cookiesWindow = document.getElementById("cookies-window");
+            const cookiesWindow = document.getElementById("cookies-window");
             if (cookiesWindow) {
                 cookiesWindow.style.display = 'none';
             }
@@ -637,28 +582,59 @@ let sco = {
             document.getElementById("toPageButton").href = targetPageUrl;
         }
     },
-    addRandomCommentInfo: function () {
-        const e = `${GLOBAL_CONFIG.comment.randomInfoStart[Math.floor(Math.random() * GLOBAL_CONFIG.comment.randomInfoStart.length)]}${GLOBAL_CONFIG.comment.randomInfoEnd[Math.floor(Math.random() * GLOBAL_CONFIG.comment.randomInfoEnd.length)]}`;
+    owoBig() {
+        const owoSelectors = GLOBAL_CONFIG.comment.owo
+
+        let owoBig = document.getElementById('owo-big');
+        if (!owoBig) {
+            owoBig = document.createElement('div');
+            owoBig.id = 'owo-big';
+            document.body.appendChild(owoBig);
+        }
+
+        const debounce = (func, wait) => {
+            let timeout;
+            return function (...args) {
+                const later = () => {
+                    clearTimeout(timeout);
+                    func(...args);
+                };
+                clearTimeout(timeout);
+                timeout = setTimeout(later, wait);
+            };
+        };
 
-        const nameSelectors = ["#author", "input[name='comname']", "#inpName", "input[name='author']", "#ds-dialog-name", "#name", "input[name='nick']", "#comment_author"];
-        const emailSelectors = ["#mail", "#email", "input[name='commail']", "#inpEmail", "input[name='email']", "#ds-dialog-email", "input[name='mail']", "#comment_email"];
+        const showOwoBig = (event) => {
+            const target = event.target;
+            const owoItem = target.closest(owoSelectors.item);
+            if (owoItem && target.closest(owoSelectors.body)) {
+                const imgSrc = owoItem.querySelector('img')?.src;
+                if (imgSrc) {
+                    owoBig.innerHTML = `<img src="${imgSrc}" style="max-width: 100%; height: auto;">`;
+                    owoBig.style.display = 'block';
+                    positionOwoBig(owoItem);
+                }
+            }
+        };
 
-        const nameElements = nameSelectors.map(selector => document.querySelector(selector)).filter(Boolean);
-        const emailElements = emailSelectors.map(selector => document.querySelector(selector)).filter(Boolean);
+        const hideOwoBig = (event) => {
+            if (event.target.closest(owoSelectors.item) && event.target.closest(owoSelectors.body)) {
+                owoBig.style.display = 'none';
+            }
+        };
 
-        nameElements.forEach(element => {
-            element.value = e;
-            element.dispatchEvent(new Event("input"));
-        });
+        function positionOwoBig(owoItem) {
+            const itemRect = owoItem.getBoundingClientRect();
+            owoBig.style.left = `${itemRect.left - (owoBig.offsetWidth / 4)}px`;
+            owoBig.style.top = `${itemRect.top}px`;
+        }
 
-        emailElements.forEach(element => {
-            element.value = "donotreply@examp.com";
-            element.dispatchEvent(new Event("input"));
-        });
-    },
+        document.addEventListener('mouseover', debounce(showOwoBig, 100));
+        document.addEventListener('mouseout', hideOwoBig);
+    }
 }
 
-const AddHighLightTool = () => {
+const addHighlight = () => {
     const highlight = GLOBAL_CONFIG.highlight;
     if (!highlight) return;
 
@@ -759,6 +735,25 @@ const AddHighLightTool = () => {
     }
 }
 
+const addCopyright = () => {
+    if (!GLOBAL_CONFIG.copyright) return
+    const {limit, author, link, source, info} = GLOBAL_CONFIG.copyright
+    const handleCopy = (e) => {
+        e.preventDefault()
+        const copyText = window.getSelection(0).toString()
+        let text = copyText
+        if (copyText.length > limit) {
+            text = `${copyText}\n\n${author}\n${link}${window.location.href}\n${source}\n${info}`
+        }
+        if (e.clipboardData) {
+            return e.clipboardData.setData('text', text)
+        } else {
+            return window.clipboardData.setData('text', text)
+        }
+    }
+    document.body.addEventListener('copy', handleCopy)
+}
+
 class tabs {
     static init() {
         this.clickFnOfTabs()
@@ -810,21 +805,20 @@ window.refreshFn = () => {
     sco.listenToPageInputPress()
     sco.addNavBackgroundInit()
     utils.changeTimeFormat()
-    GLOBAL_CONFIG.rightside.enable && addRightMenuClickEvent()
     GLOBAL_CONFIG.lazyload.enable && utils.lazyloadImg()
     GLOBAL_CONFIG.lightbox && utils.lightbox(document.querySelectorAll("#article-container img:not(.flink-avatar)"))
-    GLOBAL_CONFIG.randomlinks && randomLinksList()
+    GLOBAL_CONFIG.randomlink && randomLinksList()
     PAGE_CONFIG.comment && initComment()
     PAGE_CONFIG.toc && toc.init();
-    (PAGE_CONFIG.is_post || PAGE_CONFIG.is_page) && ((AddHighLightTool()) || tabs.init())
+    (PAGE_CONFIG.is_post || PAGE_CONFIG.is_page) && ((addHighlight()) || tabs.init())
+    addCopyright()
     PAGE_CONFIG.is_home && showTodayCard()
     GLOBAL_CONFIG.covercolor.enable && coverColor()
     sco.initConsoleState()
     GLOBAL_CONFIG.comment.commentBarrage && PAGE_CONFIG.comment && initializeCommentBarrage()
     document.body.setAttribute('data-type', PAGE_CONFIG.page)
     PAGE_CONFIG.page === "music" && scoMusic.init()
-    GLOBAL_CONFIG.ai.enable && PAGE_CONFIG.page === "post" && ScoAI.init()
-    preloader.removePaceDone()
+    GLOBAL_CONFIG.post_ai && PAGE_CONFIG.page === "post" && efu_ai.init()
 }
 
 document.addEventListener('DOMContentLoaded', function () {
@@ -832,6 +826,8 @@ document.addEventListener('DOMContentLoaded', function () {
 })
 
 window.onkeydown = function (e) {
-    (123 === e.keyCode || (17 === e.ctrlKey && 16 === e.shiftKey && 67 === e.keyCode)) && utils.snackbarShow("开发者模式已打开，请遵循GPL协议", !1, 3e3);
+    (123 === e.keyCode || (17 === e.ctrlKey && 16 === e.shiftKey && 67 === e.keyCode)) && utils.snackbarShow(GLOBAL_CONFIG.lang.f12, !1, 3e3);
     (27 === e.keyCode) && sco.hideConsole();
-}
+}
+
+document.addEventListener('copy', () => utils.snackbarShow(GLOBAL_CONFIG.lang.copy.success,false,3e3))

package/source/js/third_party/efu_ai.min.js

@@ -0,0 +1,6 @@
+/**
+ * author: Efu AI
+ * email: o@efu.me
+ * website: https://efu.me
+ */
+class efuAI{constructor(){this.root="https://summary.tianli0.top",this.aiTalkMode=!1,this.aiPostExplanation="",this.config=GLOBAL_CONFIG.post_ai,this.scoGPTIsRunning=!1}init(){this.generate(),this.AIEngine()}getTitleAndContent(){const e=document.getElementById("article-container"),t=document.title,n=e.getElementsByTagName("p"),i=e.querySelectorAll("h1, h2, h3, h4, h5");return(t+" "+Array.from(i).concat(Array.from(n)).map((e=>e.innerText.replace(/https?:\/\/[^\s]+/g,""))).join(" ")).slice(0,1e3)}async generate(){this.aiShowAnimation(this.fetch(document.title,this.getTitleAndContent(),this.config.key))}async fetch(e,t,n){const i=`${this.root}/?content=${encodeURIComponent(t)}&title=${e}&key=${encodeURIComponent(n)}&url=${encodeURIComponent(window.location.href)}`,s=await fetch(i),o=await s.json();return s.ok?(this.aiPostExplanation=o.summary,o.summary):(console.error("Request failed:",o.err_msg),o.err_msg)}aiShowAnimation(e,t=!1){const n=document.querySelector(".ai-explanation"),i=document.querySelector(".ai-tag");if(!n||this.scoGPTIsRunning)return;this.scoGPTIsRunning=!0,this.cleanSuggestions(),i.classList.add("loadingAI"),n.style.display="block",n.innerHTML='生成中...<span class="blinking-cursor"></span>';let s,o,a=!0,c=0,r=!0;const l=new IntersectionObserver((e=>{a=e[0].isIntersecting,a&&requestAnimationFrame(o)}),{threshold:0});e.then((e=>{s=performance.now(),o=()=>{if(c<e.length&&a){const r=performance.now(),g=r-s,h=e.slice(c,c+1),u=/[，。！、？,.!?]/.test(h),m=/[a-zA-Z0-9]/.test(h);g>=(u?100*Math.random()+100:m?10:25)&&(n.innerText=e.slice(0,c+1),s=r,c++,c<e.length?n.innerHTML=e.slice(0,c)+'<span class="blinking-cursor"></span>':(n.innerHTML=e,n.style.display="block",this.scoGPTIsRunning=!1,i.classList.remove("loadingAI"),l.disconnect(),t&&this.createSuggestions())),a&&requestAnimationFrame(o)}},a&&r&&setTimeout((()=>{requestAnimationFrame(o),r=!1}),3e3),l.observe(n)})).catch((e=>{console.error("检索信息失败：",e),n.innerHTML="检索信息失败",n.style.display="block",this.scoGPTIsRunning=!1,i.classList.remove("loadingAI"),l.disconnect()}))}AIEngine(){const e=document.querySelector(".ai-tag");e&&e.addEventListener("click",(()=>{this.scoGPTIsRunning||(this.aiTalkMode=!0,this.aiShowAnimation(Promise.resolve(this.config.talk),!0))}))}cleanSuggestions(){const e=document.querySelector(".ai-suggestions");e?e.innerHTML="":console.error("没有这个元素：'ai-suggestions'")}createSuggestions(){this.aiTalkMode&&(this.cleanSuggestions(),this.createSuggestionItemWithAction("这篇文章讲了什么？",(()=>{""===this.aiPostExplanation?this.generate():this.aiShowAnimation(Promise.resolve(this.aiPostExplanation),!0)})),this.config.randomPost&&this.createSuggestionItemWithAction("带我去看看其他文章",(()=>toRandomPost())),this.aiTalkMode=!0)}createSuggestionItemWithAction(e,t){const n=document.querySelector(".ai-suggestions");if(!n)return void console.error("无法找到具有class为ai-suggestions的元素");const i=document.createElement("div");i.classList.add("ai-suggestions-item"),i.textContent=e,i.addEventListener("click",t),n.appendChild(i)}}const efu_ai=new efuAI;

package/source/js/utils.js

@@ -224,10 +224,23 @@ const utils = {
             }
         }
     },
-    changeTimeFormat(){
+    changeTimeFormat() {
         window.Lately && Lately.init({
             target: 'time',
             lang: GLOBAL_CONFIG.lang.lately,
         })
-    }
+    },
+    loadComment: (dom, callback) => {
+        if ('IntersectionObserver' in window) {
+            const observerItem = new IntersectionObserver((entries) => {
+                if (entries[0].isIntersecting) {
+                    callback()
+                    observerItem.disconnect()
+                }
+            }, { threshold: [0] })
+            observerItem.observe(dom)
+        } else {
+            callback()
+        }
+    },
 }