✨ 添加 emoji 解析

src/plugins/Mys/request/getEmojis.ts

@@ -0,0 +1,30 @@
+/**
+ * @file plugins Mys request getEmojis.ts
+ * @description Mys 表情包请求函数集合
+ * @author BTMuli <bt-muli@outlook.com>
+ * @since Beta v0.3.0
+ */
+
+// tauri
+import { http } from "@tauri-apps/api";
+
+/**
+ * @description 获取表情包列表
+ * @since Beta v0.3.0
+ * @return {Promise<Record<string,string>|TGApp.BBS.Response.Base>}
+ */
+export async function getEmojis(): Promise<Record<string, string> | TGApp.BBS.Response.Base> {
+  const url = "https://bbs-api-static.miyoushe.com/misc/api/emoticon_set";
+  return await http.fetch<TGApp.Plugins.Mys.Emoji.Response>(url).then((res) => {
+    if (res.data.retcode === 0) {
+      const emojis: Record<string, string> = {};
+      res.data.data.list.forEach((series) => {
+        series.list.forEach((emoji) => {
+          emojis[emoji.name] = emoji.icon;
+        });
+      });
+      return emojis;
+    }
+    return res.data;
+  });
+}

src/plugins/Mys/types/Emoji.d.ts

@@ -0,0 +1,84 @@
+/**
+ * @file plugins Mys types Emoji.d.ts
+ * @description Mys 表情包类型声明文件
+ * @author BTMuli <bt-muli@outlook.com>
+ * @since Beta v0.3.0
+ */
+
+/**
+ * @description Mys 表情包类型
+ * @since Beta v0.3.0
+ * @namespace Emoji
+ * return Emoji
+ */
+declare namespace TGApp.Plugins.Mys.Emoji {
+  /**
+   * @description 获取表情包列表返回
+   * @since Beta v0.3.0
+   * @interface Response
+   * @extends TGApp.Plugins.Mys.Base.Response
+   * @property {Series[]} data.list 表情包列表
+   * @property {unknown} data.recently_emoticon 最近使用的表情包
+   * @return Response
+   */
+  export interface Response extends TGApp.Plugins.Mys.Base.Response {
+    data: {
+      list: Series[];
+      recently_emoticon: unknown;
+    };
+  }
+
+  /**
+   * @description 表情包系列
+   * @since Beta v0.3.0
+   * @interface Series
+   * @property {number} id 表情包系列 ID
+   * @property {string} name 表情包系列名称
+   * @property {string} icon 表情包系列图标
+   * @property {number} sort_order 表情包系列排序
+   * @property {number} num 表情包系列数量
+   * @property {string} status 表情包系列状态
+   * @property {EmojiItem[]} list 表情包系列列表
+   * @property {number} updated_at 表情包系列更新时间
+   * @property {boolean} is_available 表情包系列是否可用
+   * @return Series
+   */
+  export interface Series {
+    id: number;
+    name: string;
+    icon: string;
+    sort_order: number;
+    num: number;
+    status: string;
+    list: EmojiItem[];
+    updated_at: number;
+    is_available: boolean;
+  }
+
+  /**
+   * @description 表情包
+   * @since Beta v0.3.0
+   * @interface EmojiItem
+   * @property {number} id 表情包 ID
+   * @property {string} name 表情包名称
+   * @property {string} icon 表情包图标
+   * @property {number} sort_order 表情包排序
+   * @property {string} static_icon 表情包静态图标
+   * @property {number} updated_at 表情包更新时间
+   * @property {boolean} is_available 表情包是否可用
+   * @property {string} status 表情包状态
+   * @property {unknown[]} keywords 表情包关键词
+   * @return EmojiItem
+   */
+  export interface EmojiItem {
+    id: number;
+    name: string;
+    icon: string;
+    sort_order: number;
+    static_icon: string;
+    updated_at: number;
+    is_available: boolean;
+    status: string;
+    keywords: unknown[];
+  }
+}

src/plugins/Mys/utils/parsePost.ts

@@ -185,7 +185,7 @@ function parseText(data: TGApp.Plugins.Mys.Post.StructuredContent): HTMLSpanElem
     if (data.attributes.color) {
       let colorGet = data.attributes.color;
       // 如果 colorGet 在 darkColorList 中，就设置为对应的颜色
-      if (isColorSimilar("#000000", colorGet)) {
+      if (isColorSimilar("#1E1E1E", colorGet)) {
         colorGet = "var(--app-page-content)";
       }
       text.style.color = colorGet;
@@ -194,6 +194,10 @@ function parseText(data: TGApp.Plugins.Mys.Post.StructuredContent): HTMLSpanElem
       return LinkTextParser(data);
     }
   }
+  if (data.insert.startsWith("_")) {
+    console.log(data.insert);
+    return emojiParser(data);
+  }
   // 添加 class
   text.classList.add("mys-post-span");
   // 设置 span 内容
@@ -542,4 +546,33 @@ function parseMention(data: TGApp.Plugins.Mys.Post.StructuredContent): HTMLAncho
   return link;
 }
 
+/**
+ * @description 解析 Emoji
+ * @since Beta v0.3.0
+ * @param {TGApp.Plugins.Mys.Post.StructuredContent} data Mys数据
+ * @returns {HTMLSpanElement} 解析后的 Emoji
+ */
+function emojiParser(data: TGApp.Plugins.Mys.Post.StructuredContent): HTMLImageElement {
+  // 检查数据
+  if (typeof data.insert !== "string") {
+    throw new Error("data.insert is not a string");
+  }
+  const emojis = localStorage.getItem("emojis");
+  if (!emojis) {
+    throw new Error("emojis is not defined");
+  }
+  const emojiList: Record<string, string> = JSON.parse(emojis);
+  const emojiName = data.insert.slice(2, -1);
+  const emoji = emojiList[emojiName];
+  if (!emoji) {
+    throw new Error("emoji is not defined");
+  }
+  // 创建图片
+  const img = document.createElement("img");
+  img.classList.add("mys-post-emoji");
+  img.src = emoji;
+  // 获取图片地址
+  return img;
+}
+
 export default parsePost;