hexo-theme-shokax 0.2.9 → 0.3.0

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

@@ -0,0 +1,111 @@
+const algoliaSearch = (pjax) => {
+    if (CONFIG.search === null) {
+        return;
+    }
+    if (!siteSearch) {
+        siteSearch = 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');
+            if (searchInput.value) {
+                helper.search();
+            }
+        }
+    });
+    search.on('render', () => {
+        pjax.refresh($dom('#search-hits'));
+    });
+    search.addWidgets([
+        instantsearch.widgets.configure({
+            hitsPerPage: CONFIG.search.hits.per_page || 10
+        }),
+        instantsearch.widgets.searchBox({
+            container: '.search-input-container',
+            placeholder: LOCAL.search.placeholder,
+            showReset: false,
+            showSubmit: false,
+            showLoadingIndicator: false,
+            cssClasses: {
+                input: 'search-input'
+            }
+        }),
+        instantsearch.widgets.stats({
+            container: '#search-stats',
+            templates: {
+                text(data) {
+                    const stats = LOCAL.search.stats
+                        .replace(/\$\{hits}/, data.nbHits)
+                        .replace(/\$\{time}/, data.processingTimeMS);
+                    return stats + '<span class="algolia-powered"></span><hr>';
+                }
+            }
+        }),
+        instantsearch.widgets.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="' + 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'
+            }
+        }),
+        instantsearch.widgets.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();
+    $dom.each('.search', (element) => {
+        element.addEventListener('click', () => {
+            document.body.style.overflow = 'hidden';
+            transition(siteSearch, 'shrinkIn', () => {
+                $dom('.search-input').focus();
+            });
+        });
+    });
+    const onPopupClose = () => {
+        document.body.style.overflow = '';
+        transition(siteSearch, 0);
+    };
+    siteSearch.addEventListener('click', (event) => {
+        if (event.target === siteSearch) {
+            onPopupClose();
+        }
+    });
+    $dom('.close-btn').addEventListener('click', onPopupClose);
+    window.addEventListener('pjax:success', onPopupClose);
+    window.addEventListener('keyup', (event) => {
+        if (event.key === 'Escape') {
+            onPopupClose();
+        }
+    });
+};

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

@@ -0,0 +1,50 @@
+const tabFormat = () => {
+    let first_tab;
+    $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);
+        if (!box) {
+            box = document.createElement('div');
+            box.className = 'tabs';
+            box.id = id;
+            box.innerHTML = '<div class="show-btn"></div>';
+            const showBtn = box.child('.show-btn');
+            showBtn.addEventListener('click', () => {
+                pageScroll(box);
+            });
+            element.parentNode.insertBefore(box, element);
+            first_tab = true;
+        }
+        else {
+            first_tab = false;
+        }
+        let ul = box.child('.nav ul');
+        if (!ul) {
+            ul = box.createChild('div', {
+                className: 'nav',
+                innerHTML: '<ul></ul>'
+            }).child('ul');
+        }
+        const li = ul.createChild('li', {
+            innerHTML: title
+        });
+        if (first_tab) {
+            li.addClass('active');
+            element.addClass('active');
+        }
+        li.addEventListener('click', (event) => {
+            const target = event.currentTarget;
+            box.find('.active').forEach((el) => {
+                el.removeClass('active');
+            });
+            element.addClass('active');
+            target.addClass('active');
+        });
+        box.appendChild(element);
+        element.attr('data-ready', String(true));
+    });
+};

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

@@ -0,0 +1,68 @@
+const domInit = () => {
+    $dom.each('.overview .menu > .item', (el) => {
+        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', {
+            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();
+        });
+    }
+    const createIntersectionObserver = () => {
+        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');
+                });
+                document.querySelectorAll('#imgs .item').forEach(i => {
+                    i.classList.add('stop-animation');
+                });
+            }
+        }, {
+            root: null,
+            threshold: 0.2
+        }).observe(document.getElementById('waves'));
+        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();
+};

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

@@ -0,0 +1,42 @@
+const pjaxReload = () => {
+    pagePosition();
+    if (sideBar.hasClass('on')) {
+        transition(sideBar, 0, () => {
+            sideBar.removeClass('on');
+            menuToggle.removeClass('close');
+        });
+    }
+    const mainNode = $dom('#main');
+    mainNode.innerHTML = '';
+    mainNode.appendChild(loadCat.lastChild.cloneNode(true));
+    pageScroll(0);
+};
+const siteRefresh = (reload) => {
+    LOCAL_HASH = 0;
+    LOCAL_URL = window.location.href;
+    vendorCss('katex');
+    vendorJs('copy_tex');
+    vendorCss('mermaid');
+    vendorJs('chart');
+    if (reload !== 1) {
+        $dom.each('script[data-pjax]', pjaxScript);
+    }
+    originTitle = document.title;
+    resizeHandle();
+    menuActive();
+    sideBarTab();
+    sidebarTOC();
+    registerExtURL();
+    postBeauty();
+    tabFormat();
+    if (typeof mediaPlayer !== 'undefined') {
+        toolPlayer.player.load(LOCAL.audio || CONFIG.audio || {});
+    }
+    Loader.hide();
+    setTimeout(() => {
+        positionInit();
+    }, 500);
+    cardActive();
+    lazyload.observe();
+    isOutime();
+};

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

@@ -0,0 +1,34 @@
+const siteInit = () => {
+    domInit();
+    pjax = new Pjax({
+        selectors: [
+            'head title',
+            '.languages',
+            '.twikoo',
+            '.pjax',
+            '.leancloud-recent-comment',
+            'script[data-config]'
+        ],
+        cacheBust: false
+    });
+    CONFIG.quicklink.ignores = LOCAL.ignores;
+    quicklink.listen(CONFIG.quicklink);
+    autoDarkmode();
+    if (!CONFIG.disableVL) {
+        visibilityListener();
+    }
+    themeColorListener();
+    algoliaSearch(pjax);
+    window.addEventListener('scroll', scrollHandle);
+    window.addEventListener('resize', resizeHandle);
+    window.addEventListener('pjax:send', pjaxReload);
+    window.addEventListener('pjax:success', siteRefresh);
+    window.addEventListener('beforeunload', () => {
+        pagePosition();
+    });
+    siteRefresh(1);
+};
+window.addEventListener('DOMContentLoaded', siteInit, {
+    passive: true
+});
+console.log('%c Theme.ShokaX v' + CONFIG.version + ' %c https://github.com/theme-shoka-x/hexo-theme-shokaX ', 'color: white; background: #e9546b; padding:5px 0;', 'padding:4px;border:1px solid #e9546b;');