hexo-theme-shokax 0.3.0 → 0.3.2

package/source/js/_app/page/search.js

@@ -1,25 +1,31 @@
-const algoliaSearch = (pjax) => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.algoliaSearch = void 0;
+const globalVars_1 = require("../globals/globalVars");
+const anime_1 = require("../library/anime");
+const dom_1 = require("../library/dom");
+function algoliaSearch(pjax) {
     if (CONFIG.search === null) {
         return;
     }
-    if (!siteSearch) {
-        siteSearch = BODY.createChild('div', {
+    if (!globalVars_1.siteSearch) {
+        (0, globalVars_1.setSiteSearch)(globalVars_1.BODY.createChild('div', {
             id: 'search',
             innerHTML: '<div class="inner"><div class="header"><span class="icon"><i class="ic i-search"></i></span><div class="search-input-container"></div><span class="close-btn"><i class="ic i-times-circle"></i></span></div><div class="results"><div class="inner"><div id="search-stats"></div><div id="search-hits"></div><div id="search-pagination"></div></div></div></div>'
-        });
+        }));
     }
     const search = instantsearch({
         indexName: CONFIG.search.indexName,
         searchClient: algoliasearch(CONFIG.search.appID, CONFIG.search.apiKey),
         searchFunction(helper) {
-            const searchInput = $dom('.search-input');
+            const searchInput = (0, dom_1.$dom)('.search-input');
             if (searchInput.value) {
                 helper.search();
             }
         }
     });
     search.on('render', () => {
-        pjax.refresh($dom('#search-hits'));
+        pjax.refresh((0, dom_1.$dom)('#search-hits'));
     });
     search.addWidgets([
         instantsearch.widgets.configure({
@@ -84,28 +90,29 @@ const algoliaSearch = (pjax) => {
         })
     ]);
     search.start();
-    $dom.each('.search', (element) => {
+    dom_1.$dom.each('.search', (element) => {
         element.addEventListener('click', () => {
             document.body.style.overflow = 'hidden';
-            transition(siteSearch, 'shrinkIn', () => {
-                $dom('.search-input').focus();
+            (0, anime_1.transition)(globalVars_1.siteSearch, 'shrinkIn', () => {
+                (0, dom_1.$dom)('.search-input').focus();
             });
         });
     });
     const onPopupClose = () => {
         document.body.style.overflow = '';
-        transition(siteSearch, 0);
+        (0, anime_1.transition)(globalVars_1.siteSearch, 0);
     };
-    siteSearch.addEventListener('click', (event) => {
-        if (event.target === siteSearch) {
+    globalVars_1.siteSearch.addEventListener('click', (event) => {
+        if (event.target === globalVars_1.siteSearch) {
             onPopupClose();
         }
     });
-    $dom('.close-btn').addEventListener('click', onPopupClose);
+    (0, dom_1.$dom)('.close-btn').addEventListener('click', onPopupClose);
     window.addEventListener('pjax:success', onPopupClose);
     window.addEventListener('keyup', (event) => {
         if (event.key === 'Escape') {
             onPopupClose();
         }
     });
-};
+}
+exports.algoliaSearch = algoliaSearch;

package/source/js/_app/page/tab.js

@@ -1,12 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.tabFormat = void 0;
+const anime_1 = require("../library/anime");
+const dom_1 = require("../library/dom");
 const tabFormat = () => {
     let first_tab;
-    $dom.each('div.tab', (element) => {
+    dom_1.$dom.each('div.tab', (element) => {
         if (element.attr('data-ready')) {
             return;
         }
         const id = element.attr('data-id');
         const title = element.attr('data-title');
-        let box = $dom('#' + id);
+        let box = (0, dom_1.$dom)('#' + id);
         if (!box) {
             box = document.createElement('div');
             box.className = 'tabs';
@@ -14,7 +19,7 @@ const tabFormat = () => {
             box.innerHTML = '<div class="show-btn"></div>';
             const showBtn = box.child('.show-btn');
             showBtn.addEventListener('click', () => {
-                pageScroll(box);
+                (0, anime_1.pageScroll)(box);
             });
             element.parentNode.insertBefore(box, element);
             first_tab = true;
@@ -48,3 +53,4 @@ const tabFormat = () => {
         element.attr('data-ready', String(true));
     });
 };
+exports.tabFormat = tabFormat;

package/source/js/_app/pjax/domInit.js

@@ -1,29 +1,41 @@
-const domInit = () => {
-    $dom.each('.overview .menu > .item', (el) => {
-        siteNav.child('.menu').appendChild(el.cloneNode(true));
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const sidebar_1 = require("../components/sidebar");
+const globalVars_1 = require("../globals/globalVars");
+const thirdparty_1 = require("../globals/thirdparty");
+const dom_1 = require("../library/dom");
+const player_1 = require("../player");
+const proto_1 = __importDefault(require("../library/proto"));
+function domInit() {
+    (0, proto_1.default)();
+    dom_1.$dom.each('.overview .menu > .item', (el) => {
+        globalVars_1.siteNav.child('.menu').appendChild(el.cloneNode(true));
     });
-    loadCat.addEventListener('click', Loader.vanish);
-    menuToggle.addEventListener('click', sideBarToggleHandle);
-    $dom('.dimmer').addEventListener('click', sideBarToggleHandle);
-    quickBtn.child('.down').addEventListener('click', goToBottomHandle);
-    quickBtn.child('.up').addEventListener('click', backToTopHandle);
-    if (!toolBtn) {
-        toolBtn = siteHeader.createChild('div', {
+    globalVars_1.loadCat.addEventListener('click', thirdparty_1.Loader.vanish);
+    globalVars_1.menuToggle.addEventListener('click', sidebar_1.sideBarToggleHandle);
+    (0, dom_1.$dom)('.dimmer').addEventListener('click', sidebar_1.sideBarToggleHandle);
+    globalVars_1.quickBtn.child('.down').addEventListener('click', sidebar_1.goToBottomHandle);
+    globalVars_1.quickBtn.child('.up').addEventListener('click', sidebar_1.backToTopHandle);
+    if (!globalVars_1.toolBtn) {
+        (0, globalVars_1.setToolBtn)(globalVars_1.siteHeader.createChild('div', {
             id: 'tool',
             innerHTML: '<div class="item player"></div><div class="item contents"><i class="ic i-list-ol"></i></div><div class="item chat"><i class="ic i-comments"></i></div><div class="item back-to-top"><i class="ic i-arrow-up"></i><span>0%</span></div>'
-        });
+        }));
     }
-    toolPlayer = toolBtn.child('.player');
-    backToTop = toolBtn.child('.back-to-top');
-    goToComment = toolBtn.child('.chat');
-    showContents = toolBtn.child('.contents');
-    backToTop.addEventListener('click', backToTopHandle);
-    goToComment.addEventListener('click', goToCommentHandle);
-    showContents.addEventListener('click', sideBarToggleHandle);
-    if (typeof mediaPlayer !== 'undefined') {
-        mediaPlayer(toolPlayer);
-        $dom('main').addEventListener('click', () => {
-            toolPlayer.player.mini();
+    (0, globalVars_1.setToolPlayer)(globalVars_1.toolBtn.child('.player'));
+    (0, globalVars_1.setBackToTop)(globalVars_1.toolBtn.child('.back-to-top'));
+    (0, globalVars_1.setGoToComment)(globalVars_1.toolBtn.child('.chat'));
+    (0, globalVars_1.setShowContents)(globalVars_1.toolBtn.child('.contents'));
+    globalVars_1.backToTop.addEventListener('click', sidebar_1.backToTopHandle);
+    globalVars_1.goToComment.addEventListener('click', sidebar_1.goToCommentHandle);
+    globalVars_1.showContents.addEventListener('click', sidebar_1.sideBarToggleHandle);
+    if (typeof player_1.mediaPlayer !== 'undefined') {
+        (0, player_1.mediaPlayer)(globalVars_1.toolPlayer);
+        (0, dom_1.$dom)('main').addEventListener('click', () => {
+            globalVars_1.toolPlayer.player.mini();
         });
     }
     const createIntersectionObserver = () => {
@@ -65,4 +77,5 @@ const domInit = () => {
         }).observe(document.querySelector('.with-love'));
     };
     createIntersectionObserver();
-};
+}
+exports.default = domInit;

package/source/js/_app/pjax/refresh.js

@@ -1,42 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.siteRefresh = exports.pjaxReload = void 0;
+const dom_1 = require("../library/dom");
+const common_1 = require("../page/common");
+const post_1 = require("../page/post");
+const anime_1 = require("../library/anime");
+const loadFile_1 = require("../library/loadFile");
+const scriptPjax_1 = require("../library/scriptPjax");
+const handles_1 = require("../globals/handles");
+const globalVars_1 = require("../globals/globalVars");
+const player_1 = require("../player");
+const tools_1 = require("../globals/tools");
+const sidebar_1 = require("../components/sidebar");
+const thirdparty_1 = require("../globals/thirdparty");
+const tab_1 = require("../page/tab");
 const pjaxReload = () => {
-    pagePosition();
-    if (sideBar.hasClass('on')) {
-        transition(sideBar, 0, () => {
-            sideBar.removeClass('on');
-            menuToggle.removeClass('close');
+    (0, tools_1.pagePosition)();
+    if (globalVars_1.sideBar.hasClass('on')) {
+        (0, anime_1.transition)(globalVars_1.sideBar, 0, () => {
+            globalVars_1.sideBar.removeClass('on');
+            globalVars_1.menuToggle.removeClass('close');
         });
     }
-    const mainNode = $dom('#main');
+    const mainNode = (0, dom_1.$dom)('#main');
     mainNode.innerHTML = '';
-    mainNode.appendChild(loadCat.lastChild.cloneNode(true));
-    pageScroll(0);
+    mainNode.appendChild(globalVars_1.loadCat.lastChild.cloneNode(true));
+    (0, anime_1.pageScroll)(0);
 };
+exports.pjaxReload = pjaxReload;
 const siteRefresh = (reload) => {
-    LOCAL_HASH = 0;
-    LOCAL_URL = window.location.href;
-    vendorCss('katex');
-    vendorJs('copy_tex');
-    vendorCss('mermaid');
-    vendorJs('chart');
+    (0, globalVars_1.setLocalHash)(0);
+    (0, globalVars_1.setLocalUrl)(window.location.href);
+    (0, loadFile_1.vendorCss)('katex');
+    (0, loadFile_1.vendorJs)('copy_tex');
+    (0, loadFile_1.vendorCss)('mermaid');
+    (0, loadFile_1.vendorJs)('chart');
     if (reload !== 1) {
-        $dom.each('script[data-pjax]', pjaxScript);
+        dom_1.$dom.each('script[data-pjax]', scriptPjax_1.pjaxScript);
     }
-    originTitle = document.title;
-    resizeHandle();
-    menuActive();
-    sideBarTab();
-    sidebarTOC();
-    registerExtURL();
-    postBeauty();
-    tabFormat();
-    if (typeof mediaPlayer !== 'undefined') {
-        toolPlayer.player.load(LOCAL.audio || CONFIG.audio || {});
+    (0, globalVars_1.setOriginTitle)(document.title);
+    (0, handles_1.resizeHandle)();
+    (0, sidebar_1.menuActive)();
+    (0, sidebar_1.sideBarTab)();
+    (0, sidebar_1.sidebarTOC)();
+    (0, common_1.registerExtURL)();
+    (0, post_1.postBeauty)();
+    (0, tab_1.tabFormat)();
+    if (typeof player_1.mediaPlayer !== 'undefined') {
+        globalVars_1.toolPlayer.player.load(LOCAL.audio || CONFIG.audio || {});
     }
-    Loader.hide();
+    thirdparty_1.Loader.hide();
     setTimeout(() => {
-        positionInit();
+        (0, tools_1.positionInit)();
     }, 500);
-    cardActive();
-    lazyload.observe();
-    isOutime();
+    (0, common_1.cardActive)();
+    thirdparty_1.lazyload.observe();
+    (0, thirdparty_1.isOutime)();
 };
+exports.siteRefresh = siteRefresh;

package/source/js/_app/pjax/siteInit.js

@@ -1,6 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const domInit_1 = __importDefault(require("./domInit"));
+const refresh_1 = require("./refresh");
+const scriptPjax_1 = require("../library/scriptPjax");
+const search_1 = require("../page/search");
+const globalVars_1 = require("../globals/globalVars");
+const themeColor_1 = require("../globals/themeColor");
+const handles_1 = require("../globals/handles");
+const tools_1 = require("../globals/tools");
+const fireworks_1 = require("../fireworks");
+const theme_shokax_pjax_1 = __importDefault(require("theme-shokax-pjax"));
 const siteInit = () => {
-    domInit();
-    pjax = new Pjax({
+    (0, scriptPjax_1.cloudflareInit)();
+    (0, domInit_1.default)();
+    (0, globalVars_1.setPjax)(new theme_shokax_pjax_1.default({
         selectors: [
             'head title',
             '.languages',
@@ -10,23 +26,24 @@ const siteInit = () => {
             'script[data-config]'
         ],
         cacheBust: false
-    });
+    }));
     CONFIG.quicklink.ignores = LOCAL.ignores;
     quicklink.listen(CONFIG.quicklink);
-    autoDarkmode();
+    (0, themeColor_1.autoDarkmode)();
     if (!CONFIG.disableVL) {
-        visibilityListener();
+        (0, handles_1.visibilityListener)();
     }
-    themeColorListener();
-    algoliaSearch(pjax);
-    window.addEventListener('scroll', scrollHandle);
-    window.addEventListener('resize', resizeHandle);
-    window.addEventListener('pjax:send', pjaxReload);
-    window.addEventListener('pjax:success', siteRefresh);
+    (0, themeColor_1.themeColorListener)();
+    (0, search_1.algoliaSearch)(globalVars_1.pjax);
+    (0, fireworks_1.initFireworks)();
+    window.addEventListener('scroll', handles_1.scrollHandle);
+    window.addEventListener('resize', handles_1.resizeHandle);
+    window.addEventListener('pjax:send', refresh_1.pjaxReload);
+    window.addEventListener('pjax:success', refresh_1.siteRefresh);
     window.addEventListener('beforeunload', () => {
-        pagePosition();
+        (0, tools_1.pagePosition)();
     });
-    siteRefresh(1);
+    (0, refresh_1.siteRefresh)(1);
 };
 window.addEventListener('DOMContentLoaded', siteInit, {
     passive: true

package/source/js/_app/player.js

@@ -1,6 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.mediaPlayer = void 0;
+const globalVars_1 = require("./globals/globalVars");
+const tools_1 = require("./globals/tools");
+const anime_1 = require("./library/anime");
+const dom_1 = require("./library/dom");
+const storage_1 = require("./library/storage");
+const tab_1 = require("./page/tab");
 let NOWPLAYING = null;
 const isMobile = /mobile/i.test(window.navigator.userAgent);
 const mediaPlayer = (t, config) => {
+    if (CONFIG.noPlayer) {
+        return;
+    }
     const buttons = {
         el: {},
         create() {
@@ -75,7 +87,7 @@ const mediaPlayer = (t, config) => {
                         t.player.options.mode = 'loop';
                 }
                 controller.btns.mode.className = 'mode ' + t.player.options.mode + ' btn';
-                $storage.set('_PlayerMode', t.player.options.mode);
+                storage_1.$storage.set('_PlayerMode', t.player.options.mode);
             },
             volume(e) {
                 e.preventDefault();
@@ -234,7 +246,7 @@ const mediaPlayer = (t, config) => {
                     return null;
                 }
                 const id = 'list-' + t.player._id + '-' + item.group;
-                let tab = $dom('#' + id);
+                let tab = (0, dom_1.$dom)('#' + id);
                 if (!tab) {
                     tab = el.createChild('div', {
                         id,
@@ -266,7 +278,7 @@ const mediaPlayer = (t, config) => {
                 });
                 return item;
             });
-            tabFormat();
+            (0, tab_1.tabFormat)();
         },
         current() {
             return this.data[this.index];
@@ -281,7 +293,7 @@ const mediaPlayer = (t, config) => {
             li && li.addClass('active');
             tab = this.el.find('.tab')[item.group];
             tab && tab.addClass('active');
-            pageScroll(item.el, item.el.offsetTop);
+            (0, anime_1.pageScroll)(item.el, item.el.offsetTop);
             return this;
         },
         title() {
@@ -289,7 +301,7 @@ const mediaPlayer = (t, config) => {
                 return;
             }
             const current = this.current();
-            document.title = 'Now Playing...' + current.name + ' - ' + current.artist + ' | ' + originTitle;
+            document.title = 'Now Playing...' + current.name + ' - ' + current.artist + ' | ' + globalVars_1.originTitle;
         },
         error() {
             const current = this.current();
@@ -382,7 +394,7 @@ const mediaPlayer = (t, config) => {
                     const meta = utils.parse(raw);
                     if (meta[0]) {
                         const skey = JSON.stringify(meta);
-                        const playlist = $storage.get(skey);
+                        const playlist = storage_1.$storage.get(skey);
                         if (playlist) {
                             list.push(...JSON.parse(playlist));
                             resolve(list);
@@ -392,7 +404,7 @@ const mediaPlayer = (t, config) => {
                                 .then((response) => {
                                 return response.json();
                             }).then((json) => {
-                                $storage.set(skey, JSON.stringify(json));
+                                storage_1.$storage.set(skey, JSON.stringify(json));
                                 list.push(...json);
                                 resolve(list);
                             }).catch((ex) => {
@@ -545,8 +557,8 @@ const mediaPlayer = (t, config) => {
             }
             source.attr('src', item.url);
             source.attr('title', item.name + ' - ' + item.artist);
-            this.volume($storage.get('_PlayerVolume') || '0.7');
-            this.muted($storage.get('_PlayerMuted'));
+            this.volume(storage_1.$storage.get('_PlayerVolume') || '0.7');
+            this.muted(storage_1.$storage.get('_PlayerMuted'));
             progress.create();
             if (this.options.type === 'audio') {
                 preview.create();
@@ -568,12 +580,12 @@ const mediaPlayer = (t, config) => {
         },
         pause() {
             source.pause();
-            document.title = originTitle;
+            document.title = globalVars_1.originTitle;
         },
         stop() {
             source.pause();
             source.currentTime = 0;
-            document.title = originTitle;
+            document.title = globalVars_1.originTitle;
         },
         seek(time) {
             time = Math.max(time, 0);
@@ -584,11 +596,11 @@ const mediaPlayer = (t, config) => {
         muted(status) {
             if (status === 'muted') {
                 source.muted = status;
-                $storage.set('_PlayerMuted', status);
+                storage_1.$storage.set('_PlayerMuted', status);
                 controller.update(0);
             }
             else {
-                $storage.del('_PlayerMuted');
+                storage_1.$storage.del('_PlayerMuted');
                 source.muted = false;
                 controller.update(source.volume);
             }
@@ -596,7 +608,7 @@ const mediaPlayer = (t, config) => {
         volume(percentage) {
             if (!isNaN(percentage)) {
                 controller.update(percentage);
-                $storage.set('_PlayerVolume', percentage);
+                storage_1.$storage.set('_PlayerVolume', percentage);
                 source.volume = percentage;
             }
         },
@@ -709,7 +721,7 @@ const mediaPlayer = (t, config) => {
         },
         onplay() {
             t.parentNode.addClass('playing');
-            showtip(this.attr('title'));
+            (0, tools_1.showtip)(this.attr('title'));
             NOWPLAYING = t;
         },
         onpause() {
@@ -732,7 +744,7 @@ const mediaPlayer = (t, config) => {
             return;
         }
         t.player.options = Object.assign(option, config);
-        t.player.options.mode = $storage.get('_PlayerMode') || t.player.options.mode;
+        t.player.options.mode = storage_1.$storage.get('_PlayerMode') || t.player.options.mode;
         buttons.create();
         source = t.createChild(t.player.options.type, events);
         info.create();
@@ -742,3 +754,4 @@ const mediaPlayer = (t, config) => {
     init(config);
     return t;
 };
+exports.mediaPlayer = mediaPlayer;

package/test/dom.test.js

@@ -0,0 +1,86 @@
+const { describe, beforeEach, afterEach, it } = require('mocha')
+const jsdom = require('jsdom')
+const { $dom } = require('../source/js/_app/library/dom')
+const { expect } = require('chai')
+
+describe('$dom', function () {
+  // 在每个测试用例之前创建一个虚拟文档
+  beforeEach(function () {
+    const html = `
+      <html lang="zh-cn">
+        <head><title>Test Page</title></head>
+        <body>
+          <div id="container">
+            <p class="text">Hello</p>
+            <p class="text">World</p>
+          </div>
+        </body>
+      </html>
+    `
+    const dom = new jsdom.JSDOM(html)
+    global.document = dom.window.document
+    global.HTMLElement = dom.window.HTMLElement
+  })
+
+  // 在每个测试用例之后清除虚拟文档
+  afterEach(function () {
+    global.document = null
+  })
+
+  it('should return the element with the given id selector', function () {
+    const element = $dom('#container')
+    expect(element).to.exist
+    expect(element).to.be.instanceOf(HTMLElement)
+    expect(element.id).to.equal('container')
+  })
+
+  it('should return the first element that matches the given selector', function () {
+    const element = $dom('.text')
+    expect(element).to.exist
+    expect(element).to.be.instanceOf(HTMLElement)
+    expect(element.textContent).to.equal('Hello')
+  })
+
+  it('should return null if no element matches the given selector', function () {
+    const element = $dom('.foo')
+    expect(element).to.be.null
+  })
+})
+
+describe('$dom.all & $dom.each', function () {
+  beforeEach(function () {
+    const html = `
+      <html lang="zh-cn">
+        <head><title>Test Page</title></head>
+        <body>
+          <div id="container">
+            <p class="text">Hello</p>
+            <p class="text">World</p>
+          </div>
+        </body>
+      </html>
+    `
+    const dom = new jsdom.JSDOM(html)
+    global.document = dom.window.document
+    global.HTMLElement = dom.window.HTMLElement
+  })
+
+  afterEach(function () {
+    global.document = null
+  })
+
+  it('should return all elements with the given selector', () => {
+    const elements = $dom.all('p')
+    expect(elements).to.be.exist
+    expect(elements).length(2)
+  })
+
+  it('should run callback with the given selector', () => {
+    $dom.each('p', function (value){
+      value.innerText = 'test'
+    })
+    const elements = $dom.all('p')
+    expect(elements[0].innerText).equal('test')
+    expect(elements[1].innerText).equal('test')
+  })
+})