支持在预览模式替换图片链接为图床链接

[Achuan-2]

目前插件上传图片，要批量复制文章+图床，只能以md形式

但是这样不是很方便
比如在发微信公众号这样的场景下，在预览模式复制分享思源笔记的内容是更方便的

1. 目前思源笔记直接复制粘贴微信公众号的体验已经很好了，基本上思源是什么样，粘贴到微信公众号就是什么，图床插件如果能在预览模式替换图片链接，就能不用思源自己的图床了
2. 思源自己的图床可能不稳定，未来可能会更改域名，只适合临时让平台下载，而不太适合用在写Github repo README等场景

所以希望大佬改进这个功能

可以在预览模式的上方一排按钮中，添加一个插件的图床链接转换按钮

[Achuan-2]

我这里直接写了一个代码片段

功能

1. 在预览模式添加按钮，添加一个按钮，一个带颜色的语雀按钮
2. 带颜色的语雀按钮点击后，会先获取当前文档的markdown文本
3. 然后检测文档属性有没有custom-picgo-file-map-key，根据originUrl替换为url图床链接
4. 之后再根据我搭建的博客数据库，使用getWeixinLinkFromDatabase识别思源块链接链接转为微信链接

(() => {
    // Start observing DOM changes
    const targetNode = document.body;
    observeDomChange(targetNode, (mutation) => {
        if (mutation.target.querySelector('.b3-typography')) {
            addCustomButton();
        }
    });

    // Function to add the custom button and dropdown
    function addCustomButton() {
        const actionContainers = document.querySelectorAll('.protyle-preview .protyle-preview__action');
        actionContainers.forEach(container => {
            // Check if the custom controls container already exists
            if (container.querySelector('.mp-wechat-enhanced-controls')) {
                return; // Already added
            }

            // Create a wrapper div for button and select
            const controlsWrapper = document.createElement('div');
            controlsWrapper.className = 'mp-wechat-enhanced-controls';
            controlsWrapper.style.display = 'inline-flex'; // Use inline-flex for horizontal layout
            controlsWrapper.style.alignItems = 'center'; // Align items vertically
            controlsWrapper.style.marginLeft = '8px'; // Add some space before the wrapper

            // Create the button
            const button = document.createElement('button');
            button.type = 'button';
            button.dataset.type = 'mp-wechat-enchaced'; // Keep original dataset type if needed elsewhere
            button.dataset.custom = 'true';
            button.className = 'b3-tooltips b3-tooltips__w';
            button.setAttribute('aria-label', '粘贴到公众号样式适配');
            button.innerHTML = '<svg><use xlink:href="#iconMp"></use></svg>';
            button.style.color = "var(--b3-theme-primary)";
            button.addEventListener('click', handleButtonClick); // Use addEventListener

            // Create the select dropdown
            const select = document.createElement('select');
            select.className = 'link-conversion-select b3-select'; // Add class for styling/selection
            select.style.marginLeft = '4px'; // Space between button and select
            select.style.height = '24px'; // Match button height approx
            select.style.fontSize = '12px'; // Smaller font size

            // Create options
            const optionConvert = document.createElement('option');
            optionConvert.value = 'convert';
            optionConvert.textContent = '转换链接';
            optionConvert.selected = true; // Default option

            const optionNoConvert = document.createElement('option');
            optionNoConvert.value = 'no-convert';
            optionNoConvert.textContent = '仅处理思源块链接';

            // Add options to select
            select.appendChild(optionConvert);
            select.appendChild(optionNoConvert);

            // Add button and select to the wrapper
            controlsWrapper.appendChild(button);
            controlsWrapper.appendChild(select);

            // Find the existing mp-wechat button to insert before
            const wechatButton = container.querySelector('button[data-type="mp-wechat"]');
            if (wechatButton) {
                // Insert the wrapper before the wechat button
                container.insertBefore(controlsWrapper, wechatButton);
            } else {
                // Fallback: Append if wechat button doesn't exist
                container.appendChild(controlsWrapper);
            }
        });
        // 选择所有的 div.b3-typography 元素
        const typographyDivs = document.querySelectorAll('div.b3-typography');

        typographyDivs.forEach(typographyDiv => {
            // 获取最后一个子元素
            const lastChild = typographyDiv.lastElementChild;

            // 检查最后一个子元素是否是 div[data-subtype="math"]
            if (lastChild && lastChild.matches('div[data-subtype="math"]')) {
                // 创建新的 <p> 元素
                const newParagraph = document.createElement('p');
                newParagraph.innerHTML = '&#8203;'; // 插入零宽度空格

                // 将新的 <p> 元素添加到 div.b3-typography 中
                typographyDiv.appendChild(newParagraph);
            }
        });
    }

    // Function to handle button click
    async function handleButtonClick(event) {
        const button = event.currentTarget;
        const wrapper = button.closest('.mp-wechat-enhanced-controls');
        const select = wrapper?.querySelector('.link-conversion-select');
        const linkConversionOption = select ? select.value : 'convert';

        await fetchSyncPost('/api/notification/pushMsg', {
            "msg": "发布到微信公众号：样式转换ing",
            "timeout": 5000
        });

        // 根据选择的选项处理链接转换
        if (linkConversionOption === 'convert') {
            convertLinksToWechat(); // 转换所有链接
        } else if (linkConversionOption === 'no-convert') {
            await convertBlockReferencesToWechat(); // 只转换块引用
        }

        replaceHrWithImage(); // 替换 hr 标签
        addWeChatCard(); // 添加微信公众号名片

        const desktopButton = document.querySelector('.layout__wnd--active .protyle:not(.fn__none) .protyle-preview .protyle-preview__action > button[data-type="desktop"]');
        if (desktopButton) {
            desktopButton.click();
        }

        await fetchSyncPost('/api/notification/pushMsg', {
            "msg": "发布到微信公众号：样式转换完成",
            "timeout": 5000
        });

        // Simulate click on the existing button to copy content
        const wechatCopyButton = document.querySelector('.layout__wnd--active .protyle:not(.fn__none) .protyle-preview .protyle-preview__action > button[data-type="mp-wechat"]');
        if (wechatCopyButton) {
            wechatCopyButton.click();
        }
    }

    // 新增：Function to add WeChat public account card at the end of article
    function addWeChatCard() {
        const typographyAreas = document.querySelectorAll('.b3-typography');
        typographyAreas.forEach(area => {
            // 检查是否已经添加过微信公众号名片，避免重复添加
            if (area.querySelector('.mp_profile_iframe_wrp')) {
                return; // 已存在，跳过
            }

            // 创建分隔符图片段落
            const separatorP = document.createElement('p');
            separatorP.style.textAlign = 'center';
            separatorP.innerHTML = '<img src="https://i0.hdslb.com/bfs/article/4aa545dccf7de8d4a93c2b2b8e3265ac0a26d216.png" style="margin: 0px 1px;">';

            // 创建介绍文字段落
            const introSection = document.createElement('section');
            introSection.innerHTML = '<span leaf="">这里是Achuan同学，分享自己的学习笔记和生活随笔，欢迎点赞评论转发我的文章</span>';

            // 创建微信公众号名片section - 直接使用 innerHTML
            const cardSection = document.createElement('section');
            cardSection.innerHTML = '<section class="mp_profile_iframe_wrp custom_select_card_wrp" nodeleaf=""><mp-common-profile class="mpprofile js_uneditable custom_select_card mp_profile_iframe" data-pluginname="mpprofile" data-nickname="Achuan同学" data-alias="achuan-2-0713" data-headimg="http://mmbiz.qpic.cn/mmbiz_png/Xh9XDwqibetTAnPRk6Z89m8u4nibAvLwuIm7icHFHtOklSNqoibTaurdMzWJojPoJzcbcJcySOJaEziavibfibOfY7DiaQ/0?wx_fmt=png" data-signature="一条没有故事的巛，记录自己的学习感悟和笔记。" data-id="MzU3ODg2NTc3MA==" data-service_type="1" data-verify_status="1"></mp-common-profile><br class="ProseMirror-trailingBreak"></section>';

            // 将所有元素添加到文章末尾
            area.appendChild(separatorP);
            area.appendChild(introSection);
            area.appendChild(cardSection);
        });
    }

    // 新增：Function to replace hr tags with an image
    function replaceHrWithImage() {
        const typographyAreas = document.querySelectorAll('.b3-typography');
        typographyAreas.forEach(area => {
            const hrElements = area.querySelectorAll('hr');
            hrElements.forEach(hr => {
                const pElement = document.createElement('p');
                // 添加p text align center
                pElement.style.textAlign = 'center';
                const imgElement = document.createElement('img');
                imgElement.src = 'https://i0.hdslb.com/bfs/article/4aa545dccf7de8d4a93c2b2b8e3265ac0a26d216.png';
                imgElement.style.margin = '0 1px';
                pElement.appendChild(imgElement);
                hr.parentNode.replaceChild(pElement, hr);
            });
        });
    }

    // Function to convert SiYuan note links to plain text with link
    async function convertLinksToWechat() {
        const links = document.querySelectorAll('.b3-typography a');

        for (const link of links) {
            const href = link.getAttribute('href');
            const text = link.textContent;

            // Check if the link starts with 'siyuan://blocks'
            if (href.startsWith('siyuan://blocks/')) {
                // Extract block ID from the URL
                const blockId = href.replace('siyuan://blocks/', '');

                try {
                    // Get the WeChat public account link from database
                    const weixinLink = await getWeixinLinkFromDatabase(blockId);

                    if (weixinLink) {
                        // Replace with WeChat link
                        link.setAttribute('href', weixinLink);
                    } else {
                        // If no WeChat link found, convert to plain text
                        const newSpan = document.createElement('span');
                        newSpan.textContent = text;
                        newSpan.style.color = '#338dd6';
                        link.parentNode.replaceChild(newSpan, link);
                    }
                } catch (error) {
                    console.error('Error fetching WeChat link for block:', blockId, error);
                    // Fallback: convert to plain text
                    const newSpan = document.createElement('span');
                    newSpan.textContent = text;
                    newSpan.style.color = '#338dd6';
                    link.parentNode.replaceChild(newSpan, link);
                }
            }
            // Check if the link starts with  '#'
            else if (href.startsWith('#')) {
                // Create a new span element with the link text
                const newSpan = document.createElement('span');
                newSpan.textContent = text;
                newSpan.style.color = '#338dd6';
                link.parentNode.replaceChild(newSpan, link);
            }
            // Handle external links (not WeChat public account links)
            else if (!href.startsWith('https://mp.weixin.qq.com/')) {
                const newTextContent = text === href ? href : `[${text}](${href})`;
                const newSpan = document.createElement('span');
                newSpan.style.color = '#338dd6';
                newSpan.textContent = newTextContent;
                link.parentNode.replaceChild(newSpan, link);
            }
        }
    }


    // 新增：专门处理块引用的函数
    async function convertBlockReferencesToWechat() {
        const links = document.querySelectorAll('.b3-typography a');

        for (const link of links) {
            const href = link.getAttribute('href');
            const text = link.textContent;

            // 只处理思源块引用链接
            if (href.startsWith('siyuan://blocks/')) {
                // Extract block ID from the URL
                const blockId = href.replace('siyuan://blocks/', '');

                try {
                    // Get the WeChat public account link from database
                    const weixinLink = await getWeixinLinkFromDatabase(blockId);

                    if (weixinLink) {
                        // Replace with WeChat link
                        link.setAttribute('href', weixinLink);
                    } else {
                        // If no WeChat link found, convert to plain text
                        const newSpan = document.createElement('span');
                        newSpan.textContent = text;
                        newSpan.style.color = '#338dd6';
                        link.parentNode.replaceChild(newSpan, link);
                    }
                } catch (error) {
                    console.error('Error fetching WeChat link for block:', blockId, error);
                    // Fallback: convert to plain text
                    const newSpan = document.createElement('span');
                    newSpan.textContent = text;
                    newSpan.style.color = '#338dd6';
                    link.parentNode.replaceChild(newSpan, link);
                }
            }
        }
    }

    // New helper function to get WeChat link from database
    async function getWeixinLinkFromDatabase(blockId) {
        try {
            const res = await fetchSyncPost("/api/av/getAttributeViewKeys", {
                id: blockId
            });

            if (!res || !res.data) {
                return null;
            }

            // Find the blog database (avID: 20230804021554-h0l44hz)
            const foundItem = res.data.find(item => item.avID === "20230804021554-h0l44hz");

            if (foundItem && foundItem.keyValues) {
                // Find the link column (keyID: 20250310104930-o0812vp)
                const specificKey = foundItem.keyValues.find(kv => kv.key.id === "20250310104930-o0812vp");

                if (specificKey && specificKey.values && specificKey.values.length > 0) {
                    // Find WeChat public account link in mAsset array
                    if (Array.isArray(specificKey.values[0].mAsset)) {
                        const weixinLink = specificKey.values[0].mAsset.find(asset =>
                            asset.content && asset.content.startsWith('https://mp.weixin.qq.com')
                        );

                        if (weixinLink) {
                            console.log('Found WeChat link for block', blockId, ':', weixinLink.content);
                            return weixinLink.content;
                        }
                    }
                }
            }

            console.log('No WeChat link found for block:', blockId);
            return null;
        } catch (error) {
            console.error('Error fetching WeChat link for block:', blockId, error);
            return null;
        }
    }



    // Function to perform a synchronous POST request
    async function fetchSyncPost(url, data, returnType = 'json') {
        const init = {
            method: "POST",
            headers: {
                'Content-Type': 'application/json'
            },
            body: JSON.stringify(data)
        };
        try {
            const res = await fetch(url, init);
            return returnType === 'json' ? await res.json() : await res.text();
        } catch (e) {
            console.log(e);
            return returnType === 'json' ? { code: e.code || 1, msg: e.message || "", data: null } : "";
        }
    }

    // 定义观察DOM变化的函数
    function observeDomChange(targetNode, callback) {
        const config = { childList: true, subtree: true };
        const observer = new MutationObserver((mutationsList) => {
            for (const mutation of mutationsList) {
                if (mutation.type === 'childList') {
                    callback(mutation);
                }
            }
        });
        observer.observe(targetNode, config);
        return observer;
    }
})();

[Achuan-2]

复制到微信公众号改进

功能

1. 图床替换
2. 因为公众号不支持外部链接，特殊处理外部链接
3. 自动转化块引为链接
4. 分割线替换
5. 自动帮我加上公众号卡片

(() => {
    // Start observing DOM changes
    const targetNode = document.body;
    observeDomChange(targetNode, (mutation) => {
        if (mutation.target.querySelector('.b3-typography')) {
            addCustomButton();
        }
    });

    // Function to add the custom button and dropdown
    function addCustomButton() {
        const actionContainers = document.querySelectorAll('.protyle-preview .protyle-preview__action');
        actionContainers.forEach(container => {
            // Check if the custom controls container already exists
            if (container.querySelector('.mp-wechat-enhanced-controls')) {
                return; // Already added
            }

            // Create a wrapper div for button and select
            const controlsWrapper = document.createElement('div');
            controlsWrapper.className = 'mp-wechat-enhanced-controls';
            controlsWrapper.style.display = 'inline-flex'; // Use inline-flex for horizontal layout
            controlsWrapper.style.alignItems = 'center'; // Align items vertically
            controlsWrapper.style.marginLeft = '8px'; // Add some space before the wrapper

            // Create the button
            const button = document.createElement('button');
            button.type = 'button';
            button.dataset.type = 'mp-wechat-enchaced'; // Keep original dataset type if needed elsewhere
            button.dataset.custom = 'true';
            button.className = 'b3-tooltips b3-tooltips__w';
            button.setAttribute('aria-label', '粘贴到公众号样式适配');
            button.innerHTML = '<svg><use xlink:href="#iconMp"></use></svg>';
            button.style.color = "var(--b3-theme-primary)";
            button.addEventListener('click', handleButtonClick); // Use addEventListener

            // Create the select dropdown
            const select = document.createElement('select');
            select.className = 'link-conversion-select b3-select'; // Add class for styling/selection
            select.style.marginLeft = '4px'; // Space between button and select
            select.style.height = '24px'; // Match button height approx
            select.style.fontSize = '12px'; // Smaller font size

            // Create options
            const optionConvert = document.createElement('option');
            optionConvert.value = 'convert';
            optionConvert.textContent = '转换链接';
            optionConvert.selected = true; // Default option

            const optionNoConvert = document.createElement('option');
            optionNoConvert.value = 'no-convert';
            optionNoConvert.textContent = '仅处理思源块链接';

            // Add options to select
            select.appendChild(optionConvert);
            select.appendChild(optionNoConvert);

            // Add button and select to the wrapper
            controlsWrapper.appendChild(button);
            controlsWrapper.appendChild(select);

            // Find the existing mp-wechat button to insert before
            const wechatButton = container.querySelector('button[data-type="mp-wechat"]');
            if (wechatButton) {
                // Insert the wrapper before the wechat button
                container.insertBefore(controlsWrapper, wechatButton);
            } else {
                // Fallback: Append if wechat button doesn't exist
                container.appendChild(controlsWrapper);
            }
        });
        // 选择所有的 div.b3-typography 元素
        const typographyDivs = document.querySelectorAll('div.b3-typography');

        typographyDivs.forEach(typographyDiv => {
            // 获取最后一个子元素
            const lastChild = typographyDiv.lastElementChild;

            // 检查最后一个子元素是否是 div[data-subtype="math"]
            if (lastChild && lastChild.matches('div[data-subtype="math"]')) {
                // 创建新的 <p> 元素
                const newParagraph = document.createElement('p');
                newParagraph.innerHTML = '&#8203;'; // 插入零宽度空格

                // 将新的 <p> 元素添加到 div.b3-typography 中
                typographyDiv.appendChild(newParagraph);
            }
        });
    }

    // Function to handle button click
    async function handleButtonClick(event) {
        const button = event.currentTarget;
        const wrapper = button.closest('.mp-wechat-enhanced-controls');
        const select = wrapper?.querySelector('.link-conversion-select');
        const linkConversionOption = select ? select.value : 'convert';

        await fetchSyncPost('/api/notification/pushMsg', {
            "msg": "发布到微信公众号：样式转换ing",
            "timeout": 5000
        });

        // 获取当前文档ID和picgo文件映射
        const docId = getCurrentDocumentId();
        let picgoFileMap = null;
        if (docId) {
            const picgoFileMapKey = await getDocumentAttribute(docId, 'custom-picgo-file-map-key');
            if (picgoFileMapKey) {
                try {
                    picgoFileMap = JSON.parse(picgoFileMapKey);
                } catch (error) {
                    console.error('解析picgo文件映射失败:', error);
                }
            }
        }

        // 替换图床链接（如果存在映射）
        if (picgoFileMap) {
            await replaceImageUrlsInDOM(picgoFileMap);
        }

        // 根据选择的选项处理链接转换
        if (linkConversionOption === 'convert') {
            convertLinksToWechat(); // 转换所有链接
        } else if (linkConversionOption === 'no-convert') {
            await convertBlockReferencesToWechat(); // 只转换块引用
        }

        replaceHrWithImage(); // 替换 hr 标签
        addWeChatCard(); // 添加微信公众号名片

        const desktopButton = document.querySelector('.layout__wnd--active .protyle:not(.fn__none) .protyle-preview .protyle-preview__action > button[data-type="desktop"]');
        if (desktopButton) {
            desktopButton.click();
        }

        await fetchSyncPost('/api/notification/pushMsg', {
            "msg": "发布到微信公众号：样式转换完成",
            "timeout": 5000
        });

        // Simulate click on the existing button to copy content
        const wechatCopyButton = document.querySelector('.layout__wnd--active .protyle:not(.fn__none) .protyle-preview .protyle-preview__action > button[data-type="mp-wechat"]');
        if (wechatCopyButton) {
            wechatCopyButton.click();
        }
    }

    // 新增：Function to add WeChat public account card at the end of article
    function addWeChatCard() {
        const typographyAreas = document.querySelectorAll('.b3-typography');
        typographyAreas.forEach(area => {
            // 检查是否已经添加过微信公众号名片，避免重复添加
            if (area.querySelector('.mp_profile_iframe_wrp')) {
                return; // 已存在，跳过
            }

            // 创建分隔符图片段落
            const separatorP = document.createElement('p');
            separatorP.style.textAlign = 'center';
            separatorP.innerHTML = '<img src="https://i0.hdslb.com/bfs/article/4aa545dccf7de8d4a93c2b2b8e3265ac0a26d216.png" style="margin: 0px 1px;">';

            // 创建介绍文字段落
            const introSection = document.createElement('section');
            introSection.innerHTML = '<span leaf="">这里是Achuan同学，分享自己的学习笔记和生活随笔，欢迎点赞评论转发我的文章</span>';

            // 创建微信公众号名片section - 直接使用 innerHTML
            const cardSection = document.createElement('section');
            cardSection.innerHTML = '<section class="mp_profile_iframe_wrp custom_select_card_wrp" nodeleaf=""><mp-common-profile class="mpprofile js_uneditable custom_select_card mp_profile_iframe" data-pluginname="mpprofile" data-nickname="Achuan同学" data-alias="achuan-2-0713" data-headimg="http://mmbiz.qpic.cn/mmbiz_png/Xh9XDwqibetTAnPRk6Z89m8u4nibAvLwuIm7icHFHtOklSNqoibTaurdMzWJojPoJzcbcJcySOJaEziavibfibOfY7DiaQ/0?wx_fmt=png" data-signature="一条没有故事的巛，记录自己的学习感悟和笔记。" data-id="MzU3ODg2NTc3MA==" data-service_type="1" data-verify_status="1"></mp-common-profile><br class="ProseMirror-trailingBreak"></section>';

            // 将所有元素添加到文章末尾
            area.appendChild(separatorP);
            area.appendChild(introSection);
            area.appendChild(cardSection);
        });
    }

    // 新增：Function to replace hr tags with an image
    function replaceHrWithImage() {
        const typographyAreas = document.querySelectorAll('.b3-typography');
        typographyAreas.forEach(area => {
            const hrElements = area.querySelectorAll('hr');
            hrElements.forEach(hr => {
                const pElement = document.createElement('p');
                // 添加p text align center
                pElement.style.textAlign = 'center';
                const imgElement = document.createElement('img');
                imgElement.src = 'https://i0.hdslb.com/bfs/article/4aa545dccf7de8d4a93c2b2b8e3265ac0a26d216.png';
                imgElement.style.margin = '0 1px';
                pElement.appendChild(imgElement);
                hr.parentNode.replaceChild(pElement, hr);
            });
        });
    }

    // Function to convert SiYuan note links to plain text with link
    async function convertLinksToWechat() {
        const links = document.querySelectorAll('.b3-typography a');

        for (const link of links) {
            const href = link.getAttribute('href');
            const text = link.textContent;

            // Check if the link starts with 'siyuan://blocks'
            if (href.startsWith('siyuan://blocks/')) {
                // Extract block ID from the URL
                const blockId = href.replace('siyuan://blocks/', '');

                try {
                    // Get the WeChat public account link from database
                    const weixinLink = await getWeixinLinkFromDatabase(blockId);

                    if (weixinLink) {
                        // Replace with WeChat link
                        link.setAttribute('href', weixinLink);
                    } else {
                        // If no WeChat link found, convert to plain text
                        const newSpan = document.createElement('span');
                        newSpan.textContent = text;
                        newSpan.style.color = '#338dd6';
                        link.parentNode.replaceChild(newSpan, link);
                    }
                } catch (error) {
                    console.error('Error fetching WeChat link for block:', blockId, error);
                    // Fallback: convert to plain text
                    const newSpan = document.createElement('span');
                    newSpan.textContent = text;
                    newSpan.style.color = '#338dd6';
                    link.parentNode.replaceChild(newSpan, link);
                }
            }
            // Check if the link starts with  '#'
            else if (href.startsWith('#')) {
                // Create a new span element with the link text
                const newSpan = document.createElement('span');
                newSpan.textContent = text;
                newSpan.style.color = '#338dd6';
                link.parentNode.replaceChild(newSpan, link);
            }
            // Handle external links (not WeChat public account links)
            else if (!href.startsWith('https://mp.weixin.qq.com/')) {
                const newTextContent = text === href ? href : `[${text}](${href})`;
                const newSpan = document.createElement('span');
                newSpan.style.color = '#338dd6';
                newSpan.textContent = newTextContent;
                link.parentNode.replaceChild(newSpan, link);
            }
        }
    }


    // 新增：专门处理块引用的函数
    async function convertBlockReferencesToWechat() {
        const links = document.querySelectorAll('.b3-typography a');

        for (const link of links) {
            const href = link.getAttribute('href');
            const text = link.textContent;

            // 只处理思源块引用链接
            if (href.startsWith('siyuan://blocks/')) {
                // Extract block ID from the URL
                const blockId = href.replace('siyuan://blocks/', '');

                try {
                    // Get the WeChat public account link from database
                    const weixinLink = await getWeixinLinkFromDatabase(blockId);

                    if (weixinLink) {
                        // Replace with WeChat link
                        link.setAttribute('href', weixinLink);
                    } else {
                        // If no WeChat link found, convert to plain text
                        const newSpan = document.createElement('span');
                        newSpan.textContent = text;
                        newSpan.style.color = '#338dd6';
                        link.parentNode.replaceChild(newSpan, link);
                    }
                } catch (error) {
                    console.error('Error fetching WeChat link for block:', blockId, error);
                    // Fallback: convert to plain text
                    const newSpan = document.createElement('span');
                    newSpan.textContent = text;
                    newSpan.style.color = '#338dd6';
                    link.parentNode.replaceChild(newSpan, link);
                }
            }
        }
    }

    // Get current document ID
    function getCurrentDocumentId() {
        // Try to get from active document element
        const activeDocElement = document.querySelector('.protyle:not(.fn__none) .protyle-content .protyle-background[data-node-id]');
        if (activeDocElement) {
            return activeDocElement.getAttribute('data-node-id');
        }
        return null;
    }

    // Get document attribute
    async function getDocumentAttribute(docId, attributeName) {
        const data = {
            id: docId,
        };

        const res = await fetchSyncPost('/api/attr/getBlockAttrs', data);

        if (res && res.data) {
            return res.data[attributeName];
        }

        return null;
    }

    // Replace image URLs in DOM using picgo file map
    async function replaceImageUrlsInDOM(fileMap) {
        try {
            const typographyAreas = document.querySelectorAll('.b3-typography');
            
            typographyAreas.forEach(area => {
                // 处理img标签
                const images = area.querySelectorAll('img');
                images.forEach(img => {
                    const currentSrc = img.getAttribute('src');
                    if (currentSrc) {
                        // 查找匹配的文件映射
                        Object.values(fileMap).forEach(fileInfo => {
                            if (fileInfo.originUrl && fileInfo.url && currentSrc === fileInfo.originUrl) {
                                img.setAttribute('src', fileInfo.url);
                                console.log('替换图片URL:', fileInfo.originUrl, '->', fileInfo.url);
                            }
                        });
                    }
                });


            });

        } catch (error) {
            console.error('替换DOM中图片URL时出错:', error);
        }
    }



    // New helper function to get WeChat link from database
    async function getWeixinLinkFromDatabase(blockId) {
        try {
            const res = await fetchSyncPost("/api/av/getAttributeViewKeys", {
                id: blockId
            });

            if (!res || !res.data) {
                return null;
            }

            // Find the blog database (avID: 20230804021554-h0l44hz)
            const foundItem = res.data.find(item => item.avID === "20230804021554-h0l44hz");

            if (foundItem && foundItem.keyValues) {
                // Find the link column (keyID: 20250310104930-o0812vp)
                const specificKey = foundItem.keyValues.find(kv => kv.key.id === "20250310104930-o0812vp");

                if (specificKey && specificKey.values && specificKey.values.length > 0) {
                    // Find WeChat public account link in mAsset array
                    if (Array.isArray(specificKey.values[0].mAsset)) {
                        const weixinLink = specificKey.values[0].mAsset.find(asset =>
                            asset.content && asset.content.startsWith('https://mp.weixin.qq.com')
                        );

                        if (weixinLink) {
                            console.log('Found WeChat link for block', blockId, ':', weixinLink.content);
                            return weixinLink.content;
                        }
                    }
                }
            }

            console.log('No WeChat link found for block:', blockId);
            return null;
        } catch (error) {
            console.error('Error fetching WeChat link for block:', blockId, error);
            return null;
        }
    }



    // Function to perform a synchronous POST request
    async function fetchSyncPost(url, data, returnType = 'json') {
        const init = {
            method: "POST",
            headers: {
                'Content-Type': 'application/json'
            },
            body: JSON.stringify(data)
        };
        try {
            const res = await fetch(url, init);
            return returnType === 'json' ? await res.json() : await res.text();
        } catch (e) {
            console.log(e);
            return returnType === 'json' ? { code: e.code || 1, msg: e.message || "", data: null } : "";
        }
    }

    // 定义观察DOM变化的函数
    function observeDomChange(targetNode, callback) {
        const config = { childList: true, subtree: true };
        const observer = new MutationObserver((mutationsList) => {
            for (const mutation of mutationsList) {
                if (mutation.type === 'childList') {
                    callback(mutation);
                }
            }
        });
        observer.observe(targetNode, config);
        return observer;
    }
})();