Greasy Fork is available in English.
将第三方翻译添加到推特
// ==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 <[email protected]> // @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); } })();