hortimagic 1.1.0 → 1.1.2

package/src/core/script-tools.ts

@@ -0,0 +1,121 @@
+import { logger } from "./log-tools";
+import { HortimagicStore } from "./store";
+
+const Tag = "script-tools";
+export const ingectedUrlList: string[] = [];
+/** 脚本类 */
+export class Script {
+    /** 名字 */
+    name: string;
+    /** 唯一链接 */
+    url: string;
+    /** 是否启用,默认启用 */
+    enable: boolean;
+    constructor(
+        name: string,
+        url: string,
+        enable: boolean = true,
+    ) {
+        this.name = name;
+        this.url = url;
+        this.enable = enable;
+    }
+}
+
+/** 添加脚本到列表
+ * @param script 脚本对象
+ * @returns 是否添加成功
+ */
+export function addScriptToList(script: Script) {
+    logger.debug(Tag, `添加${script.name},${script.url}`);
+    /** 如果脚本的URL或名称已经存在,则不添加 */
+    if (findScriptByUrl(script.url) >= 0 || findScriptByName(script.name) >= 0) {
+        logger.warn(Tag, `脚本${script.name}${script.url}已经存在`);
+        // HortimagicStore.scriptList.push(script);
+        return false;
+    } else {
+        HortimagicStore.scriptList.push(script);
+        return true;
+    }
+}
+
+export function updateScriptInList(script: Script) {
+    logger.debug(Tag, `更新脚本${script.name}${script.url}`);
+    for (let i = 0; i < HortimagicStore.scriptList.length; i++) {
+        if (HortimagicStore.scriptList[i].name === script.name) {
+            HortimagicStore.scriptList[i] = script;
+            return true;
+            break;
+        }
+        if (HortimagicStore.scriptList[i].url === script.url) {
+            HortimagicStore.scriptList[i] = script;
+            return true;
+            break;
+        }
+    }
+    return false;
+}
+
+export function removeScriptFromList(script: Script) {
+    logger.debug(Tag, `删除${script.name},${script.url}`);
+    let index = findScriptByName(script.name);
+    if (index >= 0) {
+        HortimagicStore.scriptList.splice(index, 1);
+        return true;
+    } else {
+        index = findScriptByUrl(script.url);
+        if (index >= 0) {
+            HortimagicStore.scriptList.splice(index, 1);
+            return true;
+        }
+    }
+    return false;
+
+}
+
+export function findScriptByUrl(url: string): number {
+    for (let i = 0; i < HortimagicStore.scriptList.length; i++) {
+        if (HortimagicStore.scriptList[i].url == url) {
+            return i;
+        }
+    }
+    return -1;
+}
+
+export function findScriptByName(name: string): number {
+    for (let i = 0; i < HortimagicStore.scriptList.length; i++) {
+        if (HortimagicStore.scriptList[i].name == name) {
+            return i;
+        }
+    }
+    return -1;
+}
+
+export function clearScriptList() {
+    HortimagicStore.scriptList = [];
+}
+
+/** 注入脚本,不论它是否使能
+ * @param script 脚本对象
+ */
+export function ingecteScript(script: Script) {
+    if (ingectedUrlList.includes(script.url)) {
+        logger.warn(Tag, `脚本${script.name}${script.url}已经注入`);
+        return false;
+    } else {
+        const scriptElement = document.createElement("script");
+        scriptElement.src = script.url;
+        document.body.appendChild(scriptElement);
+        ingectedUrlList.push(script.url);
+        logger.debug(Tag, `注入${script.name}`);
+        return true;
+    }
+}
+
+export function ingecteScriptList() {
+    HortimagicStore.scriptList.forEach((script) => {
+        if (script.enable && !ingectedUrlList.includes(script.url)) {
+            ingecteScript(script);
+        }
+    });
+}

package/src/core/socket-tools.ts

@@ -0,0 +1,118 @@
+import { decodeMessage, judegMessageClass, messageObjList } from "./decoder";
+import { Emitter } from "./Emitter";
+import { logger } from "./log-tools";
+import { HortimagicStore } from "./store";
+import { sleep } from "./tools";
+
+const Tag = 'socket-tools';
+export const messageEmitter = new Emitter();
+// 发送消息
+async function beforeSend(message: string): Promise<string | null> {
+    return message;
+}
+function originalSend(message: string) { return message; }
+function afterSend(message: string) {
+    return message;
+}
+async function send(message: string) {
+    if (HortimagicStore.messageLogFlag.send) logger.debug(Tag, '发送', { message });
+    let temp = await socketTools.beforeSend(message);
+    try {
+        if (temp != null) {
+            socketTools.originalSend(temp);
+            socketTools.afterSend(temp);
+        }
+    } catch (error) {
+        logger.error(Tag, error);
+    }
+}
+// 接收消息
+async function beforeOnmessage(message: string): Promise<string | null> {
+    if (HortimagicStore.messageLogFlag.decode) logger.debug(Tag, '解码', { message });
+    decodeMessage(message);
+    return message;
+}
+
+function originalOnmessage(message: string) { return message; }
+async function afterOnmessage(message: string) {
+    // logger.debug(Tag,'准备触发', message, messageObjList);
+    for (let messageObj of messageObjList) {
+        if (HortimagicStore.messageLogFlag.emit) {
+            logger.debug(Tag, `触发${judegMessageClass(messageObj)}消息`, {
+                message,
+                messageObj
+            });
+        }
+        messageEmitter.emit(judegMessageClass(messageObj), messageObj)
+    };
+    return message;
+}
+async function onmessage(message: string) {
+    if (HortimagicStore.messageLogFlag.receive) { logger.debug(Tag, '接收', { message }); }
+    let temp = await socketTools.beforeOnmessage(message);
+    try {
+        if (temp != null) {
+            socketTools.originalOnmessage(temp);
+            // 不等待异步函数实现“多线程”的目的
+            socketTools.afterOnmessage(temp);
+        }
+    } catch (error) {
+        logger.error('捕获到错误', error);
+    }
+}
+
+
+// 初始化fSocket
+export async function initSocket() {
+    logger.debug(Tag, '代理网络');
+    for (let index = 0; index < 30; index++) {
+        try {
+            logger.debug(Tag, '等待网络连接', index);
+            // @ts-ignore
+            if (window["socket"].__onmessage == undefined && window["socket"]._onmessage != undefined && window["socket"].send != undefined) {
+                logger.debug(Tag, '网络连接成功');
+                break;
+            }
+            else {
+                // 等待一下
+                await sleep(500);
+                continue;
+            }
+        } catch (error) {
+            logger.error(Tag, error);
+        }
+    }
+    // @ts-ignore
+    if (window["socket"].__onmessage == undefined && window["socket"]._onmessage != undefined && window["socket"].send != undefined) {
+    } else {
+        logger.error('连接失败')
+        return;
+    }
+    // 等待一下
+    // await sleep(500);
+    // 发送
+    // @ts-ignore
+    socketTools.originalSend = window["socket"].send;
+    // 覆写原来的发送函数
+    // @ts-ignore
+    window["socket"].send = socketTools.send;
+    // 接收
+    // @ts-ignore
+    socketTools.originalOnmessage = window["socket"]._onmessage;
+    // 覆写接收函数
+    // @ts-ignore
+    window["socket"]._onmessage = socketTools.onmessage;
+}
+export const socketTools = {
+    beforeSend,
+    originalSend,
+    afterSend,
+    send,
+    beforeOnmessage,
+    originalOnmessage,
+    afterOnmessage,
+    onmessage,
+    initSocket
+}
+
+

package/src/core/store.ts

@@ -0,0 +1,151 @@
+import { proxy, subscribe, snapshot } from 'valtio/vanilla';
+
+import { logger } from "./log-tools";
+import type { Script } from './script-tools';
+
+const Tag = 'store'
+
+const storKey = 'HortimagicStore';
+/**
+ * 导出valtio响应式状态管理库常用方法
+ * @example
+ * // 创建响应式状态
+ * const state = reactive.proxy({ count: 0 })
+ * 
+ * // 订阅状态变化
+ * reactive.subscribe(state, () => {
+ *   console.log('state has changed to', state)
+ * })
+ * 
+ * // 获取状态快照
+ * const snap = reactive.snapshot(state)
+ * 
+ * // 在组件中使用（注意：snapshot返回的是只读快照，不能直接修改）
+ * // 需要通过原始proxy对象进行修改
+ * const updateState = () => {
+ *   state.count++ // 直接修改原始proxy对象
+ * }
+ * 
+ * // 无React环境使用示例：
+ * // 1. 创建状态
+ * const counterStore = proxy({ count: 0 });
+ * 
+ * // 2. 修改状态
+ * counterStore.count++;
+ * 
+ * // 3. 获取快照（用于显示）
+ * const snap = snapshot(counterStore);
+ * console.log(snap.count); // 输出当前值
+ * 
+ * // 4. 订阅变化
+ * subscribe(counterStore, () => {
+ *   console.log('counter changed');
+ * });
+ */
+export const reactive = {
+    proxy,
+    subscribe,
+    /**
+     * 获取快照
+     * @param {object} store 
+     * @returns {object} 一个静态的快照
+     */
+    snapshot
+}
+/**
+ * hortiMagicStore存储库
+ */
+export const HortimagicStore = proxy({
+    /** 是否自动保存 */
+    autoSave: false,
+    /** 日志是否开启 */
+    logFlag: {
+        log: false,
+        info: true,
+        debug: true,
+        warn: true,
+        error: true
+    },
+    /** 消息日志是否开启 */
+    messageLogFlag: {
+        send: false,
+        decode: false,
+        emit: true,
+        receive: false,
+    },
+    /** 日志列表最大长度 */
+    logListLength: 20,
+    /** 脚本列表 */
+    scriptList: [] as Script[],
+});
+
+
+
+/**
+ * 保存store
+ */
+export function saveStore() {
+    localStorage.setItem(storKey, JSON.stringify(HortimagicStore));
+    logger.debug(Tag, "保存至本地存储");
+}
+
+/**
+ * 加载store
+ */
+export function loadStore() {
+    let res = localStorage.getItem(storKey);
+    if (res != null) {
+        const parsedRes = JSON.parse(res);
+        if (parsedRes.autoSave) {
+            HortimagicStore.autoSave = parsedRes.autoSave == true;
+        } else {
+            HortimagicStore.autoSave = false;
+        }
+        if (parsedRes.logFlag) {
+            HortimagicStore.logFlag = parsedRes.logFlag;
+        } else {
+            // 兼容旧格式
+            if (isNaN(parsedRes.logLevel)) {
+                HortimagicStore.logFlag = parsedRes.logLevel;
+            }
+        }
+        if (parsedRes.messageLogFlag) {
+            HortimagicStore.messageLogFlag = parsedRes.messageLogFlag;
+        }
+        if (parsedRes.scriptList) {
+            HortimagicStore.scriptList = parsedRes.scriptList;
+        }
+
+        if (parsedRes.logListLength) {
+            HortimagicStore.logListLength = parsedRes.logListLength;
+        }
+    } else {
+        // 默认日志配置
+        HortimagicStore.logFlag.log = true;
+        HortimagicStore.logFlag.info = true;
+        HortimagicStore.logFlag.debug = true;
+        HortimagicStore.logFlag.warn = true;
+        HortimagicStore.logFlag.error = true;
+        //
+        HortimagicStore.autoSave = true;
+        HortimagicStore.logListLength = 20;
+        HortimagicStore.messageLogFlag.decode = false;
+        HortimagicStore.messageLogFlag.emit = true;
+        HortimagicStore.messageLogFlag.send = false;
+        HortimagicStore.messageLogFlag.receive = false;
+        HortimagicStore.scriptList = [];
+        logger.debug(Tag, '没有读取到配置，使用默认配置');
+        saveStore();
+    }
+    logger.debug(Tag, "从本地存储加载");
+}
+
+export function initStore() {
+    loadStore();
+    // 订阅状态变化，当 autoSave 为 true 时自动保存
+    subscribe(HortimagicStore, () => {
+        if (HortimagicStore.autoSave) {
+            saveStore();
+        }
+    });
+}

package/src/core/tools.ts

@@ -0,0 +1,318 @@
+/**
+ * 异步延时函数
+ * @param  ms
+ */
+export async function sleep(ms: number) {
+  return new Promise((resolve) => setTimeout(resolve, ms));
+}
+/**
+ * 去除html字符串中的多余空白字符、注释
+ * @param html 要压缩的html字符串
+ * @returns 去除空白字符的字符串
+ */
+export function compressHTML(html: string): string {
+  // 去除HTML中的多余空白字符
+  html = html.replace(/>\s+</g, "><"); // 去除标签之间的多余空白
+  html = html.replace(/\s{2,}/g, " "); // 去除多余的空格
+  html = html.replace(/<!--[\s\S]*?-->/g, ""); // 去除HTML注释
+  html = html.trim(); // 去除首尾空白
+  return html;
+}
+/**
+ * 去除css字符串中的多余空白字符、注释
+ * @param css 要压缩的css字符串
+ * @returns 去除空白字符的字符串
+ */
+export function compressCSS(css: string): string {
+  // 去除CSS中的多余空白字符
+  css = css.replace(/\s{2,}/g, " "); // 去除多余的空格
+  css = css.replace(/\/\*[\s\S]*?\*\//g, ""); // 去除CSS注释
+  css = css.replace(/\s*([{};:,])\s*/g, "$1"); // 去除属性和选择器之间的多余空白
+  css = css.replace(/;\s*}/g, "}"); // 去除分号后的多余空白
+  css = css.trim(); // 去除首尾空白
+  return css;
+}
+/**
+ * 向页面添加一个样式元素
+ * @param css css字符串
+ */
+export function addStyle(css: string) {
+  let s = document.createElement("style");
+  s.innerText = css;
+  document.body.append(s);
+}
+/**
+ * html特殊符号转义
+ * @param {string} e
+ * @returns {string}
+ */
+export function htmlSpecialCharsEscape(e: string): string {
+  e = e.replace(`&`, "&amp;");
+  e = e.replace(`<`, "&lt;");
+  e = e.replace(`>`, "&gt;");
+  e = e.replace(`"`, "&quot;");
+  e = e.replace(`'`, "&#039;");
+  e = e.replace(`\\`, "&#092;");
+  return e;
+}
+/**
+ * html特殊符号反转义
+ * @param {string} e
+ * @returns {string}
+ */
+export function htmlSpecialCharsDecode(e: string): string {
+  e = e.replace("&lt;", `<`);
+  e = e.replace("&gt;", `>`);
+  e = e.replace("&quot;", `"`);
+  e = e.replace("&#039;", `'`);
+  e = e.replace("&#092;", `\\`);
+  e = e.replace("&amp;", `&`);
+  return e;
+}
+
+/**
+ * 获取当前用户的名字
+ * @returns 返回当前用户的名字，没找到返回null
+ */
+export function getUserName(): string | null {
+  // @ts-ignore
+  if (window["myself"]) return window["myself"];
+  else return null;
+}
+/**
+ * 获取当前用户的UID
+ * @returns 返回当前用户的UID，没找到返回null
+ */
+export function getUserUid(): string | null {
+  // @ts-ignore
+  if (window["uid"]) return window["uid"];
+  else return null;
+}
+/**
+ * 获取当前房间ID
+ * @returns 返回当前用户的UID，没找到返回null
+ */
+export function getRoomId(): string | null {
+  // @ts-ignore
+  if (window["roomn"]) return window["roomn"];
+  else return null;
+}
+/**
+ * 通过房间id返回房间消息
+ * @param roomId 房间的id
+ * @returns 返回返回消息
+ */
+export function getRoomInfoById(roomId: string): {
+  name: string;
+  roomPath: Array<string>;
+  color: string;
+  description: string;
+  roomImage: string;
+  currentUserNum: number | "hidden";
+  ownerName: string;
+  member: Array<{ name: string; auth: "member" | "admin" | "unknow" }>;
+} | null {
+  // @ts-ignore
+  let roomInfoArray = window.Objs.mapHolder?.Assets?.roomJson?.[roomId];
+  if (roomInfoArray) {
+    /** @type {Array<Array<string>>} */
+    let roomInfoPart: Array<Array<string>> = roomInfoArray[5]
+      .split("&&")
+      .map((o: string) => o.split(" & "));
+    let imageAndDescription = htmlSpecialCharsDecode(roomInfoPart[0][0]);
+    let firstSpaceIndex = imageAndDescription.indexOf(" ");
+    return {
+      name: roomInfoArray[1],
+      color: roomInfoArray[2],
+      roomPath: roomInfoArray /** @type {string} */[0]
+        .split("_"),
+      description: imageAndDescription.slice(firstSpaceIndex + 1),
+      roomImage: imageAndDescription.slice(0, firstSpaceIndex),
+      currentUserNum:
+        typeof roomInfoArray[7] == "number" ? roomInfoArray[7] : "hidden",
+      ownerName: roomInfoPart[1][0],
+      member: roomInfoPart[4].map((o: string) => ({
+        name: htmlSpecialCharsDecode(o.slice(1)),
+        auth: o[0] == "0" ? "member" : o[0] == "1" ? "admin" : "unknow",
+      })),
+    };
+  } else return null;
+}
+/**
+ * 通过uid获取在线用户的信息
+ * @param {string} uid
+ * @returns 用户消息
+ */
+export function getOnlineUserInfoById(uid: string): {
+  name: string;
+  uid: string;
+  color: string;
+  avatar: string;
+  roomId: string;
+  personalizedSignature: string;
+} | null {
+  uid = String(uid);
+  // @ts-ignore
+  let userInfoArray = window.Objs.mapHolder?.function?.findUserByUid?.(uid);
+  if (userInfoArray) {
+    return {
+      name: userInfoArray[2],
+      uid: uid,
+      color: userInfoArray[3],
+      avatar: userInfoArray[0],
+      roomId: userInfoArray[4],
+      personalizedSignature: userInfoArray[6],
+    };
+  } else return null;
+}
+/**
+ * 获取所有在线用户的信息
+ * @returns 用户消息列表
+ */
+export function getAllOnlineUserInfo():
+  | {
+    name: any;
+    uid: any;
+    color: any;
+    avatar: any;
+    roomId: any;
+    personalizedSignature: any;
+  }[]
+  | null {
+  // @ts-ignore
+  let userInfoMapObj = window.Objs.mapHolder.Assets.userJson;
+  if (userInfoMapObj) {
+    return Object.keys(userInfoMapObj).map((key) => {
+      let o = userInfoMapObj[key];
+      return {
+        name: o[2],
+        uid: o[8],
+        color: o[3],
+        avatar: o[0],
+        roomId: o[4],
+        personalizedSignature: o[6],
+      };
+    });
+  } else return null;
+}
+
+/**
+ * 切换房间
+ * @param {string} roomId 房间ID
+ */
+export function changeRoom(roomId: string) {
+  roomId = String(roomId);
+  if (roomId)
+    // @ts-ignore
+    window.Objs.mapHolder?.function?.roomchanger(roomId);
+}
+
+/**
+ * 获取用户蔷薇头像url
+ * @returns {string}
+ */
+function getUserProfilePictureUrl(): string | null {
+  // @ts-ignore
+  if (window.avatar2 && window.avatarconv)
+    // @ts-ignore
+    return window.avatarconv(window.avatar2);
+  return null;
+}
+
+/**
+ * 获取用户蔷薇输入颜色
+ * @returns 获取不到返回null
+ */
+export function getUserInputColor(): string | null {
+  // @ts-ignore
+  if (window.inputcolorhex) return window.inputcolorhex;
+  return null;
+}
+
+/**
+ * 创造一个新的私聊气泡，搭配静默发送私聊消息才能和“正常一样使用。
+ * @param {string} targetUid 目标UID
+ * @param {string} content 正文
+ * @param {string} messageId 消息气泡的ID
+ */
+export function generatePrivateMessageBubble(
+  targetUid: string,
+  content: string,
+  messageId: string
+) {
+  // @ts-ignore
+  if (window.privatechatfunc)
+    // @ts-ignore
+    window.privatechatfunc(
+      [
+        Math.floor(Date.now() / 1000).toString(10), // 0
+        getUserUid(), // 1
+        htmlSpecialCharsEscape(getUserName() as string), // 2
+        htmlSpecialCharsEscape(getUserProfilePictureUrl() as string), // 3
+        htmlSpecialCharsEscape(content), // 4
+        htmlSpecialCharsEscape(getUserInputColor() as string), // 5
+        "", // 6
+        htmlSpecialCharsEscape(getUserInputColor() as string), // 7
+        "", // 8
+        "", // 9
+        messageId, // 10
+        targetUid, // 11
+        "", // 12
+        "", // 13
+        "", // 14
+        "", // 15
+        "", // 16
+      ].join(">")
+    );
+}
+
+/**
+ * 切换房间
+ * @param {string} roomId
+ */
+export function switchRoom(roomId: string) {
+  // @ts-ignore
+  if (window.Objs.mapHolder?.function?.roomchanger)
+    // @ts-ignore
+    window.Objs.mapHolder.function.roomchanger(roomId);
+}
+
+// /**
+// * 在当前用户所在的页面发送信息
+// * @param {string} content
+// */
+// function sendCurrentPageMessage(content: string) {
+//     elementsAndHooks.refreshAll();
+//     let inputBox: HTMLInputElement = elementsAndHooks.elements.moveinput as HTMLInputElement;
+//     let old = inputBox.value;
+//     inputBox.value = content;
+//     // @ts-ignore
+//     inputBox.oninput(null);
+//     // @ts-ignore
+//     iiroseElements.inputSendBtn.onclick(null);
+//     inputBox.value = old;
+// }
+
+/**
+ * 工具集
+ */
+// export {
+//   sleep,
+//   compressHTML,
+//   compressCSS,
+//   addStyle,
+//   htmlSpecialCharsEscape,
+//   htmlSpecialCharsDecode,
+//   getUserName,
+//   getUserUid,
+//   getRoomId,
+//   getRoomInfoById,
+//   getOnlineUserInfoById,
+//   getAllOnlineUserInfo,
+//   changeRoom,
+//   getUserProfilePictureUrl,
+//   getUserInputColor,
+//   generatePrivateMessageBubble,
+//   switchRoom,
+//   // sendCurrentPageMessage
+// };