☰

Coze Better & Export MD

⚡️1.在对话中增加导出Markdown功能（仅文本）; ⚡️2.在个人空间中Coze Bots增加以用户模式启动的按钮（需要先publish才能有用户模式）；⚡️3.开发模式的对话窗口宽度可调；⚡️4、开发模式中合并提示词和功能配置为一列。

目前为 2024-06-04 提交的版本。查看 最新版本。

// ==UserScript==
// @name         Coze Better & Export MD
// @name:en      Coze Better & Export MD
// @namespace    http://tampermonkey.net/
// @version      0.3.0
// @description  ⚡️1.在对话中增加导出Markdown功能（仅文本）; ⚡️2.在个人空间中Coze Bots增加以用户模式启动的按钮（需要先publish才能有用户模式）；⚡️3.开发模式的对话窗口宽度可调；⚡️4、开发模式中合并提示词和功能配置为一列。
// @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 conversation 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");

            if (lhead) {
                var btn_cp = document.createElement('button');
                lhead.insertBefore(btn_cp, lhead.firstChild);
                btn_cp.className ="semi-button semi-button-primary";
                btn_cp.textContent = 'Copy Dialog to MD';
                btn_cp.id = 'copy_dialog_to_md_button';
                btn_cp.onclick = CopyDialogContent;
                btn_cp.style = "margin: 0px 5px;";

                var btn_dl = document.createElement('button');
                lhead.insertBefore(btn_dl, lhead.firstChild);
                btn_dl.className ="semi-button semi-button-primary";
                btn_dl.textContent = 'Export MD File';
                btn_dl.id = 'export_dialog_to_md_button';
                btn_dl.onclick = ExportDialogContent;
                btn_dl.style = "margin: 0px 5px;";
                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();

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址