☰

Next API

2023/12/31 13:10:52 通过GPT辅助查询

// ==UserScript==
// @name        Next API
// @namespace   Violentmonkey Scripts
// @match      *://www.baidu.com/s*
// @match      *://www.baidu.com/*
// @match      http://www.baidu.com/*
// @match      https://www.baidu.com/*
// @match      *://*.bing.com/*
// @grant      GM_setClipboard
// @grant      GM_addStyle
// @grant      GM_getResourceText
// @require    https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js
// @require    https://cdn.bootcdn.net/ajax/libs/showdown/2.1.0/showdown.min.js
// @require    https://cdn.bootcdn.net/ajax/libs/highlight.js/11.7.0/highlight.min.js
// @require    https://cdn.bootcss.com/toastr.js/latest/js/toastr.min.js
// @resource toastCss  https://cdn.bootcss.com/toastr.js/latest/css/toastr.min.css
// @grant       none
// @version     1.1.5.1
// @author      yang
// @description 2023/12/31 13:10:52 通过GPT辅助查询
// @license    MIT
// ==/UserScript==
console.log("加载脚本：" + GetNowDate());
window.onload = function (e) {

    creatBox();
    GM_addStyle(GM_getResourceText("toastCss"));
    // //存储访问密钥到缓存
    // let SNKey = localStorage.getItem("SNKey");
    // if (SNKey === null) {
    //     let result = window.prompt("请输入访问密钥！");
    //     if (result === null) {
    //         document.getElementById('gptAnswer').innerHTML = "取消访问...";
    //         return;
    //     } else {
    //         localStorage.setItem("SNKey", result);
    //     }
    // }
}

//全局变量 存储搜索关键字
var keyWord = "";


// if (window.location.href.indexOf("baidu.com\/s") > -1) {
//   var query = document.getElementById("kw").value;
//   console.log("用户输入的搜索词：" + query);
//   PostData(query);
// }

//绘画输出框
function creatBox() {
    let local = `
    <div id="panelTop" class="panelP panelS slide-out">
    <div class="searchC">
        <textarea class="text" id="story" name="story" rows="3" cols="33"
            placeholder="It was a dark and stormy night..."></textarea>
        <button class="btn" id='CusomBtn' onclick="">查询</button>
    </div>
    <div class="card">
        <article id="gptAnswer" class="markdown-body" style="height:350px;overflow-y: scroll;">请稍等一会...</article>
    </div>
</div>

<div class="footer">
    <button id="showHtml" class="showBtn"></button>
</div>
<style>
    .panelP {
        position: fixed;
        right: 20px;
        width: 300px;
        background-color: #f5f5f5;
        padding: 10px;
        /*     height: 500px; */
        position: fixed;
        bottom: 40px;
        overflow-y: overflow;
        z-index: 999;
    }

    .panelS {
        /*   width: 200px;
  height: 200px; */
        background-color: gray;
        transition: transform 0.3s ease, opacity 0.3s ease;
    }

    .slide-out {
        transform: translateX(200px);
        opacity: 0;
        /*pacity: 1;*/
    }

    .slide-in {
        transform: translateX(0);
        opacity: 1;
    }


    .footer {
        position: fixed;
        bottom: 20px;
        /* 根据需求调整到合适的位置 */
        right: 20px;
        /* 根据需求调整到合适的位置 */
        /*         width: 300px; */
        /* 根据需求调整大小 */
        /*         background-color: #f5f5f5; */
        padding: 10px;
        /*         border: 1px solid #ccc; */
    }

    pre .btn-pre-copy {
        text-align: right;
        display: block;
    }

    pre .btn-pre-copy:hover {
        cursor: pointer;
    }

    .card {
        border: 0.5px solid #ccc;
        /* 设置边框 */
        background-color: #fff;
        /* 设置背景颜色 */
        padding: 5px;
        /* 设置内部间距 */
        margin: 10px;
        /* 设置外部间距 */
        border-radius: 5px;
        /* 添加圆角效果 */
        max-height: 350px;
        overflow: hidden;
        overflow-y: scroll;

    }

    /*搜索框*/
    .searchC {
        position: relative;

    }

    .text {
        margin: 10px;
        max-height: 200px;
        width: 280px;
        border-radius: 5px;
        color: #9E9C9C;
        resize: vertical;
        overflow-y: scroll;
    }

    .btn {

        height: 50rpx;
        background: #7BA7AB;
        border-radius: 0 5px 5px 0;
        margin: 0px 10px;
        width: 280px;

        /*         position: absolute; */
    }

    .showBtn {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background-image: url('https://pic.imgdb.cn/item/6314920616f2c2beb162b42a.gif');
        background-size: cover;
        background-size: cover;
        background-position: center;
    }
</style>
    `;
    let divE = document.createElement('div');
    //divE.classList.add("markdown-body");
    divE.innerHTML = local;

    let NewDom = document.getElementById("gptAnswer");

    // let content_right = "";
    // if (window.location.href.indexOf("baidu.com\/s") > -1) {
    //     content_right = document.getElementById('content_right');
    // }
    // if ((window.location.href.indexOf("bing.com") > -1)) {
    //     content_right = document.getElementById('b_context');
    // }
    if (NewDom === null && content_right !== null) {
        content_right.prepend(divE);
        //监听自定义事件
        document.getElementById("CusomBtn").addEventListener("click", jl(write, 1500));
        document.getElementById("showHtml").addEventListener("click", function (event) {
            // 执行你的搜索操作或其他逻辑
            //console.log("用户输入的搜索词：" + query);
            var panel = document.getElementById('panelTop'); // 选取id为panel的元素
            //panel.style.display = panel.style.display === 'none' ? 'block' : 'none';

            if (isSlidedIn) {
                panel.classList.remove('slide-in');
                panel.classList.add('slide-out');

            } else {
                panel.classList.remove('slide-out');
                panel.classList.add('slide-in');
                write();
            }

            isSlidedIn = !isSlidedIn;


        })
    }
}

var isSlidedIn = false;





// //监听回车搜索事件
// document.getElementById("kw").addEventListener("keydown", function(event) {
//   if (event.keyCode === 13) {
//     // 回车键被按下
//     //event.preventDefault(); // 阻止默认的提交行为
//     var query = document.getElementById("kw").value;
//     // 执行你的搜索操作或其他逻辑
//     console.log("用户输入的搜索词：" + query);
//     creatBox();
//     //执行获取
//     PostData(query);
//   }
// });

// if (window.location.href.indexOf("baidu.com\/s") > -1) {
//     // //监听回车搜索事件
//     document.getElementById("su").addEventListener("click", function (event) {
//         // var query = document.getElementById("kw").value;
//         //  // 执行你的搜索操作或其他逻辑
//         //  console.log("用户输入的搜索词：" + query);
//         //  creatBox();
//         //  //执行获取
//         //  PostData(query);
//         PostData(keyWord);
//     });
// }


//定时任务
setInterval(() => {
    creatBox();
    let key = "";
    if (window.location.href.indexOf("baidu.com\/s") > -1) {
        key = getUrlParam(window.location.href, 'wd');
    }
    if ((window.location.href.indexOf("bing.com") > -1)) {
        key = getUrlParam(window.location.href, 'q');
    }

    if (key !== keyWord) {
        keyWord = key;
        //执行获取
        //PostData(keyWord);

        document.getElementById("story").value = keyWord;
    }
});





// function CusomBtn() {
//     document.getElementById('gptAnswer').innerHTML = "请稍等一会儿...";
//     let key = document.getElementById("story").value;
//     PostData(key);
// }

//获取地址栏参数
function getUrlParam(url, param) {
    const reg = new RegExp("(^|&)" + param + "=([^&]*)(&|$)");
    const result = url.substring(url.indexOf('?') + 1).match(reg);
    if (result != null) {
        return decodeURIComponent(result[2]);
    }
    return null;
}

function containsProgrammingLanguage(str) {
    const programmingLanguages = ['C#', 'c#', 'Java', 'java', 'Python', 'JavaScript', 'js']; // 编程语言列表

    for (let i = 0; i < programmingLanguages.length; i++) {
        const language = programmingLanguages[i];
        if (str.includes(language)) {
            return true;
        }
    }

    return false;
}

// // 示例用法
// const string1 = '我喜欢编程，特别是C#和JavaScript';
// console.log(containsProgrammingLanguage(string1)); // 输出: true

// const string2 = '这个字符串没有编程语言的名称';
// console.log(containsProgrammingLanguage(string2)); // 输出: false

function PostData(query, isCheck = true) {

    let SNKey = localStorage.getItem("SNKey")
    if (SNKey === null) {
        let result = window.prompt("请输入访问密钥！");
        if (result === null) {
            document.getElementById('gptAnswer').innerHTML = "取消访问...";
            toastr.error("用户取消访问！");
            return;
        } else {
            localStorage.setItem("SNKey", result);
            SNKey = result;
        }
    }
    //isCheck && !containsProgrammingLanguage(query)
    if (isCheck) {
        console.log("过滤。。。。");
        document.getElementById('gptAnswer').innerHTML = "搜索无效。。。";
        return;
    }


    var obj = {
        "messages": [{
            "role": "system",
            "content": "\nYou are ChatGPT, a large language model trained by OpenAI.\nKnowledge cutoff: 2021-09\nCurrent model: gpt-3.5-turbo\nCurrent time: 2023/12/31 12:13:57\nLatex inline: $x^2$ \nLatex block: $$e=mc^2$$\n\n"
        },
        {
            "role": "user",
            "content": query
        }
        ],
        "stream": false,//是否使用流输出
        "model": "gpt-3.5-turbo",
        "temperature": 0.5,
        "presence_penalty": 0,
        "frequency_penalty": 0,
        "top_p": 1
    };
    var httpRequest = new XMLHttpRequest();
    var url = "https://api.nextapi.fun/v1/chat/completions";
    httpRequest.open("POST", url, true);
    httpRequest.setRequestHeader("Content-type", "application/json");
    httpRequest.setRequestHeader("Authorization", "Bearer " + SNKey);
    httpRequest.send(JSON.stringify(obj)); //发送请求 将json写入send中
    httpRequest.onreadystatechange = function () {
        if (httpRequest.readyState === XMLHttpRequest.DONE) {
            if (httpRequest.status === 200) {
                //处理响应结果
                var result = httpRequest.responseText;
                //console.log(new Date());
                result = JSON.parse(result);
                //console.log(result)
                //console.log(result.choices[0].message.content);
                var message = result.choices[0].message.content;

                // var renderedHTML = marked.parse(message);
                // // console.log(renderedHTML);
                // creatBox();
                // var NewDom = document.getElementById("outputStory");
                // NewDom.innerHTML  = renderedHTML;
                creatBox();
                showAnserAndHighlightCodeStr(message);
                toastr.success("插件辅助查询到相关信息!", "成功");

            } else {
                //处理请求失败
                //alert('请求失败');
                toastr.error("请求失败。")
            }
        }
    };
}

//显示答案并高亮代码函数
function showAnserAndHighlightCodeStr(codeStr) {
    if (!codeStr) return
    rawAns = codeStr; //记录原文
    try {
        document.getElementById('gptAnswer').innerHTML = mdConverter(codeStr)
    } catch (ex) {
        console.error(ex)
    }
    highlightCodeStr() //高亮
    //添加代码复制按钮 start
    let preList = document.querySelectorAll("#gptAnswer pre")
    preList.forEach((pre) => {
        try {
            if (!pre.querySelector(".btn-pre-copy")) {
                //<span class=\"btn-pre-copy\" onclick='preCopy(this)'>复制代码</span>
                let copyBtn = document.createElement("span");
                copyBtn.setAttribute("class", "btn-pre-copy");
                copyBtn.addEventListener("click", (event) => {
                    let _this = event.target
                    //console.log(_this)
                    let pre = _this.parentNode;
                    //console.log(pre.innerText)
                    _this.innerText = '';
                    GM_setClipboard(pre.innerText, "text");
                    _this.innerText = '复制成功'
                    toastr.success("恭喜，操作成功了！", "成功")
                    setTimeout(() => {
                        _this.innerText = '复制代码'
                    }, 2000)
                })
                copyBtn.innerText = '复制代码'
                pre.insertBefore(copyBtn, pre.firstChild)
            }
        } catch (e) {
            console.log(e)
        }
    })
    //添加代码复制按钮 end
}


//高亮代码函数
function highlightCodeStr() {
    let gptAnswerDiv = document.querySelector("#gptAnswer");
    gptAnswerDiv.querySelectorAll('pre code').forEach((el) => {
        hljs.highlightElement(el);
    });
}

//转换Md格式为Html
function mdConverter(rawData) {
    let converter = new showdown.Converter();
    converter.setOption('tables',
        true); //启用表格选项。从showdown 1.2.0版开始，表支持已作为可选功能移入核心拓展，showdown.table.min.js扩展已被弃用
    converter.setOption('openLinksInNewWindow', true) //链接在新窗口打开
    converter.setOption('strikethrough', true) //删除线
    converter.setOption('emoji', true) //开启emoji

    /***
     * original: John Gruber 规范中的原始 Markdown 风格
     * vanilla：对决基础风味（v1.3.1 起）
     * github: GitHub 风格的 Markdown，或 GFM
     */
    showdown.setFlavor('github');

    try {
        return converter.makeHtml(rawData);
    } catch (ex) {
        console.error(ex)
    }
    return rawData;

}

//获取当前时间
function GetNowDate() {
    // 创建一个 Date 对象来表示当前时间
    var now = new Date();

    // 获取年份、月份、日期、小时、分钟和秒数
    var year = now.getFullYear();
    var month = ('0' + (now.getMonth() + 1)).slice(-2); // 月份从 0 开始，需要加 1
    var day = ('0' + now.getDate()).slice(-2);
    var hours = ('0' + now.getHours()).slice(-2);
    var minutes = ('0' + now.getMinutes()).slice(-2);
    var seconds = ('0' + now.getSeconds()).slice(-2);

    // 构建年月日时分秒的字符串格式
    var formattedDateTime = year + '-' + month + '-' + day + ' ' + hours + ':' + minutes + ':' + seconds;

    // 输出结果
    return formattedDateTime;
}

//节流函数
function jl(fn, deplay) {
    let timer;
    return function () {
        let content = this;
        let ar = arguments;
        if (timer) {
            toastr.warning("手速过快！")
            return;
        }
        timer = setTimeout(function () {
            fn.apply(content, arguments);
            timer = null;
        }, deplay);
    }
}

var query = "";
function write() {
    console.log('已经成功实现节流');
    if (query === document.getElementById("story").value) {
        return;
    }
    query = document.getElementById("story").value;
    document.getElementById('gptAnswer').innerHTML = "请稍等一会儿...";

    if (query.length === 0) {
        toastr.warning("请输入自定义关键字/句！")
        return;
    }
    // 执行你的搜索操作或其他逻辑
    //console.log("自定义搜索词：" + query);
    creatBox();
    //执行获取
    PostData(query, false);
}