Greasy Fork is available in English.
Adds external & internal translators to various sites.
// ==UserScript==
// @name Twitter External Translator
// @name:bg Външен преводач на Twitter
// @name:zh Twitter外部翻译器
// @name:zh-CN Twitter外部翻译器
// @name:zh-TW Twitter外部翻译器
// @name:cs Externí překladatel Twitter
// @name:da Twitter ekstern oversætter
// @name:et Twitteri väline tõlkija
// @name:fi Twitter Ulkoinen kääntäjä
// @name:el Εξωτερικός μεταφραστής Twitter
// @name:hu Twitter külső fordító
// @name:lv Twitter Ārējais tulkotājs
// @name:lt 'Twitter' išorinis vertėjas
// @name:ro Twitter Traducător extern
// @name:sk Externý prekladateľ Twitter
// @name:sl Twitter Zunanji prevajalec
// @name:sv Twitter Extern översättare
// @name:nl Twitter Externe Vertaler
// @name:fr Traducteur externe Twitter
// @name:de Externer Twitter-Übersetzer
// @name:it Traduttore esterno di Twitter
// @name:ja ツイッター外部翻訳者
// @name:pl Zewnętrzny tłumacz Twittera
// @name:pt Tradutor externo do Twitter
// @name:pt-BR Tradutor externo do Twitter
// @name:ru-RU Twitter Внешний переводчик
// @name:ru Twitter Внешний переводчик
// @name:es Traductor externo de Twitter
// @description Adds external & internal translators to various sites.
// @description:zh 将第三方翻译添加到推特
// @description:zh-CN 将第三方翻译添加到推特
// @description:zh-TW 將第三方翻譯添加到推特
// @description:bg Добавя преводачи на трети страни в Twitter
// @description:cs Přidává překladatele třetích stran na Twitter
// @description:da Tilføjer tredjepartsoversættere til Twitter
// @description:et Lisab kolmanda osapoole tõlkijad Twitterisse
// @description:fi Lisää kolmannen osapuolen kääntäjiä Twitteriin
// @description:el Προσθέτει μεταφραστές 3ου μέρους στο Twitter
// @description:hu Hozzáadja a 3. féltől származó fordítókat a Twitterhez
// @description:lv Pievieno trešās puses tulkotājus Twitter
// @description:lt Prideda trečiųjų šalių vertėjus į 'Twitter
// @description:ro Adaugă traducători de la terțe părți la Twitter
// @description:sk Pridáva prekladateľov tretích strán na Twitter
// @description:sl Dodaja prevajalce tretjih oseb na Twitterju
// @description:sv Lägger till översättare från tredje part till Twitter
// @description:nl Voegt vertalers van derden toe aan Twitter
// @description:fr Ajout de traducteurs tiers à Twitter
// @description:de Fügt Drittanbieter-Übersetzer zu Twitter hinzu
// @description:it Aggiunge traduttori di terze parti a Twitter
// @description:pl Dodaje tłumaczy innych firm do Twittera
// @description:pt Adiciona tradutores de terceiros ao Twitter
// @description:pt-BR Adiciona tradutores de terceiros ao Twitter
// @description:ja サードパーティの翻訳者をツイッターに追加
// @description:ru-RU Добавляет сторонних переводчиков в Twitter
// @description:ru Добавляет сторонних переводчиков в Twitter
// @description:es Añade traductores de terceros a Twitter
// @author Magic <magicoflolis@tuta.io>
// @version 2.6.1
// @icon https://abs.twimg.com/favicons/twitter.ico
// @namespace https://github.com/magicoflolis/twitter-translator#twitter-external-translator
// @homepageURL https://github.com/magicoflolis/twitter-translator#twitter-external-translator
// @supportURL https://github.com/magicoflolis/twitter-translator/issues/new
// @license GPL-3.0
// @connect *
// @match https://mobile.x.com/*
// @match https://x.com/*
// @match https://mobile.twitter.com/*
// @match https://twitter.com/*
// @match https://tweetdeck.twitter.com/*
// @match https://www.twitlonger.com/show/*
// @match https://nitter.*/*
// @match https://nitter.*.*/*
// @match https://nitter.lacontrevoie.fr/*
// @match https://nitter.fdn.fr/
// @match https://nitter.kavin.rocks/*
// @match https://nitter.moomoo.me/*
// @match https://nitter.weiler.rocks/*
// @match https://nitter.nl/*
// @match https://nitter.esmailelbob.xyz/*
// @match https://nitter.tiekoetter.com/*
// @match https://nitter.poast.org/*
// @match https://nitter.privacydev.net/*
// @match https://nitter.projectsegfau.lt/*
// @match https://nitter.in.projectsegfau.lt/*
// @match https://canada.unofficialbird.com/*
// @match https://nederland.unofficialbird.com/*
// @match https://n.sneed.network/*
// @match https://nitter.caioalonso.com/*
// @match https://nitter.nicfab.eu/*
// @match https://nitter.hostux.net/*
// @match https://nitter.kling.gg/*
// @match https://nitter.onthescent.xyz/*
// @match https://nitter.oksocial.net/*
// @match https://nitter.datura.network/*
// @match https://nitter.catsarch.com/*
// @exclude https://twitter.com/login
// @exclude https://twitter.com/signup
// @exclude https://twitter.com/i/flow/login
// @exclude https://twitter.com/i/flow/signup
// @exclude https://twitter.com/teams/*
// @exclude https://twitter.com/*/authorize?*
// @exclude https://twitter.com/*/begin_password_reset
// @exclude https://twitter.com/account/*
// @exclude https://mobile.twitter.com/i/flow/login
// @exclude https://mobile.twitter.com/i/flow/signup
// @exclude https://nitter.com
// @grant navigator.userAgent
// @grant document.cookie
// @grant GM_getValue
// @grant GM_setValue
// @grant GM_info
// @grant GM_openInTab
// @grant GM_xmlhttpRequest
// @compatible chrome
// @compatible firefox
// @compatible edge
// @compatible opera
// @compatible safari
// @noframes
// @run-at document-start
// ==/UserScript==
'use strict';
(() => {
// Uncompressed source code:
// https://github.com/magicoflolis/twitter-translator/src
// eslint-disable-next-line no-unused-vars, quotes
const tetCSS = `.r-1bih22f{box-shadow:rgb(29, 161, 242) 0px 0px 0px 1px}.r-1cqwhho{box-shadow:rgb(23, 191, 99) 0px 0px 0px 1px}.r-b8m25f{box-shadow:rgb(244, 93, 34) 0px 0px 0px 1px}.r-11mmphe{box-shadow:rgb(121, 75, 196) 0px 0px 0px 1px}.r-jd07pc{box-shadow:rgb(224, 36, 94) 0px 0px 0px 1px}.r-cdj8wb{box-shadow:rgb(255, 173, 31) 0px 0px 0px 1px}.tet-29u:not(.tetswitch){background-color:rgb(29, 155, 240)}.tet-186u:not(.tetswitch){background-color:rgb(0, 186, 124)}.tet-122u:not(.tetswitch){background-color:rgb(255, 122, 0)}.tet-120u:not(.tetswitch){background-color:rgb(120, 86, 255)}.tet-249u:not(.tetswitch){background-color:rgb(249, 24, 128)}.tet-255u:not(.tetswitch){background-color:rgb(255, 212, 0)}.tetswitch.tet-29u>input:checked+label{background-color:rgba(26,145,218,.384)}.tetswitch.tet-29u>input:checked+label:before{background-color:#1d9bf0}.tetswitch.tet-186u>input:checked+label{background-color:rgba(21,172,89,.384)}.tetswitch.tet-186u>input:checked+label:before{background-color:#00ba7c}.tetswitch.tet-122u>input:checked+label{background-color:rgba(220,84,31,.384)}.tetswitch.tet-122u>input:checked+label:before{background-color:#ff7a00}.tetswitch.tet-120u>input:checked+label{background-color:rgba(134,93,202,.384)}.tetswitch.tet-120u>input:checked+label:before{background-color:#7856ff}.tetswitch.tet-249u>input:checked+label{background-color:rgba(202,32,85,.384)}.tetswitch.tet-249u>input:checked+label:before{background-color:#f91880}.tetswitch.tet-255u>input:checked+label{background-color:rgba(230,156,28,.384)}.tetswitch.tet-255u>input:checked+label:before{background-color:#ffd400}.tetswitch.nitter>input:checked+label{background-color:rgba(255,108,96,.384)}.tetswitch.nitter>input:checked+label:before{background-color:#ff6c60}.tetswitch.tweetdeck>input:checked+label{background-color:rgba(29,161,242,.384)}.tetswitch.tweetdeck>input:checked+label:before{background-color:#1da1f2}#tetReset,#tetMenuButton>span{color:#fff !important}#tetSelector>select{background-color:rgba(0,0,0,0);border:rgba(0,0,0,0)}#tetSelector>select:focus{box-shadow:none !important}.navbackground.d1tet{background-color:rgba(91,112,131,.4)}.navbackground.d2tet{background-color:rgba(0,0,0,.4)}.navbackground.d3tet{background-color:rgba(91,112,131,.4)}.tet-header>span:last-child,.tet-at>span:last-child{color:#6e767d}.r-demo,.tet-help-container,#apifield,#tetSelector{border-color:rgba(0,0,0,0)}.r-demo.r-14lw9ot,.tet-help-container.r-14lw9ot,#apifield.r-14lw9ot,#tetSelector.r-14lw9ot{border-color:#536471}.r-demo.r-yfoy6g,.tet-help-container.r-yfoy6g,#apifield.r-yfoy6g,#tetSelector.r-yfoy6g{border-color:#38444d}.r-demo.nitter,.r-demo.r-tetTD,.r-demo.r-kemksi,.tet-help-container.nitter,.tet-help-container.r-tetTD,.tet-help-container.r-kemksi,#apifield.nitter,#apifield.r-tetTD,#apifield.r-kemksi,#tetSelector.nitter,#tetSelector.r-tetTD,#tetSelector.r-kemksi{border-color:#2f3336}.r-14lw9ot>div#tetName span{color:#536471}.r-kemksi>div#tetName span,.r-yfoy6g>div#tetName span{color:#6e767d}.tetBtn.nitter{border:rgba(0,0,0,0)}.Button--primary{border-color:#1da1f2;box-shadow:#1da1f2 0px 0px 0px 1px}.r-tetTD{border-radius:14px;background-color:#15202b}.r-tetTD#tetSelector.Button--primary:hover{border-color:#1da1f2;box-shadow:#1da1f2 0px 0px 0px 1px}.r-tetTD#tetSelector.Button--primary:hover #tetName span{color:#1da1f2}.r-tetTD #tetName span{color:#8899a6}.prf-header>div>.tet.tet-td{color:#fff !important}.tet-td{color:#8899a6}.tet-td#tetName{color:#1da1f2 !important}.tet-td#tetName span{color:inherit !important}.tet-td .tet-svg{fill:#1da1f2}.tet-border-black{border-color:#000}.r-9ilb82{color:#6e767d}.r-1kqtdi0{border-color:#2f3336}.r-p1n3y5{border-color:#1d9bf0 !important}.r-1q3imqu{background-color:#1a91da}.r-13gxpu9{color:#1d9bf0}.r-13gxpu9#tetName{color:#1d9bf0 !important}.r-13gxpu9#tetName span{color:inherit !important}.r-13gxpu9 .tet-svg{fill:#1d9bf0}.r-v6khid{border-color:#ffd400 !important}.r-61mi1v{color:#ffd400}.r-61mi1v#tetName{color:#ffd400 !important}.r-61mi1v#tetName span{color:inherit !important}.r-61mi1v .tet-svg{fill:#ffd400}.r-1kplyi6{background-color:#e69c1c}.r-1iofnty{border-color:#f91880 !important}.r-daml9f{color:#f91880}.r-daml9f#tetName{color:#f91880 !important}.r-daml9f#tetName span{color:inherit !important}.r-daml9f .tet-svg{fill:#f91880}.r-1ucxkr8{background-color:#ca2055}.r-njt2r9{background-color:#865dca}.r-hy56xe{border-color:#7856ff !important}.r-xfsgu1{color:#7856ff}.r-xfsgu1#tetName{color:#7856ff !important}.r-xfsgu1#tetName span{color:inherit !important}.r-xfsgu1 .tet-svg{fill:#7856ff}.tet-122hu{background-color:#dc541f}.r-1xl5njo{border-color:#ff7a00 !important}.r-1qkqhnw{color:#ff7a00}.r-1qkqhnw#tetName{color:#ff7a00 !important}.r-1qkqhnw#tetName span{color:inherit !important}.r-1qkqhnw .tet-svg{fill:#ff7a00}.r-zx61xx{background-color:#15ac59}.r-5ctkeg{border-color:#00ba7c !important}.r-nw8l94{color:#00ba7c}.r-nw8l94#tetName{color:#00ba7c !important}.r-nw8l94#tetName span{color:inherit !important}.r-nw8l94 .tet-svg{fill:#00ba7c}.r-yfoy6g{background-color:#15202b}.r-14lw9ot{background-color:#fff}.r-kemksi{background-color:#000}.r-18jsvk2{color:#0f1419 !important}.tweetdeck:not(.tetswitch){background-color:#1da1f2;color:#fff}.tweetdeck:not(.tetswitch)#tetName{color:#1da1f2}.tweetdeck:not(.tetswitch)#tetName span{color:inherit !important}.tweetdeck:not(.tetswitch) .tet-svg{fill:#1da1f2}.r-demo{border-style:solid !important;border-radius:16px !important;border-width:1px !important}.r-jwli3a{color:#fff !important}.tetNitterHover{background-color:#ff6c60}.tetNitter{border-color:#ffaca0 !important;box-shadow:#ffaca0 0px 0px 0px 1px !important}.btNav:not(#tetNT) .tet-icon-info.nitter,.btNav:not(#tetNT) .tetBtn.nitter{color:#fff;background-color:#ff6c60}h1.tetNTextColor{color:#888889}.nitter:not(.tetswitch,.tetBtn){border-color:#ff6c60;background-color:#0f0f0f}.nitter:not(.tetswitch,.tetBtn) div#tetName span{color:#ff6c60}input.tetNTextColor,select.tetNTextColor,div.tetNTextColor,svg.tetNTextColor,label.tetNTextColor>span{color:#f8f8f2}.tetNText,.tetNText span{color:#ff6c60 !important}.tetNBackground{background-color:#161616}#tetNI{color:#fff}#tetAvatar{background-color:rgba(0,0,0,0)}.tet-st0{fill:#ea4335}.tet-st1{fill:#4285f4}.tet-st2{fill:#34a853}.tet-st3{fill:#fbbc05}.tet-flex,.btNav,#tetadvanced,#tetadvanced>.tetBackground,.tet-txt,.r-demo,.tet-main{position:relative;display:flex;align-items:stretch;box-sizing:border-box;flex-direction:column}.btNav,.txt-header,.tet-av,.tetAlertBtns>div{align-items:center !important}#tetName,.r-demo,#tetadvanced,.tetAlertTxt,.tet-header{cursor:default}.txt-header,.tetAlertBtns,.r-demo,.tet-av,.r-hover,[id=apifield]{outline-style:none !important}.tet-dc,.tet-at,div.tetAlertTxt,.tet-info,.btNav label,.tetAlertBtns>div,#tetSelector>select{font-size:15px !important}.tet-at>span:first-child,h1.tetAlertTxt,.tetAlertBtns>div{font-weight:700 !important}.tet,#tetDemo,.tet-dc,.tet-at,.tethelper-info,div.tetAlertTxt,.tet-info,.tet-icon-info,#tweet-text,#tetSelector>#tetName{font-weight:400}.tet,#tetDemo,.tetswitch>label,#tetSelector>#tetName{line-height:16px}.tetAlertBtns>div>span,#tetMenuButton>svg,.txt-header,.tetadvanced-icon,.tet-at{max-width:100%}.tet-at{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tet-dc,.tet-at,.tet-header,#tetSelector>#tetName,#tetSelector>select{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}.tet,#tweet-text,.tetAlertBtns>div,.tet-main{font-family:"TwitterChirp",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}div.tetAlertTxt,.tet-info,.tet-dc,.tet-at,.tethelper-info,.tetAlertBtns>div,#tetSelector>select{line-height:20px}.tetAvatarFrame,#tetAvatar,.tet-main,.tet-containter,.tet-av,div.tetAlertTxt{width:100%}.tetAvatarFrame,#tetAvatar{align-items:stretch;border:0px solid #000;box-sizing:border-box;display:flex;flex-direction:column;margin:0px;min-height:0px;min-width:0px;padding:0px}#tetSelector{min-width:0px;overflow-wrap:break-word}#tetSelector #tetName{position:absolute;min-width:inherit;overflow-wrap:inherit}.tet,.tet-info,#tweet-text{margin-top:1% !important}#tweet-text,.tet-demoframe{position:relative}.tet-header,.tet-icon-container,.tetadvanced-icon-container,.tetAlertBtns>div,.tetAlertTxt{text-align:center}.tet-help-container a,.tet-icon-container,#tetDemo,.tet{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.tet{flex-wrap:wrap;font-size:13px;overflow-wrap:break-word;height:-webkit-min-content;height:-moz-min-content;height:min-content;display:flex;-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important}.tetAvatarFrame{padding-bottom:100%;position:absolute;top:0px;right:0px;left:0px;bottom:0px}.tetAvatarFrame #tetAvatar{background-size:cover;background-repeat:no-repeat;background-position:center center;z-index:-1;height:100%;position:absolute}.tet-main{padding:0px 32px 32px 32px !important;display:flex;flex-direction:column}.tet-header{min-width:0px;white-space:normal;display:grid;padding:0px 32px;margin:32px 0px 12px 0px}.tet-header .tet-info-name{line-height:28px;font-size:23px;font-weight:800}.tetConfirmation{padding:8px 32px 16px 32px !important;border-radius:16px;top:50%;left:50%;transform:translate(-50%, -50%);position:fixed !important;z-index:10000 !important}.tetConfirmation .tetAlertTxt{align-content:center;display:grid;margin:0px !important}.tetConfirmation h1.tetAlertTxt{line-height:24px;font-size:20px;min-width:0px}.tetConfirmation div.tetAlertTxt{min-width:0px}.tetConfirmation .tetAlertBtns{margin:2% 0px 2% 0px;white-space:nowrap;transition-property:background-color,box-shadow;transition-duration:.2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-color:rgba(0,0,0,0);overflow:hidden;border-width:1px;border-style:solid}.tetConfirmation .tetAlertBtns span{line-height:inherit !important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:0px solid #000;box-sizing:border-box;display:inline;margin:0px;padding:0px}.tetConfirmation .tetAlertBtns span>span{border:0px solid #000;box-sizing:border-box;display:inline;margin:0px;padding:0px}#tetadvanced{border-radius:16px}#tetadvanced>div{border-radius:16px;flex-grow:1;flex-shrink:1}.btNav:not(.mobile) [id=tetForm]{min-width:600px !important}[id=tetForm]{border-radius:16px;flex-shrink:1;position:relative;overflow:hidden}[id=tetForm] .tet-containter.tet-fg{margin-left:auto;margin-right:auto}#tetadvanced{max-width:90vw;max-height:90vh;min-width:500px;min-height:100px;flex-shrink:1;margin-left:1%;margin-right:1%}.tet-container{overflow:auto !important}.tetadvanced-container section.tetcheckbox>label,.tetadvanced-container section.tetselect{display:flex;justify-content:space-between;padding:.5em}.tetadvanced-container section.tetcheckbox>label{cursor:pointer}.tetadvanced-container .tetswitch{position:relative;width:38px;border-radius:20px;-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important;margin:5px}.tetadvanced-container .tetswitch>input{display:none}.tetadvanced-container .tetswitch>label{display:block;overflow:hidden;cursor:pointer;height:16px;padding:0;border-radius:20px;border:1px solid #000;background-color:#464646}.tetadvanced-container .tetswitch>label:before{content:"";display:block;width:20px;height:20px;margin:-2px;background:#dadce0;position:absolute;top:0;right:20px;border-radius:20px}.tetadvanced-container .tetswitch>input:checked+label{margin-left:0}.tetadvanced-container .tetswitch>input:checked+label:before{right:0px}.btNav span,#tweet-text span,#tetMenuButton span{color:inherit;font:inherit;font-family:"TwitterChirp",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;white-space:inherit;overflow-wrap:break-word}.rm,#tetMenuButton.mobile,option[disabled=""],div:not(.mini)>#tetSVG,div.mini>span{display:none !important;visibility:hidden !important}.tetFreeze{overflow:hidden !important;-ms-scroll-chaining:none !important;overscroll-behavior:none !important}#tetMenuButton{z-index:10;width:8vw;height:auto;position:fixed;top:65%;left:0px}#tetMenuButton.tetTD{left:90% !important;top:0% !important}#tetMenuButton>svg{position:relative;height:1.25em;fill:currentcolor;margin-right:12px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;right:35% !important}.tetBtn{list-style:none;text-align:inherit;text-decoration:none;border-radius:15px;justify-content:center;text-align:center;display:flex !important;font-family:inherit !important;font-size:20px !important;font-weight:bold !important;padding:0px !important;outline:none !important}.tetBtn.mini{border:rgba(0,0,0,0) !important;background:rgba(0,0,0,0) !important}.tetBtn,[id=tet],.tet{cursor:pointer !important}.tet.tet-td{display:inherit;font-size:inherit !important;font-weight:inherit !important;line-height:inherit !important;padding-bottom:4px !important}[id=tet]{justify-items:center}[id=apifield]{width:auto !important;margin:2% 6% 0px 6% !important}[id=apifield],#tetName,#tetSelector>select{padding-left:2% !important}[id=apifield],#tetSelector{align-items:stretch;display:grid;border-style:solid;border-radius:4px;border-width:1px}.tet-main #tetSelector,section.tetcheckbox{margin:2% 6% 0px 6%}#tetSelector>select{text-align:left;padding-top:12px;padding-right:0px;padding-bottom:0px;cursor:pointer;border-radius:0px;margin:0px;-webkit-appearance:none;-moz-appearance:none;appearance:none}[id=tetReset]{margin:2% 25% 0px 25%}.r-demo{margin:0px 32px 0px 32px !important;padding:12px 0px 12px 0px !important;overflow:hidden;flex-direction:row !important}.r-demo .tet-av{position:relative;margin:2px 12px 0px 12px !important;flex-basis:48px;height:48px;overflow:hidden;display:block;z-index:0}.r-demo .tet-av svg{fill:currentColor}.r-demo .tet-txt{flex-basis:0px;flex-grow:1;justify-content:center}.r-demo .tet-txt .txt-header{display:flex;margin-bottom:2px;justify-content:space-between;flex-direction:row;flex-shrink:1}.r-demo .tet-txt .txt-header .tet-at{display:flex;min-width:0px;max-width:inherit !important;white-space:normal !important}.r-demo .tet-txt .txt-header .tet-at>span:last-child{margin-left:4px}#tetDemo{margin:4px 0px 0px 0px;font-size:13px;flex-wrap:wrap;min-width:0px;display:flex !important}.btNav{-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important;justify-content:center !important;flex-direction:row !important;top:0px !important}.btNav a,.btNav :link{text-decoration:none !important}.btNav a:hover,.btNav :link:hover{text-decoration:none !important}.btNav,.navbackground{position:fixed !important;width:100vw;height:100vh}.navbackground{top:0;left:0}.navbackground.warn{z-index:10 !important}.tet-icon-container,.tetadvanced-icon-container{cursor:pointer;display:inline-flex;position:absolute;bottom:10px;border-radius:9999px;z-index:1}.tet-icon-container{height:35px;right:25px}.tet-icon-container .tet-icon-info{color:#fff;display:inline;width:35px;height:35px;line-height:35px;border-radius:inherit;font-family:"fontello";font-size:23px}.tet-icon-container .tet-icon-info:hover{color:unset !important}.tet-icon-container .tet-help-container{position:static;border-style:solid;border-width:2px;border-radius:inherit;line-height:35px;font-size:16px;font-weight:normal;text-decoration:none;margin-left:10px}.tet-icon-container .tet-help-container a{display:inline-block;margin-left:10px;margin-right:10px}.tetadvanced-icon-container{left:10px;width:28px;height:28px}.tetadvanced-icon-container .tetadvanced-icon{height:1.75rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;fill:currentcolor;border-radius:inherit;display:inline-block}.mini{min-height:3% !important;overflow:hidden;background:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.r-hover{-webkit-text-decoration-line:underline !important;text-decoration-line:underline !important}[id=tweet-text]{font-size:23px !important;line-height:28px !important}.tet-help-info{color:unset}#tetNI{margin:0px 10% 0px 10%}div.css-18t94o4.r-6koalj.r-1w6e6rj.r-37j5jr.r-n6v787.r-16dba41.r-1cwl3u0.r-14gqq1x.r-bcqeeo.r-qvutc0{width:-webkit-fit-content !important;width:-moz-fit-content !important;width:fit-content !important}.prf-header>div>.tet{display:inline-block !important;width:100% !important}select.tetTextColor{height:auto !important}.tet-favicon{width:1em;height:1em;padding-left:.2rem}[id=tet-ltg],[id=tet-ltgl],[id=tet-ltglg]{font-style:normal;font-family:inherit}[id=tet-ltg],[id=tet-ltglg]{font-weight:normal}[id=tet-ltg]{font-size:10.5833px;line-height:1.25;letter-spacing:0px;word-spacing:0px;white-space:pre;fill-opacity:1;stroke:none}[id=tet-ltgl]{font-variant:normal;font-weight:bold;font-stretch:normal}[id=tet-ltglg]{font-size:43.3964px;line-height:1.25;letter-spacing:0px;word-spacing:0px;fill-opacity:1;stroke:none;stroke-width:1.08492}[id=tet-ltglgp]{stroke-width:1.08492}`;
const nitterCSS = `[id=tetNT] .tetBackground{border-color:var(--border_grey)}[id=tetNT] .tetNitter[id=tetSelector]:hover{border-color:var(--accent_border) !important;box-shadow:var(--accent_border) !important}[id=tetNT] .tetNitter[id=tetSelector]:hover [id=tetName] span{color:var(--fg_dark)}[id=tetNT] h1.tetNTextColor{color:var(--grey)}[id=tetNT] .nitter:not(.tetswitch,.tetBtn){background-color:var(--bg_color)}[id=tetNT] .nitter:not(.tetswitch,.tetBtn) div[id=tetName]{color:var(--fg_dark)}[id=tetNT] .tetBtn.nitter:not(.tet-29u,.tet-186u,.tet-122u,.tet-120u,.tet-249u,.tet-255u){color:var(--fg_color);background-color:var(--fg_dark)}[id=tetNT] input.tetNTextColor,[id=tetNT] select.tetNTextColor,[id=tetNT] div.tetNTextColor,[id=tetNT] svg.tetNTextColor,[id=tetNT] label.tetNTextColor>span{color:var(--fg_color)}[id=tetNT] .tetNText,[id=tetNT] .tetNText span{color:var(--fg_dark) !important}[id=tetNT] .tetNBackground{background-color:var(--bg_panel)}.tetNitterHover{background-color:var(--fg_dark)}[id=tetBTD] .tweetdeck:not(.tetswitch){background-color:var(--btd-accent-color)}[id=tetBTD] .r-tetTD{background-color:var(--btd-theme-background) !important}[id=tetBTD] .r-tetTD[id=tetSelector].Button--primary:hover{border-color:#1da1f2;box-shadow:#1da1f2 0px 0px 0px 1px}[id=tetBTD] .r-tetTD[id=tetSelector].Button--primary:hover [id=tetName] span{color:#1da1f2}[id=tetBTD] .r-tetBTD{background-color:var(--btd-theme-background) !important}[id=tetBTD] .r-tetBTD [id=tetName] span{color:var(--btd-accent-color)}.tetNText .tet-svg{fill:var(--fg_dark)}`;
const debugToggle = false;
const ghCDN = 'https://cdn.jsdelivr.net/gh';
let languages = {
en: {
sel: `English (en)`,
tw: `Translate with`,
lg: `Language`,
tr: `Translator`,
ds: `Display`,
menu: `Menu`,
ao: `Auto`,
th: `Theme`,
df: `Default`,
di: `Dim`,
lo: `Lights out`,
col: `Color`,
cb: `Blue`,
cy: `Yellow`,
cr: `Red`,
cp: `Purple`,
co: `Orange`,
cg: `Green`,
t: `Text`,
i: `Icon`,
res: `Restore to Defaults`,
l: `Loading`,
quest: {
head: `Are you sure?`,
body: `Website will be reloaded.`,
yes: `Yes`,
no: `No`,
},
},
zh: {
sel: `中文 (zh)`,
tw: `翻译与`,
lg: `语种`,
tr: `译者`,
ds: `显示`,
menu: `菜单`,
ao: `自动的`,
th: `主题`,
df: `默认情况下`,
di: `凹陷`,
lo: `熄灯`,
col: `颜色`,
cb: `蓝色`,
cy: `黄色`,
cr: `红色`,
cp: `紫色`,
co: `橙色`,
cg: `绿色`,
t: `案文`,
i: `图标`,
res: `恢复`,
l: `Loading`,
quest: {
head: `你确定吗？`,
body: `网站将被重新加载`,
yes: `是的`,
no: `不确定`,
},
},
bg: {
sel: `Български (bg)`,
tw: `Преведете с`,
lg: `Език`,
tr: `Преводач`,
ds: `Показване на`,
menu: `Меню`,
ao: `Автоматичен`,
th: `Тема`,
df: `По подразбиране`,
di: `Dim`,
lo: `Изгасяне на осветлението`,
col: `Цвят`,
cb: `Синьо`,
cy: `Жълто`,
cr: `Червено`,
cp: `Лилаво`,
co: `Оранжево`,
cg: `Зелено`,
t: `Текст`,
i: `Икона`,
res: `Възстановявам`,
l: `Loading`,
quest: {
head: `Сигурни ли сте?`,
body: `Уебсайтът ще бъде презареден.`,
yes: `Да`,
no: `Не`,
},
},
cs: {
sel: `Česky (cs)`,
tw: `Přeložit pomocí`,
lg: `Jazyk`,
tr: `Překladatel`,
ds: `Zobrazit`,
menu: `Nabídka`,
ao: `Automatické`,
th: `Téma`,
df: `Výchozí`,
di: `Dim`,
lo: `Zhasnout světla`,
col: `Barva`,
cb: `Modrá`,
cy: `Žlutá`,
cr: `Červená`,
cp: `Fialová`,
co: `Oranžová`,
cg: `Zelená`,
t: `Text`,
i: `Ikona`,
res: `Obnovit`,
l: `Loading`,
quest: {
head: `Jste si jistý?`,
body: `Webové stránky budou znovu načteny.`,
yes: `Ano`,
no: `Ne`,
},
},
da: {
sel: `Dansk (da)`,
tw: `Oversæt med`,
lg: `Sprog`,
tr: `Oversætter`,
ds: `Vis`,
menu: `Menu`,
ao: `Automatisk`,
th: `Tema`,
df: `Standard`,
di: `Dim`,
lo: `Lyset slukkes`,
col: `Farve`,
cb: `Blå`,
cy: `Gul`,
cr: `Rød`,
cp: `Lilla`,
co: `Orange`,
cg: `Grøn`,
t: `Tekst`,
i: `Ikon`,
res: `Genskabe`,
l: `Loading`,
quest: {
head: `Er du sikker?`,
body: `Hjemmesiden vil blive genindlæst.`,
yes: `Ja`,
no: `Nej`,
},
},
et: {
sel: `Eesti (et)`,
tw: `Tõlge koos`,
lg: `Keel`,
tr: `Tõlkija`,
ds: `Kuva`,
menu: `Menüü`,
ao: `Automaatne`,
th: `Teema`,
df: `Vaikimisi`,
di: `Dim`,
lo: `Valgus välja lülitatud`,
col: `Värv`,
cb: `Sinine`,
cy: `Kollane`,
cr: `Punane`,
cp: `Lilla`,
co: `Oranž`,
cg: `Roheline`,
t: `Tekst`,
i: `Ikoon`,
res: `Taastada`,
l: `Loading`,
quest: {
head: `Oled sa kindel?`,
body: `Veebileht laaditakse uuesti.`,
yes: `Jah`,
no: `Ei`,
},
},
fi: {
sel: `Suomalainen (fi)`,
tw: `Käännä kanssa`,
lg: `Kieli`,
tr: `Kääntäjä`,
ds: `Näytä`,
menu: `Valikko`,
ao: `Automaattinen`,
th: `Teema`,
df: `Oletus`,
di: `Dim`,
lo: `Valot pois päältä`,
col: `Väri`,
cb: `Sininen`,
cy: `Keltainen`,
cr: `Punainen`,
cp: `Violetti`,
co: `Oranssi`,
cg: `Vihreä`,
t: `Teksti`,
i: `Kuvake`,
res: `Palauta`,
l: `Loading`,
quest: {
head: `Oletko varma?`,
body: `Sivusto ladataan uudelleen.`,
yes: `Kyllä`,
no: `Ei`,
},
},
el: {
sel: `Ελληνική (el)`,
tw: `Μεταφράστε με`,
lg: `Γλώσσα`,
tr: `Μεταφραστής`,
ds: `Εμφάνιση`,
menu: `Μενού`,
ao: `Αυτόματο`,
th: `Θέμα`,
df: `Προεπιλογή`,
di: `Dim`,
lo: `Σβήνει τα φώτα`,
col: `Χρώμα`,
cb: `Μπλε`,
cy: `Κίτρινο`,
cr: `Κόκκινο`,
cp: `Μωβ`,
co: `Πορτοκαλί`,
cg: `Πράσινο`,
t: `Κείμενο`,
i: `Εικονίδιο`,
res: `Επαναφορά`,
l: `Loading`,
quest: {
head: `Είσαι σίγουρος;`,
body: `Η ιστοσελίδα θα επαναφορτωθεί.`,
yes: `Ναι`,
no: `Όχι`,
},
},
hu: {
sel: `Magyar (hu)`,
tw: `Fordítson a`,
lg: `Nyelv`,
tr: `Fordító`,
ds: `Megjelenítés`,
menu: `Menü`,
ao: `Automatikus`,
th: `Téma`,
df: `Alapértelmezett`,
di: `Dim`,
lo: `Fények kikapcsolva`,
col: `Szín`,
cb: `Kék`,
cy: `Sárga`,
cr: `Piros`,
cp: `Lila`,
co: `Narancs`,
cg: `Zöld`,
t: `Szöveg`,
i: `Ikon`,
res: `Visszaállítása`,
l: `Loading`,
quest: {
head: `Biztos vagy benne?`,
body: `A weboldal újratöltődik.`,
yes: `Igen`,
no: `Nem`,
},
},
lv: {
sel: `Latviešu (lv)`,
tw: `Tulkot ar`,
lg: `Valoda`,
tr: `Tulkotājs`,
ds: `Displejs`,
menu: `Izvēlne`,
ao: `Automātiskais`,
th: `Tēma`,
df: `Noklusējuma`,
di: `Dim`,
lo: `Izslēgt gaismu`,
col: `Krāsa`,
cb: `Zils`,
cy: `Dzeltens`,
cr: `Sarkans`,
cp: `Violeta`,
co: `Oranža`,
cg: `Zaļš`,
t: `Teksts`,
i: `Ikona`,
res: `Atjaunot`,
l: `Loading`,
quest: {
head: `Vai esat pārliecināts?`,
body: `Tīmekļa vietne tiks ielādēta no jauna.`,
yes: `Jā`,
no: `Nē`,
},
},
lt: {
sel: `Lietuvių kalba (lt)`,
tw: `Išversti su`,
lg: `Kalba`,
tr: `Vertėjas`,
ds: `Rodyti`,
menu: `Meniu`,
ao: `Automatinis`,
th: `Tema`,
df: `Numatytoji`,
di: `Dim`,
lo: `Išjungti šviesą`,
col: `Spalva`,
cb: `Mėlyna`,
cy: `Geltona`,
cr: `Raudona`,
cp: `Violetinė`,
co: `Oranžinė`,
cg: `Žalia`,
t: `Tekstas`,
i: `Ikona`,
res: `Atkurti`,
l: `Loading`,
quest: {
head: `Ar tikrai?`,
body: `Svetainė bus iš naujo įkelta.`,
yes: `Taip`,
no: `Ne`,
},
},
ro: {
sel: `Românesc (ro)`,
tw: `Tradu cu`,
lg: `Limba`,
tr: `Traducător`,
ds: `Afișați`,
menu: `Meniu`,
ao: `Automat`,
th: `Tema`,
df: `Implicit`,
di: `Dim`,
lo: `Stinge lumina`,
col: `Culoare`,
cb: `Albastru`,
cy: `Galben`,
cr: `Roșu`,
cp: `Violet`,
co: `Portocaliu`,
cg: `Verde`,
t: `Text`,
i: `Icoană`,
res: `Restaurați`,
l: `Loading`,
quest: {
head: `Ești sigur?`,
body: `Site-ul va fi reîncărcat.`,
yes: `Da`,
no: `Nu`,
},
},
sk: {
sel: `Slovenská (sk)`,
tw: `Preložiť s`,
lg: `Jazyk`,
tr: `Prekladateľ`,
ds: `Zobraziť`,
menu: `Ponuka`,
ao: `Automatické`,
th: `Téma`,
df: `Predvolené nastavenie`,
di: `Dim`,
lo: `Zhasnuté svetlá`,
col: `Farba`,
cb: `Modrá`,
cy: `Žltá`,
cr: `Červená`,
cp: `Fialová`,
co: `Oranžová`,
cg: `Zelená`,
t: `Text`,
i: `Ikona`,
res: `Obnovenie`,
l: `Loading`,
quest: {
head: `Ste si istý?`,
body: `Webová stránka bude znovu načítaná.`,
yes: `Áno`,
no: `Nie`,
},
},
sl: {
sel: `Slovenski (sl)`,
tw: `Prevedi z`,
lg: `Jezik`,
tr: `Prevajalec`,
ds: `Prikaži`,
menu: `Meni`,
ao: `Samodejno`,
th: `Tema`,
df: `Privzeto`,
di: `Dim`,
lo: `Ugasne luči`,
col: `Barva`,
cb: `Modra`,
cy: `Rumena`,
cr: `Rdeča`,
cp: `Vijolična`,
co: `Oranžna`,
cg: `Zelena`,
t: `Besedilo`,
i: `Ikona`,
res: `Obnovitev`,
l: `Loading`,
quest: {
head: `Ste prepričani?`,
body: `Spletna stran bo ponovno naložena.`,
yes: `Da`,
no: `Ne`,
},
},
sv: {
sel: `Svenska (sv)`,
tw: `Översätt med`,
lg: `Språk`,
tr: `Översättare`,
ds: `Visa`,
menu: `Meny`,
ao: `Automatisk`,
th: `Tema`,
df: `Standard`,
di: `Dim`,
lo: `Ljuset släcks`,
col: `Färg`,
cb: `Blå`,
cy: `Gul`,
cr: `Röd`,
cp: `Lila`,
co: `Orange`,
cg: `Grön`,
t: `Text`,
i: `Ikon`,
res: `Återställ`,
l: `Loading`,
quest: {
head: `Är du säker?`,
body: `Webbplatsen kommer att laddas om.`,
yes: `Ja`,
no: `Nej`,
},
},
nl: {
sel: `Nederlands (nl)`,
tw: `Vertaal met`,
lg: `Taal`,
tr: `Vertaler`,
ds: `Weergave`,
menu: `Menu`,
ao: `Automatisch`,
th: `Thema`,
df: `Standaard`,
di: `Dimmen`,
lo: `Licht uit`,
col: `Kleur`,
cb: `Blauw`,
cy: `Geel`,
cr: `Rood`,
cp: `Paars`,
co: `Oranje`,
cg: `Groen`,
t: `Tekst`,
i: `Icoon`,
res: `Herstel`,
l: `Loading`,
quest: {
head: `Ben je zeker?`,
body: `De website wordt opnieuw geladen.`,
yes: `Ja`,
no: `Nee`,
},
},
fr: {
sel: `Français (fr)`,
tw: `Traduire avec`,
lg: `Langue`,
tr: `Traducteur`,
ds: `Afficher`,
menu: `Menu`,
ao: `Automatique`,
th: `Thème`,
df: `Défaut`,
di: `Dim`,
lo: `Extinction des lumières`,
col: `Couleur`,
cb: `Bleu`,
cy: `Jaune`,
cr: `Rouge`,
cp: `Violet`,
co: `Orange`,
cg: `Vert`,
t: `Texte`,
i: `Icône`,
res: `Restaurer`,
l: `Loading`,
quest: {
head: `Vous êtes sûr ?`,
body: `Le site web va être rechargé.`,
yes: `Oui`,
no: `Non`,
},
},
de: {
sel: `Deutsch (de)`,
tw: `Übersetzen mit`,
lg: `Sprache`,
tr: `Übersetzer`,
ds: `Anzeige`,
menu: `Menü`,
ao: `Automatisch`,
th: `Thema`,
df: `Standard`,
di: `Dimmen`,
lo: `Licht aus`,
col: `Farbe`,
cb: `Blau`,
cy: `Gelb`,
cr: `Rot`,
cp: `Lila`,
co: `Orange`,
cg: `Grün`,
t: `Text`,
i: `Icon`,
res: `Wiederherstellen`,
l: `Loading`,
quest: {
head: `Sind Sie sicher?`,
body: `Die Website wird neu geladen.`,
yes: `Ja`,
no: `Nein`,
},
},
it: {
sel: `Italiano (it)`,
tw: `Tradurre con`,
lg: `Lingua`,
tr: `Traduttore`,
ds: `Visualizza`,
menu: `Menu`,
ao: `Automatico`,
th: `Tema`,
df: `Default`,
di: `Dim`,
lo: `Luci spente`,
col: `Colore`,
cb: `Blu`,
cy: `Giallo`,
cr: `Rosso`,
cp: `Viola`,
co: `Arancione`,
cg: `Verde`,
t: `Testo`,
i: `Icona`,
res: `Ripristinare`,
l: `Loading`,
quest: {
head: `Sei sicuro?`,
body: `Il sito sarà ricaricato.`,
yes: `Sì`,
no: `No`,
},
},
ja: {
sel: `日本語 (ja)`,
tw: `で翻訳する`,
lg: `言語`,
tr: `翻訳者`,
ds: `ディスプレイ`,
menu: `メニュー`,
ao: `自動`,
th: `テーマ`,
df: `デフォルト`,
di: `暗い`,
lo: `消灯`,
col: `カラー`,
cb: `青`,
cy: `黄`,
cr: `赤`,
cp: `紫`,
co: `オレンジ`,
cg: `グリーン`,
t: `テキスト`,
i: `アイコン`,
res: `リストア`,
l: `Loading`,
quest: {
head: `本当にいいの？`,
body: `ウェブサイトが再読み込みされます。`,
yes: `はい`,
no: `いいえ`,
},
},
pl: {
sel: `Polski (pl)`,
tw: `Tłumaczenie za pomocą`,
lg: `Język`,
tr: `Tłumacz`,
ds: `Wyświetlacz`,
menu: `Menu`,
ao: `Automatyczny`,
th: `Motyw`,
df: `Domyślnie`,
di: `Ściemniaj`,
lo: `Nie świeci się`,
col: `Kolor`,
cb: `Niebieski`,
cy: `Żółty`,
cr: `Czerwony`,
cp: `Purpurowy`,
co: `Pomarańczowy`,
cg: `Zielony`,
t: `Tekst`,
i: `Ikona`,
res: `Przywróć`,
l: `Loading`,
quest: {
head: `Czy jesteś pewien?`,
body: `Strona zostanie przeładowana.`,
yes: `Tak`,
no: `Nie`,
},
},
pt: {
sel: `Português (pt)`,
tw: `Traduzir com`,
lg: `Idioma`,
tr: `Tradutora`,
ds: `Mostrar`,
menu: `Menu`,
ao: `Automático`,
th: `Tema`,
df: `Por defeito`,
di: `Dim`,
lo: `Luzes apagadas`,
col: `Cor`,
cb: `Azul`,
cy: `Amarelo`,
cr: `Vermelho`,
cp: `Púrpura`,
co: `Laranja`,
cg: `Verde`,
t: `Texto`,
i: `Ícone`,
res: `Restaurar`,
l: `Loading`,
quest: {
head: `Tem a certeza?`,
body: `O website será carregado de novo.`,
yes: `Sim`,
no: `Não`,
},
},
ru: {
sel: `Russisch (ru)`,
tw: `Перевод с`,
lg: `Язык`,
tr: `Переводчик`,
ds: `Показать`,
menu: `Меню`,
ao: `Автоматический`,
th: `Тема`,
df: `По умолчанию`,
di: `Приглушить`,
lo: `Выключить свет`,
col: `Цвет`,
cb: `Синий`,
cy: `Желтый`,
cr: `Красный`,
cp: `Фиолетовый`,
co: `Оранжевый`,
cg: `Зеленый`,
t: `Текст`,
i: `иконка`,
res: `Восстановить`,
l: `Loading`,
quest: {
head: `Вы уверены?`,
body: `Сайт будет перезагружен.`,
yes: `Да`,
no: `Нет`,
},
},
es: {
sel: `Español (es)`,
tw: `Traducir con`,
lg: `Idioma`,
tr: `Traductor`,
ds: `Mostrar`,
menu: `Menú`,
ao: `Automático`,
th: `Tema`,
df: `Por defecto`,
di: `Atenuar`,
lo: `Luces apagadas`,
col: `Colores`,
cb: `Azul`,
cy: `Amarillo`,
cr: `Rojo`,
cp: `Púrpura`,
co: `Naranja`,
cg: `Verde`,
t: `Texto`,
i: `Icono`,
res: `Restaurar`,
l: `Loading`,
quest: {
head: `¿Está seguro?`,
body: `El sitio web será recargado.`,
yes: `Sí`,
no: `No`,
},
},
};
let userjs = (self.userjs = {});
// Skip text/plain documents.
if (
(document instanceof HTMLDocument ||
(document instanceof XMLDocument && document.createElement('div') instanceof HTMLDivElement)) &&
/^image\/|^text\/plain/.test(document.contentType || '') === false &&
(self.userjs instanceof Object === false || userjs.UserJS !== true)
) {
userjs = self.userjs = { UserJS: true };
}
let dLng = 'en';
let cfg = {};
let lng = {};
let cBG = 'rgba(91, 112, 131, 0.4)';
let cColor = 'r-p1n3y5 r-1bih22f';
let cHover = 'r-1q3imqu';
let cText = 'r-jwli3a';
let cTheme = 'r-kemksi';
let cSub = 'r-13gxpu9';
const normalizeTarget = (target) => {
if (typeof target === 'string') {
return Array.from(document.querySelectorAll(target));
}
if (target instanceof Element) {
return [target];
}
if (target === null) {
return [];
}
if (Array.isArray(target)) {
return target;
}
return Array.from(target);
};
const SafeAnimationFrame = class {
constructor(callback) {
this.fid = this.tid = undefined;
this.callback = callback;
}
start(delay) {
if (delay === undefined) {
if (this.fid === undefined) {
this.fid = requestAnimationFrame(() => {
this.onRAF();
});
}
if (this.tid === undefined) {
this.tid = setTimeout(() => {
this.onSTO();
}, 20000);
}
return;
}
if (this.fid === undefined && this.tid === undefined) {
this.tid = setTimeout(() => {
this.macroToMicro();
}, delay);
}
}
clear() {
if (this.fid !== undefined) {
cancelAnimationFrame(this.fid);
this.fid = undefined;
}
if (this.tid !== undefined) {
clearTimeout(this.tid);
this.tid = undefined;
}
}
macroToMicro() {
this.tid = undefined;
this.start();
}
onRAF() {
if (this.tid !== undefined) {
clearTimeout(this.tid);
this.tid = undefined;
}
this.fid = undefined;
this.callback();
}
onSTO() {
if (this.fid !== undefined) {
cancelAnimationFrame(this.fid);
this.fid = undefined;
}
this.tid = undefined;
this.callback();
}
};
class dom {
static attr(target, attr, value = undefined) {
for (const elem of normalizeTarget(target)) {
if (value === undefined) {
return elem.getAttribute(attr);
}
if (value === null) {
elem.removeAttribute(attr);
} else {
elem.setAttribute(attr, value);
}
}
}
static create(a) {
if (typeof a === 'string') {
return document.createElement(a);
}
}
static text(target, text) {
const targets = normalizeTarget(target);
if (text === undefined) {
return targets.length !== 0 ? targets[0].textContent : undefined;
}
for (const elem of targets) {
elem.textContent = text;
}
}
}
dom.cl = class {
static add(target, name) {
if (Array.isArray(name)) {
for (const elem of normalizeTarget(target)) {
elem.classList.add(...name);
}
} else {
for (const elem of normalizeTarget(target)) {
elem.classList.add(name);
}
}
}
static remove(target, name) {
if (Array.isArray(name)) {
for (const elem of normalizeTarget(target)) {
elem.classList.remove(...name);
}
} else {
for (const elem of normalizeTarget(target)) {
elem.classList.remove(name);
}
}
}
static toggle(target, name, state) {
let r;
for (const elem of normalizeTarget(target)) {
r = elem.classList.toggle(name, state);
}
return r;
}
static has(target, name) {
for (const elem of normalizeTarget(target)) {
if (elem.classList.contains(name)) {
return true;
}
}
return false;
}
};
dom.root = document.querySelector(':root');
dom.html = document.documentElement;
dom.head = document.head;
dom.body = document.body;
dom.search = document || dom.root || dom.html || dom.head || dom.body;
// const NOOPFUNC = () => {};
const nitterURL = 'https://raw.githubusercontent.com/wiki/zedeus/nitter/Instances.md';
const hasOwn = Object.hasOwn || Object.prototype.hasOwnProperty.call;
const cfgDefault = {
debug: debugToggle,
lang: dLng,
translator: 'deepl',
display: 'text + icon',
colors: 'auto',
theme: 'auto',
delay: 'none',
sitetheme: true,
dms: true,
tweets: true,
bios: true,
api: {
deepl: '',
google: '',
libre: '',
translate: '',
yandex: '',
version: 'api-free'
},
url: {
bing: 'https://www.bing.com',
bingIT: '',
deepl: 'https://www.deepl.com',
deeplIT: 'https://api.deepl.com',
google: 'https://translate.google.com',
googleIT: 'https://translation.googleapis.com',
libre: 'https://translate.argosopentech.com/translate',
lingva: 'https://lingva.ml',
mymemory: 'https://mymemory.translated.net',
mymemoryIT: 'https://api.mymemory.translated.net',
translate: 'https://www.translate.com',
translateIT: 'https://api.translate.com/translate/v1/mt',
yandex: 'https://translate.yandex.com',
yandexIT: 'https://translate.api.cloud.yandex.net/translate/v2/translate'
},
nitterInstances: []
};
const topDOM = window.self === window.top;
const win = self ?? window;
const doc = document;
const delay = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
const domURL = new URL(location);
const UA = navigator.userAgent;
const isMobile = /Mobile|Tablet/.test(UA); // /Mobi/.test(UA);
const isGM = typeof GM !== 'undefined';
/**
* Object is Null
* @param {Object} obj - Object
* @returns {boolean} Returns if statement true or false
*/
const isNull = (obj) => {
return Object.is(obj, null) || Object.is(obj, undefined);
};
/**
* Object is Blank
* @param {(Object|Object[]|string)} obj - Array, Set, Object or String
* @returns {boolean} Returns if statement true or false
*/
const isBlank = (obj) => {
const objExec = /\[object (.+)\]/.exec(Object.prototype.toString.call(obj));
if (objExec.length === 0) {
return false;
}
const objStr = objExec[1];
return (
(/string/i.test(objStr) && Object.is(obj.trim(), '')) ||
(/map|set/i.test(objStr) && Object.is(obj.size, 0)) ||
(Array.isArray(obj) && Object.is(obj.length, 0)) ||
(/object/i.test(objStr) &&
typeof obj.entries !== 'function' &&
Object.is(Object.keys(obj).length, 0))
);
// return (
// (typeof obj === 'string' && Object.is(obj.trim(), '')) ||
// ((obj instanceof Map || obj instanceof Set) && Object.is(obj.size, 0)) ||
// (Array.isArray(obj) && Object.is(obj.length, 0)) ||
// (obj instanceof Object &&
// typeof obj.entries !== 'function' &&
// Object.is(Object.keys(obj).length, 0))
// );
};
/**
* Object is Empty
* @param {(Object|Object[]|string)} obj - Array, object or string
* @returns {boolean} Returns if statement true or false
*/
const isEmpty = (obj) => {
return isNull(obj) || isBlank(obj);
};
/**
* Prefix for document.querySelectorAll()
* @param {Object} element - Elements for query selection
* @param {Object} [root=document] - Root selector Element
* @returns {Object} Returns root.querySelectorAll(element)
*/
const qsA = (element, root) => {
try {
root = root || dom.search;
return root.querySelectorAll(element);
} catch (ex) {
return console.error(ex);
}
};
/**
* Prefix for document.querySelector()
* @param {Object} element - Element for query selection
* @param {Object} [root=document] - Root selector Element
* @returns {Object} Returns root.querySelector(element)
*/
const qs = (element, root) => {
try {
root = root || dom.search;
return root.querySelector(element);
} catch (ex) {
return console.error(ex);
}
};
/**
* Prefix for document.querySelector() w/ Promise
* @param {Object} element - Element for query selection
* @param {Object} [root=document] - Root selector Element
* @returns {Object} Returns root.querySelector(element)
*/
const query = (element, root) => {
root = root || dom.search;
if (!isNull(root.querySelector(element))) {
return Promise.resolve(root.querySelector(element));
}
const loop = async () => {
while (isNull(root.querySelector(element))) {
// await new Promise((resolve) => requestAnimationFrame(resolve));
await new Promise((resolve) => {
const queryTimer = new SafeAnimationFrame(resolve);
queryTimer.start(1);
});
}
return root.querySelector(element);
};
return Promise.any([loop(), delay(5000).then(() => Promise.reject('Unable to locate element'))]);
};
/**
* Add Event Listener
* @param {Object} root - Selected Element
* @param {string} type - root Event Listener
* @param {Function} callback - Callback function
* @param {Object} [options={}] - (Optional) Options
* @returns {Object} Returns selected Element
*/
const ael = (root, type, callback, options = {}) => {
try {
root = root || dom.search;
if (isMobile && type === 'click') {
type = 'mouseup';
root.addEventListener('touchstart', callback);
root.addEventListener('touchend', callback);
}
if (type === 'fclick') {
type = 'click';
}
return root.addEventListener(type, callback, options);
} catch (ex) {
return err(ex);
}
};
/**
* Form Attributes of Element
* @param {Object} elt - Element
* @param {string} cname - (Optional) Element class name
* @param {Object} [attrs={}] - (Optional) Element attributes
* @returns {Object} Returns created Element
*/
const formAttrs = (el, cname, attrs = {}) => {
try {
if (!isEmpty(cname)) {
el.className = cname;
}
if (!isEmpty(attrs)) {
for (const key in attrs) {
if (key === 'dataset') {
for (const key2 in attrs[key]) {
el[key][key2] = attrs[key][key2];
}
} else if (key === 'click') {
ael(el, 'click', attrs[key]);
} else if (key === 'mouseenter') {
ael(el, 'mouseenter', attrs[key]);
} else if (key === 'mouseleave') {
ael(el, 'mouseleave', attrs[key]);
} else if (key === 'container') {
if (typeof key === 'function') {
key();
}
} else {
el[key] = attrs[key];
}
}
}
return el;
} catch (ex) {
err(ex);
return el;
}
};
/**
* Create/Make Element
* @param {string} element - Element to create
* @param {string} cname - (Optional) Element class name
* @param {Object} [attrs={}] - (Optional) Element attributes
* @returns {Object} Returns created Element
*/
const make = (element, cname, attrs = {}) => {
let el;
try {
el = dom.create(element);
return formAttrs(el, cname, attrs);
} catch (ex) {
err(ex);
return el;
}
};
/**
* Returns the cookie with the given name,
* or undefined if not found
* @source {@link https://javascript.info/cookie#getcookie-name}
*/
const getCookie = (name) => {
let matches = doc.cookie.match(
new RegExp('(?:^|; )' + name.replace(/([.$?*|{}()[\]\\/+^])/g, '\\$1') + '=([^;]*)')
);
return matches ? decodeURIComponent(matches[1]) : false;
};
/**
* Inject CSS (Cascading Style Sheet Document) into document.head
* @param {string} css - CSS to inject
* @param {string} [name = 'CSS'] - (optional) Name of stylesheet (af-*)
* @param {Object} root - (optional) Custom document.head path
* @return {HTMLStyleElement} Style element
*/
const loadCSS = async (css, name = 'CSS', root = document) => {
let sty;
try {
const head = Object.is(root, doc.head) ? root : qs('head', root || dom.search);
if (isBlank(css)) {
throw new Error('loadCSS', `Contains empty CSS string { ${name} }`);
}
if (!head) {
throw new Error('loadCSS', `Unable to locate head Element { ${head} }`);
}
sty = make('style', '', {
dataset: {
insertedBy: 'external-translator',
role: name
}
});
for (const s of qsA('head > style', root || dom.search)) {
if (!s.dataset) {
continue;
}
if (!s.dataset.role) {
continue;
}
if (Object.is(s.dataset.role, sty.dataset.role)) {
return s;
}
}
sty.textContent = css;
if (!isEmpty(root.shadowRoot)) {
root.shadowRoot.appendChild(sty);
} else {
head.appendChild(sty);
}
return sty;
} catch (ex) {
err(ex);
}
};
const controller = new AbortController();
const signal = controller.signal;
const TET = {
/**
* Get Value
* @param {string} key - Key to get the value of
* @param {Object} def - Fallback default value of key
* @returns {Object} Value or default value of key
* @link https://violentmonkey.github.io/api/gm/#gm_getvalue
* @link https://developer.mozilla.org/docs/Web/API/Web_Storage_API/Using_the_Web_Storage_API
*/
getValue(key, def = {}) {
try {
const params = JSON.stringify(def);
if (isGM) {
return JSON.parse(GM_getValue(key, params));
}
return window.localStorage.getItem(`TET-${key}`)
? JSON.parse(window.localStorage.getItem(`TET-${key}`))
: def;
} catch (ex) {
err(ex);
}
},
/**
* Get info of script
* @returns {Object} Script info
* @link https://violentmonkey.github.io/api/gm/#gm_info
*/
info: isGM
? GM_info
: {
script: {
icon: '',
name: 'External Translator',
namespace: 'External Translator',
updateURL: 'https://github.com/magicoflolis/twitter-translator',
version: 'Bookmarklet'
}
},
/**
* Open a new window
* @param {string} url - URL of webpage to open
* @param {object} params - GM parameters
* @returns {object} GM_openInTab object with Window object as a fallback
* @link https://violentmonkey.github.io/api/gm/#gm_openintab
* @link https://developer.mozilla.org/docs/Web/API/Window/open
*/
openInTab(
url,
params = {
active: true,
insert: true
},
features
) {
if (!isGM && isBlank(params)) {
params = '_blank';
}
if (features) {
return win.open(url, params, features);
}
return isGM ? GM_openInTab(url, params) : win.open(url, params);
},
/**
* Set clipboard
* @param {string} txt - Text to copy
* @returns {Promise} Copies text to clipboard with GM as a fallback
* @link https://developer.mozilla.org/docs/Web/API/Clipboard/writeText
* @link https://violentmonkey.github.io/api/gm/#gm_setclipboard
*/
// async setClipboard(txt, type = 'text/plain') {
// try {
// return new Promise((resolve, reject) => {
// return navigator.clipboard.writeText(txt).then(resolve, reject);
// });
// } catch (ex) {
// err(`[Clipboard] Failed to copy: ${ex}`);
// if (isGM) {
// return Promise.resolve(GM_setClipboard(txt, type));
// }
// }
// },
/**
* Set value
* @param {string} key - Key to set the value of
* @param {Object} v - Value of key
* @returns {Promise} Saves key to either GM managed storage or webpages localstorage
* @link https://violentmonkey.github.io/api/gm/#gm_setvalue
* @link https://developer.mozilla.org/docs/Web/API/Web_Storage_API/Using_the_Web_Storage_API
*/
setValue(key, v) {
return new Promise((resolve) => {
v = typeof v !== 'string' ? JSON.stringify(v ?? {}) : v;
if (isGM) {
resolve(GM_setValue(key, v));
} else {
resolve(window.localStorage.setItem(`TET-${key}`, v));
}
});
},
xmlRequest: isGM
? GM_xmlhttpRequest
: () => {
return {};
},
/**
* Fetch a URL with fetch API as fallback
*
* When GM is supported, makes a request like XMLHttpRequest, with some special capabilities, not restricted by same-origin policy
* @param {string} url - The URL to fetch
* @param {string} method - Fetch method
* @param {string} responseType - Response type
* @param {Object} data - Fetch parameters
* @param {boolean} forcefetch - Force use fetch API
* @returns {*} Fetch results
* @link https://violentmonkey.github.io/api/gm/#gm_xmlhttprequest
* @link https://developer.mozilla.org/docs/Web/API/Fetch_API
*/
fetchURL(url = '', method = 'GET', responseType = 'json', data = {}, forcefetch = false) {
return new Promise((resolve, reject) => {
const params = {
method: method.toLocaleUpperCase(),
...data
};
if (isGM && !forcefetch) {
if (params.credentials) {
Object.assign(params, {
anonymous: false
});
if (Object.is(params.credentials, 'omit')) {
Object.assign(params, {
anonymous: true
});
}
delete params.credentials;
}
} else {
if (params.onprogress) {
delete params.onprogress;
}
}
if (responseType.match(/buffer/gi)) {
fetch(url, {
signal,
...params
})
.then((response) => {
if (!response.ok) reject(response);
resolve(response.arrayBuffer());
})
.catch(reject);
} else if (isGM && !forcefetch) {
TET.xmlRequest({
url,
responseType: responseType.toLocaleLowerCase(),
...params,
onerror: reject,
onload: (r) => {
if (r.status !== 200) reject(`${r.status} ${url}`);
if (responseType.match(/basic/gi)) resolve(r);
resolve(r.response);
}
});
} else {
fetch(url, {
signal,
...params
})
.then((response) => {
if (!response.ok) reject(response);
if (responseType.match(/json/gi)) {
resolve(response.json());
} else if (responseType.match(/text/gi)) {
resolve(response.text());
} else if (responseType.match(/blob/gi)) {
resolve(response.blob());
} else if (responseType.match(/document/gi)) {
const data = new DOMParser().parseFromString(response.text(), 'text/html');
resolve(data);
}
resolve(response);
})
.catch(reject);
}
});
}
};
/** element, mouseenterFn, mouseleaveFn */
const mouseEvents = (elms, enter, leave) => {
leave = leave ?? enter;
if (typeof elms === 'string') {
query(elms).then(() => {
for (const e of normalizeTarget(elms)) {
ael(e, 'mouseenter', enter);
ael(e, 'mouseleave', leave);
}
});
} else {
for (const e of elms) {
ael(e, 'mouseenter', enter);
ael(e, 'mouseleave', leave);
}
}
};
const defaultDesc = "Pretend I'm a foreign language.";
const lh = domURL.host;
const find = {
logout: !getCookie('twid'),
nitter:
/nitter|nittr|nttr|twitr|bird|hyper/.test(lh) ||
lh === 'twitter.076.ne.jp' ||
lh === 'twitter.censors.us',
twitter: lh === 'twitter.com' || lh === 'mobile.twitter.com',
tweetdeck: lh === 'tweetdeck.twitter.com',
twitlonger: /twitlonger/.test(lh),
remover: /begin_password_reset|account|logout|login|signin|signout/.test(domURL.pathname)
};
const lngFN = () => {
for (const key in languages) {
if (typeof win.navigator.languages !== 'undefined') {
for (const l of win.navigator.languages) {
if (l !== key) continue;
dLng = l;
break;
}
} else {
dLng = win.navigator.language ?? qs('html').lang;
break;
}
}
};
/** Favicons
* Each converted to "Data URI" as to prevent blocking.
* Direct Links
* azure: 'https://azurecomcdn.azureedge.net/cvt-a8c88a5179d0dccbd8e4f14c3cca7706721477d322eb184796320391845f73d9/images/icon/favicon.ico',
* bing: 'https://www.bing.com/th?id=OTT.7A274AA188550691D09FA80F322A58D2&pid=Trans',
* deepl: 'https://static.deepl.com/img/favicon/favicon_16.png',
* gCloud: 'https://www.gstatic.com/devrel-devsite/prod/v48d5b7fe78425d6a73163cf28706f05fb6b7cff97bdc98bbcd2f38818604a511/cloud/images/favicons/onecloud/favicon.ico',
* google: 'https://ssl.gstatic.com/translate/favicon.ico',
* libre: 'https://github.com/LibreTranslate/LibreTranslate/tree/main/app/static',
* lingva: 'https://github.com/thedaviddelta/lingva-translate/tree/main/public',
* mymemory: 'https://mymemory.translated.net/public/img/favicon-16x16.png',
* translate: 'https://www.translate.com/next/images/favicon/favicon.svg',
* yandex: 'https://translate.yandex.com/icons/favicon.ico',
*/
const iconData = {
cache: new Map(),
sources: {
azure: `${ghCDN}/magicoflolis/twitter-translator/dist/icons/azure.ico`,
bing: `${ghCDN}/magicoflolis/twitter-translator/dist/icons/bing.svg`,
deepl: `${ghCDN}/magicoflolis/twitter-translator/dist/icons/deepl.png`,
gCloud: `${ghCDN}/magicoflolis/twitter-translator/dist/icons/googlecloud.ico`,
google: `${ghCDN}/magicoflolis/twitter-translator/dist/icons/google.ico`,
libre: `${ghCDN}/magicoflolis/twitter-translator/dist/icons/libre.ico`,
lingva: `${ghCDN}/magicoflolis/twitter-translator/dist/icons/lingva.png`,
mymemory: `${ghCDN}/magicoflolis/twitter-translator/dist/icons/mymemory.png`,
translate: `${ghCDN}/magicoflolis/twitter-translator/dist/icons/translate.svg`,
yandex: `${ghCDN}/magicoflolis/twitter-translator/dist/icons/yandex.ico`
},
async fn() {
const toDataURL = (str) => {
return new Promise((resolve) => {
TET.fetchURL(str, 'GET', 'blob').then((data) => {
const reader = new FileReader();
reader.readAsDataURL(data);
reader.onloadend = () => {
resolve(reader.result);
};
});
});
};
const makeImg = async (str) => {
try {
return await new Promise((resolve) => {
toDataURL(str).then((data) => {
const img = new Image();
dom.cl.add(img, 'tet-favicon');
img.src = data;
img.onload = () => resolve(img.outerHTML);
img.onerror = (ex) => {
err(ex);
resolve(`<img class="tet-favicon" src="${data}"/>`);
};
});
});
} catch (ex) {
return err(ex);
}
};
for (const key in this.sources) {
try {
const imgPreview = await makeImg(this.sources[key]);
this.cache.set(key, imgPreview);
} catch (ex) {
err('iconData.fn()', key, ex);
}
}
}
};
const halt = (e) => {
e.preventDefault();
e.stopPropagation();
};
const save = () => {
try {
TET.setValue('Config', cfg);
} catch (ex) {
err(ex);
}
};
/**
* @param {Node} element
* @param {MutationCallback} callback
* @param {MutationObserverInit} options
*/
const observe = (element, callback, options = { subtree: true, childList: true }) => {
const observer = new MutationObserver(callback);
callback([], observer);
observer.observe(element, options);
return observer;
};
const nav = make('div', 'navbackground rm');
const tetConfirm = make('div', 'tetConfirmation tetBackground rm', {
innerHTML: `<h1 class="tetConfirmTxt tetTextColor"><span>${languages.en.quest.head}</span></h1>
<div class="tetConfirmTxt tetTextColor"><span>${languages.en.quest.body}</span></div>
<div class="tetConfirmBtns confirm tetBtn" style="background-color: rgb(239, 243, 244);" data-testid="confirmationSheetConfirm">
<div style="color: rgb(15, 20, 25);"><span><span class="tet-confirm">${languages.en.quest.yes}</span></span></div>
</div>
<div class="tetConfirmBtns deny tetDisplayColor tetBtn" data-testid="confirmationSheetCancel">
<div style="color: rgb(239, 243, 244);"><span><span class="tet-deny">${languages.en.quest.no}</span></span></div>
</div>`
});
const tetHeader = make('div', 'tet-header tetTextColor', {
innerHTML: `<span class="tet-info-name">${TET.info.script.name} Settings</span><span class="tetTextColor tet-info">v${TET.info.script.version}</span>`
});
const tetMain = make('div', 'tet-main', {
innerHTML: `<div class="r-demo tetBackground">
<div class="tet-av">
<div class="tetAvatarFrame">
</div>
</div>
<div class="tet-txt">
<div class="txt-header">
<div class="tet-at tetTextColor"><span>${
TET.info.script.name
}</span><span class="tetTextColor">@for_lollipops</span></div>
</div>
<div class="tetTextColor tet-dc"><span class="tet-demotext">${
isGM ? defaultDesc : 'ERROR Unable to resolve GM_ or GM. objects'
}</span></div>
<div id="tetDemo" class="tetSub"></div>
</div>
</div>
<div id="tetSelector" class="tetBackground">
<div id="tetName" class="tetTextColor"><span>${languages.en.lg}</span></div>
<select id="languages" name="languages" class="tetTextColor">
<option class="tetBackground" value="en">${languages.en.sel}</option>
<option class="tetBackground" value="es">${languages.es.sel}</option>
<option class="tetBackground" value="ja">${languages.ja.sel}</option>
<option class="tetBackground" value="ru">${languages.ru.sel}</option>
<option class="tetBackground" value="zh">${languages.zh.sel}</option>
<option class="tetBackground" value="bg">${languages.bg.sel}</option>
<option class="tetBackground" value="cs">${languages.cs.sel}</option>
<option class="tetBackground" value="da">${languages.da.sel}</option>
<option class="tetBackground" value="de">${languages.de.sel}</option>
<option class="tetBackground" value="el">${languages.el.sel}</option>
<option class="tetBackground" value="et">${languages.et.sel}</option>
<option class="tetBackground" value="fi">${languages.fi.sel}</option>
<option class="tetBackground" value="fr">${languages.fr.sel}</option>
<option class="tetBackground" value="hu">${languages.hu.sel}</option>
<option class="tetBackground" value="it">${languages.it.sel}</option>
<option class="tetBackground" value="lv">${languages.lv.sel}</option>
<option class="tetBackground" value="lt">${languages.lt.sel}</option>
<option class="tetBackground" value="nl">${languages.nl.sel}</option>
<option class="tetBackground" value="pl">${languages.pl.sel}</option>
<option class="tetBackground" value="pt">${languages.pt.sel}</option>
<option class="tetBackground" value="ro">${languages.ro.sel}</option>
<option class="tetBackground" value="sk">${languages.sk.sel}</option>
<option class="tetBackground" value="sl">${languages.sl.sel}</option>
<option class="tetBackground" value="sv">${languages.sv.sel}</option>
</select>
</div>
<div id="tetSelector" class="tetBackground">
<div id="tetName" class="tetTextColor"><span>${languages.en.tr}</span></div>
<select id="translator" name="translator" class="tetTextColor">
<optgroup class="tetBackground" label="External Translators ⤴">
<option class="tetBackground" value="bing">Bing Translate</option>
<option class="tetBackground" value="deepl">DeepL Translator ✨</option>
<option class="tetBackground" value="google">Google Translate</option>
<option class="tetBackground" value="lingva">Lingva Translate</option>
<option class="tetBackground" value="mymemory">MyMemory</option>
<option class="tetBackground" value="translate">Translate.com</option>
<option class="tetBackground" value="yandex">Yandex Translator</option>
</optgroup>
<optgroup class="tetBackground" label="Internal Translators ⤵">
<option class="tetBackground" value="bingIT">Azure Cognitive Services</option>
<option class="tetBackground" value="deeplIT">DeepL</option>
<option class="tetBackground" value="googleIT">Google Cloud</option>
<option class="tetBackground" value="libre">LibreTranslate</option>
<option class="tetBackground" value="lingvaIT">Lingva Translate ✨</option>
<option class="tetBackground" value="mymemoryIT">MyMemory</option>
<option class="tetBackground" value="translateIT">Translation API</option>
<option class="tetBackground" value="yandexIT">Yandex Translate API</option>
</optgroup>
</select>
</div>
<div id="tetSelector" class="tetBackground">
<div id="tetName" class="tetTextColor"><span>${languages.en.ds}</span></div>
<select id="display" name="display" class="tetTextColor">
<option class="tetBackground" value="text + icon">Text + Icon</option>
<option class="tetBackground" value="text">${languages.en.t}</option>
<option class="tetBackground" value="icon">${languages.en.i}</option>
</select>
</div>
<div id="tetSelector" class="tetBackground">
<div id="tetName" class="tetTextColor"><span>${languages.en.col}</span></div>
<select id="colorselect" name="colorselect" class="tetTextColor">
<optgroup class="tetBackground" label="Twitter">
<option class="tetBackground" value="tet-29u">${languages.en.cb}</option>
<option class="tetBackground" value="tet-186u">${languages.en.cg}</option>
<option class="tetBackground" value="tet-122u">${languages.en.co}</option>
<option class="tetBackground" value="tet-120u">${languages.en.cp}</option>
<option class="tetBackground" value="tet-249u">${languages.en.cr}</option>
<option class="tetBackground" value="tet-255u">${languages.en.cy}</option>
<optgroup class="tetBackground" label="Misc">
<option class="tetBackground" value="auto">${languages.en.ao}</option>
<option class="tetBackground" value="nitter">Nitter</option>
<option class="tetBackground" value="tweetdeck">TweetDeck</option>
</optgroup>
</select>
</div>
<div id="tetSelector" class="tetBackground">
<div id="tetName" class="tetTextColor"><span>${languages.en.th}</span></div>
<select id="theme" name="theme" class="tetTextColor">
<optgroup class="tetBackground" label="Twitter">
<option class="tetBackground" value="twdef">${languages.en.df}</option>
<option class="tetBackground" value="twdim">${languages.en.di}</option>
<option class="tetBackground" value="twlo">${languages.en.lo}</option>
</optgroup>
<optgroup class="tetBackground" label="Misc">
<option class="tetBackground" value="auto">${languages.en.ao}</option>
<option class="tetBackground" value="nitter">Nitter</option>
<option class="tetBackground" value="tweetdeck">TweetDeck</option>
</optgroup>
</select>
</div>
<input id="apifield" type="password" name="apikey" placeholder="PASTE API KEY" class="tetTextColor tetBackground tetFields deepl">
<div id="tetSelector" class="tetBackground tetFields deepl">
<div id="tetName"><span>Version</span></div>
<select id="api-version" name="api-version" class="tetTextColor">
<option class="tetBackground" value="api-free">Free</option>
<option class="tetBackground" value="api-pro">Pro</option>
</select>
</div>
<input id="apifield" type="url" name="apikey" placeholder="(OPTIONAL) PASTE URL" class="tetTextColor tetBackground tet-url">
<input id="apifield" type="password" name="apikey" placeholder="(OPTIONAL) PASTE API KEY" class="tetTextColor tetBackground tetFields libre">
<input id="apifield" type="url" name="apikey" placeholder="PASTE URL" class="tetTextColor tetBackground tetFields libre">
<input id="apifield" type="password" name="apikey" placeholder="PASTE FOLDER ID" class="tetTextColor tetBackground tetFields yandex">
<input id="apifield" type="password" name="apikey" placeholder="PASTE API KEY" class="tetTextColor tetBackground tetFields translate">
<input id="apifield" type="url" name="apikey" placeholder="PASTE URL" class="tetTextColor tetBackground tetFields lingva">
<input id="apifield" type="password" name="apikey" placeholder="PASTE API KEY" class="tetTextColor tetBackground tetFields google">
<input id="apifield" type="password" name="apikey" placeholder="PASTE API KEY" class="tetTextColor tetBackground tetFields bing">
<div id="tetReset" class="tetDisplayColor tetBtn">Defaults</div>`
});
const tetForm = make('div', 'tetBackground rm', { id: 'tetForm' });
const tetAdv = make('div', 'rm', {
id: 'tetadvanced',
innerHTML: `<div class="tetBackground">
<div class="tet-header tetTextColor">
<span class="tet-info-name">Advanced Config</span>
<span></span>
</div>
<div class="tet-main tet-container tetadvanced-container">
<div id="tetSelector" class="tetBackground">
<div id="tetName"><span>Delay Injection</span></div>
<select id="delayInject" name="delayInject" class="tetTextColor">
<option class="tetBackground" value="none">0ms (${languages.en.df})</option>
<option class="tetBackground" value="500">500ms</option>
<option class="tetBackground" value="1000">1000ms</option>
<option class="tetBackground" value="1500">1500ms</option>
<option class="tetBackground" value="2000">2000ms</option>
<option class="tetBackground" value="2500">2500ms</option>
<option class="tetBackground" value="3000">3000ms</option>
<option class="tetBackground" value="3500">3500ms</option>
<option class="tetBackground" value="4000">4000ms</option>
<option class="tetBackground" value="4000">4500ms</option>
<option class="tetBackground" value="5000">5000ms</option>
</select>
</div>
<section class="tetcheckbox">
<label class="tetTextColor">
<span>Debug</span>
<div class="tetswitch tetDisplayColor">
<input type="checkbox" name="debug" id="debug" />
<label for="debug"></label>
</div>
</label>
</section>
<section class="tetcheckbox tet-ac">
<label class="tetTextColor">
<span>Bios</span>
<div class="tetswitch tetDisplayColor">
<input type="checkbox" name="tetbio" id="tetbio" />
<label for="tetbio"></label>
</div>
</label>
</section>
<section class="tetcheckbox tet-ac tetmsg">
<label class="tetTextColor">
<span>Direct Messages</span>
<div class="tetswitch tetDisplayColor">
<input type="checkbox" name="dmsg" id="dmsg" />
<label for="dmsg"></label>
</div>
</label>
</section>
<section class="tetcheckbox tet-ac">
<label class="tetTextColor">
<span>Tweets + Replies</span>
<div class="tetswitch tetDisplayColor">
<input type="checkbox" name="tetctw" id="tetctw" />
<label for="tetctw"></label>
</div>
</label>
</section>
<section class="tetcheckbox tetst">
<label class="tetTextColor">
<span>Website Theme</span>
<div class="tetswitch tetDisplayColor">
<input type="checkbox" name="sitetheme" id="sitetheme" />
<label for="sitetheme"></label>
</div>
</label>
</section>
<div id="tetNI" class="tetDisplayColor tetBtn">Fetch Latest Nitter Instances</div>
</div>
</div>`
});
const tetAdvC = make('div', 'rm tetadvanced-icon-container', {
innerHTML:
'<svg viewBox="0 0 24 24" class="tetadvanced-icon tetTextColor"><g><path d="M12 8.21c-2.09 0-3.79 1.7-3.79 3.79s1.7 3.79 3.79 3.79 3.79-1.7 3.79-3.79-1.7-3.79-3.79-3.79zm0 6.08c-1.262 0-2.29-1.026-2.29-2.29S10.74 9.71 12 9.71s2.29 1.026 2.29 2.29-1.028 2.29-2.29 2.29z"></path><path d="M12.36 22.375h-.722c-1.183 0-2.154-.888-2.262-2.064l-.014-.147c-.025-.287-.207-.533-.472-.644-.286-.12-.582-.065-.798.115l-.116.097c-.868.725-2.253.663-3.06-.14l-.51-.51c-.836-.84-.896-2.154-.14-3.06l.098-.118c.186-.222.23-.523.122-.787-.11-.272-.358-.454-.646-.48l-.15-.014c-1.18-.107-2.067-1.08-2.067-2.262v-.722c0-1.183.888-2.154 2.064-2.262l.156-.014c.285-.025.53-.207.642-.473.11-.27.065-.573-.12-.795l-.094-.116c-.757-.908-.698-2.223.137-3.06l.512-.512c.804-.804 2.188-.865 3.06-.14l.116.098c.218.184.528.23.79.122.27-.112.452-.358.477-.643l.014-.153c.107-1.18 1.08-2.066 2.262-2.066h.722c1.183 0 2.154.888 2.262 2.064l.014.156c.025.285.206.53.472.64.277.117.58.062.794-.117l.12-.102c.867-.723 2.254-.662 3.06.14l.51.512c.836.838.896 2.153.14 3.06l-.1.118c-.188.22-.234.522-.123.788.112.27.36.45.646.478l.152.014c1.18.107 2.067 1.08 2.067 2.262v.723c0 1.183-.888 2.154-2.064 2.262l-.155.014c-.284.024-.53.205-.64.47-.113.272-.067.574.117.795l.1.12c.756.905.696 2.22-.14 3.06l-.51.51c-.807.804-2.19.864-3.06.14l-.115-.096c-.217-.183-.53-.23-.79-.122-.273.114-.455.36-.48.646l-.014.15c-.107 1.173-1.08 2.06-2.262 2.06zm-3.773-4.42c.3 0 .593.06.87.175.79.328 1.324 1.054 1.4 1.896l.014.147c.037.4.367.7.77.7h.722c.4 0 .73-.3.768-.7l.014-.148c.076-.842.61-1.567 1.392-1.892.793-.33 1.696-.182 2.333.35l.113.094c.178.148.366.18.493.18.206 0 .4-.08.546-.227l.51-.51c.284-.284.305-.73.048-1.038l-.1-.12c-.542-.65-.677-1.54-.352-2.323.326-.79 1.052-1.32 1.894-1.397l.155-.014c.397-.037.7-.367.7-.77v-.722c0-.4-.303-.73-.702-.768l-.152-.014c-.846-.078-1.57-.61-1.895-1.393-.326-.788-.19-1.678.353-2.327l.1-.118c.257-.31.236-.756-.048-1.04l-.51-.51c-.146-.147-.34-.227-.546-.227-.127 0-.315.032-.492.18l-.12.1c-.634.528-1.55.67-2.322.354-.788-.327-1.32-1.052-1.397-1.896l-.014-.155c-.035-.397-.365-.7-.767-.7h-.723c-.4 0-.73.303-.768.702l-.014.152c-.076.843-.608 1.568-1.39 1.893-.787.326-1.693.183-2.33-.35l-.118-.096c-.18-.15-.368-.18-.495-.18-.206 0-.4.08-.546.226l-.512.51c-.282.284-.303.73-.046 1.038l.1.118c.54.653.677 1.544.352 2.325-.327.788-1.052 1.32-1.895 1.397l-.156.014c-.397.037-.7.367-.7.77v.722c0 .4.303.73.702.768l.15.014c.848.078 1.573.612 1.897 1.396.325.786.19 1.675-.353 2.325l-.096.115c-.26.31-.238.756.046 1.04l.51.51c.146.147.34.227.546.227.127 0 .315-.03.492-.18l.116-.096c.406-.336.923-.524 1.453-.524z"></path></g></svg>',
click: () => {
dom.cl.add(qs('.tet-help-container'), 'rm');
dom.cl.toggle(qs('[id="tetadvanced"]'), 'rm');
}
});
const tetAdvI = make('div', 'rm tet-icon-container', {
innerHTML: `<a class="tet-icon-info tetDisplayColor" title="Help">?</a>
<div class="rm tetBackground tet-help-container">
<a class="tet-help-info tetTextColor" href="${TET.info.script.namespace}" target="_blank">Visit GitHub ⤴</a>
</div>`
});
const mkMenuSVG = () => {
const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
const g = document.createElementNS('http://www.w3.org/2000/svg', 'g');
const p = document.createElementNS('http://www.w3.org/2000/svg', 'path');
dom.attr(
p,
'd',
'M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2zm8.472 9.442c-.242.19-.472.368-.63.486-.68-1.265-1.002-1.78-1.256-2.007-.163-.145-.37-.223-.78-.375-.367-.136-1.482-.55-1.65-.85-.087-.153.136-.602.23-.793.088-.177.164-.33.196-.497.123-.646-.33-1.146-.728-1.59-.066-.072-.153-.17-.23-.26.335-.12.862-.26 1.42-.384 1.95 1.448 3.26 3.704 3.428 6.272zm-9.788-7.83c.076.25.145.5.182.678-.255.15-.663.363-.96.52-.262.136-.522.273-.738.392-.247.137-.442.234-.6.313-.347.174-.598.3-.833.553-.068.073-.26.278-1.02 1.886l-1.79-.656c1.293-1.94 3.362-3.31 5.76-3.685zM12 20.5c-4.687 0-8.5-3.813-8.5-8.5 0-1.197.25-2.335.7-3.37.47.182 1.713.66 2.75 1.035-.107.336-.245.854-.26 1.333-.03.855.502 1.7.562 1.792.053.08.12.15.2.207.303.21.687.5.827.616.063.343.166 1.26.23 1.833.144 1.266.175 1.48.24 1.65.005.012.514 1.188 1.315 1.188.576-.003.673-.206 1.855-2.688.244-.512.45-.95.513-1.058.1-.144.597-.61.87-.83.55-.442.76-1.82.413-2.682-.335-.83-1.92-2.08-2.5-2.195-.17-.033-.43-.04-.953-.053-.497-.01-1.25-.028-1.536-.09-.098-.024-.314-.094-.605-.196.32-.668.627-1.28.71-1.4.05-.052.168-.112.408-.234.17-.086.383-.192.653-.34.208-.116.458-.247.71-.38 1.168-.612 1.484-.8 1.658-1.082.11-.177.263-.44-.04-1.544 1.042.027 2.038.24 2.955.61-.89.32-1.024.595-1.106.77-.367.784.256 1.475.667 1.93.096.107.24.268.32.38l-.017.036c-.234.472-.67 1.35-.196 2.194.406.72 1.384 1.13 2.437 1.52.134.05.25.092.33.126.16.208.496.79 1 1.735l.154.285c.078.14.33.505.842.505.167 0 .363-.04.59-.137.032-.013.083-.035.18-.094C19.72 17.405 16.22 20.5 12 20.5zm-3.812-9.45c.01-.285.102-.646.184-.907l.027.006c.397.09 1.037.11 1.83.13.32.006.59.008.615 0 .326.143 1.355 1 1.483 1.31.113.28.05.812-.034 1.01-.233.197-.845.735-1.085 1.078-.093.13-.212.373-.64 1.274-.133.276-.313.654-.488 1.013-.026-.225-.054-.472-.08-.686-.225-2.003-.273-2.22-.42-2.445-.05-.078-.202-.31-1.135-.973-.117-.213-.268-.564-.26-.813z'
);
g.append(p);
dom.attr(svg, 'viewBox', '0 0 24 24');
dom.attr(svg, 'width', '1em');
dom.attr(svg, 'height', '1em');
dom.attr(svg, 'id', 'tetSVG');
dom.cl.add(svg, 'tetTextColor');
svg.append(g);
return svg;
};
const menuSvg = mkMenuSVG();
const menuSpan = make('span', '', { innerHTML: languages.en.menu });
const tetMenuButton = make('div', 'mini tetDisplayColor tetBtn', {
id: 'tetMenuButton',
title: languages.en.menu,
click: (e) => {
dom.cl.remove([nav, tetForm, tetAdvI, tetAdvC], 'rm');
dom.attr(btNav, 'style', 'z-index: 10000 !important');
dom.cl.toggle(e.target, 'mini');
dom.cl.add(dom.html, 'tetFreeze');
},
onmouseenter: (e) => {
dom.cl.toggle(e.target, cHover);
dom.attr(menuSvg, 'style', 'display: none;');
dom.cl.toggle(e.target, 'mini');
},
onmouseleave: (e) => {
dom.cl.toggle(e.target, cHover);
dom.attr(menuSvg, 'style', 'display: inline;');
dom.cl.toggle(e.target, 'mini');
delay(5000).then(() => dom.attr(menuSvg, 'style', 'display: none;'));
}
});
const btNav = make('div', 'btNav', {
id: 'tetTW',
role: 'dialog',
style: 'z-index: -1 !important;'
});
// Couldn't figure out how to make my own
// invalid_chars from https://greasyfork.org/scripts/423001
const invalid_chars = {
'\\': '＼',
'/': '／',
'|': '｜',
'<': '＜',
'>': '＞',
':': '：',
'*': '＊',
'?': '？',
'"': '＂',
'🔞': '',
'#': ''
};
const elmFN = (elem, encode = true) => {
// const txtFilter = /[\p{Alpha}\p{M}\p{Nd}\p{Pc}\p{Join_C}\p{Po}\p{So}\p{Sc}\d]/gu.exec(dom.text(elem));
const txtFilter =
dom.text(elem).match(/[\p{Alpha}\p{M}\p{Nd}\p{Pc}\p{Join_C}\p{Po}\p{So}\p{Sc}\d]/gu) || [];
let content = '';
for (const key of txtFilter) {
content += key.replace(/[\\/|<>*?:#"]/g, (v) => invalid_chars[v]);
}
if (encode) {
return encodeURIComponent(content);
}
return content;
};
const langChange = (lchange) => {
info('Updating language');
let cfglng = cfg.lang ?? 'en';
if (lchange) {
lng = {};
cfglng = lchange ?? cfglng;
}
for (const key in languages) {
if (key !== cfglng) continue;
if (!hasOwn(lng, key)) {
lng[key] = languages[key];
} else if (key === 'quest') {
for (const key3 in languages[key]) {
if (!hasOwn(lng[key], key3)) {
lng[key][key3] = languages[key][key3];
}
}
}
}
lng[cfglng]['ti'] = `${lng[cfglng]['t']} + ${lng[cfglng]['i']}`;
dbg('Language:', lng);
};
//#region Site n Menu Fn
const ignoreTags = new Set(['br', 'head', 'link', 'meta', 'script', 'style']);
const obi = (onDOMCreated, onDOMChanged) => {
let removedNodes = false;
let domLayoutObserver;
const addedNodes = [];
const addedNodeLists = [];
const removedNodeLists = [];
const safeObserverHandler = () => {
let i = addedNodeLists.length;
// eslint-disable-next-line no-plusplus
while (i--) {
const nodeList = addedNodeLists[i];
let iNode = nodeList.length;
// eslint-disable-next-line no-plusplus
while (iNode--) {
const node = nodeList[iNode];
if (node.nodeType !== 1) {
continue;
}
if (ignoreTags.has(node.localName)) {
continue;
}
if (node.parentElement === null) {
continue;
}
addedNodes.push(node);
}
}
addedNodeLists.length = 0;
i = removedNodeLists.length;
// eslint-disable-next-line no-plusplus
while (i-- && removedNodes === false) {
const nodeList = removedNodeLists[i];
let iNode = nodeList.length;
// eslint-disable-next-line no-plusplus
while (iNode--) {
if (nodeList[iNode].nodeType !== 1) {
continue;
}
removedNodes = true;
break;
}
}
removedNodeLists.length = 0;
if (addedNodes.length === 0 && removedNodes === false) {
return;
}
if (typeof onDOMChanged === 'function' || onDOMChanged instanceof Function) {
onDOMChanged(addedNodes, removedNodes);
}
addedNodes.length = 0;
removedNodes = false;
};
const observerHandler = (mutations) => {
let i = mutations.length;
while (i--) {
const mutation = mutations[i];
let nodeList = mutation.addedNodes;
if (nodeList.length !== 0) {
addedNodeLists.push(nodeList);
}
nodeList = mutation.removedNodes;
if (nodeList.length !== 0) {
removedNodeLists.push(nodeList);
}
}
if (addedNodeLists.length !== 0 || removedNodeLists.length !== 0) {
safeObserverHandler();
}
};
const startObserver = () => {
if (domLayoutObserver !== undefined) {
return;
}
domLayoutObserver = new MutationObserver(observerHandler);
domLayoutObserver.observe(document, {
childList: true,
subtree: true
});
};
if (typeof onDOMCreated === 'function' || onDOMCreated instanceof Function) {
onDOMCreated();
}
startObserver();
};
async function configDisplay() {
const getIcon = (icon) => {
const resp = iconData.cache.get(icon);
return isEmpty(resp) ? '' : resp;
};
return new Promise((resolve) => {
const dis = cfg.display;
const tra = cfg.translator;
if (!dis) throw new Error(`cfg.display is undefined ${dis}`);
if (dis === 'text + icon') {
tra.match(/lingva/gi)
? resolve(`Lingva Translate ${getIcon('lingva')}`)
: tra.match(/libre/gi)
? resolve(`LibreTranslate ${getIcon('libre')}`)
: tra == 'bingIT'
? resolve(`Azure Cognitive Services ${getIcon('azure')}`)
: tra == 'bing'
? resolve(`Bing ${getIcon('bing')}`)
: tra == 'googleIT'
? resolve(`Google Cloud ${getIcon('gCloud')}`)
: tra == 'google'
? resolve(`Google ${getIcon('google')}`)
: tra.match(/mymemory/gi)
? resolve(`MyMemory ${getIcon('mymemory')}`)
: tra.match(/translate/gi)
? resolve(`Translate.com ${getIcon('translate')}`)
: tra.match(/yandex/gi)
? resolve(`Yandex ${getIcon('yandex')}`)
: resolve(`DeepL ${getIcon('deepl')}`);
} else if (dis === 'icon') {
tra.match(/lingva/gi)
? resolve(getIcon('lingva'))
: tra.match(/libre/gi)
? resolve(getIcon('libre'))
: tra == 'bingIT'
? resolve(getIcon('azure'))
: tra == 'bing'
? resolve(getIcon('bing'))
: tra == 'googleIT'
? resolve(getIcon('gCloud'))
: tra == 'google'
? resolve(getIcon('google'))
: tra.match(/mymemory/gi)
? resolve(getIcon('mymemory'))
: tra.match(/translate/gi)
? resolve(getIcon('translate'))
: tra.match(/yandex/gi)
? resolve(getIcon('yandex'))
: resolve(getIcon('deepl'));
} else {
tra.match(/lingva/gi)
? resolve('Lingva Translate')
: tra.match(/libre/gi)
? resolve('LibreTranslate')
: tra == 'bingIT'
? resolve('Azure Cognitive Services')
: tra == 'bing'
? resolve('Bing')
: tra == 'googleIT'
? resolve('Google Cloud')
: tra == 'google'
? resolve('Google')
: tra.match(/mymemory/gi)
? resolve('MyMemory')
: tra.match(/translate/gi)
? resolve('Translate.com')
: tra.match(/yandex/gi)
? resolve('Yandex')
: resolve('DeepL');
}
})
.then((display) => {
const tw = lng[cfg.lang ?? 'en'].tw;
qs('#tetDemo').innerHTML = `${tw} ${display}`;
if (!qs('.tet')) return;
for (const t of qsA('.tet')) {
t.innerHTML = `${tw} ${display}`;
}
})
.catch(err);
}
const translate = async (elem, btnDiv, srcLang = 'auto', content = '') => {
const tr = cfg.translator;
if (elem.parentElement.contains(btnDiv)) {
dom.cl.toggle(btnDiv, 'rm');
return 'Already exists';
}
if (tr.match(/IT|libre/gi)) {
elem.innerHTML = `${lng[cfg.lang].l}...`;
if (tr.match(/lingva/gi)) {
return TET.fetchURL(`${cfg.url.lingva}/api/v1/${srcLang}/${cfg.lang}/${content}`);
} else if (tr.match(/libre/gi)) {
return TET.fetchURL(cfg.url.libre, 'POST', {
body: JSON.stringify({
q: content,
source: srcLang,
target: cfg.lang,
format: 'text',
api_key: cfg.api.libre
})
});
} else if (tr.match(/bing/gi)) {
return 'Work in progress';
} else if (tr.match(/google/gi)) {
return TET.fetchURL(
`${cfg.url[tr]}/language/translate/v2?q=${content}&target=${cfg.lang}&source=${srcLang}&key=${cfg.api.google}`
)
} else if (tr.match(/mymemory/gi)) {
return TET.fetchURL(`${cfg.url[tr]}/get?q=${content}&langpair=${srcLang}|${cfg.lang}`)
} else if (tr.match(/translate/gi)) {
await TET.fetchURL('https://api.translate.com/translate/v1/login', 'POST', {
body: JSON.stringify({
email: srcLang,
password: cfg.lang
})
})
return TET.fetchURL(cfg.url[tr], 'POST', {
body: JSON.stringify({
text: content,
source_language: srcLang,
translation_language: cfg.lang
})
})
} else if (tr.match(/yandex/gi)) {
return TET.fetchURL(cfg.url[tr], 'POST', {
body: JSON.stringify({
sourceLanguageCode: srcLang,
targetLanguageCode: cfg.lang,
format: 'string',
texts: [content],
folderId: cfg.api.yandex
})
})
} else if (tr.match(/deepl/gi)) {
return TET.fetchURL(
`https://${
cfg.api.version.match(/pro/gi) ? 'api' : 'api-free'
}.deepl.com/v2/translate?auth_key=${cfg.api.deepl}&text=${content}&target_lang=${
cfg.lang
}`
)
}
return 'Unable to locate selected translator';
}
if (tr.match(/lingva/gi)) {
return `${cfg.url[tr]}/${srcLang}/${cfg.lang}/${content}`;
} else if (tr.match(/bing/gi)) {
return `${cfg.url[tr]}/translator/?text=${content}&from=${srcLang}&to=${cfg.lang}`;
} else if (tr.match(/google/gi)) {
return `${cfg.url[tr]}/?q=${content}&sl=${srcLang}&tl=${cfg.lang}`;
} else if (tr.match(/mymemory/gi)) {
return `${cfg.url[tr]}/${cfg.lang}/${srcLang}/${cfg.lang}/${content}`;
} else if (tr.match(/translate/gi)) {
return `${cfg.url[tr]}/machine-translation#${srcLang}/${cfg.lang}/${content}`;
} else if (tr.match(/yandex/gi)) {
return `${cfg.url[tr]}/?lang=${srcLang}-${cfg.lang}&text=${content}`;
} else if (tr.match(/deepl/gi)) {
return `${cfg.url[tr]}/translator#${srcLang}/${cfg.lang}/${content}`;
}
return 'Unable to locate selected translator';
}
/** Src Element, Src Language, Src Content, Inject Mode */
function handleButton(source, srcLang = 'auto', content = '', mode = 'append', extras = {}) {
mode = isEmpty(mode) ? 'append' : mode;
srcLang = isEmpty(srcLang) ? 'auto' : srcLang;
const ntStyle = 'margin: 0px 0px 0px 58px !important; padding: .75em;';
const btnDiv = make('div', `tetTextColor ${cText}`, { id: 'tweet-text' });
const btnSpan = make('span');
btnDiv.append(btnSpan);
const tetBtn = make('div', `tet ${cSub}`, {
mouseenter: (e) => dom.cl.add(e.target, 'r-hover'),
mouseleave: (e) => dom.cl.remove(e.target, 'r-hover'),
onclick: (e) => {
halt(e);
if (e.target.innerHTML.match(/error/i)) {
e.target.remove();
btnDiv.remove();
}
// let tr = cfg.translator;
// const findTR = () => {
// if (e.target.parentElement.contains(btnDiv)) {
// dom.cl.toggle(btnDiv, 'rm');
// return 'Already exists';
// }
// return new Promise((resolve, reject) => {
// if (tr.match(/IT|libre/gi)) {
// e.target.innerHTML = `${lng[cfg.lang].l}...`;
// if (tr.match(/lingva/gi)) {
// resolve(TET.fetchURL(`${cfg.url.lingva}/api/v1/${srcLang}/${cfg.lang}/${content}`));
// } else if (tr.match(/libre/gi)) {
// resolve(
// TET.fetchURL(cfg.url.libre, 'POST', {
// body: JSON.stringify({
// q: content,
// source: srcLang,
// target: cfg.lang,
// format: 'text',
// api_key: cfg.api.libre
// })
// })
// );
// } else if (tr.match(/bing/gi)) {
// reject('Work in progress');
// } else if (tr.match(/google/gi)) {
// resolve(
// TET.fetchURL(
// `${cfg.url[tr]}/language/translate/v2?q=${content}&target=${cfg.lang}&source=${srcLang}&key=${cfg.api.google}`
// )
// );
// } else if (tr.match(/mymemory/gi)) {
// resolve(
// TET.fetchURL(`${cfg.url[tr]}/get?q=${content}&langpair=${srcLang}|${cfg.lang}`)
// );
// } else if (tr.match(/translate/gi)) {
// resolve(
// TET.fetchURL('https://api.translate.com/translate/v1/login', 'POST', {
// body: JSON.stringify({
// email: srcLang,
// password: cfg.lang
// })
// }).then(() => {
// TET.fetchURL(cfg.url[tr], 'POST', {
// body: JSON.stringify({
// text: content,
// source_language: srcLang,
// translation_language: cfg.lang
// })
// });
// })
// );
// } else if (tr.match(/yandex/gi)) {
// resolve(
// TET.fetchURL(cfg.url[tr], 'POST', {
// body: JSON.stringify({
// sourceLanguageCode: srcLang,
// targetLanguageCode: cfg.lang,
// format: 'string',
// texts: [content],
// folderId: cfg.api.yandex
// })
// })
// );
// } else if (tr.match(/deepl/gi)) {
// resolve(
// TET.fetchURL(
// `https://${
// cfg.api.version.match(/pro/gi) ? 'api' : 'api-free'
// }.deepl.com/v2/translate?auth_key=${cfg.api.deepl}&text=${content}&target_lang=${
// cfg.lang
// }`
// )
// );
// }
// reject('Unable to locate selected translator');
// }
// if (tr.match(/lingva/gi)) {
// resolve(`${cfg.url[tr]}/${srcLang}/${cfg.lang}/${content}`);
// } else if (tr.match(/bing/gi)) {
// resolve(`${cfg.url[tr]}/translator/?text=${content}&from=${srcLang}&to=${cfg.lang}`);
// } else if (tr.match(/google/gi)) {
// resolve(`${cfg.url[tr]}/?q=${content}&sl=${srcLang}&tl=${cfg.lang}`);
// } else if (tr.match(/mymemory/gi)) {
// resolve(`${cfg.url[tr]}/${cfg.lang}/${srcLang}/${cfg.lang}/${content}`);
// } else if (tr.match(/translate/gi)) {
// resolve(`${cfg.url[tr]}/machine-translation#${srcLang}/${cfg.lang}/${content}`);
// } else if (tr.match(/yandex/gi)) {
// resolve(`${cfg.url[tr]}/?lang=${srcLang}-${cfg.lang}&text=${content}`);
// } else if (tr.match(/deepl/gi)) {
// resolve(`${cfg.url[tr]}/translator#${srcLang}/${cfg.lang}/${content}`);
// }
// reject('Unable to locate selected translator');
// });
// };
// findTR()
translate(e.target, btnDiv, srcLang, content).then((r) => {
configDisplay();
if (typeof r === 'string') {
if (r.match(/already exists/i)) return;
return TET.openInTab(r);
}
const resp = () => {
for (const k in r) {
return k.includes('translation')
? r.translation
: k.includes('responseData')
? r.responseData.translatedText
: k.includes('data')
? r.data.translations[0].translatedText ?? r.data.translation
: k.includes('translatedText')
? r.translatedText
: k.includes('translations')
? r.translations[0].text
: r;
}
};
btnSpan.innerHTML = resp();
if (!e.target.parentElement.contains(btnDiv)) {
e.target.after(btnDiv);
}
})
.catch((ex) => {
err(ex);
btnSpan.innerHTML += `---> ${JSON.stringify(ex, null, ' ')}`;
if (!e.target.parentElement.contains(btnDiv)) e.target.after(btnDiv);
e.target.innerHTML = 'Encounted an Error';
});
},
...extras
});
/append|after|before|prepend/i.test(mode)
? source[mode](tetBtn)
: mode === 'afterend'
? source.insertAdjacentHTML('afterend', tetBtn)
: mode === 'tdTweet'
? source.after(tetBtn)
: mode === 'tdBio'
? source.after(tetBtn)
: mode === 'nitter'
? (source.after(tetBtn), dom.attr([tetBtn, btnDiv], 'style', ntStyle))
: mode.prepend(tetBtn);
configDisplay();
}
//#endregion
//#region Sites
const trigDelay = (callback) => {
if (cfg.delay === 'none') {
callback();
return;
}
delay(cfg.delay).then(callback);
};
const site = {
nitter() {
const twtFN = () => {
for (const tc of qsA('.tweet-content')) {
if (
!tc.parentElement.parentElement.nextElementSibling ||
!tc.parentElement.parentElement.nextElementSibling.className.includes('tet')
) {
const c = elmFN(tc);
handleButton(tc.parentElement.parentElement, 'auto', c, 'nitter');
}
}
};
trigDelay(twtFN);
},
tweetdeck(elem) {
try {
const twtFN = () => {
const item = qs('p.js-tweet-text', elem);
if (item.lang) {
if (item.lang.includes(languages[cfg.lang ?? 'en']) && !item.nextElementSibling) return;
if (!item.nextElementSibling) return;
if (!item.nextElementSibling.className.includes('js-translate-call-to-action')) return;
if (!item.nextElementSibling.nextElementSibling) return;
if (item.nextElementSibling.nextElementSibling.className.includes('tet')) return;
const c = elmFN(item);
handleButton(item.nextElementSibling, item.lang, c, 'tdTweet');
} else {
if (!item.nextElementSibling) return;
if (item.nextElementSibling.className.includes('tet')) return;
const c = elmFN(item);
handleButton(item, 'auto', c, 'tdTweet');
}
// for (const item of qsA('p.js-tweet-text', elem)) {
// if (item.lang) {
// if (item.lang.includes(languages[cfg.lang ?? 'en']) && !item.nextElementSibling)
// continue;
// if (!item.nextElementSibling) continue;
// if (!item.nextElementSibling.className.includes('js-translate-call-to-action'))
// continue;
// if (!item.nextElementSibling.nextElementSibling) continue;
// if (item.nextElementSibling.nextElementSibling.className.includes('tet')) continue;
// elmFN(item).then((c) => {
// handleButton(item.nextElementSibling, item.lang, c, 'tdTweet');
// });
// } else {
// if (!item.nextElementSibling) continue;
// if (item.nextElementSibling.className.includes('tet')) continue;
// elmFN(item).then((c) => {
// handleButton(item, 'auto', c, 'tdTweet');
// });
// }
// }
};
trigDelay(twtFN);
} catch (ex) {
err(ex);
}
},
twitlonger() {
const content = qs('p#posttext').innerText;
const source = qs('.actions.text-right');
const twtFN = () => {
if (source && !qs('.tet')) {
handleButton(source, 'auto', content, 'prepend');
}
};
trigDelay(twtFN);
},
twitter(elem) {
const twtFN = () => {
if (typeof elem === 'string') {
for (const e of qsA(elem)) {
const lang = elem.lang || elem.lng;
if (elem.dataset.testid === 'tweetText' && isEmpty(lang)) continue;
if (lang === 'zxx') continue;
if (lang === 'qme') continue;
if (lang === cfg.lang) continue;
const tweetContainer = e;
if (e.nextElementSibling) {
if (
e.nextElementSibling.className.includes('css-901oao') &&
!e.nextElementSibling.nextElementSibling
) {
const c = elmFN(tweetContainer);
!tweetContainer.lang || tweetContainer.lang === ''
? handleButton(tweetContainer.parentElement, 'auto', c)
: handleButton(tweetContainer.parentElement, tweetContainer.lang, c);
}
if (e.nextElementSibling.className.includes('tet')) {
const c = elmFN(tweetContainer);
!tweetContainer.lang || tweetContainer.lang === ''
? handleButton(tweetContainer.parentElement, 'auto', c)
: handleButton(tweetContainer.parentElement, tweetContainer.lang, c);
}
}
}
return;
}
const c = elmFN(elem);
const lang = elem.lang || elem.lng;
if (lang === 'zxx') return;
if (lang === 'qme') return;
if (lang === cfg.lang) return;
handleButton(elem.parentElement, lang, c, 'append', {
style:
dom.attr(elem.parentElement, 'role') === 'presentation'
? `color: ${getComputedStyle(elem).getPropertyValue('color')};`
: ''
});
};
trigDelay(twtFN);
},
async inject() {
info('Site:', lh);
if (find.tweetdeck) {
const onDOMChanged = (addedNodes) => {
if (isBlank(addedNodes)) {
return;
}
for (const node of addedNodes) {
for (const elem of qsA('p.prf-bio', node)) {
const twtFN = () => {
if (elem && !elem.nextElementSibling.className.includes('tet')) {
handleButton(elem, 'auto', elem.innerText, 'tdBio');
}
};
trigDelay(twtFN);
}
for (const elem of qsA('div.tweet-detail', node)) {
this.tweetdeck(elem);
}
for (const elem of qsA('div.message-detail', node)) {
this.tweetdeck(elem);
}
}
};
obi(null, onDOMChanged);
} else if (find.twitter) {
const onDOMChanged = (addedNodes) => {
if (isBlank(addedNodes)) {
return;
}
for (const node of addedNodes) {
if (node.matches('.r-1pi2tsx.r-13qz1uu')) {
if (
/logout|login|signin|signout|profile|keyboard_shortcuts|display|video|photo|compose/.test(
location.pathname
)
) {
info('Hiding menu');
dom.attr(tetMenuButton, 'style', 'z-index: -1 !important;');
}
}
for (const elem of qsA('div.r-nsbfu8 > .r-1s2bzr4 > div.css-901oao', node)) {
if (dom.cl.has(elem, 'tetInj')) continue;
if (elem.parentElement.contains(qs('.tet'))) continue;
dom.cl.add(elem, 'tetInj')
const hoverFN = () => {
handleButton(elem.lastElementChild, 'auto', elmFN(elem, false), 'after');
};
delay(250).then(() => {
trigDelay(hoverFN);
});
}
if (cfg.bios) {
for (const elem of qsA('div[data-testid="UserDescription"]', node)) {
this.twitter(elem);
}
}
}
const tweets = addedNodes.filter((node) => !isEmpty(node.getAttribute('data-testid')));
if (isBlank(tweets)) {
return;
}
for (const node of tweets) {
for (const elem of qsA('div[data-testid="tweetText"]', node)) {
this.twitter(elem);
}
}
tweets.length = 0;
};
obi(null, onDOMChanged);
} else if (find.twitlonger) {
await query('[id="postcontent"]');
this.twitlonger();
}
const nitterObserver = () => {
let preElement = '';
const bioFN = () => {
if (!qs('.profile-bio').contains(qs('.tet'))) {
const c = elmFN(qs('div.profile-bio > p'));
handleButton(qs('div.profile-bio > p').parentElement, 'auto', c);
}
};
observe(doc.body, (mutations) => {
for (const mutation of mutations) {
for (const node of mutation.addedNodes) {
if (!(node instanceof HTMLElement)) continue;
if (cfg.bios) {
for (const elm of qsA('div.profile-bio > p', node)) {
if (elm.innerText === preElement) continue;
preElement = elm.innerText;
trigDelay(bioFN);
break;
}
}
if (cfg.tweets) {
qsA('div.tweet-body', node).forEach(() => delay(250).then(() => this.nitter()));
}
}
}
});
this.nitter();
};
if (!isBlank(cfg.nitterInstances)) {
dbg('Finding Nitter instance...', cfg.nitterInstances);
for (const key of cfg.nitterInstances) {
const instance = key.url.slice(8);
if (lh === instance) {
nitterObserver();
break;
}
}
} else if (find.nitter) nitterObserver();
}
};
//#endregion
async function Menu() {
try {
// doc.body.appendChild(btNav); doc.body.appendChild(tetMenuButton);
const selLG = qs('select#languages');
const selCS = qs('select#colorselect');
const selTH = qs('select#theme');
const selTR = qs('select#translator');
const selDS = qs('select#display');
const selDI = qs('select#delayInject');
const libre = qsA('input.libre');
const lingva = qs('input.lingva');
const dlAPI = qs('input.deepl');
const goAPI = qs('input.google');
const selAPI = qs('select#api-version');
const autoColor = async () => {
if (find.twitter) {
if (find.logout) {
return 'rgb(29, 155, 240)';
} else {
const sb = await query('a[href="/compose/tweet"]');
const bgColor = getComputedStyle(sb).getPropertyValue('background-color');
return bgColor == 'rgb(29, 155, 240)'
? 'tet-29u'
: bgColor == 'rgb(255, 212, 0)'
? 'tet-255u'
: bgColor == 'rgb(249, 24, 128)'
? 'tet-249u'
: bgColor == 'rgb(120, 86, 255)'
? 'tet-120u'
: bgColor == 'rgb(255, 122, 0)'
? 'tet-122u'
: bgColor == 'rgb(0, 186, 124)'
? 'tet-186u'
: bgColor;
}
} else if (find.tweetdeck) {
cHover = 'r-hoverTD';
cColor = 'Button--primary';
cSub = 'tet-td';
return 'tweetdeck';
} else if (find.twitlonger) {
return 'tet-29u';
}
cHover = 'tetNitterHover';
cColor = 'tetNitter';
cSub = 'tetNText';
return 'nitter';
};
dlAPI.value = cfg.api.deepl ?? cfgDefault.api.deepl;
libre[0].value = cfg.api.libre ?? cfgDefault.api.libre;
libre[1].value = cfg.url.libre ?? cfgDefault.url.libre;
lingva.value = cfg.url.lingva ?? cfgDefault.url.lingva;
goAPI.value = cfg.api.google ?? cfgDefault.api.google;
selAPI.value = cfg.api.version;
selLG.value = cfg.lang ?? 'en';
let v = lng[selLG.value ?? cfg.lang ?? 'en'];
selCS.value = /auto/.test(cfg.colors) ? 'auto' : cfg.colors;
if (selCS.value === '') selCS.value = 'auto';
selTH.value = /auto/.test(cfg.theme) ? 'auto' : cfg.theme;
selTR.value = cfg.translator;
selDS.value = cfg.display;
selDI.value = cfg.delay;
qs('input#debug').checked = cfg.debug;
qs('input#dmsg').checked = cfg.dms;
qs('input#tetbio').checked = cfg.bios;
qs('input#tetctw').checked = cfg.tweets;
qs('input#sitetheme').checked = cfg.sitetheme;
qs('.tet-url').value = cfg.url[selTR.value];
const TETLanguageChange = (m) => {
v = lng[m] ?? v;
tetMenuButton.setAttribute('title', v.menu);
tetMenuButton.children[1].innerText = v.menu;
qs('select#languages').previousElementSibling.children[0].innerText = v.lg;
qs('select#translator').previousElementSibling.children[0].innerText = v.tr;
qs('select#display').previousElementSibling.children[0].innerText = v.ds;
qs('select#theme').previousElementSibling.children[0].innerText = v.th;
qs('select#colorselect').previousElementSibling.children[0].innerText = v.col;
qs('option[value="twdef"]').innerText = v.df;
qs('option[value="twdim"]').innerText = v.di;
qs('option[value="twlo"]').innerText = v.lo;
for (const o of qsA('option[value="auto"]')) {
o.innerText = v.ao;
}
qs('option[value="tet-29u"]').innerText = v.cb;
qs('option[value="tet-255u"]').innerText = v.cy;
qs('option[value="tet-249u"]').innerText = v.cr;
qs('option[value="tet-120u"]').innerText = v.cp;
qs('option[value="tet-122u"]').innerText = v.co;
qs('option[value="tet-186u"]').innerText = v.cg;
qs('option[value="text + icon"]').innerText = v.ti;
qs('option[value="text"]').innerText = v.t;
qs('option[value="icon"]').innerText = v.i;
qs('#tetReset').innerText = v.res;
qs('h1.tetConfirmTxt > span').innerText = v.quest.head;
qs('div.tetConfirmTxt > span').innerText = v.quest.body;
qs('.tet-confirm').innerText = v.quest.yes;
qs('.tet-deny').innerText = v.quest.no;
qs('#delayInject > option[value="none"]').innerText = `0ms (${v.df})`;
configDisplay();
};
const demoUpdate = (txt) => (qs('.tet-demotext').innerText = txt);
const translatorSwap = (elem) => {
for (const i of qsA('.tetFields')) {
if (dom.cl.has(i, elem)) {
dom.attr(i, 'style', 'display: inline;');
} else {
dom.attr(i, 'style', 'display: none;');
}
}
};
const TETMenuUpdate = (cSel, type) => {
if (type === 'theme') {
cTheme = '';
cText = '';
cBG = '';
cSel == 'twdef'
? ((cTheme = 'r-14lw9ot'), (cBG = 'rgba(0, 0, 0, 0.4)'), (cText = 'r-18jsvk2'))
: cSel == 'twdim'
? ((cTheme = 'r-yfoy6g'), (cBG = 'rgba(91, 112, 131, 0.4)'), (cText = 'r-jwli3a'))
: cSel == 'nitter'
? ((cTheme = 'nitter'), (cBG = 'rgba(0, 0, 0, 0.4)'), (cText = 'tetNTextColor'))
: cSel == 'btd'
? ((cTheme = 'r-tetBTD'), (cBG = 'rgba(0, 0, 0, 0.4)'), (cText = 'r-jwli3a'))
: cSel == 'tweetdeck'
? ((cTheme = 'r-tetTD'), (cBG = 'rgba(0, 0, 0, 0.4)'), (cText = 'r-jwli3a'))
: ((cTheme = 'r-kemksi'), (cBG = 'rgba(91, 112, 131, 0.4)'), (cText = 'r-jwli3a'));
return;
} else if (type === 'colors') {
cHover = '';
cColor = '';
cSub = '';
return cSel == 'tet-29u'
? ((cHover = 'r-1q3imqu'), (cColor = 'r-p1n3y5 r-1bih22f'), (cSub = 'r-13gxpu9'))
: cSel == 'nitter'
? ((cHover = 'tetNitterHover'), (cColor = 'tetNitter'), (cSub = 'tetNText'))
: cSel == 'btd'
? ((cHover = 'r-hoverTD'), (cColor = 'Button--primary'), (cSub = 'tet-btd'))
: cSel == 'tweetdeck'
? ((cHover = 'r-hoverTD'), (cColor = 'Button--primary'), (cSub = 'tet-td'))
: cSel == 'tet-255u'
? ((cHover = 'r-1kplyi6'), (cColor = 'r-v6khid r-cdj8wb'), (cSub = 'r-61mi1v'))
: cSel == 'tet-249u'
? ((cHover = 'r-1ucxkr8'), (cColor = 'r-1iofnty r-jd07pc'), (cSub = 'r-daml9f'))
: cSel == 'tet-120u'
? ((cHover = 'r-njt2r9'), (cColor = 'r-hy56xe r-11mmphe'), (cSub = 'r-xfsgu1'))
: cSel == 'tet-122u'
? ((cHover = 'tet-122hu'), (cColor = 'r-1xl5njo r-b8m25f'), (cSub = 'r-1qkqhnw'))
: cSel == 'tet-186u'
? ((cHover = 'r-zx61xx'), (cColor = 'r-5ctkeg r-1cqwhho'), (cSub = 'r-nw8l94'))
: ((cHover = 'r-1q3imqu'), (cColor = 'r-p1n3y5 r-1bih22f'), (cSub = 'r-13gxpu9'));
} else if (type == 'translator') {
qs('.tet-url').setAttribute('style', 'display: inline;');
return cSel == 'bingIT'
? translatorSwap('bing')
: cSel == 'googleIT'
? translatorSwap('google')
: cSel == 'deeplIT'
? translatorSwap('deepl')
: cSel == 'translateIT'
? (translatorSwap('translate'),
qs('.tet-url').setAttribute('style', 'display: none;'))
: cSel == 'yandexIT'
? (translatorSwap('yandex'), qs('.tet-url').setAttribute('style', 'display: none;'))
: cSel == 'libre'
? (translatorSwap('libre'), qs('.tet-url').setAttribute('style', 'display: none;'))
: cSel == 'lingva' || cSel == 'lingvaIT'
? (translatorSwap('lingva'), qs('.tet-url').setAttribute('style', 'display: none;'))
: translatorSwap('all');
}
};
const autoTheme = (elem) => {
const getTheme = () => {
if (find.twitter) {
const bgColor = getComputedStyle(doc.body).getPropertyValue('background-color');
return bgColor.includes('rgb(255, 255, 255)')
? 'twdef'
: bgColor.includes('rgb(21, 32, 43)')
? 'twdim'
: bgColor.includes('rgb(0, 0, 0)')
? 'twlo'
: bgColor;
} else if (find.tweetdeck) {
cBG = 'rgba(0, 0, 0, 0.4)';
cText = 'r-jwli3a';
cHover = 'r-hoverTD';
cColor = 'Button--primary';
cSub = 'tet-td';
cTheme = 'r-tetTD';
return 'tweetdeck';
} else if (find.twitlonger) {
cTheme = 'r-14lw9ot';
cBG = 'rgba(0, 0, 0, 0.4)';
cText = 'r-18jsvk2';
return 'twdef';
}
cBG = 'rgba(0, 0, 0, 0.4)';
cTheme = 'nitter';
cText = 'tetNTextColor';
return 'nitter';
}
const aTheme = /auto/.test(elem.value) ? getTheme() : elem.value;
TETMenuUpdate(aTheme, 'theme');
return getTheme();
};
const tetAdmin = () => {
if (domURL.search.match(/tetopen/gi)) {
dom.cl.remove(
[nav, qs('[id="tetForm"]'), qs('.tet-icon-container'), qs('.tetadvanced-icon-container')],
'rm'
);
dom.attr(btNav, 'style', 'z-index: 10000 !important');
dom.cl.toggle(tetMenuButton, 'mini');
dom.cl.add(dom.html, 'tetFreeze');
}
};
if (!isBlank(domURL.search)) tetAdmin();
//#region Nitter/TweetDeck/Twitlonger
if (find.twitter) {
ael(win, 'popstate', () => {
dom.attr(tetMenuButton, 'style', '');
dom.cl.remove('.tetBackground', cTheme);
dom.cl.remove('.tetTextColor', cText);
autoTheme(selTH);
dom.cl.add('.tetBackground', cTheme);
dom.cl.add('.tetTextColor', cText);
});
dom.cl.remove('.tetst', 'rm');
const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
const g = document.createElementNS('http://www.w3.org/2000/svg', 'g');
const p = document.createElementNS('http://www.w3.org/2000/svg', 'path');
dom.attr(
p,
'd',
'M23.643 4.937c-.835.37-1.732.62-2.675.733.962-.576 1.7-1.49 2.048-2.578-.9.534-1.897.922-2.958 1.13-.85-.904-2.06-1.47-3.4-1.47-2.572 0-4.658 2.086-4.658 4.66 0 .364.042.718.12 1.06-3.873-.195-7.304-2.05-9.602-4.868-.4.69-.63 1.49-.63 2.342 0 1.616.823 3.043 2.072 3.878-.764-.025-1.482-.234-2.11-.583v.06c0 2.257 1.605 4.14 3.737 4.568-.392.106-.803.162-1.227.162-.3 0-.593-.028-.877-.082.593 1.85 2.313 3.198 4.352 3.234-1.595 1.25-3.604 1.995-5.786 1.995-.376 0-.747-.022-1.112-.065 2.062 1.323 4.51 2.093 7.14 2.093 8.57 0 13.255-7.098 13.255-13.254 0-.2-.005-.402-.014-.602.91-.658 1.7-1.477 2.323-2.41z'
);
g.append(p);
dom.attr(svg, 'viewBox', '0 0 24 24');
dom.cl.add(svg, 'tetSub');
svg.append(g);
qs('.tetAvatarFrame').parentElement.append(svg);
} else {
if (cfg.nitterInstances.length > 0) {
dbg('Finding Nitter instance...', cfg.nitterInstances);
dom.cl.add(qs('.tetmsg'), 'rm');
for (const key of cfg.nitterInstances) {
const instance = key.url.slice(8);
if (lh === instance) {
dom.attr(btNav, 'id', 'tetNT');
query('link[rel="icon"]').then((l) => {
qs(
'.tetAvatarFrame'
).innerHTML = `<div id="tetAvatar" style="background-image: url(${l.href}) !important;"></div>`;
});
break;
}
}
} else if (find.nitter) {
dom.cl.add(qs('.tetmsg'), 'rm');
dom.attr(btNav, 'id', 'tetNT');
query('link[rel="icon"]').then((l) => {
qs(
'.tetAvatarFrame'
).innerHTML = `<div id="tetAvatar" style="background-image: url(${l.href}) !important;"></div>`;
});
}
if (find.twitlonger) {
dom.cl.add('.tet-ac', 'rm');
query('link[rel="shortcut icon"]').then((l) => {
qs(
'.tetAvatarFrame'
).innerHTML = `<div id="tetAvatar" style="background-image: url(${l.href}) !important;"></div>`;
});
}
if (find.tweetdeck) {
dom.cl.add('.tet-ac', 'rm');
dom.cl.add(tetMenuButton, 'tetTD');
const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
const g = document.createElementNS('http://www.w3.org/2000/svg', 'g');
const p = document.createElementNS('http://www.w3.org/2000/svg', 'path');
dom.attr(
p,
'd',
'M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z'
);
g.append(p);
dom.attr(svg, 'viewBox', '0 0 24 24');
dom.cl.add(svg, 'tetSub');
svg.append(g);
qs('.tetAvatarFrame').parentElement.append(svg);
// query('link[rel="shortcut icon"]').then((l) => {
// qs(
// '.tetAvatarFrame'
// ).innerHTML = `<div id="tetAvatar" style="background-image: url(${l.href}) !important;"></div>`;
// });
}
if (cfg.sitetheme) {
if (find.tweetdeck) {
dom.attr(btNav, 'id', 'tetBTD');
query('body.btd-loaded').then(() => loadCSS(nitterCSS, 'nitter'));
} else {
loadCSS(nitterCSS, 'nitter');
}
}
}
//#endregion
dom.attr(nav, 'style', `background-color:${cBG}`);
TETMenuUpdate(selTR.value, 'translator');
dom.cl.remove('.tetBackground', [autoTheme(selTH), cTheme]);
dom.cl.add('.tetBackground', cTheme);
dom.cl.remove('.tetTextColor', cText);
dom.cl.add('.tetTextColor', cText);
autoColor().then((color) => {
cfg.colors = (/auto/.test(selCS.value) ? color : selCS.value).trim();
TETMenuUpdate(cfg.colors, 'colors');
dom.cl.remove('.tetDisplayColor', [color, cfg.colors]);
dom.cl.add('.tetDisplayColor', cfg.colors);
dom.cl.remove('.tetSub', cSub);
dom.cl.add('.tetSub', cSub);
cfg.colors = /auto/.test(selCS.value) ? 'auto' : selCS.value;
});
if (qs('.tet')) {
dom.cl.remove('.tet', cSub);
dom.cl.add('.tet', cSub);
}
ael(nav, 'click', (e) => {
dom.cl.add(
[
e.target,
tetConfirm,
qs('[id="tetadvanced"]'),
qs('.tet-help-container'),
qs('[id="tetForm"]'),
qs('.tet-icon-container'),
qs('.tetadvanced-icon-container')
],
'rm'
);
dom.cl.remove(dom.html, 'tetFreeze');
dom.attr(btNav, 'style', 'z-index: -1 !important;');
dom.attr(menuSvg, 'style', 'display: inline;');
if (!dom.cl.has(tetMenuButton, 'mobile')) {
dom.attr(tetMenuButton, 'style', '');
dom.cl.add(tetMenuButton, 'mini');
}
dom.cl.remove(e.target, 'warn');
selLG.value !== 'en' ?? dLng !== 'en'
? demoUpdate("Hey look I'm a foreign language.")
: demoUpdate(defaultDesc);
cfg.api.google = goAPI.value;
cfg.api.deepl = dlAPI.value;
cfg.api.libre = libre[0].value;
cfg.api.yandex = qs('input[type="password"].yandex').value;
cfg.url.libre = libre[1].value;
cfg.url.lingva = lingva.value;
cfg.url[selTR.value] = qs('.tet-url').value;
cfg.colors = selCS.value;
cfg.theme = selTH.value;
save();
delay(5000).then(() => dom.attr(menuSvg, 'style', 'display: none;'));
});
mouseEvents('div#tetSelector', (e) => {
halt(e);
const sColors = cColor.split(' ');
const sSubs = cSub.split(' ');
for (const i of sColors) {
if (e.target.classList.contains(i)) {
dom.cl.remove(e.target, i);
} else {
dom.cl.add(e.target, i);
}
}
for (const i of sSubs) {
if (e.target.children[0].classList.contains(i)) {
dom.cl.remove(e.target.children[0], i);
} else {
dom.cl.add(e.target.children[0], i);
}
}
});
ael(selTH, 'change', (e) => {
dom.cl.remove('.tetDisplayColor', cfg.colors);
dom.cl.remove('.tetBackground', cTheme);
dom.cl.remove('.tetTextColor', cText);
autoTheme(e.target);
dom.cl.add('.tetDisplayColor', cfg.colors);
dom.cl.add('.tetBackground', cTheme);
dom.cl.add('.tetTextColor', cText);
});
ael(selCS, 'change', (e) => {
const cSel = e.target.value;
dom.cl.remove('.tetDisplayColor', [cfg.colors, selCS.value]);
dom.cl.remove('.tetSub', cSub);
if (qs('.tet')) dom.cl.remove('.tet', cSub);
autoColor().then((color) => {
cfg.colors = /auto/.test(cSel) ? color : cSel;
TETMenuUpdate(cfg.colors, 'colors');
dom.cl.add('.tetDisplayColor', cfg.colors);
dom.cl.add('.tetSub', cSub);
if (qs('.tet')) dom.cl.add('.tet', cSub);
cfg.colors = /auto/.test(cSel) ? 'auto' : cSel;
});
});
ael(selLG, 'change', (e) => {
cfg.lang = e.target.value;
langChange(e.target.value);
TETLanguageChange(e.target.value);
});
ael(selTR, 'change', (e) => {
const cSel = e.target.value;
cfg.translator = cSel;
if (cSel === 'deeplIT') {
qs('.tet-url').value = `https://${
selAPI.value == 'api-pro' ? 'api' : 'api-free'
}.deepl.com`;
} else {
qs('.tet-url').value = cfg.url[cSel];
}
TETMenuUpdate(cSel, 'translator');
configDisplay();
});
ael(selDS, 'change', (e) => {
cfg.display = e.target.value;
configDisplay();
});
ael(selAPI, 'change', (e) => {
cfg.api.google = goAPI.value;
cfg.api.deepl = dlAPI.value;
cfg.api.libre = libre[0].value;
cfg.api.yandex = qs('input[type="password"].yandex').value;
cfg.url.libre = libre[1].value;
cfg.url.lingva = lingva.value;
cfg.api.version = e.target.value;
if (selTR.value === 'deeplIT') {
qs('.tet-url').value = `https://${
e.target.value == 'api-pro' ? 'api' : 'api-free'
}.deepl.com`;
} else {
qs('.tet-url').value = cfg.url[selTR.value];
}
});
ael(selDI, 'change', (e) => (cfg.delay = e.target.value));
ael(qs('input#debug'), 'change', (e) => (cfg.debug = e.target.checked));
ael(qs('input#dmsg'), 'change', (e) => (cfg.dms = e.target.checked));
ael(qs('input#tetbi'), 'change', (e) => (cfg.bios = e.target.checked));
ael(qs('input#tetctw'), 'change', (e) => (cfg.tweets = e.target.checked));
ael(qs('input#sitetheme'), 'change', (e) => (cfg.sitetheme = e.target.checked));
ael(qs('[id="tetReset"]'), 'click', () => {
dom.cl.remove(tetConfirm, 'rm');
dom.cl.add(nav, 'warn');
});
ael(qs('.tetConfirmBtns.confirm'), 'click', () => {
cfg = cfgDefault;
save();
delay(250).then(() => location.reload());
});
ael(qs('.tetConfirmBtns.deny'), 'click', () => {
dom.cl.add(tetConfirm, 'rm');
dom.cl.remove(nav, 'warn');
});
ael(qs('.tet-icon-info'), 'click', () => {
dom.cl.add('[id="tetadvanced"]', 'rm');
dom.cl.toggle('.tet-help-container', 'rm');
});
ael(qs('[id="tetNI"]'), 'click', async (e) => {
const pretxt = e.target.innerHTML;
e.target.innerHTML = `[TET] ${lng[cfg.lang].l}...`;
const str = await TET.fetchURL(nitterURL, 'GET', 'text');
const reg =
/\[[\w.]+\]\((https?:\/\/.+)\)\s+\|\s:white_check_mark:\s\|\s:white_check_mark:\s\|/g;
const lines = str
.split('\n')
.filter((line) =>
/\[[\w.]+\]\(https?:\/\/.+\)\s+\|\s:white_check_mark:\s\|\s:white_check_mark:\s\|/g.test(
line
)
)
.map((line) => {
const raw = reg.exec(line);
if (isEmpty(raw)) {
return '';
}
return raw[1];
})
.filter((line) => !isEmpty(line));
console.groupCollapsed(
'[%cTET%c] %cINF',
'color: rgb(29, 155, 240);',
'',
'color: rgb(255, 108, 96);',
'Nitter Instances'
);
for (const line of lines) {
log(`// @match ${line}`);
}
console.groupEnd();
e.target.innerHTML = 'Open browsers dev tools to view list';
delay(5000).then(() => {
e.target.innerHTML = pretxt;
});
});
TETLanguageChange();
delay(5000).then(() => dom.attr(menuSvg, 'style', 'display: none;'));
info('Menu injection complete');
} catch (ex) {
err(ex);
}
}
//#region Initialize Userscript
const configSetup = () => {
try {
// Remove legacy config storage
if (isGM) {
if (!isNull(localStorage.getItem('cfg'))) {
localStorage.removeItem('cfg');
}
if (!isNull(localStorage.getItem('TETConfig'))) {
localStorage.removeItem('TETConfig');
}
}
cfg = TET.getValue('Config', cfgDefault);
for (const key in cfgDefault) {
if (!hasOwn(cfg, key)) {
cfg[key] = cfgDefault[key];
} else if (key === 'api') {
for (const key2 in cfgDefault[key]) {
if (!hasOwn(cfg[key], key2)) {
cfg[key][key2] = cfgDefault[key][key2];
}
}
} else if (key === 'url') {
for (const key2 in cfgDefault[key]) {
if (!hasOwn(cfg[key], key2)) {
cfg[key][key2] = cfgDefault[key][key2];
}
}
}
}
if (/tetdebug/gi.test(domURL.search)) {
cfg.debug = true;
save();
}
if (/tetrestore/gi.test(domURL.search)) {
cfg = cfgDefault;
save();
}
// info('Presetup complete + config loaded');
log('Config:', cfg);
lngFN();
langChange();
info('Starting Menu injection');
if (isMobile) {
tetMenuButton.classList.add('mobile');
btNav.classList.add('mobile');
}
doc.body.append(btNav, tetMenuButton);
Menu();
info('Starting content script injection');
site.inject();
} catch (ex) {
err(ex);
}
};
const onDomReady = () => {
if (isNull(dom.body)) {
dom.root = document.querySelector(':root');
dom.html = document.documentElement;
dom.head = document.head;
dom.body = document.body;
dom.search = document || dom.root || dom.html || dom.head || dom.body;
}
loadCSS(tetCSS, 'core');
configSetup();
};
//#endregion
//#region Console Logs
function dbg(...msg) {
if (!cfg.debug) return;
console.debug(
'[%cTET%c] %cDBG',
'color: rgb(29, 155, 240);',
'',
'color: rgb(255, 212, 0);',
...msg
);
}
/** Error handling for UserScript */
function err(...msg) {
console.error(
'[%cTET%c] %cERROR',
'color: rgb(29, 155, 240);',
'',
'color: rgb(249, 24, 128);',
...msg
);
}
/** Information handling for userscript */
function info(...msg) {
if (!cfg.debug) return;
console.info(
'[%cTET%c] %cINF',
'color: rgb(29, 155, 240);',
'',
'color: rgb(0, 186, 124);',
...msg
);
}
function log(...msg) {
if (!cfg.debug) return;
console.log(
'[%cTET%c] %cLOG',
'color: rgb(29, 155, 240);',
'',
'color: rgb(255, 212, 0);',
...msg
);
}
//#endregion
try {
if (typeof userjs === 'object' && userjs.UserJS && topDOM) {
if (find.twitter) {
if (location.pathname === '/' && find.logout) throw new Error('Must be login, canceling...');
if (find.remover) throw new Error('On blacklisted page, canceling...');
}
if (find.tweetdeck && find.logout) throw new Error('Must be login, canceling...');
tetForm.append(tetHeader, tetMain);
tetMenuButton.append(menuSvg, menuSpan);
btNav.append(nav, tetConfirm, tetForm, tetAdv, tetAdvC, tetAdvI);
iconData.fn();
const readyState = doc.readyState;
if (readyState === 'interactive' || readyState === 'complete') {
onDomReady();
} else {
ael(doc, 'DOMContentLoaded', onDomReady, { once: true });
}
}
} catch (ex) {
err(ex);
}
})();