hexo-theme-solitude 3.0.21 → 4.0.0

package/source/js/music.js

@@ -1,3 +1,5 @@
+import { Solitude } from "./core/api.js";
+
 class MusicPlayer {
     constructor() {
         this.init();
@@ -14,12 +16,13 @@ class MusicPlayer {
     }
 
     addEventListeners() {
-        document.addEventListener("keydown", this.handleKeydown.bind(this));
+        this.boundKeydown = this.handleKeydown.bind(this);
+        document.addEventListener("keydown", this.boundKeydown);
         const aplayerList = document.querySelector(".aplayer-list");
         const aplayerLrc = document.querySelector(".aplayer-lrc");
         if (aplayerLrc && !aplayerLrc.dataset.clickBound) {
             aplayerLrc.addEventListener("click", () => {
-                aplayerList.classList.toggle("aplayer-list-hide");
+                aplayerList?.classList.toggle("aplayer-list-hide");
             });
             aplayerLrc.dataset.clickBound = true;
         }
@@ -34,6 +37,7 @@ class MusicPlayer {
 
     updateBackgroundImage(element) {
         const musicCover = document.querySelector("#Music-page .aplayer-pic");
+        if (!element || !musicCover) return;
         const img = new Image();
         img.src = this.extractValue(musicCover.style.backgroundImage);
         img.onload = () => {
@@ -43,14 +47,15 @@ class MusicPlayer {
     }
 
     setLoadingScreen(loadingElement, backgroundElement) {
-        const timer = setInterval(() => {
-            this.addEventListeners();
+        clearInterval(this.loadingTimer);
+        this.loadingTimer = setInterval(() => {
             const musicCover = document.querySelector("#Music-page .aplayer-pic");
             if (musicCover) {
-                loadingElement.style.display = "none";
-                clearInterval(timer);
+                if (loadingElement) loadingElement.style.display = "none";
+                clearInterval(this.loadingTimer);
+                this.loadingTimer = null;
                 this.addEventListenerChangeMusicBg();
-                backgroundElement.style.display = "block";
+                if (backgroundElement) backgroundElement.style.display = "block";
             }
         }, 100);
     }
@@ -61,13 +66,15 @@ class MusicPlayer {
     }
 
     addEventListenerChangeMusicBg() {
-        const aplayer = document.querySelector("#Music-page meting-js").aplayer;
+        const aplayer = document.querySelector("#Music-page meting-js")?.aplayer;
+        if (!aplayer) return;
         aplayer.on('loadeddata', () => this.changeMusicBg(true));
         aplayer.on('timeupdate', this.lrcUpdate.bind(this));
     }
 
     lrcUpdate() {
         const aplayerLrcContents = document.querySelector('.aplayer-lrc-contents');
+        if (!aplayerLrcContents) return;
         const currentLrc = aplayerLrcContents.querySelector('p.aplayer-lrc-current');
         if (currentLrc) {
             const currentIndex = Array.from(aplayerLrcContents.children).indexOf(currentLrc);
@@ -76,7 +83,9 @@ class MusicPlayer {
     }
 
     handleKeydown(event) {
-        const aplayer = document.querySelector('meting-js').aplayer;
+        if (event.target?.matches?.('input, textarea, [contenteditable="true"]')) return;
+        const aplayer = document.querySelector('#Music-page meting-js')?.aplayer;
+        if (!aplayer) return;
         const actions = {
             "Space": () => aplayer.toggle(),
             "ArrowRight": () => aplayer.skipForward(),
@@ -92,12 +101,13 @@ class MusicPlayer {
     }
 
     destroy() {
-        document.removeEventListener("keydown", this.handleKeydown);
+        clearInterval(this.loadingTimer);
+        document.removeEventListener("keydown", this.boundKeydown);
     }
 }
 
-function initializeMusicPlayer() {
-    const exitingMusic = window.scoMusic;
+export function initializeMusicPlayer() {
+    const exitingMusic = Solitude.musicPlayer;
     if (exitingMusic) exitingMusic.destroy();
-    window.scoMusic = new MusicPlayer();
-}
+    Solitude.musicPlayer = new MusicPlayer();
+}

package/source/js/post_ai.js

@@ -1,3 +1,5 @@
+import { Solitude } from "./core/api.js";
+
 class AIPostRenderer {
   static ANIMATION_DELAY_MS = 30;
   static AI_EXPLANATION_SELECTOR = ".ai-explanation";
@@ -99,8 +101,16 @@ class AIPostRenderer {
     document.dispatchEvent(event);
   }
 
+  cancel() {
+    cancelAnimationFrame(this.animationFrame);
+    this.animationFrame = null;
+    this.fragment = null;
+    this.isAnimating = false;
+    this.tagElement?.classList.remove("loadingAI");
+  }
+
   get aiContent() {
-    return PAGE_CONFIG?.ai_text || "";
+    return Solitude.page?.ai_text || "";
   }
 }
 
@@ -115,4 +125,5 @@ const aiPostRenderer = (() => {
   };
 })();
 
-const ai = aiPostRenderer();
+export const ai = aiPostRenderer();
+export default ai;

package/source/js/right_menu.js

@@ -1,11 +1,15 @@
+import { Solitude } from "./core/api.js";
+
 let selectTextNow = "";
 let firstShowRightMenu = true;
 
 const selectText = () => {
     selectTextNow = document.selection ? document.selection.createRange().text : window.getSelection().toString() || "";
+    Solitude.selectedText = selectTextNow;
 };
 
-document.onmouseup = document.ondbclick = selectText;
+document.addEventListener("mouseup", selectText);
+document.addEventListener("dblclick", selectText);
 
 const rm = {
     mask: document.getElementById("rightmenu-mask"),
@@ -59,7 +63,7 @@ const rm = {
     copyText(e) {
         if (navigator.clipboard) {
             navigator.clipboard.writeText(e);
-            utils.snackbarShow(GLOBAL_CONFIG.lang.copy.success, false, 2000);
+            Solitude.snackbarShow(Solitude.config.lang.copy.success, false, 2000);
         }
         this.hideRightMenu();
     },
@@ -76,35 +80,51 @@ const rm = {
             document.body.removeChild(link);
             URL.revokeObjectURL(url);
         } catch (error) {
-            utils.snackbarShow(GLOBAL_CONFIG.right_menu.img_error, false, 2000);
+            Solitude.snackbarShow(Solitude.config.right_menu.img_error, false, 2000);
         }
     },
     copyImage(imgUrl = this.domsrc) {
         window.open(imgUrl);
     },
+    setLabel(element, label) {
+        if (!element || !label) return;
+        element.textContent = label;
+        element.setAttribute("title", label);
+        element.setAttribute("heotip", label);
+        const menuItem = element.closest(".rightMenu-item");
+        if (menuItem) {
+            menuItem.setAttribute("title", label);
+            menuItem.setAttribute("heotip", label);
+        }
+    },
     mode(darkmode) {
-        document.querySelector(".menu-darkmode-text").textContent = darkmode ? GLOBAL_CONFIG.right_menu.mode.light : GLOBAL_CONFIG.right_menu.mode.dark;
+        const label = darkmode ? Solitude.config.right_menu.mode.light : Solitude.config.right_menu.mode.dark;
+        this.setLabel(document.querySelector(".menu-darkmode-text"), label);
         this.hideRightMenu();
     },
     barrage(enable) {
-        document.querySelector(".menu-commentBarrage-text").textContent = enable ? GLOBAL_CONFIG.right_menu.barrage.open : GLOBAL_CONFIG.right_menu.barrage.close;
+        const label = enable ? Solitude.config.right_menu.barrage.open : Solitude.config.right_menu.barrage.close;
+        this.setLabel(document.querySelector(".menu-commentBarrage-text"), label);
         this.hideRightMenu();
     },
 };
 
+Solitude.rightMenu = rm;
+Solitude.hideRightMenu = rm.hideRightMenu.bind(rm);
+
 function stopMaskScroll() {
     const hideMenu = rm.hideRightMenu.bind(rm);
-    utils.addEventListenerPjax(rm.menu, "mousewheel", hideMenu, { passive: true });
-    utils.addEventListenerPjax(rm.mask, "mousewheel", hideMenu, { passive: true });
-    utils.addEventListenerPjax(rm.mask, "click", hideMenu, { passive: true });
+    Solitude.addEventListenerPjax(rm.menu, "mousewheel", hideMenu, { passive: true });
+    Solitude.addEventListenerPjax(rm.mask, "mousewheel", hideMenu, { passive: true });
+    Solitude.addEventListenerPjax(rm.mask, "click", hideMenu, { passive: true });
 }
 
-window.oncontextmenu = (ele) => {
+document.addEventListener("contextmenu", (ele) => {
     if (document.body.clientWidth <= 768) return;
-    if (GLOBAL_CONFIG.right_menu.ctrlOriginalMenu) {
+    if (Solitude.config.right_menu.ctrlOriginalMenu) {
         if (firstShowRightMenu) {
             firstShowRightMenu = false;
-            utils.snackbarShow(GLOBAL_CONFIG.right_menu.ctrlOriginalMenu, false, 2000);
+            Solitude.snackbarShow(Solitude.config.right_menu.ctrlOriginalMenu, false, 2000);
         }
         if (ele.ctrlKey) return true;
     }
@@ -122,7 +142,7 @@ window.oncontextmenu = (ele) => {
     const display = !!(selectTextNow && window.getSelection()) || !!link || !!src || (tagName === "input" || tagName === "textarea") || cls.match(/aplayer/);
 
     rm.menuItems.copy.style.display = selectTextNow && window.getSelection() ? "flex" : "none";
-    GLOBAL_CONFIG.comment && (rm.menuItems.comment.style.display = selectTextNow && window.getSelection() ? "flex" : "none");
+    Solitude.config.comment && (rm.menuItems.comment.style.display = selectTextNow && window.getSelection() ? "flex" : "none");
     rm.menuItems.search && (rm.menuItems.search.style.display = selectTextNow && window.getSelection() ? "flex" : "none");
 
     rm.menuItems.new.style.display = link ? "flex" : "none";
@@ -135,7 +155,7 @@ window.oncontextmenu = (ele) => {
 
     rm.menuItems.paste.style.display = (tagName === "input" || tagName === "textarea") ? "flex" : "none";
 
-    if (GLOBAL_CONFIG.right_menu.music) {
+    if (Solitude.config.right_menu.music) {
         if (cls.match(/aplayer/)) {
             rm.menuItems.music.forEach(item => item.style.display = "flex");
         } else {
@@ -151,20 +171,20 @@ window.oncontextmenu = (ele) => {
     y = (y + rm.height > window.innerHeight) ? y - (y + rm.height - window.innerHeight) : y;
 
     rm.showRightMenu(true, x, y);
-    return false;
-};
+    ele.preventDefault();
+});
 
 (function () {
-    const addEventListener = (element, event, handler) => element.addEventListener(event, handler);
+    const addEventListener = (element, event, handler) => element?.addEventListener(event, handler);
 
     addEventListener(rm.menuItems.back, "click", () => window.history.back() || rm.hideRightMenu());
     addEventListener(rm.menuItems.forward, "click", () => window.history.forward() || rm.hideRightMenu());
     addEventListener(rm.menuItems.refresh, "click", () => window.location.reload());
-    addEventListener(rm.menuItems.top, "click", () => sco.toTop() || rm.hideRightMenu());
+    addEventListener(rm.menuItems.top, "click", () => Solitude.toTop() || rm.hideRightMenu());
 
-    if (GLOBAL_CONFIG.right_menu.music) {
+    if (Solitude.config.right_menu.music) {
         addEventListener(rm.menuItems.music[0], "click", () => {
-            sco.musicToggle();
+            Solitude.musicToggle();
             rm.hideRightMenu();
         });
         addEventListener(rm.menuItems.music[1], "click", () => {
@@ -182,18 +202,18 @@ window.oncontextmenu = (ele) => {
     }
 
     addEventListener(rm.menuItems.copy, "click", () => {
-        if (GLOBAL_CONFIG.copyright && selectTextNow.length > GLOBAL_CONFIG.right_menu.limit) {
-            selectTextNow += `\n\n${GLOBAL_CONFIG.right_menu.author}\n${GLOBAL_CONFIG.right_menu.link}${window.location.href}\n${GLOBAL_CONFIG.right_menu.source}\n${GLOBAL_CONFIG.right_menu.info}`;
+        if (Solitude.config.copyright && selectTextNow.length > Solitude.config.right_menu.limit) {
+            selectTextNow += `\n\n${Solitude.config.right_menu.author}\n${Solitude.config.right_menu.link}${window.location.href}\n${Solitude.config.right_menu.source}\n${Solitude.config.right_menu.info}`;
         }
         rm.copyText(selectTextNow);
     });
 
-    if (utils.saveToLocal.get("commentBarrageSwitch") !== null) {
-        rm.menuItems.barrage && rm.barrage(!utils.saveToLocal.get("commentBarrageSwitch"));
+    if (Solitude.saveToLocal.get("commentBarrageSwitch") !== null) {
+        rm.menuItems.barrage && rm.barrage(!Solitude.saveToLocal.get("commentBarrageSwitch"));
     }
 
     addEventListener(rm.menuItems.paste, "click", () => rm.pasteText() && rm.hideRightMenu());
-    GLOBAL_CONFIG.comment && addEventListener(rm.menuItems.comment, "click", () => rm.hideRightMenu() || sco.toTalk(selectTextNow));
+    Solitude.config.comment && addEventListener(rm.menuItems.comment, "click", () => rm.hideRightMenu() || Solitude.toTalk(selectTextNow));
     addEventListener(rm.menuItems.new, "click", () => window.open(rm.domhref) && rm.hideRightMenu());
     addEventListener(rm.menuItems.downloadImg, "click", () => rm.downloadImage() && rm.hideRightMenu());
     addEventListener(rm.menuItems.copyImg, "click", () => rm.copyImage() && rm.hideRightMenu());

package/source/js/search/algolia.js

@@ -1,3 +1,5 @@
+import { Solitude } from "../core/api.js";
+
 class AlgoliaSearch {
     constructor() {
         this.searchInstance = null;
@@ -7,7 +9,7 @@ class AlgoliaSearch {
         this.elements = this.cacheElements();
         
         // Algolia 配置
-        this.config = GLOBAL_CONFIG.algolia;
+        this.config = Solitude.config.algolia;
         
         // 初始化
         this.init();
@@ -91,7 +93,7 @@ class AlgoliaSearch {
      */
     showLoading() {
         if (this.elements.hitsContainer) {
-            const loadingHtml = `<div class="loading">${GLOBAL_CONFIG.lang?.search?.loading || 'Searching...'}</div>`;
+            const loadingHtml = `<div class="loading">${Solitude.config.lang?.search?.loading || 'Searching...'}</div>`;
             this.elements.hitsContainer.innerHTML = loadingHtml;
         }
     }
@@ -137,7 +139,7 @@ class AlgoliaSearch {
             container: this.elements.inputContainer,
             showReset: false,
             showSubmit: false,
-            placeholder: GLOBAL_CONFIG.lang?.search?.placeholder || 'Search by keywords',
+            placeholder: Solitude.config.lang?.search?.placeholder || 'Search by keywords',
             showLoadingIndicator: false,
             searchAsYouType: true,
         });
@@ -159,7 +161,7 @@ class AlgoliaSearch {
      * 格式化统计文本
      */
     formatStatsText(data) {
-        const statsText = GLOBAL_CONFIG.lang?.search?.hit
+        const statsText = Solitude.config.lang?.search?.hit
             ?.replace(/\$\{hits}/, data.nbHits)
             ?.replace(/\$\{time}/, data.processingTimeMS) || 
             `Found ${data.nbHits} results, took ${data.processingTimeMS} ms`;
@@ -188,7 +190,7 @@ class AlgoliaSearch {
      */
     renderHitItem(data) {
         try {
-            const link = data.permalink || (GLOBAL_CONFIG.root + data.path);
+            const link = data.permalink || (Solitude.config.root + data.path);
             const result = data._highlightResult;
             
             // 隐藏加载状态
@@ -214,7 +216,7 @@ class AlgoliaSearch {
         this.hideLoadingIndicator();
         this.delayedFocus();
         
-        const emptyText = GLOBAL_CONFIG.lang?.search?.empty?.replace(/\$\{query}/, data.query) || 
+        const emptyText = Solitude.config.lang?.search?.empty?.replace(/\$\{query}/, data.query) ||
                          `No results found for "${data.query}"`;
         
         return `<div id="algolia-hits-empty">${emptyText}</div>`;
@@ -294,7 +296,7 @@ class AlgoliaSearch {
     bindSearchEvents() {
         // 搜索按钮
         if (this.elements.searchButton) {
-            utils.addEventListenerPjax(this.elements.searchButton, "click", () => this.openSearch());
+            Solitude.addEventListenerPjax(this.elements.searchButton, "click", () => this.openSearch());
         }
 
         // 关闭按钮和遮罩
@@ -311,16 +313,16 @@ class AlgoliaSearch {
      * 绑定右键菜单搜索
      */
     bindRightMenuSearch() {
-        if (GLOBAL_CONFIG.right_menu && this.elements.menuSearch) {
+        if (Solitude.config.right_menu && this.elements.menuSearch) {
             this.elements.menuSearch.addEventListener("click", () => {
-                rm.hideRightMenu();
+                Solitude.hideRightMenu?.();
                 this.openSearch();
                 
                 // 设置选中文本
-                if (window.selectTextNow) {
+                if (Solitude.selectedText) {
                     const searchInput = document.querySelector('.ais-SearchBox-input');
                     if (searchInput) {
-                        searchInput.value = window.selectTextNow;
+                        searchInput.value = Solitude.selectedText;
                         const event = new Event('input', { bubbles: true });
                         searchInput.dispatchEvent(event);
                     }
@@ -334,7 +336,7 @@ class AlgoliaSearch {
      */
     bindPjaxEvents() {
         window.addEventListener("pjax:complete", () => {
-            if (!utils.isHidden(this.elements.searchMask)) {
+            if (!Solitude.isHidden(this.elements.searchMask)) {
                 this.closeSearch();
             }
             
@@ -344,11 +346,11 @@ class AlgoliaSearch {
         });
 
         // PJAX 刷新搜索结果
-        if (window.pjax && this.searchInstance) {
+        if (Solitude.pjax && this.searchInstance) {
             this.searchInstance.on("render", () => {
                 const hitsElement = document.getElementById("algolia-hits");
                 if (hitsElement) {
-                    window.pjax.refresh(hitsElement);
+                    Solitude.pjax.refresh(hitsElement);
                 }
             });
         }
@@ -379,7 +381,7 @@ class AlgoliaSearch {
     openSearch() {
         if (!this.elements.searchMask || !this.elements.searchDialog) return;
 
-        utils.animateIn(this.elements.searchMask, "to_show 0.5s");
+        Solitude.animateIn(this.elements.searchMask, "to_show 0.5s");
         this.elements.searchDialog.style.display = "flex";
         
         // 延迟聚焦以确保动画完成
@@ -392,7 +394,7 @@ class AlgoliaSearch {
         window.addEventListener("resize", this.fixSafariHeight);
         
         // 暴露到全局作用域以保持兼容性
-        window.openSearch = () => this.openSearch();
+        Solitude.openSearch = () => this.openSearch();
     }
 
     /**
@@ -401,8 +403,8 @@ class AlgoliaSearch {
     closeSearch() {
         if (!this.elements.searchMask || !this.elements.searchDialog) return;
 
-        utils.animateOut(this.elements.searchDialog, "search_close .5s");
-        utils.animateOut(this.elements.searchMask, "to_hide 0.5s");
+        Solitude.animateOut(this.elements.searchDialog, "search_close .5s");
+        Solitude.animateOut(this.elements.searchMask, "to_hide 0.5s");
         window.removeEventListener("resize", this.fixSafariHeight);
     }
 
@@ -435,6 +437,12 @@ class AlgoliaSearch {
 }
 
 // DOM 加载完成后初始化搜索功能
-document.addEventListener("DOMContentLoaded", () => {
-    window.algoliaSearch = new AlgoliaSearch();
-});
+const initializeAlgoliaSearch = () => {
+    Solitude.algoliaSearch ||= new AlgoliaSearch();
+};
+
+if (document.readyState === "loading") {
+    document.addEventListener("DOMContentLoaded", initializeAlgoliaSearch, { once: true });
+} else {
+    initializeAlgoliaSearch();
+}