hexo-theme-shokax 0.3.0 → 0.3.2

package/source/js/_app/library/proto.js

@@ -1,105 +1,111 @@
-Object.assign(HTMLElement.prototype, {
-    createChild(tag, obj, positon) {
-        const child = document.createElement(tag);
-        Object.assign(child, obj);
-        switch (positon) {
-            case 'after':
-                this.insertAfter(child);
-                break;
-            case 'replace':
-                this.innerHTML = '';
-                this.appendChild(child);
-                break;
-            default:
-                this.appendChild(child);
-        }
-        return child;
-    },
-    wrapObject(obj) {
-        const box = document.createElement('div');
-        Object.assign(box, obj);
-        this.parentNode.insertBefore(box, this);
-        this.parentNode.removeChild(this);
-        box.appendChild(this);
-    },
-    changeOrGetHeight(h) {
-        if (h) {
-            this.style.height = typeof h === 'number' ? h + 'rem' : h;
-        }
-        return this.getBoundingClientRect().height;
-    },
-    changeOrGetWidth(w) {
-        if (w) {
-            this.style.width = typeof w === 'number' ? w + 'rem' : w;
-        }
-        return this.getBoundingClientRect().width;
-    },
-    getTop() {
-        return this.getBoundingClientRect().top;
-    },
-    left() {
-        return this.getBoundingClientRect().left;
-    },
-    attr(type, value) {
-        if (value === null) {
-            return this.removeAttribute(type);
-        }
-        if (value) {
-            this.setAttribute(type, value);
-            return this;
-        }
-        else {
-            return this.getAttribute(type);
-        }
-    },
-    insertAfter(element) {
-        const parent = this.parentNode;
-        if (parent.lastChild === this) {
-            parent.appendChild(element);
-        }
-        else {
-            parent.insertBefore(element, this.nextSibling);
-        }
-    },
-    display(d) {
-        if (d == null) {
-            return this.style.display;
-        }
-        else {
-            this.style.display = d;
-            return this;
-        }
-    },
-    child(selector) {
-        return $dom(selector, this);
-    },
-    find(selector) {
-        return $dom.all(selector, this);
-    },
-    _class(type, className, display) {
-        const classNames = className.indexOf(' ') ? className.split(' ') : [className];
-        classNames.forEach((name) => {
-            if (type === 'toggle') {
-                this.classList.toggle(name, display);
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const dom_1 = require("./dom");
+function initProto() {
+    Object.assign(HTMLElement.prototype, {
+        createChild(tag, obj, positon) {
+            const child = document.createElement(tag);
+            Object.assign(child, obj);
+            switch (positon) {
+                case 'after':
+                    this.insertAfter(child);
+                    break;
+                case 'replace':
+                    this.innerHTML = '';
+                    this.appendChild(child);
+                    break;
+                default:
+                    this.appendChild(child);
+            }
+            return child;
+        },
+        wrapObject(obj) {
+            const box = document.createElement('div');
+            Object.assign(box, obj);
+            this.parentNode.insertBefore(box, this);
+            this.parentNode.removeChild(this);
+            box.appendChild(this);
+        },
+        changeOrGetHeight(h) {
+            if (h) {
+                this.style.height = typeof h === 'number' ? h + 'rem' : h;
+            }
+            return this.getBoundingClientRect().height;
+        },
+        changeOrGetWidth(w) {
+            if (w) {
+                this.style.width = typeof w === 'number' ? w + 'rem' : w;
+            }
+            return this.getBoundingClientRect().width;
+        },
+        getTop() {
+            return this.getBoundingClientRect().top;
+        },
+        left() {
+            return this.getBoundingClientRect().left;
+        },
+        attr(type, value) {
+            if (value === null) {
+                return this.removeAttribute(type);
+            }
+            if (value) {
+                this.setAttribute(type, value);
+                return this;
             }
             else {
-                this.classList[type](name);
+                return this.getAttribute(type);
+            }
+        },
+        insertAfter(element) {
+            const parent = this.parentNode;
+            if (parent.lastChild === this) {
+                parent.appendChild(element);
+            }
+            else {
+                parent.insertBefore(element, this.nextSibling);
+            }
+        },
+        display(d) {
+            if (d == null) {
+                return this.style.display;
             }
-        });
-    },
-    addClass(className) {
-        this._class('add', className);
-        return this;
-    },
-    removeClass(className) {
-        this._class('remove', className);
-        return this;
-    },
-    toggleClass(className, display) {
-        this._class('toggle', className, display);
-        return this;
-    },
-    hasClass(className) {
-        return this.classList.contains(className);
-    }
-});
+            else {
+                this.style.display = d;
+                return this;
+            }
+        },
+        child(selector) {
+            return (0, dom_1.$dom)(selector, this);
+        },
+        find(selector) {
+            return dom_1.$dom.all(selector, this);
+        },
+        _class(type, className, display) {
+            const classNames = className.indexOf(' ') ? className.split(' ') : [className];
+            classNames.forEach((name) => {
+                if (type === 'toggle') {
+                    this.classList.toggle(name, display);
+                }
+                else {
+                    this.classList[type](name);
+                }
+            });
+        },
+        addClass(className) {
+            this._class('add', className);
+            return this;
+        },
+        removeClass(className) {
+            this._class('remove', className);
+            return this;
+        },
+        toggleClass(className, display) {
+            this._class('toggle', className, display);
+            return this;
+        },
+        hasClass(className) {
+            return this.classList.contains(className);
+        }
+    });
+}
+exports.default = initProto;

package/source/js/_app/library/scriptPjax.js

@@ -1,15 +1,21 @@
-let inCloudFlare = true;
-window.addEventListener('DOMContentLoaded', function () {
-    inCloudFlare = false;
-});
-if (document.readyState === 'loading') {
-    window.addEventListener('load', function () {
-        if (inCloudFlare) {
-            window.dispatchEvent(new Event('DOMContentLoaded'));
-            console.log('%c ☁️cloudflare patch ' + '%c running(rocket & minify)', 'color: white; background: #ff8c00; padding: 5px 3px;', 'padding: 4px;border:1px solid #ff8c00');
-        }
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.pjaxScript = exports.getScript = exports.cloudflareInit = void 0;
+function cloudflareInit() {
+    let inCloudFlare = true;
+    window.addEventListener('DOMContentLoaded', function () {
+        inCloudFlare = false;
     });
+    if (document.readyState === 'loading') {
+        window.addEventListener('load', function () {
+            if (inCloudFlare) {
+                window.dispatchEvent(new Event('DOMContentLoaded'));
+                console.log('%c ☁️cloudflare patch ' + '%c running(rocket & minify)', 'color: white; background: #ff8c00; padding: 5px 3px;', 'padding: 4px;border:1px solid #ff8c00');
+            }
+        });
+    }
 }
+exports.cloudflareInit = cloudflareInit;
 const getScript = (url, callback, condition) => {
     if (condition) {
         callback();
@@ -29,6 +35,7 @@ const getScript = (url, callback, condition) => {
         document.head.appendChild(script);
     }
 };
+exports.getScript = getScript;
 const pjaxScript = (element) => {
     const { text, parentNode, id, className, type, src, dataset } = element;
     const code = text || element.textContent || element.innerHTML || '';
@@ -55,3 +62,4 @@ const pjaxScript = (element) => {
     }
     parentNode.appendChild(script);
 };
+exports.pjaxScript = pjaxScript;

package/source/js/_app/library/storage.js

@@ -1,4 +1,7 @@
-const $storage = {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.$storage = void 0;
+exports.$storage = {
     set(key, value) {
         localStorage.setItem(key, value);
     },

package/source/js/_app/library/vue.js

@@ -1,3 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const storage_1 = require("./storage");
+const anime_1 = require("./anime");
+const dom_1 = require("./dom");
+const globalVars_1 = require("../globals/globalVars");
+const themeColor_1 = require("../globals/themeColor");
 Vue.createApp({
     data() {
         return {};
@@ -5,24 +12,24 @@ Vue.createApp({
     methods: {
         changeThemeByBtn() {
             let c;
-            const btn = $dom('.theme').child('.ic');
-            const neko = BODY.createChild('div', {
+            const btn = (0, dom_1.$dom)('.theme').child('.ic');
+            const neko = globalVars_1.BODY.createChild('div', {
                 id: 'neko',
                 innerHTML: '<div class="planet"><div class="sun"></div><div class="moon"></div></div><div class="body"><div class="face"><section class="eyes left"><span class="pupil"></span></section><section class="eyes right"><span class="pupil"></span></section><span class="nose"></span></div></div>'
             });
             const hideNeko = () => {
-                transition(neko, {
+                (0, anime_1.transition)(neko, {
                     delay: 2500,
                     opacity: 0
                 }, () => {
-                    BODY.removeChild(neko);
+                    globalVars_1.BODY.removeChild(neko);
                 });
             };
             if (btn.hasClass('i-sun')) {
                 c = () => {
                     neko.addClass('dark');
-                    changeTheme('dark');
-                    $storage.set('theme', 'dark');
+                    (0, themeColor_1.changeTheme)('dark');
+                    storage_1.$storage.set('theme', 'dark');
                     hideNeko();
                 };
             }
@@ -30,12 +37,12 @@ Vue.createApp({
                 neko.addClass('dark');
                 c = () => {
                     neko.removeClass('dark');
-                    changeTheme();
-                    $storage.set('theme', 'light');
+                    (0, themeColor_1.changeTheme)();
+                    storage_1.$storage.set('theme', 'light');
                     hideNeko();
                 };
             }
-            transition(neko, 1, () => {
+            (0, anime_1.transition)(neko, 1, () => {
                 setTimeout(c, 210);
             }, () => {
                 neko.display('block');

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

@@ -1,19 +1,26 @@
-const loadComments = () => {
-    const element = $dom('#comments');
+"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");
+const loadFile_1 = require("../library/loadFile");
+function loadComments() {
+    const element = (0, dom_1.$dom)('#comments');
     if (!element) {
-        goToComment.display('none');
+        globalVars_1.goToComment.display('none');
         return;
     }
     else {
-        goToComment.display('');
+        globalVars_1.goToComment.display('');
     }
     const io = new IntersectionObserver((entries, observer) => {
         const entry = entries[0];
-        vendorCss('valine');
+        (0, loadFile_1.vendorCss)('valine');
         if (entry.isIntersecting || entry.intersectionRatio > 0) {
-            transition($dom('#comments'), 'bounceUpIn');
+            (0, anime_1.transition)((0, dom_1.$dom)('#comments'), 'bounceUpIn');
             observer.disconnect();
         }
     });
     io.observe(element);
-};
+}
+exports.default = loadComments;

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

@@ -1,5 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.registerExtURL = exports.cardActive = void 0;
+const dom_1 = require("../library/dom");
 const cardActive = () => {
-    if (!$dom('.index.wrap')) {
+    if (!(0, dom_1.$dom)('.index.wrap')) {
         return;
     }
     const io = new IntersectionObserver((entries) => {
@@ -18,15 +22,15 @@ const cardActive = () => {
         root: null,
         threshold: [0.3]
     });
-    $dom.each('.index.wrap article.item, .index.wrap section.item', (article) => {
+    dom_1.$dom.each('.index.wrap article.item, .index.wrap section.item', (article) => {
         io.observe(article);
     });
-    $dom('.index.wrap .item:first-child').addClass('show');
-    $dom.each('.cards .item', (element) => {
+    (0, dom_1.$dom)('.index.wrap .item:first-child').addClass('show');
+    dom_1.$dom.each('.cards .item', (element) => {
         ['mouseenter', 'touchstart'].forEach((item) => {
             element.addEventListener(item, () => {
-                if ($dom('.cards .item.active')) {
-                    $dom('.cards .item.active').removeClass('active');
+                if ((0, dom_1.$dom)('.cards .item.active')) {
+                    (0, dom_1.$dom)('.cards .item.active').removeClass('active');
                 }
                 element.addClass('active');
             }, { passive: true });
@@ -38,8 +42,9 @@ const cardActive = () => {
         });
     });
 };
+exports.cardActive = cardActive;
 const registerExtURL = () => {
-    $dom.each('span.exturl', (element) => {
+    dom_1.$dom.each('span.exturl', (element) => {
         const link = document.createElement('a');
         link.href = decodeURIComponent(window.atob(element.dataset.url).split('').map((c) => {
             return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2);
@@ -55,3 +60,4 @@ const registerExtURL = () => {
         element.parentNode.replaceChild(link, element);
     });
 };
+exports.registerExtURL = registerExtURL;

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

@@ -1,9 +1,14 @@
+"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 ($dom(p + ' .md img')) {
-        vendorCss('fancybox');
-        vendorJs('fancybox', () => {
+    if ((0, dom_1.$dom)(p + ' .md img')) {
+        (0, loadFile_1.vendorCss)('fancybox');
+        (0, loadFile_1.vendorJs)('fancybox', () => {
             const q = jQuery.noConflict();
-            $dom.each(p + ' p.gallery', (element) => {
+            dom_1.$dom.each(p + ' p.gallery', (element) => {
                 const box = document.createElement('div');
                 box.className = 'gallery';
                 box.attr('data-height', String(element.attr('data-height') || 220));
@@ -11,7 +16,7 @@ const postFancybox = (p) => {
                 element.parentNode.insertBefore(box, element);
                 element.remove();
             });
-            $dom.each(p + ' .md img:not(.emoji):not(.vemoji)', (element) => {
+            dom_1.$dom.each(p + ' .md img:not(.emoji):not(.vemoji)', (element) => {
                 const $image = q(element);
                 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');
@@ -35,7 +40,7 @@ const postFancybox = (p) => {
                     element.insertAfter(para);
                 }
             });
-            $dom.each(p + ' div.gallery', (el, i) => {
+            dom_1.$dom.each(p + ' div.gallery', (el, i) => {
                 q(el).justifiedGallery({
                     rowHeight: q(el).data('height') || 120,
                     rel: 'gallery-' + i
@@ -57,3 +62,4 @@ const postFancybox = (p) => {
         }, window.jQuery);
     }
 };
+exports.postFancybox = postFancybox;

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

@@ -1,16 +1,29 @@
+"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 = () => {
-    loadComments();
-    if (!$dom('.md')) {
+    (0, comment_1.default)();
+    if (!(0, dom_1.$dom)('.md')) {
         return;
     }
-    postFancybox('.post.block');
-    $dom('.post.block').oncopy = async (event) => {
-        showtip(LOCAL.copyright);
+    (0, fancybox_1.postFancybox)('.post.block');
+    (0, dom_1.$dom)('.post.block').oncopy = async (event) => {
+        (0, tools_1.showtip)(LOCAL.copyright);
         if (LOCAL.nocopy) {
             event.preventDefault();
             return;
         }
-        const copyright = await $dom.asyncify('#copyright');
+        const copyright = await dom_1.$dom.asyncify('#copyright');
         if (window.getSelection().toString().length > 30 && copyright) {
             event.preventDefault();
             const author = '# ' + copyright.child('.author').innerText;
@@ -29,25 +42,25 @@ const postBeauty = () => {
             }
         }
     };
-    $dom.each('li ruby', (element) => {
+    dom_1.$dom.each('li ruby', (element) => {
         let parent = element.parentNode;
         if (element.parentNode.tagName !== 'LI') {
             parent = element.parentNode.parentNode;
         }
         parent.addClass('ruby');
     });
-    $dom.each('ol[start]', (element) => {
+    dom_1.$dom.each('ol[start]', (element) => {
         element.style.counterReset = 'counter ' + parseInt(element.attr('start') - 1);
     });
-    $dom.each('.md table', (element) => {
+    dom_1.$dom.each('.md table', (element) => {
         element.wrapObject({
             className: 'table-container'
         });
     });
-    $dom.each('.highlight > .table-container', (element) => {
+    dom_1.$dom.each('.highlight > .table-container', (element) => {
         element.className = 'code-container';
     });
-    $dom.each('figure.highlight', (element) => {
+    dom_1.$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>');
@@ -64,10 +77,10 @@ const postBeauty = () => {
                     code += comma + line.innerText;
                     comma = '\n';
                 });
-                clipBoard(code, (result) => {
+                (0, tools_1.clipBoard)(code, (result) => {
                     target.child('.ic').className = result ? 'ic i-check' : 'ic i-times';
                     target.blur();
-                    showtip(LOCAL.copyright);
+                    (0, tools_1.showtip)(LOCAL.copyright);
                 });
             }, { passive: true });
             copyBtn.addEventListener('mouseleave', (event) => {
@@ -92,7 +105,7 @@ const postBeauty = () => {
         const removeFullscreen = () => {
             element.removeClass('fullscreen');
             element.scrollTop = 0;
-            BODY.removeClass('fullscreen');
+            globalVars_1.BODY.removeClass('fullscreen');
             fullscreenBtn.child('.ic').className = 'ic i-expand';
         };
         const fullscreenHandle = () => {
@@ -103,11 +116,11 @@ const postBeauty = () => {
                     code_container.style.maxHeight = '300px';
                     showBtn.removeClass('open');
                 }
-                pageScroll(element);
+                (0, anime_1.pageScroll)(element);
             }
             else {
                 element.addClass('fullscreen');
-                BODY.addClass('fullscreen');
+                globalVars_1.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');
@@ -134,7 +147,7 @@ const postBeauty = () => {
                 if (showBtn.hasClass('open')) {
                     removeFullscreen();
                     hideCode();
-                    pageScroll(code_container);
+                    (0, anime_1.pageScroll)(code_container);
                 }
                 else {
                     showCode();
@@ -142,25 +155,25 @@ const postBeauty = () => {
             });
         }
     });
-    $dom.asyncifyEach('pre.mermaid > svg', (element) => {
+    dom_1.$dom.asyncifyEach('pre.mermaid > svg', (element) => {
         const temp = element;
         temp.style.maxWidth = '';
     });
-    $dom.each('.reward button', (element) => {
+    dom_1.$dom.each('.reward button', (element) => {
         element.addEventListener('click', (event) => {
             event.preventDefault();
-            const qr = $dom('#qr');
+            const qr = (0, dom_1.$dom)('#qr');
             if (qr.display() === 'inline-flex') {
-                transition(qr, 0);
+                (0, anime_1.transition)(qr, 0);
             }
             else {
-                transition(qr, 1, () => {
+                (0, anime_1.transition)(qr, 1, () => {
                     qr.display('inline-flex');
                 });
             }
         });
     });
-    $dom.asyncifyEach('.quiz > ul.options li', (element) => {
+    dom_1.$dom.asyncifyEach('.quiz > ul.options li', (element) => {
         element.addEventListener('click', () => {
             if (element.hasClass('correct')) {
                 element.toggleClass('right');
@@ -171,12 +184,12 @@ const postBeauty = () => {
             }
         });
     });
-    $dom.asyncifyEach('.quiz > p', (element) => {
+    dom_1.$dom.asyncifyEach('.quiz > p', (element) => {
         element.addEventListener('click', () => {
             element.parentNode.toggleClass('show');
         });
     });
-    $dom.asyncifyEach('.quiz > p:first-child', (element) => {
+    dom_1.$dom.asyncifyEach('.quiz > p:first-child', (element) => {
         const quiz = element.parentNode;
         let type = 'choice';
         if (quiz.hasClass('true') || quiz.hasClass('false')) {
@@ -193,14 +206,14 @@ const postBeauty = () => {
         }
         element.attr('data-type', LOCAL.quiz[type]);
     });
-    $dom.asyncifyEach('.quiz .mistake', (element) => {
+    dom_1.$dom.asyncifyEach('.quiz .mistake', (element) => {
         element.attr('data-type', LOCAL.quiz.mistake);
     });
-    $dom.each('div.tags a', (element) => {
+    dom_1.$dom.each('div.tags a', (element) => {
         element.className = ['primary', 'success', 'info', 'warning', 'danger'][Math.floor(Math.random() * 5)];
     });
-    $dom.asyncifyEach('.md div.player', (element) => {
-        mediaPlayer(element, {
+    dom_1.$dom.asyncifyEach('.md div.player', (element) => {
+        (0, player_1.mediaPlayer)(element, {
             type: element.attr('data-type'),
             mode: 'order',
             btns: []
@@ -230,3 +243,4 @@ const postBeauty = () => {
         });
     }
 };
+exports.postBeauty = postBeauty;