JS 求助——在右上角添加切换开关 "反向链接包含子块" 按钮

// toolbar快速开关“反向链接包含子块”
// see https://ld246.com/article/1760340608107
(async ()=>{

    // 不支持手机版
    if(isMobile()) return;
  
    // 添加toolbar按钮
    whenElementExist('#toolbar .fn__ellipsis').then((el)=>{
        if(!el) return;
        const text = window.siyuan.config.editor.backlinkContainChildren ? 'F' : 'f';
        const aria = window.siyuan.config.editor.backlinkContainChildren ? '关闭' : '开启';
        const html = `<div data-menu="true" id="backlinkContainChildren" class="toolbar__item ariaLabel" aria-label="${aria}“反向链接包含子块”" data-location="right">${text}</div>`;
        el.insertAdjacentHTML('afterend', html);
        const btn = el.nextElementSibling;
        btn.addEventListener('click', async (event) => {
            if(window.siyuan.config.editor.backlinkContainChildren) {
                // 关闭
                window.siyuan.config.editor.backlinkContainChildren = false;
                const res = await requestApi('/api/setting/setEditor', window.siyuan.config.editor);
                if(!res || res.code !== 0) {
                    window.siyuan.config.editor.backlinkContainChildren = true;
                    showMessage('设置失败', false);
                    return;
                }
                btn.textContent = 'f';
                btn.setAttribute('aria-label', '开启“反向链接包含子块”');
                const tooltip = document.querySelector("#tooltip");
                if(tooltip) {
                    tooltip.innerHTML = '开启“反向链接包含子块”';
                }
            } else {
                // 开启
                window.siyuan.config.editor.backlinkContainChildren = true;
                const res = await requestApi('/api/setting/setEditor', window.siyuan.config.editor);
                if(!res || res.code !== 0) {
                    window.siyuan.config.editor.backlinkContainChildren = false;
                    showMessage('设置失败', false);
                    return;
                }
                btn.textContent = 'F';
                btn.setAttribute('aria-label', '关闭“反向链接包含子块”');
                const tooltip = document.querySelector("#tooltip");
                if(tooltip) {
                    tooltip.innerHTML = '关闭“反向链接包含子块”';
                }
            }
        });
    });

    function showMessage(message, isError = false, delay = 7000) {
        return fetch('/api/notification/' + (isError ? 'pushErrMsg' : 'pushMsg'), {
            "method": "POST",
            "body": JSON.stringify({"msg": message, "timeout": delay})
        });
    }
  
    async function requestApi(url, data, method = 'POST') {
        return await (await fetch(url, {method: method, body: JSON.stringify(data||{})})).json();
    }

    function whenElementExist(selector, node = document, timeout = 5000) {
        return new Promise((resolve, reject) => {
            const start = Date.now();
            function check() {
                let el;
                try {
                    el = typeof selector === 'function'
                        ? selector()
                        : node.querySelector(selector);
                } catch (err) {
                    return resolve(null);
                }
                if (el) {
                    resolve(el);
                } else if (Date.now() - start >= timeout) {
                    resolve(null);
                } else {
                    requestAnimationFrame(check);
                }
            }
            check();
        });
    }
    function isMobile() {
        return !!document.getElementById("sidebar");
    }
})();