hexo-theme-shokax 0.4.4 → 0.4.6-beta1

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

@@ -0,0 +1,137 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.siteRefresh = exports.pjaxReload = void 0;
+const dom_1 = require("../library/dom");
+const common_1 = require("../page/common");
+const anime_1 = require("../library/anime");
+const loadFile_1 = require("../library/loadFile");
+const scriptPjax_1 = require("../library/scriptPjax");
+const handles_1 = require("../globals/handles");
+const globalVars_1 = require("../globals/globalVars");
+const tools_1 = require("../globals/tools");
+const sidebar_1 = require("../components/sidebar");
+const thirdparty_1 = require("../globals/thirdparty");
+const tab_1 = require("../page/tab");
+const unlazy_1 = require("unlazy");
+const pjaxReload = () => {
+    (0, tools_1.pagePosition)();
+    if (globalVars_1.sideBar.hasClass('on')) {
+        (0, anime_1.transition)(globalVars_1.sideBar, 0, () => {
+            globalVars_1.sideBar.removeClass('on');
+            globalVars_1.menuToggle.removeClass('close');
+        }); // 'transition.slideRightOut'
+    }
+    const mainNode = (0, dom_1.$dom)('#main');
+    mainNode.innerHTML = '';
+    mainNode.appendChild(globalVars_1.loadCat.lastChild.cloneNode(true));
+    (0, anime_1.pageScroll)(0);
+};
+exports.pjaxReload = pjaxReload;
+const siteRefresh = (reload) => {
+    (0, globalVars_1.setLocalHash)(0);
+    (0, globalVars_1.setLocalUrl)(window.location.href);
+    (0, loadFile_1.vendorCss)('katex');
+    (0, loadFile_1.vendorJs)('copy_tex');
+    (0, loadFile_1.vendorCss)('mermaid');
+    // 懒加载背景图
+    const lazyBg = new IntersectionObserver(function (entries, observer) {
+        entries.forEach(entry => {
+            if (entry.isIntersecting) {
+                const el = entry.target;
+                el.style.backgroundImage = `url("${el.getAttribute('data-background-image')}")`;
+                el.removeAttribute('data-background-image');
+                observer.unobserve(el);
+            }
+        });
+    }, {
+        root: null,
+        threshold: 0.2
+    });
+    document.querySelectorAll('[data-background-image]').forEach(el => {
+        lazyBg.observe(el);
+    });
+    if (reload !== 1) {
+        dom_1.$dom.each('script[data-pjax]', scriptPjax_1.pjaxScript);
+    }
+    (0, globalVars_1.setOriginTitle)(document.title);
+    (0, handles_1.resizeHandle)();
+    (0, sidebar_1.menuActive)();
+    (0, sidebar_1.sideBarTab)();
+    (0, sidebar_1.sidebarTOC)();
+    if (LOCAL.ispost) {
+        Promise.resolve().then(() => __importStar(require('../page/post'))).then(({ postBeauty }) => {
+            postBeauty();
+        });
+        const comment = new IntersectionObserver((entries) => {
+            entries.forEach((entry) => {
+                if (entry.isIntersecting) {
+                    if (__shokax_waline__) {
+                        Promise.resolve().then(() => __importStar(require('../components/comments'))).then(({ walinePageview, walineComment }) => {
+                            walinePageview();
+                            walineComment();
+                        });
+                    }
+                    if (__shokax_twikoo__) {
+                        Promise.resolve().then(() => __importStar(require('../components/tcomments'))).then(({ twikooComment }) => {
+                            twikooComment();
+                        });
+                    }
+                    comment.disconnect();
+                }
+            });
+        }, {
+            root: null,
+            threshold: 0.2
+        });
+        comment.observe((0, dom_1.$dom)('#copyright'));
+    }
+    (0, unlazy_1.lazyLoad)();
+    if (__shokax_waline__) {
+        Promise.resolve().then(() => __importStar(require('../components/comments'))).then(async ({ walinePageview, walineRecentComments }) => {
+            await walineRecentComments();
+        });
+    }
+    if (__shokax_twikoo__) {
+        Promise.resolve().then(() => __importStar(require('../components/tcomments'))).then(async ({ twikooRecentComments }) => {
+            await twikooRecentComments();
+        });
+    }
+    if (__shokax_tabs__) {
+        (0, tab_1.tabFormat)();
+    }
+    if (__shokax_player__) {
+        globalVars_1.toolPlayer.player.load(LOCAL.audio || globalVars_1.CONFIG.audio || {});
+    }
+    thirdparty_1.Loader.hide(500);
+    setTimeout(() => {
+        (0, tools_1.positionInit)();
+    }, 500);
+    (0, common_1.cardActive)();
+    if (__shokax_outime__ && LOCAL.ispost) {
+        (0, thirdparty_1.isOutime)();
+    }
+};
+exports.siteRefresh = siteRefresh;

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

@@ -1,138 +1,140 @@
-import { $dom } from '../library/dom'
-import { cardActive } from '../page/common'
-import { pageScroll, transition } from '../library/anime'
-import { vendorCss, vendorJs } from '../library/loadFile'
-import { pjaxScript } from '../library/scriptPjax'
-import { resizeHandle } from '../globals/handles'
-import {
-  CONFIG,
-  loadCat,
-  menuToggle,
-  setLocalHash, setLocalUrl, setOriginTitle,
-  sideBar,
-  toolPlayer
-} from '../globals/globalVars'
-import { pagePosition, positionInit } from '../globals/tools'
-import { menuActive, sideBarTab, sidebarTOC } from '../components/sidebar'
-import { Loader, isOutime } from '../globals/thirdparty'
-import { tabFormat } from '../page/tab'
-import { lazyLoad } from 'unlazy'
-
-export const pjaxReload = () => {
-  pagePosition()
-
-  if (sideBar.hasClass('on')) {
-    transition(sideBar, 0, () => {
-      sideBar.removeClass('on')
-      menuToggle.removeClass('close')
-    }) // 'transition.slideRightOut'
-  }
-  const mainNode = $dom('#main')
-  mainNode.innerHTML = ''
-  mainNode.appendChild(loadCat.lastChild.cloneNode(true))
-  pageScroll(0)
-}
-
-export const siteRefresh = (reload) => {
-  setLocalHash(0)
-  setLocalUrl(window.location.href)
-
-  vendorCss('katex')
-  vendorJs('copy_tex')
-  vendorCss('mermaid')
-
-  // 懒加载背景图
-  const lazyBg = new IntersectionObserver(function (entries, observer) {
-    entries.forEach(entry => {
-      if (entry.isIntersecting) {
-        const el = entry.target as HTMLElement
-        el.style.backgroundImage = `url("${el.getAttribute('data-background-image')}")`
-        el.removeAttribute('data-background-image')
-        observer.unobserve(el)
-      }
-    })
-  }, {
-    root: null,
-    threshold: 0.2
-  })
-  document.querySelectorAll('[data-background-image]').forEach(el => {
-    lazyBg.observe(el)
-  })
-
-  if (reload !== 1) {
-    $dom.each('script[data-pjax]', pjaxScript)
-  }
-
-  setOriginTitle(document.title)
-
-  resizeHandle()
-
-  menuActive()
-
-  sideBarTab()
-  sidebarTOC()
-
-  import('../page/post').then(({ postBeauty }) => {
-    postBeauty()
-  })
-
-  const cpel = $dom('#copyright')
-  if (cpel) {
-    const comment = new IntersectionObserver((entries) => {
-      entries.forEach((entry) => {
-        if (entry.isIntersecting) {
-          if (__shokax_waline__) {
-            import('../components/comments').then(({walinePageview, walineComment}) => {
-              walinePageview()
-              walineComment()
-            })
-          }
-          if (__shokax_twikoo__) {
-            import('../components/tcomments').then(({twikooComment}) => {
-              twikooComment()
-            })
-          }
-          comment.disconnect()
-        }
-      })
-    }, {
-      root: null,
-      threshold: 0.2
-    })
-
-    comment.observe(cpel)
-  }
-
-  lazyLoad()
-
-  if (__shokax_waline__) {
-    import('../components/comments').then(async ({ walinePageview, walineRecentComments }) => {
-      await walineRecentComments()
-    })
-  }
-
-  if (__shokax_twikoo__) {
-    import('../components/tcomments').then(async ({ twikooRecentComments }) => {
-      await twikooRecentComments()
-    })
-  }
-
-  if (__shokax_tabs__) {
-    tabFormat()
-  }
-
-  if (__shokax_player__) {
-    toolPlayer.player.load(LOCAL.audio || CONFIG.audio || {})
-  }
-  Loader.hide(500)
-
-  setTimeout(() => {
-    positionInit()
-  }, 500)
-
-  cardActive()
-
-  if (__shokax_outime__ && LOCAL.ispost) {
-    isOutime()
-  }
-}
+import { $dom } from '../library/dom'
+import { cardActive } from '../page/common'
+import { pageScroll, transition } from '../library/anime'
+import { vendorCss, vendorJs } from '../library/loadFile'
+import { pjaxScript } from '../library/scriptPjax'
+import { resizeHandle } from '../globals/handles'
+import {
+  CONFIG,
+  loadCat,
+  menuToggle,
+  setLocalHash, setLocalUrl, setOriginTitle,
+  sideBar,
+  toolPlayer
+} from '../globals/globalVars'
+import { pagePosition, positionInit } from '../globals/tools'
+import { menuActive, sideBarTab, sidebarTOC } from '../components/sidebar'
+import { Loader, isOutime } from '../globals/thirdparty'
+import { tabFormat } from '../page/tab'
+import { lazyLoad } from 'unlazy'
+
+export const pjaxReload = () => {
+  pagePosition()
+
+  if (sideBar.hasClass('on')) {
+    transition(sideBar, 0, () => {
+      sideBar.removeClass('on')
+      menuToggle.removeClass('close')
+    }) // 'transition.slideRightOut'
+  }
+  const mainNode = document.getElementById('main')
+  mainNode.innerHTML = ''
+  mainNode.appendChild(loadCat.lastChild.cloneNode(true))
+  pageScroll(0)
+}
+
+export const siteRefresh = async (reload) => {
+  setLocalHash(0)
+  setLocalUrl(window.location.href)
+
+  vendorCss('katex');
+  // await import('katex/dist/katex.min.css')
+  // vendorJs('copy_tex')
+  await import('katex/dist/contrib/copy-tex.mjs')
+  vendorCss('mermaid')
+
+  // 懒加载背景图
+  const lazyBg = new IntersectionObserver(function (entries, observer) {
+    entries.forEach(entry => {
+      if (entry.isIntersecting) {
+        const el = entry.target as HTMLElement
+        el.style.backgroundImage = `url("${el.getAttribute('data-background-image')}")`
+        el.removeAttribute('data-background-image')
+        observer.unobserve(el)
+      }
+    })
+  }, {
+    root: null,
+    threshold: 0.2
+  })
+  document.querySelectorAll('[data-background-image]').forEach(el => {
+    lazyBg.observe(el)
+  })
+
+  if (reload !== 1) {
+    $dom.each('script[data-pjax]', pjaxScript)
+  }
+
+  setOriginTitle(document.title)
+
+  resizeHandle()
+
+  menuActive()
+
+  sideBarTab()
+  sidebarTOC()
+
+  import('../page/post').then(({postBeauty}) => {
+    postBeauty()
+  })
+
+  const cpel = document.getElementById('copyright')
+  if (cpel) {
+    const comment = new IntersectionObserver((entries) => {
+      entries.forEach((entry) => {
+        if (entry.isIntersecting) {
+          if (__shokax_waline__) {
+            import('../components/comments').then(({walinePageview, walineComment}) => {
+              walinePageview()
+              walineComment()
+            })
+          }
+          if (__shokax_twikoo__) {
+            import('../components/tcomments').then(({twikooComment}) => {
+              twikooComment()
+            })
+          }
+          comment.disconnect()
+        }
+      })
+    }, {
+      root: null,
+      threshold: 0.2
+    })
+
+    comment.observe(cpel)
+  }
+
+  lazyLoad()
+
+  if (__shokax_waline__) {
+    import('../components/comments').then(async ({walineRecentComments}) => {
+      await walineRecentComments()
+    })
+  }
+
+  if (__shokax_twikoo__) {
+    import('../components/tcomments').then(async ({twikooRecentComments}) => {
+      await twikooRecentComments()
+    })
+  }
+
+  if (__shokax_tabs__) {
+    tabFormat()
+  }
+
+  if (__shokax_player__) {
+    toolPlayer.player.load(LOCAL.audio || CONFIG.audio || {})
+  }
+  Loader.hide(100)
+
+  setTimeout(() => {
+    positionInit()
+  }, 500)
+
+  cardActive()
+
+  if (__shokax_outime__ && LOCAL.ispost) {
+    isOutime()
+  }
+}

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

@@ -0,0 +1,115 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const domInit_1 = __importDefault(require("./domInit"));
+const refresh_1 = require("./refresh");
+const scriptPjax_1 = require("../library/scriptPjax");
+const globalVars_1 = require("../globals/globalVars");
+const themeColor_1 = require("../globals/themeColor");
+const handles_1 = require("../globals/handles");
+const tools_1 = require("../globals/tools");
+const theme_shokax_pjax_1 = __importDefault(require("theme-shokax-pjax"));
+const vue_1 = require("../library/vue");
+const dom_1 = require("../library/dom");
+const proto_1 = require("../library/proto");
+const anime_1 = require("../library/anime");
+const siteInit = () => {
+    (0, vue_1.initVue)();
+    (0, domInit_1.default)();
+    (0, globalVars_1.setPjax)(new theme_shokax_pjax_1.default({
+        selectors: [
+            'head title',
+            '.languages',
+            '.twikoo',
+            '.pjax',
+            '.leancloud-recent-comment',
+            'script[data-config]'
+        ],
+        cacheBust: false
+    }));
+    globalVars_1.CONFIG.quicklink.ignores = LOCAL.ignores;
+    Promise.resolve().then(() => __importStar(require('quicklink'))).then(({ listen }) => {
+        listen(globalVars_1.CONFIG.quicklink);
+    });
+    (0, themeColor_1.autoDarkmode)();
+    if (__shokax_VL__) {
+        (0, handles_1.visibilityListener)();
+    }
+    (0, themeColor_1.themeColorListener)();
+    if (__shokax_search__) {
+        (0, dom_1.$dom)('li.item.search > i').addEventListener('click', () => {
+            if (globalVars_1.CONFIG.search === null) {
+                return;
+            }
+            if (!globalVars_1.siteSearch) {
+                (0, globalVars_1.setSiteSearch)((0, proto_1.createChild)(globalVars_1.BODY, '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>'
+                }));
+            }
+            Promise.resolve().then(() => __importStar(require('../page/search'))).then(({ algoliaSearch }) => {
+                algoliaSearch(globalVars_1.pjax);
+            });
+            // Handle and trigger popup window
+            dom_1.$dom.each('.search', (element) => {
+                element.addEventListener('click', () => {
+                    document.body.style.overflow = 'hidden';
+                    (0, anime_1.transition)(globalVars_1.siteSearch, 'shrinkIn', () => {
+                        (0, dom_1.$dom)('.search-input').focus();
+                    }); // transition.shrinkIn
+                });
+            });
+        }, { once: true, capture: true });
+    }
+    if (__shokax_fireworks__) {
+        Promise.resolve().then(() => __importStar(require('mouse-firework'))).then((firework) => {
+            firework.default(globalVars_1.CONFIG.fireworks);
+        });
+    }
+    window.addEventListener('scroll', handles_1.scrollHandle, {
+        passive: true
+    });
+    window.addEventListener('resize', handles_1.resizeHandle, {
+        passive: true
+    });
+    window.addEventListener('pjax:send', refresh_1.pjaxReload, {
+        passive: true
+    });
+    window.addEventListener('pjax:success', refresh_1.siteRefresh, {
+        passive: true
+    }); // 默认会传入一个event参数
+    window.addEventListener('beforeunload', () => {
+        (0, tools_1.pagePosition)();
+    });
+    (0, refresh_1.siteRefresh)(1);
+};
+(0, scriptPjax_1.cloudflareInit)();
+window.addEventListener('DOMContentLoaded', siteInit, {
+    passive: true
+});
+console.log('%c Theme.ShokaX v' + globalVars_1.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;');