hexo-theme-shokax 0.3.10 → 0.3.12

package/source/js/_app/page/comment.js

@@ -1,24 +1,23 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const dom_1 = require("../library/dom");
-const anime_1 = require("../library/anime");
-const globalVars_1 = require("../globals/globalVars");
-function loadComments() {
-    const element = (0, dom_1.$dom)('#comments');
+import { $dom } from '../library/dom';
+import { transition } from '../library/anime';
+import { goToComment } from '../globals/globalVars';
+// TODO 此函数在twikoo下可能不适用
+export default function loadComments() {
+    const element = $dom('#comments');
     if (!element) {
-        globalVars_1.goToComment.display('none');
+        goToComment.display('none');
         return;
     }
     else {
-        globalVars_1.goToComment.display('');
+        goToComment.display('');
     }
     const io = new IntersectionObserver((entries, observer) => {
         const entry = entries[0];
+        // vendorCss('valine')
         if (entry.isIntersecting || entry.intersectionRatio > 0) {
-            (0, anime_1.transition)((0, dom_1.$dom)('#comments'), 'bounceUpIn');
+            transition($dom('#comments'), 'bounceUpIn');
             observer.disconnect();
         }
     });
     io.observe(element);
 }
-exports.default = loadComments;

package/source/js/_app/page/common.js

@@ -1,9 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.cardActive = void 0;
-const dom_1 = require("../library/dom");
-const cardActive = () => {
-    if (!(0, dom_1.$dom)('.index.wrap')) {
+import { $dom } from '../library/dom';
+export const cardActive = () => {
+    if (!$dom('.index.wrap')) {
         return;
     }
     const io = new IntersectionObserver((entries) => {
@@ -22,15 +19,15 @@ const cardActive = () => {
         root: null,
         threshold: [0.3]
     });
-    dom_1.$dom.each('.index.wrap article.item, .index.wrap section.item', (article) => {
+    $dom.each('.index.wrap article.item, .index.wrap section.item', (article) => {
         io.observe(article);
     });
-    (0, dom_1.$dom)('.index.wrap .item:first-child').addClass('show');
-    dom_1.$dom.each('.cards .item', (element) => {
+    $dom('.index.wrap .item:first-child').addClass('show');
+    $dom.each('.cards .item', (element) => {
         ['mouseenter', 'touchstart'].forEach((item) => {
             element.addEventListener(item, () => {
-                if ((0, dom_1.$dom)('.cards .item.active')) {
-                    (0, dom_1.$dom)('.cards .item.active').removeClass('active');
+                if ($dom('.cards .item.active')) {
+                    $dom('.cards .item.active').removeClass('active');
                 }
                 element.addClass('active');
             }, { passive: true });
@@ -42,4 +39,3 @@ const cardActive = () => {
         });
     });
 };
-exports.cardActive = cardActive;

package/source/js/_app/page/fancybox.js

@@ -1,14 +1,12 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.postFancybox = void 0;
-const dom_1 = require("../library/dom");
-const loadFile_1 = require("../library/loadFile");
-const postFancybox = (p) => {
-    if ((0, dom_1.$dom)(p + ' .md img')) {
-        (0, loadFile_1.vendorCss)('fancybox');
-        (0, loadFile_1.vendorJs)('fancybox', () => {
+import { $dom } from '../library/dom';
+import { vendorCss, vendorJs } from '../library/loadFile';
+export const postFancybox = (p) => {
+    if ($dom(p + ' .md img')) {
+        vendorCss('fancybox');
+        vendorCss('justifiedGallery');
+        vendorJs('fancybox', () => {
             const q = jQuery.noConflict();
-            dom_1.$dom.each(p + ' p.gallery', (element) => {
+            $dom.each(p + ' p.gallery', (element) => {
                 const box = document.createElement('div');
                 box.className = 'gallery';
                 box.attr('data-height', String(element.attr('data-height') || 220));
@@ -16,9 +14,9 @@ const postFancybox = (p) => {
                 element.parentNode.insertBefore(box, element);
                 element.remove();
             });
-            dom_1.$dom.each(p + ' .md img:not(.emoji):not(.vemoji)', (element) => {
+            $dom.each(p + ' .md img:not(.emoji):not(.vemoji)', (element) => {
                 const $image = q(element);
-                const imageLink = $image.attr('data-src') || $image.attr('src');
+                const imageLink = $image.attr('data-src') || $image.attr('src'); // 替换
                 const $imageWrapLink = $image.wrap('<a class="fancybox" href="' + imageLink + '" itemscope itemtype="https://schema.org/ImageObject" itemprop="url"></a>').parent('a');
                 let info;
                 let captionClass = 'image-info';
@@ -40,7 +38,8 @@ const postFancybox = (p) => {
                     element.insertAfter(para);
                 }
             });
-            dom_1.$dom.each(p + ' div.gallery', (el, i) => {
+            $dom.each(p + ' div.gallery', (el, i) => {
+                // @ts-ignore
                 q(el).justifiedGallery({
                     rowHeight: q(el).data('height') || 120,
                     rel: 'gallery-' + i
@@ -53,13 +52,14 @@ const postFancybox = (p) => {
             q.fancybox.defaults.hash = false;
             q(p + ' .fancybox').fancybox({
                 loop: true,
+                // @ts-ignore
                 helpers: {
                     overlay: {
                         locked: false
                     }
                 }
             });
+            // @ts-ignore
         }, window.jQuery);
     }
 };
-exports.postFancybox = postFancybox;

package/source/js/_app/page/post.js

@@ -1,29 +1,23 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.postBeauty = void 0;
-const comment_1 = __importDefault(require("./comment"));
-const dom_1 = require("../library/dom");
-const fancybox_1 = require("./fancybox");
-const tools_1 = require("../globals/tools");
-const globalVars_1 = require("../globals/globalVars");
-const anime_1 = require("../library/anime");
-const player_1 = require("../player");
-const postBeauty = () => {
-    (0, comment_1.default)();
-    if (!(0, dom_1.$dom)('.md')) {
+import loadComments from './comment';
+import { $dom } from '../library/dom';
+import { postFancybox } from './fancybox';
+import { clipBoard, showtip } from '../globals/tools';
+import { BODY } from '../globals/globalVars';
+import { pageScroll, transition } from '../library/anime';
+import { mediaPlayer } from '../player';
+export const postBeauty = () => {
+    loadComments();
+    if (!$dom('.md')) {
         return;
     }
-    (0, fancybox_1.postFancybox)('.post.block');
-    (0, dom_1.$dom)('.post.block').oncopy = async (event) => {
-        (0, tools_1.showtip)(LOCAL.copyright);
+    postFancybox('.post.block');
+    $dom('.post.block').oncopy = async (event) => {
+        showtip(LOCAL.copyright);
         if (LOCAL.nocopy) {
             event.preventDefault();
             return;
         }
-        const copyright = await dom_1.$dom.asyncify('#copyright');
+        const copyright = await $dom.asyncify('#copyright');
         if (window.getSelection().toString().length > 30 && copyright) {
             event.preventDefault();
             const author = '# ' + copyright.child('.author').innerText;
@@ -36,31 +30,35 @@ const postBeauty = () => {
                 event.clipboardData.setData('text/plain', textData);
             }
             else {
+                // @ts-ignore
                 if (window.clipboardData) {
+                    // @ts-ignore
                     return window.clipboardData.setData('text', textData);
                 }
             }
         }
     };
-    dom_1.$dom.each('li ruby', (element) => {
+    $dom.each('li ruby', (element) => {
         let parent = element.parentNode;
+        // @ts-ignore
         if (element.parentNode.tagName !== 'LI') {
             parent = element.parentNode.parentNode;
         }
         parent.addClass('ruby');
     });
-    dom_1.$dom.each('ol[start]', (element) => {
+    $dom.each('ol[start]', (element) => {
+        // @ts-ignore
         element.style.counterReset = 'counter ' + parseInt(element.attr('start') - 1);
     });
-    dom_1.$dom.each('.md table', (element) => {
+    $dom.each('.md table', (element) => {
         element.wrapObject({
             className: 'table-container'
         });
     });
-    dom_1.$dom.each('.highlight > .table-container', (element) => {
+    $dom.each('.highlight > .table-container', (element) => {
         element.className = 'code-container';
     });
-    dom_1.$dom.each('figure.highlight', (element) => {
+    $dom.each('figure.highlight', (element) => {
         const code_container = element.child('.code-container');
         const caption = element.child('figcaption');
         element.insertAdjacentHTML('beforeend', '<div class="operation"><span class="breakline-btn"><i class="ic i-align-left"></i></span><span class="copy-btn"><i class="ic i-clipboard"></i></span><span class="fullscreen-btn"><i class="ic i-expand"></i></span></div>');
@@ -77,10 +75,10 @@ const postBeauty = () => {
                     code += comma + line.innerText;
                     comma = '\n';
                 });
-                (0, tools_1.clipBoard)(code, (result) => {
+                clipBoard(code, (result) => {
                     target.child('.ic').className = result ? 'ic i-check' : 'ic i-times';
                     target.blur();
-                    (0, tools_1.showtip)(LOCAL.copyright);
+                    showtip(LOCAL.copyright);
                 });
             }, { passive: true });
             copyBtn.addEventListener('mouseleave', (event) => {
@@ -105,7 +103,7 @@ const postBeauty = () => {
         const removeFullscreen = () => {
             element.removeClass('fullscreen');
             element.scrollTop = 0;
-            globalVars_1.BODY.removeClass('fullscreen');
+            BODY.removeClass('fullscreen');
             fullscreenBtn.child('.ic').className = 'ic i-expand';
         };
         const fullscreenHandle = () => {
@@ -116,11 +114,11 @@ const postBeauty = () => {
                     code_container.style.maxHeight = '300px';
                     showBtn.removeClass('open');
                 }
-                (0, anime_1.pageScroll)(element);
+                pageScroll(element);
             }
             else {
                 element.addClass('fullscreen');
-                globalVars_1.BODY.addClass('fullscreen');
+                BODY.addClass('fullscreen');
                 fullscreenBtn.child('.ic').className = 'ic i-compress';
                 if (code_container && code_container.find('tr').length > 15) {
                     const showBtn = code_container.child('.show-btn');
@@ -147,7 +145,7 @@ const postBeauty = () => {
                 if (showBtn.hasClass('open')) {
                     removeFullscreen();
                     hideCode();
-                    (0, anime_1.pageScroll)(code_container);
+                    pageScroll(code_container);
                 }
                 else {
                     showCode();
@@ -155,25 +153,26 @@ const postBeauty = () => {
             });
         }
     });
-    dom_1.$dom.asyncifyEach('pre.mermaid > svg', (element) => {
+    $dom.asyncifyEach('pre.mermaid > svg', (element) => {
         const temp = element;
         temp.style.maxWidth = '';
     });
-    dom_1.$dom.each('.reward button', (element) => {
+    $dom.each('.reward button', (element) => {
         element.addEventListener('click', (event) => {
             event.preventDefault();
-            const qr = (0, dom_1.$dom)('#qr');
+            const qr = $dom('#qr');
             if (qr.display() === 'inline-flex') {
-                (0, anime_1.transition)(qr, 0);
+                transition(qr, 0);
             }
             else {
-                (0, anime_1.transition)(qr, 1, () => {
+                transition(qr, 1, () => {
                     qr.display('inline-flex');
-                });
+                }); // slideUpBigIn
             }
         });
     });
-    dom_1.$dom.asyncifyEach('.quiz > ul.options li', (element) => {
+    // quiz
+    $dom.asyncifyEach('.quiz > ul.options li', (element) => {
         element.addEventListener('click', () => {
             if (element.hasClass('correct')) {
                 element.toggleClass('right');
@@ -184,12 +183,12 @@ const postBeauty = () => {
             }
         });
     });
-    dom_1.$dom.asyncifyEach('.quiz > p', (element) => {
+    $dom.asyncifyEach('.quiz > p', (element) => {
         element.addEventListener('click', () => {
             element.parentNode.toggleClass('show');
         });
     });
-    dom_1.$dom.asyncifyEach('.quiz > p:first-child', (element) => {
+    $dom.asyncifyEach('.quiz > p:first-child', (element) => {
         const quiz = element.parentNode;
         let type = 'choice';
         if (quiz.hasClass('true') || quiz.hasClass('false')) {
@@ -206,14 +205,14 @@ const postBeauty = () => {
         }
         element.attr('data-type', LOCAL.quiz[type]);
     });
-    dom_1.$dom.asyncifyEach('.quiz .mistake', (element) => {
+    $dom.asyncifyEach('.quiz .mistake', (element) => {
         element.attr('data-type', LOCAL.quiz.mistake);
     });
-    dom_1.$dom.each('div.tags a', (element) => {
+    $dom.each('div.tags a', (element) => {
         element.className = ['primary', 'success', 'info', 'warning', 'danger'][Math.floor(Math.random() * 5)];
     });
-    dom_1.$dom.asyncifyEach('.md div.player', (element) => {
-        (0, player_1.mediaPlayer)(element, {
+    $dom.asyncifyEach('.md div.player', (element) => {
+        mediaPlayer(element, {
             type: element.attr('data-type'),
             mode: 'order',
             btns: []
@@ -243,4 +242,3 @@ const postBeauty = () => {
         });
     }
 };
-exports.postBeauty = postBeauty;

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

@@ -1,15 +1,12 @@
-"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) {
+import { BODY, setSiteSearch, siteSearch } from '../globals/globalVars';
+import { transition } from '../library/anime';
+import { $dom } from '../library/dom';
+export function algoliaSearch(pjax) {
     if (CONFIG.search === null) {
         return;
     }
-    if (!globalVars_1.siteSearch) {
-        (0, globalVars_1.setSiteSearch)(globalVars_1.BODY.createChild('div', {
+    if (!siteSearch) {
+        setSiteSearch(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>'
         }));
@@ -18,15 +15,16 @@ function algoliaSearch(pjax) {
         indexName: CONFIG.search.indexName,
         searchClient: algoliasearch(CONFIG.search.appID, CONFIG.search.apiKey),
         searchFunction(helper) {
-            const searchInput = (0, dom_1.$dom)('.search-input');
+            const searchInput = $dom('.search-input');
             if (searchInput.value) {
                 helper.search();
             }
         }
     });
     search.on('render', () => {
-        pjax.refresh((0, dom_1.$dom)('#search-hits'));
+        pjax.refresh($dom('#search-hits'));
     });
+    // Registering Widgets
     search.addWidgets([
         instantsearch.widgets.configure({
             hitsPerPage: CONFIG.search.hits.per_page || 10
@@ -34,6 +32,7 @@ function algoliaSearch(pjax) {
         instantsearch.widgets.searchBox({
             container: '.search-input-container',
             placeholder: LOCAL.search.placeholder,
+            // Hide default icons of algolia search
             showReset: false,
             showSubmit: false,
             showLoadingIndicator: false,
@@ -90,24 +89,26 @@ function algoliaSearch(pjax) {
         })
     ]);
     search.start();
-    dom_1.$dom.each('.search', (element) => {
+    // Handle and trigger popup window
+    $dom.each('.search', (element) => {
         element.addEventListener('click', () => {
             document.body.style.overflow = 'hidden';
-            (0, anime_1.transition)(globalVars_1.siteSearch, 'shrinkIn', () => {
-                (0, dom_1.$dom)('.search-input').focus();
-            });
+            transition(siteSearch, 'shrinkIn', () => {
+                $dom('.search-input').focus();
+            }); // transition.shrinkIn
         });
     });
+    // Monitor main search box
     const onPopupClose = () => {
         document.body.style.overflow = '';
-        (0, anime_1.transition)(globalVars_1.siteSearch, 0);
+        transition(siteSearch, 0); // "transition.shrinkOut"
     };
-    globalVars_1.siteSearch.addEventListener('click', (event) => {
-        if (event.target === globalVars_1.siteSearch) {
+    siteSearch.addEventListener('click', (event) => {
+        if (event.target === siteSearch) {
             onPopupClose();
         }
     });
-    (0, dom_1.$dom)('.close-btn').addEventListener('click', onPopupClose);
+    $dom('.close-btn').addEventListener('click', onPopupClose);
     window.addEventListener('pjax:success', onPopupClose);
     window.addEventListener('keyup', (event) => {
         if (event.key === 'Escape') {
@@ -115,4 +116,3 @@ function algoliaSearch(pjax) {
         }
     });
 }
-exports.algoliaSearch = algoliaSearch;

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

@@ -1,17 +1,15 @@
-"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 = () => {
+import { pageScroll } from '../library/anime';
+import { $dom } from '../library/dom';
+export const tabFormat = () => {
+    // tab
     let first_tab;
-    dom_1.$dom.each('div.tab', (element) => {
+    $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 = (0, dom_1.$dom)('#' + id);
+        let box = $dom('#' + id);
         if (!box) {
             box = document.createElement('div');
             box.className = 'tabs';
@@ -19,7 +17,7 @@ const tabFormat = () => {
             box.innerHTML = '<div class="show-btn"></div>';
             const showBtn = box.child('.show-btn');
             showBtn.addEventListener('click', () => {
-                (0, anime_1.pageScroll)(box);
+                pageScroll(box);
             });
             element.parentNode.insertBefore(box, element);
             first_tab = true;
@@ -53,4 +51,3 @@ const tabFormat = () => {
         element.attr('data-ready', String(true));
     });
 };
-exports.tabFormat = tabFormat;

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

@@ -1,39 +1,38 @@
-"use strict";
-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");
-function domInit() {
-    dom_1.$dom.each('.overview .menu > .item', (el) => {
-        globalVars_1.siteNav.child('.menu').appendChild(el.cloneNode(true));
+import { backToTopHandle, goToBottomHandle, goToCommentHandle, sideBarToggleHandle } from '../components/sidebar';
+import { backToTop, goToComment, loadCat, menuToggle, quickBtn, setBackToTop, setGoToComment, setShowContents, setToolBtn, setToolPlayer, showContents, siteHeader, siteNav, toolBtn, toolPlayer } from '../globals/globalVars';
+import { Loader } from '../globals/thirdparty';
+import { $dom } from '../library/dom';
+import { mediaPlayer } from '../player';
+export default function domInit() {
+    $dom.each('.overview .menu > .item', (el) => {
+        siteNav.child('.menu').appendChild(el.cloneNode(true));
     });
-    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', {
+    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) {
+        setToolBtn(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>'
         }));
     }
-    (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();
+    setToolPlayer(toolBtn.child('.player'));
+    setBackToTop(toolBtn.child('.back-to-top'));
+    setGoToComment(toolBtn.child('.chat'));
+    setShowContents(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();
         });
     }
     const createIntersectionObserver = () => {
+        // waves在视口外时停止动画
         new IntersectionObserver(([entry]) => {
             if (entry.isIntersecting) {
                 document.querySelectorAll('.parallax>use').forEach(i => {
@@ -47,6 +46,7 @@ function domInit() {
                 document.querySelectorAll('.parallax>use').forEach(i => {
                     i.classList.add('stop-animation');
                 });
+                // waves不可见时imgs也应该不可见了
                 document.querySelectorAll('#imgs .item').forEach(i => {
                     i.classList.add('stop-animation');
                 });
@@ -55,6 +55,7 @@ function domInit() {
             root: null,
             threshold: 0.2
         }).observe(document.getElementById('waves'));
+        // sakura在视口外时停止动画
         new IntersectionObserver(([entry]) => {
             if (entry.isIntersecting) {
                 document.querySelectorAll('.with-love>i').forEach(i => {
@@ -73,4 +74,3 @@ function domInit() {
     };
     createIntersectionObserver();
 }
-exports.default = domInit;