// ==UserScript==
// @name         屏蔽百度广告及关键字
// @namespace    http://tampermonkey.net/
// @version      3.0.5
// @description  屏蔽百度广告及关键字
// @author       linger
// @match        https://www.baidu.com/*
// @grant        none
// ==/UserScript==

(function () {
  'use strict';
  window.shieldDebug = false;
  window.blackList = {};
  let select = document.querySelector.bind(document);
  let selectAll = document.querySelectorAll.bind(document);
  const $ = (selector, parent) => Array.from((parent || document).querySelector(selector));
  const $$ = (selector, parent) => Array.from((parent || document).querySelectorAll(selector));
  const _ = createElement;

  function createElement(type, data, children, pointer) {
    const element = document.createElement(type);
    const { id, 'class': className, ...attribute } = data;

    if (typeof id === 'string') {
      element.id = id;
    }

    if (Array.isArray(className)) {
      element.classList.add(...className);
    } else if (typeof className === 'string') {
      element.classList.add(className);
    }

    if (Array.isArray(children)) {
      children.forEach(child => {
        let result = child;
        if (typeof child === 'string') {
          result = new Text(child);
        }
        element.appendChild(result);
      });
    } else if (typeof children === 'string') {
      element.appendChild(new Text(children));
    } else if (children) {
      element.appendChild(children);
    }

    for (let name in attribute) {
      if (typeof attribute[name] === 'string') {
        element.setAttribute(name, attribute[name]);
      }
    }

    pointer && (pointer.element = element);
    return element;
  }

  let selector = {
    // 搜索组件
    form: '#form.fm',
    // 页面容器（通过classList长度判断页面状态）
    wrapper: '#wrapper',
    // 搜索状态
    inSearchWrapper: '.wrapper_s, .wrapper_l',
    // 搜索词输入框容器
    inputWrapper: '.s_ipt_wr',
    // 搜索词输入框
    input: '#kw',
    // 屏蔽词输入框
    delete: '#shield',

    // 主体容器
    result: '#content_left',
    // 右边栏容器
    side: '#content_right',
    // 右边栏主体
    rightList: '#con-ar',
    // 大型banner
    bigBanner: '#con-at',
    // 右边栏登陆提示
    loginHint: '.hint_right_middle',
    // 提示下载百度app的二维码
    qrcode: '.qrcodeCon',
    // 相关搜索
    rs: '#rs',
    // 导航
    sTab: '.s_tab_inner',

    // 首页左上导航
    homeLeft: '#s-top-left',
    // 首页底部信息
    homeBottom: '#bottom_layer',
    // 首页搜索热词
    homeHot: '#s-hotsearch-wrapper',
    // 首页百度app下载二维码
    homeQrcode: '#s_qrcode_nologin',
  };

  // 初始化，入口方法
  function init() {
    insert();
    console.log('shield');
    deleteHomePage();
    deleteShieldWords();
    deleteUnnecessary();
    let result = select(`${selector.result}`);
    let first = false;
    setInterval(function () {
      if (result) {
        if (!getComputedStyle(result).height || first) {
          first = false;
          result = select(`${selector.result}`);
          console.log('shield');
          deleteUnnecessary();
          deleteShieldWords();
        }
      } else {
        first = true;
        result = select(`${selector.result}`);
      }
    }, 200);
  }

  // 插入屏蔽词输入框，修改样式，监听失焦事件以执行屏蔽操作
  function insert() {
    let inputWrapper = select(`${selector.inputWrapper}`);
    let shieldInput = document.createElement('input');
    shieldInput.setAttribute('placeholder', '屏蔽词');
    shieldInput.setAttribute('id', 'shield');
    shieldInput.setAttribute('autocomplete', 'off');
    // 避免焦点移动到搜索输入框
    shieldInput.addEventListener('click', function (event) {
      event.preventDefault();
      event.stopPropagation();
    });
    shieldInput.addEventListener('blur', deleteShieldWords);

    inputWrapper.appendChild(createEditor(shieldWords));

    // inputWrapper.appendChild(shieldInput);
    beauty();
  }

  let shieldWords = !localStorage.shieldWords ? [
    { word: '输入后回车或点击加号添加', valid: false, regexp: false, html: false },
    { word: 'debug 屏蔽词开启调试模式', valid: false, regexp: false, html: false },
    { word: 'debug', valid: true, regexp: false, html: false },
    { word: '右侧 .* 按钮开启正则模式', valid: false, regexp: true, html: false },
    { word: '右侧 </> 按钮开启HTML匹配', valid: false, regexp: false, html: true },
    { word: '右侧 x 按钮删除本条屏蔽词', valid: false, regexp: false, html: false },
  ] : JSON.parse(localStorage.shieldWords);

  function newWord(word) {
    return {
      word,
      valid: true,
      regexp: false,
      html: false,
    };
  }

  function createEditor(data) {
    const editor = {};
    const content = {};
    const wordInput = {};
    const addButton = {};
    const editButton = {};
    const resetButton = {};
    _('div', { class: 'editor' },
      _('div', { class: ['editor-content', 'editor-content--close'] }, [
        _('div', { class: 'editor-item' }, [
          _('input', { class: ['editor-input'], type: 'text', placeholder: '屏蔽词' }, [], wordInput),
          _('button', { class: ['editor-button', 'editor-block'], type: 'button' }, '+', addButton),
          _('button', { class: ['editor-button', 'editor-block'], type: 'button' }, 'E', editButton),
        ]),
        _('div', { class: 'editor-item' }, [
          "说明: ",
          // _('button', { class: ['editor-button', 'editor-block'], type: 'button' }, ' reset ', resetButton),
          _('button', { class: ['editor-button', 'editor-block'], type: 'button' }, '.*'),
          "正则; ",
          _('button', { class: ['editor-button', 'editor-block'], type: 'button' }, '</>'),
          "HTML匹配; ",
          _('button', { class: ['editor-button', 'editor-block'], type: 'button' }, 'x'),
          "删除; ",
        ]),
        _('div', { class: 'editor-item' }),
      ].concat(data.map(createEditorItem)), content),
      editor,
    );

    editButton.element.addEventListener('click', function () {
      content.element.classList.toggle('editor-content--close');
    });

    document.body.addEventListener('click', function () {
      content.element.classList.add('editor-content--close');
    });

    // resetButton.element.addEventListener('click', function () {
    //   localStorage.removeItem('shieldWords');
    //   window.location.reload();
    // });

    // 避免回车搜索
    wordInput.element.addEventListener('keypress', function (event) {
      if (event.key === 'Enter') {
        event.preventDefault();
        event.stopPropagation();
        addButton.element.click();
      }
    });

    addButton.element.addEventListener('click', function (event) {
      event.stopPropagation();
      if (wordInput.element.value !== '') {
        const word = newWord(wordInput.element.value);
        data.push(word);
        // save data
        localStorage.shieldWords = JSON.stringify(data);
        content.element.appendChild(createEditorItem(word));
        wordInput.element.value = '';
        wordInput.element.placeholder = '添加成功';
        setTimeout(function () {
          wordInput.element.placeholder = '屏蔽词';
        }, 2000);
      }
      deleteShieldWords();
    });

    content.element.addEventListener('click', function (event) {
      event.stopPropagation();
      if (event.target.classList.contains('editor-remove')) {
        data.splice($$('.editor-remove', content.element).indexOf(event.target), 1);
        // save data
        localStorage.shieldWords = JSON.stringify(data);
        deleteShieldWords();
        content.element.removeChild(event.target.parentElement);
      } else if (event.target.classList.contains('editor-valid')) {
        const index = $$('.editor-valid', content.element).indexOf(event.target);
        data[index].valid = event.target.checked;
        // save data
        localStorage.shieldWords = JSON.stringify(data);
        deleteShieldWords();
      } else if (event.target.classList.contains('editor-regexp')) {
        const index = $$('.editor-regexp', content.element).indexOf(event.target);
        data[index].regexp = event.target.checked;
        // save data
        localStorage.shieldWords = JSON.stringify(data);
        deleteShieldWords();
      } else if (event.target.classList.contains('editor-html')) {
        const index = $$('.editor-html', content.element).indexOf(event.target);
        data[index].html = event.target.checked;
        // save data
        localStorage.shieldWords = JSON.stringify(data);
        deleteShieldWords();
      }
    });

    return editor.element;
  }

  function createEditorItem(data) {
    const content = {};
    const remove = {};
    const item = {};
    _('div', { class: 'editor-item', draggable: 'true' }, [
      _('label', { class: ['editor-checkbox', 'editor-block'] }, [
        _('input', { class: ['editor-checkbox_input', 'editor-valid'], type: 'checkbox', checked: data.valid && 'checked' }),
        _('span', { class: 'editor-checkbox_border' }),
      ]),
      _('span', { class: 'editor-word' }, data.word, content),
      _('label', { class: ['editor-checkbox', 'editor-block'] }, [
        _('input', { class: ['editor-checkbox_input', 'editor-regexp'], type: 'checkbox', checked: data.regexp && 'checked' }),
        _('span', { class: 'editor-checkbox_border' }, '.*'),
      ]),
      _('label', { class: ['editor-checkbox', 'editor-block'] }, [
        _('input', { class: ['editor-checkbox_input', 'editor-html'], type: 'checkbox', checked: data.html && 'checked' }),
        _('span', { class: 'editor-checkbox_border' }, '</>'),
      ]),
      _('button', { class: ['editor-button', 'editor-block', 'editor-remove'], type: 'button' }, 'x', remove),
    ], item);
    return item.element;
  }

  // 修改样式
  function beauty() {
    let style = document.createElement('style');
    style.innerHTML = `
.s_ipt_wr:not(#up):not(#up):not(#up) {
  width: 591px;
  height: 44px;
  border: 1px solid #c4c7ce;
  border-radius: 4px 0 0 4px;
  border-right: 0;
  overflow: visible;
  box-sizing: border-box;
}
#head_wrapper .s_ipt_wr:not(#up):not(#up):not(#up) {
  width: 546px;
}
#head_wrapper .s_ipt:not(#up):not(#up):not(#up) {
  width: 245px !important;
}
.wrapper_s .s_ipt_wr:not(#up):not(#up):not(#up),
.wrapper_l .s_ipt_wr:not(#up):not(#up):not(#up) {
  height: 40px;
}
.s_ipt:not(#up):not(#up):not(#up) {
  width: 290px !important;
  height: 40px;
  margin: 0;
  padding: 10px 0 10px 14px !important;
  border: 0;
  outline: none;
  background: transparent;
  font: 16px/18px arial;
  box-sizing: border-box;
  -webkit-appearance: none;
}
.wrapper_s .s_ipt:not(#up):not(#up):not(#up),
.wrapper_l .s_ipt:not(#up):not(#up):not(#up) {
  height: 38px;
}

.s_ipt_wr:hover,
.s_ipt_wr.ipthover{border-color:#999 !important}
.s_ipt_wr.iptfocus{border-color:#4e71f2 !important}

.bdsug-new:not(#up):not(#up):not(#up) {
  width: 590px;
  top: 35px;
  border-radius: 0 0 4px 4px;
  border: 1px solid #4E6EF2!important;
  border-top: 0!important;
  box-shadow: none;
  font-family: Arial,"PingFang SC","Microsoft YaHei",sans-serif;
  z-index: 1;
}
.wrapper_s .bdsug-new:not(#up):not(#up):not(#up),
.wrapper_l .bdsug-new:not(#up):not(#up):not(#up) {
  top: 31px;
}

#su{
  border-radius: 0 4px 4px 0 !important;
}

#shield {
  display: inline-block!important;
  width: 150px;
  height: 20px;
  margin: 10px 0;
  padding: 0 0 0 24px;
  border: none;
  border-left: 1px solid #b6b6b6;
  outline: none;
  font: 16px/18px arial;
  box-sizing: border-box;
  vertical-align: top;
}
.wrapper_s #shield,
.wrapper_l #shield{
  height: 18px;
}

#lg{
  padding-top: 100px;
}
.s-tab-news, .s-tab-video, .s-tab-zhidao, .s-tab-wenku, .s-tab-tieba, .s-tab-b2b, .s-tab-more{
  display: none !important;
}

.editor:not(#up):not(#up):not(#up) {
  display: inline-block!important;
  width: var(--editor-width--close);
  height: var(--editor-height);
  border-radius: 4px;
  vertical-align: top;
  --editor-height: 38px;
  --editor-width: 300px;
  --editor-width--close: 300px;
  --editor-offset: 4px;
  --editor-block: 20px;
  --editor-block-margin-top: calc((var(--editor-height) - var(--editor-block)) / 2 - var(--editor-offset));
  --editor-border-default: #b6b6b6;
  --editor-border-active: #4a65d2;
  --editor-content-background: #ffffff;
}

.editor-content:not(#up):not(#up):not(#up) {
  position: relative;
  z-index: 9999;
  display: flex;
  flex-wrap: wrap;
  width: calc(var(--editor-width) * 3);
  max-height: calc(var(--editor-height) * 8.5);
  border-radius: 4px;
  outline-width: 1px;
  outline-style: solid;
  outline-color: var(--editor-border-default);
  background-color: var(--editor-content-background);
  overflow: scroll;
}

.editor-content--close:not(#up):not(#up):not(#up) {
  width: var(--editor-width--close);
  height: var(--editor-height);
  outline-style: none;
  overflow: hidden;
}

.editor-item:not(#up):not(#up):not(#up) {
  display: flex;
  box-sizing: border-box;
  width: var(--editor-width);
  height: var(--editor-height);
  padding: var(--editor-offset);
  line-height: 28px;
  overflow: hidden;
  vertical-align: top;
}

.editor-item:nth-child(1):not(#up):not(#up):not(#up) {
  width: var(--editor-width--close);
}

.editor-input:not(#up):not(#up):not(#up) {
  display: inline-block !important;
  box-sizing: border-box;
  width: calc(100% - (var(--editor-block) + var(--editor-offset) * 2) * 2);
  height: 18px;
  margin: 6px 4px 0 -4px;
  padding-left: 20px;
  border: none;
  border-left: 1px solid transparent;
  outline: none;
  font: 16px/18px arial;
  vertical-align: top;
}

.editor-content--close > .editor-item:nth-child(1) > .editor-input:not(#up):not(#up):not(#up) {
  border-left: 1px solid var(--editor-border-default);
}

.editor-block:not(#up):not(#up):not(#up) {
  display: inline-block;
  flex-shrink: 0;
  min-width: var(--editor-block);
  height: var(--editor-block);
  margin: var(--editor-block-margin-top) var(--editor-offset) 0;
  border-radius: 4px;
  vertical-align: top;
}

.editor-checkbox:not(#up):not(#up):not(#up) {
  position: relative;
  overflow: hidden;
}

.editor-checkbox_input:not(#up):not(#up):not(#up) {
  width: calc(var(--editor-block));
  height: calc(var(--editor-block));
  margin: 0;
  vertical-align: top;
}

.editor-checkbox_input:not(#up):not(#up):not(#up) {
  -webkit-appearance: checkbox;
}

.editor-checkbox_border:not(#up):not(#up):not(#up) {
  position: absolute;
  left: 0;
  top: 0;
  box-sizing: border-box;
  width: var(--editor-block);
  height: var(--editor-block);
  border: 1px solid var(--editor-border-default);
  border-radius: 4px;
}

.editor-valid:checked + .editor-checkbox_border:not(#up):not(#up):not(#up) {
  border: none;
}

.editor-regexp, .editor-html {
  opacity: 0;
}

.editor-regexp + .editor-checkbox_border:not(#up):not(#up):not(#up),
.editor-html + .editor-checkbox_border:not(#up):not(#up):not(#up) {
  line-height: var(--editor-block);
  text-align: center;
}

.editor-regexp:checked + .editor-checkbox_border:not(#up):not(#up):not(#up),
.editor-html:checked + .editor-checkbox_border:not(#up):not(#up):not(#up) {
  border-color: var(--editor-border-active);
  color: var(--editor-border-active);
}

.editor-button:not(#up):not(#up):not(#up) {
  min-width: var(--editor-block);
  padding: 3px;
  border: 1px solid var(--editor-border-default);
  background-color: transparent;
  font-size: 14px;
  line-height: 12px;
  text-align: center;
}

.editor-button:not(#up):not(#up):not(#up):active {
  border-color: var(--editor-border-active);
}

.editor-word:not(#up):not(#up):not(#up) {
  width: calc(100% - (var(--editor-block) + var(--editor-offset) * 2) * 3);
  overflow: scroll;
  white-space: nowrap;
}

.editor-content::-webkit-scrollbar, .editor-word::-webkit-scrollbar {
  display: none;
}
`;
    let form = select(`${selector.form}`);
    form.appendChild(style);
  }

  // 将节点视觉隐藏，并避免被百度检测到导致广告重新插入页面
  function deleteNodeNeverBack(node, type) {
    node.setAttribute(`data-${type}`, 'true');
    node.style.border = '1px solid crimson';
    node.style.background = '#66ccff';
    if (!window.shieldDebug) {
      node.style.position = 'absolute';
      node.style.transform = 'scale(0)';
    } else {
      node.style.position = 'relative'
      node.style.transform = 'scale(1)';
    }
  }

  function showNode(node) {
    node.setAttribute('style', '');
  }

  // 将节点列表全部隐藏
  function deleteIt(arr) {
    arr.forEach(c => {
      deleteNodeNeverBack(c, 'isad');
      console.log(['remove', c]);
    });
  }

  // 删除首页多余信息
  function deleteHomePage() {
    [
      selectAll(selector.homeLeft),
      selectAll(selector.homeHot),
      selectAll(selector.homeBottom),
      selectAll(selector.homeQrcode),
    ].forEach(c => deleteIt(c));
  }

  // 隐藏广告以及与搜索结果无关的内容
  function deleteUnnecessary() {
    // 插入搜索结果中的各种广告（广告未被检测插回时，只有普通节点拥有 ${selector.link} 类名）
    // 不同类型白名单，可以做成可自行配置的
    let whiteList = [
      'se_com_default', // 普通结果
      'musicsong', // 音乐结果
      'tieba_general', 'tieba_offical', 'tieba_star', // 百度贴吧
      'bk_polysemy', // 百度百科
      'img_address', // 百度图片
      'mapdots', // 百度地图
      'dict3', 'sp_fanyi', // 百度翻译
      /* 小工具模块 */
      // 'exrate', // 搜索计算器，进制换算等
      // 'exactqa', // 电影，节日信息（百度知识图谱）
      // 'exactqa_word', // 百度汉语
      /* 小工具模块 */
      'ip', // ip工具
      'calendar_pc', 'ms_calendar',// 日历
      'ms_measures_pc', // 长度换算工具
    ];
    let blackList = [
      'sp_realtime_bigpic5', // 实时资讯信息
      'edu_link_l', 'jy_course_and_org_pc', // 教育培训机构
      'yl_vd_kg_pc', // 影视列表
      'short_video_pc', // 视频列表
      'se_st_single_video_zhanzhang', // 视频网站推广
      'ms_weak_kefu', // 百度安全号码认证平台
      'stockweakdemand', 'stockdynamic_moretab', 'stockdynamic', // 股票信息(, 东方财富网, 新浪财经)
      'vmp_zxenterprise', // 企业信息
      'zp_exact_new', // 百度百聘
      'ask_doctor', 'med_disease_kg_collection', 'med_qa',// 百度达尔文计划
    ];

    /**
     * 搜索结果广告
     */
      // 记录搜索词到 localStorage 关联未知的 tpl 类型
    let kw = select(`${selector.input}`).value;
    let json = !localStorage.shield ? {} : JSON.parse(localStorage.shield);
    let resultADs = Array.from(selectAll(`${selector.result}>div`)).map(c => {
      let tpl = c.getAttribute('tpl');
      if (tpl) {
        json[tpl] = {
          kw: kw,
          title: c.children[0].innerText.substr(0, 20),
          time: new Date().getTime(),
        };
      }
      // 黑名单 tpl 直接隐藏
      if (blackList.indexOf(tpl) > -1) {
        return c;
      }
      // 白名单 tpl 一般不处理
      else if (whiteList.indexOf(tpl) > -1 || /^ex/.test(tpl)) {
        // 白名单中带有推广广告标签的信息隐藏（正常情况下只在 ADBak 之后会有这样的节点）
        if (c.innerHTML.indexOf('data-tuiguang') > -1) {
          return c;
        }
        return null;
      }
      // 保留搜索词勘误提示（无tpl信息）
      else if (c.id === 'super_se_tip') {
        return null;
      }
      // 其余全部隐藏但保存tpl供查询
      else {
        if (tpl && !window.blackList.hasOwnProperty(tpl)) {
          window.blackList[tpl] = c;
        }
        return c;
      }
    }).filter(c => c);
    // 将 tpl 信息保存回 localStorage
    localStorage.shield = JSON.stringify(json);

    /**
     * 右边栏大块广告广告（改版后未验证）
     */
    let sideADs = selectAll(`${selector.side}>div`);

    /**
     * 右边栏各种列表
     */
    let topList = [];
    if (select(selector.rightList)) {
      topList = Array.from(select(selector.rightList).children).map(c => {
        let tpl = c.getAttribute('tpl');
        if (tpl !== 'right_recommends_merge') {
          return c;
        } else {
          return null;
        }
      }).filter(c => c);
    }

    /**
     * 隐藏奇怪的东西
     */
    let others = [
      // 登录提示
      selectAll(selector.loginHint),
      // 提示下载百度app的二维码
      selectAll(selector.qrcode),
      // 导航
      // selectAll(selector.sTab),
      // 相关搜索
      selectAll(selector.rs),
      // 大型banner
      selectAll(selector.bigBanner),
    ];

    [resultADs, sideADs, topList, ...others].forEach(c => deleteIt(c));
  }

  // 屏蔽主逻辑，屏蔽包含关键词的搜索结果
  function clear(type) {
    let results = selectAll(`${selector.result}>div`);
    results.forEach(c => {
      c.setAttribute('data-word', 'false');
    });
    window.shieldDebug = false;
    shieldWords.forEach(function (command) {
      if (command.word === 'debug' && command.valid) {
        window.shieldDebug = true;
      }
    });
    shieldWords.forEach(function (deleteWord) {
      if (deleteWord.valid) {
        results.forEach(c => {
          if (type === 'hard') {
            let str = c.innerText;
            if (deleteWord.html) {
              str = c.innerHTML;
            }
            let result;
            if (deleteWord.regexp) {
              result = new RegExp(deleteWord.word).test(str);
            } else {
              result = str.indexOf(deleteWord.word) > -1;
            }
            if (result) {
              deleteNodeNeverBack(c, 'word');
              console.log(['ignore result', c]);
            }
          }
        });
      }
    });
    results.forEach(c => {
      if (c.dataset.word !== 'true' && c.dataset.isad !== 'true') {
        showNode(c);
      }
    });
  }

  // 执行屏蔽主逻辑，扩展用
  function deleteShieldWords() {
    clear('hard');
    deleteUnnecessary();
  }

  init();
})();