koishi-plugin-chat-patch 3.0.2 → 5.0.0

package/client/web/src/function/debug.ts

@@ -0,0 +1,10 @@
+export function isDebugMode(): boolean {
+    try {
+        const raw = localStorage.getItem('options')
+        if (!raw) return false
+        const parsed = JSON.parse(raw) as { log_level?: unknown }
+        return parsed.log_level === 'debug'
+    } catch {
+        return false
+    }
+}

package/client/web/src/function/elements/information.ts

@@ -0,0 +1,141 @@
+import { PinYinData } from '../utils/pinyin'
+
+export enum BotMsgType {
+    CQCode,
+    Array
+}
+
+export interface ChatInfoElem {
+    show: BaseChatInfoElem
+    info: {
+        group_info: { [key: string]: any }
+        user_info: { [key: string]: any }
+        me_info: { [key: string]: any }
+        group_members: GroupMemberInfoElem[]
+        group_files: { [key: string]: any }
+        group_sub_files: { [key: string]: any }
+        group_notices?: { [key: string]: any }
+        now_member_info?: { [key: string]: any }
+        image_list?: { index: number; message_id: string; img_url: string }[]
+        jin_info: {
+            list: { [key: string]: any }[]
+            is_end?: boolean
+            pages: number
+        }
+    }
+}
+
+export interface BaseChatInfoElem {
+    type: string
+    id: number | string
+    name: string
+    avatar: string
+    appendInfo?: string
+    jump?: string
+    channel_id?: string
+    guild_id?: string
+}
+
+export interface UserElem {
+    new_msg?: boolean
+    raw_msg?: string
+    time?: number
+    always_top?: boolean
+    message_id?: string
+    highlight?: string
+}
+
+export interface UserFriendElem extends UserElem {
+    group_id: number | string
+    group_name: string
+    avatar?: string
+    channel_id?: string
+    channelId?: string
+    guild_id?: string
+    guildId?: string
+    py_name?: PinYinData
+    py_start?: string
+    member_count?: number
+    admin_flag?: boolean
+}
+
+export interface UserGroupElem extends UserElem {
+    user_id: number | string
+    nickname: string
+    remark: string
+    channel_id?: string
+    channelId?: string
+    guild_id?: string
+    guildId?: string
+    raw_msg_base?: string       // 给群收纳箱用的
+    py_name?: PinYinData
+    py_start?: string
+    class_id?: number
+    class_name?: string
+}
+
+export interface GroupFileElem {
+    file_id: string
+    file_name: string
+    size: number
+    download_times: number
+    dead_time: number
+    upload_time: number
+    uploader_name: string
+
+    download_percent?: number
+}
+
+export interface GroupFileFolderElem {
+    folder_id: string
+    folder_name: string
+    count: number
+    create_time: number
+    creater_name: string
+
+    items?: GroupFileElem[]
+    show_items?: boolean
+}
+
+export interface GroupMemberInfoElem {
+    user_id: number | string
+    name?: string
+    avatar?: string
+    title: string
+    card: string
+    join_time: number
+    last_sent_time: number
+    level: number
+    nickname: string
+    rank: string
+    role: string
+    sex: string
+    shutup_time: number
+    py_start?: string
+}
+
+export interface SQCodeElem {
+    addText: boolean
+    addTop?: boolean
+    msgObj: MsgItemElem
+}
+
+export interface MsgItemElem {
+    type: string
+    [key: string]: any
+}
+
+export interface MergeStackData {
+    messageList: any[]      // 消息列表
+    imageList: any[]        // 图片列表
+    placeCache: number      // 位置缓存
+    forwardMsg: any         // 原合并转发消息
+}
+
+export interface MenuEventData {
+    x: number
+    y: number
+    target: HTMLElement
+}
+
+export type Session = UserGroupElem & UserFriendElem

package/client/web/src/function/elements/system.ts

@@ -0,0 +1,101 @@
+/**
+ * 连接历史记录项
+ */
+export interface ConnectionHistoryItem {
+    address: string
+    token: string
+    uin?: string
+    nickname?: string
+    lastConnected: number
+}
+
+/**
+ * 登录状态记录（地址、密钥、状态等）
+ */
+export interface LoginCacheElem {
+    quickLogin: { address: string, port: number }[] | null
+    address: string
+    token: string
+    status: boolean,
+    creating: boolean
+    connectionHistory: ConnectionHistoryItem[]
+    satoriLogins?: {
+        platform: string
+        selfId: string
+        name: string
+        avatar?: string
+        status?: number
+        features?: string[]
+    }[]
+    selectedSatoriBot?: string
+    uin?: string
+    nickname?: string
+    platform?: string
+}
+
+export interface PopInfoElem {
+    id: number
+    svg: string
+    text: string
+    autoClose?: boolean
+}
+
+export interface BotActionElem {
+    action: string
+    params?: { [key: string]: any }
+    echo?: string
+}
+
+export interface MsgIdInfoElem {
+    gid?: number
+    uid?: number
+    seqid?: number
+}
+
+export interface ContributorElem {
+    url: string
+    link: string
+    title: string
+    contributions: number
+    isMe: boolean
+    isSuperThakns: boolean
+}
+
+export interface NotificationElem {
+    body: string
+    tag: string
+    icon: string
+    image?: string
+    requireInteraction: boolean
+}
+
+export interface NotifyInfo {
+    base_type: 'msg' | 'app',
+
+    title: string
+    body: string
+    tag: string
+    icon: string
+    image?: string
+    type: string
+    is_important: boolean
+}
+
+export interface NoticeBodyV3 {
+    version: 3
+    client: string          // 渠道标识，对应 env 里的 VITE_APP_CLIENT_TAG
+    id: number
+    add_time: number
+    show_date: number[][]       // 显示日期，二维数组，内层数组为[开始日期, 结束日期]，日期格式为时间戳（毫秒）
+    pops: {
+        title?: string
+        html: string
+        template: string        // 内嵌模板和 html 二选一
+        template_data?: { [key: string]: any }
+        link_url?: string       // 链接地址，如果有这个参数将显示一个打开按钮
+        button_text?: string    // 关闭按钮文字，默认“确定”
+    }[]
+    is_important: boolean       // 是否重要公告，有这个属性的公告将每次启动都显示
+
+    is_show?: boolean
+}

package/client/web/src/function/elements/vueComp.ts

@@ -0,0 +1,62 @@
+import { AllowedComponentProps, ExtractPropTypes, VNodeProps, ComponentPropsOptions, Component, VNode } from 'vue'
+
+type Empty = Record<string, never>
+
+type GetAllProps<T extends Component> = T extends new (...args: any) => { $props: infer P }
+    ? P
+    : T extends () => VNode
+    ? object
+    : T extends (props: infer P, ...args: any) => any
+    ? P
+    : T extends { props: infer P }
+        ? (P extends ComponentPropsOptions ? ExtractPropTypes<P> : P)
+        : any
+
+type GetDefineProps<T extends Component> = GetAllProps<T> extends infer P & VNodeProps & AllowedComponentProps ? P : never
+
+type GetModel<T extends Component> = GetDefineProps<T> extends infer P
+    ? 'modelValue' extends keyof P ? P['modelValue'] : undefined
+    : never
+
+type GetEmit<T extends Component> = GetDefineProps<T> extends infer P ? {
+    [
+        Key in keyof P & string as Key extends `on${infer N}`
+            ? N extends 'Update:ModelValue' ? never : Uncapitalize<N>
+            : never
+    ]: P[Key]
+} : never
+
+type GetProps<T extends Component> = GetDefineProps<T> extends infer P ? {
+    [
+        Key in keyof P & string as Key extends `on${Capitalize<string>}`
+            ? never
+            : `onUpdate:${Key}` extends keyof P
+                ? never
+                : Key
+    ]: P[Key]
+} : never
+
+type GetEmitArgs<T extends Component> = GetEmit<T> extends infer E ? {
+    [K in keyof E]?: E[K]
+} : never
+
+type SetOptional<O extends Record<string, unknown>, T> = {
+    [K in keyof O as T extends O[K] ? K : never]?: O[K]
+} & {
+    [K in keyof O as T extends O[K] ? never : K]: O[K]
+}
+
+type CreateOptionalKey<K extends string, Content> = Content extends Record<string, unknown>
+    ? SetOptional<Content, undefined> extends infer R
+        ? Empty extends R
+            ? { [P in K]?: R }
+            : { [P in K]: R }
+        : never
+    : Content extends undefined
+        ? { [P in K]?: Content }
+        : { [P in K]: Content }
+
+export type VueCompData<T extends Component> = {
+    comp: T
+    emit?: GetEmitArgs<T>
+} & CreateOptionalKey<'model', GetModel<T>> & CreateOptionalKey<'props', GetProps<T>>

package/client/web/src/function/favicon.ts

@@ -0,0 +1,76 @@
+import { useContactStore } from '../state/contact'
+import { useSettingsStore } from '../state/settings'
+
+let needRefreshFavicon = false
+
+let cacheInfo = ''
+
+/**
+ * 刷新 favicon
+ * @returns
+ */
+export function refreshFavicon() {
+    if (needRefreshFavicon) return
+    needRefreshFavicon = true
+    setTimeout(() => {
+        needRefreshFavicon = false
+        let num = 0
+        if (useSettingsStore().sysConfig.use_favicon_notice === false) return main(0)
+        const contactStore = useContactStore()
+        for (const session of contactStore.onMsgList) {
+            if (session.new_msg) num ++
+        }
+        main(num)
+    }, 500)
+}
+
+function main(num: number) {
+    const width = num.toString().length * 150
+    const color1 = getComputedStyle(document.documentElement).getPropertyValue('--color-main').trim()
+    const color2 = getComputedStyle(document.documentElement).getPropertyValue('--color-card').trim()
+    const color3 = getComputedStyle(document.documentElement).getPropertyValue('--color-card-2').trim()
+    // 对比缓存
+    if (cacheInfo === `${num}-${color1}-${color2}-${color3}`) return
+    // 存储缓存信息
+    cacheInfo = `${num}-${color1}-${color2}-${color3}`
+    const svg = `
+<svg width="1080" height="1080" viewBox="0 0 1080 1080" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M537 1080C833.577 1080 1074 839.577 1074 543C1074 246.423 833.577 6 537 6C240.423 6 0 246.423 0 543C0 839.577 240.423 1080 537 1080Z" fill="${color1}"/>
+<path d="M540.28 803.2C493.78 803.2 451.18 787.7 423.68 764.4C409.78 768.6 391.88 775.3 380.68 783.6C371.08 790.7 372.28 798 373.98 800.9C381.58 813.8 504.68 809.1 540.28 805.1V803.2ZM540.28 803.2C586.78 803.2 629.38 787.7 656.88 764.4C670.78 768.6 688.68 775.3 699.88 783.6C709.48 790.7 708.28 798 706.58 800.9C698.98 813.8 575.88 809.1 540.28 805.1V803.2Z" fill="${color2}"/>
+<path d="M540.58 524.8C617.28 524.3 678.78 509.4 699.58 503.7C704.58 502.3 707.18 499.9 707.18 499.9C707.18 499.2 707.48 487.4 707.48 481.3C707.48 378.9 659.18 276 540.18 276C421.28 276 372.88 378.9 372.88 481.3C372.88 487.4 373.18 499.2 373.18 499.9C373.18 499.9 375.38 502.2 379.28 503.3C398.48 508.7 461.18 524.2 539.78 524.8H540.58ZM749.08 610.1C744.28 594.8 737.88 576.9 731.28 559.8C731.28 559.8 727.48 559.3 725.58 559.9C666.58 577 595.08 588 540.58 587.3H539.98C485.78 587.9 414.78 577.2 355.98 560.2C353.78 559.6 349.28 559.8 349.28 559.8C342.68 576.9 336.18 594.8 331.48 610.1C308.78 683.1 316.18 713.3 321.78 714C333.78 715.5 368.48 659.1 368.48 659.1C368.48 716.4 420.18 804.4 538.68 805.2H541.78C660.28 804.4 711.98 716.4 711.98 659.1C711.98 659.1 746.68 715.5 758.68 714C764.38 713.3 771.68 683.1 749.08 610.1Z" fill="${color2}"/>
+<path d="M497.98 427.3C481.88 428 468.08 409.7 467.18 386.3C466.28 362.9 478.68 343.4 494.78 342.7C510.88 342 524.68 360.3 525.58 383.7C526.48 407.1 514.08 426.6 497.98 427.3ZM613.38 386.3C612.48 409.7 598.78 428 582.58 427.3C566.48 426.6 554.08 407 554.98 383.7C555.88 360.3 569.58 342 585.78 342.7C601.88 343.4 614.28 362.9 613.38 386.3Z" fill="${color2}"/>
+<path d="M517.78 386.7C518.48 395.9 513.48 404.1 506.48 405C499.48 405.9 493.28 399.1 492.48 389.9C491.78 380.7 496.78 372.5 503.78 371.6C510.78 370.7 517.08 377.4 517.78 386.7ZM562.08 389.7C563.48 387.1 573.18 373.7 593.28 378.6C598.58 379.9 600.98 381.8 601.48 382.5C602.28 383.6 602.48 385.2 601.68 387.3C600.18 391.5 596.98 391.4 595.28 390.5C594.18 390 580.18 380.6 567.28 394.6C566.38 395.6 564.78 395.9 563.28 394.7C561.88 393.6 561.28 391.3 562.08 389.7Z" fill="${color2}"/>
+<path d="M540.58 583.9H539.98C502.88 584.3 457.98 579.4 414.48 570.9C410.78 592.5 408.48 619.6 410.48 651.9C415.38 733.6 463.88 785 538.78 785.7H541.78C616.68 785 665.18 733.6 670.08 651.9C671.98 619.6 669.78 592.5 666.08 570.9C622.58 579.5 577.68 584.4 540.58 583.9Z" fill="${color2}"/>
+<path d="M435.08 577.1V657.5C435.08 657.5 471.88 664.9 508.78 659.8V585.6C485.38 584.3 460.18 581.4 435.08 577.1Z" fill="${color3}"/>
+<path d="M707.28 499.9C707.28 499.9 635.68 522.5 540.58 523.2H539.98C445.08 522.6 373.58 500 373.28 499.9L349.28 559.8C409.28 577.9 483.68 589.6 539.88 588.9H540.48C596.68 589.6 671.08 577.9 731.18 559.8L707.28 499.9Z" fill="${color3}"/>
+    ${num > 0 ? `
+        <!-- 新消息数量 -->
+        <path
+            d="M ${640-width} 400 L ${440+width} 400 L  ${440+width} 1000 L ${640-width} 1000 Z"
+            style="fill: red"
+        />
+        <circle cx="${640 - width}" cy="700" r="300" style="fill: red" />
+        <circle cx="${440 + width}" cy="700" r="300" style="fill: red" />
+        <text
+            x="540"
+            y="925"
+            font-size="600"
+            text-anchor="middle"
+            style="fill: white; font-weight: bold;"
+            >
+            ${num}
+        </text>
+        ` : ''}
+</svg>
+`
+
+    const svgDataUrl = 'data:image/svg+xml;charset=utf8,' + encodeURIComponent(svg)
+    let link: HTMLLinkElement | null = document.querySelector('link[rel~="icon"]')
+    if (!link) {
+        link = document.createElement('link')
+        link.rel = 'icon'
+        document.head.appendChild(link)
+    }
+    link.href = svgDataUrl
+    link.type = 'image/svg+xml'
+}

package/client/web/src/function/input.ts

@@ -0,0 +1,69 @@
+/**
+ * 触控板滚动蒙版
+ * 用来连续返回一系列滚动事件处理,自带中断处理
+ */
+export function wheelMask(process: (event: WheelEvent) => boolean, removeHook?: ()=>void): Promise<void> {
+    // 中断回调
+    const mask = document.createElement('div')
+    let r!: () => void
+    const promise = new Promise<void>((resolve) => {
+        r = resolve
+    })
+    const remove = () => {
+        document.body.removeChild(mask)
+        removeHook?.()
+        r()
+    }
+    let wheelTimeOut = setTimeout(remove, 100) as unknown as number
+    mask.style.position = 'fixed'
+    mask.style.top = '0'
+    mask.style.left = '0'
+    mask.style.width = '100vw'
+    mask.style.height = '100vh'
+    mask.style.zIndex = '9999'
+    mask.style.backgroundColor = 'rgba(0, 0, 0, 0)'
+    mask.addEventListener('wheel', (event) => {
+        event.preventDefault()
+        if (!process(event)) return
+        // 中断回调
+        clearTimeout(wheelTimeOut)
+        wheelTimeOut = setTimeout(remove, 100) as unknown as number
+    }, { passive: false })
+    document.body.appendChild(mask)
+    return promise
+}
+
+export function mousemoveMask(process: (event: MouseEvent) => void, removeHook?: (event: MouseEvent)=>void): Promise<void> {
+    // 中断回调
+    const mask = document.createElement('div')
+    let r!: () => void
+    const promise = new Promise<void>((resolve) => {
+        r = resolve
+    })
+    const remove = (event: MouseEvent) => {
+        document.body.removeChild(mask)
+        removeHook?.(event)
+        r()
+    }
+    mask.id = 'mask'
+    mask.style.position = 'fixed'
+    mask.style.top = '0'
+    mask.style.left = '0'
+    mask.style.width = '100vw'
+    mask.style.height = '100vh'
+    mask.style.zIndex = '9999'
+    mask.style.backgroundColor = 'rgba(0, 0, 0, 0)'
+    const mousemoveFun = (event: MouseEvent) => {
+        event.preventDefault()
+        process(event)
+    }
+    const mouseupFun = (event: MouseEvent) => {
+        event.preventDefault()
+        remove(event)
+    }
+    mask.addEventListener('mousemove', mousemoveFun, { passive: false })
+    mask.addEventListener('mouseleave', mouseupFun, { passive: false })
+    mask.addEventListener('mouseup', mouseupFun, { passive: false })
+    document.body.appendChild(mask)
+    return promise
+}

package/client/web/src/function/model/emoji.ts

@@ -0,0 +1,127 @@
+export default class Emoji {
+  static readonly apngMap = new Map<number, { super: boolean; suffix: number[] }>()
+  static readonly descMap = new Map<string, string>()
+  static readonly allList = new Set<number>()
+  static readonly allSuperList = new Set<number>()
+
+  static readonly superList: readonly number[] = [
+    5, 311, 312, 314, 317, 318, 319, 320, 324, 325, 337,
+    338, 339, 341, 342, 343, 344, 345, 346, 181, 74, 75,
+    351, 349, 350, 395, 114, 326, 53, 137, 333, 424, 415,
+    392, 425, 427, 426, 419, 429, 472, 474, 475, 476, 477,
+    478, 479,
+  ]
+
+  static readonly normalList: readonly number[] = [
+    14, 1, 2, 3, 4, 6, 7, 8, 9, 10, 11, 12, 13, 0, 15, 16,
+    96, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30,
+    31, 32, 33, 34, 35, 36, 37, 38, 39, 97, 98, 99, 100,
+    101, 102, 103, 104, 105, 106, 107, 108, 305, 109, 110,
+    111, 172, 182, 179, 173, 174, 212, 175, 178, 177, 176,
+    183, 262, 263, 264, 265, 266, 267, 268, 269, 270, 271,
+    272, 277, 307, 306, 281, 282, 283, 284, 285, 293, 286,
+    287, 289, 294, 297, 298, 299, 300, 323, 332, 336, 353,
+    355, 356, 354, 352, 357, 428, 334, 347, 303, 302, 295,
+    49, 66, 63, 64, 187, 146, 116, 67, 60, 185, 76, 124,
+    118, 78, 119, 79, 120, 121, 77, 123, 201, 273, 46, 112,
+    56, 169, 171, 59, 144, 147, 148, 89, 41, 125, 42, 43, 86, 129,
+    85,
+  ]
+
+  static readonly emojiList: readonly number[] = [
+    128522, 128524, 128538, 128531, 128560, 128541, 128513, 128540,
+    9786, 128525, 128532, 128516, 128527, 128530, 128563, 128536,
+    128557, 128561, 128514, 128170, 128074, 128077, 128079, 128078,
+    128591, 128076, 128070, 128064, 127836, 127847, 127838, 127866,
+    127867, 9749, 127822, 127827, 127817, 128684, 127801, 127881,
+    128157, 128163, 10024, 128168, 128166, 128293, 128164, 128169,
+    128137, 128235, 128014, 128103, 128102, 128053, 128055, 128046,
+    128020, 128056, 128123, 128027, 128054, 128051, 128098, 9728,
+    10068, 128299, 128147, 127978,
+  ]
+
+  static readonly responseApngId: readonly number[] = [
+    5, 314, 318, 319, 320, 324, 337, 338, 339, 341, 342, 343, 344,
+    345, 346, 181, 74, 75, 351, 349, 350, 395, 326, 53, 333, 424,
+    425, 427, 426, 14, 4, 8, 9, 10, 12, 16, 96, 21, 23, 24, 25, 26,
+    27, 28, 29, 30, 32, 33, 34, 38, 39, 97, 98, 99, 100, 101, 102,
+    103, 104, 106, 305, 109, 111, 182, 179, 173, 174, 212, 175, 176,
+    183, 262, 264, 265, 266, 267, 268, 269, 270, 271, 272, 277, 307,
+    306, 281, 282, 284, 285, 293, 287, 289, 294, 297, 298, 299, 332,
+    336, 353, 355, 356, 354, 352, 357, 428, 334, 347, 303, 302, 295,
+    49, 66, 63, 116, 60, 76, 124, 118, 78, 79, 120, 123, 201, 273,
+    171, 144, 147, 89, 41, 125, 42, 43, 129, 85,
+  ]
+
+  static readonly responseEmojiId: readonly number[] = [
+    128522, 128524, 128538, 128531, 128560, 128541, 128513, 128540,
+    9786, 128532, 128516, 128527, 128530, 128563, 128536, 128557,
+    128514, 128170, 128074, 128077, 128079, 128076, 127836, 127847,
+    127838, 127866, 127867, 9749, 127822, 127827, 127817, 127801,
+    127881, 128157, 10024, 128168, 128166, 128293, 128164, 128235,
+    128103, 128102, 128053, 128046, 128027, 128051, 9728, 10068,
+    128147,
+  ]
+
+  private suffixId?: number
+
+  private constructor(
+    public id: number,
+    public type: 'apng' | 'emoji',
+    public hasSuper: boolean,
+    public superSuffix: number[],
+  ) {
+    if (superSuffix.length > 0) {
+      this.suffixId = superSuffix[0]
+    }
+  }
+
+  static get(id: number): Emoji | undefined {
+    if (id < 5000) {
+      const value = this.apngMap.get(id)
+      return value ? new Emoji(id, 'apng', value.super, value.suffix) : undefined
+    }
+    return new Emoji(id, 'emoji', false, [])
+  }
+
+  static has(id: number): boolean {
+    return id >= 5000 || this.apngMap.has(id)
+  }
+
+  static init() {
+    for (const id of [...this.superList, ...this.normalList, ...this.responseApngId]) {
+      const isSuper = this.superList.includes(id)
+      this.apngMap.set(id, { super: isSuper, suffix: [] })
+      if (isSuper) this.allSuperList.add(id)
+      this.allList.add(id)
+    }
+  }
+
+  static get responseId(): readonly number[] {
+    return [...this.responseApngId, ...this.responseEmojiId]
+  }
+
+  get description(): string {
+    return Emoji.descMap.get(this.id.toString()) || '表情'
+  }
+
+  get value(): string {
+    return this.type === 'apng' ? this.getNormalUrl(this.id) : String.fromCodePoint(this.id)
+  }
+
+  get superValue(): string | undefined {
+    if (!this.hasSuper) return undefined
+    return this.getSuperUrl(this.id, this.suffixId)
+  }
+
+  private getNormalUrl(id: number): string {
+    return `https://lib.stapxs.cn/download/stapxs-qq-lite/qq_emoji/${id}/apng/${id}.png`
+  }
+
+  private getSuperUrl(id: number, suffix?: number): string {
+    const name = suffix ? `${id}_${suffix}` : `${id}`
+    return `https://lib.stapxs.cn/download/stapxs-qq-lite/qq_emoji/${id}/lottie/${name}.json`
+  }
+}
+
+setTimeout(Emoji.init.bind(Emoji), 0)