hexo-theme-shokax 0.5.0-dev-f787465 → 0.5.0-dev-36bb58f

package/source/js/_app/player.ts

@@ -3,7 +3,6 @@
 import { CONFIG, originTitle } from './globals/globalVars'
 import { showtip } from './globals/tools'
 import { pageScroll } from './library/anime'
-import { $storage } from './library/storage'
 import { tabFormat } from './page/tab'
 import { createChild, getLeft, getWidth, setDisplay, setWidth } from './library/proto'
 
@@ -85,7 +84,7 @@ export const mediaPlayer = (t, config?) => {
         }
 
         controller.btns.mode.className = 'mode ' + t.player.options.mode + ' btn'
-        $storage.set('_PlayerMode', t.player.options.mode)
+        localStorage.setItem('_PlayerMode', t.player.options.mode)
       },
       volume (e) {
         e.preventDefault()
@@ -148,7 +147,7 @@ export const mediaPlayer = (t, config?) => {
 
       if (current) {
         if (progress.el) {
-          progress.el.parentNode.removeClass('current')
+          progress.el.parentNode.classList.remove('current')
             .removeEventListener(utils.nameMap.dragStart, progress.drag)
           progress.el.remove()
         }
@@ -163,7 +162,7 @@ export const mediaPlayer = (t, config?) => {
           className: 'bar'
         })
 
-        current.addClass('current')
+        current.classList.add('current')
 
         current.addEventListener(utils.nameMap.dragStart, progress.drag)
 
@@ -175,7 +174,7 @@ export const mediaPlayer = (t, config?) => {
       (progress.el as HTMLElement).setAttribute('data-ptime', utils.secondToTime(percent * source.duration))
     },
     seeking (type) {
-      if (type) { progress.el.addClass('seeking') } else { progress.el.removeClass('seeking') }
+      if (type) { progress.el.classList.add('seeking') } else { progress.el.classList.remove('seeking') }
     },
     percent (e, el) {
       let percentage = ((e.clientX || e.changedTouches[0].clientX) - getLeft(el)) / getWidth(el)
@@ -301,13 +300,13 @@ export const mediaPlayer = (t, config?) => {
     scroll () {
       const item = this.current()
       let li = this.el.querySelector('li.active')
-      li && li.removeClass('active')
+      li && li.classList.remove('active')
       let tab = this.el.querySelector('.tab.active')
-      tab && tab.removeClass('active')
+      tab && tab.classList.remove('active')
       li = this.el.querySelectorAll('.nav li')[item.group]
-      li && li.addClass('active')
+      li && li.classList.add('active')
       tab = this.el.querySelectorAll('.tab')[item.group]
-      tab && tab.addClass('active')
+      tab && tab.classList.add('active')
 
       pageScroll(item.el, item.el.offsetTop)
 
@@ -321,7 +320,7 @@ export const mediaPlayer = (t, config?) => {
     },
     error () {
       const current = this.current()
-      current.el.removeClass('current').addClass('error')
+      current.el.classList.remove('current').classList.add('error')
       current.error = true
       this.errnum++
     }
@@ -342,9 +341,9 @@ export const mediaPlayer = (t, config?) => {
     },
     hide () {
       const el = this.el
-      el.addClass('hide')
+      el.classList.add('hide')
       window.setTimeout(() => {
-        el.removeClass('show hide')
+        el.classList.remove('show hide')
       }, 300)
     }
   }
@@ -362,10 +361,10 @@ export const mediaPlayer = (t, config?) => {
         }
       },
       music (event) {
-        if (info.el.hasClass('show')) {
+        if (info.el.classList.contains('show')) {
           info.hide()
         } else {
-          info.el.addClass('show')
+          info.el.classList.add('show')
           playlist.scroll().title()
         }
       }
@@ -409,7 +408,7 @@ export const mediaPlayer = (t, config?) => {
           const meta = utils.parse(raw)
           if (meta[0]) {
             const skey = JSON.stringify(meta)
-            const playlist = $storage.get(skey)
+            const playlist = localStorage.getItem(skey)
             if (playlist) {
               // list.push.apply(list, JSON.parse(playlist))
               list.push(...JSON.parse(playlist))
@@ -419,7 +418,7 @@ export const mediaPlayer = (t, config?) => {
                 .then((response) => {
                   return response.json()
                 }).then((json) => {
-                  $storage.set(skey, JSON.stringify(json))
+                  localStorage.setItem(skey, JSON.stringify(json))
                   // list.push.apply(list, json)
                   list.push(...json)
                   resolve(list)
@@ -583,8 +582,8 @@ export const mediaPlayer = (t, config?) => {
 
       source.setAttribute('src', item.url)
       source.setAttribute('title', item.name + ' - ' + item.artist)
-      this.volume($storage.get('_PlayerVolume') || '0.7')
-      this.muted($storage.get('_PlayerMuted'))
+      this.volume(localStorage.getItem('_PlayerVolume') || '0.7')
+      this.muted(localStorage.getItem('_PlayerMuted'))
 
       progress.create()
 
@@ -625,10 +624,10 @@ export const mediaPlayer = (t, config?) => {
     muted (status?) {
       if (status === 'muted') {
         source.muted = status
-        $storage.set('_PlayerMuted', status)
+        localStorage.setItem('_PlayerMuted', status)
         controller.update(0)
       } else {
-        $storage.del('_PlayerMuted')
+        localStorage.removeItem('_PlayerMuted')
         source.muted = false
         controller.update(source.volume)
       }
@@ -636,7 +635,7 @@ export const mediaPlayer = (t, config?) => {
     volume (percentage) {
       if (!isNaN(percentage)) {
         controller.update(percentage)
-        $storage.set('_PlayerVolume', percentage)
+        localStorage.setItem('_PlayerVolume', percentage)
         source.volume = percentage
       }
     },
@@ -684,8 +683,8 @@ export const mediaPlayer = (t, config?) => {
             const y = -(this.index - 1)
             this.el.style.transform = 'translateY(' + y + 'rem)'
             // this.el.style.webkitTransform = 'translateY(' + y + 'rem)';
-            this.el.getElementsByClassName('current')[0].removeClass('current')
-            this.el.getElementsByTagName('p')[i].addClass('current')
+            this.el.getElementsByClassName('current')[0].classList.remove('current')
+            this.el.getElementsByTagName('p')[i].classList.add('current')
           }
         }
       }
@@ -755,12 +754,12 @@ export const mediaPlayer = (t, config?) => {
       progress.el.setAttribute('data-dtime', utils.secondToTime(source.duration))
     },
     onplay () {
-      t.parentNode.addClass('playing')
+      t.parentNode.classList.add('playing')
       showtip(this.getAttribute('title'))
       NOWPLAYING = t
     },
     onpause () {
-      t.parentNode.removeClass('playing')
+      t.parentNode.classList.remove('playing')
       NOWPLAYING = null
     },
     ontimeupdate () {
@@ -779,7 +778,7 @@ export const mediaPlayer = (t, config?) => {
     if (t.player.created) { return }
 
     t.player.options = Object.assign(option, config)
-    t.player.options.mode = $storage.get('_PlayerMode') || t.player.options.mode
+    t.player.options.mode = localStorage.getItem('_PlayerMode') || t.player.options.mode
 
     // 初始化button、controls以及click事件
     buttons.create()
@@ -789,7 +788,7 @@ export const mediaPlayer = (t, config?) => {
     // 初始化播放列表、预览、控件按钮等
     info.create()
 
-    t.parentNode.addClass(t.player.options.type)
+    t.parentNode.classList.add(t.player.options.type)
 
     t.player.created = true
   }

package/toolbox/compiler.mjs

@@ -1,15 +1,13 @@
 /*
 ShokaX ToolBox - Compiler
-compatibility: ShokaX v0.4.x
+compatibility: ShokaX v0.5.x-dev
  */
-import path from "node:path";
 import fs from 'fs/promises'
-import child_process from 'child_process'
 import { buildSync } from 'esbuild'
 import { glob } from 'glob'
 
 const CONFIG = {
-  legacyScript: false,
+
 }
 
 console.log('ShokaX ToolBox - Compiler')
@@ -18,50 +16,24 @@ console.log('Start compiling...')
 const entryPoints = await glob('./scripts/**/*.ts');
 const jsons = await glob('./scripts/**/*.json');
 
-if (CONFIG.legacyScript) {
-    console.log('Simulating legacy script compiler...')
-    let sPath = path.join(import.meta.url, './../../scripts/').trim()
-    if (sPath.startsWith('file:/')) {
-        sPath = sPath.slice(5); // 去除 'file://'
-    } else if (sPath.startsWith('file:\\')) {
-        sPath = sPath.slice(8); // 去除 'file:\'
-    }
-    child_process.exec('npm install',{
-        cwd: path.join(sPath,'./../')
-    }, (code, stdout, stderr) => {
-        child_process.exec('"yes" | npx -p typescript tsc --build'.trim(), {
-            cwd: sPath
-        }, async (code, stdout, stderr) => {
-            console.log('Deleting typescript files...')
-            for (const entry of entryPoints) {
-                await fs.unlink(entry)
-            }
-            for (const entry of jsons) {
-                await fs.unlink(entry)
-            }
-            console.log('Finished compiling.')
-        })
-    })
-} else {
-    console.log('RUN THIS SCRIPT IN YOUR SHOKAX THEME ROOT DIRECTORY!')
-    console.log('Using esbuild compiler...')
-    buildSync({
-        entryPoints: entryPoints,
-        outdir: 'scripts',
-        bundle: false,
-        format: 'cjs',
-        target: ['esnext'],
-        platform: 'node',
-        loader: { '.ts': 'ts' },
-    })
-    entryPoints.forEach(async (entry) => {
-        await fs.unlink(entry)
-    })
-    jsons.forEach(async (entry)=>{
-        await fs.unlink(entry)
-    })
-    console.log('Finished compiling.')
-}
+console.log('RUN THIS SCRIPT IN YOUR SHOKAX THEME ROOT DIRECTORY!')
+console.log('Using esbuild compiler...')
+buildSync({
+    entryPoints: entryPoints,
+    outdir: 'scripts',
+    bundle: false,
+    format: 'cjs',
+    target: ['esnext'],
+    platform: 'node',
+    loader: { '.ts': 'ts' },
+})
+entryPoints.forEach(async (entry) => {
+    await fs.unlink(entry)
+})
+jsons.forEach(async (entry)=>{
+    await fs.unlink(entry)
+})
+console.log('Finished compiling.')
 
 console.log('Done.')
 

package/scripts/plugin/lib/injects-point.js

@@ -1,41 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var injects_point_exports = {};
-__export(injects_point_exports, {
-  default: () => injects_point_default
-});
-module.exports = __toCommonJS(injects_point_exports);
-var injects_point_default = {
-  views: [
-    "head",
-    "sidebar",
-    "rightNav",
-    "postMeta",
-    "postBodyEnd",
-    "footer",
-    "bodyEnd",
-    "comment",
-    "status"
-  ],
-  styles: [
-    "variable",
-    "mixin",
-    "style"
-  ]
-};

package/scripts/plugin/lib/injects.js

@@ -1,105 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var injects_exports = {};
-__export(injects_exports, {
-  default: () => injects_default
-});
-module.exports = __toCommonJS(injects_exports);
-var import_node_fs = __toESM(require("node:fs"));
-var import_node_path = __toESM(require("node:path"));
-var import_injects_point = __toESM(require("./injects-point"));
-/*!
-  inject.js in next-theme/hexo-theme-next by next-theme
-  under GNU AFFERO GENERAL PUBLIC LICENSE v3.0 OR LATER
-  https://github.com/next-theme/hexo-theme-next/blob/master/LICENSE.md
- */
-const defaultExtname = ".pug";
-class StylusInject {
-  files;
-  base_dir;
-  constructor(base_dir) {
-    this.base_dir = base_dir;
-    this.files = [];
-  }
-  push(file) {
-    this.files.push(import_node_path.default.resolve(this.base_dir, file));
-  }
-}
-class ViewInject {
-  base_dir;
-  raws;
-  constructor(base_dir) {
-    this.base_dir = base_dir;
-    this.raws = [];
-  }
-  raw(name, raw, ...args) {
-    if (import_node_path.default.extname(name) === "") {
-      name += defaultExtname;
-    }
-    this.raws.push({ name, raw, args });
-  }
-  file(name, file, ...args) {
-    if (import_node_path.default.extname(name) === "") {
-      name += import_node_path.default.extname(file);
-    }
-    this.raw(name, import_node_fs.default.readFileSync(import_node_path.default.resolve(this.base_dir, file), "utf8"), ...args);
-  }
-}
-function initInject(base_dir) {
-  const injects = {};
-  import_injects_point.default.styles.forEach((item) => {
-    injects[item] = new StylusInject(base_dir);
-  });
-  import_injects_point.default.views.forEach((item) => {
-    injects[item] = new ViewInject(base_dir);
-  });
-  return injects;
-}
-var injects_default = (hexo) => {
-  const injects = initInject(hexo.base_dir);
-  hexo.execFilterSync("theme_inject", injects);
-  hexo.theme.config.injects = {};
-  import_injects_point.default.styles.forEach((type) => {
-    hexo.theme.config.injects[type] = injects[type].files;
-  });
-  import_injects_point.default.views.forEach((type) => {
-    const configs = /* @__PURE__ */ Object.create(null);
-    hexo.theme.config.injects[type] = [];
-    injects[type].raws.forEach((injectObj, index) => {
-      const name = `inject/${type}/${injectObj.name}`;
-      hexo.theme.setView(name, injectObj.raw);
-      configs[name] = {
-        layout: name,
-        locals: injectObj.args[0],
-        options: injectObj.args[1],
-        order: injectObj.args[2] || index
-      };
-    });
-    hexo.theme.config.injects[type] = Object.values(configs).sort((x, y) => x.order - y.order);
-  });
-};

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

@@ -1,28 +0,0 @@
-/**
- * 获取一个dom选择器对应的元素
- * @deprecated Will be removed in the v0.5
- */
-const $dom = (selector: string, element: Document = document): HTMLElement => {
-  // 在测试环境中这能优化0.01-0.02ms左右
-  if (selector[0] === '#') {
-    return <HTMLElement> element.getElementById(selector.substring(1))
-  }
-  return <HTMLElement> element.querySelector(selector)
-}
-
-/**
- * 获取具有此选择器的所有dom节点
- * @deprecated Will be removed in the v0.5
- */
-$dom.all = (selector: string, element: Document = document): NodeListOf<HTMLElement> => {
-  return element.querySelectorAll(selector)
-}
-/**
- * 获取具有此选择器的所有dom节点,并依次执行callback函数
- * @deprecated Will be removed in the v0.5
- */
-$dom.each = (selector: string, callback: (value: HTMLElement, key: number, parent: NodeListOf<Element>) => void, element?: Document): void => {
-  $dom.all(selector, element).forEach(callback)
-}
-
-export { $dom }

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

@@ -1,12 +0,0 @@
-// Html5LocalStorage的一个API
-export const $storage = {
-  set (key: string, value: string): void {
-    localStorage.setItem(key, value)
-  },
-  get (key: string): string {
-    return localStorage.getItem(key)
-  },
-  del (key: string): void {
-    localStorage.removeItem(key)
-  }
-}