hexo-theme-shokax 0.4.6-dev2 → 0.4.6-dev4

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

@@ -1,52 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.initVue = void 0;
-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");
-const proto_1 = require("./proto");
-function initVue() {
-    function changeThemeByBtn() {
-        let c;
-        const btn = (0, proto_1.child)((0, dom_1.$dom)('.theme'), '.ic');
-        const neko = (0, proto_1.createChild)(globalVars_1.BODY, '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 = () => {
-            (0, anime_1.transition)(neko, {
-                // @ts-ignore
-                delay: 2500,
-                opacity: 0
-            }, () => {
-                globalVars_1.BODY.removeChild(neko);
-            });
-        };
-        if (btn.hasClass('i-sun')) {
-            c = () => {
-                neko.addClass('dark');
-                (0, themeColor_1.changeTheme)('dark');
-                storage_1.$storage.set('theme', 'dark');
-                hideNeko();
-            };
-        }
-        else {
-            neko.addClass('dark');
-            c = () => {
-                neko.removeClass('dark');
-                (0, themeColor_1.changeTheme)();
-                storage_1.$storage.set('theme', 'light');
-                hideNeko();
-            };
-        }
-        (0, anime_1.transition)(neko, 1, () => {
-            setTimeout(c, 210);
-        }, () => {
-            (0, proto_1.setDisplay)(neko, 'block');
-        });
-    }
-    (0, proto_1.child)((0, dom_1.$dom)('#rightNav'), '.theme .ic').addEventListener('click', changeThemeByBtn);
-}
-exports.initVue = initVue;

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

@@ -1,45 +0,0 @@
-"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')) {
-        return;
-    }
-    const io = new IntersectionObserver((entries) => {
-        entries.forEach((article) => {
-            if (article.target.hasClass('show')) {
-                io.unobserve(article.target);
-            }
-            else {
-                if (article.isIntersecting || article.intersectionRatio > 0) {
-                    article.target.addClass('show');
-                    io.unobserve(article.target);
-                }
-            }
-        });
-    }, {
-        root: null,
-        threshold: [0.3]
-    });
-    dom_1.$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) => {
-        ['mouseenter', 'touchstart'].forEach((item) => {
-            element.addEventListener(item, () => {
-                if ((0, dom_1.$dom)('.cards .item.active')) {
-                    (0, dom_1.$dom)('.cards .item.active').removeClass('active');
-                }
-                element.addClass('active');
-            }, { passive: true });
-        });
-        ['mouseleave'].forEach((item) => {
-            element.addEventListener(item, () => {
-                element.removeClass('active');
-            }, { passive: true });
-        });
-    });
-};
-exports.cardActive = cardActive;

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

@@ -1,70 +0,0 @@
-"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 proto_1 = require("../library/proto");
-const postFancybox = (p) => {
-    if ((0, dom_1.$dom)(p + ' .md img')) {
-        (0, loadFile_1.vendorCss)('fancybox');
-        (0, loadFile_1.vendorCss)('justifiedGallery');
-        (0, loadFile_1.vendorJs)('fancybox', () => {
-            const q = jQuery.noConflict();
-            dom_1.$dom.each(p + ' p.gallery', (element) => {
-                const box = document.createElement('div');
-                box.className = 'gallery';
-                box.setAttribute('data-height', String(element.getAttribute('data-height') || 220));
-                box.innerHTML = element.innerHTML.replace(/<br>/g, '');
-                element.parentNode.insertBefore(box, element);
-                element.remove();
-            });
-            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');
-                let info;
-                let captionClass = 'image-info';
-                if (!$image.is('a img')) {
-                    $image.data('safe-src', imageLink);
-                    if (!$image.is('.gallery img')) {
-                        $imageWrapLink.attr('data-fancybox', 'default').attr('rel', 'default');
-                    }
-                    else {
-                        captionClass = 'jg-caption';
-                    }
-                }
-                if ((info = element.getAttribute('title'))) {
-                    $imageWrapLink.attr('data-caption', info);
-                    const para = document.createElement('span');
-                    const txt = document.createTextNode(info);
-                    para.appendChild(txt);
-                    para.addClass(captionClass);
-                    (0, proto_1.insertAfter)(element, para);
-                }
-            });
-            dom_1.$dom.each(p + ' div.gallery', (el, i) => {
-                // @ts-ignore
-                q(el).justifiedGallery({
-                    rowHeight: q(el).data('height') || 120,
-                    rel: 'gallery-' + i
-                }).on('jg.complete', function () {
-                    q(this).find('a').each((k, ele) => {
-                        ele.setAttribute('data-fancybox', 'gallery-' + i);
-                    });
-                });
-            });
-            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,253 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.postBeauty = void 0;
-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 proto_1 = require("../library/proto");
-const postBeauty = () => {
-    if (!(0, dom_1.$dom)('.md')) {
-        return;
-    }
-    if (__shokax_fancybox__) {
-        (0, fancybox_1.postFancybox)('.post.block');
-    }
-    (0, dom_1.$dom)('.post.block').oncopy = (event) => {
-        (0, tools_1.showtip)(LOCAL.copyright);
-        if (LOCAL.nocopy) {
-            event.preventDefault();
-            return;
-        }
-        const copyright = (0, dom_1.$dom)('#copyright');
-        if (window.getSelection().toString().length > 30 && copyright) {
-            event.preventDefault();
-            const author = '# ' + copyright.child('.author').innerText;
-            const link = '# ' + copyright.child('.link').innerText;
-            const license = '# ' + copyright.child('.license').innerText;
-            const htmlData = author + '<br>' + link + '<br>' + license + '<br><br>' + window.getSelection().toString().replace(/\r\n/g, '<br>');
-            const textData = author + '\n' + link + '\n' + license + '\n\n' + window.getSelection().toString().replace(/\r\n/g, '\n');
-            if (event.clipboardData) {
-                event.clipboardData.setData('text/html', htmlData);
-                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) => {
-        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) => {
-        // @ts-ignore
-        element.style.counterReset = 'counter ' + parseInt(element.getAttribute('start') - 1);
-    });
-    dom_1.$dom.each('.md table', (element) => {
-        (0, proto_1.wrapObject)(element, {
-            className: 'table-container'
-        });
-    });
-    dom_1.$dom.each('.highlight > .table-container', (element) => {
-        element.className = 'code-container';
-    });
-    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>');
-        const copyBtn = element.child('.copy-btn');
-        if (LOCAL.nocopy) {
-            copyBtn.remove();
-        }
-        else {
-            copyBtn.addEventListener('click', (event) => {
-                const target = event.currentTarget;
-                let comma = '';
-                let code = '';
-                code_container.find('pre').forEach((line) => {
-                    code += comma + line.innerText;
-                    comma = '\n';
-                });
-                (0, tools_1.clipBoard)(code, (result) => {
-                    target.child('.ic').className = result ? 'ic i-check' : 'ic i-times';
-                    target.blur();
-                    (0, tools_1.showtip)(LOCAL.copyright);
-                });
-            }, { passive: true });
-            copyBtn.addEventListener('mouseleave', (event) => {
-                setTimeout(() => {
-                    event.target.child('.ic').className = 'ic i-clipboard';
-                }, 1000);
-            });
-        }
-        const breakBtn = element.child('.breakline-btn');
-        breakBtn.addEventListener('click', (event) => {
-            const target = event.currentTarget;
-            if (element.hasClass('breakline')) {
-                element.removeClass('breakline');
-                target.child('.ic').className = 'ic i-align-left';
-            }
-            else {
-                element.addClass('breakline');
-                target.child('.ic').className = 'ic i-align-justify';
-            }
-        });
-        const fullscreenBtn = element.child('.fullscreen-btn');
-        const removeFullscreen = () => {
-            element.removeClass('fullscreen');
-            element.scrollTop = 0;
-            globalVars_1.BODY.removeClass('fullscreen');
-            fullscreenBtn.child('.ic').className = 'ic i-expand';
-        };
-        const fullscreenHandle = () => {
-            if (element.hasClass('fullscreen')) {
-                removeFullscreen();
-                if (code_container && code_container.find('tr').length > 15) {
-                    const showBtn = code_container.child('.show-btn');
-                    code_container.style.maxHeight = '300px';
-                    showBtn.removeClass('open');
-                }
-                (0, anime_1.pageScroll)(element);
-            }
-            else {
-                element.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');
-                    code_container.style.maxHeight = '';
-                    showBtn.addClass('open');
-                }
-            }
-        };
-        fullscreenBtn.addEventListener('click', fullscreenHandle);
-        caption && caption.addEventListener('click', fullscreenHandle);
-        if (code_container && code_container.find('tr').length > 15) {
-            code_container.style.maxHeight = '300px';
-            code_container.insertAdjacentHTML('beforeend', '<div class="show-btn"><i class="ic i-angle-down"></i></div>');
-            const showBtn = code_container.child('.show-btn');
-            const hideCode = () => {
-                code_container.style.maxHeight = '300px';
-                showBtn.removeClass('open');
-            };
-            const showCode = () => {
-                code_container.style.maxHeight = '';
-                showBtn.addClass('open');
-            };
-            showBtn.addEventListener('click', () => {
-                if (showBtn.hasClass('open')) {
-                    removeFullscreen();
-                    hideCode();
-                    (0, anime_1.pageScroll)(code_container);
-                }
-                else {
-                    showCode();
-                }
-            });
-        }
-    });
-    dom_1.$dom.each('pre.mermaid > svg', (element) => {
-        const temp = element;
-        temp.style.maxWidth = '';
-    });
-    dom_1.$dom.each('.reward button', (element) => {
-        element.addEventListener('click', (event) => {
-            event.preventDefault();
-            const qr = (0, dom_1.$dom)('#qr');
-            if ((0, proto_1.getDisplay)(qr) === 'inline-flex') {
-                (0, anime_1.transition)(qr, 0);
-            }
-            else {
-                (0, anime_1.transition)(qr, 1, () => {
-                    (0, proto_1.setDisplay)(qr, 'inline-flex');
-                }); // slideUpBigIn
-            }
-        });
-    });
-    // quiz
-    if (__shokax_quiz__) {
-        dom_1.$dom.each('.quiz > ul.options li', (element) => {
-            element.addEventListener('click', () => {
-                if (element.hasClass('correct')) {
-                    element.toggleClass('right');
-                    element.parentNode.parentNode.addClass('show');
-                }
-                else {
-                    element.toggleClass('wrong');
-                }
-            });
-        });
-        dom_1.$dom.each('.quiz > p', (element) => {
-            element.addEventListener('click', () => {
-                element.parentNode.toggleClass('show');
-            });
-        });
-        dom_1.$dom.each('.quiz > p:first-child', (element) => {
-            const quiz = element.parentNode;
-            let type = 'choice';
-            if (quiz.hasClass('true') || quiz.hasClass('false')) {
-                type = 'true_false';
-            }
-            if (quiz.hasClass('multi')) {
-                type = 'multiple';
-            }
-            if (quiz.hasClass('fill')) {
-                type = 'gap_fill';
-            }
-            if (quiz.hasClass('essay')) {
-                type = 'essay';
-            }
-            element.setAttribute('data-type', LOCAL.quiz[type]);
-        });
-        dom_1.$dom.each('.quiz .mistake', (element) => {
-            element.setAttribute('data-type', LOCAL.quiz.mistake);
-        });
-    }
-    dom_1.$dom.each('div.tags a', (element) => {
-        element.className = ['primary', 'success', 'info', 'warning', 'danger'][Math.floor(Math.random() * 5)];
-    });
-    if (__shokax_player__) {
-        dom_1.$dom.each('.md div.player', (element) => {
-            (0, player_1.mediaPlayer)(element, {
-                type: element.getAttribute('data-type'),
-                mode: 'order',
-                btns: []
-            }).player.load(JSON.parse(element.getAttribute('data-src'))).fetch();
-        });
-    }
-    const angleDown = document.querySelectorAll('.show-btn .i-angle-down');
-    if (angleDown.length) {
-        const io = new IntersectionObserver((entries) => {
-            entries.forEach(entry => {
-                if (entry.isIntersecting) {
-                    angleDown.forEach(i => {
-                        i.classList.remove('stop-animation');
-                    });
-                }
-                else {
-                    angleDown.forEach(i => {
-                        i.classList.add('stop-animation');
-                    });
-                }
-            });
-        }, {
-            root: null,
-            threshold: 0.5
-        });
-        angleDown.forEach(i => {
-            io.observe(i);
-        });
-    }
-};
-exports.postBeauty = postBeauty;

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

@@ -1,111 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-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");
-const widgets_1 = require("instantsearch.js/es/widgets");
-const instantsearch_js_1 = __importDefault(require("instantsearch.js"));
-const lite_1 = __importDefault(require("algoliasearch/lite"));
-function algoliaSearch(pjax) {
-    const search = (0, instantsearch_js_1.default)({
-        indexName: globalVars_1.CONFIG.search.indexName,
-        searchClient: (0, lite_1.default)(globalVars_1.CONFIG.search.appID, globalVars_1.CONFIG.search.apiKey),
-        // TODO 移除弃用函数
-        searchFunction(helper) {
-            const searchInput = (0, dom_1.$dom)('.search-input');
-            if (searchInput.value) {
-                helper.search();
-            }
-        }
-    });
-    search.on('render', () => {
-        pjax.refresh((0, dom_1.$dom)('#search-hits'));
-    });
-    // Registering Widgets
-    search.addWidgets([
-        (0, widgets_1.configure)({
-            hitsPerPage: globalVars_1.CONFIG.search.hits.per_page || 10
-        }),
-        (0, widgets_1.searchBox)({
-            container: '.search-input-container',
-            placeholder: LOCAL.search.placeholder,
-            // Hide default icons of algolia search
-            showReset: false,
-            showSubmit: false,
-            showLoadingIndicator: false,
-            cssClasses: {
-                input: 'search-input'
-            }
-        }),
-        (0, widgets_1.stats)({
-            container: '#search-stats',
-            templates: {
-                text(data) {
-                    const stats = LOCAL.search.stats
-                        .replace(/\$\{hits}/, data.nbHits.toString())
-                        .replace(/\$\{time}/, data.processingTimeMS.toString());
-                    return stats + '<span class="algolia-powered"></span><hr>';
-                }
-            }
-        }),
-        (0, widgets_1.hits)({
-            container: '#search-hits',
-            templates: {
-                item(data) {
-                    const cats = data.categories ? '<span>' + data.categories.join('<i class="ic i-angle-right"></i>') + '</span>' : '';
-                    return '<a href="' + globalVars_1.CONFIG.root + data.path + '">' + cats + data._highlightResult.title.value + '</a>';
-                },
-                empty(data) {
-                    return '<div id="hits-empty">' +
-                        LOCAL.search.empty.replace(/\$\{query}/, data.query) +
-                        '</div>';
-                }
-            },
-            cssClasses: {
-                item: 'item'
-            }
-        }),
-        (0, widgets_1.pagination)({
-            container: '#search-pagination',
-            scrollTo: false,
-            showFirst: false,
-            showLast: false,
-            templates: {
-                first: '<i class="ic i-angle-double-left"></i>',
-                last: '<i class="ic i-angle-double-right"></i>',
-                previous: '<i class="ic i-angle-left"></i>',
-                next: '<i class="ic i-angle-right"></i>'
-            },
-            cssClasses: {
-                root: 'pagination',
-                item: 'pagination-item',
-                link: 'page-number',
-                selectedItem: 'current',
-                disabledItem: 'disabled-item'
-            }
-        })
-    ]);
-    search.start();
-    // Monitor main search box
-    const onPopupClose = () => {
-        document.body.style.overflow = '';
-        (0, anime_1.transition)(globalVars_1.siteSearch, 0); // "transition.shrinkOut"
-    };
-    globalVars_1.siteSearch.addEventListener('click', (event) => {
-        if (event.target === globalVars_1.siteSearch) {
-            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/pjax/domInit.js

@@ -1,80 +0,0 @@
-"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");
-const proto_1 = require("../library/proto");
-function domInit() {
-    dom_1.$dom.each('.overview .menu > .item', (el) => {
-        (0, proto_1.child)(globalVars_1.siteNav, '.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);
-    (0, proto_1.child)(globalVars_1.quickBtn, '.down').addEventListener('click', sidebar_1.goToBottomHandle);
-    (0, proto_1.child)(globalVars_1.quickBtn, '.up').addEventListener('click', sidebar_1.backToTopHandle);
-    if (!globalVars_1.toolBtn) {
-        (0, globalVars_1.setToolBtn)((0, proto_1.createChild)(globalVars_1.siteHeader, '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 (__shokax_player__) {
-        (0, player_1.mediaPlayer)(globalVars_1.toolPlayer);
-        (0, dom_1.$dom)('main').addEventListener('click', () => {
-            globalVars_1.toolPlayer.player.mini();
-        });
-    }
-    const createIntersectionObserver = () => {
-        // waves在视口外时停止动画
-        new IntersectionObserver(([entry]) => {
-            if (entry.isIntersecting) {
-                document.querySelectorAll('.parallax>use').forEach(i => {
-                    i.classList.remove('stop-animation');
-                });
-                document.querySelectorAll('#imgs .item').forEach(i => {
-                    i.classList.remove('stop-animation');
-                });
-            }
-            else {
-                document.querySelectorAll('.parallax>use').forEach(i => {
-                    i.classList.add('stop-animation');
-                });
-                // waves不可见时imgs也应该不可见了
-                document.querySelectorAll('#imgs .item').forEach(i => {
-                    i.classList.add('stop-animation');
-                });
-            }
-        }, {
-            root: null,
-            threshold: 0.2
-        }).observe(document.getElementById('waves'));
-        // sakura在视口外时停止动画
-        new IntersectionObserver(([entry]) => {
-            if (entry.isIntersecting) {
-                document.querySelectorAll('.with-love>i').forEach(i => {
-                    i.classList.remove('stop-animation');
-                });
-            }
-            else {
-                document.querySelectorAll('.with-love>i').forEach(i => {
-                    i.classList.add('stop-animation');
-                });
-            }
-        }, {
-            root: null,
-            threshold: 0.2
-        }).observe(document.querySelector('.with-love'));
-    };
-    createIntersectionObserver();
-}
-exports.default = domInit;