koishi-plugin-chat-patch 3.0.2 → 5.0.0

package/client/web/src/function/utils/avatarUtil.ts

@@ -0,0 +1,31 @@
+const QQ_GROUP_AVATAR_PLATFORMS = new Set([
+    'onebot',
+    'red',
+    'napcat',
+    'milky',
+    'llonebot',
+    'llob',
+])
+
+// 仅用于白名单平台的 QQ 群头像，不能用于用户头像
+export function buildQqGroupAvatar(
+    platform: string,
+    groupId: string | number,
+    size: number = 0,
+): string {
+    const platformName = String(platform).toLowerCase().trim()
+    if (!QQ_GROUP_AVATAR_PLATFORMS.has(platformName)) return ''
+    const rawId = String(groupId)
+        .replace(/^(?:group|room|chat|channel|guild):/i, '')
+        .replace(/^\[_?([\s\S]+?)_?\]$/, '$1')
+        .trim()
+    if (!/^\d+$/.test(rawId)) return ''
+    const safeSize = size === 100 || size === 640 ? size : 0
+    return `https://p.qlogo.cn/gh/${rawId}/${rawId}/${safeSize}`
+}
+
+export function avatarError(event: Event) {
+    const img = event.target as HTMLImageElement
+    const fallback = new URL('/img/icons/icon.svg', location.origin).href
+    if (img.src !== fallback) img.src = fallback
+}

package/client/web/src/function/utils/backgroundUtil.ts

@@ -0,0 +1,110 @@
+import { backend } from '../../runtime/backend'
+import { ref } from 'vue'
+
+const objectUrls = new Map<string, string>()
+const backgroundUrlVersion = ref(0)
+const dbName = 'ssqq-local-assets'
+const dbVersion = 1
+const imageStoreName = 'images'
+const chatBackgroundKey = 'chat_background'
+const chatBackgroundUrl = `ssqq-background://${chatBackgroundKey}`
+
+export interface LocalImageInfo {
+    path: string
+    url?: string
+}
+
+export function getBackgroundImageUrl(
+    value: string | null | undefined,
+    _version = backgroundUrlVersion.value,
+) {
+    if (!value) return ''
+    if (value.startsWith('ssqq-background://')) {
+        return objectUrls.get(value) ?? ''
+    }
+    if (value.startsWith('data:') || value.startsWith('blob:') || value.startsWith('file:')) {
+        return value
+    }
+    if (backend.type === 'tauri') {
+        return objectUrls.get(value) ?? value
+    }
+    return value
+}
+
+export function toBackgroundImageStyle(value: string | null | undefined) {
+    const url = getBackgroundImageUrl(value)
+    return url ? `url("${url.replaceAll('\\', '\\\\').replaceAll('"', '\\"')}")` : ''
+}
+
+export async function resolveLocalImageUrl(image: LocalImageInfo) {
+    if (backend.type === 'tauri') {
+        const { convertFileSrc } = await import('@tauri-apps/api/core')
+        const url = convertFileSrc(image.path)
+        objectUrls.set(image.path, url)
+        return url
+    }
+    return image.url ?? image.path
+}
+
+export function rememberLocalImageUrl(path: string, url: string) {
+    objectUrls.set(path, url)
+    backgroundUrlVersion.value += 1
+}
+
+export async function saveBrowserBackgroundImage(file: Blob) {
+    const db = await openAssetDb()
+    await putImageBlob(db, chatBackgroundKey, file)
+    return chatBackgroundUrl
+}
+
+export async function migrateInlineBackgroundImage(value: string | null | undefined) {
+    if (!value?.startsWith('data:image')) return null
+    const response = await fetch(value)
+    const blob = await response.blob()
+    const backgroundUrl = await saveBrowserBackgroundImage(blob)
+    rememberLocalImageUrl(backgroundUrl, URL.createObjectURL(blob))
+    return backgroundUrl
+}
+
+export async function hydrateBackgroundImage(value: string | null | undefined) {
+    if (!value?.startsWith('ssqq-background://') || objectUrls.has(value)) {
+        return
+    }
+    const db = await openAssetDb()
+    const blob = await getImageBlob(db, chatBackgroundKey)
+    if (!blob) return
+    const url = URL.createObjectURL(blob)
+    rememberLocalImageUrl(value, url)
+}
+
+function openAssetDb() {
+    return new Promise<IDBDatabase>((resolve, reject) => {
+        const request = indexedDB.open(dbName, dbVersion)
+        request.onupgradeneeded = () => {
+            const db = request.result
+            if (!db.objectStoreNames.contains(imageStoreName)) {
+                db.createObjectStore(imageStoreName)
+            }
+        }
+        request.onsuccess = () => resolve(request.result)
+        request.onerror = () => reject(request.error)
+    })
+}
+
+function putImageBlob(db: IDBDatabase, key: string, file: Blob) {
+    return new Promise<void>((resolve, reject) => {
+        const transaction = db.transaction(imageStoreName, 'readwrite')
+        transaction.objectStore(imageStoreName).put(file, key)
+        transaction.oncomplete = () => resolve()
+        transaction.onerror = () => reject(transaction.error)
+    })
+}
+
+function getImageBlob(db: IDBDatabase, key: string) {
+    return new Promise<Blob | undefined>((resolve, reject) => {
+        const transaction = db.transaction(imageStoreName, 'readonly')
+        const request = transaction.objectStore(imageStoreName).get(key)
+        request.onsuccess = () => resolve(request.result)
+        request.onerror = () => reject(request.error)
+    })
+}

package/client/web/src/function/utils/linkViewUtil.ts

@@ -0,0 +1,101 @@
+import { backend } from '../../runtime/backend'
+import { Logger } from '../base'
+import { getApi, getForegroundToneGridFromImageUrl } from './systemUtil'
+import jp from 'jsonpath'
+
+export const linkView = {
+    async bilibili(url: string) {
+        const logger = new Logger()
+
+        const combinedQuantity = (numObj: any) => {
+            try {
+                const num = Number(numObj)
+                // 如果数量大于一万，返回为 xx 万
+                if(num / 10000 >= 1) {
+                    return (num / 10000).toFixed(1) + ' w'
+                } else if(num / 1000 >= 1) {
+                    return (num / 1000).toFixed(1) + ' k'
+                } else {
+                    return num.toString()
+                }
+            } catch (_) {
+                return numObj
+            }
+        }
+
+        const previewAPI = 'https://api.bilibili.com/x/web-interface/wbi/view?bvid='
+        const match = url.match(/bilibili.com\/video\/(BV[0-9a-zA-Z]+)/)
+        if (match) {
+            const bvid = match[1]
+            logger.info(`[linkView] 获取到 bilibili 链接：${bvid}`)
+            const data = await getApi(previewAPI + bvid)
+            if (data && data.code === 0) {
+                logger.info(`[linkView] 预览 bilibili 链接成功：${data.data.title}`)
+                const stat = data.data.stat
+                Object.keys(stat).forEach((key) => {
+                    stat[key] = combinedQuantity(stat[key])
+                })
+                return {
+                    type: 'bilibili',
+                    sub_type: 'video',
+                    url: url,
+                    data: {
+                        title: data.data.title,
+                        desc: data.data.desc,
+                        pic: data.data.pic,
+                        public: data.data.pubdate,
+                        owner: data.data.owner,
+                        stat: stat
+                    }
+                }
+            }
+        }
+        return null
+    },
+
+    async music163(url: string) {
+        const logger = new Logger()
+
+        const urlObj = new URL(url)
+        const params = new URLSearchParams(urlObj.search)
+        const id = params.get('id')
+        if(id != null) {
+            logger.info(`[linkView] 获取获取网易云音乐歌曲 ID：${id}`)
+            const baseUrl = import.meta.env.VITE_APP_163_MUSIC_API
+            try {
+                const responseDetail = await getApi(baseUrl + '/song/detail?ids=' + id)
+                const responseUrl = await getApi(baseUrl + '/song/url?id=' + id)
+
+                const getData = {
+                    detail: responseDetail,
+                    url: responseUrl,
+                }
+                const colorInfo = await getForegroundToneGridFromImageUrl(backend.proxyUrl(jp.query(getData['detail'], '$..al.picUrl')[0]), 0.4)
+                const finalData = {
+                    type: 'music163',
+                    sub_type: 'song',
+                    data: {
+                        id: id,
+                        play_link: jp.query(getData['url'], '$..url')[0],
+                        cover: jp.query(getData['detail'], '$..al.picUrl')[0],
+                        cover_light: colorInfo[1][1] == 'light',
+                        info: {
+                            name: jp.query(getData['detail'], '$..name')[0],
+                            author: jp.query(getData['detail'], '$..ar[*].name'),
+                            time: jp.query(getData['detail'], '$..dt')[0] / 1000,
+                            free: jp.query(getData['url'], '$..freeTrialInfo')[0] != null ? {
+                                start: jp.query(getData['url'], '$..freeTrialInfo')[0].start,
+                                end: jp.query(getData['url'], '$..freeTrialInfo')[0].end,
+                            } : null
+                        }
+                    }
+                }
+                logger.info('[linkView] 预览网易云音乐成功')
+                return finalData
+            } catch (error) {
+                logger.error(error as Error, '[linkView] 预览网易云音乐失败')
+            }
+        }
+        return null
+    }
+}