☰

Restore YouTube Username from Handle to Custom

将 YouTube 用户名从 Handle 恢复为自定义名称

当前为 2023-06-21 提交的版本，查看 最新版本。

  1. /*
  2.  
  3. MIT License
  4.  
  5. Copyright 2023 CY Fung
  6.  
  7. Permission is hereby granted, free of charge, to any person obtaining a copy
  8. of this software and associated documentation files (the "Software"), to deal
  9. in the Software without restriction, including without limitation the rights
  10. to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
  11. copies of the Software, and to permit persons to whom the Software is
  12. furnished to do so, subject to the following conditions:
  13.  
  14. The above copyright notice and this permission notice shall be included in all
  15. copies or substantial portions of the Software.
  16.  
  17. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
  18. IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
  19. FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
  20. AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
  21. LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
  22. OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  23. SOFTWARE.
  24.  
  25. */
  26. // ==UserScript==
  27. // @name                Restore YouTube Username from Handle to Custom
  28. // @namespace           http://tampermonkey.net/
  29. // @version             0.5.7
  30. // @license             MIT License
  31.  
  32. // @author              CY Fung
  33. // @match               https://www.youtube.com/*
  34. // @match               https://m.youtube.com/*
  35. // @exclude             /^https?://\S+\.(txt|png|jpg|jpeg|gif|xml|svg|manifest|log|ini)[^\/]*$/
  36. // @icon                https://github.com/cyfung1031/userscript-supports/raw/main/icons/general-icon.png
  37. // @supportURL          https://github.com/cyfung1031/userscript-supports
  38. // @run-at              document-start
  39. // @grant               none
  40. // @unwrap
  41. // @allFrames
  42. // @inject-into page
  43.  
  44. // @compatible          firefox 55
  45. // @compatible          chrome 61
  46. // @compatible          opera 48
  47. // @compatible          safari 11.1
  48. // @compatible          edge 16
  49.  
  50. // @description         To restore YouTube Username to the traditional custom name
  51. // @description:ja      YouTubeのユーザー名を伝統的なカスタム名に復元するために。
  52. // @description:zh-TW   將 YouTube 使用者名稱從 Handle 恢復為自訂名稱
  53. // @description:zh-CN   将 YouTube 用户名从 Handle 恢复为自定义名称
  54.  
  55. // @description:ko     YouTube 사용자 이름을 전통적인 사용자 지정 이름으로 복원합니다.
  56. // @description:ru     Восстановление имени пользователя YouTube с помощью обычного настраиваемого имени
  57. // @description:af     Herstel YouTube-gebruikersnaam vanaf Handvat na Aangepaste Naam
  58. // @description:az     YouTube İstifadəçi Adını Özəl Adından İstifadə Etmək
  59. // @description:id     Mengembalikan Nama Pengguna YouTube dari Handle ke Kustom
  60. // @description:ms     Pulihkan Nama Pengguna YouTube dari Handle ke Tersuai
  61. // @description:bs     Vrati YouTube korisničko ime sa ručke na prilagođeno ime
  62. // @description:ca     Restaurar el nom d'usuari de YouTube de la màniga al personalitzat
  63. // @description:cs     Obnovte uživatelské jméno YouTube z rukojeti na vlastní
  64. // @description:da     Gendan YouTube-brugernavn fra Håndtag til Brugerdefineret
  65. // @description:de     Stellt den YouTube-Benutzernamen von Handle auf Benutzerdefiniert wieder her
  66. // @description:et     Taasta YouTube'i kasutajanimi käepidemelt kohandatud nimeks
  67. // @description:es     Restaurar el nombre de usuario de YouTube de la manija al personalizado
  68. // @description:eu     Berrezarri YouTube Erabiltzaile-izena Manipulatik Pertsonalizatuera
  69. // @description:fr     Restaurer le nom d'utilisateur YouTube de la poignée au nom personnalisé
  70. // @description:gl     Restaura o nome de usuario de YouTube da manexa ao personalizado
  71. // @description:hr     Vrati YouTube korisničko ime s ručke na prilagođeno ime
  72. // @description:zu     Hlanganisa Igama Lokusebenza lwe-YouTube kusuka kwi-Handle kuze kube kusebenza kakhulu
  73. // @description:is     Endurheimtu YouTube Notandanafn frá Handfangi til Sérsniðins
  74. // @description:it     Ripristina il nome utente di YouTube da Handle a Personalizzato
  75. // @description:sw     Rejesha Jina la Mtumiaji wa YouTube kutoka kwa Kishughulikia hadi Desturi
  76. // @description:lv     Atjaunot YouTube lietotāja vārdu no roktura uz pielāgotu
  77. // @description:lt     Atkurti „YouTube“ naudotojo vardą iš rankenos į tinkamą
  78. // @description:hu     Visszaállítja a YouTube felhasználónevet a fogantyútól a testreszabottra
  79. // @description:nl     Herstel YouTube-gebruikersnaam van Handle naar Aangepaste naam
  80. // @description:uz     YouTube foydalanuvchining nomini Hurda dan Shaxsiylashtirilgan nomga qaytarish
  81. // @description:pl     Przywróć nazwę użytkownika YouTube z uchwytu na niestandardową
  82. // @description:pt     Restaurar o nome de usuário do YouTube de Handle para Personalizado
  83. // @description:pt-BR  Restaurar o nome de usuário do YouTube de Handle para Personalizado
  84. // @description:ro     Restaurați Numele de Utilizator YouTube de la Mâner la Personalizat
  85. // @description:sq     Rikthe emrin e përdoruesit të YouTube nga Maja në Personalizuar
  86. // @description:sk     Obnovte používateľské meno YouTube z rukoväte na vlastné
  87. // @description:sl     Obnovite uporabniško ime YouTube iz ročaja v prilagojeno ime
  88. // @description:sr     Вратите YouTube корисничко име са ручке на прилагођено име
  89. // @description:fi     Palauta YouTube-käyttäjänimi kahvasta räätälöityyn nimeen
  90. // @description:sv     Återställ YouTube-användarnamnet från handtaget till anpassat namn
  91. // @description:vi     Khôi phục Tên người dùng YouTube từ Tay cầm thành Tùy chỉnh
  92. // @description:tr     Özel İsme Kullanıcı Adını İade Etme
  93. // @description:be     Вярнуць імя карыстальніка YouTube з ручкі на наладжваецца
  94. // @description:bg     Възстановяване на потребителско име на YouTube от дръжка до персонализирано име
  95. // @description:ky     YouTube колдонуучунун атты боюнча атын тамашалау
  96. // @description:kk     YouTube пайдаланушының атын Handle танымасынан Жеке атауға қайта түсіру
  97. // @description:mk     Врати го името на YouTube корисникот од држачот во прилагодено име
  98. // @description:mn     YouTube хэрэглэгчийн нэрийг хүчирхийлэгчидээс Байгууллагад нь солих
  99. // @description:uk     Відновлення імені користувача YouTube з ручки на налаштоване ім'я
  100. // @description:el     Επαναφορά Ονόματος Χρήστη YouTube από τη Λαβή σε Προσαρμοσμένο
  101. // @description:hy     Վերականգնել YouTube-ի Օգտագործողի Անունը Ձեռքից Հատուցվածությանով
  102. // @description:ur     ہینڈل سے یوٹیوب یوزر نیم کو کسٹم میں بحال کریں
  103. // @description:ar     استعادة اسم مستخدم YouTube من المقبض إلى مخصص
  104. // @description:fa     بازیابی نام کاربری یوتیوب از دستگیره به سفارشی
  105. // @description:ne     ह्यान्डलबाट यूट्युब प्रयोगकर्तानाम अनुकूलमा उपयोग गर्नुहोस्
  106. // @description:mr     हॅंडलमधून यूट्यूब वापरकर्तानाव अनुकूलित करा
  107. // @description:hi     हैंडल से यूट्यूब यूजरनेम को कस्टम में बदलें
  108. // @description:as     কাস্টম হতে হ্যান্ডেল পৰা ইউটিউব ব্যৱহাৰকাৰী নাম পুনৰ্স্থাপন কৰক
  109. // @description:bn     হ্যান্ডেল থেকে কাস্টম করে ইউটিউব ব্যবহারকারীর নাম পুনরুদ্ধার করুন
  110. // @description:pa     ਯੂਟਿਊਬ ਯੂਜਰਨਾਂ ਦਾ ਨਾਂ ਹੈਂਡਲ ਤੋਂ ਕਸਟਮ ਵਿੱਚ ਮੁੜ ਲਾਓ
  111. // @description:gu     હેન્ડલથી કસ્ટમમાંથી YouTube વપરાશકર્તાનું નામ પુનર્સ્થાપિત કરો
  112. // @description:or     କଷ୍ଟମରେ ହେନ୍ଡେଲରୁ YouTube ବ୍ୟବହାରକାରୀଙ୍କ ନାମ ପୁନର୍ପ୍ରାପ୍ତ କରନ୍ତୁ
  113. // @description:ta     ஹேண்டில் இருந்து கஸ்டம் ஆக்கும் யூடியூப் பயனர்பெயரை மீட்டமைக்கவும்
  114. // @description:te     హాండును నుంచి YouTube వాడుకరి పేరును కస్టమ్‌కు పునరుద్ధరించండి
  115. // @description:kn     ಹ್ಯಾಂಡಲ್‌ನಿಂದ YouTube ಬಳಕೆದಾರ ಹೆಸರನ್ನು ಅನುಕೂಲಿತ ಮಾಡಿ
  116. // @description:ml     ഹാന്റിൽ നിന്ന് കസ്റ്റം ആക്കാംമെന്ന് യുട്യൂബ് ഉപയോക്തൃനാമം മറ്റുള്ളവരെ മാറ്റുക
  117. // @description:si     හැන්ඩල් සහිතව YouTube භාවිතයේ පරිශීලක නාමය ස්වයං කරයි
  118. // @description:th     กู้คืนชื่อผู้ใช้ YouTube จากแฮนดิลไปเป็นชื่อที่กำหนดเอง
  119. // @description:lo     ເຮັດຊະນິດຊື່ຜູ້ໃຊ້ YouTube ຈາກ Handle ຈົດໄວ້ເປັນຊື່ປັດຈຸບັນ
  120. // @description:my     Handle မှ YouTube အသုံးပြုသူအမည်ကို စတင်ပြန်စစ်ဆေးပါ
  121. // @description:ka     YouTube მომხმარებლის სახელის აღდგენა ხანდლიდან მორგებულ სახელში
  122. // @description:am     ስለ YouTube የተጠቃሚ ስም ማስቀመጫዎቹን ከ Handle ወደ Custom ውስጥ እንደሚመጣ ይረዳሉ
  123. // @description:km     កំណត់ YouTube ពាក្យឈ្មោះពី Handle ទៅជាឈ្មោះផ្ទាល់ខ្លួន
  124.  
  125. // ==/UserScript==
  126.  
  127. /* jshint esversion:8 */
  128.  
  129. (function () {
  130.     'use strict';
  131.  
  132.     /*
  133.  
  134.  
  135.     init
  136.  
  137.         initialdata
  138.         state-progress
  139.         state-responsereceived
  140.         player-autonav-pause
  141.         state-change
  142.         state-navigateend
  143.         player-initialized
  144.         renderer-module-load-start
  145.         video-data-change
  146.         player-state-change
  147.         updateui
  148.         renderer-module-load-end -> channel owner DOM available
  149.         player-autonav-pause
  150.         updateui
  151.         renderer-module-load-start
  152.         updateui
  153.         renderer-module-load-end
  154.  
  155.  
  156.         playing
  157.  
  158.         h5player.video-progress
  159.         h5player.video-progress
  160.         h5player.video-progress
  161.         h5player.video-progress
  162.         ...
  163.  
  164.  
  165.  
  166.  
  167.     navigate new video
  168.  
  169.         state-navigatestart
  170.         state-change => channel owener DOM vanished
  171.         state-progress
  172.         ...
  173.         h5player.player-state-change
  174.         h5player.video-data-change
  175.         h5player.player-state-change
  176.         h5player.muted-autoplay-change
  177.         h5player.volume-change
  178.         h5player.video-data-change
  179.         h5player.volume-change
  180.         ...
  181.  
  182.         state-progress
  183.         ...
  184.  
  185.         state-progress => channel owner DOM appear [just before state-responsereceived]
  186.         state-responsereceived
  187.  
  188.         video-data-change
  189.         state-change
  190.         state-navigateend
  191.  
  192.  
  193.  
  194.  
  195.     UX interaction
  196.  
  197.         user-activity
  198.         player-autonav-pause
  199.  
  200.  
  201.  
  202.  
  203.  
  204.     EventTarget.prototype.uhfsE = EventTarget.prototype.dispatchEvent
  205.  
  206.     EventTarget.prototype.dispatchEvent = function (ev) {
  207.         if (ev instanceof Event) {
  208.             if (ev.type === 'video-progress') { } else {
  209.                 console.log(ev.type, this, ev.target)
  210.                 if (ev.target === null) {
  211.                     console.log(ev.type, (document.querySelector('ytm-app') || 0).data)
  212.                     console.log(ev.type, (document.querySelector('ytm-slim-owner-renderer') || 0).textContent)
  213.                 }
  214.             }
  215.         }
  216.         return this.uhfsE.apply(this, arguments);
  217.     }
  218.  
  219.  
  220.  
  221. */
  222.  
  223.     const isMobile = location.hostname === 'm.youtube.com';
  224.  
  225.     const cfg = {};
  226.     class Mutex {
  227.  
  228.         constructor() {
  229.             this.p = Promise.resolve()
  230.         }
  231.  
  232.         /**
  233.          *  @param { (lockResolve: () => void} f
  234.          */
  235.         lockWith(f) {
  236.             this.p = this.p.then(() => new Promise(f).catch(console.warn))
  237.         }
  238.  
  239.     }
  240.  
  241.     class OrderedMutex extends Mutex {
  242.         constructor() {
  243.             super();
  244.             this.nextIndex = 0;
  245.             this.arr = [];
  246.             this.lockFunc = resolve => {
  247.                 if (this.arr.length >= 1) {
  248.                     let f = this.arr[0];
  249.                     if (typeof f === 'function') {
  250.                         this.arr.shift();
  251.                         if (this.nextIndex > 0) this.nextIndex--;
  252.                         f(resolve);
  253.                         return;
  254.                     } else {
  255.                         // reset if unknown error
  256.                         this.arr.length = 0;
  257.                         this.nextIndex = 0;
  258.                     }
  259.                 }
  260.                 resolve();
  261.             };
  262.         }
  263.         /**
  264.          *  @param { (lockResolve: () => void} f
  265.          */
  266.         add(f) {
  267.             if (this.nextIndex === this.arr.length) {
  268.                 this.arr.push(f); this.nextIndex++;
  269.             } else {
  270.                 this.arr.splice(this.nextIndex++, 0, f);
  271.             }
  272.             this.lockWith(this.lockFunc);
  273.         }
  274.     }
  275.     const mutex = new OrderedMutex();
  276.  
  277.     const displayNameResStore = new Map();
  278.  
  279.     const dataChangedFuncStore = new WeakMap();
  280.     const handleToChannelId = new Map();
  281.  
  282.     class AsyncValue {
  283.         constructor() {
  284.             this.__value__ = null;
  285.             this.__resolve__ = null;
  286.             this.__promise__ = new Promise(resolve => {
  287.                 this.__resolve__ = resolve;
  288.             });
  289.         }
  290.         setValue(value) {
  291.             const promise = this.__promise__;
  292.             if (promise === null) throw 'Value has already been set.';
  293.             this.__value__ = value;
  294.             this.__promise__ = null;
  295.             this.__resolve__ ? this.__resolve__() : Promise.resolve().then(() => this.__resolve__());
  296.         }
  297.         async getValue() {
  298.             const promise = this.__promise__;
  299.             if (promise === null) return this.__value__;
  300.             await promise; // promise become null
  301.             this.__promise__ = null; // just in case
  302.             this.__resolve__ = null;
  303.             return this.__value__;
  304.         }
  305.     }
  306.  
  307.     const cacheHandleToChannel = (json, channelId) => {
  308.  
  309.         let resultInfo = ((json || 0).metadata || 0).channelMetadataRenderer;
  310.         const { vanityChannelUrl, ownerUrls } = resultInfo;
  311.  
  312.         let handleText = urlToHandle(vanityChannelUrl || '');
  313.  
  314.         if (handleText) {
  315.             // match = true;
  316.         } else if ((ownerUrls || 0).length >= 1) {
  317.             for (const ownerUrl of ownerUrls) {
  318.                 handleText = urlToHandle(ownerUrl || '');
  319.  
  320.                 if (handleText) {
  321.                     //  match = true;
  322.                     break;
  323.                 }
  324.             }
  325.         }
  326.         if (handleText) {
  327.  
  328.             const asyncValue = handleToChannelId.get(handleText); // nothing if no pending promise
  329.             if (asyncValue instanceof AsyncValue) {
  330.                 asyncValue.setValue(channelId);
  331.             }
  332.             handleToChannelId.set(handleText, channelId);
  333.         }
  334.  
  335.  
  336.     }
  337.  
  338.     function stackNewRequest(channelId, bResult) {
  339.  
  340.         let setResult = (result) => {
  341.             setResult = null;
  342.             if (!result) {
  343.                 bResult.fetchingState = 0;
  344.                 bResult.setValue(null);
  345.                 displayNameResStore.delete(channelId); // create another network response in the next request
  346.             } else {
  347.                 bResult.fetchingState = 4;
  348.                 bResult.setValue(result);
  349.                 displayNameResStore.set(channelId, result); // update store result to resolved value
  350.             }
  351.             bResult = null;
  352.         }
  353.  
  354.         mutex.add(lockResolve => {
  355.  
  356.             if (bResult.fetchingState >= 2) { // fetchingState == 3 or 4
  357.                 // request is already done. no need to stack any request
  358.                 lockResolve(); lockResolve = null;
  359.                 return;
  360.             }
  361.  
  362.             if (!document.querySelector(`[jkrgy="${channelId}"]`)) {
  363.                 // element has already been removed
  364.                 lockResolve(); lockResolve = null;
  365.                 setResult(null);
  366.                 return;
  367.             }
  368.  
  369.             //INNERTUBE_API_KEY = ytcfg.data_.INNERTUBE_API_KEY
  370.  
  371.             bResult.fetchingState = 2;
  372.  
  373.             fetch(new window.Request(`/youtubei/v1/browse?key=${cfg.INNERTUBE_API_KEY}&prettyPrint=false`, {
  374.                 "method": "POST",
  375.                 "mode": "same-origin",
  376.                 "credentials": "same-origin",
  377.  
  378.                 // (-- reference: https://javascript.info/fetch-api
  379.                 referrerPolicy: "no-referrer",
  380.                 cache: "default",
  381.                 redirect: "error",
  382.                 integrity: "",
  383.                 keepalive: false,
  384.                 signal: undefined,
  385.                 window: window,
  386.                 // --)
  387.  
  388.                 "headers": {
  389.                     "Content-Type": "application/json",
  390.                     "Accept-Encoding": "gzip, deflate, br"
  391.                 },
  392.                 "body": JSON.stringify({
  393.                     "context": {
  394.                         "client": {
  395.                             "clientName": "MWEB",
  396.                             "clientVersion": `${cfg.INNERTUBE_CLIENT_VERSION || '2.20230614.01.00'}`,
  397.                             "originalUrl": `https://m.youtube.com/channel/${channelId}`,
  398.                             "playerType": "UNIPLAYER",
  399.                             "platform": "MOBILE",
  400.                             "clientFormFactor": "SMALL_FORM_FACTOR",
  401.                             "acceptHeader": "text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.7",
  402.                             "mainAppWebInfo": {
  403.                                 "graftUrl": `/channel/${channelId}`,
  404.                                 "webDisplayMode": "WEB_DISPLAY_MODE_BROWSER",
  405.                                 "isWebNativeShareAvailable": true
  406.                             }
  407.                         },
  408.                         "user": {
  409.                             "lockedSafetyMode": false
  410.                         },
  411.                         "request": {
  412.                             "useSsl": true,
  413.                             "internalExperimentFlags": [],
  414.                             "consistencyTokenJars": []
  415.                         }
  416.                     },
  417.                     "browseId": `${channelId}`
  418.                 })
  419.             })).then(res => {
  420.                 bResult.fetchingState = 3;
  421.                 lockResolve();
  422.                 lockResolve = null;
  423.                 return res.json();
  424.             }).then(res => {
  425.  
  426.                 // console.log(displayNameRes, urlToHandle(vanityChannelUrl))
  427.                 // displayNameCacheStore.set(channelId, displayNameRes);
  428.                 
  429.  
  430.                 let resultInfo = ((res || 0).metadata || 0).channelMetadataRenderer;
  431.                 if (!resultInfo) {
  432.                     // invalid json format
  433.                     setResult(null);
  434.                     return;
  435.                 }
  436.     
  437.                 cacheHandleToChannel(res, channelId);
  438.     
  439.                 const { title, externalId, ownerUrls, channelUrl, vanityChannelUrl } = resultInfo;
  440.     
  441.                 const displayNameRes = { title, externalId, ownerUrls, channelUrl, vanityChannelUrl, verified123: false };
  442.     
  443.                 setResult(displayNameRes);
  444.     
  445.  
  446.             }).catch(e => {
  447.                 lockResolve && lockResolve();
  448.                 console.warn(e);
  449.                 setResult && setResult(null);
  450.             });
  451.  
  452.         });
  453.  
  454.     }
  455.  
  456.     function urlToHandle(url) {
  457.  
  458.         if (typeof url !== 'string') return '';
  459.         let i = url.indexOf('.youtube.com/');
  460.         if (i >= 1) url = url.substring(i + '.youtube.com/'.length);
  461.         else if (url.charAt(0) === '/') url = url.substring(1);
  462.         return isDisplayAsHandle(url) ? url : '';
  463.  
  464.     }
  465.  
  466.     function getDisplayName(channelId) {
  467.  
  468.         return new Promise(resolve => {
  469.  
  470.             let aResult = displayNameResStore.get(channelId);
  471.             let isStackNewRequest = true;
  472.             if (aResult instanceof AsyncValue && aResult.fetchingState >= 2) {
  473.                 // aResult.fetchingState
  474.                 // 2: network fetch started
  475.                 // 3: network fetch ended
  476.                 isStackNewRequest = false;
  477.             } else if (aResult instanceof AsyncValue) {
  478.                 // 0: invalid before
  479.                 // 1: scheduled but not yet fetch
  480.             } else if (aResult) { // resolved result
  481.                 resolve(aResult);
  482.                 return;
  483.             } // else no cached value found
  484.             /** @type {AsyncValue} */
  485.             let bResult = aResult || new AsyncValue()
  486.             if (aResult) {
  487.                 aResult = null;
  488.             } else {
  489.                 displayNameResStore.set(channelId, bResult);
  490.             }
  491.             bResult.getValue().then(resolve);
  492.             if (isStackNewRequest) {
  493.                 bResult.fetchingState = 1;
  494.                 stackNewRequest(channelId, bResult)
  495.             }
  496.         }).catch(console.warn);
  497.     }
  498.  
  499.  
  500.     const obtainChannelId = (href) => {
  501.         let m = /\/channel\/(UC[-_a-zA-Z0-9+=.]+)/.exec(`/${href}`);
  502.         // let m = /\/channel\/([^/?#\s]+)/.exec(`/${href}`);
  503.         return !m ? '' : (m[1] || '');
  504.     };
  505.  
  506.     const dataChangeFuncProducer = (dataChanged) => {
  507.  
  508.         return function () {
  509.             let anchors = null;
  510.             try {
  511.                 anchors = HTMLElement.prototype.querySelectorAll.call(this, 'a[id][href*="channel/"][jkrgy]');
  512.             } catch (e) { }
  513.             if ((anchors || 0).length >= 1 && (this.data || 0).jkrgx !== 1) {
  514.                 for (const anchor of anchors) {
  515.                     anchor.removeAttribute('jkrgy');
  516.                 }
  517.             }
  518.             return dataChanged.apply(this, arguments)
  519.         }
  520.  
  521.  
  522.     };
  523.  
  524.     const anchorIntegrityCheck = (anchor, channelHref, channelId) => {
  525.  
  526.         // https://www.youtube.com/channel/UCRmLncxsQFcOOC8OhzUIfxQ/videos /channel/UCRmLncxsQFcOOC8OhzUIfxQ UCRmLncxsQFcOOC8OhzUIfxQ
  527.  
  528.  
  529.         let currentHref = anchor.getAttribute('href');
  530.         if (currentHref === channelHref) return true; // /channel/UCRmLncxsQFcOOC8OhzUIfxQ // /channel/UCRmLncxsQFcOOC8OhzUIfxQ
  531.  
  532.         return (currentHref + '/').indexOf(channelHref + '/') >= 0;
  533.  
  534.     };
  535.  
  536.     const verifyAndConvertHandle = (currentDisplayed, fetchResult) => {
  537.  
  538.         const { title, externalId, ownerUrls, channelUrl, vanityChannelUrl, verified123 } = fetchResult;
  539.  
  540.         const currentDisplayTrimmed = currentDisplayed.trim();
  541.         let match = false;
  542.         if (verified123) {
  543.             match = true;
  544.         } else if ((vanityChannelUrl || '').endsWith(`/${currentDisplayTrimmed}`)) {
  545.             match = true;
  546.         } else if ((ownerUrls || 0).length >= 1) {
  547.             for (const ownerUrl of ownerUrls) {
  548.                 if ((ownerUrl || '').endsWith(`/${currentDisplayTrimmed}`)) {
  549.                     match = true;
  550.                     break;
  551.                 }
  552.             }
  553.         }
  554.         if (match) {
  555.             return currentDisplayTrimmed;
  556.         }
  557.         return '';
  558.  
  559.     };
  560.  
  561.     const isDisplayAsHandle = (text) => {
  562.  
  563.         if (typeof text !== 'string') return false;
  564.         if (text.length < 4) return false;
  565.         if (text.indexOf('@') < 0) return false;
  566.         return /^\s*@[-_a-zA-Z0-9.]{3,30}\s*$/.test(text);
  567.  
  568.  
  569.         /* https://support.google.com/youtube/answer/11585688?hl=en&co=GENIE.Platform%3DAndroid
  570.  
  571.         Handle naming guidelines
  572.  
  573.         Is between 3-30 characters
  574.         Is made up of alphanumeric characters (A–Z, a–z, 0–9)
  575.         Your handle can also include: underscores (_), hyphens (-), dots (.)
  576.         Is not URL-like or phone number-like
  577.         Is not already being used
  578.         Follows YouTube's Community Guidelines
  579.  
  580.         // auto handle - without dot (.)
  581.  
  582.         */
  583.  
  584.     };
  585.  
  586.     const contentTextProcess = (contentTexts, idx) => {
  587.         const contentText = contentTexts[idx];
  588.         const text = (contentText || 0).text;
  589.         const url = (((contentText.navigationEndpoint || 0).commandMetadata || 0).webCommandMetadata || 0).url;
  590.         if (typeof url === 'string' && typeof text === 'string') {
  591.  
  592.             if (!isDisplayAsHandle(text)) return null;
  593.             const channelId = obtainChannelId(url);
  594.  
  595.             return getDisplayName(channelId).then(fetchResult => {
  596.                 let resolveResult = null;
  597.                 if (fetchResult) {
  598.                     // note: if that user shown is not found in `a[id]`, the hyperlink would not change
  599.  
  600.                     const textTrimmed = verifyAndConvertHandle(text, fetchResult);
  601.                     if (textTrimmed) {
  602.                         resolveResult = (md) => {
  603.                             let runs = ((md || 0).contentText || 0).runs;
  604.                             if (!runs || !runs[idx]) return;
  605.                             if (runs[idx].text !== text) return;
  606.                             runs[idx].text = text.replace(textTrimmed, `@${fetchResult.title}`); // HyperLink always @SomeOne
  607.                             md.contentText = Object.assign({}, md.contentText);
  608.                         };
  609.                     }
  610.                 }
  611.                 return (resolveResult); // function as a Promise
  612.             });
  613.         }
  614.  
  615.         return null;
  616.     };
  617.  
  618.     function findTextNodes(parentNode, callback) {
  619.         function traverse(node) {
  620.             if (node.nodeType === Node.TEXT_NODE) {
  621.                 let r = callback(node);
  622.                 if (r === true) return true;
  623.             }
  624.  
  625.             let childNode = node.firstChild;
  626.             while (childNode) {
  627.                 let r = traverse(childNode);
  628.                 if (r === true) return true;
  629.                 childNode = childNode.nextSibling;
  630.             }
  631.         }
  632.  
  633.         traverse(parentNode);
  634.     }
  635.  
  636.     const mobileContentHandle = async (parentNode, contentTexts, aidx) => {
  637.  
  638.  
  639.         let commentText = parentNode.querySelector('.comment-text');
  640.         if (!commentText) return;
  641.         commentText = commentText.querySelector('.yt-core-attributed-string') || commentText
  642.         let currentText = commentText.textContent;
  643.         let textMatch = commentText.textContent === contentTexts.map(e => e.text).join('');
  644.         if (!textMatch) return;
  645.  
  646.         let handleText = contentTexts[aidx].text.trim();
  647.         let channelId;
  648.  
  649.         let cache = handleToChannelId.get(handleText);
  650.  
  651.         if (typeof cache === 'string') {
  652.             channelId = cache;
  653.         } else if (cache instanceof AsyncValue) {
  654.             channelId = await cache.getValue();
  655.         } else {
  656.             const asyncValue = new AsyncValue();
  657.             handleToChannelId.set(handleText, asyncValue);
  658.             channelId = await asyncValue.getValue();  // note: it could be never resolved
  659.         }
  660.  
  661.         if (!channelId) return; // just in case
  662.  
  663.         if (commentText.isConnected !== true) return; // already removed
  664.         if (commentText.textContent !== currentText) return; // already changed
  665.  
  666.         const fetchResult = await getDisplayName(channelId);
  667.  
  668.         if (fetchResult === null) return;
  669.  
  670.         const { title, externalId } = fetchResult;
  671.         if (externalId !== channelId) return; // channel id must be the same
  672.  
  673.         let search = contentTexts[aidx].text;
  674.         contentTexts[aidx].text = contentTexts[aidx].text.replace(contentTexts[aidx].text.trim(), "@" + title);
  675.  
  676.         findTextNodes(commentText, (textnode) => {
  677.             if (textnode.nodeValue.indexOf(search) >= 0) {
  678.                 textnode.nodeValue = textnode.nodeValue.replace(search, contentTexts[aidx].text);
  679.                 return true;
  680.             }
  681.         });
  682.  
  683.     }
  684.  
  685.  
  686.     const domCheck = isMobile ? async (anchor, channelHref, mt) => {
  687.  
  688.         if (!channelHref || !mt) return;
  689.         let parentNode = anchor.parentNode;
  690.         while (parentNode instanceof Node) {
  691.             if (parentNode.nodeName === 'YTM-COMMENT-RENDERER' || ('_commentData' in parentNode)) break;
  692.             parentNode = parentNode.parentNode
  693.         }
  694.         if (parentNode instanceof Node) { } else return;
  695.  
  696.         let displayTextDOM = parentNode.querySelector('.comment-header .comment-title');
  697.         if (!displayTextDOM) return;
  698.         displayTextDOM = displayTextDOM.querySelector('.yt-core-attributed-string') || displayTextDOM;
  699.         let airaLabel = anchor.getAttribute('aria-label')
  700.         const parentNodeData = parentNode.data;
  701.         let runs = ((parentNodeData || 0).authorText || 0).runs;
  702.  
  703.         if (displayTextDOM && airaLabel && displayTextDOM.textContent.trim() === airaLabel.trim() && isDisplayAsHandle(airaLabel) && runs && (runs[0] || 0).text === airaLabel) {
  704.  
  705.             const fetchResult = await getDisplayName(mt);
  706.  
  707.             if (fetchResult === null) return;
  708.  
  709.             const { title, externalId } = fetchResult;
  710.  
  711.             if (externalId !== mt) return; // channel id must be the same
  712.  
  713.             // anchor href might be changed by external
  714.             if (!anchorIntegrityCheck(anchor, channelHref, externalId)) return;
  715.  
  716.             let found = false;
  717.  
  718.             findTextNodes(displayTextDOM, (textnode) => {
  719.                 if (textnode.nodeValue === airaLabel) {
  720.                     textnode.nodeValue = title;
  721.                     found = true;
  722.                     return true;
  723.                 }
  724.             });
  725.  
  726.             if (!found) return;
  727.             anchor.setAttribute('aria-label', title);
  728.             runs[0].text = title;
  729.  
  730.  
  731.             const contentTexts = (parentNodeData.contentText || 0).runs;
  732.             if (contentTexts && contentTexts.length >= 2) {
  733.                 for (let aidx = 0; aidx < contentTexts.length; aidx++) {
  734.                     if (contentTexts[aidx].italics !== true) {
  735.                         let isHandle = isDisplayAsHandle(contentTexts[aidx].text);
  736.                         if (isHandle) {
  737.                             mobileContentHandle(parentNode, contentTexts, aidx);
  738.                         }
  739.                     }
  740.                 }
  741.             }
  742.  
  743.         }
  744.  
  745.  
  746.     } : async (anchor, channelHref, mt) => {
  747.  
  748.         try {
  749.             if (!channelHref || !mt) return;
  750.             let parentNode = anchor.parentNode;
  751.             while (parentNode instanceof Node) {
  752.                 if (typeof parentNode.is === 'string' && typeof parentNode.dataChanged === 'function') break;
  753.                 parentNode = parentNode.parentNode
  754.             }
  755.             if (parentNode instanceof Node) { } else return;
  756.             const authorText = (parentNode.data || 0).authorText;
  757.             const currentDisplayed = (authorText || 0).simpleText;
  758.             if (typeof currentDisplayed !== 'string') return;
  759.             if (!isDisplayAsHandle(currentDisplayed)) return;
  760.  
  761.             const oldDataChanged = parentNode.dataChanged;
  762.             if (typeof oldDataChanged === 'function' && !oldDataChanged.jkrgx) {
  763.                 let newDataChanged = dataChangedFuncStore.get(oldDataChanged)
  764.                 if (!newDataChanged) {
  765.                     newDataChanged = dataChangeFuncProducer(oldDataChanged);
  766.                     newDataChanged.jkrgx = 1;
  767.                     dataChangedFuncStore.set(oldDataChanged, newDataChanged);
  768.                 }
  769.                 parentNode.dataChanged = newDataChanged;
  770.             }
  771.  
  772.             const fetchResult = await getDisplayName(mt);
  773.  
  774.             if (fetchResult === null) return;
  775.  
  776.             const { title, externalId } = fetchResult;
  777.  
  778.             if (externalId !== mt) return; // channel id must be the same
  779.  
  780.             // anchor href might be changed by external
  781.             if (!anchorIntegrityCheck(anchor, channelHref, externalId)) return;
  782.  
  783.             const parentNodeData = parentNode.data
  784.             const funcPromises = [];
  785.  
  786.             if (parentNode.isAttached === true && parentNode.isConnected === true && typeof parentNodeData === 'object' && parentNodeData && parentNodeData.authorText === authorText) {
  787.  
  788.                 if (authorText.simpleText !== currentDisplayed) return;
  789.                 const currentDisplayTrimmed = verifyAndConvertHandle(currentDisplayed, fetchResult);
  790.                 const cSimpleText = ((parentNodeData.authorText || 0).simpleText || '');
  791.                 if (currentDisplayTrimmed && currentDisplayed !== title && cSimpleText === currentDisplayed) {
  792.  
  793.                     // the inside hyperlinks will be only converted if its parent author name is handle
  794.                     const contentTexts = (parentNodeData.contentText || 0).runs;
  795.                     if (contentTexts && contentTexts.length >= 1) {
  796.                         for (let aidx = 0; aidx < contentTexts.length; aidx++) {
  797.                             const r = contentTextProcess(contentTexts, aidx);
  798.                             if (r instanceof Promise) funcPromises.push(r);
  799.                         }
  800.                     }
  801.  
  802.                     const md = Object.assign({}, parentNodeData);
  803.                     let setBadge = false;
  804.                     if (((((md.authorCommentBadge || 0).authorCommentBadgeRenderer || 0).authorText || 0).simpleText || '').trim() === cSimpleText.trim()) {
  805.                         setBadge = true;
  806.                     }
  807.                     // parentNode.data = Object.assign({}, { jkrgx: 1 });
  808.                     md.authorText = Object.assign({}, md.authorText, { simpleText: currentDisplayed.replace(currentDisplayTrimmed, title) });
  809.                     if (setBadge) {
  810.                         md.authorCommentBadge = Object.assign({}, md.authorCommentBadge);
  811.                         md.authorCommentBadge.authorCommentBadgeRenderer = Object.assign({}, md.authorCommentBadge.authorCommentBadgeRenderer);
  812.                         md.authorCommentBadge.authorCommentBadgeRenderer.authorText = Object.assign({}, md.authorCommentBadge.authorCommentBadgeRenderer.authorText, { simpleText: title });
  813.  
  814.                     }
  815.                     if (funcPromises.length >= 1) {
  816.                         let funcs = await Promise.all(funcPromises);
  817.  
  818.                         for (const func of funcs) {
  819.                             if (typeof func === 'function') {
  820.                                 func(md);
  821.                             }
  822.                         }
  823.                     }
  824.                     parentNode.data = Object.assign({}, md, { jkrgx: 1 });
  825.                 }
  826.  
  827.             }
  828.         } catch (e) {
  829.             console.warn(e);
  830.         }
  831.  
  832.  
  833.     }
  834.  
  835.     const channelUrlUnify = (url) => {
  836.  
  837.         if (typeof url !== 'string') return url; // type unchanged
  838.         let c0 = url.charAt(0);
  839.         if (c0 === '/') return url;
  840.         let i = url.indexOf('.youtube.com/');
  841.         if (i >= 1) url = url.substring(i + '.youtube.com/'.length - 1);
  842.         else if (url.charAt(0) !== '/') url = '/' + url;
  843.         return url
  844.  
  845.     }
  846.  
  847.     let firstDOMCheck = false;
  848.     const firstDOMChecker = isMobile ? () => {
  849.  
  850.         let channelNameDOM = document.querySelector('ytm-slim-owner-renderer');
  851.         let channelNameDOMData = (channelNameDOM || 0).data;
  852.  
  853.         if (channelNameDOMData) {
  854.             let mainChannelUrl = null;
  855.             let mainFormattedNameUrl = null;
  856.             let mainChannelText = null;
  857.             let mainFormattedNameText = null;
  858.  
  859.             try {
  860.                 mainChannelUrl = channelUrlUnify(channelNameDOMData.channelUrl)
  861.                 mainFormattedNameUrl = channelUrlUnify(channelNameDOMData.title.runs[0].navigationEndpoint.browseEndpoint.canonicalBaseUrl)
  862.                 mainChannelText = channelNameDOMData.channelName
  863.                 mainFormattedNameText = channelNameDOMData.title.runs[0].text
  864.             } catch (e) { }
  865.  
  866.             if (mainChannelUrl === mainFormattedNameUrl && mainChannelText === mainFormattedNameText && typeof mainChannelUrl === 'string' && typeof mainChannelText === 'string') {
  867.  
  868.  
  869.                 let channelId = obtainChannelId(mainChannelUrl);
  870.                 if (channelId) {
  871.                     if (mainChannelText.startsWith('@')) return;
  872.                     if (mainChannelText.trim() !== mainChannelText) return;
  873.  
  874.                     displayNameResStore.set(channelId, {
  875.                         channelUrl: `https://www.youtube.com/channel/${channelId}`,
  876.                         externalId: `${channelId}`,
  877.                         ownerUrls: [],
  878.                         title: mainChannelText,
  879.                         vanityChannelUrl: null,
  880.                         verified123: true
  881.                     });
  882.                 }
  883.  
  884.  
  885.             }
  886.         }
  887.  
  888.     } : () => {
  889.  
  890.         let channelNameDOM = document.querySelector('ytd-channel-name.ytd-video-owner-renderer');
  891.         let channelNameDOMData = (channelNameDOM || 0).__data;
  892.         if (channelNameDOMData) {
  893.             let mainChannelUrl = null;
  894.             let mainFormattedNameUrl = null;
  895.             let mainChannelText = null;
  896.             let mainFormattedNameText = null;
  897.  
  898.             try {
  899.                 mainChannelUrl = channelNameDOMData.channelName.runs[0].navigationEndpoint.browseEndpoint.canonicalBaseUrl
  900.                 mainFormattedNameUrl = channelNameDOMData.formattedName.runs[0].navigationEndpoint.browseEndpoint.canonicalBaseUrl
  901.                 mainChannelText = channelNameDOMData.channelName.runs[0].text
  902.                 mainFormattedNameText = channelNameDOMData.formattedName.runs[0].text
  903.             } catch (e) { }
  904.  
  905.             if (mainChannelUrl === mainFormattedNameUrl && mainChannelText === mainFormattedNameText && typeof mainChannelUrl === 'string' && typeof mainChannelText === 'string') {
  906.  
  907.                 let m = /^\/(@[-_a-zA-Z0-9.]{3,30})$/.test(mainChannelUrl);
  908.  
  909.                 if (m && m[1] && mainChannelText !== m[1]) {
  910.  
  911.                     let channelId = obtainChannelId(mainChannelUrl);
  912.                     if (channelId) {
  913.                         if (mainChannelText.startsWith('@')) return;
  914.                         if (mainChannelText.trim() !== mainChannelText) return;
  915.  
  916.                         displayNameResStore.set(channelId, {
  917.                             channelUrl: `https://www.youtube.com/channel/${channelId}`,
  918.                             externalId: `${channelId}`,
  919.                             ownerUrls: [],
  920.                             title: mainChannelText,
  921.                             vanityChannelUrl: null,
  922.                             verified123: true
  923.                         });
  924.                     }
  925.  
  926.                 }
  927.             }
  928.         }
  929.  
  930.  
  931.  
  932.  
  933.     };
  934.  
  935.     // let newAnchorAdded = false;
  936.     /*
  937.  
  938.     const intersectionobserver = new IntersectionObserver((entries) => {
  939.         let anchorAppear = false;
  940.         for (const entry of entries) {
  941.             if (entry.isIntersecting === true) {
  942.                 anchorAppear = true;
  943.                 break;
  944.             }
  945.         }
  946.         if (anchorAppear && newAnchorAdded) {
  947.             newAnchorAdded = false; // stacking will be only reset when one or more anchor added to DOM.
  948.             mutex.nextIndex = 0; // higher pirority for new elements being shown
  949.         }
  950.     }, {
  951.         rootMargin:"0px 0px 0px 0px",
  952.         threshold:1
  953.     })
  954.     */
  955.  
  956.  
  957.     /* globals WeakRef:false */
  958.  
  959.     /** @type {(o: Object | null) => WeakRef | null} */
  960.     const mWeakRef = typeof WeakRef === 'function' ? (o => o ? new WeakRef(o) : null) : (o => o || null); // typeof InvalidVar == 'undefined'
  961.  
  962.     /** @type {(wr: Object | null) => Object | null} */
  963.     const kRef = (wr => (wr && wr.deref) ? wr.deref() : wr);
  964.  
  965.     let lastNewAnchorLastWR = null;
  966.  
  967.     let domCheckTimeStamp = 0;
  968.  
  969.     const mutexForDOMMutations = new Mutex();
  970.     const domCheckSelector = isMobile ? 'a[aria-label^="@"][href*="channel/"]' : 'a[id][href*="channel/"]:not([jkrgy])';
  971.  
  972.     const domChecker = () => {
  973.  
  974.         const newAnchors = document.querySelectorAll(domCheckSelector);
  975.         if (newAnchors.length === 0) {
  976.             return;
  977.         }
  978.  
  979.         mutexForDOMMutations.lockWith(lockResolve => {
  980.  
  981.             const newAnchors = document.querySelectorAll(domCheckSelector);
  982.             if (newAnchors.length === 0) {
  983.                 lockResolve();
  984.                 return;
  985.             }
  986.  
  987.             const cNewAnchorFirst = newAnchors[0]; // non-null
  988.             const cNewAnchorLast = newAnchors[newAnchors.length - 1]; // non-null
  989.             /** @type {HTMLElement | null} */
  990.             const lastNewAnchorLast = kRef(lastNewAnchorLastWR); // HTMLElement | null
  991.             lastNewAnchorLastWR = mWeakRef(cNewAnchorLast);
  992.  
  993.             const ltDOMCheck = domCheckTimeStamp;
  994.             const ctDOMCheck = Date.now();
  995.             domCheckTimeStamp = ctDOMCheck;
  996.  
  997.             if (!firstDOMCheck) {
  998.                 firstDOMCheck = true;
  999.                 firstDOMChecker();
  1000.             }
  1001.  
  1002.             new Promise(resolve => {
  1003.                 if (lastNewAnchorLast && mutex.nextIndex >= 1) {
  1004.  
  1005.                     if (ctDOMCheck - ltDOMCheck < 230) {
  1006.  
  1007.                     } else {
  1008.                         if ((lastNewAnchorLast.compareDocumentPosition(cNewAnchorFirst) & 2) === 2) {
  1009.                             mutex.nextIndex = 0;
  1010.                         }
  1011.                     }
  1012.  
  1013.                     /*
  1014.                     if (mutex.nextIndex === 0) {
  1015.                         // no change
  1016.                     } else if ((lastNewAnchorLast.compareDocumentPosition(cNewAnchorLast) & 2) === 2) { // when "XX replies" clicked
  1017.                         mutex.nextIndex = 0; // highest priority
  1018.                     } else if (cNewAnchorLast !== cNewAnchorFirst && (lastNewAnchorLast.compareDocumentPosition(cNewAnchorFirst) & 2) === 1) { // rarely
  1019.                         mutex.nextIndex = Math.floor(mutex.nextIndex / 2); // relatively higher priority
  1020.                     }
  1021.                     */
  1022.                 }
  1023.                 resolve();
  1024.             }).then(() => {
  1025.  
  1026.                 // newAnchorAdded = true;
  1027.                 for (const anchor of newAnchors) {
  1028.                     // author-text or name
  1029.                     // normal url: /channel/xxxxxxx
  1030.                     // Improve YouTube! - https://www.youtube.com/channel/xxxxxxx/videos
  1031.                     const href = anchor.getAttribute('href');
  1032.                     const channelId = obtainChannelId(href); // string, can be empty
  1033.                     anchor.setAttribute('jkrgy', channelId);
  1034.                     // intersectionobserver.unobserve(anchor);
  1035.                     // intersectionobserver.observe(anchor); // force first occurance
  1036.                     domCheck(anchor, href, channelId);
  1037.                 }
  1038.  
  1039.             }).then(lockResolve).catch(e => {
  1040.                 lockResolve();
  1041.                 console.warn(e);
  1042.             });
  1043.  
  1044.         });
  1045.  
  1046.  
  1047.     };
  1048.  
  1049.  
  1050.     /** @type {MutationObserver | null} */
  1051.     let domObserver = null;
  1052.  
  1053.     const onPageFetched = isMobile ? (callback, final) => {
  1054.  
  1055.         let state = 0;
  1056.  
  1057.         window.addEventListener('state-change', function (evt) {
  1058.             if (state === 1) return; // ignore intermediate events
  1059.             state = 1; // before value: 0 or 2;
  1060.             callback(evt);
  1061.         }, false);
  1062.  
  1063.         window.addEventListener('state-navigateend', function (evt) { // fallback
  1064.             let inSeq = state === 1;
  1065.             state = 2; // 2 when loaded
  1066.             if (!inSeq) callback(evt);
  1067.         }, false);
  1068.  
  1069.     } : (callback) => {
  1070.  
  1071.         let state = 0;
  1072.  
  1073.         document.addEventListener('yt-page-data-fetched', function (evt) {
  1074.             if (state === 1) return; // ignore intermediate events if any
  1075.             state = 1; // before value: 0 or 2;
  1076.             callback(evt);
  1077.         }, false);
  1078.  
  1079.         document.addEventListener('yt-navigate-finish', function (evt) { // fallback
  1080.             let inSeq = state === 1;
  1081.             state = 2; // 2 when loaded
  1082.             if (!inSeq) callback(evt);
  1083.         }, false);
  1084.  
  1085.     };
  1086.  
  1087.     function setupOnPageFetched(app){
  1088.  
  1089.         firstDOMCheck = false;
  1090.  
  1091.         if (!cfg['INNERTUBE_API_KEY']) {
  1092.             console.warn("Userscript Error: INNERTUBE_API_KEY is not found.");
  1093.             return;
  1094.         }
  1095.  
  1096.         if (!domObserver) {
  1097.             domObserver = new MutationObserver(domChecker);
  1098.         } else {
  1099.             domObserver.takeRecords();
  1100.             domObserver.disconnect();
  1101.         }
  1102.  
  1103.         domObserver.observe(app, { childList: true, subtree: true });
  1104.         domChecker();
  1105.  
  1106.     }
  1107.  
  1108.     if (isMobile) {
  1109.  
  1110.         onPageFetched(async (evt) => {
  1111.             let app = document.querySelector('ytm-app#app') || document.querySelector('ytm-app');
  1112.             console.assert(app);
  1113.  
  1114.             const ytcfg = ((window || 0).ytcfg || 0);
  1115.  
  1116.             for (const key of ['INNERTUBE_API_KEY', 'INNERTUBE_CLIENT_VERSION']) {
  1117.                 cfg[key] = ytcfg.get(key);
  1118.             }
  1119.  
  1120.             setupOnPageFetched(app);
  1121.         });
  1122.  
  1123.     } else {
  1124.  
  1125.  
  1126.         onPageFetched(async (evt) => {
  1127.             const app = (evt || 0).target || document.querySelector('ytd-app');
  1128.             console.assert(app);
  1129.  
  1130.             const cfgData = (((window || 0).ytcfg || 0).data_ || 0);
  1131.             for (const key of ['INNERTUBE_API_KEY', 'INNERTUBE_CLIENT_VERSION']) {
  1132.                 cfg[key] = cfgData[key];
  1133.             }
  1134.  
  1135.             setupOnPageFetched(app);
  1136.  
  1137.         });
  1138.  
  1139.     }
  1140.  
  1141. })();

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址