show unfamiliar words
当前为
// ==UserScript==
// @name unfamiliar_words
// @include http://readonlinefreebook.com/*
// @include https://readonlinefreebook.com/*
// @supportURL https://github.com/sxlgkxk/browser_script/issues
// @version 0.1
// @description show unfamiliar words
// @namespace http://sxlgkxk.github.io/
// @author sxlgkxk
// @icon http://sxlgkxk.github.io/im/avatar.jpg
// @license MIT
// @grant GM_getValue
// @grant GM_setValue
// @grant GM_xmlhttpRequest
// ==/UserScript==
var scripts_dom = document.createElement('script');
scripts_dom.src = 'https://unpkg.com/axios/dist/axios.min.js';
scripts_dom.type = 'text/javascript';
document.getElementsByTagName('head')[0].appendChild(scripts_dom);
var scripts_dom = document.createElement('script');
scripts_dom.src = 'https://cdn.jsdelivr.net/npm/fuse.js/dist/fuse.js';
scripts_dom.type = 'text/javascript';
document.getElementsByTagName('head')[0].appendChild(scripts_dom);
(function(){
// readonlinefreebooks_novel_content_dom
let content_dom=document.querySelector('#des_novel')
if (!content_dom) content_dom=document.querySelector('div.chapterContent')
/* -------------------------------- words_dom -------------------------------- */
// words_dom: [normal, main, sub, ignore]
let words_dom=document.createElement('div')
content_dom.before(words_dom)
words_dom.style.width='100%'
words_dom.style.backgroundColor='#333'
words_dom.style.lineHeight='2'
words_dom.style.padding='20px'
words_dom.innerHTML=`<script src="https://unpkg.com/axios/dist/axios.min.js"></script>`
let normal_html=`<details open><summary id="normal_summary">normal words</summary>`
+`<button id="batch_ignore_btn" style="background-color:#444; color:#ddd ;border:0; margin-top:4px;margin-bottom:4px; margin-left:20px; padding-top:5px;padding-bottom:5px;">batch ignore</button>`
+`<table style='width: 100%'>`
let main_html=`<details open><summary id="main_summary">main words</summary><table style='width: 100%'>`
let sub_html=`<details><summary id="sub_summary">sub words</summary><table style='width: 100%'>`
let ignore_html=`<details><summary id="ignored_summary">ignored words</summary>`
+`<button id="ignored_update_btn" style="background-color:#444; color:#ddd ;border:0; margin-top:4px;margin-bottom:4px; margin-left:20px; padding-top:5px;padding-bottom:5px;">ignored words update</button>`
+`<table style='width: 100%'>`
let search_html=`<div id="dictionary_panel">
<input placeholder="search fuzzy here" id="search_input" autocomplete="off"></input>
<div id="search_results"></div>
</div>
`
/* -------------------------------- words extract -------------------------------- */
// novel text -> words_set
let content=content_dom.innerText
let word_regx=/\w{3,}/g
let words_set=new Set()
for(match of content.matchAll(word_regx)){
words_set.add(match[0].toLowerCase())
}
/* -------------------------------- html format -------------------------------- */
let type="" // [normal, main, sub, ignore]
let desc="" // a kind of plant
let word="" // cinnamon
let _tr_html=""
let cnt_normal=0, cnt_main=0, cnt_sub=0, cnt_ignore=0;
for(word of words_set){
desc=localStorage.getItem("w-"+word)
if(desc){
if(desc[0]=='-')
type='sub'
else if(desc[0]=='#'){
type='ignore';
desc=""
}else
type='main'
}else{
type='normal';
desc=""
}
/*
1. 比较糙. 因为js没有str.format方法
2. 大概注解(以word==cinnamon为例):
1. tr#w-cinnamon
2. 第一个td: 存放title: td.w-main.w-main-title
3. 第二个td: 存放button: td.w-modify, 属性值word=cinnamon
4. 第三个td: 存放desc
*/
_tr_html=`<tr id="w-`+word+`">
<td style="text-align: right; padding-right:20px;width: 120px;" class="w-`+type+` w-`+type+`-title">`
+word
+`</td>`
_tr_html+=`<td style="width:60px">`
+`<button style="background-color:#444; color:#666 ;border:0; margin-top:4px;margin-bottom:4px;margin-left:4px;margin-right:4px" class="w-modify" word="`+word+`">+</button>`
+`<button style="background-color:#444; color:#666 ;border:0; margin-top:4px;margin-bottom:4px;margin-left:4px;margin-right:4px" class="w-translate" word="`+word+`">?</button>`
+`</td>`
_tr_html+=`<td class="w-`+type+`">`+desc+`</td></tr>`
if(type=="normal") {normal_html += _tr_html; cnt_normal++}
else if(type=="main") {main_html += _tr_html; cnt_main++}
else if(type=="sub") {sub_html += _tr_html; cnt_sub++}
else {ignore_html += _tr_html; cnt_ignore++}
}
normal_html+='</table></details>'
main_html+='</table></details>'
sub_html+='</table></details>'
ignore_html+='</table></details>'
words_dom.innerHTML+=normal_html+main_html+sub_html+ignore_html+search_html+`
<style>
td.w-main{color:#8bdb81;}
td.w-sub{color:#9ad0ec;}
td.w-ignore{color:#666}
td.w-normal{color:#aaa}
td.w-changed{color:#bdb2ff}
td.w-main-title, td.w-sub-title{font-weight:bold}
summary{color: #aaa;text-align: center;}
td, li, ol, ul, p, span{font-family: Arial !important;}
button.translateBtn{
background-color:#444;
color:#666;
border:0;
margin-top:4px;
margin-bottom:4px;
margin-left:4px;
margin-right:4px
}
ul, ol{padding-left: 50px;}
#dictionary_panel{
background-color: #232323;
left:0px;
top:0px;
right:0px;
padding: 10px;
position:fixed;
opacity:0.9;
}
</style>
<img src="https://picsum.photos/seed/`+location.href.replaceAll("/","")+`/400/300" style="margin-left:auto;margin-right:auto;display:block"></img>`
// add words cnt info
document.querySelector('#normal_summary').innerText+="("+cnt_normal+")"
document.querySelector('#main_summary').innerText+="("+cnt_main+")"
document.querySelector('#sub_summary').innerText+="("+cnt_sub+")"
document.querySelector('#ignored_summary').innerText+="("+cnt_ignore+")"
if(cnt_normal==0) document.querySelector('#batch_ignore_btn').style.display='none'
/* -------------------------------- dictionary search -------------------------------- */
let dictionarySet=new Set()
for(i=0;i<localStorage.length;i++){
key=localStorage.key(i)
if (key.substr(0,2)=="w-"){
word=key.substring(2)
desc=localStorage.getItem(key)
dictionarySet.add(word)
}
}
let fuse=null
function updateSearcher(){
fuse=new Fuse(Array.from(dictionarySet))
}
function search(word){return fuse.search(word)}
wait_fuse_interval=setInterval(()=>{
if (!Fuse) return
clearInterval(wait_fuse_interval)
updateSearcher()
}, 200)
// dictionary panel
// enter event
search_input= document.querySelector("#search_input");
search_input.addEventListener("keyup", function(event) {
if (event.key === "Enter") {
input_val=search_input.value
search_input.value=""
input_pair=input_val.split(":")
word=input_pair[0].trim()
dictionarySet.add(word)
if(input_pair.length==1){
localStorage.setItem('w-'+word, "#")
dictionarySet.add(word)
updateSearcher()
return
}
desc=input_pair[1].trim()
localStorage.setItem('w-'+word, desc)
updateSearcher()
}
});
// input event
search_input.addEventListener("input", function(event) {
input_val=search_input.value
results=search(input_val)
results_html=""
for(i=0;i<Math.min(results.length, 20);i++){
word=results[i].item
desc=localStorage.getItem('w-'+word)
results_html+=`<li>`+word+`<button class="translateBtn" word="`+word+`" onclick="dictionaryTranslate('`+word+`')">?</button> : <span id="dictionaryDesc_`+word+`">`+desc+`</span></li>`
}
document.querySelector('#search_results').innerHTML=results_html
});
// focus shortcut
document.addEventListener("keydown", function(event) {
if (event.ctrlKey && event.altKey && event.key=="f")
search_input.focus()
else if(event.key=="Escape"){
search_input.value=""
document.querySelector('#search_results').innerHTML=``
}
});
/* -------------------------------- edit event -------------------------------- */
// edit comment
for(button of document.querySelectorAll('.w-modify')){
button.onclick=function(){
word=this.getAttribute('word')
desc=localStorage.getItem("w-"+word)
if(!desc)desc="#"
let new_desc = window.prompt("edit '"+word+"' description", desc);
if(new_desc){
localStorage.setItem("w-"+word, new_desc);
let tr_dom=document.querySelector('#w-'+word)
tr_dom.childNodes[3].innerText=new_desc;
tr_dom.style.background="#555"
tr_dom.childNodes[1].classList.remove("w-normal")
tr_dom.childNodes[1].classList.add("w-changed")
}
}
}
// translate button
for(button of document.querySelectorAll('.w-translate')){
button.onclick=function(){
word=this.getAttribute('word')
translate='hi'
axios.get("https://api.dictionaryapi.dev/api/v2/entries/en/"+word)
.then((response) => {
dictionaryHtml=''
console.log(response.data)
for (meaing of response.data[0]["meanings"]){
dictionaryHtml+=`<b style="color:#8bdb81">`+meaing["partOfSpeech"]+`</b>`
for (definition of meaing["definitions"]){
example=definition["example"]
dictionaryHtml+=`<li title="`+example+`">`+definition["definition"]+`</li>`
}
}
let tr_dom=document.querySelector('#w-'+word)
tr_dom.childNodes[3].innerHTML=dictionaryHtml;
})
}
}
function dictionaryTranslate(word){
axios.get("https://api.dictionaryapi.dev/api/v2/entries/en/"+word)
.then((response) => {
dictionaryHtml='<ul>'
for (meaing of response.data[0]["meanings"]){
dictionaryHtml+=`<b style="color:#8bdb81">`+meaing["partOfSpeech"]+`</b>`
for (definition of meaing["definitions"]){
example=definition["example"]
dictionaryHtml+=`<li title="`+example+`">`+definition["definition"]+`</li>`
}
}
dictionaryHtml+='</ul>'
document.querySelector(`#dictionaryDesc_`+word).innerHTML=dictionaryHtml
})
}
window.dictionaryTranslate = dictionaryTranslate
// batch ignore button
let batch_ignore_btn=document.querySelector('#batch_ignore_btn')
batch_ignore_btn.onclick=function(){
let words=document.querySelectorAll('td.w-normal.w-normal-title')
for(word of words){
let new_desc="#"
localStorage.setItem("w-"+word.innerText, new_desc);
let tr_dom=document.querySelector('#w-'+word.innerText)
tr_dom.childNodes[3].innerText=new_desc;
tr_dom.style.background="#555"
tr_dom.childNodes[1].classList.remove("w-normal")
tr_dom.childNodes[1].classList.add("w-changed")
}
}
// gist : ignored_update_btn
let ignored_update_btn=document.querySelector('#ignored_update_btn')
ignored_update_btn.onclick=function(){
gist_token=localStorage.getItem('gist_token')
if(!gist_token){
gist_token=prompt('gist_token?')
localStorage.setItem('gist_token',gist_token)
}
// pull
let gist_id="619c0365354b267317315c1a5435bcc0"
let ignored_word_set=null
axios.get("https://api.github.com/gists/"+gist_id)
.then((response) => {
let data = response.data;
content=data.files["ignored_words.json"].content
ignored_word_set=new Set(JSON.parse(content))
for(word of ignored_word_set){
word_desc=localStorage.getItem("w-"+word)
if(!word_desc)
localStorage.setItem("w-"+word, "#")
}
})
.then(()=>{
// merge
for(i=0;i<localStorage.length;i++){
key=localStorage.key(i)
if (key.substr(0,2)=="w-"){
val=localStorage.getItem(key)
if(val[0]=="#")
ignored_word_set.add(key.substr(2))
}
}
let push_text=JSON.stringify(Array.from(ignored_word_set))
// push
axios.patch("https://api.github.com/gists/"+gist_id
, {
files:{
"ignored_words.json":{
"content": push_text,
}
}
}
, {headers:{Authorization:"token "+gist_token}})
.then((response) => {
alert('update success')
})
})
}
})();
QingJ © 2025
镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址