⚡️1.在对话中增加导出Markdown功能（仅文本）;</br> ⚡️2.在个人空间中Coze Bots增加以用户模式启动的按钮（需要先publish才能有用户模式）;</br>⚡️3.开发模式的对话窗口宽度可调；</br>⚡️4、开发模式中合并提示词和功能配置为一列。</br>
当前为
// ==UserScript==
// @name Coze Better & Export MD
// @name:en Coze Better & Export MD
// @namespace http://tampermonkey.net/
// @version 0.3.1
// @description ⚡️1.在对话中增加导出Markdown功能（仅文本）;</br> ⚡️2.在个人空间中Coze Bots增加以用户模式启动的按钮（需要先publish才能有用户模式）;</br>⚡️3.开发模式的对话窗口宽度可调；</br>⚡️4、开发模式中合并提示词和功能配置为一列。</br>
// @description:en ⚡️1. Add a Markdown export feature (for text only) in the conversation; ⚡️2. In the personal space, add a button to launch Coze Bots in user mode (user mode is available only after publishing); ⚡️3. Adjustable width for the dialog window in development mode; ⚡️4. Merge prompt words and function configuration into one column in development mode.
// @author You
// @match https://www.coze.com/*
// @icon https://www.google.com/s2/favicons?sz=64&domain=coze.com
// @grant GM_addStyle
// @license AGPL-v3.0
// ==/UserScript==
GM_addStyle(
`
.bot-user-mode-div {
margin: -10px 10px;
direction: rtl;
}
.bot-user-mode-btn {
box-shadow: 1px 1px 3px 1px #0005;
text-decoration: none;
}
.bot-need-publish-btn {
background: #08B;
}
`
);
/**
* 在Space添加以用户模式打开的按钮
*/
function UserModeFunc() {
function addBtnLoop() {
if( document.querySelector("#root section > section > main div.semi-spin-children > div > a[data-testid][href*='/bot/']") != null ) {
document.querySelectorAll("#root section > section > main div.semi-spin-children > div > a[data-testid][href*='/bot/']").forEach(function(item) {
if( item.href.match(/\/space\/.*\/bot\/.*/i) ) {
let editLink = item.href;
if (item.querySelector("div.bot-user-mode-div") == null) {
if (item.querySelector("svg.icon-icon.coz-fg-hglt-green")) { // 已发布的，可进入用户模式打开
const userLink = editLink.replace(/\/space\/.*(\/bot\/.*)/, "/store$1?bot_id=true");
let btn_user = document.createElement('div');
item.append(btn_user);
btn_user.className = "bot-user-mode-div"
btn_user.innerHTML = `<a class="semi-button semi-button-primary bot-user-mode-btn" href="${userLink}" target="_blank">Open in User Mode</a>`;
btn_user.addEventListener('click', function(event) {
event.stopPropagation();
});
} else { // 未发布的，可进入发布页
const publLink = editLink+"/publish";
let btn_publ = document.createElement('div');
item.append(btn_publ);
btn_publ.className = "bot-user-mode-div"
btn_publ.innerHTML = `<a class="semi-button semi-button-primary bot-user-mode-btn bot-need-publish-btn" href="${publLink}" target="_blank">Publish</a>`;
btn_publ.addEventListener('click', function(event) {
event.stopPropagation();
});
}
}
}
});
setTimeout(addBtnLoop, 1000);
} else {
setTimeout(addBtnLoop, 800);
}
}
// 启动循环
addBtnLoop();
}
/**
* 将对话内容转换为 Markdown 格式，并提供复制和导出功能
*/
function ExportMDFunc(){
function convertToMarkdown(html) {
// 首先使用正则表达式进行简单的标签替换
let markdown = html
.replace(/<b>(.*?)<\/b>/gi, '**$1**')
.replace(/<i>(.*?)<\/i>/gi, '*$1*')
.replace(/<strong>(.*?)<\/strong>/gi, '**$1**')
.replace(/<em>(.*?)<\/em>/gi, '*$1*')
.replace(/<h1.*?>(.*?)<\/h1>/gi, '# $1\n')
.replace(/<h2.*?>(.*?)<\/h2>/gi, '## $1\n')
.replace(/<h3.*?>(.*?)<\/h3>/gi, '### $1\n')
.replace(/<h4.*?>(.*?)<\/h3>/gi, '#### $1\n')
.replace(/<h5.*?>(.*?)<\/h3>/gi, '##### $1\n')
.replace(/<p>(.*?)<\/p>/gi, '$1\n\n')
.replace(/<br\s*\/?>/gi, '\n')
.replace(/<a href="(.*?)">(.*?)<\/a>/gi, '[$2]($1)')
.replace(/<code>(.*?)<\/code>/gi, '`$1`');
// 使用DOM解析处理更复杂的标签和结构
const parser = new DOMParser();
const doc = parser.parseFromString(markdown, 'text/html');
// 处理列表嵌套
function countParents(node) {
let depth = 0;
while (node.parentNode) {
node = node.parentNode;
if(node.tagName){
if (node.tagName.toUpperCase() === 'UL' || node.tagName.toUpperCase() === 'OL') {
depth++;
}
}
}
return depth;
}
// 处理列表
function processList(element) {
let md = '';
let depth = countParents(element);
let index = null;
if (element.tagName.toUpperCase() === 'OL'){
index = 1;
}
element.childNodes.forEach(node => {
if (node.tagName && node.tagName.toLowerCase() === 'li') {
if(index != null) {
md += '<span> </span>'.repeat(depth*2) + `${index++}\. ${node.textContent.trim()}\n`;
} else {
md += '<span> </span>'.repeat(depth*2) + `- ${node.textContent.trim()}\n`;
}
}
});
return md;
}
let listsArray = Array.from( doc.querySelectorAll('ol, ul'));
listsArray.reverse();
listsArray.forEach(list => {
list.outerHTML = processList(list);
});
// 文件框处理
doc.querySelectorAll("div.chat-uikit-multi-modal-file-image-content").forEach(multifile => {
multifile.innerHTML = multifile.innerHTML
.replace(/<span class="chat-uikit-file-card__info__size">(.*?)<\/span>/gi, '\n$1');
multifile.innerHTML = `\n\`\`\`file\n${multifile.textContent}\n\`\`\`\n`;
});
// 处理代码块
doc.querySelectorAll("div[class^=code-block] > div[class^=code-area]").forEach(codearea => {
let header = codearea.querySelector("div[class^=header] > div[class^=text]");
let language = header.textContent;
header.remove();
codearea.outerHTML = `\n\`\`\`${language}\n${codearea.textContent}\n\`\`\`\n`;
});
// 获取最终Markdown文本
markdown = doc.body.innerText ||doc.body.textContent;
return markdown.replaceAll(":", "\\:");;
}
function GetDialogContent() {
let markdownContent = '';
let chats = document.querySelectorAll('div[data-scroll-element="scrollable"] div.chat-uikit-message-box-container__message__message-box div.chat-uikit-message-box-container__message__message-box__content');
// 按倒序遍历chats
Array.from(chats).reverse().forEach(function(chat) {
let ask = chat.querySelector("div.chat-uikit-message-box-inner--primary");
let htmlContent = chat.innerHTML;
let chatMarkdown = convertToMarkdown(htmlContent);
if (ask) {
markdownContent += "\n******\n## Ask: \n"+ chatMarkdown + '\n\n';
} else {
markdownContent += "## Anser: \n"+ chatMarkdown + '\n\n';
}
});
return markdownContent;
}
function CopyDialogContent() {
const mdContent = GetDialogContent();
navigator.clipboard.writeText(mdContent).then(function() {
console.log('Markdown content copied to clipboard!');
}).catch(function(err) {
console.error('Could not copy text: ', err);
});
}
function ExportDialogContent() {
let fileContent = GetDialogContent();
let blob = new Blob([fileContent], {type: 'text/plain;charset=utf-8'});
let fileUrl = URL.createObjectURL(blob);
let tempLink = document.createElement('a');
tempLink.href = fileUrl;
let fileTitle = document.title + "_DialogExport.md"
tempLink.setAttribute('download', fileTitle);
tempLink.style.display = 'none';
document.body.appendChild(tempLink);
tempLink.click();
document.body.removeChild(tempLink);
URL.revokeObjectURL(fileUrl);
'export_dialog_to_md_button'
}
function MDaddBtnLoop() {
if( document.querySelector("#copy_dialog_to_md_button") ==null ) {
var lhead = document.querySelector("div[class*=semi-col]:last-child > div[class*=semi-space]") ||
document.querySelector("div.flex.items-center.gap-5.h-6") ||
document.querySelector("div.sidesheet-container > :last-child .semi-sidesheet-body > div > div > div >div > div:last-child> div:last-child")||
document.querySelector("div.sidesheet-container > :last-child > :first-child > :first-child > :first-child > :last-child");
const md_icon = '<svg xmlns="http://www.w3.org/2000/svg" style="height:15px; fill:#fff; display:inline;" viewBox="0 0 800 512"><path d="M593.8 59.1H46.2C20.7 59.1 0 79.8 0 105.2v301.5c0 25.5 20.7 46.2 46.2 46.2h547.7c25.5 0 46.2-20.7 46.1-46.1V105.2c0-25.4-20.7-46.1-46.2-46.1zM338.5 360.6H277v-120l-61.5 76.9-61.5-76.9v120H92.3V151.4h61.5l61.5 76.9 61.5-76.9h61.5v209.2zm135.3 3.1L381.5 256H443V151.4h61.5V256H566z"/></svg>'
if (lhead) {
var btn_cp = document.createElement('button');
lhead.insertBefore(btn_cp, lhead.firstChild);
btn_cp.className ="semi-button semi-button-primary";
btn_cp.id = 'copy_dialog_to_md_button';
btn_cp.onclick = CopyDialogContent;
btn_cp.style = "margin: 0px 5px;";
btn_cp.innerHTML = md_icon + 'Copy';
var btn_dl = document.createElement('button');
lhead.insertBefore(btn_dl, lhead.firstChild);
btn_dl.className ="semi-button semi-button-primary";
btn_dl.id = 'export_dialog_to_md_button';
btn_dl.onclick = ExportDialogContent;
btn_dl.style = "margin: 0px 5px;";
btn_dl.innerHTML = md_icon + 'Download';
setTimeout(MDaddBtnLoop, 5000);
}
}
setTimeout(MDaddBtnLoop, 2000);
}
// 启动循环
MDaddBtnLoop();
}
function WiderDialog() {
var style = document.createElement('style');
style.type = 'text/css';
style.innerHTML = `
div[data-scroll-element="scrollable"] > div.message-group-wrapper >div {
width: 95% !important;
}
`
document.head.appendChild(style);
}
// 开发界面从3列改成2列
function DevelopUI_2Cols() {
var style = document.createElement('style');
style.type = 'text/css';
style.innerHTML = `
.sidesheet-container > :first-child > :last-child {
display: flex !important;
flex-direction: column !important;
}
.sidesheet-container > :first-child > :last-child > :first-child {
height: 30% !important;
}
.sidesheet-container > :first-child > :last-child > :first-child.semi-sidesheet {
height: 80% !important;
}
.sidesheet-container > :first-child > :last-child > :first-child > :first-child {
padding-bottom: 5px !important;
}
.sidesheet-container > :first-child {
min-width: 420px;
}
.sidesheet-container > div.IoQhh3vVUhwDTJi9EIDK > div.arQAab07X2IRwAe6dqHV > div.ZdYiacTEhcgSnacFo_ah > div > div.S6fvSlBc5DwOx925HTh1 {
padding: 1px 0px 0px 20px;
}
textarea[data-testid="prompt-text-area"] {
background:#FFFE;
}
`;
document.head.appendChild(style);
//对话窗口宽度可调
function makeResizable(target) {
console.log("makeResizable");
const handle = document.createElement('div');
handle.style = 'z-index:1000; position:absolute; left:0px; top:0px; bottom:0px; height:100%; width:8px; cursor:ew-resize; background:#aaa; border:3px outset;';
handle.id = "Resizable-Handle";
target.appendChild(handle);
handle.addEventListener('mousedown', function (evt) {
evt.preventDefault();
const startX = evt.clientX;
const startWidth = target.getBoundingClientRect().width;
const maxWidth = target.closest('.sidesheet-container').clientWidth - 420;
function onMouseMove(evt) {
let newWidth = startWidth - (evt.clientX - startX);
if (newWidth > maxWidth) newWidth = maxWidth; // 限制最大宽度
if (newWidth < 200) { newWidth = 200; } // 限制最小宽度
target.style.width = newWidth + 'px';
if(target.querySelector(".semi-sidesheet")) {
target.querySelector(".semi-sidesheet").style.width = newWidth + 'px';
}
if(target.closest('.sidesheet-container')) {
const percentage = newWidth / target.closest('.sidesheet-container').clientWidth * 100;
target.closest('.sidesheet-container').style.gridTemplateColumns = `auto ${percentage}% `;
}
}
function onMouseUp() {
document.removeEventListener('mousemove', onMouseMove);
document.removeEventListener('mouseup', onMouseUp);
}
document.addEventListener('mousemove', onMouseMove);
document.addEventListener('mouseup', onMouseUp);
});
}
function makeResizableLoop() {
const dialogDiv = document.querySelector('div.sidesheet-container > :last-child');
if (dialogDiv) {
const half_Width = window.innerWidth / 2 + "px";
dialogDiv.style.width = half_Width;
if(dialogDiv.querySelector(".semi-sidesheet")){
dialogDiv.querySelector(".semi-sidesheet").style.width = half_Width;
}
makeResizable(dialogDiv);
//点击对话展开按钮处理
dialogDiv.querySelector("span.semi-icon").parentElement.addEventListener('click', (event) => {
dialogDiv.querySelector("#Resizable-Handle").style.display="none";
setTimeout(function(){
dialogDiv.style.width = dialogDiv.querySelector("div.semi-sidesheet").style.width;
dialogDiv.querySelector("#Resizable-Handle").style.display="";
}, 150);
});
//浏览器窗口调整的处理
window.addEventListener('resize', function() {
const half_Width = window.innerWidth /2 + "px";
dialogDiv.style.width = half_Width;
if(dialogDiv.querySelector(".semi-sidesheet")){
dialogDiv.querySelector(".semi-sidesheet").style.width = half_Width;
}
});
document.documentElement.style.minWidth="768px";
document.body.style.minWidth="768px";
} else {
setTimeout(makeResizableLoop, 800);
}
}
makeResizableLoop();
}
const space_url_match = /https:\/\/www\.coze\.com\/space\/.+\/bot$/;
const bot_url_match = /https:\/\/www\.coze\.com\/store\/bot\/.+/;
const dev_url_match = /https:\/\/www\.coze\.com\/space\/.+\/bot\/.+/;
var href_old = "";
function check_href_changed() {
if(href_old != location.href) {
href_old = location.href;
if (space_url_match.test(location.href)) {
console.log(">match: space_url");
UserModeFunc();
} else if (bot_url_match.test(location.href)) {
console.log(">match: bot_url");
ExportMDFunc();
WiderDialog();
} else if (dev_url_match.test(location.href)) {
console.log(">match: dev_url");
DevelopUI_2Cols();
ExportMDFunc();
}
}
setTimeout(check_href_changed, 500);
}
check_href_changed();