Let Coze Bot Style of App better!
目前為
// ==UserScript==
// @name Coze Bot Style for App
// @namespace https://www.velhlkj.com/
// @version 1.1.4
// @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.proced{
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 pendingNodes = new Array();
let timer = null;
let observer = new MutationObserver(mutations=>{
mutations.forEach(mutation=>{
if(mutation.type === 'childList' || mutation.type === "characterData"){
let newPush = false;
mutation.addedNodes.forEach((node)=>{
if(node.matches && (node.matches(".vel-em-action") || node.matches(".vel-em-other"))) return;
pendingNodes.push(node);
newPush = true;
})
if(newPush) PostProc();
}
})
});
// 后处理
function PostProc(delay = 50) {
if(timer) clearTimeout(timer);
timer = setTimeout(()=>{
const _pendingNodes = [...new Set(pendingNodes)];
let node;
while(node = _pendingNodes.shift()) {
if(!node.querySelectorAll) continue;
if((node.matches(".chat-uikit-message-box-inner") || node.closest(".chat-uikit-message-box-inner")) && node.textContent.match(/\*\([^\)]+?\)\*/)) {
node.innerHTML = node.innerHTML.replaceAll(/\*\(([^\)]+?)\)\*/g, `<em class="vel-em-action">$1</em>`);
}else if(node.tagName.toLowerCase() == "em") {
if(node.matches(".proced") || node.matches(".vel-em-action") || node.matches(".vel-em-other")) continue;
if(node.textContent.match(/^[\(（].+?[\)）]$/)) {
const em = document.createElement("em");
em.textContent = node.textContent.replaceAll(/[\(\)（）]/g,"");
em.classList.add("vel-em-action");
node.classList.add("proced");
node.after(em);
}
else node.classList.add("vel-em-other");
}else if(node.matches(".math-inline")){
if(node.parentElement.querySelector(".vel-em-action")) continue;
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.classList.add("proced");
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.classList.add("proced");
n.after(em);
}
else n.classList.add("vel-em-other");
})
}
}
}, delay);
}
const config = { childList: true, subtree: true,characterData: true };
const targetNode = document.body;
observer.observe(targetNode, config);
})();