☰

chatGPT tools Plus ++

chatGPT in bing&Google!

Versione datata 07/12/2022. Vedi la nuova versione l'ultima versione.

// ==UserScript==
// @name         chatGPT tools Plus ++
// @namespace    http://tampermonkey.net/
// @version      0.2.4
// @description  chatGPT in bing&Google!
// @author       Onion
// @match        https://cn.bing.com/*
// @match      https://chat.openai.com/chat
// @match      https://www.google.com/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=openai.com
// @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
// @grant       GM_xmlhttpRequest
// @grant       GM_addStyle

// @require    https://cdn.jsdelivr.net/npm/[email protected]/marked.min.js
// @license    MIT
// ==/UserScript==

(function() {
    'use strict';
    //重要声明：感谢隔壁作者：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
    //脚本猫用户不用管hhh，I'love scriptCat！
    //目前谷歌布局支持很烂，隔壁布局真好！
   

    //顶级配置
    const your_cookie=``

    var your_qus

    if (window.location.href.indexOf("cn.bing.com") > -1) {
        creatBox_and_addEventlis(0)
        GM_add_box_style(0)
        keyEvent()
    }
    if (window.location.href.indexOf("chat.openai.com") > -1) {
        //$.cookie('yourCookie','dumplings', {domain:'qq.com',path:'/'});
        console.log("httpOnly保护，没法拿到cookie，自己复制粘贴")
    }
    if (window.location.href.indexOf("www.google.com") > -1) {
        creatBox_and_addEventlis(1)
        GM_add_box_style(1)
         keyEvent()
    }

    //顶级函数
    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;
    }
    #button_GPT:hover{
    background:#ffffffcc;
    }
    #gptDiv{
     border-radius: 8px;
    padding: 10px;
    margin-bottom: 9px;
    width:452px;
    translate:-20px;
    background:#ffffffcc;
    backdrop-filter: blur(5px);
    }
    #button_GPT{
    }
    #button_GPT{
    background: transparent;
    translate: 10px 3px;
    border-radius: 3px;
    }
    #gptCueBox{
        translate: 3px;
    }

#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;
    }
}

    `)
                break;
            case 1: //google
                GM_addStyle(`
    #gptAnswer{
   margin: 15px;
   border-top: solid;
    border-bottom: solid;
    }
    #gptInput{
    border-radius: 4px;
    }
    #button_GPT:hover{
    background:#dcdcdccc;
    }
    #gptDiv{
    /* border-radius: 8px;
    padding: 10px;
    margin-bottom: 9px;
    list-style-type: none;
    background:#ffffffcc;
    backdrop-filter: blur(5px);
    margin-bottom: 30px;*/
    /*border-radius: 8px;
    border: 1px solid #dadce0;*/
    height: fit-content;
    }
    #button_GPT{

    }
    #button_GPT{
    background: transparent;
    translate: 19px 3px;
    border-radius: 3px;
     font-size: 14px;
    }
    #gptCueBox{
      
    }

#dot{
    height: 4px;
    width: 4px;
    display: inline-block;
    border-radius: 2px;
    animation: dotting 2.4s  infinite step-start;
}
.GyAeWb{
flex-wrap:unset !important;
}
@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;
    }
}

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

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

        }
        else{
            document.getElementById('gptAnswer').innerHTML=`<div>加载中<span id="dot"></span></div>`

        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(),
            }),

            onloadend: function (data) {
                if (data.response) {
                    var data_transform=data.response.split("\n\n")
                    if(data_transform){
                        data_transform=JSON.parse(data_transform.slice(-3,-2)[0].slice(6))
                    }
                    var answer=data_transform.message.content.parts[0]
                    //     const answer = JSON.parse(data.response.split("\n\n").slice(-3, -2)[0].slice(6)).message.content.parts[0]
                    document.getElementById('gptAnswer').innerHTML=marked.parse(answer)

                }
            },

            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_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.0.1已启动");
        pE.appendChild(pText);
        divE.appendChild(pE);



        switch (append_case){
            case 0:
                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;
            default :
                document.getElementById('b_context').prepend(divE)
        }
        document.getElementById('gptDiv').innerHTML=`
<div>
<input id="gptInput" type=text><button id="button_GPT" >chat一下</button>
</div>
<div id=gptCueBox>
<p>&nbsp openAI 已就绪，请输入你的问题</p>
<div id="gptAnswer">chatGPT tools Plus ++ v0.1.2已启动</div>
</div><p></p>

`
        document.getElementById('button_GPT').addEventListener('click',()=>{
            your_qus=document.getElementById("gptInput").value
            do_it()

        })
    }
    //焦点函数
    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("失焦不执行")
            }

        }}

    }


})();