hexo-theme-shokax 0.3.1 → 0.3.3

package/source/js/_app/globals/globalVars.js

@@ -1,26 +1,96 @@
-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;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setSiteSearch = exports.setToolBtn = exports.setShowContents = exports.setGoToComment = exports.setBackToTop = exports.setToolPlayer = exports.setOriginTitle = exports.setPjax = exports.setLocalUrl = exports.setLocalHash = exports.setTitleTime = exports.setDiffY = exports.setOWinWidth = exports.setOWinHeight = exports.setHeaderHight = exports.setHeaderHightInner = exports.setSiteNavHeight = exports.pjax = exports.LOCAL_URL = exports.LOCAL_HASH = exports.oWinWidth = exports.oWinHeight = exports.headerHight = exports.headerHightInner = exports.siteNavHeight = exports.siteSearch = exports.showContents = exports.goToComment = exports.backToTop = exports.toolPlayer = exports.toolBtn = exports.siteBrand = exports.sideBar = exports.quickBtn = exports.menuToggle = exports.siteHeader = exports.siteNav = exports.loadCat = exports.Container = exports.HTML = exports.BODY = exports.titleTime = exports.originTitle = exports.diffY = exports.scrollAction = exports.statics = void 0;
+const dom_1 = require("../library/dom");
+const proto_1 = __importDefault(require("../library/proto"));
+(0, proto_1.default)();
+exports.statics = CONFIG.statics.indexOf('//') > 0 ? CONFIG.statics : CONFIG.root;
+exports.scrollAction = { x: 0, y: 0 };
+exports.diffY = 0;
+exports.BODY = document.getElementsByTagName('body')[0];
+exports.HTML = document.documentElement;
+exports.Container = (0, dom_1.$dom)('#container');
+exports.loadCat = (0, dom_1.$dom)('#loading');
+exports.siteNav = (0, dom_1.$dom)('#nav');
+exports.siteHeader = (0, dom_1.$dom)('#header');
+exports.menuToggle = exports.siteNav.child('.toggle');
+exports.quickBtn = (0, dom_1.$dom)('#quick');
+exports.sideBar = (0, dom_1.$dom)('#sidebar');
+exports.siteBrand = (0, dom_1.$dom)('#brand');
+exports.toolBtn = (0, dom_1.$dom)('#tool');
+exports.siteSearch = (0, dom_1.$dom)('#search');
+exports.oWinHeight = window.innerHeight;
+exports.oWinWidth = window.innerWidth;
+exports.LOCAL_HASH = 0;
+exports.LOCAL_URL = window.location.href;
+function setSiteNavHeight(value) {
+    exports.siteNavHeight = value;
+}
+exports.setSiteNavHeight = setSiteNavHeight;
+function setHeaderHightInner(value) {
+    exports.headerHightInner = value;
+}
+exports.setHeaderHightInner = setHeaderHightInner;
+function setHeaderHight(value) {
+    exports.headerHight = value;
+}
+exports.setHeaderHight = setHeaderHight;
+function setOWinHeight(value) {
+    exports.oWinHeight = value;
+}
+exports.setOWinHeight = setOWinHeight;
+function setOWinWidth(value) {
+    exports.oWinWidth = value;
+}
+exports.setOWinWidth = setOWinWidth;
+function setDiffY(value) {
+    exports.diffY = value;
+}
+exports.setDiffY = setDiffY;
+function setTitleTime(value) {
+    exports.titleTime = value;
+}
+exports.setTitleTime = setTitleTime;
+function setLocalHash(value) {
+    exports.LOCAL_HASH = value;
+}
+exports.setLocalHash = setLocalHash;
+function setLocalUrl(value) {
+    exports.LOCAL_URL = value;
+}
+exports.setLocalUrl = setLocalUrl;
+function setPjax(value) {
+    exports.pjax = value;
+}
+exports.setPjax = setPjax;
+function setOriginTitle(value) {
+    exports.originTitle = value;
+}
+exports.setOriginTitle = setOriginTitle;
+function setToolPlayer(value) {
+    exports.toolPlayer = value;
+}
+exports.setToolPlayer = setToolPlayer;
+function setBackToTop(value) {
+    exports.backToTop = value;
+}
+exports.setBackToTop = setBackToTop;
+function setGoToComment(value) {
+    exports.goToComment = value;
+}
+exports.setGoToComment = setGoToComment;
+function setShowContents(value) {
+    exports.showContents = value;
+}
+exports.setShowContents = setShowContents;
+function setToolBtn(value) {
+    exports.toolBtn = value;
+}
+exports.setToolBtn = setToolBtn;
+function setSiteSearch(value) {
+    exports.siteSearch = value;
+}
+exports.setSiteSearch = setSiteSearch;

package/source/js/_app/globals/handles.js

@@ -1,53 +1,63 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.visibilityListener = exports.clickMenu = exports.scrollHandle = exports.resizeHandle = void 0;
+const sidebar_1 = require("../components/sidebar");
+const dom_1 = require("../library/dom");
+const globalVars_1 = require("./globalVars");
+const themeColor_1 = require("./themeColor");
+const thirdparty_1 = require("./thirdparty");
 const resizeHandle = () => {
-    siteNavHeight = siteNav.changeOrGetHeight();
-    headerHightInner = siteHeader.changeOrGetHeight();
-    headerHight = headerHightInner + $dom('#waves').changeOrGetHeight();
-    if (oWinWidth !== window.innerWidth) {
-        sideBarToggleHandle(null, 1);
+    (0, globalVars_1.setSiteNavHeight)(globalVars_1.siteNav.changeOrGetHeight());
+    (0, globalVars_1.setHeaderHightInner)(globalVars_1.siteHeader.changeOrGetHeight());
+    (0, globalVars_1.setHeaderHight)(globalVars_1.headerHightInner + (0, dom_1.$dom)('#waves').changeOrGetHeight());
+    if (globalVars_1.oWinWidth !== window.innerWidth) {
+        (0, sidebar_1.sideBarToggleHandle)(null, 1);
     }
-    oWinHeight = window.innerHeight;
-    oWinWidth = window.innerWidth;
+    (0, globalVars_1.setOWinHeight)(window.innerHeight);
+    (0, globalVars_1.setOWinWidth)(window.innerWidth);
 };
+exports.resizeHandle = resizeHandle;
 const scrollHandle = () => {
     const winHeight = window.innerHeight;
-    const docHeight = getDocHeight();
+    const docHeight = (0, dom_1.getDocHeight)();
     const contentVisibilityHeight = docHeight > winHeight ? docHeight - winHeight : document.body.scrollHeight - winHeight;
-    const SHOW = window.scrollY > headerHightInner;
+    const SHOW = window.scrollY > globalVars_1.headerHightInner;
     const startScroll = window.scrollY > 0;
     if (SHOW) {
-        changeMetaTheme('#FFF');
+        (0, themeColor_1.changeMetaTheme)('#FFF');
     }
     else {
-        changeMetaTheme('#222');
+        (0, themeColor_1.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;
+    globalVars_1.siteNav.toggleClass('show', SHOW);
+    globalVars_1.toolBtn.toggleClass('affix', startScroll);
+    globalVars_1.siteBrand.toggleClass('affix', startScroll);
+    globalVars_1.sideBar.toggleClass('affix', window.scrollY > globalVars_1.headerHight && document.body.offsetWidth > 991);
+    if (typeof globalVars_1.scrollAction.y === 'undefined') {
+        globalVars_1.scrollAction.y = window.scrollY;
     }
-    diffY = scrollAction.y - window.scrollY;
-    if (diffY < 0) {
-        siteNav.removeClass('up');
-        siteNav.toggleClass('down', SHOW);
+    (0, globalVars_1.setDiffY)(globalVars_1.scrollAction.y - window.scrollY);
+    if (globalVars_1.diffY < 0) {
+        globalVars_1.siteNav.removeClass('up');
+        globalVars_1.siteNav.toggleClass('down', SHOW);
     }
-    else if (diffY > 0) {
-        siteNav.removeClass('down');
-        siteNav.toggleClass('up', SHOW);
+    else if (globalVars_1.diffY > 0) {
+        globalVars_1.siteNav.removeClass('down');
+        globalVars_1.siteNav.toggleClass('up', SHOW);
     }
     else { }
-    scrollAction.y = window.scrollY;
+    globalVars_1.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 (globalVars_1.backToTop.child('span').innerText !== scrollPercent) {
+        globalVars_1.backToTop.child('span').innerText = scrollPercent;
     }
-    if ($dom('#sidebar').hasClass('affix') || $dom('#sidebar').hasClass('on')) {
-        $dom('.percent').changeOrGetWidth(scrollPercent);
+    if ((0, dom_1.$dom)('#sidebar').hasClass('affix') || (0, dom_1.$dom)('#sidebar').hasClass('on')) {
+        (0, dom_1.$dom)('.percent').changeOrGetWidth(scrollPercent);
     }
 };
+exports.scrollHandle = scrollHandle;
 const clickMenu = () => {
-    const menuElement = $dom('#clickMenu');
+    const menuElement = (0, dom_1.$dom)('#clickMenu');
     window.oncontextmenu = function (event) {
         if (event.ctrlKey) {
             return;
@@ -64,7 +74,7 @@ const clickMenu = () => {
         menuElement.style.top = y + 'px';
         menuElement.style.left = x + 'px';
         menuElement.classList.add('active');
-        $dom.each('.clickSubmenu', (submenu) => {
+        dom_1.$dom.each('.clickSubmenu', (submenu) => {
             if (x > (winWidth - menuWidth - submenu.offsetWidth)) {
                 submenu.style.left = '-200px';
             }
@@ -78,28 +88,30 @@ const clickMenu = () => {
         menuElement.classList.remove('active');
     });
 };
+exports.clickMenu = clickMenu;
 const visibilityListener = () => {
-    const iconNode = $dom('[rel="icon"]');
+    const iconNode = (0, dom_1.$dom)('[rel="icon"]');
     document.addEventListener('visibilitychange', () => {
         switch (document.visibilityState) {
             case 'hidden':
-                iconNode.attr('href', statics + CONFIG.favicon.hidden);
+                iconNode.attr('href', globalVars_1.statics + CONFIG.favicon.hidden);
                 document.title = LOCAL.favicon.hide;
                 if (CONFIG.loader.switch) {
-                    Loader.show();
+                    thirdparty_1.Loader.show();
                 }
-                clearTimeout(titleTime);
+                clearTimeout(globalVars_1.titleTime);
                 break;
             case 'visible':
-                iconNode.attr('href', statics + CONFIG.favicon.normal);
+                iconNode.attr('href', globalVars_1.statics + CONFIG.favicon.normal);
                 document.title = LOCAL.favicon.show;
                 if (CONFIG.loader.switch) {
-                    Loader.hide(1000);
+                    thirdparty_1.Loader.hide(1000);
                 }
-                titleTime = setTimeout(() => {
-                    document.title = originTitle;
-                }, 2000);
+                (0, globalVars_1.setTitleTime)(setTimeout(() => {
+                    document.title = globalVars_1.originTitle;
+                }, 2000));
                 break;
         }
     });
 };
+exports.visibilityListener = visibilityListener;

package/source/js/_app/globals/themeColor.js

@@ -1,48 +1,58 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.themeColorListener = exports.changeMetaTheme = exports.autoDarkmode = exports.changeTheme = void 0;
+const storage_1 = require("../library/storage");
+const dom_1 = require("../library/dom");
+const globalVars_1 = require("./globalVars");
 const changeTheme = (type) => {
-    const btn = $dom('.theme .ic');
+    const btn = (0, dom_1.$dom)('.theme .ic');
     if (type === 'dark') {
-        HTML.attr('data-theme', type);
+        globalVars_1.HTML.attr('data-theme', type);
         btn.removeClass('i-sun');
         btn.addClass('i-moon');
     }
     else {
-        HTML.attr('data-theme', null);
+        globalVars_1.HTML.attr('data-theme', null);
         btn.removeClass('i-moon');
         btn.addClass('i-sun');
     }
 };
+exports.changeTheme = changeTheme;
 const autoDarkmode = () => {
     if (CONFIG.auto_dark.enable) {
         if (new Date().getHours() >= CONFIG.auto_dark.start || new Date().getHours() <= CONFIG.auto_dark.end) {
-            changeTheme('dark');
+            (0, exports.changeTheme)('dark');
         }
         else {
-            changeTheme();
+            (0, exports.changeTheme)();
         }
     }
 };
+exports.autoDarkmode = autoDarkmode;
 const changeMetaTheme = (color) => {
-    if (HTML.attr('data-theme') === 'dark') {
+    if (globalVars_1.HTML.attr('data-theme') === 'dark') {
         color = '#222';
     }
-    $dom('meta[name="theme-color"]').attr('content', color);
+    (0, dom_1.$dom)('meta[name="theme-color"]').attr('content', color);
 };
+exports.changeMetaTheme = changeMetaTheme;
 const themeColorListener = () => {
     window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', (mediaQueryList) => {
         if (mediaQueryList.matches) {
-            changeTheme('dark');
+            (0, exports.changeTheme)('dark');
         }
         else {
-            changeTheme();
+            (0, exports.changeTheme)();
         }
     });
-    const t = $storage.get('theme');
+    const t = storage_1.$storage.get('theme');
     if (t) {
-        changeTheme(t);
+        (0, exports.changeTheme)(t);
     }
     else {
         if (CONFIG.darkmode) {
-            changeTheme('dark');
+            (0, exports.changeTheme)('dark');
         }
     }
 };
+exports.themeColorListener = themeColorListener;

package/source/js/_app/globals/thirdparty.js

@@ -1,16 +1,25 @@
-const lazyload = lozad('img, [data-background-image]', {
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isOutime = exports.Loader = exports.lazyload = void 0;
+const lozad_1 = __importDefault(require("lozad"));
+const globalVars_1 = require("./globalVars");
+const anime_1 = require("../library/anime");
+exports.lazyload = (0, lozad_1.default)('img, [data-background-image]', {
     loaded(el) {
         el.addClass('lozaded');
     }
 });
-const Loader = {
+exports.Loader = {
     timer: undefined,
     lock: false,
     show() {
         clearTimeout(this.timer);
         document.body.removeClass('loaded');
-        loadCat.attr('style', 'display:block');
-        Loader.lock = false;
+        globalVars_1.loadCat.attr('style', 'display:block');
+        exports.Loader.lock = false;
     },
     hide(sec) {
         if (!CONFIG.loader.start) {
@@ -19,14 +28,14 @@ const Loader = {
         this.timer = setTimeout(this.vanish, sec || 3000);
     },
     vanish() {
-        if (Loader.lock) {
+        if (exports.Loader.lock) {
             return;
         }
         if (CONFIG.loader.start) {
-            transition(loadCat, 0);
+            (0, anime_1.transition)(globalVars_1.loadCat, 0);
         }
         document.body.addClass('loaded');
-        Loader.lock = true;
+        exports.Loader.lock = true;
     }
 };
 const isOutime = () => {
@@ -58,3 +67,4 @@ const isOutime = () => {
         }
     }
 };
+exports.isOutime = isOutime;

package/source/js/_app/globals/tools.js

@@ -1,45 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.clipBoard = exports.positionInit = exports.pagePosition = exports.showtip = void 0;
+const anime_1 = require("../library/anime");
+const dom_1 = require("../library/dom");
+const storage_1 = require("../library/storage");
+const globalVars_1 = require("./globalVars");
 const showtip = (msg) => {
     if (!msg) {
         return;
     }
-    const tipbox = BODY.createChild('div', {
+    const tipbox = globalVars_1.BODY.createChild('div', {
         innerHTML: msg,
         className: 'tip'
     });
     setTimeout(() => {
         tipbox.addClass('hide');
         setTimeout(() => {
-            BODY.removeChild(tipbox);
+            globalVars_1.BODY.removeChild(tipbox);
         }, 300);
     }, 3000);
 };
+exports.showtip = showtip;
 const pagePosition = () => {
     if (CONFIG.auto_scroll) {
-        $storage.set(LOCAL_URL, String(scrollAction.y));
+        storage_1.$storage.set(globalVars_1.LOCAL_URL, String(globalVars_1.scrollAction.y));
     }
 };
+exports.pagePosition = pagePosition;
 const positionInit = (comment) => {
     const anchor = window.location.hash;
     let target = null;
-    if (LOCAL_HASH) {
-        $storage.del(LOCAL_URL);
+    if (globalVars_1.LOCAL_HASH) {
+        storage_1.$storage.del(globalVars_1.LOCAL_URL);
         return;
     }
     if (anchor) {
-        target = $dom(decodeURI(anchor));
+        target = (0, dom_1.$dom)(decodeURI(anchor));
     }
     else {
-        target = CONFIG.auto_scroll ? parseInt($storage.get(LOCAL_URL)) : 0;
+        target = CONFIG.auto_scroll ? parseInt(storage_1.$storage.get(globalVars_1.LOCAL_URL)) : 0;
     }
     if (target) {
-        pageScroll(target);
-        LOCAL_HASH = 1;
+        (0, anime_1.pageScroll)(target);
+        (0, globalVars_1.setLocalHash)(1);
     }
-    if (comment && anchor && !LOCAL_HASH) {
-        pageScroll(target);
-        LOCAL_HASH = 1;
+    if (comment && anchor && !globalVars_1.LOCAL_HASH) {
+        (0, anime_1.pageScroll)(target);
+        (0, globalVars_1.setLocalHash)(1);
     }
 };
+exports.positionInit = positionInit;
 const clipBoard = (str, callback) => {
     if (navigator.clipboard && window.isSecureContext) {
         navigator.clipboard.writeText(str).then(() => {
@@ -49,7 +59,7 @@ const clipBoard = (str, callback) => {
         });
     }
     else {
-        const ta = BODY.createChild('textarea', {
+        const ta = globalVars_1.BODY.createChild('textarea', {
             style: {
                 top: window.scrollY + 'px',
                 position: 'absolute',
@@ -70,6 +80,7 @@ const clipBoard = (str, callback) => {
             selection.removeAllRanges();
             selection.addRange(selected);
         }
-        BODY.removeChild(ta);
+        globalVars_1.BODY.removeChild(ta);
     }
 };
+exports.clipBoard = clipBoard;

package/source/js/_app/library/anime.js

@@ -1,3 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.pageScroll = exports.transition = void 0;
+const theme_shokax_anime_1 = __importDefault(require("theme-shokax-anime"));
+const globalVars_1 = require("../globals/globalVars");
 const transition = (target, type, complete, begin) => {
     let animation;
     let display = 'none';
@@ -58,7 +66,7 @@ const transition = (target, type, complete, begin) => {
             display = type.display;
             break;
     }
-    anime(Object.assign({
+    (0, theme_shokax_anime_1.default)(Object.assign({
         targets: target,
         duration: 200,
         easing: 'linear',
@@ -71,15 +79,17 @@ const transition = (target, type, complete, begin) => {
         }
     }, animation)).play();
 };
+exports.transition = transition;
 const pageScroll = (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)),
+        scrollTop: offset || (typeof target === 'number' ? target : (target ? target.getTop() + document.documentElement.scrollTop - globalVars_1.siteNavHeight : 0)),
         complete() {
             complete && complete();
         }
     };
-    anime(opt).play();
+    (0, theme_shokax_anime_1.default)(opt).play();
 };
+exports.pageScroll = pageScroll;

package/source/js/_app/library/dom.js

@@ -1,10 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getDocHeight = exports.$dom = void 0;
 const getDocHeight = () => $dom('main > .inner').offsetHeight;
+exports.getDocHeight = getDocHeight;
 const $dom = (selector, element = document) => {
     if (selector[0] === '#') {
         return element.getElementById(selector.substring(1));
     }
     return element.querySelector(selector);
 };
+exports.$dom = $dom;
 $dom.all = (selector, element = document) => {
     return element.querySelectorAll(selector);
 };

package/source/js/_app/library/loadFile.js

@@ -1,3 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.vendorCss = exports.vendorJs = void 0;
+const scriptPjax_1 = require("./scriptPjax");
 const assetUrl = (asset, type) => {
     const str = CONFIG[asset][type];
     if (str.includes('gh') || str.includes('combine')) {
@@ -13,11 +17,12 @@ const assetUrl = (asset, type) => {
 };
 const vendorJs = (type, callback, condition) => {
     if (LOCAL[type]) {
-        getScript(assetUrl('js', type), callback || function () {
+        (0, scriptPjax_1.getScript)(assetUrl('js', type), callback || function () {
             window[type] = true;
         }, condition || window[type]);
     }
 };
+exports.vendorJs = vendorJs;
 const vendorCss = (type, condition) => {
     if (window['css' + type]) {
         return;
@@ -30,3 +35,4 @@ const vendorCss = (type, condition) => {
         window['css' + type] = true;
     }
 };
+exports.vendorCss = vendorCss;