// ==UserScript==
// @name OKX_exchange
// @namespace [email protected]
// @version 0.1
// @description the OKX_exchange
// @author [email protected]
// @match *://www.okx.com
// @match *://*.okx.com
// @license AGPL License
// @grant GM_download
// @grant GM_openInTab
// @grant GM_setValue
// @grant GM_getValue
// @grant GM_deleteValue
// @grant GM_xmlhttpRequest
// @grant GM_addStyle
// @grant unsafeWindow
// @grant GM_setClipboard
// @grant GM_getResourceURL
// @grant GM_getResourceText
// @grant GM_info
// @grant GM_registerMenuCommand
// @grant GM_cookie
// ==/UserScript==
(function () {
'use strict';
if (typeof window != 'undefined' && !window.$) {
window.$ = {
get: function (URL, queryJSON, callback) {
let xhr;
if (window.XMLHttpRequest) {
xhr = new XMLHttpRequest();
} else {
xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
xhr.onreadystatechange = function () {
if (xhr.readyState == 4) {
if (xhr.status >= 200 && xhr.status < 300 || xhr.status == 304) {
callback(xhr.responseText);
} else {
callback(new Error("AJAX GET did not find the requested file"), undefined);
}
}
}
let querystring = this._queryjson2querystring(queryJSON);
let joiner
if (!URL.includes('?')) {
joiner = "?"
} else {
joiner = "&"
}
if(querystring){
querystring = joiner + querystring
}
xhr.open("get", URL + querystring, true);
xhr.send(null);
},
post: function (URL, queryJSON, callback) {
let xhr;
if (window.XMLHttpRequest) {
xhr = new window.XMLHttpRequest();
} else {
xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
xhr.onreadystatechange = function () {
if (xhr.readyState == 4) {
if (xhr.status >= 200 && xhr.status < 300 || xhr.status == 304) {
callback(xhr.responseText);
} else {
callback(new Error("AJAX POST did not find the requested file"), undefined);
}
}
}
let querystring = this._queryjson2querystring(queryJSON);
xhr.open("post", URL, true);
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhr.send(querystring);
},
_queryjson2querystring: function (json) {
var arr = [];
for (var k in json) {
arr.push(k + "=" + encodeURIComponent(json[k]));
}
return arr.join("&");
}
}
}
class MyPluginClass {
base_remote_url = "https://api.12gm.com/"
constructor() {
}
get(method, request_data) {
let url = this.remote_url(method)
return new Promise((resolve, reject) => {
$.get(url, request_data, (data) => {
data = this.to_json(data)
resolve(data)
})
})
}
post(method, data) {
let url = this.remote_url(method)
return new Promise((resolve, reject) => {
$.post(url, data, (data) => {
data = this.to_json(data)
resolve(data)
})
})
}
to_json(value){
try{
value = JSON.parse(value)
}catch(e){
console.log(`to_json ${e}`)
console.log(`value ${value}`)
value = null
}
return value
}
get_button_html() {
let html = `
<style>
.add_wordtodocument{
display: block;
z-index: 1050;position: fixed;
right: 7px;
top: 130px;
height: 55px;
font-weight: 900;
background: -webkit-linear-gradient(45deg, #70f7fe, #fbd7c6, #fdefac, #bfb5dd, #bed5f5);
-moz-linear-gradient(45deg, #70f7fe, #fbd7c6, #fdefac, #bfb5dd, #bed5f5);
-ms-linear-gradient(45deg, #70f7fe, #fbd7c6, #fdefac, #bfb5dd, #bed5f5);
color: transparent;
/*设置字体颜色透明*/
/*背景裁剪为文本形式*/
animation: ran 10s linear infinite;
/*动态10s展示*/
border-radius: 25px;
padding: 0 10px;
}
.add_worddiv{
float: left;
width: 200px;
display:none;
}
.add_wordinput{
width: 200px;
height: 30px;
line-height: 30px;
border-radius: 10px;
color: #333333;
}
.add_worddivbutton{
height: 60px;
width: 60px;
position: fixed;
right: 25px;
bottom: 25px;
background: #20a53a;
border-radius: 2px;
/* box-shadow: 0 0 8px 1px #aeaeae; */
text-align: center;
line-height: 60px;
cursor: pointer;
z-index: 99999996;
border-radius: 50%;
color: #fff;
background-image: initial;
background-color: rgb(26, 132, 46);
box-shadow: rgb(70 76 78) 0px 0px 8px 1px;
color: rgb(232, 230, 227);
}
.add_worddiv ul{
margin: 0;
float: left;
padding: 0px;
}
.add_worddiv ul li{
float: left;
}
.add_worddiv ul li .group_span{
color: #000;
font-size: 12px;
line-height: 20px;
/* height: 20px; */
padding-left: 5px;
}
.add_worddiv ul .grouptitle{
height: 14px;
}
.add_wordbutton{
width: 100%;
float: left;
font-weight: bold;
text-align: center;
color: #fff;
display: inline-block;
vertical-align: middle;
font-size: 12px;
text-align: center;
line-height: 15px;
padding-top: 15px;
height: 45px;
}
.worddiv_iframediv{
display: block;
width: 100%;
float: left;
font-weight: bold;
font-size: 30px;
line-height: 55px;
text-align: center;
color: indianred;
}
.worddiv_iframediv{
display: none;
width: 100%;
float: left;
font-weight: bold;
font-size: 30px;
line-height: 55px;
text-align: center;
color: indianred;
}
.worddiv_iframe{
display: block;
width: 100%;
height: 800px;
}
.tip {
position: relative;
margin-left: 20px;
margin-top: 20px;
width: 200px;
background: #8b1a02;
padding: 10px;
position: fixed;
top: 0;
left: 40%;
/*设置圆角*/
z-index: 2100000000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
display:none;
}
/*提示框-左三角*/
.tip-trangle-left {
position: absolute;
bottom: 15px;
left: -10px;
width: 0;
height: 0;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
border-right: 15px solid #8b1a02;
}
/*提示框-右三角*/
.tip-trangle-right {
position: absolute;
top: 15px;
right: -10px;
width: 0;
height: 0;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
border-left: 15px solid #8b1a02;
}
/*提示框-上三角*/
.tip-trangle-top {
position: absolute;
top: -10px;
left: 20px;
width: 0;
height: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 15px solid #8b1a02;
}
/*提示框-下三角*/
.tip-trangle-bottom {
position: absolute;
bottom: -10px;
left: 20px;
width: 0;
height: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-top: 15px solid #8b1a02;
}
.badge_chat-number{
position: fixed;
right: 7px;
z-index: 99999999;
bottom: 70px;
padding: 2px 7px;
font-size: 11px;
background-color: rgb(170, 3, 3);
height: 12px;
line-height: 12px;
border-radius: 10px;
}
</style>
<div class="tip" style="background-color: #8b1a02;" id="WordToNoteBookButton">
<div class="tip-trangle-bottom"></div>
单词添加成功提示:<br/>
<span></span>
</div>
<div class="add_worddivbutton">
<span class="badge_chat-number">今日<font class='notebook_count'>0</font>个新词</span>
<a href="javascript:void(0)" id="my_bing_putwords_botton" class="add_wordbutton">
<span>本页<br><font class='articleword_count'>-</font><br>单词</span>
</a>
</div>
`
return html
}
init() {
if(this.exclude()){
return
}
this.set_html()
this.listing_buttom()
}
info(message){
let id = "#WordToNoteBookButton"
let note = document.querySelector(id)
if(note){
note.querySelector('span').innerHTML = message
note.style.display = 'block'
setTimeout(() => {
note.style.display = 'none'
},1500)
}
}
is_mobile_browser() {
let mobile_match = navigator.userAgent.match(
/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i
)
if (mobile_match) {
this.get_trans_word_index = 2
this.mobile_browser = 1
}else{
this.get_trans_word_index = 3
this.mobile_browser = 0
}
}
exclude(){
let exclude_hosts = ["12gm.com"]
let hostname = window.location.hostname
hostname = hostname.split(".").slice(-2).join('.').toLowerCase()
let is_frame = (window.self === window.top) == false
if(exclude_hosts.indexOf(hostname) != -1 || is_frame){
return true
}else{
return false
}
}
set_html() {
let up_html = this.get_button_html()
document.querySelector('body').insertAdjacentHTML("afterBegin", up_html);
setTimeout(()=>{
let words = this.get_documentwords()
document.querySelector('.articleword_count').innerHTML = words.length+'个'
let notebook_count = this.local_storage('notebook_count')
if(!notebook_count){
this.get('notebook_count').then((data)=>{
notebook_count = data.data[0]
this.set_notebook_count(notebook_count)
})
}else{
this.set_notebook_count(notebook_count)
}
},1000)
}
set_notebook_count(notebook_count){
this.local_storage('notebook_count',notebook_count)
document.querySelector('.notebook_count').innerHTML = notebook_count
}
listin_documentalive() {
}
remove(selector) {
let ele = document.querySelector(selector)
if (ele) {
ele.remove()
}
}
get_documentwords() {
let words = [...(
new Set(
document.documentElement.textContent.split(/[^a-zA-Z]/)
.join(" ").split(/(?<=[a-z])\B(?=[A-Z])/)
.join(" ").split(/\s+/)
)
)]
let is_notword = /^[a-z]+[A-Z]$/
let new_words = []
let filter = []
for(let word of words){
if(is_notword.test(word) || word.length < 3){
filter.push(word)
}else{
new_words.push(word)
}
}
return new_words
}
split_html(html){
html = html.replaceAll(/<.+?>/g, '')
return html
}
put_to_remote_local_vocabulary(callback) {
let doc = document.documentElement.outerHTML;
if (doc) {
let url = this.remote_url('put_translate_words')
$.post(url, {
"doc": doc,
"t_group": location.hostname
}, (data) => {
if (callback) {
callback(data)
}
})
}
}
local_storage(key,value){
if(value){
localStorage.setItem(key,value)
}else{
return localStorage.getItem(key)
}
}
set_groupname() {
this.local_storage("group_name",window.location.hostname)
}
get_groupname() {
let group_name = this.local_storage("group_name")
if(!group_name){
group_name = this.get_defaultgroupname()
}
return group_name
}
get_defaultgroupname() {
return window.location.hostname
}
remote_url(method) {
this.base_remote_url = this.base_remote_url.replace(/\/+$/,'')
let url = `${this.base_remote_url}/api?method=${method}&key=9LrQN0~14,dSmoO^&module=com_translate`;
return url
}
translate_wordtotran(){
let trans_target = document.querySelector("#outlined-multiline-static")
setInterval(function(){
let text = window.getSelection().toString()
let trans_target_text = trans_target.value
if(text && text != trans_target_text){
trans_target.value = trans_target_text
}
},500)
}
//给添加的元素添加监听事件
listing(selector,event,callback){
let ele = document.querySelector(selector)
if(ele){
ele.addEventListener(event,()=>{
callback()
})
}
}
get_saladict_panel(selector){
let saladict_panel = document.querySelector('#saladict-dictpanel-root .saladict-panel')
if(!saladict_panel){
console.log('not found #saladict-dictpanel-root .saladict-panel')
return null
}
let shadow_root = saladict_panel.shadowRoot
if(!shadow_root){
console.log('not found saladict_panel > shadowRoot')
return null
}
//document.querySelector('#saladict-dictpanel-root .saladict-panel').shadowRoot.querySelectorAll('.dictItem-BodyMesure > div:last-child')
let shadow_roots = shadow_root.querySelectorAll('.dictItem-BodyMesure > div:last-child')
if(!shadow_roots.length){
console.log('not found .dictItem-BodyMesure > div:last-child')
return null
}
for(let i = 0;i<shadow_roots.length;i++){
let shadowitem = shadow_roots[i]
if(shadowitem.shadowRoot){
shadow_root = shadowitem.shadowRoot
if(selector){
shadow_root = shadow_root.querySelector(selector)
if(shadow_root){
break
}
}
}
}
if(!shadow_root){
console.log('not found .dictItem > shadow_root')
return null
}
return shadow_root
}
auto_play_voice(){
setInterval(() => {
}, 500);
}
play_bingvoice(){
//document.querySelector('#saladict-dictpanel-root .saladict-panel').shadowRoot.querySelector('.dictItem-BodyMesure > div:last-child').shadowRoot.querySelector('.saladict-Speaker')
let us_voice = this.get_saladict_panel('.saladict-Speaker')
if(!us_voice){
console.log('not found saladict-Speaker')
return
}
let css_class = us_voice.getAttribute('class')
if (css_class.indexOf('isActive') == -1){
us_voice.click()
}
}
put_word(e){
let those = window.MyPlugin
if(e.key == ',') {
let dictBing_Title = those.get_saladict_panel('.dictBing-Title')
if(!dictBing_Title)
{
dictBing_Title = those.get_saladict_panel('.MachineTrans-lang-en span')
}
if(!dictBing_Title)
{
console.log('not found dictBing-Title')
return
}
let word = dictBing_Title.innerHTML
if(word){
console.log(`add ${word} to notebook.`)
those.get("put_word",{
group:"eudic默认生词本",
word,
reference_url:window.location.href
}).then((data)=>{
let notebook_count = data.data[0].notebook_count
those.set_notebook_count(notebook_count)
those.info(`${word}添加到生词本.`)
})
}
}else if(e.key == '.') {
those.play_bingvoice()
}
}
//给添加的元素添加监听事件
listing_buttom() {
//this.translate_wordtotran()
this.listing('#my_bing_putwords_botton','click',()=>{
let group_name = this.get_defaultgroupname()
this.set_groupname(group_name)
let words = this.get_documentwords()
if(confirm(`是否提交单词组'${group_name}'(${words.length}个词)到词典`)){
this.post("put_group",{
doc: words.join(" "),
group_name: group_name,
incremental:true
}).then((result)=>{
console.log(result)
})
}
})
window.onkeydown = this.put_word
}
}
window.MyPlugin = new MyPluginClass()
window.MyPlugin.init()
})();
