hexo-theme-shokax 0.5.2 → 0.5.4

package/source/js/_app/library/declare.d.ts

@@ -1,128 +1,129 @@
-type vendorUrl = {
-  url: string
-  local: boolean
-  sri?: string
-}
-
-interface AudioItem {
-  title: string;
-  list: string[];
-}
-
-declare interface EventTarget {
-  changeOrGetHeight(h: number | string): void;
-  changeOrGetHeight(): number;
-  changeOrGetWidth(w: number | string): void;
-  changeOrGetWidth(): number;
-  getTop(): number;
-  left(): number;
-  insertAfter(element: HTMLElement): void;
-  display(d: string): EventTarget;
-  display():string
-  find(selector: string): NodeListOf<HTMLElement>;
-  _class(type: string, className: string, display?: boolean): void;
-  addClass(className: string): EventTarget;
-  removeClass(className: string): EventTarget;
-  toggleClass(className: string, display?: boolean): EventTarget;
-  hasClass(className: string): boolean;
-}
-
-type walineMeta = 'nick'|'mail'|'link'
-
-declare const LOCAL: {
-  ispost: boolean;
-  path: string;
-  ignores: Array<(uri:string)=>boolean>;
-  audio: string[];
-  search: {
-    placeholder: string,
-    empty: string,
-    stats: string
-  };
-  quiz: {
-    choice: string,
-    multiple: string,
-    true_false: string,
-    essay: string,
-    gap_fill: string,
-    mistake: string
-  };
-  nocopy: boolean;
-  copyright: string;
-  outime: boolean
-  template: string
-  favicon: {
-    hide: string
-    show: string
-  }
-}
-interface configType {
-  hostname: string;
-  fireworks: any;
-  audio: AudioItem[];
-  version: number
-  root: string
-  statics: string
-  outime: {
-    enable: boolean
-    days: number
-  }
-  favicon: {
-    normal: string,
-    hidden: string
-  }
-  darkmode: boolean
-  auto_dark: {
-    enable: boolean
-    start: number
-    end: number
-  }
-  auto_scroll: boolean
-  loader: {
-    start: boolean
-    switch: boolean
-  }
-  js: {
-    copy_tex: vendorUrl
-  }
-  css: {
-    katex: vendorUrl
-    mermaid: vendorUrl
-  }
-  search: any,
-  waline: {
-    serverURL: string
-    lang: string
-    locale: object
-    emoji: boolean
-    meta: walineMeta[]
-    requiredMeta: walineMeta[]
-    wordLimit: number
-    pageSize: number
-    pageview: boolean
-    recaptchaV3Key: string
-    turnstileKey: string
-  }
-  twikoo: {
-    envId: string
-    region: string
-  }
-  walinePageView: boolean
-  playerAPI: string
-  experiments: {
-    copyrightLength: number;
-  }
-}
-// esbuild 静态常量
-declare const __shokax_player__:boolean
-declare const __shokax_fireworks__:boolean
-declare const __shokax_search__:boolean
-declare const __shokax_VL__:boolean
-declare const __shokax_outime__:boolean
-declare const __shokax_tabs__: boolean
-declare const __shokax_quiz__: boolean
-declare const __shokax_waline__:boolean
-declare const __shokax_twikoo__:boolean
-declare const shokax_CONFIG:configType
-declare const shokax_siteURL:string
-declare const __shokax_antiFakeWebsite__:boolean
+type vendorUrl = {
+  url: string
+  local: boolean
+  sri?: string
+}
+
+interface AudioItem {
+  title: string;
+  list: string[];
+}
+
+declare interface EventTarget {
+  changeOrGetHeight(h: number | string): void;
+  changeOrGetHeight(): number;
+  changeOrGetWidth(w: number | string): void;
+  changeOrGetWidth(): number;
+  getTop(): number;
+  left(): number;
+  insertAfter(element: HTMLElement): void;
+  display(d: string): EventTarget;
+  display():string
+  find(selector: string): NodeListOf<HTMLElement>;
+  _class(type: string, className: string, display?: boolean): void;
+  addClass(className: string): EventTarget;
+  removeClass(className: string): EventTarget;
+  toggleClass(className: string, display?: boolean): EventTarget;
+  hasClass(className: string): boolean;
+}
+
+type walineMeta = 'nick'|'mail'|'link'
+
+declare const LOCAL: {
+  ispost: boolean;
+  path: string;
+  ignores: Array<(uri:string)=>boolean>;
+  audio: string[];
+  search: {
+    placeholder: string,
+    empty: string,
+    stats: string
+  };
+  quiz: {
+    choice: string,
+    multiple: string,
+    true_false: string,
+    essay: string,
+    gap_fill: string,
+    mistake: string
+  };
+  nocopy: boolean;
+  copyright: string;
+  outime: boolean
+  template: string
+  favicon: {
+    hide: string
+    show: string
+  }
+}
+interface configType {
+  hostname: string;
+  fireworks: any;
+  audio: AudioItem[];
+  version: number
+  root: string
+  statics: string
+  outime: {
+    enable: boolean
+    days: number
+  }
+  favicon: {
+    normal: string,
+    hidden: string
+  }
+  darkmode: boolean
+  auto_dark: {
+    enable: boolean
+    start: number
+    end: number
+  }
+  auto_scroll: boolean
+  loader: {
+    start: boolean
+    switch: boolean
+  }
+  js: {
+    copy_tex: vendorUrl
+  }
+  css: {
+    katex: vendorUrl
+    mermaid: vendorUrl
+  }
+  search: any,
+  waline: {
+    serverURL: string
+    lang: string
+    locale: object
+    emoji: boolean
+    meta: walineMeta[]
+    requiredMeta: walineMeta[]
+    wordLimit: number
+    pageSize: number
+    pageview: boolean
+    recaptchaV3Key: string
+    turnstileKey: string
+  }
+  twikoo: {
+    envId: string
+    region: string
+  }
+  walinePageView: boolean
+  playerAPI: string
+  experiments: {
+    copyrightLength: number;
+  }
+}
+// esbuild 静态常量
+declare const __shokax_player__:boolean
+declare const __shokax_fireworks__:boolean
+declare const __shokax_algolia_search__:boolean
+declare const __shokax_pagefind_search__:boolean
+declare const __shokax_VL__:boolean
+declare const __shokax_outime__:boolean
+declare const __shokax_tabs__: boolean
+declare const __shokax_quiz__: boolean
+declare const __shokax_waline__:boolean
+declare const __shokax_twikoo__:boolean
+declare const shokax_CONFIG:configType
+declare const shokax_siteURL:string
+declare const __shokax_antiFakeWebsite__:boolean

package/source/js/_app/library/proto.ts

@@ -1,70 +1,70 @@
-export const insertAfter = function (el: Element, element: HTMLElement): void {
-  const parent = el.parentNode
-  if (parent.lastChild === el) {
-    parent.appendChild(element)
-  } else {
-    parent.insertBefore(element, el.nextSibling)
-  }
-}
-
-/**
- * 创建一个子节点并放置
- */
-export const createChild = function (parent: Element, tag: string, obj: object, positon?: string): HTMLElement {
-  const child = document.createElement(tag)
-  Object.assign(child, obj)
-  switch (positon) {
-    case 'after':
-      insertAfter(parent, child)
-      break
-    case 'replace':
-      parent.innerHTML = ''
-      parent.appendChild(child)
-      break
-    default:
-      parent.appendChild(child)
-  }
-  return child
-}
-
-/**
- *  此方法使用`<div>`包装一个 DOM 元素
- * @param parent
- * @param obj 需要被包装的对象
- */
-export const wrapObject = function (parent: HTMLElement, obj: any): void {
-  const box = document.createElement('div')
-  Object.assign(box, obj)
-  parent.parentNode.insertBefore(box, parent)
-  parent.parentNode.removeChild(parent)
-  box.appendChild(parent)
-}
-
-export const getHeight = function (el: HTMLElement): number {
-  return el.getBoundingClientRect().height
-}
-
-export const setWidth = function (el: HTMLElement, w: number|string): void {
-  el.style.width = typeof w === 'number' ? w + 'rem' : w
-}
-
-export const getWidth = function (el: HTMLElement): number {
-  return el.getBoundingClientRect().width
-}
-
-export const getTop = function (el: HTMLElement): number {
-  return el.getBoundingClientRect().top
-}
-
-export const getLeft = function (el: HTMLElement): number {
-  return el.getBoundingClientRect().left
-}
-
-export const getDisplay = function (el: HTMLElement): string {
-  return el.style.display
-}
-
-export const setDisplay = function (el: HTMLElement, d: string): HTMLElement {
-  el.style.display = d
-  return el
-}
+export const insertAfter = function (el: Element, element: HTMLElement): void {
+  const parent = el.parentNode
+  if (parent.lastChild === el) {
+    parent.appendChild(element)
+  } else {
+    parent.insertBefore(element, el.nextSibling)
+  }
+}
+
+/**
+ * 创建一个子节点并放置
+ */
+export const createChild = function (parent: Element, tag: string, obj: object, positon?: string): HTMLElement {
+  const child = document.createElement(tag)
+  Object.assign(child, obj)
+  switch (positon) {
+    case 'after':
+      insertAfter(parent, child)
+      break
+    case 'replace':
+      parent.innerHTML = ''
+      parent.appendChild(child)
+      break
+    default:
+      parent.appendChild(child)
+  }
+  return child
+}
+
+/**
+ *  此方法使用`<div>`包装一个 DOM 元素
+ * @param parent
+ * @param obj 需要被包装的对象
+ */
+export const wrapObject = function (parent: HTMLElement, obj: any): void {
+  const box = document.createElement('div')
+  Object.assign(box, obj)
+  parent.parentNode.insertBefore(box, parent)
+  parent.parentNode.removeChild(parent)
+  box.appendChild(parent)
+}
+
+export const getHeight = function (el: HTMLElement): number {
+  return el.getBoundingClientRect().height
+}
+
+export const setWidth = function (el: HTMLElement, w: number|string): void {
+  el.style.width = typeof w === 'number' ? w + 'rem' : w
+}
+
+export const getWidth = function (el: HTMLElement): number {
+  return el.getBoundingClientRect().width
+}
+
+export const getTop = function (el: HTMLElement): number {
+  return el.getBoundingClientRect().top
+}
+
+export const getLeft = function (el: HTMLElement): number {
+  return el.getBoundingClientRect().left
+}
+
+export const getDisplay = function (el: HTMLElement): string {
+  return el.style.display
+}
+
+export const setDisplay = function (el: HTMLElement, d: string): HTMLElement {
+  el.style.display = d
+  return el
+}

package/source/js/_app/library/vue.ts

@@ -1,49 +1,49 @@
-import { transition } from './anime'
-import { BODY } from '../globals/globalVars'
-import { changeTheme } from '../globals/themeColor'
-import { createChild, setDisplay } from './proto'
-
-export function initVue () {
-  function changeThemeByBtn () {
-    let c: { (): void; (): void; (): void }
-    const btn = document.querySelector('.theme').querySelector('.ic')
-
-    const neko = createChild(BODY, 'div', {
-      id: 'neko',
-      innerHTML: '<div class="planet"><div class="sun"></div><div class="moon"></div></div><div class="body"><div class="face"><section class="eyes left"><span class="pupil"></span></section><section class="eyes right"><span class="pupil"></span></section><span class="nose"></span></div></div>'
-    })
-
-    const hideNeko = () => {
-      transition(neko, {
-        // @ts-ignore
-        delay: 2500,
-        opacity: 0
-      }, () => {
-        BODY.removeChild(neko)
-      })
-    }
-
-    if (btn.classList.contains('i-sun')) {
-      c = () => {
-        neko.classList.add('dark')
-        changeTheme('dark')
-        localStorage.setItem('theme', 'dark')
-        hideNeko()
-      }
-    } else {
-      neko.classList.add('dark')
-      c = () => {
-        neko.classList.remove('dark')
-        changeTheme()
-        localStorage.setItem('theme', 'light')
-        hideNeko()
-      }
-    }
-    transition(neko, 1, () => {
-      setTimeout(c, 210)
-    }, () => {
-      setDisplay(neko, 'block')
-    })
-  }
-  document.getElementById('rightNav').querySelector('.theme .ic').addEventListener('click', changeThemeByBtn)
-}
+import { transition } from './anime'
+import { BODY } from '../globals/globalVars'
+import { changeTheme } from '../globals/themeColor'
+import { createChild, setDisplay } from './proto'
+
+export function initVue () {
+  function changeThemeByBtn () {
+    let c: { (): void; (): void; (): void }
+    const btn = document.querySelector('.theme').querySelector('.ic')
+
+    const neko = createChild(BODY, 'div', {
+      id: 'neko',
+      innerHTML: '<div class="planet"><div class="sun"></div><div class="moon"></div></div><div class="body"><div class="face"><section class="eyes left"><span class="pupil"></span></section><section class="eyes right"><span class="pupil"></span></section><span class="nose"></span></div></div>'
+    })
+
+    const hideNeko = () => {
+      transition(neko, {
+        // @ts-ignore
+        delay: 2500,
+        opacity: 0
+      }, () => {
+        BODY.removeChild(neko)
+      })
+    }
+
+    if (btn.classList.contains('i-sun')) {
+      c = () => {
+        neko.classList.add('dark')
+        changeTheme('dark')
+        localStorage.setItem('theme', 'dark')
+        hideNeko()
+      }
+    } else {
+      neko.classList.add('dark')
+      c = () => {
+        neko.classList.remove('dark')
+        changeTheme()
+        localStorage.setItem('theme', 'light')
+        hideNeko()
+      }
+    }
+    transition(neko, 1, () => {
+      setTimeout(c, 210)
+    }, () => {
+      setDisplay(neko, 'block')
+    })
+  }
+  document.getElementById('rightNav').querySelector('.theme .ic').addEventListener('click', changeThemeByBtn)
+}

package/source/js/_app/page/common.ts

@@ -1,41 +1,41 @@
-export const cardActive = () => {
-  if (!document.querySelector('.index.wrap')) { return }
-  const io = new IntersectionObserver((entries) => {
-    entries.forEach((article) => {
-      if (article.target.classList.contains('show')) {
-        io.unobserve(article.target)
-      } else {
-        if (article.isIntersecting || article.intersectionRatio > 0) {
-          article.target.classList.add('show')
-          io.unobserve(article.target)
-        }
-      }
-    })
-  }, {
-    root: null,
-    threshold: [0.3]
-  })
-
-  document.querySelectorAll('.index.wrap article.item, .index.wrap section.item').forEach((article) => {
-    io.observe(article)
-  })
-
-  document.querySelector('.index.wrap .item:first-child').classList.add('show')
-
-  document.querySelectorAll('.cards .item').forEach((element) => {
-    ['mouseenter', 'touchstart'].forEach((item) => {
-      element.addEventListener(item, () => {
-        const cardEle = document.querySelector('.cards .item.active')
-        if (cardEle) {
-          cardEle.classList.remove('active')
-        }
-        element.classList.add('active')
-      }, { passive: true })
-    });
-    ['mouseleave'].forEach((item) => {
-      element.addEventListener(item, () => {
-        element.classList.remove('active')
-      }, { passive: true })
-    })
-  })
-}
+export const cardActive = () => {
+  if (!document.querySelector('.index.wrap')) { return }
+  const io = new IntersectionObserver((entries) => {
+    entries.forEach((article) => {
+      if (article.target.classList.contains('show')) {
+        io.unobserve(article.target)
+      } else {
+        if (article.isIntersecting || article.intersectionRatio > 0) {
+          article.target.classList.add('show')
+          io.unobserve(article.target)
+        }
+      }
+    })
+  }, {
+    root: null,
+    threshold: [0.3]
+  })
+
+  document.querySelectorAll('.index.wrap article.item, .index.wrap section.item').forEach((article) => {
+    io.observe(article)
+  })
+
+  document.querySelector('.index.wrap .item:first-child').classList.add('show')
+
+  document.querySelectorAll('.cards .item').forEach((element) => {
+    ['mouseenter', 'touchstart'].forEach((item) => {
+      element.addEventListener(item, () => {
+        const cardEle = document.querySelector('.cards .item.active')
+        if (cardEle) {
+          cardEle.classList.remove('active')
+        }
+        element.classList.add('active')
+      }, { passive: true })
+    });
+    ['mouseleave'].forEach((item) => {
+      element.addEventListener(item, () => {
+        element.classList.remove('active')
+      }, { passive: true })
+    })
+  })
+}

package/source/js/_app/page/imageviewer.ts

@@ -1,15 +1,15 @@
-import { HanaImgViewer } from 'hana-img-viewer'
-import { createApp } from 'vue';
-
-export const postImageViewer = (p: string) => {
-  document.querySelectorAll(`${p} .md img:not(.emoji):not(.vemoji)`).forEach((element) => {
-    const img = element as HTMLImageElement;
-    const imgSrc = img.src
-
-    const wrapper = document.createElement('div');
-    img.replaceWith(wrapper);
-
-    const app = createApp(HanaImgViewer, { src: imgSrc, maskOpacity: 0.8 });
-    app.mount(wrapper);
-  });
-};
+import { HanaImgViewer } from 'hana-img-viewer'
+import { createApp } from 'vue';
+
+export const postImageViewer = (p: string) => {
+  document.querySelectorAll(`${p} .md img:not(.emoji):not(.vemoji)`).forEach((element) => {
+    const img = element as HTMLImageElement;
+    const imgSrc = img.src
+
+    const wrapper = document.createElement('div');
+    img.replaceWith(wrapper);
+
+    const app = createApp(HanaImgViewer, { src: imgSrc, maskOpacity: 0.8 });
+    app.mount(wrapper);
+  });
+};