style: lint

2026-02-12 07:50:25 +00:00 · 2024-05-22 20:58:49 +08:00
parent bee26de543
commit 7840ee2207
48 changed files with 1027 additions and 1115 deletions
--- a/src/webui/index.ts
+++ b/src/webui/index.ts
@@ -5,8 +5,8 @@ import { resolve } from 'node:path';
 import { ALLRouter } from './src/router';
 import { WebUiConfig } from './src/helper/config';
 const app = express();
-import { dirname } from "node:path"
-import { fileURLToPath } from "node:url"
+import { dirname } from 'node:path';
+import { fileURLToPath } from 'node:url';


 const __filename = fileURLToPath(import.meta.url);
@@ -19,21 +19,21 @@ const __dirname = dirname(__filename);
 * @returns {Promise<void>} 无返回值。
 */
 export async function InitWebUi() {
-    let config = await WebUiConfig.GetWebUIConfig();
-    app.use(express.json());
-    // 初始服务
-    app.all('/', (_req, res) => {
-        res.json({
-            msg: 'NapCat WebAPI is now running!',
-        });
+  const config = await WebUiConfig.GetWebUIConfig();
+  app.use(express.json());
+  // 初始服务
+  app.all('/', (_req, res) => {
+    res.json({
+      msg: 'NapCat WebAPI is now running!',
    });
-    // 配置静态文件服务，提供./static目录下的文件服务，访问路径为/webui
-    app.use('/webui', express.static(resolve(__dirname, './static')));
-    //挂载API接口
-    app.use('/api', ALLRouter);
-    app.listen(config.port, async () => {
-        console.log(`[NapCat] [WebUi] Current WebUi is running at IP:${config.port}`);
-        console.log(`[NapCat] [WebUi] Login Token is ${config.token}`);
-    })
+  });
+  // 配置静态文件服务，提供./static目录下的文件服务，访问路径为/webui
+  app.use('/webui', express.static(resolve(__dirname, './static')));
+  //挂载API接口
+  app.use('/api', ALLRouter);
+  app.listen(config.port, async () => {
+    console.log(`[NapCat] [WebUi] Current WebUi is running at IP:${config.port}`);
+    console.log(`[NapCat] [WebUi] Login Token is ${config.token}`);
+  });

 }
--- a/src/webui/src/api/Auth.ts
+++ b/src/webui/src/api/Auth.ts
@@ -1,68 +1,68 @@
-import { RequestHandler } from "express";
-import { AuthHelper } from "../helper/SignToken";
-import { WebUiConfig } from "../helper/config";
-import { WebUiDataRuntime } from "../helper/Data";
+import { RequestHandler } from 'express';
+import { AuthHelper } from '../helper/SignToken';
+import { WebUiConfig } from '../helper/config';
+import { WebUiDataRuntime } from '../helper/Data';
 const isEmpty = (data: any) => data === undefined || data === null || data === '';
 export const LoginHandler: RequestHandler = async (req, res) => {
-    let WebUiConfigData = await WebUiConfig.GetWebUIConfig();
-    const { token } = req.body;
-    if (isEmpty(token)) {
-        res.json({
-            code: -1,
-            message: 'token is empty'
-        });
-        return;
-    } 
-    if (!await WebUiDataRuntime.checkLoginRate(WebUiConfigData.loginRate)) {
-        res.json({
-            code: -1,
-            message: 'login rate limit'
-        });
-        return;
-    }
-    //验证config.token是否等于token
-    if (WebUiConfigData.token !== token) {
-        res.json({
-            code: -1,
-            message: 'token is invalid'
-        });
-        return;
-    }
-    let signCredential = Buffer.from(JSON.stringify(await AuthHelper.signCredential(WebUiConfigData.token))).toString('base64');
+  const WebUiConfigData = await WebUiConfig.GetWebUIConfig();
+  const { token } = req.body;
+  if (isEmpty(token)) {
    res.json({
-        code: 0,
-        message: 'success',
-        data: {
-            "Credential": signCredential
-        }
+      code: -1,
+      message: 'token is empty'
    });
    return;
+  } 
+  if (!await WebUiDataRuntime.checkLoginRate(WebUiConfigData.loginRate)) {
+    res.json({
+      code: -1,
+      message: 'login rate limit'
+    });
+    return;
+  }
+  //验证config.token是否等于token
+  if (WebUiConfigData.token !== token) {
+    res.json({
+      code: -1,
+      message: 'token is invalid'
+    });
+    return;
+  }
+  const signCredential = Buffer.from(JSON.stringify(await AuthHelper.signCredential(WebUiConfigData.token))).toString('base64');
+  res.json({
+    code: 0,
+    message: 'success',
+    data: {
+      'Credential': signCredential
+    }
+  });
+  return;
 };
 export const LogoutHandler: RequestHandler = (req, res) => {
-    // 这玩意无状态销毁个灯 得想想办法
-    res.json({
-        code: 0,
-        message: 'success'
-    });
-    return;
+  // 这玩意无状态销毁个灯 得想想办法
+  res.json({
+    code: 0,
+    message: 'success'
+  });
+  return;
 };
 export const checkHandler: RequestHandler = async (req, res) => {
-    let WebUiConfigData = await WebUiConfig.GetWebUIConfig();
-    const authorization = req.headers.authorization;
-    try {
-        let CredentialBase64:string = authorization?.split(' ')[1] as string;
-        let Credential = JSON.parse(Buffer.from(CredentialBase64, 'base64').toString());
-        await AuthHelper.validateCredentialWithinOneHour(WebUiConfigData.token,Credential)
-        res.json({
-            code: 0,
-            message: 'success'
-        });
-        return;
-    } catch (e) {
-        res.json({
-            code: -1,
-            message: 'failed'
-        });
-    }
+  const WebUiConfigData = await WebUiConfig.GetWebUIConfig();
+  const authorization = req.headers.authorization;
+  try {
+    const CredentialBase64:string = authorization?.split(' ')[1] as string;
+    const Credential = JSON.parse(Buffer.from(CredentialBase64, 'base64').toString());
+    await AuthHelper.validateCredentialWithinOneHour(WebUiConfigData.token,Credential);
+    res.json({
+      code: 0,
+      message: 'success'
+    });
    return;
+  } catch (e) {
+    res.json({
+      code: -1,
+      message: 'failed'
+    });
+  }
+  return;
 };
--- a/src/webui/src/api/LogConsole.ts
+++ b/src/webui/src/api/LogConsole.ts
@@ -1,54 +1,54 @@
-import { RequestHandler } from "express";
-import { resolve } from "path";
-import { readdir, stat } from "fs/promises";
-import { existsSync } from "fs";
-import { dirname } from "node:path"
-import { fileURLToPath } from "node:url"
+import { RequestHandler } from 'express';
+import { resolve } from 'path';
+import { readdir, stat } from 'fs/promises';
+import { existsSync } from 'fs';
+import { dirname } from 'node:path';
+import { fileURLToPath } from 'node:url';


 const __filename = fileURLToPath(import.meta.url);
 const __dirname = dirname(__filename);
 export const GetLogFileListHandler: RequestHandler = async (req, res) => {
-    try {
-        let LogsPath = resolve(__dirname, "./logs/");
-        let LogFiles = await readdir(LogsPath);
-        res.json({
-            code: 0,
-            data: LogFiles
-        });
-    } catch (error) {
-        res.json({ code: -1, msg: "Failed to retrieve log file list." });
-    }
+  try {
+    const LogsPath = resolve(__dirname, './logs/');
+    const LogFiles = await readdir(LogsPath);
+    res.json({
+      code: 0,
+      data: LogFiles
+    });
+  } catch (error) {
+    res.json({ code: -1, msg: 'Failed to retrieve log file list.' });
+  }
 };

 export const GetLogFileHandler: RequestHandler = async (req, res) => {
-    let LogsPath = resolve(__dirname, "./logs/");
-    let LogFile = req.query.file as string;
+  const LogsPath = resolve(__dirname, './logs/');
+  const LogFile = req.query.file as string;

-    if (!isValidFileName(LogFile)) {
-        res.json({ code: -1, msg: "LogFile is not safe" });
-        return;
+  // if (!isValidFileName(LogFile)) {
+  //   res.json({ code: -1, msg: 'LogFile is not safe' });
+  //   return;
+  // }
+
+  const filePath = `${LogsPath}/${LogFile}`;
+  if (!existsSync(filePath)) {
+    res.status(404).json({ code: -1, msg: 'LogFile does not exist' });
+    return;
+  }
+
+  try {
+    const fileStats = await stat(filePath);
+    if (!fileStats.isFile()) {
+      res.json({ code: -1, msg: 'LogFile must be a file' });
+      return;
    }

-    let filePath = `${LogsPath}/${LogFile}`;
-    if (!existsSync(filePath)) {
-        res.status(404).json({ code: -1, msg: "LogFile does not exist" });
-        return;
-    }
-
-    try {
-        let fileStats = await stat(filePath);
-        if (!fileStats.isFile()) {
-            res.json({ code: -1, msg: "LogFile must be a file" });
-            return;
-        }
-
-        res.sendFile(filePath);
-    } catch (error) {
-        res.json({ code: -1, msg: "Failed to send log file." });
-    }
+    res.sendFile(filePath);
+  } catch (error) {
+    res.json({ code: -1, msg: 'Failed to send log file.' });
+  }
 };
-export function isValidFileName(fileName: string): boolean {
-    const invalidChars = /[\.\:\*\?\"\<\>\|\/\\]/;
-    return !invalidChars.test(fileName);
-}
+// export function isValidFileName(fileName: string): boolean {
+//   const invalidChars = /[\.\:\*\?\"\<\>\|\/\\]/;
+//   return !invalidChars.test(fileName);
+// }
--- a/src/webui/src/api/OB11Config.ts
+++ b/src/webui/src/api/OB11Config.ts
@@ -1,64 +1,64 @@
-import { RequestHandler } from "express";
-import { WebUiDataRuntime } from "../helper/Data";
-import { existsSync, readFileSync, writeFileSync } from "node:fs";
-import { resolve } from "node:path";
-import { OB11Config } from "@/webui/ui/components/WebUiApiOB11Config";
-import { dirname } from "node:path"
-import { fileURLToPath } from "node:url"
+import { RequestHandler } from 'express';
+import { WebUiDataRuntime } from '../helper/Data';
+import { existsSync, readFileSync, writeFileSync } from 'node:fs';
+import { resolve } from 'node:path';
+import { OB11Config } from '@/webui/ui/components/WebUiApiOB11Config';
+import { dirname } from 'node:path';
+import { fileURLToPath } from 'node:url';


 const __filename = fileURLToPath(import.meta.url);
 const __dirname = dirname(__filename);

 const isEmpty = (data: any) =>
-  data === undefined || data === null || data === "";
+  data === undefined || data === null || data === '';
 export const OB11GetConfigHandler: RequestHandler = async (req, res) => {
-  let isLogin = await WebUiDataRuntime.getQQLoginStatus();
+  const isLogin = await WebUiDataRuntime.getQQLoginStatus();
  if (!isLogin) {
    res.send({
      code: -1,
-      message: "Not Login",
+      message: 'Not Login',
    });
    return;
  }
  const uin = await WebUiDataRuntime.getQQLoginUin();
-  let configFilePath = resolve(__dirname, `./config/onebot11_${uin}.json`);
+  const configFilePath = resolve(__dirname, `./config/onebot11_${uin}.json`);
  //console.log(configFilePath);
  let data: OB11Config;
  try {
    data = JSON.parse(
      existsSync(configFilePath)
        ? readFileSync(configFilePath).toString()
-        : readFileSync(resolve(__dirname, `./config/onebot11.json`)).toString()
+        : readFileSync(resolve(__dirname, './config/onebot11.json')).toString()
    );
  } catch (e) {
    data = {} as OB11Config;
    res.send({
      code: -1,
-      message: "Config Get Error",
+      message: 'Config Get Error',
    });
    return;
  }
  res.send({
    code: 0,
-    message: "success",
+    message: 'success',
    data: data,
  });
  return;
 };
 export const OB11SetConfigHandler: RequestHandler = async (req, res) => {
-  let isLogin = await WebUiDataRuntime.getQQLoginStatus();
+  const isLogin = await WebUiDataRuntime.getQQLoginStatus();
  if (!isLogin) {
    res.send({
      code: -1,
-      message: "Not Login",
+      message: 'Not Login',
    });
    return;
  }
  if (isEmpty(req.body.config)) {
    res.send({
      code: -1,
-      message: "config is empty",
+      message: 'config is empty',
    });
    return;
  }
@@ -84,12 +84,12 @@ export const OB11SetConfigHandler: RequestHandler = async (req, res) => {
  if (SetResult) {
    res.send({
      code: 0,
-      message: "success",
+      message: 'success',
    });
  } else {
    res.send({
      code: -1,
-      message: "Config Set Error",
+      message: 'Config Set Error',
    });
  }

--- a/src/webui/src/api/QQLogin.ts
+++ b/src/webui/src/api/QQLogin.ts
@@ -1,77 +1,77 @@
-import { RequestHandler } from "express";
-import { WebUiDataRuntime } from "../helper/Data";
-import { sleep } from "@/common/utils/helper";
+import { RequestHandler } from 'express';
+import { WebUiDataRuntime } from '../helper/Data';
+import { sleep } from '@/common/utils/helper';
 const isEmpty = (data: any) => data === undefined || data === null || data === '';
 export const QQGetQRcodeHandler: RequestHandler = async (req, res) => {
-    if (await WebUiDataRuntime.getQQLoginStatus()) {
-        res.send({
-            code: -1,
-            message: 'QQ Is Logined'
-        });
-        return;
-    }
-    let qrcodeUrl = await WebUiDataRuntime.getQQLoginQrcodeURL();
-    if (isEmpty(qrcodeUrl)) {
-        res.send({
-            code: -1,
-            message: 'QRCode Get Error'
-        });
-        return;
-    }
+  if (await WebUiDataRuntime.getQQLoginStatus()) {
    res.send({
-        code: 0,
-        message: 'success',
-        data: {
-            qrcode: qrcodeUrl
-        }
+      code: -1,
+      message: 'QQ Is Logined'
    });
    return;
+  }
+  const qrcodeUrl = await WebUiDataRuntime.getQQLoginQrcodeURL();
+  if (isEmpty(qrcodeUrl)) {
+    res.send({
+      code: -1,
+      message: 'QRCode Get Error'
+    });
+    return;
+  }
+  res.send({
+    code: 0,
+    message: 'success',
+    data: {
+      qrcode: qrcodeUrl
+    }
+  });
+  return;
 };
 export const QQCheckLoginStatusHandler: RequestHandler = async (req, res) => {
-    res.send({
-        code: 0,
-        message: 'success',
-        data: {
-            isLogin: await WebUiDataRuntime.getQQLoginStatus()
-        }
-    });
+  res.send({
+    code: 0,
+    message: 'success',
+    data: {
+      isLogin: await WebUiDataRuntime.getQQLoginStatus()
+    }
+  });
 };
 export const QQSetQuickLoginHandler: RequestHandler = async (req, res) => {
-    let { uin } = req.body;
-    let isLogin = await WebUiDataRuntime.getQQLoginStatus();
-    if (isLogin) {
-        res.send({
-            code: -1,
-            message: 'QQ Is Logined'
-        });
-        return;
-    }
-    if (isEmpty(uin)) {
-        res.send({
-            code: -1,
-            message: 'uin is empty'
-        });
-        return;
-    }
-    const { result, message } = await WebUiDataRuntime.getQQQuickLogin(uin);
-    if (!result) {
-        res.send({
-            code: -1,
-            message: message
-        });
-        return;
-    }
-    //本来应该验证 但是http不宜这么搞 建议前端验证
-    //isLogin = await WebUiDataRuntime.getQQLoginStatus();
+  const { uin } = req.body;
+  const isLogin = await WebUiDataRuntime.getQQLoginStatus();
+  if (isLogin) {
    res.send({
-        code: 0,
-        message: 'success'
+      code: -1,
+      message: 'QQ Is Logined'
    });
-}
+    return;
+  }
+  if (isEmpty(uin)) {
+    res.send({
+      code: -1,
+      message: 'uin is empty'
+    });
+    return;
+  }
+  const { result, message } = await WebUiDataRuntime.getQQQuickLogin(uin);
+  if (!result) {
+    res.send({
+      code: -1,
+      message: message
+    });
+    return;
+  }
+  //本来应该验证 但是http不宜这么搞 建议前端验证
+  //isLogin = await WebUiDataRuntime.getQQLoginStatus();
+  res.send({
+    code: 0,
+    message: 'success'
+  });
+};
 export const QQGetQuickLoginListHandler: RequestHandler = async (req, res) => {
-    const quickLoginList = await WebUiDataRuntime.getQQQuickLoginList();
-    res.send({
-        code: 0,
-        data: quickLoginList
-    });
-}
+  const quickLoginList = await WebUiDataRuntime.getQQQuickLoginList();
+  res.send({
+    code: 0,
+    data: quickLoginList
+  });
+};
--- a/src/webui/src/helper/Data.ts
+++ b/src/webui/src/helper/Data.ts
@@ -1,4 +1,4 @@
-import { OB11Config } from "@/onebot11/config";
+import { OB11Config } from '@/onebot11/config';

 interface LoginRuntimeType {
    LoginCurrentTime: number;
@@ -12,72 +12,72 @@ interface LoginRuntimeType {
        QQLoginList: string[]
    }
 }
-let LoginRuntime: LoginRuntimeType = {
-    LoginCurrentTime: Date.now(),
-    LoginCurrentRate: 0,
-    QQLoginStatus: false, //已实现 但太傻了 得去那边注册个回调刷新
-    QQQRCodeURL: "",
-    QQLoginUin: "",
-    NapCatHelper: {
-        SetOb11ConfigCall: async (ob11: OB11Config) => { return; },
-        CoreQuickLoginCall: async (uin: string) => { return { result: false, message: '' }; },
-        QQLoginList: []
-    }
-}
+const LoginRuntime: LoginRuntimeType = {
+  LoginCurrentTime: Date.now(),
+  LoginCurrentRate: 0,
+  QQLoginStatus: false, //已实现 但太傻了 得去那边注册个回调刷新
+  QQQRCodeURL: '',
+  QQLoginUin: '',
+  NapCatHelper: {
+    SetOb11ConfigCall: async (ob11: OB11Config) => { return; },
+    CoreQuickLoginCall: async (uin: string) => { return { result: false, message: '' }; },
+    QQLoginList: []
+  }
+};
 export const WebUiDataRuntime = {
-    checkLoginRate: async function (RateLimit: number): Promise<boolean> {
-        LoginRuntime.LoginCurrentRate++;
-        //console.log(RateLimit, LoginRuntime.LoginCurrentRate, Date.now() - LoginRuntime.LoginCurrentTime);
-        if (Date.now() - LoginRuntime.LoginCurrentTime > 1000 * 60) {
-            LoginRuntime.LoginCurrentRate = 0;//超出时间重置限速
-            LoginRuntime.LoginCurrentTime = Date.now();
-            return true;
-        }
-        if (LoginRuntime.LoginCurrentRate <= RateLimit) {
-            return true;
-        }
-        return false;
+  checkLoginRate: async function (RateLimit: number): Promise<boolean> {
+    LoginRuntime.LoginCurrentRate++;
+    //console.log(RateLimit, LoginRuntime.LoginCurrentRate, Date.now() - LoginRuntime.LoginCurrentTime);
+    if (Date.now() - LoginRuntime.LoginCurrentTime > 1000 * 60) {
+      LoginRuntime.LoginCurrentRate = 0;//超出时间重置限速
+      LoginRuntime.LoginCurrentTime = Date.now();
+      return true;
    }
-    ,
-    getQQLoginStatus: async function (): Promise<boolean> {
-        return LoginRuntime.QQLoginStatus;
+    if (LoginRuntime.LoginCurrentRate <= RateLimit) {
+      return true;
    }
-    ,
-    setQQLoginStatus: async function (status: boolean): Promise<void> {
-        LoginRuntime.QQLoginStatus = status;
-    }
-    ,
-    setQQLoginQrcodeURL: async function (url: string): Promise<void> {
-        LoginRuntime.QQQRCodeURL = url;
-    }
-    ,
-    getQQLoginQrcodeURL: async function (): Promise<string> {
-        return LoginRuntime.QQQRCodeURL;
-    }
-    ,
-    setQQLoginUin: async function (uin: string): Promise<void> {
-        LoginRuntime.QQLoginUin = uin;
-    }
-    ,
-    getQQLoginUin: async function (): Promise<string> {
-        return LoginRuntime.QQLoginUin;
-    },
-    getQQQuickLoginList: async function (): Promise<any[]> {
-        return LoginRuntime.NapCatHelper.QQLoginList;
-    },
-    setQQQuickLoginList: async function (list: string[]): Promise<void> {
-        LoginRuntime.NapCatHelper.QQLoginList = list;
-    },
-    setQQQuickLoginCall(func: (uin: string) => Promise<{ result: boolean, message: string }>): void {
-        LoginRuntime.NapCatHelper.CoreQuickLoginCall = func;
-    },
-    getQQQuickLogin: async function (uin: string): Promise<{ result: boolean, message: string }> {
-        return await LoginRuntime.NapCatHelper.CoreQuickLoginCall(uin);
-    },
-    setOB11ConfigCall: async function (func: (ob11: OB11Config) => Promise<void>): Promise<void> {
-        LoginRuntime.NapCatHelper.SetOb11ConfigCall = func;
-    },
-    setOB11Config: async function (ob11: OB11Config): Promise<void> {
-        await LoginRuntime.NapCatHelper.SetOb11ConfigCall(ob11);
-    }
-}
+    return false;
+  }
+  ,
+  getQQLoginStatus: async function (): Promise<boolean> {
+    return LoginRuntime.QQLoginStatus;
+  }
+  ,
+  setQQLoginStatus: async function (status: boolean): Promise<void> {
+    LoginRuntime.QQLoginStatus = status;
+  }
+  ,
+  setQQLoginQrcodeURL: async function (url: string): Promise<void> {
+    LoginRuntime.QQQRCodeURL = url;
+  }
+  ,
+  getQQLoginQrcodeURL: async function (): Promise<string> {
+    return LoginRuntime.QQQRCodeURL;
+  }
+  ,
+  setQQLoginUin: async function (uin: string): Promise<void> {
+    LoginRuntime.QQLoginUin = uin;
+  }
+  ,
+  getQQLoginUin: async function (): Promise<string> {
+    return LoginRuntime.QQLoginUin;
+  },
+  getQQQuickLoginList: async function (): Promise<any[]> {
+    return LoginRuntime.NapCatHelper.QQLoginList;
+  },
+  setQQQuickLoginList: async function (list: string[]): Promise<void> {
+    LoginRuntime.NapCatHelper.QQLoginList = list;
+  },
+  setQQQuickLoginCall(func: (uin: string) => Promise<{ result: boolean, message: string }>): void {
+    LoginRuntime.NapCatHelper.CoreQuickLoginCall = func;
+  },
+  getQQQuickLogin: async function (uin: string): Promise<{ result: boolean, message: string }> {
+    return await LoginRuntime.NapCatHelper.CoreQuickLoginCall(uin);
+  },
+  setOB11ConfigCall: async function (func: (ob11: OB11Config) => Promise<void>): Promise<void> {
+    LoginRuntime.NapCatHelper.SetOb11ConfigCall = func;
+  },
+  setOB11Config: async function (ob11: OB11Config): Promise<void> {
+    await LoginRuntime.NapCatHelper.SetOb11ConfigCall(ob11);
+  }
+};
--- a/src/webui/src/helper/SignToken.ts
+++ b/src/webui/src/helper/SignToken.ts
@@ -11,58 +11,58 @@ interface WebUiCredentialJson {
 }

 export class AuthHelper {
-    private static secretKey = Math.random().toString(36).slice(2);
+  private static secretKey = Math.random().toString(36).slice(2);

-    /**
+  /**
     * 签名凭证方法。
     * @param token 待签名的凭证字符串。
     * @returns 签名后的凭证对象。
     */
-    public static async signCredential(token: string): Promise<WebUiCredentialJson> {
-        const innerJson: WebUiCredentialInnerJson = {
-            CreatedTime: Date.now(),
-            TokenEncoded: token,
-        };
-        const jsonString = JSON.stringify(innerJson);
-        const hmac = crypto.createHmac('sha256', AuthHelper.secretKey)
-                           .update(jsonString, 'utf8')
-                           .digest('hex');
-        return { Data: innerJson, Hmac: hmac };
-    }
+  public static async signCredential(token: string): Promise<WebUiCredentialJson> {
+    const innerJson: WebUiCredentialInnerJson = {
+      CreatedTime: Date.now(),
+      TokenEncoded: token,
+    };
+    const jsonString = JSON.stringify(innerJson);
+    const hmac = crypto.createHmac('sha256', AuthHelper.secretKey)
+      .update(jsonString, 'utf8')
+      .digest('hex');
+    return { Data: innerJson, Hmac: hmac };
+  }

-    /**
+  /**
     * 检查凭证是否被篡改的方法。
     * @param credentialJson 凭证的JSON对象。
     * @returns 布尔值，表示凭证是否有效。
     */
-    public static async checkCredential(credentialJson: WebUiCredentialJson): Promise<boolean> {
-        try {
-            const jsonString = JSON.stringify(credentialJson.Data);
-            const calculatedHmac = crypto.createHmac('sha256', AuthHelper.secretKey)
-                                          .update(jsonString, 'utf8')
-                                          .digest('hex');
-            return calculatedHmac === credentialJson.Hmac;
-        } catch (error) {
-            return false;
-        }
+  public static async checkCredential(credentialJson: WebUiCredentialJson): Promise<boolean> {
+    try {
+      const jsonString = JSON.stringify(credentialJson.Data);
+      const calculatedHmac = crypto.createHmac('sha256', AuthHelper.secretKey)
+        .update(jsonString, 'utf8')
+        .digest('hex');
+      return calculatedHmac === credentialJson.Hmac;
+    } catch (error) {
+      return false;
    }
+  }

-    /**
+  /**
     * 验证凭证在1小时内有效且token与原始token相同。
     * @param token 待验证的原始token。
     * @param credentialJson 已签名的凭证JSON对象。
     * @returns 布尔值，表示凭证是否有效且token匹配。
     */
-    public static async validateCredentialWithinOneHour(token: string, credentialJson: WebUiCredentialJson): Promise<boolean> {
-        const isValid = await AuthHelper.checkCredential(credentialJson);
-        if (!isValid) {
-            return false;
-        }
-
-        const currentTime = Date.now() / 1000;
-        const createdTime = credentialJson.Data.CreatedTime;
-        const timeDifference = currentTime - createdTime;
-
-        return timeDifference <= 3600 && credentialJson.Data.TokenEncoded === token;
+  public static async validateCredentialWithinOneHour(token: string, credentialJson: WebUiCredentialJson): Promise<boolean> {
+    const isValid = await AuthHelper.checkCredential(credentialJson);
+    if (!isValid) {
+      return false;
    }
+
+    const currentTime = Date.now() / 1000;
+    const createdTime = credentialJson.Data.CreatedTime;
+    const timeDifference = currentTime - createdTime;
+
+    return timeDifference <= 3600 && credentialJson.Data.TokenEncoded === token;
+  }
 }
--- a/src/webui/src/helper/config.ts
+++ b/src/webui/src/helper/config.ts
@@ -1,8 +1,8 @@
-import { existsSync, readFileSync, writeFileSync } from "node:fs";
-import { resolve } from "node:path";
-import * as net from "node:net";
-import { dirname } from "node:path"
-import { fileURLToPath } from "node:url"
+import { existsSync, readFileSync, writeFileSync } from 'node:fs';
+import { resolve } from 'node:path';
+import * as net from 'node:net';
+import { dirname } from 'node:path';
+import { fileURLToPath } from 'node:url';


 const __filename = fileURLToPath(import.meta.url);
@@ -12,34 +12,34 @@ const __dirname = dirname(__filename);
 const MAX_PORT_TRY = 100;

 async function tryUsePort(port: number, tryCount: number = 0): Promise<number> {
-    return new Promise(async (resolve, reject) => {
-        try {
-            let server = net.createServer();
-            server.on('listening', () => {
-                server.close();
-                resolve(port);
-            });
+  return new Promise(async (resolve, reject) => {
+    try {
+      const server = net.createServer();
+      server.on('listening', () => {
+        server.close();
+        resolve(port);
+      });

-            server.on('error', (err: any) => {
-                if (err.code === 'EADDRINUSE') {
-                    if (tryCount < MAX_PORT_TRY) {
-                        // 使用循环代替递归
-                        resolve(tryUsePort(port + 1, tryCount + 1));
-                    } else {
-                        reject(`端口尝试失败，达到最大尝试次数: ${MAX_PORT_TRY}`);
-                    }
-                } else {
-                    reject(`遇到错误: ${err.code}`);
-                }
-            });
-
-            // 尝试监听端口
-            server.listen(port);
-        } catch (error) {
-            // 这里捕获到的错误应该是启动服务器时的同步错误
-            reject(`服务器启动时发生错误: ${error}`);
+      server.on('error', (err: any) => {
+        if (err.code === 'EADDRINUSE') {
+          if (tryCount < MAX_PORT_TRY) {
+            // 使用循环代替递归
+            resolve(tryUsePort(port + 1, tryCount + 1));
+          } else {
+            reject(`端口尝试失败，达到最大尝试次数: ${MAX_PORT_TRY}`);
+          }
+        } else {
+          reject(`遇到错误: ${err.code}`);
        }
-    });
+      });
+
+      // 尝试监听端口
+      server.listen(port);
+    } catch (error) {
+      // 这里捕获到的错误应该是启动服务器时的同步错误
+      reject(`服务器启动时发生错误: ${error}`);
+    }
+  });
 }

 export interface WebUiConfigType {
@@ -49,38 +49,38 @@ export interface WebUiConfigType {
 }
 // 读取当前目录下名为 webui.json 的配置文件，如果不存在则创建初始化配置文件
 class WebUiConfigWrapper {
-    WebUiConfigData: WebUiConfigType | undefined = undefined;
-    async GetWebUIConfig(): Promise<WebUiConfigType> {
-        if (this.WebUiConfigData) {
-            return this.WebUiConfigData;
-        }
-        try {
-            let configPath = resolve(__dirname, "./config/webui.json");
-            let config: WebUiConfigType = {
-                port: 6099,
-                token: Math.random().toString(36).slice(2),//生成随机密码
-                loginRate: 3
-            };
-
-            if (!existsSync(configPath)) {
-                writeFileSync(configPath, JSON.stringify(config, null, 4));
-            }
-
-            let fileContent = readFileSync(configPath, "utf-8");
-            let parsedConfig = JSON.parse(fileContent) as WebUiConfigType;
-
-            // 修正端口占用情况
-            const [err, data] = await tryUsePort(parsedConfig.port).then(data => [null, data as number]).catch(err => [err, null]);
-            parsedConfig.port = data;
-            if (err) {
-                //一般没那么离谱 如果真有这么离谱 考虑下 向外抛出异常
-            }
-            this.WebUiConfigData = parsedConfig;
-            return this.WebUiConfigData;
-        } catch (e) {
-            console.error("读取配置文件失败", e);
-        }
-        return {} as WebUiConfigType; // 理论上这行代码到不了，为了保持函数完整性而保留
+  WebUiConfigData: WebUiConfigType | undefined = undefined;
+  async GetWebUIConfig(): Promise<WebUiConfigType> {
+    if (this.WebUiConfigData) {
+      return this.WebUiConfigData;
    }
+    try {
+      const configPath = resolve(__dirname, './config/webui.json');
+      const config: WebUiConfigType = {
+        port: 6099,
+        token: Math.random().toString(36).slice(2),//生成随机密码
+        loginRate: 3
+      };
+
+      if (!existsSync(configPath)) {
+        writeFileSync(configPath, JSON.stringify(config, null, 4));
+      }
+
+      const fileContent = readFileSync(configPath, 'utf-8');
+      const parsedConfig = JSON.parse(fileContent) as WebUiConfigType;
+
+      // 修正端口占用情况
+      const [err, data] = await tryUsePort(parsedConfig.port).then(data => [null, data as number]).catch(err => [err, null]);
+      parsedConfig.port = data;
+      if (err) {
+        //一般没那么离谱 如果真有这么离谱 考虑下 向外抛出异常
+      }
+      this.WebUiConfigData = parsedConfig;
+      return this.WebUiConfigData;
+    } catch (e) {
+      console.error('读取配置文件失败', e);
+    }
+    return {} as WebUiConfigType; // 理论上这行代码到不了，为了保持函数完整性而保留
+  }
 }
 export const WebUiConfig = new WebUiConfigWrapper();
--- a/src/webui/src/router/OB11Config.ts
+++ b/src/webui/src/router/OB11Config.ts
@@ -1,6 +1,6 @@
 import { Router } from 'express';
-import { OB11GetConfigHandler,OB11SetConfigHandler} from '../api/OB11Config';
+import { OB11GetConfigHandler,OB11SetConfigHandler } from '../api/OB11Config';
 const router = Router();
-router.post('/GetConfig', OB11GetConfigHandler)
+router.post('/GetConfig', OB11GetConfigHandler);
 router.post('/SetConfig', OB11SetConfigHandler);
 export { router as OB11ConfigRouter };
--- a/src/webui/src/router/QQLogin.ts
+++ b/src/webui/src/router/QQLogin.ts
@@ -1,7 +1,7 @@
 import { Router } from 'express';
 import { QQCheckLoginStatusHandler, QQGetQRcodeHandler, QQGetQuickLoginListHandler, QQSetQuickLoginHandler } from '../api/QQLogin';
 const router = Router();
-router.all('/GetQuickLoginList', QQGetQuickLoginListHandler)
+router.all('/GetQuickLoginList', QQGetQuickLoginListHandler);
 router.post('/CheckLoginStatus', QQCheckLoginStatusHandler);
 router.post('/GetQQLoginQrcode', QQGetQRcodeHandler);
 router.post('/SetQuickLogin', QQSetQuickLoginHandler);
--- a/src/webui/src/router/index.ts
+++ b/src/webui/src/router/index.ts
@@ -1,65 +1,65 @@
-import { Router } from "express";
+import { Router } from 'express';
 import { AuthHelper } from '../../src/helper/SignToken';
 import { NextFunction, Request, Response } from 'express';
-import { QQLoginRouter } from "./QQLogin";
-import { AuthRouter } from "./auth";
-import { OB11ConfigRouter } from "./OB11Config";
-import { WebUiConfig } from "../helper/config";
+import { QQLoginRouter } from './QQLogin';
+import { AuthRouter } from './auth';
+import { OB11ConfigRouter } from './OB11Config';
+import { WebUiConfig } from '../helper/config';
 const router = Router();
 export async function AuthApi(req: Request, res: Response, next: NextFunction) {
-    //判断当前url是否为/login 如果是跳过鉴权
-    if (req.url == '/auth/login') {
-        next();
-        return;
-    }
-    if (req.headers?.authorization) {
-        let authorization = req.headers.authorization.split(' ');
-        if (authorization.length < 2) {
-            res.json({
-                code: -1,
-                msg: 'Unauthorized',
-            });
-            return;
-        }
-        let token = authorization[1];
-        let Credential: any;
-        try {
-            Credential = JSON.parse(Buffer.from(token, 'base64').toString('utf-8'));
-        } catch (e) {
-            res.json({
-                code: -1,
-                msg: 'Unauthorized',
-            });
-            return;
-        }
-        let config = await WebUiConfig.GetWebUIConfig();
-        let credentialJson = await AuthHelper.validateCredentialWithinOneHour(config.token, Credential);
-        if (credentialJson) {
-            //通过验证
-            next();
-            return;
-        }
-        res.json({
-            code: -1,
-            msg: 'Unauthorized',
-        });
-        return;
-    }
-
-    res.json({
+  //判断当前url是否为/login 如果是跳过鉴权
+  if (req.url == '/auth/login') {
+    next();
+    return;
+  }
+  if (req.headers?.authorization) {
+    const authorization = req.headers.authorization.split(' ');
+    if (authorization.length < 2) {
+      res.json({
        code: -1,
-        msg: 'Server Error',
+        msg: 'Unauthorized',
+      });
+      return;
+    }
+    const token = authorization[1];
+    let Credential: any;
+    try {
+      Credential = JSON.parse(Buffer.from(token, 'base64').toString('utf-8'));
+    } catch (e) {
+      res.json({
+        code: -1,
+        msg: 'Unauthorized',
+      });
+      return;
+    }
+    const config = await WebUiConfig.GetWebUIConfig();
+    const credentialJson = await AuthHelper.validateCredentialWithinOneHour(config.token, Credential);
+    if (credentialJson) {
+      //通过验证
+      next();
+      return;
+    }
+    res.json({
+      code: -1,
+      msg: 'Unauthorized',
    });
    return;
+  }
+
+  res.json({
+    code: -1,
+    msg: 'Server Error',
+  });
+  return;
 }
 router.use(AuthApi);
-router.all("/test", (req, res) => {
-    res.json({
-        code: 0,
-        msg: 'ok',
-    });
+router.all('/test', (req, res) => {
+  res.json({
+    code: 0,
+    msg: 'ok',
+  });
 });
 router.use('/auth', AuthRouter);
 router.use('/QQLogin', QQLoginRouter);
 router.use('/OB11Config', OB11ConfigRouter);
-export { router as ALLRouter }
+export { router as ALLRouter };
--- a/src/webui/ui/NapCat.ts
+++ b/src/webui/ui/NapCat.ts
@@ -1,15 +1,15 @@
-import { SettingList } from "./components/SettingList";
-import { SettingItem } from "./components/SettingItem";
-import { SettingButton } from "./components/SettingButton";
-import { SettingSwitch } from "./components/SettingSwitch";
-import { SettingSelect } from "./components/SettingSelect";
-import { OB11Config, OB11ConfigWrapper } from "./components/WebUiApiOB11Config";
+import { SettingList } from './components/SettingList';
+import { SettingItem } from './components/SettingItem';
+import { SettingButton } from './components/SettingButton';
+import { SettingSwitch } from './components/SettingSwitch';
+import { SettingSelect } from './components/SettingSelect';
+import { OB11Config, OB11ConfigWrapper } from './components/WebUiApiOB11Config';
 async function onSettingWindowCreated(view: Element) {
-  const isEmpty = (value: any) => value === undefined || value === undefined || value === "";
-  await OB11ConfigWrapper.Init(localStorage.getItem("auth") as string);
-  let ob11Config: OB11Config = await OB11ConfigWrapper.GetOB11Config();
+  const isEmpty = (value: any) => value === undefined || value === undefined || value === '';
+  await OB11ConfigWrapper.Init(localStorage.getItem('auth') as string);
+  const ob11Config: OB11Config = await OB11ConfigWrapper.GetOB11Config();
  const setOB11Config = (key: string, value: any) => {
-    const configKey = key.split(".");
+    const configKey = key.split('.');
    if (configKey.length === 2) {
      ob11Config[configKey[1]] = value;
    } else if (configKey.length === 3) {
@@ -21,7 +21,7 @@ async function onSettingWindowCreated(view: Element) {
  const parser = new DOMParser();
  const doc = parser.parseFromString(
    [
-      "<div>",
+      '<div>',
      `<setting-section id="napcat-error">
            <setting-panel><pre><code></code></pre></setting-panel>
        </setting-section>`,
@@ -29,39 +29,39 @@ async function onSettingWindowCreated(view: Element) {
        SettingItem(
          '<span id="napcat-update-title">Napcat</span>',
          undefined,
-          SettingButton("V1.4.0", "napcat-update-button", "secondary")
+          SettingButton('V1.4.0', 'napcat-update-button', 'secondary')
        ),
      ]),
      SettingList([
        SettingItem(
-          "启用 HTTP 服务",
+          '启用 HTTP 服务',
          undefined,
-          SettingSwitch("ob11.http.enable", ob11Config.http.enable, {
-            "control-display-id": "config-ob11-http-port",
+          SettingSwitch('ob11.http.enable', ob11Config.http.enable, {
+            'control-display-id': 'config-ob11-http-port',
          })
        ),
        SettingItem(
-          "HTTP 服务监听端口",
+          'HTTP 服务监听端口',
          undefined,
          `<div class="q-input"><input class="q-input__inner" data-config-key="ob11.http.port" type="number" min="1" max="65534" value="${ob11Config.http.port}" placeholder="${ob11Config.http.port}" /></div>`,
-          "config-ob11-http-port",
+          'config-ob11-http-port',
          ob11Config.http.enable
        ),
        SettingItem(
-          "启用 HTTP 心跳",
+          '启用 HTTP 心跳',
          undefined,
-          SettingSwitch("ob11.http.enableHeart", ob11Config.http.enableHeart, {
-            "control-display-id": "config-ob11-HTTP.enableHeart",
+          SettingSwitch('ob11.http.enableHeart', ob11Config.http.enableHeart, {
+            'control-display-id': 'config-ob11-HTTP.enableHeart',
          })
        ),
        SettingItem(
-          "启用 HTTP 事件上报",
+          '启用 HTTP 事件上报',
          undefined,
-          SettingSwitch("ob11.http.enablePost", ob11Config.http.enablePost, {
-            "control-display-id": "config-ob11-http-postUrls",
+          SettingSwitch('ob11.http.enablePost', ob11Config.http.enablePost, {
+            'control-display-id': 'config-ob11-http-postUrls',
          })
        ),
-        `<div class="config-host-list" id="config-ob11-http-postUrls" ${ob11Config.http.enablePost ? "" : "is-hidden"
+        `<div class="config-host-list" id="config-ob11-http-postUrls" ${ob11Config.http.enablePost ? '' : 'is-hidden'
        }>
                <setting-item data-direction="row">
                    <div>
@@ -69,7 +69,7 @@ async function onSettingWindowCreated(view: Element) {
                    </div>
                    <div class="q-input">
                        <input id="config-ob11-http-secret" class="q-input__inner" data-config-key="ob11.http.secret" type="text" value="${ob11Config.http.secret
-        }" placeholder="未设置" />
+}" placeholder="未设置" />
                    </div>
                </setting-item>
                <setting-item data-direction="row">
@@ -81,27 +81,27 @@ async function onSettingWindowCreated(view: Element) {
                <div id="config-ob11-http-postUrls-list"></div>
            </div>`,
        SettingItem(
-          "启用正向 WebSocket 服务",
+          '启用正向 WebSocket 服务',
          undefined,
-          SettingSwitch("ob11.ws.enable", ob11Config.ws.enable, {
-            "control-display-id": "config-ob11-ws-port",
+          SettingSwitch('ob11.ws.enable', ob11Config.ws.enable, {
+            'control-display-id': 'config-ob11-ws-port',
          })
        ),
        SettingItem(
-          "正向 WebSocket 服务监听端口",
+          '正向 WebSocket 服务监听端口',
          undefined,
          `<div class="q-input"><input class="q-input__inner" data-config-key="ob11.ws.port" type="number" min="1" max="65534" value="${ob11Config.ws.port}" placeholder="${ob11Config.ws.port}" /></div>`,
-          "config-ob11-ws-port",
+          'config-ob11-ws-port',
          ob11Config.ws.enable
        ),
        SettingItem(
-          "启用反向 WebSocket 服务",
+          '启用反向 WebSocket 服务',
          undefined,
-          SettingSwitch("ob11.reverseWs.enable", ob11Config.reverseWs.enable, {
-            "control-display-id": "config-ob11-reverseWs-urls",
+          SettingSwitch('ob11.reverseWs.enable', ob11Config.reverseWs.enable, {
+            'control-display-id': 'config-ob11-reverseWs-urls',
          })
        ),
-        `<div class="config-host-list" id="config-ob11-reverseWs-urls" ${ob11Config.reverseWs.enable ? "" : "is-hidden"
+        `<div class="config-host-list" id="config-ob11-reverseWs-urls" ${ob11Config.reverseWs.enable ? '' : 'is-hidden'
        }>
                <setting-item data-direction="row">
                    <div>
@@ -112,81 +112,81 @@ async function onSettingWindowCreated(view: Element) {
                <div id="config-ob11-reverseWs-urls-list"></div>
            </div>`,
        SettingItem(
-          " WebSocket 服务心跳间隔",
-          "控制每隔多久发送一个心跳包，单位为毫秒",
+          ' WebSocket 服务心跳间隔',
+          '控制每隔多久发送一个心跳包，单位为毫秒',
          `<div class="q-input"><input class="q-input__inner" data-config-key="ob11.heartInterval" type="number" min="1000" value="${ob11Config.heartInterval}" placeholder="${ob11Config.heartInterval}" /></div>`
        ),
        SettingItem(
-          "Access token",
+          'Access token',
          undefined,
          `<div class="q-input" style="width:210px;"><input class="q-input__inner" data-config-key="ob11.token" type="text" value="${ob11Config.token}" placeholder="未设置" /></div>`
        ),
        SettingItem(
-          "新消息上报格式",
-          "如客户端无特殊需求推荐保持默认设置，两者的详细差异可参考 <a href=\"javascript:LiteLoader.api.openExternal('https://github.com/botuniverse/onebot-11/tree/master/message#readme');\">OneBot v11 文档</a>",
+          '新消息上报格式',
+          '如客户端无特殊需求推荐保持默认设置，两者的详细差异可参考 <a href="javascript:LiteLoader.api.openExternal(\'https://github.com/botuniverse/onebot-11/tree/master/message#readme\');">OneBot v11 文档</a>',
          SettingSelect(
            [
-              { text: "消息段", value: "array" },
-              { text: "CQ码", value: "string" },
+              { text: '消息段', value: 'array' },
+              { text: 'CQ码', value: 'string' },
            ],
-            "ob11.messagePostFormat",
+            'ob11.messagePostFormat',
            ob11Config.messagePostFormat
          )
        ),
        SettingItem(
-          "音乐卡片签名地址",
+          '音乐卡片签名地址',
          undefined,
          `<div class="q-input" style="width:210px;"><input class="q-input__inner" data-config-key="ob11.musicSignUrl" type="text" value="${ob11Config.musicSignUrl}" placeholder="未设置" /></div>`,
-          "ob11.musicSignUrl"
+          'ob11.musicSignUrl'
        ),
        SettingItem(
-          "",
+          '',
          undefined,
-          SettingButton("保存", "config-ob11-save", "primary")
+          SettingButton('保存', 'config-ob11-save', 'primary')
        ),
      ]),
      SettingList([
        SettingItem(
-          "上报 Bot 自身发送的消息",
-          "上报 event 为 message_sent",
-          SettingSwitch("ob11.reportSelfMessage", ob11Config.reportSelfMessage)
+          '上报 Bot 自身发送的消息',
+          '上报 event 为 message_sent',
+          SettingSwitch('ob11.reportSelfMessage', ob11Config.reportSelfMessage)
        ),
      ]),
      SettingList([
        SettingItem(
-          "GitHub 仓库",
-          `https://github.com/NapNeko/NapCatQQ`,
-          SettingButton("点个星星", "open-github")
+          'GitHub 仓库',
+          'https://github.com/NapNeko/NapCatQQ',
+          SettingButton('点个星星', 'open-github')
        ),
-        SettingItem("NapCat 文档", ``, SettingButton("看看文档", "open-docs")),
+        SettingItem('NapCat 文档', '', SettingButton('看看文档', 'open-docs')),
        SettingItem(
-          "Telegram 群",
-          `https://t.me/+nLZEnpne-pQ1OWFl`,
-          SettingButton("进去逛逛", "open-telegram")
+          'Telegram 群',
+          'https://t.me/+nLZEnpne-pQ1OWFl',
+          SettingButton('进去逛逛', 'open-telegram')
        ),
        SettingItem(
-          "QQ 群",
-          `545402644`,
-          SettingButton("我要进去", "open-qq-group")
+          'QQ 群',
+          '545402644',
+          SettingButton('我要进去', 'open-qq-group')
        ),
      ]),
-      "</div>",
-    ].join(""),
-    "text/html"
+      '</div>',
+    ].join(''),
+    'text/html'
  );

  // 外链按钮
-  doc.querySelector("#open-github")?.addEventListener("click", () => {
-    window.open("https://napneko.github.io/", "_blank");
+  doc.querySelector('#open-github')?.addEventListener('click', () => {
+    window.open('https://napneko.github.io/', '_blank');
  });
-  doc.querySelector("#open-telegram")?.addEventListener("click", () => {
-    window.open("https://t.me/+nLZEnpne-pQ1OWFl");
+  doc.querySelector('#open-telegram')?.addEventListener('click', () => {
+    window.open('https://t.me/+nLZEnpne-pQ1OWFl');
  });
-  doc.querySelector("#open-qq-group")?.addEventListener("click", () => {
-    window.open("https://qm.qq.com/q/bDnHRG38aI");
+  doc.querySelector('#open-qq-group')?.addEventListener('click', () => {
+    window.open('https://qm.qq.com/q/bDnHRG38aI');
  });
-  doc.querySelector("#open-docs")?.addEventListener("click", () => {
-    window.open("https://github.com/NapNeko/NapCatQQ");
+  doc.querySelector('#open-docs')?.addEventListener('click', () => {
+    window.open('https://github.com/NapNeko/NapCatQQ');
  });
  // 生成反向地址列表
  const buildHostListItem = (
@@ -196,29 +196,29 @@ async function onSettingWindowCreated(view: Element) {
    inputAttrs: any = {}
  ) => {
    const dom = {
-      container: document.createElement("setting-item"),
-      input: document.createElement("input"),
-      inputContainer: document.createElement("div"),
-      deleteBtn: document.createElement("setting-button"),
+      container: document.createElement('setting-item'),
+      input: document.createElement('input'),
+      inputContainer: document.createElement('div'),
+      deleteBtn: document.createElement('setting-button'),
    };
-    dom.container.classList.add("setting-host-list-item");
-    dom.container.dataset.direction = "row";
+    dom.container.classList.add('setting-host-list-item');
+    dom.container.dataset.direction = 'row';
    Object.assign(dom.input, inputAttrs);
-    dom.input.classList.add("q-input__inner");
-    dom.input.type = "url";
+    dom.input.classList.add('q-input__inner');
+    dom.input.type = 'url';
    dom.input.value = host;
-    dom.input.addEventListener("input", () => {
-      ob11Config[type.split("-")[0]][type.split("-")[1]][index] =
+    dom.input.addEventListener('input', () => {
+      ob11Config[type.split('-')[0]][type.split('-')[1]][index] =
        dom.input.value;
    });

-    dom.inputContainer.classList.add("q-input");
+    dom.inputContainer.classList.add('q-input');
    dom.inputContainer.appendChild(dom.input);

-    dom.deleteBtn.innerHTML = "删除";
-    dom.deleteBtn.dataset.type = "secondary";
-    dom.deleteBtn.addEventListener("click", () => {
-      ob11Config[type.split("-")[0]][type.split("-")[1]].splice(index, 1);
+    dom.deleteBtn.innerHTML = '删除';
+    dom.deleteBtn.dataset.type = 'secondary';
+    dom.deleteBtn.addEventListener('click', () => {
+      ob11Config[type.split('-')[0]][type.split('-')[1]].splice(index, 1);
      initReverseHost(type);
    });

@@ -245,7 +245,7 @@ async function onSettingWindowCreated(view: Element) {
    doc: Document = document,
    inputAttr: any = {}
  ) => {
-    type = type.replace(/\./g, "-");//替换操作
+    type = type.replace(/\./g, '-');//替换操作

    const hostContainerDom = doc.body.querySelector(
      `#config-ob11-${type}-list`
@@ -253,22 +253,22 @@ async function onSettingWindowCreated(view: Element) {
    hostContainerDom?.appendChild(
      buildHostListItem(
        type,
-        "",
-        ob11Config[type.split("-")[0]][type.split("-")[1]].length,
+        '',
+        ob11Config[type.split('-')[0]][type.split('-')[1]].length,
        inputAttr
      )
    );
-    ob11Config[type.split("-")[0]][type.split("-")[1]].push("");
+    ob11Config[type.split('-')[0]][type.split('-')[1]].push('');
  };
  const initReverseHost = (type: string, doc: Document = document) => {
-    type = type.replace(/\./g, "-");//替换操作
+    type = type.replace(/\./g, '-');//替换操作
    const hostContainerDom = doc.body?.querySelector(
      `#config-ob11-${type}-list`
    );
    if (hostContainerDom) {
      [...hostContainerDom.childNodes].forEach((dom) => dom.remove());
      buildHostList(
-        ob11Config[type.split("-")[0]][type.split("-")[1]],
+        ob11Config[type.split('-')[0]][type.split('-')[1]],
        type
      ).forEach((dom) => {
        hostContainerDom?.appendChild(dom);
@@ -276,51 +276,51 @@ async function onSettingWindowCreated(view: Element) {
    }
  };

-  initReverseHost("http.postUrls", doc);
-  initReverseHost("reverseWs.urls", doc);
+  initReverseHost('http.postUrls', doc);
+  initReverseHost('reverseWs.urls', doc);

  doc
-    .querySelector("#config-ob11-http-postUrls-add")
-    ?.addEventListener("click", () =>
-      addReverseHost("http.postUrls", document, {
-        placeholder: "如：http://127.0.0.1:5140/onebot",
+    .querySelector('#config-ob11-http-postUrls-add')
+    ?.addEventListener('click', () =>
+      addReverseHost('http.postUrls', document, {
+        placeholder: '如：http://127.0.0.1:5140/onebot',
      })
    );

  doc
-    .querySelector("#config-ob11-reverseWs-urls-add")
-    ?.addEventListener("click", () =>
-      addReverseHost("reverseWs.urls", document, {
-        placeholder: "如：ws://127.0.0.1:5140/onebot",
+    .querySelector('#config-ob11-reverseWs-urls-add')
+    ?.addEventListener('click', () =>
+      addReverseHost('reverseWs.urls', document, {
+        placeholder: '如：ws://127.0.0.1:5140/onebot',
      })
    );

-  doc.querySelector("#config-ffmpeg-select")?.addEventListener("click", () => {
+  doc.querySelector('#config-ffmpeg-select')?.addEventListener('click', () => {
    //选择ffmpeg
  });

-  doc.querySelector("#config-open-log-path")?.addEventListener("click", () => {
+  doc.querySelector('#config-open-log-path')?.addEventListener('click', () => {
    //打开日志
  });

  // 开关
  doc
-    .querySelectorAll("setting-switch[data-config-key]")
+    .querySelectorAll('setting-switch[data-config-key]')
    .forEach((dom: Element) => {
-      dom.addEventListener("click", () => {
-        const active = dom.getAttribute("is-active") == undefined;
-        //@ts-ignore 扩展
+      dom.addEventListener('click', () => {
+        const active = dom.getAttribute('is-active') == undefined;
+        //@ts-expect-error 等待修复
        setOB11Config(dom.dataset.configKey, active);
-        if (active) dom.setAttribute("is-active", "");
-        else dom.removeAttribute("is-active");
-        //@ts-ignore 等待修复
+        if (active) dom.setAttribute('is-active', '');
+        else dom.removeAttribute('is-active');
+        //@ts-expect-error 等待修复
        if (!isEmpty(dom.dataset.controlDisplayId)) {
          const displayDom = document.querySelector(
-            //@ts-ignore 等待修复
+            //@ts-expect-error 等待修复
            `#${dom.dataset.controlDisplayId}`
          );
-          if (active) displayDom?.removeAttribute("is-hidden");
-          else displayDom?.setAttribute("is-hidden", "");
+          if (active) displayDom?.removeAttribute('is-hidden');
+          else displayDom?.setAttribute('is-hidden', '');
        }
      });
    });
@@ -328,15 +328,15 @@ async function onSettingWindowCreated(view: Element) {
  // 输入框
  doc
    .querySelectorAll(
-      "setting-item .q-input input.q-input__inner[data-config-key]"
+      'setting-item .q-input input.q-input__inner[data-config-key]'
    )
    .forEach((dom: Element) => {
-      dom.addEventListener("input", () => {
-        const Type = dom.getAttribute("type");
-        //@ts-ignore 等待修复
+      dom.addEventListener('input', () => {
+        const Type = dom.getAttribute('type');
+        //@ts-expect-error等待修复
        const configKey = dom.dataset.configKey;
        const configValue =
-          Type === "number"
+          Type === 'number'
            ? parseInt((dom as HTMLInputElement).value) >= 1
              ? parseInt((dom as HTMLInputElement).value)
              : 1
@@ -348,11 +348,11 @@ async function onSettingWindowCreated(view: Element) {

  // 下拉框
  doc
-    .querySelectorAll("ob-setting-select[data-config-key]")
+    .querySelectorAll('ob-setting-select[data-config-key]')
    .forEach((dom: Element) => {
-      //@ts-ignore 等待修复
-      dom?.addEventListener("selected", (e: CustomEvent) => {
-        //@ts-ignore 等待修复
+      //@ts-expect-error等待修复
+      dom?.addEventListener('selected', (e: CustomEvent) => {
+        //@ts-expect-error等待修复
        const configKey = dom.dataset.configKey;
        const configValue = e.detail.value;
        setOB11Config(configKey, configValue);
@@ -360,9 +360,9 @@ async function onSettingWindowCreated(view: Element) {
    });

  // 保存按钮
-  doc.querySelector("#config-ob11-save")?.addEventListener("click", () => {
+  doc.querySelector('#config-ob11-save')?.addEventListener('click', () => {
    OB11ConfigWrapper.SetOB11Config(ob11Config);
-    alert("保存成功");
+    alert('保存成功');
  });
  doc.body.childNodes.forEach((node) => {
    view.appendChild(node);
--- a/src/webui/ui/components/SettingButton.ts
+++ b/src/webui/ui/components/SettingButton.ts
@@ -1,3 +1,3 @@
 export const SettingButton = (text: string, id?: string, type: string = 'secondary') => {
-  return `<setting-button ${type ? `data-type="${type}"` : ''} ${id ? `id="${id}"` : ''}>${text}</setting-button>`
-}
+  return `<setting-button ${type ? `data-type="${type}"` : ''} ${id ? `id="${id}"` : ''}>${text}</setting-button>`;
+};
--- a/src/webui/ui/components/SettingItem.ts
+++ b/src/webui/ui/components/SettingItem.ts
@@ -11,5 +11,5 @@ export const SettingItem = (
          ${subtitle ? `<setting-text data-type="secondary">${subtitle}</setting-text>` : ''}
      </div>
      ${action ? `<div>${action}</div>` : ''}
-  </setting-item>`
-}
+  </setting-item>`;
+};
--- a/src/webui/ui/components/SettingList.ts
+++ b/src/webui/ui/components/SettingList.ts
@@ -1,14 +1,14 @@
 export const SettingList = (
-    items: string[],
-    title?: string,
-    isCollapsible: boolean = false,
-    direction: string = 'column',
-  ) => {
-    return `<setting-section ${title && !isCollapsible ? `data-title="${title}"` : ''}>
+  items: string[],
+  title?: string,
+  isCollapsible: boolean = false,
+  direction: string = 'column',
+) => {
+  return `<setting-section ${title && !isCollapsible ? `data-title="${title}"` : ''}>
      <setting-panel>
          <setting-list ${direction ? `data-direction="${direction}"` : ''} ${isCollapsible ? 'is-collapsible' : ''} ${title && isCollapsible ? `data-title="${title}"` : ''}>
              ${items.join('')}
          </setting-list>
      </setting-panel>
-  </setting-section>`
-  }
+  </setting-section>`;
+};
--- a/src/webui/ui/components/SettingOption.ts
+++ b/src/webui/ui/components/SettingOption.ts
@@ -1,3 +1,3 @@
 export const SettingOption = (text: string, value?: string, isSelected: boolean = false) => {
-    return `<setting-option ${value ? `data-value="${value}"` : ''} ${isSelected ? 'is-selected' : ''}>${text}</setting-option>`
-  }
+  return `<setting-option ${value ? `data-value="${value}"` : ''} ${isSelected ? 'is-selected' : ''}>${text}</setting-option>`;
+};
--- a/src/webui/ui/components/SettingSelect.ts
+++ b/src/webui/ui/components/SettingSelect.ts
@@ -1,11 +1,11 @@
-import { SettingOption } from './SettingOption'
+import { SettingOption } from './SettingOption';

 interface MouseEventExtend extends MouseEvent {
  target: HTMLElement
 }

 // <ob-setting-select>
-const SelectTemplate = document.createElement('template')
+const SelectTemplate = document.createElement('template');
 SelectTemplate.innerHTML = `<style>
    .hidden { display: none !important; }
 </style>
@@ -17,19 +17,19 @@ SelectTemplate.innerHTML = `<style>
            </svg>
        </div>
    <ul class="hidden" part="option-list"><slot></slot></ul>
-</div>`
+</div>`;

 window.customElements.define(
  'ob-setting-select',
  class extends HTMLElement {
-    readonly _button: HTMLDivElement
-    readonly _text: HTMLInputElement
-    readonly _context: HTMLUListElement
+    readonly _button: HTMLDivElement;
+    readonly _text: HTMLInputElement;
+    readonly _context: HTMLUListElement;

    constructor() {
-      super()
+      super();

-      this.attachShadow({ mode: 'open' })
+      this.attachShadow({ mode: 'open' });
      this.shadowRoot?.append(SelectTemplate.content.cloneNode(true));

      this._button = this.shadowRoot.querySelector('div[part="button"]');
@@ -39,21 +39,21 @@ window.customElements.define(
      const buttonClick = () => {
        const isHidden = this._context.classList.toggle('hidden');
        window[`${isHidden ? 'remove' : 'add'}EventListener`]('pointerdown', windowPointerDown);
-      }
+      };

      const windowPointerDown = ({ target }) => {
-        if (!this.contains(target)) buttonClick()
-      }
+        if (!this.contains(target)) buttonClick();
+      };

-      this._button.addEventListener('click', buttonClick)
+      this._button.addEventListener('click', buttonClick);
      this._context.addEventListener('click', ({ target }: MouseEventExtend) => {
-        if (target.tagName !== 'SETTING-OPTION') return
-        buttonClick()
+        if (target.tagName !== 'SETTING-OPTION') return;
+        buttonClick();

-        if (target.hasAttribute('is-selected')) return
+        if (target.hasAttribute('is-selected')) return;

-        this.querySelectorAll('setting-option[is-selected]').forEach((dom) => dom.toggleAttribute('is-selected'))
-        target.toggleAttribute('is-selected')
+        this.querySelectorAll('setting-option[is-selected]').forEach((dom) => dom.toggleAttribute('is-selected'));
+        target.toggleAttribute('is-selected');

        this._text.value = target.textContent as string;
        this.dispatchEvent(
@@ -65,20 +65,20 @@ window.customElements.define(
              value: target.dataset.value,
            },
          }),
-        )
-      })
+        );
+      });

      this._text.value = this.querySelector('setting-option[is-selected]')?.textContent as string;
    }
  },
-)
+);

 export const SettingSelect = (items: Array<{ text: string; value: string }>, configKey?: string, configValue?: any) => {
  return `<ob-setting-select ${configKey ? `data-config-key="${configKey}"` : ''}>
    ${items
-      .map((e, i) => {
-        return SettingOption(e.text, e.value, configKey && configValue ? configValue === e.value : i === 0)
-      })
-      .join('')}
-</ob-setting-select>`
-}
+    .map((e, i) => {
+      return SettingOption(e.text, e.value, configKey && configValue ? configValue === e.value : i === 0);
+    })
+    .join('')}
+</ob-setting-select>`;
+};
--- a/src/webui/ui/components/SettingSwitch.ts
+++ b/src/webui/ui/components/SettingSwitch.ts
@@ -1,8 +1,8 @@
 export const SettingSwitch = (configKey?: string, isActive: boolean = false, extraData?: Record<string, string>) => {
-    return `<setting-switch 
+  return `<setting-switch 
      ${configKey ? `data-config-key="${configKey}"` : ''} 
      ${isActive ? 'is-active' : ''} 
      ${extraData ? Object.keys(extraData).map((key) => `data-${key}="${extraData[key]}"`) : ''} 
      >
-  </setting-switch>`
-  }
+  </setting-switch>`;
+};
--- a/src/webui/ui/components/WebUiApiOB11Config.ts
+++ b/src/webui/ui/components/WebUiApiOB11Config.ts
@@ -2,16 +2,16 @@ export interface OB11Config {
  [key: string]: any;
  http: {
    enable: boolean;
-    host: "";
+    host: '';
    port: number;
-    secret: "";
+    secret: '';
    enableHeart: boolean;
    enablePost: boolean;
    postUrls: string[];
  };
  ws: {
    enable: boolean;
-    host: "";
+    host: '';
    port: number;
  };
  reverseWs: {
@@ -21,45 +21,45 @@ export interface OB11Config {

  debug: boolean;
  heartInterval: number;
-  messagePostFormat: "array" | "string";
+  messagePostFormat: 'array' | 'string';
  enableLocalFile2Url: boolean;
-  musicSignUrl: "";
+  musicSignUrl: '';
  reportSelfMessage: boolean;
-  token: "";
+  token: '';
 }

 class WebUiApiOB11ConfigWrapper {
-  private retCredential: string = "";
+  private retCredential: string = '';
  async Init(Credential: string) {
    this.retCredential = Credential;
  }
  async GetOB11Config(): Promise<OB11Config> {
-    let ConfigResponse = await fetch("/api/OB11Config/GetConfig", {
-      method: "POST",
+    const ConfigResponse = await fetch('/api/OB11Config/GetConfig', {
+      method: 'POST',
      headers: {
-        Authorization: "Bearer " + this.retCredential,
-        "Content-Type": "application/json",
+        Authorization: 'Bearer ' + this.retCredential,
+        'Content-Type': 'application/json',
      },
    });
    if (ConfigResponse.status == 200) {
-      let ConfigResponseJson = await ConfigResponse.json();
+      const ConfigResponseJson = await ConfigResponse.json();
      if (ConfigResponseJson.code == 0) {
        return ConfigResponseJson?.data;
      }
    }
    return {} as OB11Config;
  }
-  async SetOB11Config(config: OB11Config): Promise<Boolean> {
-    let ConfigResponse = await fetch("/api/OB11Config/SetConfig", {
-      method: "POST",
+  async SetOB11Config(config: OB11Config): Promise<boolean> {
+    const ConfigResponse = await fetch('/api/OB11Config/SetConfig', {
+      method: 'POST',
      headers: {
-        Authorization: "Bearer " + this.retCredential,
-        "Content-Type": "application/json",
+        Authorization: 'Bearer ' + this.retCredential,
+        'Content-Type': 'application/json',
      },
      body: JSON.stringify({ config: JSON.stringify(config) }),
    });
    if (ConfigResponse.status == 200) {
-      let ConfigResponseJson = await ConfigResponse.json();
+      const ConfigResponseJson = await ConfigResponse.json();
      if (ConfigResponseJson.code == 0) {
        return true;
      }
--- a/src/webui/vite.config.ts
+++ b/src/webui/vite.config.ts
@@ -1,13 +1,13 @@
-import { defineConfig } from 'vite'
+import { defineConfig } from 'vite';

 export default defineConfig({
-    build:{
-        target: 'esnext',
-        minify: false,
-        lib: {
-          entry: 'ui/NapCat.ts',
-          formats: ['es'],
-          fileName: () => 'renderer.js',
-        }
+  build:{
+    target: 'esnext',
+    minify: false,
+    lib: {
+      entry: 'ui/NapCat.ts',
+      formats: ['es'],
+      fileName: () => 'renderer.js',
    }
+  }
 });