koishi-plugin-chat-patch 3.0.2 → 5.0.0

package/client/web/public/bcui/js/main.js

@@ -0,0 +1,193 @@
+let fist_load = true
+
+function changeColor(type) {
+    if(!fist_load) {
+        // 启用颜色渐变动画
+        document.body.style.transition = 'background, color, background-color .3s'
+    } else {
+        fist_load = false
+    }
+    // 切换颜色
+    let match_list = ['color-.*\.css', 'prism-.*\.css', 'append-.*\.css']
+    const css_list = document.getElementsByTagName("link")
+    for(let i=0; i<css_list.length; i++) {
+        name = css_list[i].href
+        match_list.forEach(function (value) {
+            if(name.match(value) != null) {
+                const newLink = document.createElement("link");
+                newLink.setAttribute("rel", "stylesheet");
+                newLink.setAttribute("type", "text/css");
+                if(type === "dark") {
+                    newLink.setAttribute("href", name.replace('light', 'dark'));
+                } else {
+                    newLink.setAttribute("href", name.replace('dark', 'light'));
+                }
+                document.getElementsByTagName("head").item(0).replaceChild(newLink, css_list[i]);
+            }
+        })
+    }
+}
+
+function foldChange(sender) {
+    const svg = sender.getElementsByTagName('svg');
+    if(svg[0].style.transform === 'rotate(-90deg)') {
+        svg[0].style.transform = 'rotate(90deg)'
+        animateScroll(sender, 40)
+    } else {
+        svg[0].style.transform = 'rotate(-90deg)'
+    }
+}
+
+function animateScroll(element, speed) {
+    let rect=element.getBoundingClientRect()
+    let top=window.pageYOffset+rect.top
+    let currentTop=document.documentElement.scrollTop
+    let requestId
+    function step(timestamp) {
+        currentTop+=speed
+        if(currentTop<=top){
+            window.scrollTo(0,currentTop)
+            requestId=window.requestAnimationFrame(step)
+        }else{
+            window.cancelAnimationFrame(requestId)
+        }
+    }
+    window.requestAnimationFrame(step)
+}
+
+function scrollDiv(sender) {
+    const par_body = sender.parentNode
+    const line = par_body.getElementsByClassName('scroll-top')[0];
+    if(sender.scrollTop === 0) {
+        line.style.display = 'none'
+    } else {
+        line.style.display = 'block'
+    }
+}
+
+function getQueryVariable(variable) {
+    const query = window.location.search.substring(1);
+    const vars = query.split("&");
+    for (let i=0; i<vars.length; i++) {
+        const pair = vars[i].split("=");
+        if(pair[0] === variable){
+            return pair[1]
+        }
+    }
+    return false
+}
+
+function initCodeInput(body, fun, regex) {
+    // 初始化输入框
+    if(body.classList.toString().indexOf('ss-code-input') >= 0) {
+        // 初始化 label onclick 事件
+        body.onclick = function () { codeInputAllow(body) }
+        // 初始化主输入框
+        const input = body.getElementsByTagName('input')[0]
+        input.oninput = function() { codeInputChanged(body, fun, regex) }
+        input.onblur = function() { codeInputNoAllow(body) }
+        input.dataset.typeing = "false"
+        input.addEventListener('compositionstart',function(e){ input.dataset.typeing = "true" }, false)
+        input.addEventListener('compositionend',function(e){ input.dataset.typeing = "false"; }, false)
+        if(input !== undefined) {
+            // 添加显示输入框
+            for(var i=0; i<body.dataset.num; i++) {
+                // 构建
+                let inputShow = document.createElement("input")
+                inputShow.onclick = function () { codeInputAllow(body) }
+                inputShow.dataset.id = (i+1).toString()
+                inputShow.disabled = true
+                // 添加
+                body.appendChild(inputShow)
+            }
+        }
+    }
+}
+
+function codeInputAllow(body) {
+    // 输入框 label 点击事件
+    const inputs = body.getElementsByTagName('input')
+    inputs[0].focus()
+    codeInputChanged(body)
+}
+
+function codeInputNoAllow(body) {
+    const inputs = body.getElementsByTagName('input')
+    for(let i=1; i<inputs.length; i++) {
+        inputs[i].classList = ""
+    }
+}
+
+function codeInputChanged(body, fun, regex) {
+    // 主输入框变化事件
+    const inputs = body.getElementsByTagName('input')
+    if(inputs !== undefined && inputs.length > 1 && inputs[0].dataset.typeing === "false") {
+        if(regex === undefined) {
+            regex = ""
+        }
+        if(inputs[0].dataset.up === "true") {
+            inputs[0].value = inputs[0].value.toUpperCase()
+        }
+        // 变更输入框内容
+        for(let i=1; i<inputs.length; i++) {
+            inputs[i].value = ""
+        }
+        for(let i=0; i<inputs[0].value.length; i++) {
+            // 检查正则表达式
+            const reg = new RegExp(regex)
+            if(reg.test(inputs[0].value.substring(i, i+1))) {
+                if(i < inputs.length - 2) {
+                    inputs[i+1].classList = ""
+                    inputs[i+1].value = inputs[0].value.substring(i, i+1)
+                    if(i + 2 < inputs.length) {
+                        inputs[i+2].classList = "ss-code-input-selete"
+                    }
+                    if(i + 3 < inputs.length) {
+                        inputs[i+3].classList = ""
+                    }
+                } else if( i == inputs.length - 2) {
+                    inputs[i+1].value = inputs[0].value.substring(i, i+1)
+                    if(fun !== undefined) {
+                        // 触发函数
+                        inputs[0].disabled = true
+                        // 完成部分动画
+                        setTimeout(() => {
+                            fun()
+                        }, 300)
+                    }
+                }
+            } else {
+                inputs[0].value = inputs[0].value.substring(0, inputs[0].value.length - 1)
+                inputs[i+1].classList = "ss-code-input-selete ss-code-input-err"
+                setTimeout(() => {
+                    inputs[i+1].classList = "ss-code-input-selete"
+                }, 500)
+            }
+        }
+        if(inputs[0].value.length == 0) {
+            inputs[1].classList = "ss-code-input-selete"
+            inputs[2].classList = ""
+        }
+        // 防止光标不在最后
+        inputs[0].setSelectionRange(inputs[0].value.length, inputs[0].value.length)
+    }
+}
+
+function getCodeInput(body) {
+    if(body.classList.toString().indexOf('ss-code-input') >= 0) {
+        const inputs = body.getElementsByTagName('input')
+        return inputs[0].value.substring(0, inputs.length - 1)
+    }
+}
+
+function cleanCodeInput(body) {
+    if(body.classList.toString().indexOf('ss-code-input') >= 0) {
+        const inputs = body.getElementsByTagName('input')
+        inputs[0].value = ""
+        inputs[0].disabled = false
+        for(let i=1; i<inputs.length; i++) {
+            inputs[i].classList = ""
+        }
+        codeInputChanged(body)
+    }
+}

package/client/web/public/css/append-dark.css

@@ -0,0 +1,13 @@
+:root {
+    --color-blue: #6291fd;
+    --color-green: #6cd892;
+    --color-red: #f56269;
+    --color-yellow: #f6c344;
+
+    --color-bg-blue: #393e47;
+    --color-bg-green: #3f544a;
+    --color-bg-red: #523a3c;
+    --color-bg-yellow: #504b3d;
+
+    --color-issue-close: #a47ff1;
+}

package/client/web/public/css/append-light.css

@@ -0,0 +1,13 @@
+:root {
+    --color-blue: #316cf4;
+    --color-green: #408558;
+    --color-red: #cb444a;
+    --color-yellow: #d68100;
+
+    --color-bg-blue: #d3e1fc;
+    --color-bg-green: #d5e6de;
+    --color-bg-red: #f3d8da;
+    --color-bg-yellow: #fdf3d1;
+
+    --color-issue-close: #8059d9;
+}

package/client/web/public/css/append-napcat-dark.css

@@ -0,0 +1,14 @@
+:root {
+    --heroui-background: 0 0% 0%;
+    --tw-bg-opacity: 1;
+
+    --color-main: #142342;
+    --color-main-0: #142342;
+    --color-font-r: var(--color-font);
+    --color-font-1-r: var(--color-font-1);
+
+    --color-bg: hsl(var(--heroui-background) / var(--heroui-background-opacity, var(--tw-bg-opacity)));
+    --color-card: hsl(var(--heroui-background) / var(--heroui-background-opacity, var(--tw-bg-opacity)));
+    --color-card-1: hsl(var(--heroui-background) / var(--heroui-background-opacity, var(--tw-bg-opacity)));
+    --color-card-2: hsl(var(--heroui-background) / var(--heroui-background-opacity, var(--tw-bg-opacity)));
+}

package/client/web/public/css/append-napcat-light.css

@@ -0,0 +1,14 @@
+:root {
+    --heroui-background: 0 0% 100%;
+    --tw-bg-opacity: .5 !important;
+
+    --color-main: #c8dafb;
+    --color-main-0: #c8dafb;
+    --color-font-r: var(--color-font);
+    --color-font-1-r: var(--color-font-1);
+
+    --color-bg: hsl(var(--heroui-background) / var(--heroui-background-opacity, var(--tw-bg-opacity)));
+    --color-card: hsl(var(--heroui-background) / var(--heroui-background-opacity, var(--tw-bg-opacity)));
+    --color-card-1: hsl(var(--heroui-background) / var(--heroui-background-opacity, var(--tw-bg-opacity)));
+    --color-card-2: hsl(var(--heroui-background) / var(--heroui-background-opacity, var(--tw-bg-opacity)));
+}

package/client/web/public/img/icons/icon.svg

@@ -0,0 +1,10 @@
+<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="#606E7A"/>
+<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="#F8F9FA"/>
+<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="#F8F9FA"/>
+<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="#F8F9FA"/>
+<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="#F8F9FA"/>
+<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="#F8F9FA"/>
+<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="#E9EBED"/>
+<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="#E9EBED"/>
+</svg>

package/client/web/public/robots.txt

@@ -0,0 +1,2 @@
+User-agent: *
+Disallow:

package/client/web/public/sw.js

@@ -0,0 +1,58 @@
+/**
+ * 本文件由 Copilot 生成，sw 配置实在是太难写了 😭
+ */
+
+const CACHE_NAME = 'qlogo-cache-v1'
+// const CACHE_DURATION = 1000;
+const CACHE_DURATION = 3 * 24 * 60 * 60 * 1000
+
+self.addEventListener('install', (event) => {
+    // 跳过等待，立即激活
+    self.skipWaiting()
+})
+
+self.addEventListener('activate', (event) => {
+    // 清理旧缓存
+    event.waitUntil(
+        caches.keys().then((cacheNames) => {
+            return Promise.all(
+                cacheNames.map((cacheName) => {
+                    if (cacheName !== CACHE_NAME) {
+                        return caches.delete(cacheName)
+                    }
+                }),
+            )
+        }),
+    )
+})
+
+self.addEventListener('fetch', (event) => {
+    const url = new URL(event.request.url)
+
+    // sw.js 本身的请求不缓存
+    if (url.pathname === '/sw.js') {
+        return
+    }
+
+    if (url.hostname === 'q1.qlogo.cn') {
+        // 对于 QQ 头像的请求，缓存三天
+        event.respondWith(
+            caches.open(CACHE_NAME).then((cache) => {
+                return cache.match(event.request).then((response) => {
+                    if (response) {
+                        return response
+                    }
+
+                    return fetch(event.request).then((response) => {
+                        const responseClone = response.clone()
+                        cache.put(event.request, responseClone)
+                        return response
+                    })
+                })
+            }),
+        )
+    } else {
+        // 对于其他请求，采用默认的网络优先策略
+        event.respondWith(fetch(event.request))
+    }
+})

package/client/web/scripts/copy-bcui.mjs

@@ -0,0 +1,17 @@
+import { copyFile, mkdir } from 'node:fs/promises'
+import { dirname, resolve } from 'node:path'
+import { fileURLToPath } from 'node:url'
+
+const root = resolve(dirname(fileURLToPath(import.meta.url)), '..')
+const source = resolve(root, 'node_modules/vue3-bcui/dist')
+const target = resolve(root, 'public/bcui')
+
+await mkdir(resolve(target, 'css'), { recursive: true })
+await mkdir(resolve(target, 'js'), { recursive: true })
+
+await Promise.all([
+  copyFile(resolve(source, 'css/style.css'), resolve(target, 'css/style.css')),
+  copyFile(resolve(source, 'css/color-light.css'), resolve(target, 'css/color-light.css')),
+  copyFile(resolve(source, 'css/color-dark.css'), resolve(target, 'css/color-dark.css')),
+  copyFile(resolve(source, 'js/main.js'), resolve(target, 'js/main.js')),
+])