hexo-theme-shokax 0.4.6-dev5 → 0.4.6

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

@@ -1,140 +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 = 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()
-  }
-}
+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.ts

@@ -1,106 +1,106 @@
-import domInit from './domInit'
-import { pjaxReload, siteRefresh } from './refresh'
-import { cloudflareInit } from '../library/scriptPjax'
-import { BODY, CONFIG, pjax, setPjax, setSiteSearch, siteSearch } from '../globals/globalVars'
-import { autoDarkmode, themeColorListener } from '../globals/themeColor'
-import { resizeHandle, scrollHandle, visibilityListener } from '../globals/handles'
-import { pagePosition } from '../globals/tools'
-import Pjax from 'theme-shokax-pjax'
-import { initVue } from '../library/vue'
-import { $dom } from '../library/dom'
-import { createChild } from '../library/proto'
-import { transition } from '../library/anime'
-
-const siteInit = async () => {
-  initVue()
-  domInit()
-
-  setPjax(new Pjax({
-    selectors: [
-      'head title',
-      '.languages',
-      '.twikoo',
-      '.pjax',
-      '.leancloud-recent-comment',
-      'script[data-config]'
-    ],
-    cacheBust: false
-  }))
-
-  CONFIG.quicklink.ignores = LOCAL.ignores
-  import('quicklink').then(({listen}) => {
-    listen(CONFIG.quicklink)
-  })
-
-  autoDarkmode()
-
-  if (__shokax_VL__) {
-    visibilityListener()
-  }
-  themeColorListener()
-
-  if (__shokax_search__) {
-    document.querySelector('li.item.search > i').addEventListener('click', () => {
-      if (CONFIG.search === null) {
-        return
-      }
-
-      if (!siteSearch) {
-        setSiteSearch(createChild(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>'
-        }))
-      }
-
-      import('../page/search').then(({algoliaSearch}) => {
-        algoliaSearch(pjax)
-      })
-
-      // Handle and trigger popup window
-      // TODO search 只有一个，不需要 each
-      $dom.each('.search', (element) => {
-        element.addEventListener('click', () => {
-          document.body.style.overflow = 'hidden'
-          transition(siteSearch, 'shrinkIn', () => {
-            (document.querySelector('.search-input') as HTMLInputElement).focus()
-          }) // transition.shrinkIn
-        })
-      })
-    }, {once: true, capture: true})
-  }
-
-  if (__shokax_fireworks__) {
-    import('mouse-firework').then((firework) => {
-      firework.default(CONFIG.fireworks)
-    })
-  }
-
-  window.addEventListener('scroll', scrollHandle, {
-    passive: true
-  })
-
-  window.addEventListener('resize', resizeHandle, {
-    passive: true
-  })
-
-  window.addEventListener('pjax:send', pjaxReload, {
-    passive: true
-  })
-
-  window.addEventListener('pjax:success', siteRefresh, {
-    passive: true
-  }) // 默认会传入一个event参数
-
-  window.addEventListener('beforeunload', () => {
-    pagePosition()
-  })
-  await siteRefresh(1)
-}
-
-cloudflareInit()
-
-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;')
+import domInit from './domInit'
+import { pjaxReload, siteRefresh } from './refresh'
+import { cloudflareInit } from '../library/scriptPjax'
+import { BODY, CONFIG, pjax, setPjax, setSiteSearch, siteSearch } from '../globals/globalVars'
+import { autoDarkmode, themeColorListener } from '../globals/themeColor'
+import { resizeHandle, scrollHandle, visibilityListener } from '../globals/handles'
+import { pagePosition } from '../globals/tools'
+import Pjax from 'theme-shokax-pjax'
+import { initVue } from '../library/vue'
+import { $dom } from '../library/dom'
+import { createChild } from '../library/proto'
+import { transition } from '../library/anime'
+
+const siteInit = async () => {
+  initVue()
+  domInit()
+
+  setPjax(new Pjax({
+    selectors: [
+      'head title',
+      '.languages',
+      '.twikoo',
+      '.pjax',
+      '.leancloud-recent-comment',
+      'script[data-config]'
+    ],
+    cacheBust: false
+  }))
+
+  CONFIG.quicklink.ignores = LOCAL.ignores
+  import('quicklink').then(({listen}) => {
+    listen(CONFIG.quicklink)
+  })
+
+  autoDarkmode()
+
+  if (__shokax_VL__) {
+    visibilityListener()
+  }
+  themeColorListener()
+
+  if (__shokax_search__) {
+    document.querySelector('li.item.search > i').addEventListener('click', () => {
+      if (CONFIG.search === null) {
+        return
+      }
+
+      if (!siteSearch) {
+        setSiteSearch(createChild(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>'
+        }))
+      }
+
+      import('../page/search').then(({algoliaSearch}) => {
+        algoliaSearch(pjax)
+      })
+
+      // Handle and trigger popup window
+      // TODO search 只有一个，不需要 each
+      $dom.each('.search', (element) => {
+        element.addEventListener('click', () => {
+          document.body.style.overflow = 'hidden'
+          transition(siteSearch, 'shrinkIn', () => {
+            (document.querySelector('.search-input') as HTMLInputElement).focus()
+          }) // transition.shrinkIn
+        })
+      })
+    }, {once: true, capture: true})
+  }
+
+  if (__shokax_fireworks__) {
+    import('mouse-firework').then((firework) => {
+      firework.default(CONFIG.fireworks)
+    })
+  }
+
+  window.addEventListener('scroll', scrollHandle, {
+    passive: true
+  })
+
+  window.addEventListener('resize', resizeHandle, {
+    passive: true
+  })
+
+  window.addEventListener('pjax:send', pjaxReload, {
+    passive: true
+  })
+
+  window.addEventListener('pjax:success', siteRefresh, {
+    passive: true
+  }) // 默认会传入一个event参数
+
+  window.addEventListener('beforeunload', () => {
+    pagePosition()
+  })
+  await siteRefresh(1)
+}
+
+cloudflareInit()
+
+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;')