hexo-theme-shokax 0.5.0-dev-d82f54b → 0.5.0-dev-2f28258

package/scripts/plugin/index.js

@@ -1,7 +1,30 @@
+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 __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 import_package = require("../../package.json");
 var import_promises = require("node:fs/promises");
+var import_injects = __toESM(require("./lib/injects"));
 hexo.on("generateBefore", async () => {
-  await (0, import_promises.rm)("./shokaxTemp", { force: true, recursive: true });
+  (0, import_injects.default)(hexo);
   try {
     await (0, import_promises.unlink)("cf-patch.js");
   } catch (e) {

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

@@ -0,0 +1,40 @@
+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

@@ -0,0 +1,105 @@
+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/scripts/tags/media.js

@@ -30,7 +30,7 @@ function postMedia(args, content) {
   switch (args[0]) {
     case "video":
     case "audio":
-      return `<div class="media-container"><div class="player" data-type="${args[0]}" data-src='${JSON.stringify(list)}'></div></div>`;
+      return `<div class="media-container"><div class="player" data-type="${args[0]}" src='${JSON.stringify(list)}'></div></div>`;
   }
 }
 hexo.extend.tag.register("media", postMedia, { ends: true });

package/source/css/app.styl

@@ -23,6 +23,3 @@ else
 if $custom = hexo-config('style.custom')
   @import $custom;
 
-if $optimize = hexo-config('experiments.optimizeLongPosts')
-  @import "optimize.styl"
-

package/source/js/_app/components/comments.ts

@@ -1,6 +1,5 @@
 import { CONFIG } from '../globals/globalVars'
 import { init, RecentComments } from '@waline/client'
-// @ts-ignore
 import { pageviewCount } from '@waline/client/pageview'
 // @ts-ignore
 await import('@waline/client/style')

package/source/js/_app/components/sidebar.ts

@@ -108,14 +108,16 @@ export const sidebarTOC = () => {
     }
 
     document.querySelectorAll('.toc .active').forEach((element) => {
-      element && element.classList.remove('active current')
+      element && element.classList.remove('active')
+      element && element.classList.remove('current')
     })
 
     sections.forEach((element) => {
       element && element.classList.remove('active')
     })
 
-    target.classList.add('active current')
+    target.classList.add('active')
+    target.classList.add('current')
     sections[index] && sections[index].classList.add('active')
 
     let parent = <Element> target.parentNode

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

@@ -14,10 +14,9 @@ export const quickBtn = document.getElementById('quick')
 export const sideBar = document.getElementById('sidebar')
 export const siteBrand = document.getElementById('brand')
 export let toolBtn = document.getElementById('tool')
-export let toolPlayer
 export let backToTop: HTMLElement
 export let goToComment
-export let showContents
+export let showContents: HTMLElement
 export let siteSearch = document.getElementById('search')
 export let siteNavHeight: number, headerHightInner: number, headerHight: number
 export let oWinHeight = window.innerHeight
@@ -64,10 +63,6 @@ export function setOriginTitle (value:string):void {
   originTitle = value
 }
 
-export function setToolPlayer (value:any):void {
-  toolPlayer = value
-}
-
 export function setBackToTop (value:HTMLElement):void {
   backToTop = value
 }

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

@@ -84,13 +84,10 @@ interface configType {
   }
   js: {
     copy_tex: vendorUrl
-    fancybox: vendorUrl
   }
   css: {
-    valine: vendorUrl
     katex: vendorUrl
     mermaid: vendorUrl
-    fancybox: vendorUrl
   }
   search: any,
   waline: {
@@ -122,7 +119,6 @@ declare const __shokax_VL__:boolean
 declare const __shokax_outime__:boolean
 declare const __shokax_tabs__: boolean
 declare const __shokax_quiz__: boolean
-declare const __shokax_fancybox__: boolean
 declare const __shokax_waline__:boolean
 declare const __shokax_twikoo__:boolean
 declare const shokax_CONFIG:configType

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

@@ -2,6 +2,7 @@ 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 }

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

@@ -0,0 +1,20 @@
+import DOMPurify from 'dompurify';
+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 = DOMPurify.sanitize(img.dataset.src);
+
+    const wrapper = document.createElement('div');
+    console.log(wrapper)
+    img.replaceWith(wrapper);
+
+    console.log(imgSrc)
+    const app = createApp(HanaImgViewer, { src: imgSrc, maskOpacity: 0.8 });
+    console.log(app)
+    app.mount(wrapper);
+    console.log(app)
+  });
+};

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

@@ -1,4 +1,4 @@
-import { postFancybox } from './fancybox'
+import { postImageViewer } from './imageviewer'
 import { clipBoard, showtip } from '../globals/tools'
 import { CONFIG, BODY } from '../globals/globalVars'
 import { pageScroll, transition } from '../library/anime'
@@ -7,9 +7,7 @@ import { getDisplay, setDisplay, wrapObject } from '../library/proto'
 export const postBeauty = () => {
   if (!document.querySelector('.md')) { return }
 
-  if (__shokax_fancybox__) {
-    postFancybox('.post.block')
-  }
+  postImageViewer('.post.block');
 
   (document.querySelector('.post.block') as HTMLTextAreaElement).oncopy = (event) => {
     showtip(LOCAL.copyright)
@@ -32,11 +30,7 @@ export const postBeauty = () => {
         event.clipboardData.setData('text/html', htmlData)
         event.clipboardData.setData('text/plain', textData)
       } else {
-        // @ts-ignore
-        if (window.clipboardData) {
-          // @ts-ignore
-          return window.clipboardData.setData('text', textData)
-        }
+        throw new Error('Clipboard API not supported')
       }
     }
   }
@@ -229,16 +223,6 @@ export const postBeauty = () => {
     element.className = ['primary', 'success', 'info', 'warning', 'danger'][Math.floor(Math.random() * 5)]
   })
 
-  // if (__shokax_player__) {
-  //   $dom.each('.md div.player', (element) => {
-  //     mediaPlayer(element, {
-  //       type: element.getAttribute('data-type'),
-  //       mode: 'order',
-  //       btns: []
-  //     }).player.load(JSON.parse(element.getAttribute('data-src'))).fetch()
-  //   })
-  // }
-
   const angleDown = document.querySelectorAll('.show-btn .i-angle-down')
   if (angleDown.length) {
     const io = new IntersectionObserver((entries) => {

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

@@ -5,7 +5,6 @@ import {
   loadCat,
   menuToggle,
   quickBtn, setBackToTop, setGoToComment, setShowContents, setToolBtn,
-  setToolPlayer,
   showContents,
   siteHeader,
   siteNav,
@@ -13,8 +12,9 @@ import {
 } from '../globals/globalVars'
 import { Loader } from '../globals/thirdparty'
 import { createChild } from '../library/proto'
+import { initAudioPlayer } from '../player'
 
-export default function domInit () {
+export default async function domInit () {
   document.querySelectorAll('.overview .menu > .item').forEach((el) => {
     siteNav.querySelector('.menu').appendChild(el.cloneNode(true))
   })
@@ -29,11 +29,22 @@ export default function domInit () {
   if (!toolBtn) {
     setToolBtn(createChild(siteHeader, 'div', {
       id: 'tool',
-      innerHTML: '<div class="item player"></div><div class="item contents"><i class="ic i-list-ol"></i></div><div class="item chat"><i class="ic i-comments"></i></div><div class="item back-to-top"><i class="ic i-arrow-up"></i><span>0%</span></div>'
+      innerHTML: `<div class="item player">
+                    ${__shokax_player__ ? '<div class="play-pause btn" id="playBtn"></div><div class="music btn btn" id="showBtn"></div>' : ''}
+                  </div>
+                  <div class="item contents">
+                    <i class="ic i-list-ol"></i>
+                  </div>
+                  <div class="item chat">
+                    <i class="ic i-comments"></i>
+                  </div>
+                  <div class="item back-to-top">
+                    <i class="ic i-arrow-up"></i>
+                    <span>0%</span>
+                  </div>`
     }))
   }
 
-  setToolPlayer(toolBtn.querySelector('.player'))
   setBackToTop(toolBtn.querySelector('.back-to-top'))
   setGoToComment(toolBtn.querySelector('.chat'))
   setShowContents(toolBtn.querySelector('.contents'))
@@ -42,13 +53,10 @@ export default function domInit () {
   goToComment.addEventListener('click', goToCommentHandle)
   showContents.addEventListener('click', sideBarToggleHandle)
 
-  // if (__shokax_player__) {
-  //   mediaPlayer(toolPlayer)
-  //
-  //   document.querySelector('main').addEventListener('click', () => {
-  //     toolPlayer.player.mini()
-  //   })
-  // }
+  if (__shokax_player__) {
+    await initAudioPlayer()
+  }
+  
 
   const createIntersectionObserver = () => {
     // waves在视口外时停止动画

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

@@ -8,7 +8,6 @@ import { 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 siteRefresh = async (reload) => {
   if (__shokax_antiFakeWebsite__) {
@@ -53,9 +52,8 @@ export const siteRefresh = async (reload) => {
   sideBarTab()
   sidebarTOC()
 
-  import('../page/post').then(({postBeauty}) => {
-    postBeauty()
-  })
+  const pagePost = await import('../page/post')
+  pagePost.postBeauty()
 
   const cpel = document.getElementById('copyright')
   if (cpel) {
@@ -84,8 +82,6 @@ export const siteRefresh = async (reload) => {
     comment.observe(cpel)
   }
 
-  lazyLoad()
-
   if (__shokax_waline__) {
     import('../components/comments').then(async ({walineRecentComments}) => {
       await walineRecentComments()
@@ -102,9 +98,6 @@ export const siteRefresh = async (reload) => {
     tabFormat()
   }
 
-  // if (__shokax_player__) {
-  //   toolPlayer.player.load(LOCAL.audio || CONFIG.audio || {})
-  // }
   if (sessionStorage.getItem('loaded') === 'true') {
     Loader.hide(30)
   } else {

package/source/js/_app/player.ts

@@ -1,12 +1,14 @@
-import { initPlayer } from 'nyx-player'
 import { CONFIG } from './globals/globalVars'
+import 'nyx-player/style'
 
-const urls = []
-CONFIG.audio.forEach((item) => {
-  urls.push({
-    name: item.title,
-    url: item.list[0]
+export const initAudioPlayer = async function () {
+  const urls = []
+  CONFIG.audio.forEach((item) => {
+    urls.push({
+      name: item.title,
+      url: item.list[0]
+    })
   })
-})
-
-initPlayer("#player","#showBtn", [])
+  const { initPlayer } = await import('nyx-player')
+  initPlayer("#player","#showBtn", urls, "#playBtn", "html[data-theme="dark"]", "shokax")
+}

package/toolbox/compiler.mjs

@@ -5,6 +5,7 @@ compatibility: ShokaX v0.5.x-dev
 import fs from 'fs/promises'
 import { buildSync } from 'esbuild'
 import { glob } from 'glob'
+import { build } from 'esbuild'
 
 const CONFIG = {
 
@@ -18,21 +19,31 @@ const jsons = await glob('./scripts/**/*.json');
 
 console.log('RUN THIS SCRIPT IN YOUR SHOKAX THEME ROOT DIRECTORY!')
 console.log('Using esbuild compiler...')
-buildSync({
+
+await build({
     entryPoints: entryPoints,
-    outdir: 'scripts',
     bundle: false,
     format: 'cjs',
     target: ['esnext'],
     platform: 'node',
     loader: { '.ts': 'ts' },
+    outdir: 'scripts'
 })
-entryPoints.forEach(async (entry) => {
-    await fs.unlink(entry)
-})
-jsons.forEach(async (entry)=>{
-    await fs.unlink(entry)
-})
+
+console.log('deleting ts and json files...')
+
+await Promise.all(
+    entryPoints.map(async (entry) => {
+        await fs.unlink(entry)
+    })
+)
+
+await Promise.all(
+    jsons.map(async (entry)=>{
+        await fs.unlink(entry)
+    })
+)
+
 console.log('Finished compiling.')
 
 console.log('Done.')

package/eslint.config.mjs

@@ -1,55 +0,0 @@
-export default [
-  {
-    files: ['*.ts', '*.tsx', '*.vue'],
-    languageOptions: {
-      parser: '@typescript-eslint/parser',
-      parserOptions: {
-        ecmaVersion: 2022
-      }
-    },
-    plugins: {
-      '@typescript-eslint': await import('@typescript-eslint/eslint-plugin'),
-      'vue': await import('eslint-plugin-vue')
-    },
-    rules: {
-      camelcase: 'off',
-      'n/no-callback-literal': 'off',
-      '@typescript-eslint/ban-types': 'off',
-      '@typescript-eslint/ban-ts-comment': 'off',
-      '@typescript-eslint/no-var-requires': 'off',
-      '@typescript-eslint/no-unused-vars': 'off',
-      'prefer-const': 'off'
-    }
-  },
-  {
-    files: ['*.js', '*.jsx'],
-    languageOptions: {
-      ecmaVersion: 2022
-    },
-    env: {
-      browser: true,
-      commonjs: true,
-      es6: true,
-      node: true
-    },
-    extends: [
-      'standard'
-    ],
-    rules: {
-      camelcase: 'off',
-      'n/no-callback-literal': 'off',
-      'prefer-const': 'off'
-    }
-  },
-  {
-    files: ['*.vue'],
-    languageOptions: {
-      parserOptions: {
-        ecmaVersion: 2022
-      }
-    },
-    extends: [
-      'plugin:vue/vue3-recommended'
-    ]
-  }
-];

package/source/css/optimize.styl

@@ -1,6 +0,0 @@
-.md {
-  span:not(.katex), p, pre, li, a {
-    content-visibility: auto;
-    contain-intrinsic-size: auto 1em;
-  }
-}

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

@@ -1,66 +0,0 @@
-import { insertAfter } from '../library/proto'
-import DOMPurify from 'dompurify';
-
-// TODO 使用PhotoSwipe替换Fancybox
-export const postFancybox = (p:string) => {
-  if (document.querySelector(p + ' .md img')) {
-    // vendorCss('fancybox')
-    // vendorCss('justifiedGallery')
-    document.querySelectorAll(p + ' p.gallery').forEach((element) => {
-      const box = document.createElement('div')
-      box.className = 'gallery'
-      box.setAttribute('data-height', String(element.getAttribute('data-height') || 220))
-
-      box.innerHTML = element.innerHTML.replace(/<br>/g, '')
-
-      element.parentNode.insertBefore(box, element)
-      element.remove()
-    })
-
-    document.querySelectorAll(p + ' .md img:not(.emoji):not(.vemoji)').forEach((element) => {
-      const $image = $(element)
-      const imageLink = DOMPurify.sanitize($image.attr('data-src') || $image.attr('src')) // 替换
-      const $imageWrapLink = $image.wrap('<a class="fancybox" href="' + imageLink + '" itemscope itemtype="https://schema.org/ImageObject" itemprop="url"></a>').parent('a')
-      let info; let captionClass = 'image-info'
-      if (!$image.is('a img')) {
-        $image.data('safe-src', imageLink)
-        if (!$image.is('.gallery img')) {
-          $imageWrapLink.attr('data-fancybox', 'default').attr('rel', 'default')
-        } else {
-          captionClass = 'jg-caption'
-        }
-      }
-      if ((info = element.getAttribute('title'))) {
-        $imageWrapLink.attr('data-caption', info)
-        const para = document.createElement('span')
-        const txt = document.createTextNode(info)
-        para.appendChild(txt)
-        para.addClass(captionClass)
-        insertAfter(element, para)
-      }
-    })
-
-    document.querySelectorAll(p + ' div.gallery').forEach((el, i) => {
-      // @ts-ignore
-      $(el).justifiedGallery({
-        rowHeight: $(el).data('height') || 120,
-        rel: 'gallery-' + i
-      }).on('jg.complete', function () {
-        $(this).find('a').each((k, ele) => {
-          ele.setAttribute('data-fancybox', 'gallery-' + i)
-        })
-      })
-    })
-
-    $.fancybox.defaults.hash = false
-    $(p + ' .fancybox').fancybox({
-      loop: true,
-      // @ts-ignore
-      helpers: {
-        overlay: {
-          locked: false
-        }
-      }
-    })
-  }
-}