壁垒搜索

自定义搜索引擎如谷歌、百度、YOUTUBE、B站、豆瓣、CSDN、贴吧、知乎、简书等，自动识别选择内容，快捷键"Alt+x"作为脚本开关。
当前为 2022-04-28 提交的版本，查看最新版本。
换行
// ==UserScript==
// @name         壁垒搜索
// @namespace    https://github.com/Bleu404/
// @version      1.0.0
// @description  自定义搜索引擎如谷歌、百度、YOUTUBE、B站、豆瓣、CSDN、贴吧、知乎、简书等，自动识别选择内容，快捷键"Alt+x"作为脚本开关。
// @author       bleu
// @compatible   chrome Tampermonkey
// @license      GPL-3.0-only
// @match        *://*/*
// @icon         https://cdn.jsdelivr.net/gh/Bleu404/PRPO@main/png/BarrierSearch.png
// @grant        GM_setValue
// @grant        GM_getValue
// @require      https://cdn.jsdelivr.net/npm/[email protected]/dist/gbk.min.js
// ==/UserScript==

(function () {

    'use strict';
    const hotkey ='x';//小写，替换x为其他键位
    let defInfo;
    function addCssStyle() {
        let cssStyle = `#BleuBSUI {z-index: 9999!important;top: 30%;left: 30%;width: 400px;overflow: auto;position: fixed;border-radius: 10px;background: linear-gradient(45deg,rgba(18,194,233,0.9), rgba(196,113,237,0.9),rgba(246,79,89,0.9))}
        .bleu_bs_but{font-weight: bold;box-shadow: 3px 2px 2px 1px rgb(0 0 0 / 50%);border-radius: 5px;font-size: 16px;width: fit-content;}
        .bleu_bs_but:active{box-shadow: 0 5px #666;transform: translateY(4px)}
        .bleu_bs_inp{padding: 3px;border: 0px;outline-style: none;border-radius: 50px;font-size: 18px;background-color: #fff;box-shadow: 2px 2px 2px 1px rgb(0 0 0 / 20%);width:70%}
        #bleu_bs_addei div{margin: 10px;}
        #bleu_bs_addei label{margin-right: 10px;font-size: 16px}
        .bleu_bs_showitem{font-size: 14px;margin: 10px;border-radius: 6px;width: 180px;box-shadow: 3px 2px 2px 1px rgb(0 0 0 / 50%);}
        .bleu_bs_showitem span{margin: 5px;font-weight: bold;}
        .bleu_bs_showitem span:active{box-shadow: 0 5px #666;transform: translateY(4px)}
        .bleu_bs_showitem_info{width: 120px;display: inline-block;}
        #BleuBSUI a{text-decoration: none;color: black;}`;
        let style = document.createElement('style');
        style.innerHTML = cssStyle;
        document.querySelector('head').appendChild(style);
    }

    function getHtml(){ 
        let retHtml=`<div id="bleu_bs_title" style="padding-left: 30%;font-size: 22px;"><span style="font-weight: bold;"><a href="https://greasyfork.org/zh-CN/users/798733-bleu" target="_blank">壁垒搜索</a></span>™<span style="font-size: 13px;font-style: oblique;"><a href="https://github.com/Bleu404/" target="_blank">  by bleu</a></span></div>
        <div id="bleu_bs_search" style="margin: 10px;"><input type="text" class="bleu_bs_inp" style="width: 75%;text-align: center;">
        <div style="margin-right: 4%;float: right;padding: 3px;" class="bleu_bs_but">搜索</div></div>
        <div class="bleu_bs_but addeni" style="margin: 10px;">添加搜索引擎</div>
        <div id="bleu_bs_addei" style="display:none;"><div><label>名称:</label><input style="font-size: 16px;" type="text" placeholder="自定义搜索引擎名称" class="bleu_bs_inp name"></div><div><label>地址:</label><input style="font-size: 16px;" placeholder="网址格式（用%s代替搜索字词）" type="text" class="bleu_bs_inp url"></div><div><label>数据:</label><textarea placeholder="POST方式，地址中使用了%s，本框不用填写" type="text" class="bleu_bs_inp data" style="display: inline-table;border-radius: 5px;font-size: 16px;"></textarea></div>
        <div><label>中文乱码时选择：</label><input type="checkbox" class="bleu_bs_gbk"></input></div>
        <div style="display: flex;"><div class="bleu_bs_but ok">确定</div><div class="bleu_bs_but ccl">取消</div></div></div>
        <div id="bleu_bs_show" style="display: inline-flex;flex-wrap: wrap;"></div>`;
        return retHtml;
    }

    function getSelectedText() {
        if (window.getSelection) {
            return window.getSelection().toString();
        } else if (document.selection) {
            return document.selection.createRange().text;
        }
        return '';
    }

    function clearInput(){
        document.querySelector('.bleu_bs_inp.name').value="";
        document.querySelector('.bleu_bs_inp.url').value="";
        document.querySelector('.bleu_bs_inp.data').value="";
        document.querySelector('.bleu_bs_gbk').checked=false;
        document.querySelector('#bleu_bs_addei').style.display = "none";
    }

    function saveEngine(){
        GM_setValue("bs", JSON.stringify(defInfo.filter(item => item!="")));
    }

    function addSearchEngine(name,index,iswork){
        let engine = document.createElement('div');
        engine.className = 'bleu_bs_showitem';
        if(index == undefined){
            iswork = true;
            defInfo.push({'name':name,'url':document.querySelector('.bleu_bs_inp.url').value,'data':document.querySelector('.bleu_bs_inp.data').value,'iswork':true,'isgbk':document.querySelector('.bleu_bs_gbk').checked});
            index = defInfo.length-1;
        }
        engine.setAttribute("index",index);
        engine.setAttribute("state",iswork?1:0);
        engine.oncontextmenu =()=>{return false;};
        engine.innerHTML = `<span class="bleu_bs_showitem_info"><span>${iswork?"✅":"❌"}</span>${name}</span>|<span class="bleu_bs_showitem_del">删除</span></div></div>`;
        ListenItem(engine);
        document.querySelector('#bleu_bs_show').appendChild(engine);
    }

    function ListenItem(itemNode) {
        itemNode.querySelector('.bleu_bs_showitem_info').addEventListener('mousedown', function (e) {
            let i;
            if(e.button==2){
                document.querySelector('#bleu_bs_show').childNodes.forEach(item=>{
                    item.setAttribute('state',0);
                    i = item.getAttribute('index');
                    defInfo[i]['iswork']=false;
                    item.firstChild.firstChild.innerHTML='❌';
                })
                i = e.target.parentNode.getAttribute('index');
                e.target.parentNode.setAttribute('state',1);
                defInfo[i]['iswork']=true;
                e.target.parentNode.firstChild.firstChild.innerHTML='✅';
            }
            if(e.button==0){
                i = e.target.parentNode.getAttribute('index');
                if(e.target.parentNode.getAttribute('state')==1){
                    e.target.parentNode.setAttribute('state',0);
                    defInfo[i]['iswork']=false;
                    e.target.parentNode.firstChild.firstChild.innerHTML='❌';
                }else{
                    e.target.parentNode.setAttribute('state',1);
                    defInfo[i]['iswork']=true;
                    e.target.parentNode.firstChild.firstChild.innerHTML='✅';
                }
            }
            saveEngine();
        })
        itemNode.querySelector('.bleu_bs_showitem_del').addEventListener('click', function (e) {
            let i = e.target.parentNode.getAttribute('index');
            defInfo[i]="";
            e.target.parentNode.remove();
            saveEngine();
        })
    }

    function searchitem(str) {
        document.querySelectorAll('.bleu_bs_showitem[state="1"]').forEach(item=>{
            let engine = defInfo[item.getAttribute('index')];
            if(engine['isgbk']){
                str = GBK.URI.encodeURIComponent(str);
            }
            if(engine['url'].indexOf('%s')>0){
                window.open(engine['url'].replace('%s',str));
            }else if(engine['data']){
                window.open(engine['url']+'?'+engine['data'].replace('%s',str));
            }
        })
    }

    function BSComeOut() {
        let bsui = document.createElement('div'),textInp;
        bsui.id = 'BleuBSUI';
        bsui.innerHTML = getHtml();
        document.body.appendChild(bsui);
        defInfo.forEach((item,index) => {
            addSearchEngine(item["name"],index,item["iswork"]);
        });
        textInp = document.querySelector('#bleu_bs_search input');
        textInp.value=getSelectedText();
        textInp.focus();
        textInp.addEventListener('keypress',(e)=>{
            e.keyCode == 13&&document.querySelector('#bleu_bs_search div').click();
        })
        document.querySelector('#bleu_bs_search div').addEventListener('click', function () {
            document.querySelector('#BleuBSUI').style.display = 'none';
            searchitem(textInp.value);//encodeURIComponent() .replace(' ','+')
        })
        document.querySelector('.bleu_bs_but.addeni').addEventListener('click', function () {
            let temp = document.querySelector('#bleu_bs_addei');
            temp.style.display = temp.style.display === "none"?"block":"none";
            document.querySelector('.bleu_bs_inp.data').disabled = false;
        })
        document.querySelector('.bleu_bs_inp.data').addEventListener('click', function (e) {
            let temp = document.querySelector('.bleu_bs_inp.url').value;
            if(temp.indexOf('%s')>=0){
                e.target.disabled = true;
            }
        })
        document.querySelector('.bleu_bs_but.ok').addEventListener('click', function () {
            addSearchEngine(document.querySelector('.bleu_bs_inp.name').value);
            saveEngine();
            clearInput();
        })
        document.querySelector('.bleu_bs_but.ccl').addEventListener('click', function () {
            clearInput();
        })
    }

    addCssStyle();
    document.addEventListener("keydown", (e) => {
        if (e.altKey && e.key == hotkey) {
            let temp = document.querySelector('#BleuBSUI');
            if (temp) {
                if(temp.style.display === "none"){
                    temp.style.display = "block";
                    document.querySelector('#bleu_bs_search input').value=getSelectedText();
                    document.querySelector('#bleu_bs_search input').focus();
                }else{
                    temp.style.display = "none";
                }
            } else {
                defInfo = JSON.parse(GM_getValue('bs')||null)||[];
                BSComeOut();
            }
        }
    });
})();