hexo-theme-shokax 0.2.9 → 0.3.0

package/source/js/_app/global.js

@@ -1,314 +0,0 @@
-const statics = CONFIG.statics.indexOf('//') > 0 ? CONFIG.statics : CONFIG.root;
-const scrollAction = { x: 0, y: 0 };
-let diffY = 0;
-let originTitle, titleTime;
-const BODY = document.getElementsByTagName('body')[0];
-const HTML = document.documentElement;
-const Container = $dom('#container');
-const loadCat = $dom('#loading');
-const siteNav = $dom('#nav');
-const siteHeader = $dom('#header');
-const menuToggle = siteNav.child('.toggle');
-const quickBtn = $dom('#quick');
-const sideBar = $dom('#sidebar');
-const siteBrand = $dom('#brand');
-let toolBtn = $dom('#tool');
-let toolPlayer;
-let backToTop;
-let goToComment;
-let showContents;
-let siteSearch = $dom('#search');
-let siteNavHeight, headerHightInner, headerHight;
-let oWinHeight = window.innerHeight;
-let oWinWidth = window.innerWidth;
-let LOCAL_HASH = 0;
-let LOCAL_URL = window.location.href;
-let pjax;
-const changeTheme = function (type) {
-    const btn = $dom('.theme .ic');
-    if (type === 'dark') {
-        HTML.attr('data-theme', type);
-        btn.removeClass('i-sun');
-        btn.addClass('i-moon');
-    }
-    else {
-        HTML.attr('data-theme', null);
-        btn.removeClass('i-moon');
-        btn.addClass('i-sun');
-    }
-};
-const autoDarkmode = function () {
-    if (CONFIG.auto_dark.enable) {
-        if (new Date().getHours() >= CONFIG.auto_dark.start || new Date().getHours() <= CONFIG.auto_dark.end) {
-            changeTheme('dark');
-        }
-        else {
-            changeTheme();
-        }
-    }
-};
-const lazyload = lozad('img, [data-background-image]', {
-    loaded: function (el) {
-        el.addClass('lozaded');
-    }
-});
-const Loader = {
-    timer: undefined,
-    lock: false,
-    show: function () {
-        clearTimeout(this.timer);
-        document.body.removeClass('loaded');
-        loadCat.attr('style', 'display:block');
-        Loader.lock = false;
-    },
-    hide: function (sec) {
-        if (!CONFIG.loader.start) {
-            sec = -1;
-        }
-        this.timer = setTimeout(this.vanish, sec || 3000);
-    },
-    vanish: function () {
-        if (Loader.lock) {
-            return;
-        }
-        if (CONFIG.loader.start) {
-            transition(loadCat, 0);
-        }
-        document.body.addClass('loaded');
-        Loader.lock = true;
-    }
-};
-const changeMetaTheme = function (color) {
-    if (HTML.attr('data-theme') === 'dark') {
-        color = '#222';
-    }
-    $dom('meta[name="theme-color"]').attr('content', color);
-};
-const themeColorListener = function () {
-    window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', function (mediaQueryList) {
-        if (mediaQueryList.matches) {
-            changeTheme('dark');
-        }
-        else {
-            changeTheme();
-        }
-    });
-    const t = $storage.get('theme');
-    if (t) {
-        changeTheme(t);
-    }
-    else {
-        if (CONFIG.darkmode) {
-            changeTheme('dark');
-        }
-    }
-};
-const visibilityListener = function () {
-    const iconNode = $dom('[rel="icon"]');
-    document.addEventListener('visibilitychange', function () {
-        switch (document.visibilityState) {
-            case 'hidden':
-                iconNode.attr('href', statics + CONFIG.favicon.hidden);
-                document.title = LOCAL.favicon.hide;
-                if (CONFIG.loader.switch) {
-                    Loader.show();
-                }
-                clearTimeout(titleTime);
-                break;
-            case 'visible':
-                iconNode.attr('href', statics + CONFIG.favicon.normal);
-                document.title = LOCAL.favicon.show;
-                if (CONFIG.loader.switch) {
-                    Loader.hide(1000);
-                }
-                titleTime = setTimeout(function () {
-                    document.title = originTitle;
-                }, 2000);
-                break;
-        }
-    });
-};
-const showtip = function (msg) {
-    if (!msg) {
-        return;
-    }
-    const tipbox = BODY.createChild('div', {
-        innerHTML: msg,
-        className: 'tip'
-    });
-    setTimeout(function () {
-        tipbox.addClass('hide');
-        setTimeout(function () {
-            BODY.removeChild(tipbox);
-        }, 300);
-    }, 3000);
-};
-const resizeHandle = function (event) {
-    siteNavHeight = siteNav.changeOrGetHeight();
-    headerHightInner = siteHeader.changeOrGetHeight();
-    headerHight = headerHightInner + $dom('#waves').changeOrGetHeight();
-    if (oWinWidth !== window.innerWidth) {
-        sideBarToggleHandle(null, 1);
-    }
-    oWinHeight = window.innerHeight;
-    oWinWidth = window.innerWidth;
-};
-const scrollHandle = function (event) {
-    const winHeight = window.innerHeight;
-    const docHeight = getDocHeight();
-    const contentVisibilityHeight = docHeight > winHeight ? docHeight - winHeight : document.body.scrollHeight - winHeight;
-    const SHOW = window.scrollY > headerHightInner;
-    const startScroll = window.scrollY > 0;
-    if (SHOW) {
-        changeMetaTheme('#FFF');
-    }
-    else {
-        changeMetaTheme('#222');
-    }
-    siteNav.toggleClass('show', SHOW);
-    toolBtn.toggleClass('affix', startScroll);
-    siteBrand.toggleClass('affix', startScroll);
-    sideBar.toggleClass('affix', window.scrollY > headerHight && document.body.offsetWidth > 991);
-    if (typeof scrollAction.y === 'undefined') {
-        scrollAction.y = window.scrollY;
-    }
-    diffY = scrollAction.y - window.scrollY;
-    if (diffY < 0) {
-        siteNav.removeClass('up');
-        siteNav.toggleClass('down', SHOW);
-    }
-    else if (diffY > 0) {
-        siteNav.removeClass('down');
-        siteNav.toggleClass('up', SHOW);
-    }
-    else { }
-    scrollAction.y = window.scrollY;
-    const scrollPercent = Math.round(Math.min(100 * window.scrollY / contentVisibilityHeight, 100)) + '%';
-    if (backToTop.child('span').innerText !== scrollPercent) {
-        backToTop.child('span').innerText = scrollPercent;
-    }
-    if ($dom('#sidebar').hasClass('affix') || $dom('#sidebar').hasClass('on')) {
-        $dom('.percent').changeOrGetWidth(scrollPercent);
-    }
-};
-const pagePosition = function () {
-    if (CONFIG.auto_scroll) {
-        $storage.set(LOCAL_URL, String(scrollAction.y));
-    }
-};
-const positionInit = function (comment) {
-    const anchor = window.location.hash;
-    let target = null;
-    if (LOCAL_HASH) {
-        $storage.del(LOCAL_URL);
-        return;
-    }
-    if (anchor) {
-        target = $dom(decodeURI(anchor));
-    }
-    else {
-        target = CONFIG.auto_scroll ? parseInt($storage.get(LOCAL_URL)) : 0;
-    }
-    if (target) {
-        pageScroll(target);
-        LOCAL_HASH = 1;
-    }
-    if (comment && anchor && !LOCAL_HASH) {
-        pageScroll(target);
-        LOCAL_HASH = 1;
-    }
-};
-const clipBoard = function (str, callback) {
-    if (navigator.clipboard && window.isSecureContext) {
-        navigator.clipboard.writeText(str).then(() => {
-            callback && callback(true);
-        }, () => {
-            callback && callback(false);
-        });
-    }
-    else {
-        const ta = BODY.createChild('textarea', {
-            style: {
-                top: window.scrollY + 'px',
-                position: 'absolute',
-                opacity: '0'
-            },
-            readOnly: true,
-            value: str
-        });
-        const selection = document.getSelection();
-        const selected = selection.rangeCount > 0 ? selection.getRangeAt(0) : false;
-        ta.select();
-        ta.setSelectionRange(0, str.length);
-        ta.readOnly = false;
-        const result = document.execCommand('copy');
-        callback && callback(result);
-        ta.blur();
-        if (selected) {
-            selection.removeAllRanges();
-            selection.addRange(selected);
-        }
-        BODY.removeChild(ta);
-    }
-};
-const isOutime = function () {
-    let updateTime;
-    if (CONFIG.outime.enable && LOCAL.outime) {
-        const times = document.getElementsByTagName('time');
-        if (times.length === 0) {
-            return;
-        }
-        const posts = document.getElementsByClassName('body md');
-        if (posts.length === 0) {
-            return;
-        }
-        const now = Date.now();
-        const pubTime = new Date(times[0].dateTime);
-        if (times.length === 1) {
-            updateTime = pubTime;
-        }
-        else {
-            updateTime = new Date(times[1].dateTime);
-        }
-        const interval = parseInt(String(now - updateTime));
-        const days = parseInt(String(CONFIG.outime.days)) || 30;
-        if (interval > (days * 86400000)) {
-            const publish = parseInt(String((now - pubTime) / 86400000));
-            const updated = parseInt(String(interval / 86400000));
-            const template = LOCAL.template.replace('{{publish}}', String(publish)).replace('{{updated}}', String(updated));
-            posts[0].insertAdjacentHTML('afterbegin', template);
-        }
-    }
-};
-const clickMenu = function () {
-    const menuElement = $dom('#clickMenu');
-    window.oncontextmenu = function (event) {
-        if (event.ctrlKey) {
-            return;
-        }
-        event.preventDefault();
-        let x = event.offsetX;
-        let y = event.offsetY;
-        const winWidth = window.innerWidth;
-        const winHeight = window.innerHeight;
-        const menuWidth = menuElement.offsetWidth;
-        const menuHeight = menuElement.offsetHeight;
-        x = winWidth - menuWidth >= x ? x : winWidth - menuWidth;
-        y = winHeight - menuHeight >= y ? y : winHeight - menuHeight;
-        menuElement.style.top = y + 'px';
-        menuElement.style.left = x + 'px';
-        menuElement.classList.add('active');
-        $dom.each('.clickSubmenu', (submenu) => {
-            if (x > (winWidth - menuWidth - submenu.offsetWidth)) {
-                submenu.style.left = '-200px';
-            }
-            else {
-                submenu.style.left = '';
-                submenu.style.right = '-200px';
-            }
-        });
-    };
-    window.addEventListener('click', function () {
-        menuElement.classList.remove('active');
-    });
-};

package/source/js/_app/library.js

@@ -1,312 +0,0 @@
-const getDocHeight = () => $dom('main > .inner').offsetHeight;
-const $dom = (selector, element = document) => {
-    if (selector[0] === '#') {
-        return element.getElementById(selector.substring(1));
-    }
-    return element.querySelector(selector);
-};
-$dom.all = (selector, element = document) => {
-    return element.querySelectorAll(selector);
-};
-$dom.each = (selector, callback, element) => {
-    return $dom.all(selector, element).forEach(callback);
-};
-$dom.asyncify = async (selector, element = document) => {
-    if (selector.indexOf('#') === 0) {
-        return element.getElementById(selector.replace('#', ''));
-    }
-    return element.querySelector(selector);
-};
-$dom.asyncifyEach = (selector, callback, element) => {
-    $dom.all(selector, element).forEach(callback);
-};
-Object.assign(HTMLElement.prototype, {
-    createChild: function (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: function (obj) {
-        const box = document.createElement('div');
-        Object.assign(box, obj);
-        this.parentNode.insertBefore(box, this);
-        this.parentNode.removeChild(this);
-        box.appendChild(this);
-    },
-    changeOrGetHeight: function (h) {
-        if (h) {
-            this.style.height = typeof h === 'number' ? h + 'rem' : h;
-        }
-        return this.getBoundingClientRect().height;
-    },
-    changeOrGetWidth: function (w) {
-        if (w) {
-            this.style.width = typeof w === 'number' ? w + 'rem' : w;
-        }
-        return this.getBoundingClientRect().width;
-    },
-    getTop: function () {
-        return this.getBoundingClientRect().top;
-    },
-    left: function () {
-        return this.getBoundingClientRect().left;
-    },
-    attr: function (type, value) {
-        if (value === null) {
-            return this.removeAttribute(type);
-        }
-        if (value) {
-            this.setAttribute(type, value);
-            return this;
-        }
-        else {
-            return this.getAttribute(type);
-        }
-    },
-    insertAfter: function (element) {
-        const parent = this.parentNode;
-        if (parent.lastChild === this) {
-            parent.appendChild(element);
-        }
-        else {
-            parent.insertBefore(element, this.nextSibling);
-        }
-    },
-    display: function (d) {
-        if (d == null) {
-            return this.style.display;
-        }
-        else {
-            this.style.display = d;
-            return this;
-        }
-    },
-    child: function (selector) {
-        return $dom(selector, this);
-    },
-    find: function (selector) {
-        return $dom.all(selector, this);
-    },
-    _class: function (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: function (className) {
-        this._class('add', className);
-        return this;
-    },
-    removeClass: function (className) {
-        this._class('remove', className);
-        return this;
-    },
-    toggleClass: function (className, display) {
-        this._class('toggle', className, display);
-        return this;
-    },
-    hasClass: function (className) {
-        return this.classList.contains(className);
-    }
-});
-const $storage = {
-    set: (key, value) => {
-        localStorage.setItem(key, value);
-    },
-    get: (key) => {
-        return localStorage.getItem(key);
-    },
-    del: (key) => {
-        localStorage.removeItem(key);
-    }
-};
-const getScript = function (url, callback, condition) {
-    if (condition) {
-        callback();
-    }
-    else {
-        let script = document.createElement('script');
-        script.onload = function (_, isAbort) {
-            if (isAbort || !script.readyState) {
-                console.log('abort!');
-                script.onload = null;
-                script = undefined;
-                if (!isAbort && callback)
-                    setTimeout(callback, 0);
-            }
-        };
-        script.src = url;
-        document.head.appendChild(script);
-    }
-};
-const assetUrl = function (asset, type) {
-    const str = CONFIG[asset][type];
-    if (str.indexOf('gh') > -1 || str.indexOf('combine') > -1) {
-        return `https://cdn.jsdelivr.net/${str}`;
-    }
-    if (str.indexOf('npm') > -1) {
-        return `https://cdn.jsdelivr.net/${str}`;
-    }
-    if (str.indexOf('http') > -1) {
-        return str;
-    }
-    return `/${str}`;
-};
-const vendorJs = function (type, callback, condition) {
-    if (LOCAL[type]) {
-        getScript(assetUrl('js', type), callback || function () {
-            window[type] = true;
-        }, condition || window[type]);
-    }
-};
-const vendorCss = function (type, condition) {
-    if (window['css' + type]) {
-        return;
-    }
-    if (LOCAL[type]) {
-        document.head.createChild('link', {
-            rel: 'stylesheet',
-            href: assetUrl('css', type)
-        });
-        window['css' + type] = true;
-    }
-};
-const transition = (target, type, complete, begin) => {
-    let animation;
-    let display = 'none';
-    switch (type) {
-        case 0:
-            animation = { opacity: [1, 0] };
-            break;
-        case 1:
-            animation = { opacity: [0, 1] };
-            display = 'block';
-            break;
-        case 'bounceUpIn':
-            animation = {
-                begin: function (anim) {
-                    target.display('block');
-                },
-                translateY: [
-                    { value: -60, duration: 200 },
-                    { value: 10, duration: 200 },
-                    { value: -5, duration: 200 },
-                    { value: 0, duration: 200 }
-                ],
-                opacity: [0, 1]
-            };
-            display = 'block';
-            break;
-        case 'shrinkIn':
-            animation = {
-                begin: function (anim) {
-                    target.display('block');
-                },
-                scale: [
-                    { value: 1.1, duration: 300 },
-                    { value: 1, duration: 200 }
-                ],
-                opacity: 1
-            };
-            display = 'block';
-            break;
-        case 'slideRightIn':
-            animation = {
-                begin: function (anim) {
-                    target.display('block');
-                },
-                translateX: ['100%', '0%'],
-                opacity: [0, 1]
-            };
-            display = 'block';
-            break;
-        case 'slideRightOut':
-            animation = {
-                translateX: ['0%', '100%'],
-                opacity: [1, 0]
-            };
-            break;
-        default:
-            animation = type;
-            display = type.display;
-            break;
-    }
-    anime(Object.assign({
-        targets: target,
-        duration: 200,
-        easing: 'linear',
-        begin: function () {
-            begin && begin();
-        },
-        complete: function () {
-            target.display(display);
-            complete && complete();
-        }
-    }, animation)).play();
-};
-const pjaxScript = function (element) {
-    const { text, parentNode, id, className, type, src, dataset } = element;
-    const code = text || element.textContent || element.innerHTML || '';
-    parentNode.removeChild(element);
-    const script = document.createElement('script');
-    if (id) {
-        script.id = id;
-    }
-    if (className) {
-        script.className = className;
-    }
-    if (type) {
-        script.type = type;
-    }
-    if (src) {
-        script.src = src;
-        script.async = false;
-    }
-    if (dataset.pjax !== undefined) {
-        script.dataset.pjax = '';
-    }
-    if (code !== '') {
-        script.appendChild(document.createTextNode(code));
-    }
-    parentNode.appendChild(script);
-};
-const pageScroll = function (target, offset, complete) {
-    const opt = {
-        targets: typeof offset === 'number' ? target.parentNode : document.scrollingElement,
-        duration: 500,
-        easing: 'easeInOutQuad',
-        scrollTop: offset || (typeof target === 'number' ? target : (target ? target.getTop() + document.documentElement.scrollTop - siteNavHeight : 0)),
-        complete: function () {
-            complete && complete();
-        }
-    };
-    anime(opt).play();
-};
-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');
-        }
-    });
-}