koishi-plugin-chat-patch 3.0.2 → 5.0.0

package/client/web/src/assets/pathMap/LLOneBot.yaml

@@ -0,0 +1,2 @@
+name: LLOneBot
+redirect: NapCat.Onebot

package/client/web/src/assets/pathMap/Lagrange.OneBot.yaml

@@ -0,0 +1,180 @@
+# Lagrange.OneBot 消息结构声明
+# https://github.com/botuniverse/onebot-11
+# PS：解析中可以使用 jsonpath，左斜杠开头则表示为当前位置
+
+# Bot 名称
+name: Lagrange.OneBot
+
+# Bot 版本信息
+version_info: $.data
+# 登录信息
+login_info:
+    uin: $.data.user_id
+    bkn: ''
+    nickname: $.data.nickname
+# 群、好友列表
+user_list:
+    name: get_friend_list|get_group_list
+    source: $.data[*]
+    list:
+        group_id: /group_id
+        group_name: /group_name
+        member_count: /member_count
+        admin_flag: null
+
+        class_id: $.group.group_id
+        class_name: $.group.group_name
+        user_id: /user_id
+        nickname: /nickname
+        remark: /remark
+# 收藏表情
+roaming_stamp:
+    name: fetch_custom_face
+    reverse: true
+# 消息列表
+message_list:
+    name: get_group_msg_history
+    private_name: get_friend_msg_history
+    source: $.data.messages[*]
+    type: $.data
+    message_type:
+        user: private
+        group: group
+    list:
+        message_id: /message_id
+        seq_id: null
+        target_id: /target_id
+        message_type: /message_type
+        time: /time
+        post_type: null
+        group_id: /group_id
+        sender: /sender
+        message: /message
+        raw_message: /raw_message
+# 转发消息体
+forward_msg:
+    name: get_forward_msg
+    source: $.data.message[*].data
+# 消息基础信息
+message_info:
+    message_id: $.message_id
+    private_id: $.user_id
+    group_id: $.group_id
+    target_id: $.target_id
+    sender: $.sender.user_id
+# 获取消息体
+get_message: $.message
+message_value: # 这是消息转义，防止某些消息字段不同
+    image:
+        url: $.file
+# 获取群公告
+group_notices:
+    name: _get_group_notice
+    source: $.data[*]
+    list:
+        content: $.message.text
+        sender: $.sender_id
+        time: $.publish_time
+        img_id: $.message.images.0.id
+        is_read: null
+        read_num: null
+# 获取群文件主列表
+group_files:
+    name: get_group_root_files
+    source: $.data.*[*]
+    list:
+        # 文件类型
+        file_id: /file_id                        # 文件 ID
+        file_name: /file_name                    # 文件名
+        size: /file_size                         # 文件大小
+        download_times: /download_times          # 下载次数
+        dead_time: /dead_time                    # 过期时间
+        upload_time: /modify_time                # 上传时间
+        uploader_name: /uploader_name            # 上传者
+        # 文件夹类型
+        folder_id: /folder_id                    # 文件夹 ID
+        folder_name: /folder_name                # 文件夹名
+        count: /total_file_count                 # 文件数量
+        create_time: /create_time                # 创建时间
+        creater_name: /create_name               # 创建者
+# 获取群文件下载连接
+file_download:
+    name: get_group_file_url
+    file_url: $.data.url
+# 获取群文件夹内文件
+group_folder_files:
+    name: get_group_files_by_folder
+# 获取群精华消息
+group_essence:
+    name: get_essence_msg_list
+    source: $.data[*]
+    list:
+        sender_uin: /sender_id
+        sender_nick: /sender_nick
+        sender_time: /sender_time
+        content: /content
+        add_digest_uin: /operator_id
+        add_digest_nick: /operator_nick
+        add_digest_time: /operator_time
+# 群/好友信息
+friend_info:
+    name: get_stranger_info
+    source: $.data
+    list:
+        longNick: /sign                 # 签名
+        qid: /q_id                      # 个性 QQ 账号
+        country: null                   # 国家
+        province: null                  # 省份
+        city: null                      # 城市
+        regTime: /RegisterTime          # 注册时间
+        qqLevel: /level                 # QQ 等级
+        birthday_year: null             # 生日年份
+        birthday_month: null            # 生日月份
+        birthday_day: null              # 生日日期
+        age: /age                       # 年龄
+        sex: /sex                       # 性别
+# 获取群成员信息
+group_member_info:
+    name: get_group_member_info
+    source: $.data
+    list:
+        group_id: /group_id
+        user_id: /user_id
+        nickname: /nickname
+        card: /card
+        sex: /sex
+        age: /age
+        join_time: /join_time
+        last_sent_time: /last_sent_time
+        shut_up_timestamp: /shut_up_timestamp
+        role: /role
+set_group_nickname:
+    name: set_group_card
+# 退出群聊
+leave_group:
+    name: set_group_leave
+# 设置群名
+set_group_name:
+    name: set_group_name
+# 禁言成员
+ban_mumber:
+    name: set_group_ban
+# 设置群头衔（包括成员）
+set_group_title:
+    name: set_group_special_title
+# 设置消息回应
+send_respond:
+    name: set_group_reaction
+
+
+
+# 我的lgr啊，你怎么似了？？？呜呜呜～～～祈祷有天可以复活吧
+# 撤回消息
+delete_msg:
+    name: delete_msg
+# 获取语音消息文件
+get_record:
+    name: get_record
+    file: $..file
+    url: $..url
+    base64: $..base64

package/client/web/src/assets/pathMap/NapCat.Onebot.yaml

@@ -0,0 +1,224 @@
+# NapCat.Onbot/LLOneBot 消息结构声明
+# https://napneko.github.io/zh-CN/develop/api
+# PS：解析中可以使用 jsonpath，左斜杠开头则表示为当前位置
+
+# Bot 名称
+name: NapCat.Onebot
+
+# Bot 版本信息
+version_info: $.data
+# 登录信息
+login_info:
+    uin: $.data.user_id
+    bkn: ''
+    nickname: $.data.nickname
+# 群、好友列表
+friend_list:
+    name: get_friends_with_category
+    source: $.data[*].buddyList[*]
+    list:
+        class_id: null
+        class_name: null
+        user_id: /user_id
+        nickname: /nickname
+        remark: /remark
+        longNick: /longNick
+group_list:
+    name: get_group_list
+    source: $.data[*]
+    list:
+        group_id: /group_id
+        group_name: /group_name
+        member_count: /member_count
+        admin_flag: null
+# 群/好友信息
+friend_info:
+    name: get_stranger_info
+    source: $.data
+    list:
+        longNick: /longNick             # 签名
+        qid: /qid                       # 个性 QQ 账号
+        country: /country               # 国家
+        province: /province             # 省份
+        city: /city                     # 城市
+        regTime: /regTime               # 注册时间
+        qqLevel: /qqLevel               # QQ 等级
+        birthday_year: /birthday_year   # 生日年份
+        birthday_month: /birthday_month # 生日月份
+        birthday_day: /birthday_day     # 生日日期
+        age: /age                       # 年龄
+        sex: /sex                       # 性别
+# 好友分组
+friend_category:
+    name: get_friends_with_category
+    source: $.data[*]
+    list:
+        class_id: /categoryId
+        class_name: /categoryName
+        sort_id: /categorySortId
+        users: $.buddyList[*].user_id
+# 消息列表
+message_list:
+    name: get_group_msg_history
+    private_name: get_friend_msg_history
+    source: $.data.messages[*]
+    pagerType: full # 分页类型：全量 full / 增量 incremental / 无分页 none
+    type: $.data
+    message_type:
+        user: private
+        group: group
+    list:
+        message_id: /message_id
+        seq_id: /real_seq
+        target_id: /target_id
+        message_type: /message_type
+        time: /time
+        post_type: /post_type
+        group_id: /group_id
+        sender: /sender
+        message: /message
+        raw_message: /raw_message
+# 转发消息体
+forward_msg:
+    name: get_forward_msg
+    source: $.data.messages[*]
+    list:
+        message_id: /message_id
+        target_id: null
+        message_type: /message_type
+        time: /time
+        post_type: /post_type
+        group_id: /group_id
+        sender: /sender
+        message: /message
+        raw_message: null
+# 消息基础信息
+message_info:
+    message_id: $.message_id
+    private_id: $.user_id
+    group_id: $.group_id
+    target_id: $.target_id
+    sender: $.sender.user_id
+# 获取消息体
+get_message: $.message
+message_value:
+    file:
+        name: $.file
+# 设置消息已读
+set_message_read:
+    name: mark_group_msg_as_read
+    private_name: mark_private_msg_as_read
+# 设置消息回应
+send_respond:
+    name: set_msg_emoji_like
+# 获取群公告
+group_notices:
+    name: _get_group_notice
+    source: $.data[*]
+    list:
+        content: $.message.text
+        sender: /sender_id
+        time: /publish_time
+        img_id: $.message.image.0.id
+        is_read: null
+        read_num: null
+# 获取群精华消息
+group_essence:
+    name: get_essence_msg_list
+    source: $.data[*]
+    list:
+        sender_uin: /sender_id
+        sender_nick: /sender_nick
+        sender_time: /operator_time
+        msg_content: /content
+        add_digest_uin: /operator_id
+        add_digest_nick: /operator_nick
+        add_digest_time: /operator_time
+    is_end: null
+# 获取群成员信息
+group_member_info:
+    name: get_group_member_info
+    source: $.data
+    list:
+        group_id: /group_id
+        user_id: /user_id
+        nickname: /nickname
+        card: /card
+        sex: /sex
+        age: /age
+        join_time: /join_time
+        last_sent_time: /last_sent_time
+        shut_up_timestamp: /shut_up_timestamp
+        role: /role
+# 获取收藏表情
+roaming_stamp:
+    name: fetch_custom_face
+    pagerType: full
+# 获取历史会话
+recent_contact:
+    name: get_recent_contact
+    source: $.data[*]
+    list:
+        user_id: /peerUin
+        time: /msgTime
+        chat_type: /chatType
+        name: /peerName
+# 戳一戳
+poke:
+    name: group_poke
+    private_name: friend_poke
+
+## 文件
+# 获取群文件主列表
+group_files:
+    name: get_group_root_files
+    source: $.data.*[*]
+    list:
+        # 文件类型
+        file_id: /file_id                   # 文件 ID
+        file_name: /file_name               # 文件名
+        size: /size                         # 文件大小
+        download_times: /download_times     # 下载次数
+        dead_time: /dead_time               # 过期时间
+        upload_time: /modify_time           # 上传时间
+        uploader_name: /uploader_name       # 上传者
+        # 文件夹类型
+        folder_id: /folder_id               # 文件夹 ID
+        folder_name: /folder_name           # 文件夹名
+        count: /total_file_count            # 文件数量
+        create_time: /create_time           # 创建时间
+        creater_name: /creator_name         # 创建者
+# 获取群文件夹内文件
+group_folder_files:
+    name: get_group_files_by_folder
+# 获取文件下载信息
+file_download:
+    name: get_group_file_url
+    private_name: get_private_file_url
+    source: $.data
+    list:
+        file_url: /url
+
+## 群操作
+# 退出群聊
+leave_group:
+    name: set_group_leave
+# 设置群昵称（包括成员）
+set_group_nickname:
+    name: set_group_card
+# 设置群头衔（包括成员）
+set_group_title:
+    name: set_group_special_title
+# 禁言成员
+ban_mumber:
+    name: set_group_ban
+
+# 撤回消息
+delete_msg:
+    name: delete_msg
+# 获取语音消息文件
+get_record:
+    name: get_record
+    file: $..file
+    url: $..url
+    base64: $..base64

package/client/web/src/assets/pathMap/SnowLuma.yaml

@@ -0,0 +1,80 @@
+name: SnowLuma
+redirect: NapCat.Onebot
+
+# 消息列表
+message_list:
+    name: get_group_msg_history
+    private_name: get_friend_msg_history
+    source: $.data.messages[*]
+    pagerType: incremental
+    type: $.data
+    message_type:
+        user: private
+        group: group
+    list:
+        message_id: /message_id
+        seq_id: /real_seq
+        target_id: /target_id
+        message_type: /message_type
+        time: /time
+        post_type: /post_type
+        group_id: /group_id
+        sender: /sender
+        message: /message
+        raw_message: /raw_message
+
+# 获取收藏表情
+roaming_stamp:
+    name: fetch_custom_face
+    pagerType: full
+    reverse: true
+
+# 好友分组，暂不支持此功能
+friend_category:
+friend_list:
+    name: get_friend_list
+    source: $.data[*]
+    list:
+        class_id: null
+        class_name: null
+        user_id: /user_id
+        nickname: /nickname
+        remark: /remark
+        longNick: /longNick
+
+# QQ 空间
+get_qzone_feed:
+    name: get_qzone_feeds
+    source: $.data.feeds[*]
+    list:
+        id: /key
+        type: /appid
+        nickname: /nickname
+        uin: /uin
+        time: /time
+        html: /html
+get_qzone_msg:
+    name: get_qzone_msg_list
+    source: $.data.msglist[*]
+    list:
+        id: /key
+        type: /appid
+        nickname: /nickname
+        uin: /uin
+        time: /time
+        html: /html
+send_qzone_msg:
+    name: send_qzone_msg
+    source: $.data
+comment_qzone:
+    name: comment_qzone
+    source: $.data
+like_qzone:
+    name: like_qzone
+    source: $.data
+unlike_qzone:
+    name: unlike_qzone
+    source: $.data
+delete_qzone_msg:
+    name: delete_qzone_msg
+    source: $.data

package/client/web/src/assets/qed.txt

@@ -0,0 +1 @@
+<div class="qq-err-card"><div><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAQCAYAAADJViUEAAAC5klEQVQokYVSW0hTcRz+1s6Oc8zlbbp5mZa3bkKunA9BWShF9dAVIozCblAUpg/1EGWQDz0IdlG0Rwm0FF+UrGYXL9O0TJtrpltW8zQ1reVmx7Odc/zHDGUK0Q8++P//fB/fn+/3gRCyBMYWY44gCNTCm9VqXeccc8Ys5/mxAgHT19+nf/ykeU/Pmx7D0NDQmvaO9q0+n5eurKo6SwhZwvUPFXjxeDzKka+fC2rrawtaTc8hCiLy887AMvgBPM+X0DTt+6fYkGnocf12wdJkAiuKkGEO1fXV2Je7HxRFCf9xdqsShHEcP5SL1M3Z4H570PasAZSEX677O4EBlN8qLG2uuEKc9gHi8MM2QJiPb0nxyRzS3/9O/8/AzOY+vdX48EhaVjxA3sBuacME0wlVqAVbDPEou1NaNDvLKgKN58VPnj7efb6o8LYuIygmWtuKlcouEKYDStIJidCBjGwbbDbb0QuFBXfHnd/iFsTScHXExV+u6dDLhZdKxxxDmqhg03rW9R1MjwMS2RgI/wX2uhFEOrVIDlFlNJk6VGp11KQmLo6hDh84VK9Wq7/70wwLTx2echgxJ7IQpn1wjUohlLHQjwrYfM6A0UcPsIqbOzW9c1fz/Le1Wq1zYQ0Op0c5bvdh0sFD4iNwmzhkMiJUCgX7M3nt2UGZwhE+/QOu0luXea9XvqQ1dcZX2e7PAqZGefi4OQQ5BNASQFSq3LoTp++rExK/iAA0YUoDY7FsWNzze3P/RsbljhyR05BLZqALksEtErgJQfDkuEYKYIIAQTQNb2Q0pErlzKJze/vLHYkRsXFceh7YGSkSgqVQ6WgMBqswpolnWm8W35gVgZC8fAyERZfFJiXZ551FUaRMXa+zKssr0lNS0oYf1mzKq2lpOMjGKthtu7O6Pa0vtqut5mu61UloEWX3jl2/WiL15+RvCs/zVHd3tyGwPRzHyb0cJ/effRwn/9Tbq3/W2Lh3lmUV8xxC8AeV8pvsqY2H6AAAAABJRU5ErkJggg=="><span>错误报告<span>(这是彩蛋)</span></span><svg fill="var(--color-font)" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" baseProfile="full" width="76" height="76" viewBox="0 0 76.00 76.00" enable-background="new 0 0 76.00 76.00" xml:space="preserve"><path fill-opacity="1" stroke-width="0.2" stroke-linejoin="round"     d="M 26.9166,22.1667L 37.9999,33.25L 49.0832,22.1668L 53.8332,26.9168L 42.7499,38L 53.8332,49.0834L 49.0833,53.8334L 37.9999,42.75L 26.9166,53.8334L 22.1666,49.0833L 33.25,38L 22.1667,26.9167L 26.9166,22.1667 Z"/></svg></div><div><div><img src="data:image/png;base64,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"><span>Stapxs QQ Lite遇到错误，给您带来不便，我们深表庆幸。</span></div><hr><div><span>我们已经产生了相关错误报告（报告中应该不包含你的任何隐私信息），希望您发送此报告给我们以帮助改善Stapxs QQ Lite的质量。</span><div><input type="checkbox" checked><span>发送错误报告(S)</span></div><textarea placeholder="这个问题是任何出现的？"></textarea><div class="qq-err-card-err"><span>错误号：</span><span style="flex: 1;text-align: center;">F6ED4FJDB6SKSZ7CG6Z9A07GDZ</span><a><span>▲</span><span>错误信息</span></a></div><div class="qq-err-card-err"><span>错误模块：</span><span>function printMsg()</span></div></div></div></div>

package/client/web/src/components/AboutPan.vue

@@ -0,0 +1,197 @@
+<!--
+ * @FileDescription: 关于模板
+ * @Author: Stapxs
+ * @Date: 2024/04/22
+ * @Version: 1.0
+-->
+ <!-- eslint-disable max-len -->
+
+<template>
+    <div class="about-pan">
+        <div id="logo-card" :class="'ss-card logo-card' + (showUI ? '' : ' hidd-sha')">
+            <div>
+                <span>{{ $t('Koishi Satori 聊天室') }}</span>
+            </div>
+            <div class="about-source">
+                {{ $t('本页面魔改自') }}
+                <a @click="openLink('https://github.com/Stapxs/Stapxs-QQ-Lite-2.0')">Stapxs QQ Lite 2.0</a>
+                {{ $t('，感谢原项目的 UI 设计。') }}
+            </div>
+            <div v-if="sponsorList.length > 0 && showUI" class="contributors-card">
+                <div />
+                <span> {{ $t('赞助者') }} </span>
+                <div class="contributors">
+                    <div v-for="info in sponsorList.slice(0, 3)" :key="info.user.name">
+                        <img lazy :src="info.user.avatar">
+                        <div>
+                            <span>{{ info.user.name }}</span>
+                            <span>{{ Intl.DateTimeFormat(trueLang, {
+                                year: 'numeric',
+                                month: 'short',
+                                day: 'numeric',
+                            }).format(getViewTime(Number(info.last_pay_time))) }}</span>
+                        </div>
+                    </div>
+                </div>
+                <div v-if="sponsorList.length > 3">
+                    <img v-for="info in sponsorList.slice(3)"
+                        :key="info.user.name"
+                        lazy
+                        :src="info.user.avatar">
+                </div>
+            </div>
+            <div v-if="constList.length > 0 && showUI" class="contributors-card">
+                <div />
+                <span>{{ $t('社区贡献者') }}</span>
+                <div class="contributors">
+                    <div v-for="(info, index) in constList.slice(1, 4)" :key="info.title"
+                        :class="(info.isMe ? 'me' : '') + (info.isSuperThakns ? ' super-thanks' : '')"
+                        @click="openLink(info.link)">
+                        <img lazy :src="info.url">
+                        <div>
+                            <span>{{ info.title }}</span>
+                            <span>{{ $t('{time} 次提交', { time: info.contributions }) }}</span>
+                        </div>
+                        #{{ index + 1 }}
+                    </div>
+                </div>
+                <div>
+                    <img v-for="info in constList.slice(4)"
+                        :key="info.title"
+                        lazy
+                        :src="info.url"
+                        @click="openLink(info.link)">
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script lang="ts" setup>
+    import DepPan from './DepPan.vue'
+import packageInfo from '../../package.json'
+
+    import { markRaw, onMounted, ref } from 'vue'
+    import { openLink, sendStatEvent, showReleaseHistory } from '../function/utils/appUtil'
+    import { ContributorElem } from '../function/elements/system'
+
+    import { getTrueLang, getViewTime } from '../function/utils/systemUtil'
+
+    import MealHungryPan from '../components/notice-component/MealHungryPan.vue'
+    import { library } from '@fortawesome/fontawesome-svg-core'
+    import { faClockRotateLeft } from '@fortawesome/free-solid-svg-icons'
+    import { i18n } from '../main'
+    import { useUIStore } from '../state/ui'
+
+    defineOptions({ name: 'AboutPan' })
+
+    const $t = i18n.global.t
+    const uiStore = useUIStore()
+
+    defineProps<{
+        showUI: boolean
+    }>()
+
+    const trueLang = ref('zh-CN')
+    const constList = ref<ContributorElem[]>([])
+    const sponsorList = ref<{
+        current_plan: string,
+        last_pay_time: string,
+        user: {
+            name: string,
+            avatar: string
+        }
+    }[]>([])
+
+    function dependencies() {
+        uiStore.popBoxList = []
+        const popInfo = {
+            title: $t('更多信息'),
+            template: markRaw(DepPan)
+        }
+        uiStore.popBoxList.push(popInfo)
+    }
+
+    function goGithub() {
+        const repoName = import.meta.env.VITE_APP_REPO_NAME
+        openLink(`https://github.com/${repoName}`)
+        sendStatEvent('click_statistics', { name: 'visit_github' })
+    }
+
+    function goFish() {
+        sendStatEvent('click_statistics', { name: 'visit_fish' })
+        if(!import.meta.env.VITE_APP_SPONSORS_URL) {
+            // eslint-disable-next-line no-console
+            console.error('是谁没有设置赞助链接？')
+            sendStatEvent('error_statistics', {
+                type: 'sponsor_link_missing'
+            })
+            return
+        }
+        const popInfo = {
+            title: '',
+            template: markRaw(MealHungryPan),
+            allowQuickClose: false,
+            button: [
+                {
+                    text: $t('打开…'),
+                    master: true,
+                    fun: () => {
+                        openLink(import.meta.env.VITE_APP_SPONSORS_URL)
+                        uiStore.popBoxList.shift()
+                    },
+                }
+            ],
+        }
+        uiStore.popBoxList.push(popInfo)
+    }
+
+    onMounted(() => {
+        library.add(faClockRotateLeft)
+        window.onload = async () => {
+            trueLang.value = getTrueLang()
+        }
+        const superThanks = ['doodlehuang']
+        // 加载贡献者信息
+        if(import.meta.env.VITE_APP_REPO_NAME) {
+            fetch(`https://api.github.com/repos/${import.meta.env.VITE_APP_REPO_NAME}/contributors`)
+                .then((response) => response.json())
+                .then((data: { [key: string]: string }[]) => {
+                    for (let i = 0; i < data.length; i++) {
+                        constList.value.push({
+                            url: data[i].avatar_url,
+                            link: data[i].html_url,
+                            title: data[i].login,
+                            contributions: Number(data[i].contributions),
+                            isMe: data[i].login == 'Stapxs',
+                            isSuperThakns: superThanks.includes(data[i].login),
+                        })
+                    }
+                })
+        }
+        // 加载赞助者信息
+        if(import.meta.env.VITE_APP_SPONSORS_DATA_API) {
+            fetch(import.meta.env.VITE_APP_SPONSORS_DATA_API)
+                .then((response) => response.json())
+                .then((data: { [key: string]: string }) => {
+                    sponsorList.value = data.list as any
+                })
+        }
+    })
+</script>
+
+<style>
+    .hidd-sha {
+        box-shadow: none !important;
+    }
+    .about-source {
+        margin-top: 12px;
+        font-size: 0.8rem;
+        text-align: center;
+        opacity: 0.75;
+    }
+    .about-source a {
+        color: var(--color-main);
+        cursor: pointer;
+    }
+</style>