☰

Coze Bot Style for App

Let Coze Bot Style of App better!

当前为 2024-06-20 提交的版本，查看 最新版本。

// ==UserScript==
// @name         Coze Bot Style for App
// @namespace    https://www.velhlkj.com/
// @version      1.1.3
// @description  Let Coze Bot Style of App better!
// @author       Velade
// @match        https://www.coze.com/store/bot/*
// @icon         data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==
// @grant        none
// @run-at       document-body
// @license      Apache 2.0
// ==/UserScript==

(function() {
    'use strict';

    const style = document.createElement('style');
    style.textContent = `
                    /*官方阴影*/
                    .ULoOs2TMkJkb2BgT_MKa {
                        display: none !important;
                    }
                    /*新对话按钮*/
                    .NyvVfPwFXFYvQFyXUtTl {
                        padding-left: 0 !important;
                    }
                    /*标题列*/
                    .nZxnu8KzOis7qKnDx66E {
                        position: fixed !important;
                        top: 5px !important;
                        right: 5px !important;
                        width: 80px !important;
                        height: 40px !important;
                        filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.5)) !important;
                    }

                    .nZxnu8KzOis7qKnDx66E > div:first-child {
                        display: none !important;
                    }

                    .nZxnu8KzOis7qKnDx66E > div:nth-child(2) > div:nth-child(2){
                        display: none !important;
                    }
                    /*对话区域主体*/
                    .O4fwdEnt3QgzBjrYtohO {
                        -webkit-mask: linear-gradient(180deg,hsla(0,0%,100%,0) 5px, #fff calc(8.11% + 5px), #fff 91.89%, hsla(0,0%,100%,0)) !important;
                        mask: linear-gradient(180deg,hsla(0,0%,100%,0) 5px, #fff calc(8.11% + 5px), #fff 91.89%, hsla(0,0%,100%,0)) !important;
                    }
                    /*底部声明：改为导航栏占位*/
                    .pStAbHgTdAlDVUlpMOGP {
                        opacity: 0 !important;
                        height: 5px !important;
                    }
                    .pStAbHgTdAlDVUlpMOGP > span {
                        display: none;
                    }
                    /*斜体样式*/
                    .flow-markdown-body em:not(.vel-em-action, .vel-em-other){
                        display: none !important;
                    }
                    .flow-markdown-body em.vel-em-action {
                        display: block !important;
                        clear: both !important;
                        color: #FF69B4 !important;
                        font-style: normal !important;
                    }
                    .flow-markdown-body em.vel-em-other {
                        display: inline-block !important;
                        clear: none !important;
                        color: #FF69B4 !important;
                        font-style: normal !important;
                    }
    `;
    document.head.appendChild(style);

    let timer = new Map();

    let observer = new MutationObserver(mutations=>{
        mutations.forEach(mutation=>{
            if(mutation.type === 'childList' || mutation.type === "characterData"){
                mutation.addedNodes.forEach(node=>{
                   PostProc(node);
                })
            }
        })
    });
    // 后处理
    function PostProc(node, delay = 50) {
        if(timer.has(node)) {
            clearTimeout(timer.get(node));
            timer.delete(node);
        }
        timer.set(node, setTimeout((node)=>{
            if(!node.querySelectorAll) return;
            if(node.tagName.toLowerCase() == "em") {
                    if(node.matches(".vel-em-action") || node.matches(".vel-em-other")) return;
                    if(node.textContent.match(/^[\(（].+?[\)）]$/)) {
                        const em = document.createElement("em");
                        em.textContent = node.textContent.replaceAll(/[\(\)（）]/g,"");
                        em.classList.add("vel-em-action");
                        node.after(em);
                    }
                    else node.classList.add("vel-em-other");
            }else if(node.matches(".math-inline")){
                if(node.parentElement.querySelector(".vel-em-action")) return;
                const em = document.createElement("em");
                em.textContent = node.textContent.replaceAll(/[\(\)（）]/g,"");
                em.classList.add("vel-em-action");
                node.parentElement.classList.remove("vel-em-other");
                node.parentElement.after(em);
            }else{
                node.querySelectorAll(`em:not(.vel-em-action, .vel-em-other)`).forEach(n=>{
                    if(n.textContent.match(/^[\(（].+?[\)）]$/)) {
                        if(n.parentElement.querySelector(".vel-em-action")) return;
                        const em = document.createElement("em");
                        em.textContent = n.textContent.replaceAll(/[\(\)（）]/g,"");
                        em.classList.add("vel-em-action");
                        n.after(em);
                    }
                    else n.classList.add("vel-em-other");
                })
            }
        },delay,node))
    }
    const config = { childList: true, subtree: true,characterData: true };
    const targetNode = document.body;
    observer.observe(targetNode, config);
})();