highlight keywords in my favorites
目前為
// ==UserScript==
// @name highlight-my-interest
// @name:zh-CN 高亮关键词
// @description highlight keywords in my favorites
// @description:zh-CN 高亮特定网页中感兴趣的关键词
// @version 0.3.0
// @author jferroal
// @license GPL-3.0
// @grant GM_xmlhttpRequest
// @require https://greasyfork.org/scripts/31793-jmul/code/JMUL.js?version=209567
// @include http://*
// @include https://*
// @run-at document-end
// @namespace https://greasyfork.org/users/34556-jferroal
// ==/UserScript==
(function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
let JMUL = window.JMUL || {}
const Map = (list, fn) => {
let result = []
if (list && list.length) {
for (let i = 0; i < list.length; i += 1) {
result.push(fn(list[i]))
}
}
return result
}
class TextElement {
constructor(element) {
this.element = new JMUL.Element(element)
this.innerText = this.element.innerText
this.shouldHighlight = false
}
highlight() {
for (const keyword of TextElement.keywords) {
const keywordPattern = new RegExp(keyword.str, 'gi')
if (keywordPattern.test(this.innerText)) {
this.shouldHighlight = true
this.element.setCss(TextElement.highlightStyle[keyword.type || 'default'])
this.element.setAttribute('title', keyword.title)
}
}
}
static init(setting) {
TextElement.highlightStyle = {}
Object.keys(setting.color).forEach((type) => {
TextElement.highlightStyle[type] = {
background: setting.color[type].bg,
color: setting.color[type].text,
}
})
}
static setKeywords(keywords) {
TextElement.keywords = keywords
}
static findAll() {
return TextElement.targetTagNames.reduce((res, tagName) => {
const tags = document.getElementsByTagName(tagName)
return res.concat(Map(tags, (e) => new TextElement(e)))
}, [])
}
}
TextElement.targetTagNames = ['h1', 'h2', 'h3', 'h4', 'h5', 'p', 'a', 'pre', 'blockquote', 'summary']
module.exports = TextElement
},{}],2:[function(require,module,exports){
const KeywordService = require('./keyword.service');
const SettingService = require('./setting.service');
const TextElement = require('./element');
const Config = {};
(function () {
let highlightedCount = 0;
const href = window.location.href;
loadSetting().then((setting) => {
KeywordService.init(setting, href);
TextElement.init(setting);
highlight()
});
window.addEventListener('scroll', highlight);
function loadSetting () {
SettingService.init(Config);
return SettingService.load();
}
function highlight () {
const elements = TextElement.findAll();
if (elements.length === highlightedCount) return;
KeywordService.list().then((keywords) => {
TextElement.setKeywords(keywords);
elements.map((e) => e.highlight());
highlightedCount = elements.length;
});
}
})();
},{"./element":1,"./keyword.service":3,"./setting.service":5}],3:[function(require,module,exports){
class KeywordService {
static init (setting, href) {
KeywordService.Setting = setting;
KeywordService.keywords = [];
const sites = Object.keys(KeywordService.Setting.sites);
if (!sites || !sites.length) return;
sites.forEach((site) => {
const sitePattern = new RegExp(site, 'gi');
if (sitePattern.test(href)) {
KeywordService.keywords.push(...sites[ site ]);
}
});
}
static list () {
return Promise.resolve(KeywordService.keywords);
}
}
module.exports = KeywordService;
},{}],4:[function(require,module,exports){
class Setting {
constructor (jsonBody) {
Object.assign(this, jsonBody);
}
}
module.exports = { Setting };
},{}],5:[function(require,module,exports){
const Setting = require('./setting').Setting
const {Request} = window.JMUL || {JMUL: {}}
const DefaultKeywords = [
{
'str': 'react',
'title': 'react',
'type': 'programming'
},
{
'str': '爬虫',
'title': '爬虫',
'type': 'programming'
},
{
'str': '数据',
'title': '数据'
},
{
'str': 'android',
'title': 'android',
'type': 'programming'
},
{
'str': 'javascript',
'title': 'javascript',
'type': 'programming'
},
{
'str': 'flask',
'title': 'flask',
'type': 'programming'
},
{
'str': '框架',
'title': '框架'
},
{
'str': '限免',
'title': '限免',
'type': 'software'
},
{
'str': '智能家居',
'title': '智能家居'
},
{
'str': '笔记',
'title': '笔记'
},
{
'str': '手账',
'title': '手账'
},
{
'str': 'google',
'title': 'google'
},
{
'str': '谷歌',
'title': '谷歌'
},
{
'str': '书籍',
'title': '书籍'
}
]
const DefaultResponseHandler = (_response) => {
let response = _response
if (typeof _response === 'object' && _response.responseText) {
response = _response.responseText
}
return new Setting(JSON.parse(response))
}
class SettingService {
static init(config) {
SettingService.loadUrl = config.loadUrl
SettingService.method = config.method || 'GET'
SettingService.contentType = config.contentType || 'application/json'
SettingService.data = config.data || {}
SettingService.resHandler = config.resHandler || DefaultResponseHandler
}
static load() {
if (!SettingService.loadUrl) return Promise.resolve(SettingService.DefaultSetting)
const request = new Request({headers: {'content-type': SettingService.contentType}})
request.setUrl(SettingService.loadUrl)
request.setMethod(SettingService.method)
request.setData(SettingService.data)
return request.send().then((response) => {
return SettingService.resHandler(response.responseText)
})
}
}
SettingService.DefaultSetting = {
color: {
default: {
bg: '#FFDA5E',
text: 'black'
}
},
keywords: {
'https://sspai.com/*': DefaultKeywords,
'https://toutiao.io/*': DefaultKeywords,
'http://www.inoreader.com/*': DefaultKeywords,
},
}
module.exports = SettingService
},{"./setting":4}]},{},[2]);