koishi-plugin-chat-patch 3.0.2 → 5.0.0

package/client/web/src/runtime/backend.ts

@@ -0,0 +1,310 @@
+import { i18n } from '../main'
+import VConsole from 'vconsole'
+
+import { IpcRenderer } from '@electron-toolkit/preload'
+import { InvokeArgs, InvokeOptions } from '@tauri-apps/api/core'
+import { CapacitorGlobal } from '@capacitor/core'
+import { Logger, LogType, PopInfo, PopType } from '../function/base'
+import { useSettingsStore } from '../state/settings'
+
+const logger = new Logger()
+const popInfo = new PopInfo()
+
+type CapacitorPluginRegistry = Record<string, Record<string, (...args: any[]) => any>>
+
+export const backend = {
+    type: 'web' as 'electron' | 'tauri' | 'capacitor' | 'web',
+    platform: undefined as 'win32' | 'darwin' | 'linux' | 'android' | 'ios' | 'web' | undefined,
+    release: '',
+    arch: '' as string | undefined,
+    proxy: undefined as number | undefined,
+
+    function: undefined as IpcRenderer |
+    {
+        invoke: <T>(cmd: string, args?: InvokeArgs, options?: InvokeOptions) => Promise<T>
+    } | {
+        capacitor: CapacitorGlobal & Record<string, any>,
+        plugins: CapacitorPluginRegistry,
+        vConsole: VConsole
+    } | undefined,
+    listener: undefined as ((event: string, ...args: any[]) => void) | undefined,
+
+    isDesktop() {
+        return this.type == 'electron' || this.type == 'tauri'
+    },
+    isMobile() {
+        return this.type == 'capacitor'
+    },
+    isWeb() {
+        return this.type == 'web'
+    },
+
+    /**
+     * 代理 URL 转换
+     * @param url 需要转换的 URL
+     * @returns 转换后的 URL
+     */
+    proxyUrl(url: string) {
+        if (!url || url.startsWith('data:') || url.startsWith('blob:')
+            || url.startsWith('/chat-patch/web/media') || url.startsWith('/chat-patch/api/media')) {
+            return url
+        }
+        if (url.startsWith('/vite/') || url.startsWith('/satori/')) {
+            return url
+        }
+        if (/^file:/i.test(url) || /^[a-z]:[\\/]/i.test(url) || url.startsWith('\\\\')) {
+            const fileName = url
+                .replace(/^file:\/\/\/?/i, '')
+                .split(/[\\/]/)
+                .pop() || url
+            return `/chat-patch/api/media?file=${encodeURIComponent(fileName)}`
+        }
+        if (this.proxy && url && url.startsWith('http')) {
+            return `http://localhost:${this.proxy}/proxy?url=${encodeURIComponent(url)}`
+        } else {
+            return `/chat-patch/web/media?url=${encodeURIComponent(url)}`
+        }
+    },
+
+    /**
+     * 代理图片 URL 转换
+     * 此方法在移动端还会会向后端直接索要图片的 base64 数据，以解决移动端的跨域问题
+     * @param url 需要转换的 URL
+     * @returns 转换后的 URL（移动端返回 data:image/...）
+     */
+    async proxyImageUrl(url: string) {
+        if (this.isMobile() && url) {
+            const dataUrl = await this.call('Onebot', 'sys:getImageData', true, { url })
+            if (typeof dataUrl === 'string' && dataUrl.startsWith('data:image')) {
+                return dataUrl
+            }
+            logger.add(LogType.DEBUG, '移动端图片代理失败，回退到普通代理 URL', { url })
+        }
+        return this.proxyUrl(url)
+    },
+
+    /**
+     * 反代理 URL 转换
+     * @param url 需要转换的 URL
+     * @returns 转换后的 URL
+     */
+    unProxyUrl(url: string) {
+        if (this.proxy && url && url.startsWith('http://localhost')) {
+            const urlObj = new URL(url)
+            if (urlObj.pathname == '/proxy') {
+                const realUrl = urlObj.searchParams.get('url')
+                if (realUrl) {
+                    return decodeURIComponent(realUrl)
+                }
+            }
+        }
+        return url
+    },
+
+    /**
+     * 初始化后端功能
+     *
+     * @returns {Promise<void>}
+     */
+    async init() {
+        const $t = i18n.global.t
+        if (window.electron != undefined) {
+            this.type = 'electron';
+            this.function = window.electron.ipcRenderer;
+            this.listener = window.electron.ipcRenderer.on;
+        } else if (window.__TAURI_INTERNALS__ != undefined) {
+            this.type = 'tauri';
+            this.function = {
+                invoke: (await import('@tauri-apps/api/core')).invoke
+            }
+            this.listener = (await import('@tauri-apps/api/event')).listen;
+        } else if (window.Capacitor != undefined && window.Capacitor.isNativePlatform()) {
+            this.type = 'capacitor';
+            const capacitor = window.Capacitor as CapacitorGlobal & Record<string, any>
+            const plugins = (capacitor.Plugins ?? {}) as CapacitorPluginRegistry
+            this.function = {
+                capacitor,
+                plugins,
+                vConsole: new VConsole({
+                    theme: useSettingsStore().darkMode ? 'dark' : 'light',
+                })
+            }
+            this.listener = (type: string, name: string, callBack: (...args: any[]) => void) => {
+                plugins[type]?.addListener?.(name, callBack)
+            }
+        }
+
+
+        this.platform = await this.call(undefined, 'sys:getPlatform', true)
+        const releaseData = await this.call('Onebot', 'sys:getRelease', true)
+        this.release = releaseData?.release || ''
+        this.arch = releaseData?.arch || undefined
+
+        if(this.type == 'web' && !this.platform) {
+            this.platform = 'web'
+        }
+
+        if (!this.release) {
+            let os = ''
+            let version = ''
+
+            // 优先使用 navigator.userAgentData（Chrome / Edge / Android）
+            if ((navigator as any).userAgentData) {
+                os = (navigator as any).userAgentData.platform || os
+                try {
+                    const highEntropy = await (navigator as any).userAgentData.getHighEntropyValues(['platformVersion'])
+                    version = highEntropy.platformVersion || version
+                } catch (e) {
+                    // 如果获取失败，保持 Unknown
+                }
+            } else {
+                // fallback: 使用 navigator.userAgent
+                const ua = navigator.userAgent
+
+                if (/Windows NT (\d+\.\d+)/.test(ua)) {
+                    os = 'Windows'
+                    version = ua.match(/Windows NT (\d+\.\d+)/)?.[1] ?? 'Unknown'
+                } else if (/Mac OS X (\d+[_.]\d+[_.]?\d*)/.test(ua)) {
+                    os = 'macOS'
+                    version = ua.match(/Mac OS X (\d+[_.]\d+[_.]?\d*)/)?.[1]?.replace(/_/g, '.') ?? 'Unknown'
+                } else if (/Android (\d+(\.\d+)?)/.test(ua)) {
+                    os = 'Android'
+                    version = ua.match(/Android (\d+(\.\d+)?)/)?.[1] ?? 'Unknown'
+                } else if (/iPhone OS (\d+[_.]\d+[_.]?\d*)/.test(ua)) {
+                    os = 'iOS'
+                    version = ua.match(/iPhone OS (\d+[_.]\d+[_.]?\d*)/)?.[1]?.replace(/_/g, '.') ?? 'Unknown'
+                } else if (/Linux/.test(ua)) {
+                    os = 'Linux'
+                    version = 'Unknown'
+                }
+            }
+            this.release = `${os} ${version} (Web)`
+        }
+        this.proxy  = await this.call(undefined, 'sys:runProxy', true)
+        if(this.type == 'tauri' && !this.proxy) {
+            logger.error(null, 'Tauri 代理服务似乎没有正常启动，此服务异常将会影响应用内的大部分外部资源的加载。')
+            popInfo.add(PopType.ERR, $t('Tauri 代理服务似乎没有正常启动'), false)
+        }
+    },
+
+    /**
+     * 调用后端方法
+     *
+     * #### 方法名称
+     * 请使用统一的 electron 方法名称，其余平台会自动转换
+     * - electron 将调用 sys: 前缀的名称如 > sys:getConfig
+     * - capacitor 将调用去除 sys: 前缀的名称如 > getConfig
+     * - tauri 将调用 sys_ 前缀加下划线小写的名称如 > sys_get_config
+     *
+     * #### 备注
+     * - 在 capacitor 和 tauri 中。args 必须是一个对象，如果你传递了其他类型的参数，此方法会自行转换为 ```{data: args[0]}```; 请在后端获取 data 在进行处理。
+     * - capacitor 的返回也必须是一个对象，此方法会主动将有且只有一个参数的返回值拆出来，不用特别在意获取。
+     * - 返回值如有大多为 Promise（在 electron 中一定是），请使用 async/await 调用。
+     *
+     * ---
+     *
+     * @param type capacitor：插件名
+     * @param name 方法名称
+     * @param needBack electron：是否需要返回值
+     * @param args 参数列表
+     * @returns 返回值
+     */
+    async call(type: string | undefined, name: string, needBack: boolean, ...args: any[]) {
+        if (this.function) {
+            // 处理名称
+            if (this.type == 'tauri') {
+                name = name.replaceAll(':', '_').replace(/([A-Z])/g, '_$1').toLowerCase()
+            }
+            if (this.type == 'capacitor' && name.includes(':')) {
+                name = name.split(':')[1]
+            }
+            // 调用对应方法
+            try {
+                if ('electron' == this.type && 'invoke' in this.function && 'send' in this.function) {
+                    if (needBack) {
+                        return await this.function.invoke(name, ...args)
+                    } else {
+                        this.function.send(name, ...args)
+                        return undefined
+                    }
+                } else if ('tauri' == this.type && 'invoke' in this.function) {
+                    // tauri 这边必须传入一个字典
+                    if (args.length == 0 || Object.prototype.toString.call(args[0]) !== '[object Object]') {
+                        args = [{ data: args[0] }]
+                    }
+                    return await this.function.invoke(name, args[0])
+                } else if ('capacitor' == this.type && 'plugins' in this.function && 'capacitor' in this.function) {
+                    // capacitor 这边必须传入一个字典
+                    if (args.length == 0 || Object.prototype.toString.call(args[0]) !== '[object Object]') {
+                        args = [{ data: args[0] }]
+                    }
+                    let functionGet = this.function.capacitor[name]
+                    if (type != undefined && functionGet == undefined) {
+                        functionGet = this.function.plugins[type][name] ?? this.function.capacitor[type][name]
+                    }
+                    const back = await functionGet(args[0])
+                    if (Object.prototype.toString.call(back) === '[object Object]' && Object.keys(back).length == 1) {
+                        return back[Object.keys(back)[0]]
+                    } else {
+                        return back
+                    }
+                }
+            } catch (ex) {
+                logger.add(LogType.DEBUG, `调用后端方法 ${(type ?? '') + ' - '}${name} 失败`, ex)
+                return undefined
+            }
+        }
+    },
+
+    /**
+     * 调用后端方法（同步）
+     *
+     * #### 注意：此方法目前只支持 electron 平台
+     *
+     * @param name 方法名称
+     */
+    callSync(name: string, ...args: any[]) {
+        if (this.type == 'electron' && this.function && 'sendSync' in this.function) {
+            return this.function.sendSync(name, ...args)
+        } else {
+            logger.add(LogType.ERR, '调用后端方法失败', new Error('此方法只支持 electron 平台'))
+            return undefined
+        }
+    },
+
+    /**
+     * 添加后端监听，名称统一为 sys: 前缀
+     * @param type capacitor：插件类型
+     * @param name 事件名称
+     * @param callBack 回调函数
+     */
+    addListener(type: string | undefined, name: string, callBack: (...args: any[]) => void) {
+        if(this.listener) {
+            if(this.isDesktop()) {
+                this.listener(name, callBack)
+                return
+            } else if(this.isMobile() && type) {
+                this.listener(type, name, callBack)
+                return
+            }
+        } else if (this.isWeb()) {
+            // Web 模式没有原生事件桥，忽略监听注册
+            return
+        }
+        logger.error(null, `添加后端监听失败：${name}(${type})`)
+    },
+
+    /**
+     * 移除后端监听
+     * @param type capacitor：插件类型
+     * @param name 事件名称
+     * @param callBack 要移除的回调函数
+     */
+    removeListener(_type: string | undefined, name: string, callBack: (...args: any[]) => void) {
+        if(this.isDesktop() && this.function && 'removeListener' in this.function) {
+            this.function.removeListener(name, callBack)
+            return
+        }
+        // Capacitor 和 Web 不支持移除监听
+    },
+}

package/client/web/src/state/auth.ts

@@ -0,0 +1,14 @@
+import { defineStore } from 'pinia'
+import { shallowReactive, ref } from 'vue'
+
+export const useAuthStore = defineStore('auth', () => {
+    const loginInfo = shallowReactive<Record<string, any>>({})
+    const botInfo = shallowReactive<Record<string, any>>({})
+    const jsonMap = ref<any>(undefined)
+
+    return {
+        loginInfo,
+        botInfo,
+        jsonMap,
+    }
+})

package/client/web/src/state/chat.ts

@@ -0,0 +1,36 @@
+import { ChatInfoElem, MergeStackData } from '../function/elements/information'
+import { defineStore } from 'pinia'
+import { reactive, ref } from 'vue'
+
+export const useChatStore = defineStore('chat', () => {
+    const chatInfo = ref<ChatInfoElem>({
+        show: { type: '', id: 0, name: '', avatar: '' },
+        info: {
+            group_info: {},
+            user_info: {},
+            me_info: {},
+            group_members: [],
+            group_files: {},
+            group_sub_files: {},
+            jin_info: {
+                list: [],
+                pages: 0,
+            },
+        },
+    })
+
+    const messageList = ref<any[]>([])
+    const mergeMsgStack = ref<MergeStackData[]>([])
+    const mergeMessageList = ref<any[] | undefined>(undefined)
+    const mergeMessageImgList = ref<any[] | undefined>(undefined)
+    const sessionMessageCache = reactive(new Map<string, any[]>())
+
+    return {
+        chatInfo,
+        messageList,
+        mergeMsgStack,
+        mergeMessageList,
+        mergeMessageImgList,
+        sessionMessageCache,
+    }
+})

package/client/web/src/state/connection.ts

@@ -0,0 +1,20 @@
+import { defineStore } from 'pinia'
+import { ref } from 'vue'
+
+export const useConnectionStore = defineStore('connection', () => {
+    const heartbeatTime = ref<number>(-1)
+    const oldHeartbeatTime = ref<number>(-1)
+    const lastHeartbeatTime = ref<number>(-1)
+    const backTimes = ref(0)
+    const metaEventWatchTimer = ref<ReturnType<typeof setTimeout> | undefined>(undefined)
+    const metaEventTimeoutTriggered = ref(false)
+
+    return {
+        heartbeatTime,
+        oldHeartbeatTime,
+        lastHeartbeatTime,
+        backTimes,
+        metaEventWatchTimer,
+        metaEventTimeoutTriggered,
+    }
+})

package/client/web/src/state/contact.ts

@@ -0,0 +1,37 @@
+import { UserFriendElem, UserGroupElem } from '../function/elements/information'
+import { defineStore } from 'pinia'
+import { shallowRef, reactive, ref } from 'vue'
+
+export interface BotContactState {
+    userList: (UserFriendElem & UserGroupElem)[]
+    baseList: Array<[number | string, UserFriendElem & UserGroupElem]>
+    onMsgList: any[]
+}
+
+export const useContactStore = defineStore('contact', () => {
+    const userList = shallowRef<(UserFriendElem & UserGroupElem)[]>([])
+    const showList = shallowRef<(UserFriendElem & UserGroupElem)[]>([])
+    const groupAssistList = shallowRef<(UserFriendElem & UserGroupElem)[]>([])
+    const baseOnMsgList = reactive(new Map<number | string, UserFriendElem & UserGroupElem>())
+    const onMsgList = shallowRef<(UserFriendElem & UserGroupElem)[]>([])
+    const newMsgCount = ref(0)
+    const systemNoticesList = shallowRef<Record<string, any> | undefined>(undefined)
+    const friendLoading = ref(false)
+    const friendLoadedCount = ref(0)
+    const friendTotalCount = ref(0)
+    const botStates = reactive(new Map<string, BotContactState>())
+
+    return {
+        userList,
+        showList,
+        groupAssistList,
+        baseOnMsgList,
+        onMsgList,
+        newMsgCount,
+        systemNoticesList,
+        friendLoading,
+        friendLoadedCount,
+        friendTotalCount,
+        botStates,
+    }
+})

package/client/web/src/state/qzone.ts

@@ -0,0 +1,18 @@
+import { defineStore } from 'pinia'
+import { ref, shallowReactive } from 'vue'
+
+export const useQzoneStore = defineStore('qzone', () => {
+    const qzoneFeedList = ref<any[]>([])
+    const state = shallowReactive({
+        currentView: 'feed' as 'feed' | 'my',
+        myPagePos: 0,
+        myPageSize: 10,
+        myHasMore: true,
+        myLoading: false,
+    })
+
+    return {
+        qzoneFeedList,
+        state
+    }
+})

package/client/web/src/state/sessionHistory.ts

@@ -0,0 +1,25 @@
+import { Session } from '../function/elements/information'
+import { defineStore } from 'pinia'
+import { shallowRef } from 'vue'
+
+const MAX_LENGTH = 50
+
+export const useSessionHistoryStore = defineStore('session-history', () => {
+    const record = shallowRef<Session[]>([])
+
+    function add(session: Session) {
+        record.value = [
+            session,
+            ...record.value.filter((i) => (i.user_id !== session.user_id) || (i.group_id !== session.group_id)),
+        ]
+        if (record.value.length > MAX_LENGTH) {
+            record.value.pop()
+            record.value = [...record.value]
+        }
+    }
+
+    return {
+        record,
+        add,
+    }
+})

package/client/web/src/state/settings.ts

@@ -0,0 +1,18 @@
+import { defineStore } from 'pinia'
+import { shallowReactive, ref, shallowRef } from 'vue'
+
+export const useSettingsStore = defineStore('settings', () => {
+    const sysConfig = shallowReactive<Record<string, any>>({})
+    const darkMode = ref(false)
+    const connectSsl = ref(false)
+    const firstLoad = ref(false)
+    const classes = shallowRef<any[]>([])
+
+    return {
+        sysConfig,
+        darkMode,
+        connectSsl,
+        firstLoad,
+        classes,
+    }
+})

package/client/web/src/state/sticker.ts

@@ -0,0 +1,10 @@
+import { defineStore } from 'pinia'
+import { ref } from 'vue'
+
+export const useStickerStore = defineStore('sticker', () => {
+    const stickerCache = ref<any[] | undefined>([])
+
+    return {
+        stickerCache,
+    }
+})

package/client/web/src/state/ui.ts

@@ -0,0 +1,56 @@
+import { BotMsgType } from '../function/elements/information'
+import { getInch } from '../function/utils/systemUtil'
+import { defineStore } from 'pinia'
+import { ref, markRaw, defineAsyncComponent } from 'vue'
+
+export const useUIStore = defineStore('ui', () => {
+    const openSideBar = ref(true)
+    const nowGetHistory = ref(false)
+    const canLoadHistory = ref(true)
+    const loadHistoryFail = ref(false)
+    const historyBeforeTime = ref<number | undefined>(undefined)
+    const msgType = ref(BotMsgType.Array)
+
+    const popBoxList = ref<{
+        svg?: string
+        title?: string
+        html?: string
+        template?: any
+        templateValue?: any
+        data?: any
+        full?: boolean
+        onClose?: () => void
+        button?: {
+            master?: boolean
+            fun?: (value: any) => void
+            text: string
+        }[]
+        allowQuickClose?: boolean
+        allowClose?: boolean
+    }[]>([])
+
+    const pageView = {
+        chatView: markRaw(
+            defineAsyncComponent(() => import('../pages/Chat.vue')),
+        ),
+        msgView: markRaw(
+            defineAsyncComponent(
+                () => import('../components/MsgBody.vue'),
+            ),
+        ),
+    }
+
+    const inch = getInch()
+
+    return {
+        openSideBar,
+        nowGetHistory,
+        canLoadHistory,
+        loadHistoryFail,
+        historyBeforeTime,
+        msgType,
+        popBoxList,
+        pageView,
+        inch,
+    }
+})

package/client/web/tsconfig.json

@@ -0,0 +1,27 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "lib": [
+      "ES2023",
+      "DOM",
+      "DOM.Iterable"
+    ],
+    "strict": false,
+    "jsx": "preserve",
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "resolveJsonModule": true,
+    "baseUrl": ".",
+    "types": [
+      "vite/client"
+    ]
+  },
+  "include": [
+    "src/**/*.ts",
+    "src/**/*.vue",
+    "env.d.ts"
+  ]
+}

package/client/web/tsconfig.tsbuildinfo

@@ -0,0 +1 @@
+{"root":["./src/main.ts","./src/function/base.ts","./src/function/connect.ts","./src/function/favicon.ts","./src/function/input.ts","./src/function/msg.ts","./src/function/notify.ts","./src/function/option.ts","./src/function/satori-model.ts","./src/function/satori.ts","./src/function/sender.ts","./src/function/tooltip.ts","./src/function/elements/information.ts","./src/function/elements/system.ts","./src/function/elements/vuecomp.ts","./src/function/model/emoji.ts","./src/function/model/img.ts","./src/function/model/msg-body.ts","./src/function/utils/apputil.ts","./src/function/utils/avatarutil.ts","./src/function/utils/backgroundutil.ts","./src/function/utils/linkviewutil.ts","./src/function/utils/localhistoryutil.ts","./src/function/utils/msgutil.ts","./src/function/utils/pinyin.ts","./src/function/utils/recordutil.ts","./src/function/utils/sessionutil.ts","./src/function/utils/systemutil.ts","./src/runtime/backend.ts","./src/state/auth.ts","./src/state/chat.ts","./src/state/connection.ts","./src/state/contact.ts","./src/state/qzone.ts","./src/state/sessionhistory.ts","./src/state/settings.ts","./src/state/sticker.ts","./src/state/ui.ts","./env.d.ts"],"errors":true,"version":"5.9.3"}

package/client/web/vite.config.ts

@@ -0,0 +1,33 @@
+import { fileURLToPath } from 'node:url'
+import { resolve } from 'node:path'
+import vue from '@vitejs/plugin-vue'
+import ViteYaml from '@modyfi/vite-plugin-yaml'
+import { defineConfig } from 'vite'
+
+const webRoot = fileURLToPath(new URL('.', import.meta.url))
+
+export default defineConfig({
+  root: webRoot,
+  base: './',
+  plugins: [vue(), ViteYaml()],
+  server: {
+    port: 5174,
+    strictPort: true,
+    proxy: {
+      '/satori': {
+        target: 'http://127.0.0.1:5140',
+        changeOrigin: true,
+        ws: true,
+      },
+      '/chat-patch': {
+        target: 'http://127.0.0.1:5140',
+        changeOrigin: true,
+      },
+    },
+  },
+  build: {
+    outDir: resolve(webRoot, 'dist'),
+    emptyOutDir: true,
+    chunkSizeWarningLimit: 1500,
+  },
+})