chatGPT tools Plus ++ （cookie版）

chatGPT Google&必应&百度&startpage 侧边栏自定义搜索(免翻墙，cookie登录版)
Script được tác giả gợi ý
Bạn có thế thích 究极美化必应搜索页面（毛玻璃）(原生JS重构版)
Đặt câu hỏi, đăng đánh giá, hoặc báo cáo tập lệnh.
Wrap lines
// ==UserScript==
// @name         chatGPT tools Plus ++ （cookie版）
// @namespace    http://tampermonkey.net/
// @version      1.4.5
// @description  chatGPT Google&必应&百度&startpage 侧边栏自定义搜索(免翻墙，cookie登录版)
// @author       Onion
// @match        https://cn.bing.com/*
// @match        https://www.bing.com/*
// @match      https://chat.openai.com/chat
// @match      https://www.google.com/*
// @match      https://www.google.com.hk/*
// @match      https://www.startpage.com/*
// @match      https://www.baidu.com/s?wd=*
// @include    /^https:\/\/www\.baidu\.com\/s\?wd.*$/
// @icon         https://www.google.com/s2/favicons?sz=64&domain=openai.com
// @grant       GM_xmlhttpRequest
// @grant       GM_addStyle
// @require    https://cdn.staticfile.org/jquery/3.4.0/jquery.min.js
// @require    https://cdn.staticfile.org/jquery-cookie/1.4.1/jquery.cookie.min.js
// @require    https://cdn.jsdelivr.net/npm/[email protected]/marked.min.js
// @require    https://cdnjs.cloudflare.com/ajax/libs/markdown-it/13.0.1/markdown-it.min.js
// @require    https://unpkg.com/axios/dist/axios.min.js
// @connect   ip-api.com
// @connect   chat.openai.com
// @connect   gpt.chatapi.art
// @license    MIT
// @resource css https://cdnjs.cloudflare.com/ajax/libs/github-markdown-css/5.1.0/github-markdown.css
// @resource css https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/styles/default.min.css
// @require    https://cdn.jsdelivr.net/npm/[email protected]/dist/showdown.min.js
// @require    https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/highlight.min.js
// @run-at    document-end

// ==/UserScript==

(function () {
    'use strict';
    // @require    https://cdnjs.cloudflare.com/ajax/libs/highlightjs-line-numbers.js/2.8.0/highlightjs-line-numbers.min.js

    //重要声明：感谢隔壁作者：zhengbangbo (https://github.com/zhengbangbo/chat-gpt-userscript)的请求处理方式，之前一直不知道怎么处理SSE响应，原来直接就可以用一般的方式来接收，那么对返回数据处理切割就直接借鉴啦！（反正MIT不是嘛）
    //cookie 大家自己想办法弄到，别霍霍我了呜呜
    //对返回结果增加了markdown解析成html

    //请在上面添加一句：油猴因为策略问题没法增加这个js
    //多亏了zhengbangbo大佬，现在已经解决这个策略问题了！
    // @require    https://cdn.jsdelivr.net/npm/marked/marked.min.js



    //顶级配置
    //可以手动配置your_cookie!
    const your_cookie = getCookieObject().your_cookie
    const requestUrl = `https://chat.openai.com/backend-api/moderations`
    var your_qus
    var abortXml
    if (window.location.href.indexOf("bing.com") > -1) {
        getYourCookie()
        GM_add_box_style(0)
        addBothStyle()
        keyEvent()
        appendBox(0).then((res) => { pivElemAddEventAndValue(0) })
        linkToBing_beautification_script()
    }
    if (window.location.href.indexOf("www.google.com") > -1) {
        getYourCookie()
        GM_add_box_style(1)
        addBothStyle()
        keyEvent()
        appendBox(1).then((res) => { pivElemAddEventAndValue(1) })
    }
    if (window.location.href.indexOf("https://www.baidu.com/s?wd") > -1) {
        getYourCookie()
        GM_add_box_style(2)
        addBothStyle()
        keyEvent()
        appendBox(2).then((res) => { pivElemAddEventAndValue(2) })
    }
    if (window.location.href.indexOf(`www.startpage.com/sp/search`) > -1) {
        GM_add_box_style(3)
        addBothStyle()
        keyEvent()
        appendBox(3).then((res) => { pivElemAddEventAndValue(3) })
    }
    if (window.location.href.indexOf("chat.openai.com") > -1) {
        //$.cookie('yourCookie','dumplings', {domain:'qq.com',path:'/'});
        getYourCookie()
        console.log("httpOnly保护，没法拿到cookie，自己复制粘贴控制台")
    }

    //顶级函数
    function uuid() { //uuid 产生
        var s = [];
        var hexDigits = "0123456789abcdef";
        for (var i = 0; i < 36; i++) {
            s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1);
        }
        s[14] = "4"; // bits 12-15 of the time_hi_and_version field to 0010
        s[19] = hexDigits.substr((s[19] & 0x3) | 0x8, 1); // bits 6-7 of the clock_seq_hi_and_reserved to 01
        s[8] = s[13] = s[18] = s[23] = "-";

        var uuid = s.join("");
        return uuid;
    }
    function GM_add_box_style(case_web) {
        switch (case_web) {
            case 0://bing
                GM_addStyle(`
    #gptAnswer{
   margin: 15px;
   border-top: solid;
    border-bottom: solid;
    }
    #gptInput{
    width:74%;
    border-radius: 4px;
    }
    #gptInputBox{
        display: flex;
    justify-content: space-around;
    }

    #button_GPT:hover{
    background:#ffffffcc;
    }
    #gptDiv{
     border-radius: 8px;
    padding: 10px;
    margin-bottom: 9px;
    width:452px;
    translate:-20px;
    background:#ffffffcc;
    backdrop-filter: blur(5px);
    display: flex;
    flex-direction: column;
    }
  
    #button_GPT{
    background: transparent;
    border-radius: 4px;

    }
    #gptCueBox{
        translate: 3px;
    }



    `)
                break;
            case 1: //google
                GM_addStyle(`
    #gptAnswer{
   margin: 15px;
   border-top: solid;
    border-bottom: solid;
    }
    #gptInput{
    border-radius: 4px;
    width: 68%;
    }
    #button_GPT:hover{
    background:#dcdcdccc;
    }
    #gptDiv{
        flex: 1;
    display: flex;
    flex-direction: column;
    height: fit-content;

    }
    #gptInputBox{
    display:flex;
    justify-content: space-around;
    }
    #button_GPT{
    background: transparent;
    border-radius: 3px;
     font-size: 14px;
    }
    #gptStatus{
        margin-left: 7px;
        }

    `)
                break;//baidu
            case 2: GM_addStyle(`
    #gptAnswer{
   margin: 15px;
   border-top: solid;
    border-bottom: solid;
    }
    #gptInput{
    border-radius: 4px;
    width: 68%;
    }
    #button_GPT:hover{
    background:#dcdcdccc;
    }
    #gptDiv{
        flex: 1;
    display: flex;
    flex-direction: column;
    height: fit-content;

    }
    #gptInputBox{
    display:flex;
    justify-content: space-around;
    }
    #button_GPT{
    background: transparent;
    border-radius: 3px;
     font-size: 14px;
    }
    #gptStatus{
        margin-left: 7px;
        }



    `)
                break;
            case 3: //startpage
                GM_addStyle(`
    #gptAnswer{
   margin: 15px;
   border-top: solid;
    border-bottom: solid;
    }
    #gptInput{
    border-radius: 4px;
    width: 68%;
    }
    #button_GPT:hover{
    background:#dcdcdccc;
    }
    #gptDiv{
        flex: 1;
    display: flex;
    flex-direction: column;
    height: fit-content;

    }
    #gptInputBox{
    display:flex;
    justify-content: space-around;
    }
    #button_GPT{
    background: transparent;
    border-radius: 3px;
     font-size: 14px;
    }
    #gptStatus{
        margin-left: 7px;
        }

    `)
                break;
            default:
                alert("参数没设定")
        }

    }
    function do_it() {
        if (!your_cookie) {
            document.getElementById('gptAnswer').innerHTML = `<div>你的cookie好像不见了！<a href="https://chat.openai.com">点我去登录获取</a></div>`
        }
        else {


            let finalResult
            let normalArray
            let nowResult
            document.getElementById('gptAnswer').innerHTML = `<div>加载中<span id="dot"></span></div>`

            abortXml = GM_xmlhttpRequest({
                method: "POST",
                url: "https://chat.openai.com/backend-api/conversation",
                headers: {
                    "Content-Type": "application/json",
                    Authorization: `${your_cookie}`,
                },
                data: JSON.stringify({//抓包conversation就可以看到这个结构
                    action: "next",
                    messages: [
                        {
                            id: uuid(),
                            role: "user",
                            content: {
                                content_type: "text",
                                parts: [your_qus],
                            },
                        },
                    ],
                    model: "text-davinci-002-render",
                    parent_message_id: uuid(),
                }),
                //    onprogress: function(msg){console.log(msg)},
                //     onreadystatechange:function(msg){log(msg)},
                onloadstart: (stream) => { //肝了好久，终于找到油猴接受SSE的接受方法了
                    let result = "";
                    const reader = stream.response.getReader();
                    //     console.log(reader.read)
                    let charsReceived = 0;
                    reader.read().then(function processText({ done, value }) {
                        if (done) {
                            if (finalResult == 0) {
                                document.getElementById('gptAnswer').innerHTML = `<div>你的cookie好像过期了！<a href="https://chat.openai.com">点我去登录获取</a></div>`
                            }
                            else {
                                document.getElementById('gptAnswer').innerHTML = `${mdConverter(decodeUnicode(finalResult.replace(/\\n+/g, "\n")))}`
                                // document.querySelector("code").setAttribute("class", "language-javascript hljs");
                                 for (let i = 0; i <= document.getElementsByTagName("code").length - 1; i++) {
                                     document.getElementsByTagName("code")[i].setAttribute("class", "language-javascript");
                                     hljs.highlightAll()//奇怪，为什么不行
                                 }
                            }
                            return;
                        }

                        charsReceived += value.length;
                        const chunk = value;
                        result += chunk;
                        //    log(JSON.stringify(chunk).replace(/\{/,"").replace(/\}/,""))
                        normalArray = Array.from(chunk)
                        //   String.fromCharCode.apply(null, normalArray)
                        nowResult = String.fromCharCode.apply(null, normalArray).match(/(?<=\[).*(?=\])/g)[0]

                        //     console.log(mdConverter(decodeUnicode(nowResult.replace(/\\n+/g,"<换行>"))))
                        if (nowResult !== "DONE") {
                            finalResult = nowResult
                        }

                        //                console.log(finalResult)
                        document.getElementById('gptAnswer').innerHTML = `${mdConverter(decodeUnicode(finalResult.replace(/\\n+/g, "\n")))}`
                        return reader.read().then(processText);
                    });
                },
                responseType: "stream",
                /*  onloadend: function (data) {
                    var answer
                    if (data.response) {
                        var data_transform=data.response.split("\n\n")
                        if(data_transform){
                            try{
                                data_transform=JSON.parse(data_transform.slice(-3,-2)[0].slice(6))
                                answer=data_transform.message.content.parts[0]
                                document.getElementById('gptAnswer').innerHTML=marked.parse(answer)
                                //    if(!getCookieObject().preQuesAns){
                                //           window.document.cookie=`preQuesAns=""`
                                //        }
                                // let preQuesAns = getCookieObject().preQuesAns+answer
                                //  window.document.cookie=`preQuesAns=${your_qus}${preQuesAns}`
                                // sendModerations()
                            }catch(err){
                                console.log(`err:${err}`)
                            }
                        }
                        //     const answer = JSON.parse(data.response.split("\n\n").slice(-3, -2)[0].slice(6)).message.content.parts[0]
                    }
                },*/
                onprogress: function (msg) {
                    //console.log(msg) //Todo
                },
                onerror: function (err) {
                    document.getElementById('gptAnswer').innerHTML = `<div>some err happends,errinfo :<br>${err}</div>`
                },
                ontimeout: function (err) {
                    document.getElementById('gptAnswer').innerHTML = `<div>Opps!TimeOut,Please try again,errinfo:<br>${err}</div>`
                }
            })
        }
    }
    function creatBox() {
        return new Promise((resolve) => {
            var divE = document.createElement('div');
            var divId = document.createAttribute("id"); //创建属性
            divId.value = 'gptDiv'; //设置属性值
            divE.setAttributeNode(divId); //给div添加属性
            var pE = document.createElement('p');
            var pClass = document.createAttribute('class');
            pClass.value = 'textClass';
            pE.setAttributeNode(pClass)
            var pText = document.createTextNode("chatGPT tools Plus ++ v0.0.1已启动");
            pE.appendChild(pText);
            divE.appendChild(pE);
            divE.innerHTML = `
    <div id="gptInputBox">
    <input id="gptInput" type=text><button id="button_GPT" >chat一下</button>
    </div>
    <div id=gptCueBox>
    <p id="gptStatus">&nbsp openAI 已就绪，请输入你的问题</p>
   <article id="gptAnswer" class="markdown-body"><div id="gptAnswer_inner">chatGPT tools Plus ++ v1.4.4已启动<div></article>
    </div><p></p>`
            resolve(divE)
        })
    }
    async function pivElemAddEventAndValue(append_case) {
        var search_content
        if (append_case === 3) {
            search_content = document.getElementById('q').value
        }
        if (append_case === 2) {
            search_content = document.getElementById('kw').value
        }
        if (append_case === 1) {
            search_content = document.querySelector("#tsf > div:nth-child(1) > div.A8SBwf > div.RNNXgb > div > div.a4bIc > input:nth-child(3)").value
        }
        if (append_case === 0) {
            search_content = document.getElementsByClassName('b_searchbox')[0].value
        }
        document.getElementById("gptInput").value = search_content
        document.getElementById('button_GPT').addEventListener('click', () => {
            your_qus = document.getElementById("gptInput").value
            do_it()

        })


    }
    async function appendBox(append_case) {
        return new Promise((resolve, reject) => {
            creatBox().then((divE) => {
                switch (append_case) {
                    case 0: //bing
                        if (divE) {
                            document.getElementById('b_context').prepend(divE)
                        }
                        break;
                    case 1://google
                        if (document.getElementsByClassName('TQc1id ')[0]) {
                            document.getElementsByClassName('TQc1id ')[0].prepend(divE);
                        }
                        else {
                            document.getElementById("rcnt").appendChild(divE);
                        }
                        break;
                    case 2:
                        if (document.getElementById('content_right')) {
                            document.getElementById('content_right').prepend(divE)
                        }
                        break;
                    case 3:
                        if(document.getElementsByClassName("layout-web__sidebar")[0]){
                            document.getElementsByClassName("layout-web__sidebar")[0].prepend(divE)
                        }
                        break;
                    default:
                        if (divE) {
                            console.log(`啥情况${divE}`)
                        }
                }
            }).catch((err) => {
                throw new Error(err)
            })

            resolve("finished")
        })
    }
    //焦点函数
    function isBlur() {
        var myInput = document.getElementById('gptInput');
        if (myInput == document.activeElement) {
            return 1
        } else {
            return 0
        }
    }
    function keyEvent() {
        document.onkeydown = function (e) {
            var keyNum = window.event ? e.keyCode : e.which;
            if (13 == keyNum) {
                if (isBlur()) {
                    document.getElementById('button_GPT').click()
                }
                else {
                    console.log("失焦不执行")
                }

            }
        }

    }
    function checkIp() {
        GM_xmlhttpRequest({
            method: "GET",
            url: "http://ip-api.com/json/",
            onloadend: function (data) {
                if (data) {
                    try {
                        data = JSON.parse(data.response)
                    } catch (err) {
                        console.log(err)
                    }
                    console.log(data.country)
                    if (data.country == "Hong Kong") {
                        document.getElementById('gptStatus').innerHTML = `&nbsp openAI 已就绪，请输入你的问题`
                    }
                }
                else {
                    document.getElementById('gptStatus').innerHTML = `&nbsp openAI 没有就绪，请更换你的IP为非大陆节点`
                    throw new Error('Error while executing the code');
                }
            },
            onerror: function (err) {
                document.getElementById('gptStatus').innerHTML = `&nbsp openAI 没有就绪，请更换你的IP为非大陆节点`
                throw new Error('Error while executing the code');
            },
            ontimeout: function (err) {
                document.getElementById('gptStatus').innerHTML = `&nbsp openAI 没有就绪，请更换你的IP为非大陆节点`
                throw new Error('Error while executing the code');
            }
        })
    }
    function addBothStyle() {
        GM_addStyle(`
        #dot{
    height: 4px;
    width: 4px;
    display: inline-block;
    border-radius: 2px;
    animation: dotting 2.4s  infinite step-start;
}
  @keyframes dotting {
    25%{
        box-shadow: 4px 0 0 #71777D;
    }
    50%{
        box-shadow: 4px 0 0 #71777D ,14px 0 0 #71777D;
    }
    75%{
        box-shadow: 4px 0 0 #71777D ,14px 0 0 #71777D, 24px 0 0 #71777D;
    }
}
 pre{
     overflow-x: auto;
      overflow-y: hidden;
     background: #fffaec;
    border-radius: 4px;
    padding: 14px 3px;
 }
 pre::-webkit-scrollbar {
 }
    pre code.hljs {
    display: block;
    overflow-x: auto;
    padding: 1em
}

code.hljs {
    padding: 3px 5px
}

.hljs {
    background: #fffaec;
    color: #612d2d
}

.hljs-comment {
    color: #697070
}

.hljs-punctuation,.hljs-tag {
    color: #444a
}

.hljs-tag .hljs-attr,.hljs-tag .hljs-name {
    color: #444
}

.hljs-attribute,.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-name,.hljs-selector-tag {
    font-weight: 700
}

.hljs-deletion,.hljs-number,.hljs-quote,.hljs-selector-class,.hljs-selector-id,.hljs-string,.hljs-template-tag,.hljs-type {
    color: #098658
}

.hljs-section,.hljs-title {
    color: #1313ffdb;
    font-weight: 700
}

.hljs-link,.hljs-operator,.hljs-regexp,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-symbol,.hljs-template-variable,.hljs-variable {
    color: #001080
}

.hljs-literal {
    color: #695
}

.hljs-addition,.hljs-built_in,.hljs-bullet,.hljs-code {
    color: #397300
}

.hljs-meta {
    color: #1f7199
}

.hljs-meta .hljs-string {
    color: #38a
}

.hljs-emphasis {
    font-style: italic
}

.hljs-strong {
    font-weight: 700
}
    `)
    }
    function getYourCookie() {
        GM_xmlhttpRequest({
            method: "GET",
            url: "https://chat.openai.com/api/auth/session",
            onloadend: function (data) {
                if (data) {
                    data = JSON.parse(data.response)
                    console.log(data.accessToken)
                    //     window.document.cookie=`your_cookie=${data.accessToken};expire:1000*60*60*24`
                    setCookie("your_cookie", data.accessToken, 1)
                }
            },
            onerror: function (err) {
                throw new Error('Error while executing the code');

            },
            ontimeout: function (err) {
                throw new Error('Error while executing the code');
            }
        })


    }
    function setCookie(cname, cvalue, exdays) {
        var d = new Date();
        d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
        var expires = "expires=" + d.toGMTString();
        document.cookie = cname + "=" + cvalue + "; " + expires;
    }
    //原生cookie函数
    function getCookieObject() {
        let cookieString = document.cookie;
        cookieString = cookieString.substring(0, cookieString.length - 1);
        let tempCookieArray = cookieString.split('; ');

        let cookieObject = {}; // 存放 cookie 键值对

        tempCookieArray.forEach(item => {
            let name = item.substring(0, item.indexOf('='));
            let value = item.substring(item.indexOf('=') + 1);
            value = decodeURIComponent(value); // 还原字符串
            cookieObject[name] = value; // 将键值插入中这个对象中
        });

        return cookieObject // 返回包含 cookie 键值对的对象
    }
    function sendModerations() {
        GM_xmlhttpRequest({
            method: "POST",
            url: requestUrl,
            headers: {
                "Content-Type": "application/json",
                Authorization: `Bearer ${your_cookie}`,
            },
            data: JSON.stringify({
                input: getCookieObject().preQuesAns,
                model: "text-moderation-playground"
            }),
            onloadend: function (data) {
                console.log(data)
            },
            onerror: function (err) {
                throw new Error('Error while executing the code');

            },
            ontimeout: function (err) {
                throw new Error('Error while executing the code');
            }
        })


    }
    function autoClick() {
        document.getElementById('button_GPT').click()
    }
    function linkToBing_beautification_script() {

        if (getCookieObject.blurDeg && getCookieObject.aDeg1 && getCookieObject.aDeg2) {
            document.getElementById('gptDiv').style.background = `#ffffff${getCookieObject.aDeg2}`
            document.getElementById('gptDiv').style.backdropFilter = `${getCookieObject.blurDeg}`
        }
    }
    function creatBox_and_addEventlis(append_case) {
        var divE = document.createElement('div');
        var divId = document.createAttribute("id"); //创建属性
        divId.value = 'gptDiv'; //设置属性值
        divE.setAttributeNode(divId); //给div添加属性
        var pE = document.createElement('p');
        var pClass = document.createAttribute('class');
        pClass.value = 'textClass';
        pE.setAttributeNode(pClass)
        var pText = document.createTextNode("chatGPT tools Plus ++ v0.1.3已启动");
        pE.appendChild(pText);
        divE.appendChild(pE);
        switch (append_case) {
            case 0:
                if (divE) {
                    document.getElementById('b_context').prepend(divE)
                }
                break;
            case 1:
                if (document.getElementsByClassName('TQc1id ')[0]) {
                    document.getElementsByClassName('TQc1id ')[0].prepend(divE);
                }
                else {
                    document.getElementById("rcnt").appendChild(divE);
                }
                break;
            case 2:
                if (document.getElementById('content_right')) {
                    document.getElementById('content_right').prepend(divE)
                }
                break;
            default:
                if (divE) {
                    document.getElementById('b_context').prepend(divE)
                }
        }
        document.getElementById('gptDiv').innerHTML = `<div id="gptInputBox"><input id="gptInput"type=text><button id="button_GPT">chat一下</button></div><div id=gptCueBox><p id="gptStatus">&nbsp openAI已就绪，请输入你的问题</p><div id="gptAnswer">chatGPT tools Plus++免费版v0.1.3已启动</div></div><p></p>`
        var search_content
        if (append_case === 2) {
            search_content = document.getElementById('kw').value
        }
        if (append_case === 1) {
            search_content = document.querySelector("#tsf > div:nth-child(1) > div.A8SBwf > div.RNNXgb > div > div.a4bIc > input:nth-child(3)").value
        }
        if (append_case === 0) {
            search_content = document.getElementsByClassName('b_searchbox')[0].value
        }
        document.getElementById("gptInput").value = search_content
        document.getElementById('button_GPT').addEventListener('click', () => {
            your_qus = document.getElementById("gptInput").value
            do_it()

        })
    }
    function log(a) {
        console.log(a)
    }

    function Uint8ArrayToString(fileData) {
        var dataString = "";
        for (var i = 0; i < fileData.length; i++) {
            dataString += String.fromCharCode(fileData[i]);
        }

        return dataString
    }
    function decodeUnicode(str) {
        str = str.replace(/\\/g, "%");
        //转换中文
        str = unescape(str);
        //将其他受影响的转换回原来
        str = str.replace(/%/g, "\\");
        //对网址的链接进行处理
        str = str.replace(/\\/g, "");
        return str;
    }
    function mdConverter(rawData) {
        var converter = new showdown.Converter();  //增加拓展table
        converter.setOption('tables', true);  //启用表格选项。从showdown 1.2.0版开始，表支持已作为可选功能移入核心拓展，showdown.table.min.js扩展已被弃用
        var view = converter.makeHtml(rawData);
        return view;
    }
    function getCookie(cname) {
        var name = cname + "=";
        var ca = document.cookie.split(';');
        for (var i = 0; i < ca.length; i++) {
            var c = ca[i].trim();
            if (c.indexOf(name) == 0) return c.substring(name.length, c.length);
        }
        return "";
    }
    const sleep = (time) => {
        return new Promise(resolve => setTimeout(resolve, time))
    }
    function sound2words(){
        var recognition = new webkitSpeechRecognition();
        recognition.lang = 'zh-CN';
        recognition.onresult = function(event) {
            console.log(event.results[0][0].transcript)
        }
        recognition.start();
    }




})();