hexo-theme-shokax 0.3.9 → 0.3.11

package/scripts/helpers/list_categories.js

@@ -1,4 +1,5 @@
 'use strict';
+/* global hexo */
 const prepareQuery = (categories, parent) => {
     const query = {
         parent: undefined
@@ -12,6 +13,7 @@ const prepareQuery = (categories, parent) => {
     return categories.find(query).sort('name', 1).filter(cat => cat.length);
 };
 hexo.extend.helper.register('_list_categories', function (depth = 0) {
+    // let hexo = this
     const categories = this.site.categories;
     if (!categories || !categories.length)
         return '';
@@ -46,6 +48,7 @@ hexo.extend.helper.register('_list_categories', function (depth = 0) {
     return hierarchicalList(0);
 });
 hexo.extend.helper.register('_category_prev', function (name) {
+    // let hexo = this
     const categories = this.site.categories;
     if (!categories || !categories.length)
         return '';
@@ -60,6 +63,7 @@ hexo.extend.helper.register('_category_prev', function (name) {
     return result;
 });
 hexo.extend.helper.register('_category_posts', function (page) {
+    // let hexo = this
     const categories = this.site.categories;
     if (!categories || !categories.length || !page.categories || !page.categories.length)
         return '';

package/scripts/helpers/summary_ai.js

@@ -10,6 +10,7 @@ function getContent(post) {
 let db;
 function postMessage(path, content, dbPath, startMessage) {
     if (node_fs_1.default.existsSync('summary.json')) {
+        // @ts-ignore
         db = JSON.parse(node_fs_1.default.readFileSync('summary.json'));
     }
     else {
@@ -39,6 +40,7 @@ function postMessage(path, content, dbPath, startMessage) {
                         throw Error('ERROR: Failed to get summary from Openai API');
                     }
                     response.json().then((data) => {
+                        // @ts-ignore
                         const summary = data.choices[0].message.content;
                         try {
                             db[path][dbPath] = summary;
@@ -63,6 +65,7 @@ function postMessage(path, content, dbPath, startMessage) {
                         setTimeout(checkTime, 1000 * waitTime);
                         return;
                     }
+                    // Openai API 针对个人用户免费试用限制 3 RPM，这里是25s后发送请求
                     node_fs_1.default.writeFileSync('requested.lock', '');
                     setTimeout(request, 1000 * 2.5 * waitTime);
                     node_fs_1.default.unlinkSync('request.lock');
@@ -92,6 +95,7 @@ function postMessage(path, content, dbPath, startMessage) {
             }
         }
         else {
+            // custom尚未支持
         }
     }
 }

package/scripts/helpers/symbols_count_time.js

@@ -1,5 +1,11 @@
 'use strict';
 Object.defineProperty(exports, "__esModule", { value: true });
+/* global hexo */
+/*!
+  hexo-symbols-count-time by theme-next
+  under GNU Lesser General Public License v3.0 or later
+  https://github.com/theme-next/hexo-symbols-count-time/blob/master/LICENSE
+ */
 const hexo_util_1 = require("hexo-util");
 const config = hexo.config.symbols_count_time = Object.assign({
     symbols: true,
@@ -25,20 +31,20 @@ function getFormatTime(minutes, suffix) {
     const fHours = Math.floor(minutes / 60);
     let fMinutes = Math.floor(minutes - (fHours * 60));
     if (fMinutes < 1) {
-        fMinutes = 1;
+        fMinutes = 1; // 0 => 1
     }
     return fHours < 1
-        ? fMinutes + ' ' + suffix
-        : fHours + ':' + ('00' + fMinutes).slice(-2);
+        ? fMinutes + ' ' + suffix // < 59 => 59 mins.
+        : fHours + ':' + ('00' + fMinutes).slice(-2); // = 61 => 1:01
 }
 hexo.extend.helper.register('symbolsCount', function (post) {
     let symbolsResult = getSymbols(post);
     if (symbolsResult > 9999) {
-        symbolsResult = Math.round(symbolsResult / 1000) + 'k';
+        symbolsResult = Math.round(symbolsResult / 1000) + 'k'; // > 9999 => 11k
     }
     else if (symbolsResult > 999) {
-        symbolsResult = Math.round(symbolsResult / 100) / 10 + 'k';
-    }
+        symbolsResult = Math.round(symbolsResult / 100) / 10 + 'k'; // > 999 => 1.1k
+    } // < 999 => 111
     return symbolsResult;
 });
 hexo.extend.helper.register('symbolsTime', function (post, awl = config.awl, wpm = config.wpm, suffix = config.suffix) {
@@ -48,8 +54,8 @@ hexo.extend.helper.register('symbolsTime', function (post, awl = config.awl, wpm
 hexo.extend.helper.register('symbolsCountTotal', function (site) {
     const symbolsResultTotal = getSymbolsTotal(site);
     return symbolsResultTotal < 1000000
-        ? Math.round(symbolsResultTotal / 1000) + 'k'
-        : Math.round(symbolsResultTotal / 100000) / 10 + 'm';
+        ? Math.round(symbolsResultTotal / 1000) + 'k' // < 999k => 111k
+        : Math.round(symbolsResultTotal / 100000) / 10 + 'm'; // > 999k => 1.1m
 });
 hexo.extend.helper.register('symbolsTimeTotal', function (site, awl = config.awl, wpm = config.wpm, suffix = config.suffix) {
     const minutes = Math.round(getSymbolsTotal(site) / (awl * wpm));

package/scripts/plugin/check.js

@@ -1,10 +1,11 @@
+/* global hexo */
 let findProblem = false;
 hexo.on('generateBefore', function () {
     if (hexo.config.syntax_highlighter) {
         findProblem = true;
         hexo.log.error('[SXEC 101] Highlight.js or Prismjs enabled. The code block will render incomplete');
     }
-    if (!hexo.config.autoprefixer || !hexo.config.markdown) {
+    if (!hexo.config.markdown) {
         findProblem = true;
         hexo.log.error(`[SXEC 102] Critical rendering plugins are missing or incorrectly configured. 
 Some features will be disabled or render incorrectly`);
@@ -17,8 +18,9 @@ Some features will be disabled or render incorrectly`);
         findProblem = true;
         hexo.log.warn('[SXEC 201] Essential information(title, desc, lang, etc) config incorrectly, Page will render incorrectly');
     }
-    if (hexo.theme.config.gitalk.clientID || hexo.theme.config.giscus.repo) {
-        hexo.log.info('You are using an untested feature and there may be undiscovered issues');
+    if (hexo.theme.config.gitalk?.clientID || hexo.theme.config.giscus?.repo) {
+        findProblem = true;
+        hexo.log.warn('[SXEC 202] You are using an deprecated feature and it was removed in the v0.3.10');
     }
 });
 hexo.on('generateAfter', function () {

package/scripts/plugin/index.js

@@ -4,25 +4,52 @@
   under GNU AFFERO GENERAL PUBLIC LICENSE v3.0 OR LATER
   https://github.com/next-theme/hexo-theme-next/blob/master/LICENSE.md
  */
+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 injects_1 = __importDefault(require("./lib/injects"));
-const node_https_1 = __importDefault(require("node:https"));
-const package_json_1 = require("../../package.json");
-const node_fs_1 = __importDefault(require("node:fs"));
+const node_https_1 = require("node:https");
+// @ts-ignore
+// import { version } from '../../package.json'
+const fs = __importStar(require("node:fs"));
+const version = '0.3.10';
 hexo.on('generateBefore', () => {
+    // 加载`theme_injects`过滤器
     (0, injects_1.default)(hexo);
-    if (node_fs_1.default.existsSync('request.lock')) {
-        node_fs_1.default.unlinkSync('request.lock');
+    if (fs.existsSync('request.lock')) {
+        fs.unlinkSync('request.lock');
     }
-    if (node_fs_1.default.existsSync('requested.lock')) {
-        node_fs_1.default.unlinkSync('requested.lock');
+    if (fs.existsSync('requested.lock')) {
+        fs.unlinkSync('requested.lock');
     }
 });
 hexo.on('generateAfter', () => {
-    node_https_1.default.get('https://api.github.com/repos/theme-shoka-x/hexo-theme-shokaX/releases/latest', {
+    // 检查版本更新
+    (0, node_https_1.get)('https://api.github.com/repos/theme-shoka-x/hexo-theme-shokaX/releases/latest', {
         headers: {
             'User-Agent': 'Theme ShokaX Client'
         }
@@ -34,7 +61,7 @@ hexo.on('generateAfter', () => {
         res.on('end', () => {
             try {
                 const latest = JSON.parse(result).tag_name.replace('v', '').split('.');
-                const current = package_json_1.version.split('.');
+                const current = version.split('.');
                 let isOutdated = false;
                 for (let i = 0; i < Math.max(latest.length, current.length); i++) {
                     if (!current[i] || latest[i] > current[i]) {

package/scripts/plugin/lib/injects.js

@@ -3,6 +3,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+/*!
+  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 node_fs_1 = __importDefault(require("node:fs"));
 const node_path_1 = __importDefault(require("node:path"));
 const injects_point_1 = __importDefault(require("./injects-point"));
@@ -18,6 +23,7 @@ class StylusInject {
         this.files.push(node_path_1.default.resolve(this.base_dir, file));
     }
 }
+// Defining view types
 class ViewInject {
     base_dir;
     raws;
@@ -26,18 +32,22 @@ class ViewInject {
         this.raws = [];
     }
     raw(name, raw, ...args) {
+        // Set default extname
         if (node_path_1.default.extname(name) === '') {
             name += defaultExtname;
         }
         this.raws.push({ name, raw, args });
     }
     file(name, file, ...args) {
+        // Set default extname from file's extname
         if (node_path_1.default.extname(name) === '') {
             name += node_path_1.default.extname(file);
         }
+        // Get absolute path base on hexo dir
         this.raw(name, node_fs_1.default.readFileSync(node_path_1.default.resolve(this.base_dir, file), 'utf8'), ...args);
     }
 }
+// Init injects
 function initInject(base_dir) {
     const injects = {};
     injects_point_1.default.styles.forEach(item => {
@@ -49,15 +59,19 @@ function initInject(base_dir) {
     return injects;
 }
 exports.default = (hexo) => {
+    // Exec theme_inject filter
     const injects = initInject(hexo.base_dir);
     hexo.execFilterSync('theme_inject', injects);
     hexo.theme.config.injects = {};
+    // Inject stylus
     injects_point_1.default.styles.forEach(type => {
         hexo.theme.config.injects[type] = injects[type].files;
     });
+    // Inject views
     injects_point_1.default.views.forEach(type => {
         const configs = Object.create(null);
         hexo.theme.config.injects[type] = [];
+        // Add or override view.
         injects[type].raws.forEach((injectObj, index) => {
             const name = `inject/${type}/${injectObj.name}`;
             hexo.theme.setView(name, injectObj.raw);
@@ -68,6 +82,7 @@ exports.default = (hexo) => {
                 order: injectObj.args[2] || index
             };
         });
+        // Views sort.
         hexo.theme.config.injects[type] = Object.values(configs)
             .sort((x, y) => x.order - y.order);
     });

package/scripts/tags/media.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+/* global hexo */
 const js_yaml_1 = __importDefault(require("js-yaml"));
 function postMedia(args, content) {
     if (!args[0] || !content) {

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

@@ -1,52 +1,53 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.menuActive = exports.goToCommentHandle = exports.goToBottomHandle = exports.backToTopHandle = exports.sidebarTOC = exports.sideBarTab = exports.sideBarToggleHandle = void 0;
-const globalVars_1 = require("../globals/globalVars");
-const tools_1 = require("../globals/tools");
-const anime_1 = require("../library/anime");
-const dom_1 = require("../library/dom");
-const sideBarToggleHandle = (event, force) => {
-    if (globalVars_1.sideBar.hasClass('on')) {
-        globalVars_1.sideBar.removeClass('on');
-        globalVars_1.menuToggle.removeClass('close');
+/* 边栏分区 */
+import { Container, diffY, menuToggle, showContents, sideBar } from '../globals/globalVars';
+import { clipBoard } from '../globals/tools';
+import { pageScroll, transition } from '../library/anime';
+import { $dom } from '../library/dom';
+export const sideBarToggleHandle = (event, force) => {
+    if (sideBar.hasClass('on')) {
+        sideBar.removeClass('on');
+        menuToggle.removeClass('close');
         if (force) {
-            globalVars_1.sideBar.style = '';
+            // @ts-ignore
+            // noinspection JSConstantReassignment
+            sideBar.style = '';
         }
         else {
-            (0, anime_1.transition)(globalVars_1.sideBar, 'slideRightOut');
+            transition(sideBar, 'slideRightOut');
         }
     }
     else {
         if (force) {
-            globalVars_1.sideBar.style = '';
+            // @ts-ignore
+            // noinspection JSConstantReassignment
+            sideBar.style = '';
         }
         else {
-            (0, anime_1.transition)(globalVars_1.sideBar, 'slideRightIn', () => {
-                globalVars_1.sideBar.addClass('on');
-                globalVars_1.menuToggle.addClass('close');
+            transition(sideBar, 'slideRightIn', () => {
+                sideBar.addClass('on');
+                menuToggle.addClass('close');
             });
         }
     }
 };
-exports.sideBarToggleHandle = sideBarToggleHandle;
-const sideBarTab = () => {
-    const sideBarInner = globalVars_1.sideBar.child('.inner');
-    if (globalVars_1.sideBar.child('.tab')) {
-        sideBarInner.removeChild(globalVars_1.sideBar.child('.tab'));
+export const sideBarTab = () => {
+    const sideBarInner = sideBar.child('.inner');
+    if (sideBar.child('.tab')) {
+        sideBarInner.removeChild(sideBar.child('.tab'));
     }
     const list = document.createElement('ul');
     let active = 'active';
     list.className = 'tab';
     ['contents', 'related', 'overview'].forEach((item) => {
-        const element = globalVars_1.sideBar.child('.panel.' + item);
+        const element = sideBar.child('.panel.' + item);
         if (element.innerHTML.trim().length < 1) {
             if (item === 'contents') {
-                globalVars_1.showContents.display('none');
+                showContents.display('none');
             }
             return;
         }
         if (item === 'contents') {
-            globalVars_1.showContents.display('');
+            showContents.display('');
         }
         const tab = document.createElement('li');
         const span = document.createElement('span');
@@ -65,13 +66,13 @@ const sideBarTab = () => {
             const target = event.currentTarget;
             if (target.hasClass('active'))
                 return;
-            globalVars_1.sideBar.find('.tab .item').forEach((element) => {
+            sideBar.find('.tab .item').forEach((element) => {
                 element.removeClass('active');
             });
-            globalVars_1.sideBar.find('.panel').forEach((element) => {
+            sideBar.find('.panel').forEach((element) => {
                 element.removeClass('active');
             });
-            globalVars_1.sideBar.child('.panel.' + target.className.replace(' item', '')).addClass('active');
+            sideBar.child('.panel.' + target.className.replace(' item', '')).addClass('active');
             target.addClass('active');
         });
         list.appendChild(tab);
@@ -79,14 +80,13 @@ const sideBarTab = () => {
     });
     if (list.childNodes.length > 1) {
         sideBarInner.insertBefore(list, sideBarInner.childNodes[0]);
-        globalVars_1.sideBar.child('.panels').style.paddingTop = '';
+        sideBar.child('.panels').style.paddingTop = '';
     }
     else {
-        globalVars_1.sideBar.child('.panels').style.paddingTop = '.625rem';
+        sideBar.child('.panels').style.paddingTop = '.625rem';
     }
 };
-exports.sideBarTab = sideBarTab;
-const sidebarTOC = () => {
+export const sidebarTOC = () => {
     const activateNavByIndex = (index) => {
         const target = navItems[index];
         if (!target)
@@ -94,7 +94,7 @@ const sidebarTOC = () => {
         if (target.hasClass('current')) {
             return;
         }
-        dom_1.$dom.each('.toc .active', (element) => {
+        $dom.each('.toc .active', (element) => {
             element && element.removeClass('active current');
         });
         sections.forEach((element) => {
@@ -106,46 +106,49 @@ const sidebarTOC = () => {
         while (!parent.matches('.contents')) {
             if (parent.matches('li')) {
                 parent.addClass('active');
-                const t = (0, dom_1.$dom)(parent.child('a.toc-link').attr('href'));
+                const t = $dom(parent.child('a.toc-link').attr('href'));
                 if (t) {
                     t.addClass('active');
                 }
             }
             parent = parent.parentNode;
         }
-        if (getComputedStyle(globalVars_1.sideBar).display !== 'none' && tocElement.hasClass('active')) {
-            (0, anime_1.pageScroll)(tocElement, target.offsetTop - (tocElement.offsetHeight / 4));
+        // Scrolling to center active TOC element if TOC content is taller than viewport.
+        if (getComputedStyle(sideBar).display !== 'none' && tocElement.hasClass('active')) {
+            pageScroll(tocElement, target.offsetTop - (tocElement.offsetHeight / 4));
         }
     };
-    const navItems = dom_1.$dom.all('.contents li');
+    const navItems = $dom.all('.contents li');
     if (navItems.length < 1) {
         return;
     }
+    // @ts-ignore
     let sections = [...navItems];
     let activeLock = null;
     sections = sections.map((element, index) => {
         const link = element.child('a.toc-link');
-        const anchor = (0, dom_1.$dom)(decodeURI(link.attr('href')));
+        const anchor = $dom(decodeURI(link.attr('href')));
         if (!anchor)
             return null;
         const alink = anchor.child('a.anchor');
         const anchorScroll = (event) => {
             event.preventDefault();
-            const target = (0, dom_1.$dom)(decodeURI(event.currentTarget.attr('href')));
+            const target = $dom(decodeURI(event.currentTarget.attr('href')));
             activeLock = index;
-            (0, anime_1.pageScroll)(target, null, () => {
+            pageScroll(target, null, () => {
                 activateNavByIndex(index);
                 activeLock = null;
             });
         };
+        // TOC item animation navigate.
         link.addEventListener('click', anchorScroll);
         alink && alink.addEventListener('click', (event) => {
             anchorScroll(event);
-            (0, tools_1.clipBoard)(CONFIG.hostname + '/' + LOCAL.path + event.currentTarget.attr('href'));
+            clipBoard(CONFIG.hostname + '/' + LOCAL.path + event.currentTarget.attr('href'));
         });
         return anchor;
     });
-    const tocElement = globalVars_1.sideBar.child('.contents.panel');
+    const tocElement = sideBar.child('.contents.panel');
     const findIndex = (entries) => {
         let index = 0;
         let entry = entries[index];
@@ -165,7 +168,7 @@ const sidebarTOC = () => {
     };
     const createIntersectionObserver = () => {
         const observer = new IntersectionObserver((entries) => {
-            const index = findIndex(entries) + (globalVars_1.diffY < 0 ? 1 : 0);
+            const index = findIndex(entries) + (diffY < 0 ? 1 : 0);
             if (activeLock === null) {
                 activateNavByIndex(index);
             }
@@ -178,21 +181,17 @@ const sidebarTOC = () => {
     };
     createIntersectionObserver();
 };
-exports.sidebarTOC = sidebarTOC;
-const backToTopHandle = () => {
-    (0, anime_1.pageScroll)(0);
+export const backToTopHandle = () => {
+    pageScroll(0);
 };
-exports.backToTopHandle = backToTopHandle;
-const goToBottomHandle = () => {
-    (0, anime_1.pageScroll)(parseInt(String(globalVars_1.Container.changeOrGetHeight())));
+export const goToBottomHandle = () => {
+    pageScroll(parseInt(String(Container.changeOrGetHeight())));
 };
-exports.goToBottomHandle = goToBottomHandle;
-const goToCommentHandle = () => {
-    (0, anime_1.pageScroll)((0, dom_1.$dom)('#comments'));
+export const goToCommentHandle = () => {
+    pageScroll($dom('#comments'));
 };
-exports.goToCommentHandle = goToCommentHandle;
-const menuActive = () => {
-    dom_1.$dom.each('.menu .item:not(.title)', (element) => {
+export const menuActive = () => {
+    $dom.each('.menu .item:not(.title)', (element) => {
         const target = element.child('a[href]');
         const parentItem = element.parentNode.parentNode;
         if (!target)
@@ -209,4 +208,3 @@ const menuActive = () => {
         }
     });
 };
-exports.menuActive = menuActive;

package/source/js/_app/fireworks.js

@@ -1,141 +1,10 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.initFireworks = void 0;
-const theme_shokax_anime_1 = __importDefault(require("theme-shokax-anime"));
-const canvasEl = document.createElement('canvas');
-canvasEl.style.cssText = 'position:fixed;top:0;left:0;pointer-events:none;z-index:9999999';
-document.body.appendChild(canvasEl);
-const ctx = canvasEl.getContext('2d');
-const numberOfParticules = 30;
-let pointerX = 0;
-let pointerY = 0;
-const tap = 'click';
-const colors = CONFIG.fireworks;
-function setCanvasSize() {
-    canvasEl.width = window.innerWidth * 2;
-    canvasEl.height = window.innerHeight * 2;
-    canvasEl.style.width = window.innerWidth + 'px';
-    canvasEl.style.height = window.innerHeight + 'px';
-    canvasEl.getContext('2d').scale(2, 2);
-}
-function updateCoords(e) {
-    pointerX = e.clientX || (e.touches && e.touches[0].clientX);
-    pointerY = e.clientY || (e.touches && e.touches[0].clientY);
-}
-function setParticuleDirection(p) {
-    const angle = theme_shokax_anime_1.default.random(0, 360) * Math.PI / 180;
-    const value = theme_shokax_anime_1.default.random(50, 180);
-    const radius = [-1, 1][theme_shokax_anime_1.default.random(0, 1)] * value;
-    return {
-        x: p.x + radius * Math.cos(angle),
-        y: p.y + radius * Math.sin(angle)
-    };
-}
-function createParticule(x, y) {
-    const p = {
-        x,
-        y,
-        color: undefined,
-        radius: undefined,
-        endPos: undefined,
-        draw() {
-            ctx.beginPath();
-            ctx.arc(p.x, p.y, p.radius, 0, 2 * Math.PI, true);
-            ctx.fillStyle = p.color;
-            ctx.fill();
-        }
-    };
-    p.color = colors[theme_shokax_anime_1.default.random(0, colors.length - 1)];
-    p.radius = theme_shokax_anime_1.default.random(16, 32);
-    p.endPos = setParticuleDirection(p);
-    return p;
-}
-function createCircle(x, y) {
-    const p = {
-        x,
-        y,
-        color: '#FFF',
-        radius: 0.1,
-        endPos: undefined,
-        alpha: 0.5,
-        lineWidth: 6,
-        draw() {
-            ctx.globalAlpha = p.alpha;
-            ctx.beginPath();
-            ctx.arc(p.x, p.y, p.radius, 0, 2 * Math.PI, true);
-            ctx.lineWidth = p.lineWidth;
-            ctx.strokeStyle = p.color;
-            ctx.stroke();
-            ctx.globalAlpha = 1;
-        }
-    };
-    return p;
-}
-function renderParticule(targets) {
-    for (const target of targets) {
-        target.draw();
-    }
-}
-function animateParticules(x, y) {
-    const circle = createCircle(x, y);
-    const particules = [];
-    for (let i = 0; i < numberOfParticules; i++) {
-        particules.push(createParticule(x, y));
-    }
-    (0, theme_shokax_anime_1.default)().timeline().add({
-        targets: particules,
-        duration: theme_shokax_anime_1.default.random(1200, 1800),
-        easing: 'easeOutExpo',
-        update: renderParticule,
-        x: p => p.endPos.x,
-        y: p => p.endPos.y,
-        radius: 0.1
-    }).add({
-        targets: circle,
-        duration: theme_shokax_anime_1.default.random(1200, 1800),
-        easing: 'easeOutExpo',
-        update: renderParticule,
-        radius: theme_shokax_anime_1.default.random(80, 160),
-        lineWidth: 0,
-        alpha: {
-            value: 0,
-            easing: 'linear',
-            duration: theme_shokax_anime_1.default.random(600, 800)
-        }
-    }).play();
-}
-const render = (0, theme_shokax_anime_1.default)({
-    duration: Infinity,
-    update() {
-        ctx.clearRect(0, 0, canvasEl.width, canvasEl.height);
-    }
-});
-const hasAncestor = (node, name) => {
-    name = name.toUpperCase();
-    do {
-        if (node === null || node === undefined)
-            break;
-        if (node.nodeName === name)
-            return true;
-    } while ((node = node.parentNode) !== null);
-    return false;
-};
-function initFireworks() {
+import firework from 'mouse-firework';
+/*
+*  烟花分区
+*/
+export function initFireworks() {
     if (typeof CONFIG.fireworks === 'undefined') {
         return;
     }
-    document.addEventListener(tap, (e) => {
-        if (hasAncestor(e.target, 'a')) {
-            return;
-        }
-        render.play();
-        updateCoords(e);
-        animateParticules(pointerX, pointerY);
-    }, false);
-    setCanvasSize();
-    window.addEventListener('resize', setCanvasSize, false);
+    firework(CONFIG.fireworks);
 }
-exports.initFireworks = initFireworks;