语雀知识库列表

快速切换语雀知识库，请将脚本内所有的 itviewer 替换为你的用户名，token 替换为你的 Access Token
Wrap lines
// ==UserScript==
// @name         语雀知识库列表
// @namespace    http://tampermonkey.net/
// @version      0.6
// @description  快速切换语雀知识库，请将脚本内所有的 itviewer 替换为你的用户名，token 替换为你的 Access Token
// @author       itviewer
// @match        https://www.yuque.com/itviewer/*
// @match        https://www.yuque.com/dashboard*
// @exclude      https://www.yuque.com/itviewer/*/edit
// @license      MIT
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    // Your code here...
    // console.log('脚本开始');
    let url = window.location.href;
    if(url.indexOf('www.yuque.com/dashboard')!=-1) {

    }else {
        function getRepos() {
            let url = 'https://www.yuque.com/api/v2/users/itviewer/repos'
            let token = 'spILuQ8ixJcajMyZJ1g6AAwQ1kPi2Y7GBOaBBXml' // 语雀开发者 token，建议最小权限

            const xhr = new XMLHttpRequest();
            xhr.onreadystatechange = function () {
                if (xhr.readyState === 4 && xhr.status === 200) {
                    var result = JSON.parse(xhr.responseText); // 将字符串转化为对象，然后才能获取到返回字符串中的某一个值
                    renderSidebar(result.data);
                    renderButton();
                }
            };
            xhr.open('GET', url, true); // 开启一个请求，但还没有向服务器端发起请求，执行后redayState的值变为1
            xhr.setRequestHeader('X-Auth-Token', token); // setRequestHeader()方法需要在open()和send()方法之间调用
            xhr.send(); // 向服务器端发起请求，执行后redayState的值变为2
        }

        function renderSidebar(repos) {
            const ul = document.createElement("ul");
            ul.setAttribute(
                "class",
                "ant-menu aside-container menu-site ant-menu-light ant-menu-root ant-menu-inline"
            );
            ul.setAttribute(
                "style",
                "height: 90%; overflow-y: auto"
            );

            const fragment = document.createDocumentFragment();

            if (Array.isArray(repos) && repos.length) {
                repos.forEach((item)=> {
                    // console.log(item.name + ' ' + item.namespace);
                    const li = document.createElement("li");
                    li.setAttribute("class", `ant-menu-item ant-menu-item-only-child`);
                    li.setAttribute("style", "width: 100%; height: 25px; line-height: 25px;");
                    li.innerHTML = `<a href="https://www.yuque.com/${item.namespace}" target="_blank" title="${item.name}" style="overflow: hidden;text-overflow: ellipsis;">${item.name}</a>`;
                    fragment.appendChild(li);
                })
            }
            ul.appendChild(fragment);

            const container = document.createElement("div");
            container.setAttribute("id", "reposidebar");
            container.setAttribute(
                "style",
                "display: none; overflow: hidden; position: fixed; top: 50px; left: 0; width: 280px; height: 100%; max-height: 100vh; z-index: 999;"
            );
            container.appendChild(ul);
            document.body.appendChild(container);
        }

        function renderButton() {
            const reposidebar = document.querySelector("#reposidebar");

            const header = document.querySelector("#asideHead>div:first-child");
            // console.log(header);
            const button = document.createElement("button");
            button.setAttribute("class", `ant-btn ant-btn-primary`);
            button.innerHTML = '<span>显示知识库列表</span>';

            button.onclick = function() {
                if (reposidebar.style.display == 'none') {
                    reposidebar.style.display="inline";
                    button.innerHTML = '<span>隐藏知识库列表</span>';
                } else {
                    reposidebar.style.display="none";
                    button.innerHTML = '<span>显示知识库列表</span>';
                }
            };
            header.appendChild(button);
        }

        // 虽然默认在文档加载完后执行，但我们需要的网页内容 header 是加载完动态创建的
        setTimeout(function(){
            getRepos();
        },1000);
    }


    // 语雀其实是单页应用，虽然切换文章时地址栏和真实切换url一样
    /*     var _wr = function(type) {
        var orig = history[type];
        return function() {
            var rv = orig.apply(this, arguments);
            var e = new Event(type);
            e.arguments = arguments;
            window.dispatchEvent(e);
            return rv;
        };
    };
    history.pushState = _wr('pushState');
    history.replaceState = _wr('replaceState'); */

    // window.addEventListener('replaceState', function(e) {});
    // window.addEventListener('pushState', function(e) {
    //      console.log('pushState');
    // });
})();