☰

Restore YouTube Username from Handle to Custom

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

  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.13.12
  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://raw.githubusercontent.com/cyfung1031/userscript-supports/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           true
  42. // @inject-into         page
  43.  
  44. // @require             https://cdn.jsdelivr.net/gh/cyfung1031/userscript-supports@5d83d154956057bdde19e24f95b332cb9a78fcda/library/default-trusted-type-policy.js
  45.  
  46. // @compatible          firefox Violentmonkey
  47. // @compatible          firefox Tampermonkey
  48. // @compatible          firefox Firemonkey
  49. // @compatible          chrome Violentmonkey
  50. // @compatible          chrome Tampermonkey
  51. // @compatible          opera Violentmonkey
  52. // @compatible          opera Tampermonkey
  53. // @compatible          safari Stay
  54. // @compatible          edge Violentmonkey
  55. // @compatible          edge Tampermonkey
  56. // @compatible          brave Violentmonkey
  57. // @compatible          brave Tampermonkey
  58.  
  59. // @description         To restore YouTube Username to the traditional custom name
  60. // @description:ja      YouTubeのユーザー名を伝統的なカスタム名に復元するために。
  61. // @description:zh-TW   將 YouTube 使用者名稱從 Handle 恢復為自訂名稱
  62. // @description:zh-CN   将 YouTube 用户名从 Handle 恢复为自定义名称
  63.  
  64. // @description:ko      YouTube 사용자 이름을 전통적인 사용자 지정 이름으로 복원합니다.
  65. // @description:ru      Восстановление имени пользователя YouTube с помощью обычного настраиваемого имени
  66. // @description:af      Herstel YouTube-gebruikersnaam vanaf Handvat na Aangepaste Naam
  67. // @description:az      YouTube İstifadəçi Adını Özəl Adından İstifadə Etmək
  68. // @description:id      Mengembalikan Nama Pengguna YouTube dari Handle ke Kustom
  69. // @description:ms      Pulihkan Nama Pengguna YouTube dari Handle ke Tersuai
  70. // @description:bs      Vrati YouTube korisničko ime sa ručke na prilagođeno ime
  71. // @description:ca      Restaurar el nom d'usuari de YouTube de la màniga al personalitzat
  72. // @description:cs      Obnovte uživatelské jméno YouTube z rukojeti na vlastní
  73. // @description:da      Gendan YouTube-brugernavn fra Håndtag til Brugerdefineret
  74. // @description:de      Stellt den YouTube-Benutzernamen von Handle auf Benutzerdefiniert wieder her
  75. // @description:et      Taasta YouTube'i kasutajanimi käepidemelt kohandatud nimeks
  76. // @description:es      Restaurar el nombre de usuario de YouTube de la manija al personalizado
  77. // @description:eu      Berrezarri YouTube Erabiltzaile-izena Manipulatik Pertsonalizatuera
  78. // @description:fr      Restaurer le nom d'utilisateur YouTube de la poignée au nom personnalisé
  79. // @description:gl      Restaura o nome de usuario de YouTube da manexa ao personalizado
  80. // @description:hr      Vrati YouTube korisničko ime s ručke na prilagođeno ime
  81. // @description:zu      Hlanganisa Igama Lokusebenza lwe-YouTube kusuka kwi-Handle kuze kube kusebenza kakhulu
  82. // @description:is      Endurheimtu YouTube Notandanafn frá Handfangi til Sérsniðins
  83. // @description:it      Ripristina il nome utente di YouTube da Handle a Personalizzato
  84. // @description:sw      Rejesha Jina la Mtumiaji wa YouTube kutoka kwa Kishughulikia hadi Desturi
  85. // @description:lv      Atjaunot YouTube lietotāja vārdu no roktura uz pielāgotu
  86. // @description:lt      Atkurti „YouTube“ naudotojo vardą iš rankenos į tinkamą
  87. // @description:hu      Visszaállítja a YouTube felhasználónevet a fogantyútól a testreszabottra
  88. // @description:nl      Herstel YouTube-gebruikersnaam van Handle naar Aangepaste naam
  89. // @description:uz      YouTube foydalanuvchining nomini Hurda dan Shaxsiylashtirilgan nomga qaytarish
  90. // @description:pl      Przywróć nazwę użytkownika YouTube z uchwytu na niestandardową
  91. // @description:pt      Restaurar o nome de usuário do YouTube de Handle para Personalizado
  92. // @description:pt-BR   Restaurar o nome de usuário do YouTube de Handle para Personalizado
  93. // @description:ro      Restaurați Numele de Utilizator YouTube de la Mâner la Personalizat
  94. // @description:sq      Rikthe emrin e përdoruesit të YouTube nga Maja në Personalizuar
  95. // @description:sk      Obnovte používateľské meno YouTube z rukoväte na vlastné
  96. // @description:sl      Obnovite uporabniško ime YouTube iz ročaja v prilagojeno ime
  97. // @description:sr      Вратите YouTube корисничко име са ручке на прилагођено име
  98. // @description:fi      Palauta YouTube-käyttäjänimi kahvasta räätälöityyn nimeen
  99. // @description:sv      Återställ YouTube-användarnamnet från handtaget till anpassat namn
  100. // @description:vi      Khôi phục Tên người dùng YouTube từ Tay cầm thành Tùy chỉnh
  101. // @description:tr      Özel İsme Kullanıcı Adını İade Etme
  102. // @description:be      Вярнуць імя карыстальніка YouTube з ручкі на наладжваецца
  103. // @description:bg      Възстановяване на потребителско име на YouTube от дръжка до персонализирано име
  104. // @description:ky      YouTube колдонуучунун атты боюнча атын тамашалау
  105. // @description:kk      YouTube пайдаланушының атын Handle танымасынан Жеке атауға қайта түсіру
  106. // @description:mk      Врати го името на YouTube корисникот од држачот во прилагодено име
  107. // @description:mn      YouTube хэрэглэгчийн нэрийг хүчирхийлэгчидээс Байгууллагад нь солих
  108. // @description:uk      Відновлення імені користувача YouTube з ручки на налаштоване ім'я
  109. // @description:el      Επαναφορά Ονόματος Χρήστη YouTube από τη Λαβή σε Προσαρμοσμένο
  110. // @description:hy      Վերականգնել YouTube-ի Օգտագործողի Անունը Ձեռքից Հատուցվածությանով
  111. // @description:ur      ہینڈل سے یوٹیوب یوزر نیم کو کسٹم میں بحال کریں
  112. // @description:ar      استعادة اسم مستخدم YouTube من المقبض إلى مخصص
  113. // @description:fa      بازیابی نام کاربری یوتیوب از دستگیره به سفارشی
  114. // @description:ne      ह्यान्डलबाट यूट्युब प्रयोगकर्तानाम अनुकूलमा उपयोग गर्नुहोस्
  115. // @description:mr      हॅंडलमधून यूट्यूब वापरकर्तानाव अनुकूलित करा
  116. // @description:hi      हैंडल से यूट्यूब यूजरनेम को कस्टम में बदलें
  117. // @description:as      কাস্টম হতে হ্যান্ডেল পৰা ইউটিউব ব্যৱহাৰকাৰী নাম পুনৰ্স্থাপন কৰক
  118. // @description:bn      হ্যান্ডেল থেকে কাস্টম করে ইউটিউব ব্যবহারকারীর নাম পুনরুদ্ধার করুন
  119. // @description:pa      ਯੂਟਿਊਬ ਯੂਜਰਨਾਂ ਦਾ ਨਾਂ ਹੈਂਡਲ ਤੋਂ ਕਸਟਮ ਵਿੱਚ ਮੁੜ ਲਾਓ
  120. // @description:gu      હેન્ડલથી કસ્ટમમાંથી YouTube વપરાશકર્તાનું નામ પુનર્સ્થાપિત કરો
  121. // @description:or      କଷ୍ଟମରେ ହେନ୍ଡେଲରୁ YouTube ବ୍ୟବହାରକାରୀଙ୍କ ନାମ ପୁନର୍ପ୍ରାପ୍ତ କରନ୍ତୁ
  122. // @description:ta      ஹேண்டில் இருந்து கஸ்டம் ஆக்கும் யூடியூப் பயனர்பெயரை மீட்டமைக்கவும்
  123. // @description:te      హాండును నుంచి YouTube వాడుకరి పేరును కస్టమ్‌కు పునరుద్ధరించండి
  124. // @description:kn      ಹ್ಯಾಂಡಲ್‌ನಿಂದ YouTube ಬಳಕೆದಾರ ಹೆಸರನ್ನು ಅನುಕೂಲಿತ ಮಾಡಿ
  125. // @description:ml      ഹാന്റിൽ നിന്ന് കസ്റ്റം ആക്കാംമെന്ന് യുട്യൂബ് ഉപയോക്തൃനാമം മറ്റുള്ളവരെ മാറ്റുക
  126. // @description:si      හැන්ඩල් සහිතව YouTube භාවිතයේ පරිශීලක නාමය ස්වයං කරයි
  127. // @description:th      กู้คืนชื่อผู้ใช้ YouTube จากแฮนดิลไปเป็นชื่อที่กำหนดเอง
  128. // @description:lo      ເຮັດຊະນິດຊື່ຜູ້ໃຊ້ YouTube ຈາກ Handle ຈົດໄວ້ເປັນຊື່ປັດຈຸບັນ
  129. // @description:my      Handle မှ YouTube အသုံးပြုသူအမည်ကို စတင်ပြန်စစ်ဆေးပါ
  130. // @description:ka      YouTube მომხმარებლის სახელის აღდგენა ხანდლიდან მორგებულ სახელში
  131. // @description:am      ስለ YouTube የተጠቃሚ ስም ማስቀመጫዎቹን ከ Handle ወደ Custom ውስጥ እንደሚመጣ ይረዳሉ
  132. // @description:km      កំណត់ YouTube ពាក្យឈ្មោះពី Handle ទៅជាឈ្មោះផ្ទាល់ខ្លួន
  133.  
  134. // ==/UserScript==
  135.  
  136. const NUM_CHANNEL_ID_MIN_LEN_old1 = 4; // 4 = @abc
  137. const NUM_CHANNEL_ID_MIN_LEN_1 = 2; // 4 = @abc -> 2 = @a
  138. const NUM_CHANNEL_ID_MIN_LEN_2 = 3; // 5 = /@abc -> 3 = /@a 
  139.  
  140.  
  141. const defaultPolicy = (typeof trustedTypes !== 'undefined' && trustedTypes.defaultPolicy) || { createHTML: s => s };
  142. function createHTML(s) {
  143.   return defaultPolicy.createHTML(s);
  144. }
  145.  
  146. let trustHTMLErr = null;
  147. try {
  148.     document.createElement('div').innerHTML = createHTML('1');
  149. } catch (e) {
  150.     trustHTMLErr = e;
  151. }
  152.  
  153. if (trustHTMLErr) {
  154.     console.log(`trustHTMLErr`, trustHTMLErr);
  155.     trustHTMLErr(); // exit userscript
  156. }
  157.  
  158.  
  159. // -----------------------------------------------------------------------------------------------------------------------------
  160.  
  161. /* jshint esversion:8 */
  162.  
  163. const Object_ = Object;
  164.  
  165. /**
  166.     @typedef {string} HandleText
  167.     * \@[-_a-zA-Z0-9.]{3,30} (before May 2024)
  168.     * See isDisplayAsHandle
  169. */
  170.  
  171. /**
  172.     @typedef {string} ChannelId
  173.     * UC[-_a-zA-Z0-9+=.]{22}
  174.     * https://support.google.com/youtube/answer/6070344?hl=en
  175.     * The channel ID is the 24 character alphanumeric string that starts with 'UC' in the channel URL.
  176. */
  177.  
  178. /**
  179.     @typedef {string} DisplayName
  180.     * Display Name
  181. */
  182.  
  183. /**
  184.     @typedef DisplayNameResultObject
  185.     @type {Object}
  186.     @property {DisplayName} title
  187.     @property {DisplayName} langTitle
  188.     @property {ChannelId?} externalId
  189.     @property {string[]} ownerUrls
  190.     @property {string} channelUrl
  191.     @property {string} vanityChannelUrl
  192.     @property {boolean|undefined} verified123
  193. */
  194.  
  195. /**
  196.     @typedef ChannelIdToHandleResult
  197.     @type {Object}
  198.     @property {HandleText} handleText
  199.     @property {boolean} justPossible
  200. */
  201.  
  202. (function (__CONTEXT__) {
  203.     'use strict';
  204.  
  205.     // const JUST_REMOVE_AT_FOR_EXPANDED_LANG = true;
  206.  
  207.     const USE_RSS_FETCHER = true; // might 404
  208.     const USE_TIMEOUT_SIGNAL = false;
  209.     const USE_CHANNEL_META = true;
  210.     const CHANGE_FOR_SHORTS_CHANNEL_NAME = false;
  211.     const USE_LANG_SPECIFIC_NAME = true;
  212.     const UPDATE_PIN_NAME = true; // for USE_LANG_SPECIFIC_NAME
  213.     const FIX_RTL_ISSUE = true;
  214.  
  215.     const IGNORE_NO_NAME = false;
  216.  
  217.     /** @type {globalThis.PromiseConstructor} */
  218.     const Promise = (async () => { })().constructor; // YouTube hacks Promise in WaterFox Classic and "Promise.resolve(0)" nevers resolve.
  219.  
  220.     const { fetch, JSON, Request, AbortController, setTimeout, clearTimeout } = __CONTEXT__; // YouTube hacks Promise in WaterFox Classic and "Promise.resolve(0)" nevers resolve.
  221.  
  222.     const timeoutSignal = AbortController && USE_TIMEOUT_SIGNAL ? (timeout) => {
  223.         let controller = new AbortController();
  224.         const r = controller.signal;
  225.         let cid = setTimeout(() => {
  226.             if (cid >= 1) {
  227.                 cid = 0;
  228.                 controller && controller.abort();
  229.                 controller = null;
  230.             }
  231.         }, timeout);
  232.         r.clearTimeout = () => {
  233.             if (cid >= 1) {
  234.                 clearTimeout(cid);
  235.                 cid = 0;
  236.             }
  237.         }
  238.         return r;
  239.     } : () => { };
  240.  
  241.     const insp = o => o ? (o.polymerController || o.inst || o || 0) : (o || 0);
  242.  
  243.     const fxOperator = (proto, propertyName) => {
  244.         let propertyDescriptorGetter = null;
  245.         try {
  246.             propertyDescriptorGetter = Object.getOwnPropertyDescriptor(proto, propertyName).get;
  247.             // https://github.com/cyfung1031/userscript-supports/issues/9
  248.             // .parentNode becomes DocumentFragment
  249.             /**
  250.              *
  251.              * Issue Description: YtCustomElements - Custom DOM Operations overrided in FireFox
  252.              *
  253.              * e.g. ytd-comment-renderer#comment > div#body
  254.              *
  255.              * ${div#body}.parentNode = DocumentFragment <Node.parentNode>
  256.              * ${ytd-comment-renderer#comment}.firstElementChild <Element.firstElementChild>
  257.              *
  258.              * Cofirmed Affected: parentNode, firstChild, firstElementChild, lastChild, lastElementChild, querySelector, & querySelectorAll
  259.              *
  260.              * Alternative way: ytCustomElement.$.xxxxxxx
  261.              *
  262.              */
  263.         } catch (e) { }
  264.         return typeof propertyDescriptorGetter === 'function' ? (e) => propertyDescriptorGetter.call(e) : (e) => e[propertyName];
  265.     };
  266.  
  267.     const fxAPI = (proto, propertyName) => {
  268.         const methodFunc = proto[propertyName];
  269.         return typeof methodFunc === 'function' ? (e, ...args) => methodFunc.apply(e, args) : (e, ...args) => e[propertyName](...args);
  270.     };
  271.  
  272.     /** @type { (node: Node)=>Node | null } */
  273.     const nodeParent = fxOperator(Node.prototype, 'parentNode');
  274.     /** @type { (node: Node)=>Node | null } */
  275.     const nodeFirstChild = fxOperator(Node.prototype, 'firstChild');
  276.     /** @type { (node: Node)=>Node | null } */
  277.     const nodeNextSibling = fxOperator(Node.prototype, 'nextSibling');
  278.  
  279.     /** @type { (node: ParentNode, selector: string)=>Element | null } */
  280.     const elementQS = fxAPI(Element.prototype, 'querySelector');
  281.     /** @type { (node: ParentNode, selector: string)=>Element[] } */
  282.     const elementQSA = fxAPI(Element.prototype, 'querySelectorAll');
  283.  
  284.     /*
  285.  
  286.  
  287.     init
  288.  
  289.         initialdata
  290.         state-progress
  291.         state-responsereceived
  292.         player-autonav-pause
  293.         state-change
  294.         state-navigateend
  295.         player-initialized
  296.         renderer-module-load-start
  297.         video-data-change
  298.         player-state-change
  299.         updateui
  300.         renderer-module-load-end -> channel owner DOM available
  301.         player-autonav-pause
  302.         updateui
  303.         renderer-module-load-start
  304.         updateui
  305.         renderer-module-load-end
  306.  
  307.  
  308.         playing
  309.  
  310.         h5player.video-progress
  311.         h5player.video-progress
  312.         h5player.video-progress
  313.         h5player.video-progress
  314.         ...
  315.  
  316.  
  317.  
  318.  
  319.     navigate new video
  320.  
  321.         state-navigatestart
  322.         state-change => channel owener DOM vanished
  323.         state-progress
  324.         ...
  325.         h5player.player-state-change
  326.         h5player.video-data-change
  327.         h5player.player-state-change
  328.         h5player.muted-autoplay-change
  329.         h5player.volume-change
  330.         h5player.video-data-change
  331.         h5player.volume-change
  332.         ...
  333.  
  334.         state-progress
  335.         ...
  336.  
  337.         state-progress => channel owner DOM appear [just before state-responsereceived]
  338.         state-responsereceived
  339.  
  340.         video-data-change
  341.         state-change
  342.         state-navigateend
  343.  
  344.  
  345.  
  346.  
  347.     UX interaction
  348.  
  349.         user-activity
  350.         player-autonav-pause
  351.  
  352.  
  353.  
  354.  
  355.  
  356.     EventTarget.prototype.uhfsE = EventTarget.prototype.dispatchEvent
  357.  
  358.     EventTarget.prototype.dispatchEvent = function (ev) {
  359.         if (ev instanceof Event) {
  360.             if (ev.type === 'video-progress') { } else {
  361.                 console.log(ev.type, this, ev.target)
  362.                 if (ev.target === null) {
  363.                     console.log(ev.type, (document.querySelector('ytm-app') || 0).data)
  364.                     console.log(ev.type, (document.querySelector('ytm-slim-owner-renderer') || 0).textContent)
  365.                 }
  366.             }
  367.         }
  368.         return this.uhfsE.apply(this, arguments);
  369.     }
  370.  
  371.  
  372.  
  373. */
  374.  
  375.     const isMobile = location.hostname === 'm.youtube.com';
  376.  
  377.     if (!isMobile && typeof AbortSignal !== 'undefined') {
  378.         document.addEventListener('yt-action', () => {
  379.             try {
  380.                 yt.config_.EXPERIMENT_FLAGS.enable_profile_cards_on_comments = true;
  381.             } catch (e) { }
  382.         }, { capture: true, passive: true, once: true })
  383.     }
  384.  
  385.  
  386.     const delayPn = delay => new Promise((fn => setTimeout(fn, delay)));
  387.  
  388.     const { retrieveCE } = isMobile ? (() => {
  389.  
  390.         const retrieveCE = () => {
  391.             console.warn('retrieveCE is not supported');
  392.         }
  393.         return { retrieveCE };
  394.  
  395.     })() : (() => {
  396.  
  397.         const isCustomElementsProvided = typeof customElements !== "undefined" && typeof (customElements || 0).whenDefined === "function";
  398.  
  399.         const promiseForCustomYtElementsReady = isCustomElementsProvided ? Promise.resolve(0) : new Promise((callback) => {
  400.             const EVENT_KEY_ON_REGISTRY_READY = "ytI-ce-registry-created";
  401.             if (typeof customElements === 'undefined') {
  402.                 if (!('__CE_registry' in document)) {
  403.                     // https://github.com/webcomponents/polyfills/
  404.                     Object.defineProperty(document, '__CE_registry', {
  405.                         get() {
  406.                             // return undefined
  407.                         },
  408.                         set(nv) {
  409.                             if (typeof nv == 'object') {
  410.                                 delete this.__CE_registry;
  411.                                 this.__CE_registry = nv;
  412.                                 this.dispatchEvent(new CustomEvent(EVENT_KEY_ON_REGISTRY_READY));
  413.                             }
  414.                             return true;
  415.                         },
  416.                         enumerable: false,
  417.                         configurable: true
  418.                     })
  419.                 }
  420.                 let eventHandler = (evt) => {
  421.                     document.removeEventListener(EVENT_KEY_ON_REGISTRY_READY, eventHandler, false);
  422.                     const f = callback;
  423.                     callback = null;
  424.                     eventHandler = null;
  425.                     f();
  426.                 };
  427.                 document.addEventListener(EVENT_KEY_ON_REGISTRY_READY, eventHandler, false);
  428.             } else {
  429.                 callback();
  430.             }
  431.         });
  432.  
  433.         const retrieveCE = async (nodeName) => {
  434.             try {
  435.                 isCustomElementsProvided || (await promiseForCustomYtElementsReady);
  436.                 await customElements.whenDefined(nodeName);
  437.                 const dummy = document.querySelector(nodeName) || document.createElement(nodeName);
  438.                 const cProto = insp(dummy).constructor.prototype;
  439.                 return cProto;
  440.             } catch (e) {
  441.                 console.warn(e);
  442.             }
  443.         }
  444.  
  445.         return { retrieveCE };
  446.  
  447.     })();
  448.  
  449.     const cfg = {};
  450.     class Mutex {
  451.  
  452.         constructor() {
  453.             this.p = Promise.resolve()
  454.         }
  455.  
  456.         /**
  457.          *  @param {(lockResolve: () => void)} f
  458.          */
  459.         lockWith(f) {
  460.             this.p = this.p.then(() => new Promise(f).catch(console.warn))
  461.         }
  462.  
  463.     }
  464.  
  465.     class OrderedMutex extends Mutex {
  466.         constructor() {
  467.             super();
  468.             this.nextIndex = 0;
  469.             this.arr = [];
  470.             this.lockFunc = resolve => {
  471.                 if (this.arr.length >= 1) {
  472.                     let f = this.arr[0];
  473.                     if (typeof f === 'function') {
  474.                         this.arr.shift();
  475.                         if (this.nextIndex > 0) this.nextIndex--;
  476.                         f(resolve);
  477.                         return;
  478.                     } else {
  479.                         // reset if unknown error
  480.                         this.arr.length = 0;
  481.                         this.nextIndex = 0;
  482.                     }
  483.                 }
  484.                 resolve();
  485.             };
  486.         }
  487.         /**
  488.          *  @param {(lockResolve: () => void)} f
  489.          */
  490.         add(f) {
  491.             if (this.nextIndex === this.arr.length) {
  492.                 this.arr.push(f); this.nextIndex++;
  493.             } else {
  494.                 this.arr.splice(this.nextIndex++, 0, f);
  495.             }
  496.             this.lockWith(this.lockFunc);
  497.         }
  498.     }
  499.     // usage: run network request one by one
  500.     const mutex = new OrderedMutex();
  501.  
  502.     const createPipeline = () => {
  503.         let pipelineMutex = Promise.resolve();
  504.         const pipelineExecution = fn => {
  505.             return new Promise((resolve, reject) => {
  506.                 pipelineMutex = pipelineMutex.then(async () => {
  507.                     let res;
  508.                     try {
  509.                         res = await fn();
  510.                     } catch (e) {
  511.                         console.log('error_F1', e);
  512.                         reject(e);
  513.                     }
  514.                     resolve(res);
  515.                 }).catch(console.warn);
  516.             });
  517.         };
  518.         return pipelineExecution;
  519.     };
  520.  
  521.     /**
  522.      * @typedef { AsyncValue<T> | T} AsyncOrResolvedValue<T>
  523.      * @template T */
  524.  
  525.     /**
  526.      * usage: cache the network result per web application instance.
  527.      *  @type {Map<ChannelId, AsyncOrResolvedValue<DisplayNameResultObject>>} */
  528.     const displayNameResStore = new Map();
  529.  
  530.     /**
  531.      * usage: mapping the .dataChanged() to the wrapped function - only few entries as most are {ytd-comment-renderer}.dataChanged().
  532.      *  @type {WeakMap<Function, Function>} */
  533.     const dataChangedFuncStore = new WeakMap();
  534.  
  535.     /**
  536.      * usage: for \@Mention inside comments in YouTube Mobile that without hyperlinks for channelId.
  537.      *  @type {Map<HandleText, AsyncOrResolvedValue<ChannelId>>} */
  538.     const handleToChannelId = new Map();
  539.  
  540.     /**
  541.      * usage: in RSS fetching, no handle text will be obtained from the response. inject the handle into the response.
  542.      * @type {Map<ChannelId, ChannelIdToHandleResult>} */
  543.     const channelIdToHandle = new Map();
  544.  
  545.     /**
  546.      * usage: replace handle to lang-specific display name
  547.      * @type {Map<HandleText, DisplayName>} */
  548.     const langPreferredDisplayNameMap = new Map();
  549.  
  550.     /**
  551.      * AsyncValue
  552.      * @class
  553.      * @template T
  554.      */
  555.     class AsyncValue {
  556.         constructor() {
  557.             /** @type {T | null} */
  558.             this.__value__ = null;
  559.             /** @type {((value: any)=>void) | null} */
  560.             this.__resolve__ = null;
  561.             this.__promise__ = new Promise(resolve => {
  562.                 this.__resolve__ = resolve;
  563.             });
  564.         }
  565.         /**
  566.          *
  567.          * @param {T} value
  568.          */
  569.         setValue(value) {
  570.             const promise = this.__promise__;
  571.             if (promise === null) throw 'Value has already been set.';
  572.             this.__value__ = value;
  573.             this.__promise__ = null;
  574.             this.__resolve__ ? this.__resolve__() : Promise.resolve().then(() => this.__resolve__());
  575.         }
  576.         /**
  577.          *
  578.          * @returns {Promise<T>}
  579.          */
  580.         async getValue() {
  581.             const promise = this.__promise__;
  582.             if (promise === null) return this.__value__;
  583.             await promise; // promise become null
  584.             this.__promise__ = null; // just in case
  585.             this.__resolve__ = null;
  586.             return this.__value__;
  587.         }
  588.     }
  589.  
  590.     let isCSSAdded = false;
  591.     const addCSSRulesIfRequired = () => {
  592.         if (isCSSAdded) return;
  593.         isCSSAdded = true;
  594.         const style = document.createElement('style')
  595.         let nonce = document.querySelector('head style[nonce]');
  596.         nonce = nonce ? nonce.getAttribute('nonce') : null;
  597.  
  598.         /* #contenteditable-root.yt-formatted-string:lang(he) */ /* Hebrew (LTR, when mixed with LTR languages) */
  599.         /* #contenteditable-root.yt-formatted-string:lang(he) */ /* Hebrew (pure) */
  600.  
  601.         const cssText01_FIX_RTL_ISSUE = FIX_RTL_ISSUE ? `
  602.  
  603.             /* Left-to-Right (LTR) Languages */
  604.             #contenteditable-root.yt-formatted-string:lang(en) /* English */,
  605.             #contenteditable-root.yt-formatted-string:lang(es) /* Spanish */,
  606.             #contenteditable-root.yt-formatted-string:lang(fr) /* French */,
  607.             #contenteditable-root.yt-formatted-string:lang(de) /* German */,
  608.             #contenteditable-root.yt-formatted-string:lang(it) /* Italian */,
  609.             #contenteditable-root.yt-formatted-string:lang(pt) /* Portuguese */,
  610.             #contenteditable-root.yt-formatted-string:lang(ru) /* Russian */,
  611.             #contenteditable-root.yt-formatted-string:lang(zh) /* Chinese */,
  612.             #contenteditable-root.yt-formatted-string:lang(ja) /* Japanese */,
  613.             #contenteditable-root.yt-formatted-string:lang(ko) /* Korean */,
  614.             #contenteditable-root.yt-formatted-string:lang(nl) /* Dutch */,
  615.             #contenteditable-root.yt-formatted-string:lang(sv) /* Swedish */,
  616.             #contenteditable-root.yt-formatted-string:lang(fi) /* Finnish */,
  617.             #contenteditable-root.yt-formatted-string:lang(da) /* Danish */,
  618.             #contenteditable-root.yt-formatted-string:lang(no) /* Norwegian */,
  619.             #contenteditable-root.yt-formatted-string:lang(pl) /* Polish */,
  620.             #contenteditable-root.yt-formatted-string:lang(cs) /* Czech */,
  621.             #contenteditable-root.yt-formatted-string:lang(sk) /* Slovak */,
  622.             #contenteditable-root.yt-formatted-string:lang(hu) /* Hungarian */,
  623.             #contenteditable-root.yt-formatted-string:lang(tr) /* Turkish */,
  624.             #contenteditable-root.yt-formatted-string:lang(el) /* Greek */,
  625.             #contenteditable-root.yt-formatted-string:lang(id) /* Indonesian */,
  626.             #contenteditable-root.yt-formatted-string:lang(ms) /* Malay */,
  627.             #contenteditable-root.yt-formatted-string:lang(th) /* Thai */,
  628.             #contenteditable-root.yt-formatted-string:lang(vi) /* Vietnamese */
  629.             {
  630.                 direction: ltr;
  631.             }
  632.  
  633.             /* Right-to-Left (RTL) Languages */
  634.             #contenteditable-root.yt-formatted-string:lang(ar) /* Arabic */,
  635.             #contenteditable-root.yt-formatted-string:lang(fa) /* Persian */,
  636.             #contenteditable-root.yt-formatted-string:lang(ur) /* Urdu */,
  637.             #contenteditable-root.yt-formatted-string:lang(dv) /* Divehi */
  638.             {
  639.                 direction: rtl;
  640.             }
  641.  
  642.         ` : '';
  643.         style.textContent = `
  644.             ${cssText01_FIX_RTL_ISSUE}
  645.         `.trim();
  646.         if (nonce) style.setAttribute('nonce', nonce);
  647.         document.head.appendChild(style);
  648.     }
  649.  
  650.     /**
  651.      *
  652.      * @param {DisplayNameResultObject} resultInfo
  653.      * @param {string} channelId
  654.      */
  655.     const cacheHandleToChannel = (resultInfo, channelId) => {
  656.  
  657.         const { vanityChannelUrl, ownerUrls } = resultInfo;
  658.  
  659.         let handleText = urlToHandle(vanityChannelUrl || '');
  660.  
  661.         if (handleText) {
  662.             // match = true;
  663.         } else if ((ownerUrls || 0).length >= 1) {
  664.             for (const ownerUrl of ownerUrls) {
  665.                 handleText = urlToHandle(ownerUrl || '');
  666.  
  667.                 if (handleText) {
  668.                     //  match = true;
  669.                     break;
  670.                 }
  671.             }
  672.         }
  673.         if (handleText) {
  674.  
  675.             const asyncValue = handleToChannelId.get(handleText); // nothing if no pending promise
  676.             if (asyncValue instanceof AsyncValue) {
  677.                 asyncValue.setValue(channelId);
  678.             }
  679.             handleToChannelId.set(handleText, channelId);
  680.         }
  681.  
  682.  
  683.     }
  684.  
  685.     /**
  686.      *
  687.      * @param {string} channelId
  688.      * @param {Function} onDownloaded
  689.      * @param {Function} onResulted
  690.      * @param {Function} onError
  691.      */
  692.     const fetcherBrowseAPI = (channelId, onDownloaded, onResulted, onError) => {
  693.  
  694.         let signal = timeoutSignal(4000);
  695.  
  696.         const requestBody = {
  697.             "context": {
  698.                 "client": {
  699.                     "visitorData": "Cgs0aVg0VjFWM0U0USi0jvOkBg%3D%3D", // [optional] fake visitorData to avoid dynamic visitorData generated in response
  700.                     "clientName": "MWEB", // "WEB", "MWEB"
  701.                     "clientVersion": `${cfg.INNERTUBE_CLIENT_VERSION || '2.20230614.01.00'}`, // same as WEB version
  702.                     "originalUrl": `https://m.youtube.com/channel/${channelId}`,
  703.                     "playerType": "UNIPLAYER",
  704.                     "platform": "MOBILE", // "DESKTOP", "MOBILE", "TABLET"
  705.                     "clientFormFactor": "SMALL_FORM_FACTOR", // "LARGE_FORM_FACTOR", "SMALL_FORM_FACTOR"
  706.                     "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",
  707.                     "mainAppWebInfo": {
  708.                         "graftUrl": `/channel/${channelId}`,
  709.                         "webDisplayMode": "WEB_DISPLAY_MODE_BROWSER",
  710.                         "isWebNativeShareAvailable": true
  711.                     }
  712.                 },
  713.                 "user": {
  714.                     "lockedSafetyMode": false
  715.                 },
  716.                 "request": {
  717.                     "useSsl": true,
  718.                     "internalExperimentFlags": [],
  719.                     "consistencyTokenJars": []
  720.                 }
  721.             },
  722.             "browseId": `${channelId}`
  723.         };
  724.  
  725.         if (USE_LANG_SPECIFIC_NAME && cfg.HL && cfg.GL) {
  726.             Object.assign(requestBody.context.client, {
  727.                 "hl": cfg.HL,
  728.                 "gl": cfg.GL,
  729.             });
  730.         }
  731.  
  732.         fetch(new Request(`/youtubei/v1/browse?key=${cfg.INNERTUBE_API_KEY}&prettyPrint=false`, {
  733.             "method": "POST",
  734.             "mode": "same-origin",
  735.             "credentials": "omit",
  736.  
  737.             referrerPolicy: "no-referrer",
  738.             cache: "default", // no effect on POST request
  739.             // cache: "force-cache",
  740.             redirect: "error", // there shall be no redirection in this API request
  741.             integrity: "",
  742.             keepalive: false,
  743.             signal,
  744.  
  745.             "headers": {
  746.                 "Content-Type": "application/json", // content type of the body data in POST request
  747.                 "Accept-Encoding": "gzip, deflate, br", // YouTube Response - br
  748.                 // X-Youtube-Bootstrap-Logged-In: false,
  749.                 // X-Youtube-Client-Name: 1, // INNERTUBE_CONTEXT_CLIENT_NAME
  750.                 // X-Youtube-Client-Version: "2.20230622.06.00" // INNERTUBE_CONTEXT_CLIENT_VERSION
  751.  
  752.                 "Accept": "application/json",
  753.             },
  754.             "body": JSON.stringify(requestBody)
  755.         })).then(res => {
  756.             signal && signal.clearTimeout && signal.clearTimeout();
  757.             signal = null;
  758.             onDownloaded();
  759.             onDownloaded = null;
  760.             return res.json();
  761.         }).then(resJson => {
  762.             const resultInfo = ((resJson || 0).metadata || 0).channelMetadataRenderer;
  763.             const title = resultInfo ? resultInfo.title : null;
  764.             if (title || title === '') {
  765.  
  766.                 resultInfo.title = '';
  767.                 resultInfo.langTitle = title;
  768.  
  769.                 if (cfg.ownerProfileUrl && cfg.ownerChannelName && cfg.ownerChannelName !== title) {
  770.                     let matched = false;
  771.  
  772.                     const ownerProfileUrlLowerCase = cfg.ownerProfileUrl.toLowerCase();
  773.                     if (ownerProfileUrlLowerCase.endsWith(`/channel/${channelId.toLowerCase()}`)) matched = true;
  774.                     else {
  775.  
  776.                         for (const ownerUrl of resultInfo.ownerUrls) {
  777.                             if (ownerUrl.toLowerCase().endsWith(ownerProfileUrlLowerCase)) {
  778.                                 matched = true;
  779.                                 break;
  780.                             }
  781.                         }
  782.  
  783.                     }
  784.  
  785.                     if (matched) {
  786.                         resultInfo.title = cfg.ownerChannelName;
  787.                     }
  788.                 }
  789.  
  790.             }
  791.  
  792.             onResulted(resultInfo);
  793.             onResulted = null;
  794.         }).catch(onError);
  795.  
  796.     };
  797.  
  798.     /**
  799.      *
  800.      * @param {string} channelId
  801.      * @param {Function} onDownloaded
  802.      * @param {Function} onResulted
  803.      * @param {Function} onError
  804.      */
  805.     let fetchRSSFailed = false;
  806.     const fetcherRSS = location.origin !== 'https://www.youtube.com' ? null : (channelId, onDownloaded, onResulted, onError) => {
  807.  
  808.         let signal = timeoutSignal(4000);
  809.         fetch(`https://www.youtube.com/feeds/videos.xml?channel_id=${channelId}`, {
  810.             // YouTube RSS Response - public, max-age=900
  811.  
  812.             "method": "GET",
  813.             "mode": "same-origin",
  814.             "credentials": "omit",
  815.  
  816.             referrerPolicy: "no-referrer",
  817.             cache: "default",
  818.             // cache: "no-cache",
  819.             redirect: "error", // there shall be no redirection in this API request
  820.             integrity: "",
  821.             keepalive: false,
  822.             signal,
  823.  
  824.             "headers": {
  825.                 "Cache-Control": "public, max-age=900, stale-while-revalidate=1800",
  826.                 // refer "Cache-Control Use Case Examples" in https://www.koyeb.com/blog/using-cache-control-and-cdns-to-improve-performance-and-reduce-latency
  827.                 // seems YouTube RSS Feeds server insists its own Cache-Control.
  828.  
  829.                 // "Content-Type": "text/xml; charset=UTF-8",
  830.                 "Accept-Encoding": "gzip, deflate, br", // YouTube Response - gzip
  831.                 // X-Youtube-Bootstrap-Logged-In: false,
  832.                 // X-Youtube-Client-Name: 1, // INNERTUBE_CONTEXT_CLIENT_NAME
  833.                 // X-Youtube-Client-Version: "2.20230622.06.00" // INNERTUBE_CONTEXT_CLIENT_VERSION
  834.  
  835.                 "Accept": "text/xml",
  836.             }
  837.         }).then(res => {
  838.  
  839.             signal && signal.clearTimeout && signal.clearTimeout();
  840.             signal = null;
  841.  
  842.             if (res.ok === true && res.redirected === false && res.status === 200 && res.type === "basic") {
  843.  
  844.                 onDownloaded();
  845.                 onDownloaded = null;
  846.                 return res.text();
  847.  
  848.             }
  849.             return null;
  850.  
  851.         }).then(resText => {
  852.             if (resText && typeof resText === 'string' && resText.includes('<feed') && !resText.includes('<!DOCTYPE')) {
  853.  
  854.             } else {
  855.                 if (onDownloaded) {
  856.  
  857.                     onDownloaded();
  858.                     onDownloaded = null;
  859.                 }
  860.                 onResulted(-1);
  861.                 return;
  862.  
  863.             }
  864.  
  865.  
  866.             // console.log(124,  , resText)
  867.             let eIdx = resText.indexOf('<entry>');
  868.             let mText = (eIdx > 0) ? `${resText.substring(0, eIdx).trim()}</feed>` : resText;
  869.  
  870.             // simple: https://www.youtube.com/feeds/videos.xml?channel_id=UC-MUu72gixoYlhV5_mWa36g
  871.             // standard: https://www.youtube.com/feeds/videos.xml?channel_id=UCGSfK5HeiIhuFfXoKE47TzA
  872.             // long: https://www.youtube.com/feeds/videos.xml?channel_id=UC8cSGjKxDuh2mWG1hDOTdBg
  873.             // special: http://www.youtube.com/feeds/videos.xml?channel_id=UCmZ2-GUxmdWFKfXA5IN0x-w
  874.  
  875.  
  876.             let name, uri, mt;
  877.  
  878.             // ===============================================================
  879.  
  880.             /* removed in 2023.06.30 */
  881.  
  882.  
  883.             // ===============================================================
  884.  
  885.  
  886.             const wIdx1 = mText.indexOf('<author>');
  887.             const wIdx2 = wIdx1 > 0 ? mText.indexOf('</author>', wIdx1 + 8) : -1;
  888.  
  889.             if (wIdx1 > 0 && wIdx2 > 0) {
  890.                 let qText = mText.substring(wIdx1, wIdx2 + '</author>'.length);
  891.                 const template = document.createElement('template');
  892.                 template.innerHTML = createHTML(qText);
  893.                 /** @type {HTMLElement | null} */
  894.                 let authorChild = ((template.content || 0).firstElementChild || 0).firstElementChild;
  895.                 for (; authorChild !== null; authorChild = authorChild.nextElementSibling) {
  896.                     const nodeName = authorChild.nodeName;
  897.                     if (nodeName === 'NAME') name = authorChild.textContent;
  898.                     else if (nodeName === 'URI') {
  899.                         uri = authorChild.textContent;
  900.                         mt = obtainChannelId(uri);
  901.                     }
  902.                 }
  903.                 template.innerHTML = createHTML('');
  904.             }
  905.  
  906.             if (!name && !uri) {
  907.  
  908.                 // fallback
  909.  
  910.                 const parser = new DOMParser();
  911.                 const xmlDoc = parser.parseFromString(mText, "text/xml");
  912.  
  913.                 // const author = xmlDoc.querySelector("author");
  914.  
  915.                 // https://extendsclass.com/xpath-tester.html
  916.  
  917.                 const authorChilds = xmlDoc.evaluate("//*[name()='author']/*", xmlDoc, null, XPathResult.ORDERED_NODE_ITERATOR_TYPE, null);
  918.  
  919.                 let authorChild;
  920.                 while ((authorChild = authorChilds.iterateNext()) !== null) {
  921.                     if (authorChild.nodeName === 'name') name = authorChild.textContent;
  922.                     else if (authorChild.nodeName === 'uri') {
  923.                         uri = authorChild.textContent;
  924.                         mt = obtainChannelId(uri);
  925.                     }
  926.                 }
  927.  
  928.                 try {
  929.                     xmlDoc.firstChild.remove();
  930.                 } catch (e) { }
  931.  
  932.             }
  933.  
  934.  
  935.  
  936.  
  937.             let res = null;
  938.  
  939.             if ((name || name === '') && uri && mt && mt === channelId) {
  940.  
  941.  
  942.                 const handleObj = channelIdToHandle.get(mt);
  943.  
  944.                 if (handleObj) {
  945.  
  946.                     const handleText = handleObj.handleText;
  947.  
  948.                     if (handleText === name) channelIdToHandle.delete(mt);
  949.                     else {
  950.                         handleObj.justPossible = false; // ignore @handle checking
  951.  
  952.                         res = {
  953.                             "title": name,
  954.                             "externalId": mt,
  955.                             "ownerUrls": [
  956.                                 `http://www.youtube.com/${handleText}`
  957.                             ],
  958.                             "channelUrl": uri,
  959.                             "vanityChannelUrl": `http://www.youtube.com/${handleText}`
  960.                         };
  961.  
  962.                         if (USE_LANG_SPECIFIC_NAME) {
  963.                             const langPreferredDisplayName = langPreferredDisplayNameMap.get(handleText);
  964.                             if (langPreferredDisplayName && name !== langPreferredDisplayName) res.langTitle = langPreferredDisplayName;
  965.                         }
  966.  
  967.                     }
  968.                 }
  969.             }
  970.  
  971.             onResulted(res);
  972.             onResulted = null;
  973.  
  974.             // let resultInfo = ((res || 0).metadata || 0).channelMetadataRenderer;
  975.             // onResulted(resultInfo);
  976.         }).catch(onError);
  977.  
  978.  
  979.  
  980.     }
  981.  
  982.     sessionStorage.setItem('js-yt-usernames', '');
  983.     let isFirstStackNewRequestSuccess = true;
  984.     /**
  985.      *
  986.      * @param {string} channelId
  987.      */
  988.     function stackNewRequest(channelId) {
  989.  
  990.         mutex.add(lockResolve => {
  991.  
  992.             let bResult = displayNameResStore.get(channelId);
  993.             if (!(bResult instanceof AsyncValue)) {
  994.                 // resolved or removed
  995.                 lockResolve(); lockResolve = null;
  996.                 return;
  997.             }
  998.  
  999.             let setResult = (result) => {
  1000.                 setResult = null;
  1001.                 if (!result) {
  1002.                     bResult.fetchingState = 0;
  1003.                     bResult.setValue(null);
  1004.                     displayNameResStore.delete(channelId); // create another network response in the next request
  1005.                 } else {
  1006.                     bResult.fetchingState = 4;
  1007.                     bResult.setValue(result);
  1008.                     displayNameResStore.set(channelId, result); // update store result to resolved value
  1009.                 }
  1010.                 bResult = null;
  1011.             }
  1012.  
  1013.             if (bResult.fetchingState >= 2) { // fetchingState == 3 or 4
  1014.                 // request is already done. no need to stack any request
  1015.                 lockResolve(); lockResolve = null;
  1016.                 return;
  1017.             }
  1018.  
  1019.             if (!document.querySelector(`[jkrgy="${channelId}"]`) && !skipElementCheck.has(channelId)) {
  1020.                 // element has already been removed
  1021.                 lockResolve(); lockResolve = null;
  1022.                 setResult(null);
  1023.                 return;
  1024.             }
  1025.  
  1026.             //INNERTUBE_API_KEY = ytcfg.data_.INNERTUBE_API_KEY
  1027.  
  1028.             bResult.fetchingState = 2;
  1029.  
  1030.  
  1031.             const retry = () => {
  1032.  
  1033.                 fetchRSSFailed = true;
  1034.  
  1035.                 bResult.fetchingState = 2;
  1036.  
  1037.                 // Promise.resolve(channelId).then(stackNewRequest);
  1038.                 fetcherBrowseAPI(channelId, mobj.fetchOnDownload, mobj.fetchOnSuccess, mobj.fetchOnFail);
  1039.             }
  1040.  
  1041.             const mobj = {
  1042.                 fetchOnDownload: () => {
  1043.                     bResult.fetchingState = 3;
  1044.                 },
  1045.                 fetchOnSuccess: resultInfo => {
  1046.  
  1047.                     if (resultInfo === -1) {
  1048.                         retry();
  1049.                         return;
  1050.                     }
  1051.  
  1052.                     lockResolve && lockResolve();
  1053.                     lockResolve = null;
  1054.                     // console.log(900)
  1055.  
  1056.                     if (!resultInfo) {
  1057.                         // invalid json format
  1058.                         setResult(null);
  1059.                         return;
  1060.                     }
  1061.  
  1062.                     const titleForDisplay = resultInfo.langTitle || resultInfo.title;
  1063.                     const handleObj = channelIdToHandle.get(channelId);
  1064.                     const handleId = handleObj ? handleObj.handleText : '';
  1065.                     if (IGNORE_NO_NAME && !titleForDisplay) {
  1066.                         if (handleId) {
  1067.                             resultInfo.langTitle = resultInfo.title = handleObj.handleText;
  1068.                         } else {
  1069.                             setResult(null);
  1070.                             return;
  1071.                         }
  1072.                     }
  1073.  
  1074.                     cacheHandleToChannel(resultInfo, channelId);
  1075.  
  1076.                     const { title, langTitle, externalId, ownerUrls, channelUrl, vanityChannelUrl } = resultInfo;
  1077.  
  1078.                     const displayNameRes = { title, langTitle, externalId, ownerUrls, channelUrl, vanityChannelUrl, verified123: false };
  1079.  
  1080.                     if (handleId) {
  1081.                         if (isFirstStackNewRequestSuccess) {
  1082.                             isFirstStackNewRequestSuccess = false;
  1083.                             sessionStorage.setItem('js-yt-usernames', `${handleId}\t${titleForDisplay}`);
  1084.                         } else {
  1085.                             let current = sessionStorage.getItem('js-yt-usernames') || '';
  1086.                             if (current.length > 900000) {
  1087.                                 const na = current.split('\n');
  1088.                                 const n3 = Math.floor(na.length / 3);
  1089.                                 if (n3 > 2) {
  1090.                                     const newText = na.slice(0, n3).concat(na.slice(na.length - n3)).join('\n');
  1091.                                     if (newText.length < 720000) {
  1092.                                         current = newText;
  1093.                                     }
  1094.                                 }
  1095.                             }
  1096.                             sessionStorage.setItem('js-yt-usernames', `${current}\n${handleId}\t${titleForDisplay}`);
  1097.                         }
  1098.                     }
  1099.  
  1100.                     setResult(displayNameRes);
  1101.                 },
  1102.                 fetchOnFail: e => {
  1103.  
  1104.  
  1105.                     console.warn(e);
  1106.                     if (mobj.fetcher === fetcherRSS) {
  1107.                         retry();
  1108.  
  1109.                     } else {
  1110.  
  1111.                         lockResolve && lockResolve();
  1112.                         lockResolve = null;
  1113.                         // console.warn(e);
  1114.                         setResult && setResult(null);
  1115.                     }
  1116.                 }
  1117.             }
  1118.  
  1119.  
  1120.             // note: when setResult(null), the fetch will be requested again if the same username appears. (multiple occurrences)
  1121.             // consider the network problem might be fixed in the 2nd attempt, the name will be changed in the 2nd attempt but ignore 1st attempt.
  1122.             mobj.fetcher = USE_RSS_FETCHER && fetcherRSS && !fetchRSSFailed && channelIdToHandle.has(channelId) ? fetcherRSS : fetcherBrowseAPI;
  1123.             mobj.fetcher(channelId, mobj.fetchOnDownload, mobj.fetchOnSuccess, mobj.fetchOnFail);
  1124.  
  1125.         });
  1126.  
  1127.     }
  1128.  
  1129.     /**
  1130.      *
  1131.      * @param {string} url Example: _www\.youtube\.com/\@yr__kd_
  1132.      * @returns Example: _\@yr__kd_
  1133.      */
  1134.     function urlToHandle(url) {
  1135.  
  1136.         if (typeof url !== 'string') return '';
  1137.         let i = url.indexOf('.youtube.com/');
  1138.         if (i >= 1) url = url.substring(i + '.youtube.com/'.length);
  1139.         else if (url.charAt(0) === '/') url = url.substring(1);
  1140.         return isDisplayAsHandle(url) ? url : '';
  1141.  
  1142.     }
  1143.  
  1144.     const skipElementCheck = new Set(); // username in reply quote (editable)
  1145.  
  1146.     /**
  1147.      *
  1148.      * @param {string} channelId Example: UC0gmRdmpDWJ4dt7DAeRaawA
  1149.      * @returns {Promise<DisplayNameResultObject | null>}
  1150.      */
  1151.     async function getDisplayName(channelId) {
  1152.  
  1153.         let cache = displayNameResStore.get(channelId);
  1154.         let isStackNewRequest = false;
  1155.  
  1156.         /** @type {AsyncValue<DisplayNameResultObject> | null | undefined} */
  1157.         let aResult;
  1158.  
  1159.         if (cache instanceof AsyncValue) {
  1160.             aResult = cache;
  1161.             if (aResult.fetchingState >= 2) {
  1162.                 // aResult.fetchingState
  1163.                 // 2: network fetch started
  1164.                 // 3: network fetch ended
  1165.                 // isStackNewRequest = false;
  1166.             } else {
  1167.                 // 0: invalid before
  1168.                 // 1: scheduled but not yet fetch
  1169.                 isStackNewRequest = true;
  1170.             }
  1171.         } else if (cache) {
  1172.             // resolved result
  1173.             return cache;
  1174.         } else {
  1175.             // else no cached value found
  1176.             /** @type {AsyncValue<DisplayNameResultObject>} */
  1177.             aResult = new AsyncValue();
  1178.             displayNameResStore.set(channelId, aResult);
  1179.             isStackNewRequest = true;
  1180.         }
  1181.  
  1182.         if (isStackNewRequest) {
  1183.             aResult.fetchingState = 1;
  1184.             stackNewRequest(channelId);
  1185.         }
  1186.         const result = await aResult.getValue();
  1187.         return result;
  1188.     }
  1189.  
  1190.  
  1191.     /**
  1192.      *
  1193.      * @param {string} href Example: https\:\/\/www\.youtube\.com/channel/UC0gmRdmpDWJ4dt7DAeRaawA
  1194.      * @returns
  1195.      * * Outdated?
  1196.      */
  1197.     const obtainChannelId = (href) => {
  1198.         const s = `/${href}`;
  1199.         if (s.length >= 33) {
  1200.             const m = /\/channel\/(UC[-_a-zA-Z0-9+=.]{22})(\/|$)/.exec(s);
  1201.             return !m ? '' : (m[1] || '');
  1202.         }
  1203.         return '';
  1204.     };
  1205.  
  1206.     const isUCBrowserId = (browseId) => {
  1207.         return typeof browseId === 'string' && browseId.length === 24 && browseId.startsWith('UC') && /^UC[-_a-zA-Z0-9+=.]{22}$/.test(browseId);
  1208.     }
  1209.  
  1210.     const browseEndpointBaseUrlType = (browseEndpoint, displayText) => {
  1211.         if (isDisplayAsHandle(displayText) && isUCBrowserId(browseEndpoint.browseId) && typeof browseEndpoint.canonicalBaseUrl === 'string') {
  1212.             if (`/${displayText}` === browseEndpoint.canonicalBaseUrl) return 1 | 2;
  1213.             if (`/channel/${browseEndpoint.browseId}` === browseEndpoint.canonicalBaseUrl) return 1 | 4;
  1214.             if (browseEndpoint.canonicalBaseUrl.includes(`/${browseEndpoint.browseId}`)) return 1 | 8;
  1215.             return 1;
  1216.         }
  1217.         return 0;
  1218.     }
  1219.  
  1220.     /**
  1221.      *
  1222.      * @param {Element} ytElm
  1223.      */
  1224.     const resetWhenDataChanged = (ths) => {
  1225.         const cnt = insp(ths);
  1226.         const ytElm = cnt.hostElement instanceof Element ? cnt.hostElement : cnt instanceof Element ? cnt : ths;
  1227.         if (ytElm instanceof Element) {
  1228.             const anchors = elementQSA(ytElm, 'a[id][href][jkrgy]');
  1229.             // const anchors = elementQSA(ytElm, 'a[id][href*="channel/"][jkrgy]');
  1230.             if ((anchors || 0).length >= 1 && (insp(ytElm).data || 0).jkrgx !== 1) {
  1231.                 for (const anchor of anchors) {
  1232.                     anchor.removeAttribute('jkrgy');
  1233.                 }
  1234.             }
  1235.         }
  1236.     }
  1237.  
  1238.     /**
  1239.      *
  1240.      * @param {Element} ytElm
  1241.      */
  1242.     const resetWhenPropChanged = (ths) => {
  1243.         const cnt = insp(ths);
  1244.         const ytElm = cnt.hostElement instanceof Element ? cnt.hostElement : cnt instanceof Element ? cnt : ths;
  1245.         if (ytElm instanceof Element) {
  1246.             const anchors = elementQSA(ytElm, 'a[id][href][jkrgy]');
  1247.             // const anchors = elementQSA(ytElm, 'a[id][href*="channel/"][jkrgy]');
  1248.             if ((anchors || 0).length >= 1 && ((insp(ytElm).commentEntity || 0).author || 0).jkrgx !== 1) {
  1249.                 for (const anchor of anchors) {
  1250.                     anchor.removeAttribute('jkrgy');
  1251.                 }
  1252.             }
  1253.         }
  1254.     }
  1255.  
  1256.     /**
  1257.      *
  1258.      * @param {HTMLAnchorElement} anchor Example: https\:\/\/www\.youtube\.com/channel/UCRmLncxsQFcOOC8OhzUIfxQ/videos
  1259.      * @param {string} hrefAttribute Example: /channel/UCRmLncxsQFcOOC8OhzUIfxQ (old)   2024 Feb -> /@user-abc1234
  1260.      * @param {string} channelId Example: UCRmLncxsQFcOOC8OhzUIfxQ
  1261.      * @returns
  1262.      */
  1263.     const anchorIntegrityCheck = (anchor, hrefAttribute) => {
  1264.  
  1265.         let currentHref = anchor.getAttribute('href');
  1266.         if (currentHref === hrefAttribute) return true; // /channel/UCRmLncxsQFcOOC8OhzUIfxQ // /channel/UCRmLncxsQFcOOC8OhzUIfxQ
  1267.  
  1268.         return (currentHref + '/').indexOf(hrefAttribute + '/') >= 0;
  1269.  
  1270.     };
  1271.  
  1272.     /**
  1273.      *
  1274.      * @param {string} currentDisplayed
  1275.      * @param {DisplayNameResultObject} fetchResult
  1276.      * @returns
  1277.      */
  1278.  
  1279.     const urlTestTwice = (m, a, b) => {
  1280.         return m.endsWith(a) || (a === b ? false : m.endsWith(b));
  1281.     };
  1282.     
  1283.     const verifyAndConvertHandle = (currentDisplayed, fetchResult) => {
  1284.  
  1285.         const { title, langTitle, externalId, ownerUrls, channelUrl, vanityChannelUrl, verified123 } = fetchResult;
  1286.  
  1287.         const currentDisplayTrimmed = currentDisplayed.trim(); // @IORIMATSUNAGA
  1288.         const currentDisplayTrimmedLowerCase = currentDisplayTrimmed.toLowerCase(); // @iorimatsunaga
  1289.         const currentDisplayTrimmedLowerCaseForURL = encodeURI(currentDisplayTrimmedLowerCase);
  1290.         let match = false;
  1291.         if (verified123) {
  1292.             match = true;
  1293.         } else if (urlTestTwice((vanityChannelUrl || '').toLowerCase(), `/${currentDisplayTrimmedLowerCaseForURL}`, `/${currentDisplayTrimmedLowerCase}`)) {
  1294.             match = true;
  1295.         } else if ((ownerUrls || 0).length >= 1) {
  1296.             for (const ownerUrl of ownerUrls) {
  1297.                 if (urlTestTwice((ownerUrl || '').toLowerCase(), `/${currentDisplayTrimmedLowerCaseForURL}`, `/${currentDisplayTrimmedLowerCase}`)) {
  1298.                     match = true;
  1299.                     break;
  1300.                 }
  1301.             }
  1302.         }
  1303.         if (match) {
  1304.             return currentDisplayTrimmed;
  1305.         }
  1306.         return '';
  1307.  
  1308.     };
  1309.  
  1310.     /**
  1311.      *
  1312.      *
  1313.  
  1314.         ### [Handle naming guidelines](https://support.google.com/youtube/answer/11585688?hl=en&co=GENIE.Platform%3DAndroid)
  1315.  
  1316.         - Is between 3-30 characters
  1317.         - Is made up of alphanumeric characters (A–Z, a–z, 0–9)
  1318.         - Your handle can also include: underscores (_), hyphens (-), dots (.)
  1319.         - Is not URL-like or phone number-like
  1320.         - Is not already being used
  1321.         - Follows YouTube's Community Guidelines
  1322.  
  1323.         ### Handle automatically generated by YouTube
  1324.         - `@user-XXXX`
  1325.         - without dot (.)
  1326.  
  1327.  
  1328.         ## Intl. Language Support
  1329.         #### Since May~June 2024
  1330.  
  1331.         - Before: Is made up of alphanumeric characters (A–Z, a–z, 0–9)
  1332.  
  1333.         - After: Uses alphabet letters or numbers from one of our 75 supported languages
  1334.             - Your handle can also include: underscores (_), hyphens (-), periods (.), Latin middle dots (·).
  1335.             - Mixed scripts are only allowed in certain circumstances.
  1336.             - Left-to-right scripts cannot be mixed with right-to-left scripts in a single handle except when numbers are added to the end of the handle.
  1337.  
  1338.  
  1339.  
  1340.  
  1341.      *
  1342.      * @param {string} text
  1343.      * @returns
  1344.      */
  1345.     const isDisplayAsHandle = (text) => {
  1346.         if (typeof text !== 'string') return false;
  1347.         const n = text.length;
  1348.         if (n <= NUM_CHANNEL_ID_MIN_LEN_old1) {
  1349.             if (n < NUM_CHANNEL_ID_MIN_LEN_1) return false; // @
  1350.             // @巡空 -> <1, 2>
  1351.             // @abc -> <4, 0>
  1352.             const textFullL = text.replace(/[\u20-\uFF]+/g, '').length;
  1353.             const textHalfL = n - textFullL;
  1354.             if (textHalfL < 1) return false;
  1355.             if (textFullL === 0 && textHalfL < 4) return false;
  1356.         }
  1357.         if (text.indexOf('@') < 0) return false;
  1358.         return exactHandleText(text.trim(), true);
  1359.     };
  1360.  
  1361.     const isValidMinSlashHandle = (text) => {
  1362.         return text && typeof text === 'string' && text.length >= NUM_CHANNEL_ID_MIN_LEN_2 && text.startsWith('/@');
  1363.     }
  1364.  
  1365.  
  1366.     const languageMapR0 = [];
  1367.  
  1368.     const languageMap = [
  1369.         { range: [0x0041, 0x005A], langs: ['English', 'Afrikaans', 'Albanian', 'Bosnian', 'Catalan', 'Croatian', 'Czech', 'Danish', 'Dutch', 'Estonian', 'Filipino', 'Finnish', 'French', 'Galician', 'German', 'Hungarian', 'Icelandic', 'Indonesian', 'Italian', 'Latvian', 'Lithuanian', 'Macedonian', 'Malay', 'Norwegian', 'Polish', 'Portuguese', 'Romanian', 'Slovak', 'Slovenian', 'Spanish', 'Swedish', 'Swahili', 'Turkish', 'Zulu'] },  // Basic Latin (A-Z)
  1370.         { range: [0x0061, 0x007A], langs: ['English', 'Afrikaans', 'Albanian', 'Bosnian', 'Catalan', 'Croatian', 'Czech', 'Danish', 'Dutch', 'Estonian', 'Filipino', 'Finnish', 'French', 'Galician', 'German', 'Hungarian', 'Icelandic', 'Indonesian', 'Italian', 'Latvian', 'Lithuanian', 'Macedonian', 'Malay', 'Norwegian', 'Polish', 'Portuguese', 'Romanian', 'Slovak', 'Slovenian', 'Spanish', 'Swedish', 'Swahili', 'Turkish', 'Zulu'] },  // Basic Latin (a-z)
  1371.         { range: [0x00C0, 0x00FF], langs: ['French', 'Portuguese', 'Spanish', 'Afrikaans'] },  // Latin-1 Supplement
  1372.         { range: [0x0100, 0x017F], langs: ['Latvian', 'Lithuanian', 'Polish', 'Czech', 'Slovak', 'Slovenian', 'Croatian', 'Bosnian', 'Serbian', 'Montenegrin'] },  // Latin Extended-A
  1373.         { range: [0x0180, 0x024F], langs: ['African languages', 'Esperanto'] },  // Latin Extended-B
  1374.         { range: [0x0370, 0x03FF], langs: ['Greek'] },  // Greek and Coptic
  1375.         { range: [0x0400, 0x04FF], langs: ['Russian', 'Ukrainian', 'Bulgarian', 'Serbian', 'Macedonian', 'Belarusian', 'Kazakh', 'Kyrgyz', 'Uzbek'] },  // Cyrillic
  1376.         { range: [0x0500, 0x052F], langs: ['Kazakh', 'Kyrgyz', 'Uzbek'] },  // Cyrillic Supplement
  1377.         { range: [0x0530, 0x058F], langs: ['Armenian'] },  // Armenian
  1378.         { range: [0x0590, 0x05FF], langs: ['Hebrew'] },  // Hebrew
  1379.         { range: [0x0600, 0x06FF], langs: ['Arabic', 'Persian', 'Urdu'] },  // Arabic
  1380.         { range: [0x0700, 0x074F], langs: ['Syriac'] },  // Syriac
  1381.         { range: [0x0750, 0x077F], langs: ['Arabic Supplement'] },  // Arabic Supplement
  1382.         { range: [0x0780, 0x07BF], langs: ['Thaana'] },  // Thaana
  1383.         { range: [0x0900, 0x097F], langs: ['Hindi', 'Marathi', 'Sanskrit', 'Nepali'] },  // Devanagari
  1384.         { range: [0x0980, 0x09FF], langs: ['Bengali', 'Assamese'] },  // Bengali
  1385.         { range: [0x0A00, 0x0A7F], langs: ['Punjabi'] },  // Gurmukhi
  1386.         { range: [0x0A80, 0x0AFF], langs: ['Gujarati'] },  // Gujarati
  1387.         { range: [0x0B00, 0x0B7F], langs: ['Odia'] },  // Oriya
  1388.         { range: [0x0B80, 0x0BFF], langs: ['Tamil'] },  // Tamil
  1389.         { range: [0x0C00, 0x0C7F], langs: ['Telugu'] },  // Telugu
  1390.         { range: [0x0C80, 0x0CFF], langs: ['Kannada'] },  // Kannada
  1391.         { range: [0x0D00, 0x0D7F], langs: ['Malayalam'] },  // Malayalam
  1392.         { range: [0x0D80, 0x0DFF], langs: ['Sinhala'] },  // Sinhala
  1393.         { range: [0x0E00, 0x0E7F], langs: ['Thai'] },  // Thai
  1394.         { range: [0x0E80, 0x0EFF], langs: ['Lao'] },  // Lao
  1395.         { range: [0x0F00, 0x0FFF], langs: ['Tibetan'] },  // Tibetan
  1396.         { range: [0x1000, 0x109F], langs: ['Burmese'] },  // Myanmar
  1397.         { range: [0x10A0, 0x10FF], langs: ['Georgian'] },  // Georgian
  1398.         { range: [0x1100, 0x11FF], langs: ['Korean'] },  // Hangul Jamo
  1399.         { range: [0x1200, 0x137F], langs: ['Amharic', 'Tigrinya', 'Geez'] },  // Ethiopic
  1400.         { range: [0x13A0, 0x13FF], langs: ['Cherokee'] },  // Cherokee
  1401.         { range: [0x1400, 0x167F], langs: ['Canadian Aboriginal'] },  // Unified Canadian Aboriginal Syllabics
  1402.         { range: [0x1680, 0x169F], langs: ['Ogham'] },  // Ogham
  1403.         { range: [0x16A0, 0x16FF], langs: ['Runic'] },  // Runic
  1404.         { range: [0x1700, 0x171F], langs: ['Tagalog'] },  // Tagalog
  1405.         { range: [0x1720, 0x173F], langs: ['Hanunoo'] },  // Hanunoo
  1406.         { range: [0x1740, 0x175F], langs: ['Buhid'] },  // Buhid
  1407.         { range: [0x1760, 0x177F], langs: ['Tagbanwa'] },  // Tagbanwa
  1408.         { range: [0x1780, 0x17FF], langs: ['Khmer'] },  // Khmer
  1409.         { range: [0x1800, 0x18AF], langs: ['Mongolian'] },  // Mongolian
  1410.         { range: [0x1E00, 0x1EFF], langs: ['Latin Extended Additional'] },  // Latin Extended Additional
  1411.         { range: [0x1F00, 0x1FFF], langs: ['Greek Extended'] },  // Greek Extended
  1412.         { range: [0x2000, 0x206F], langs: ['General Punctuation'] },  // General Punctuation
  1413.         { range: [0x2070, 0x209F], langs: ['Superscripts and Subscripts'] },  // Superscripts and Subscripts
  1414.         { range: [0x20A0, 0x20CF], langs: ['Currency Symbols'] },  // Currency Symbols
  1415.         { range: [0x2100, 0x214F], langs: ['Letterlike Symbols'] },  // Letterlike Symbols
  1416.         { range: [0x2150, 0x218F], langs: ['Number Forms'] },  // Number Forms
  1417.         { range: [0x2190, 0x21FF], langs: ['Arrows'] },  // Arrows
  1418.         { range: [0x2200, 0x22FF], langs: ['Mathematical Operators'] },  // Mathematical Operators
  1419.         { range: [0x2300, 0x23FF], langs: ['Miscellaneous Technical'] },  // Miscellaneous Technical
  1420.         { range: [0x2400, 0x243F], langs: ['Control Pictures'] },  // Control Pictures
  1421.         { range: [0x2440, 0x245F], langs: ['Optical Character Recognition'] },  // Optical Character Recognition
  1422.         { range: [0x2460, 0x24FF], langs: ['Enclosed Alphanumerics'] },  // Enclosed Alphanumerics
  1423.         { range: [0x2500, 0x257F], langs: ['Box Drawing'] },  // Box Drawing
  1424.         { range: [0x2580, 0x259F], langs: ['Block Elements'] },  // Block Elements
  1425.         { range: [0x25A0, 0x25FF], langs: ['Geometric Shapes'] },  // Geometric Shapes
  1426.         { range: [0x2600, 0x26FF], langs: ['Miscellaneous Symbols'] },  // Miscellaneous Symbols
  1427.         { range: [0x2700, 0x27BF], langs: ['Dingbats'] },  // Dingbats
  1428.  
  1429.         { range: [0x3000, 0x303F], langs: ['Chinese (Simplified)', 'Chinese (Traditional)', 'Japanese', 'Korean'] },
  1430.  
  1431.         // { range: [0x3000, 0x303F], langs: ['CJK Symbols and Punctuation'] },  // CJK Symbols and Punctuation
  1432.         { range: [0x3040, 0x309F], langs: ['Japanese'] },  // Hiragana
  1433.         { range: [0x30A0, 0x30FF], langs: ['Japanese'] },  // Katakana
  1434.         { range: [0x3100, 0x312F], langs: ['Bopomofo'] },  // Bopomofo
  1435.         { range: [0x3130, 0x318F], langs: ['Korean'] },  // Hangul Compatibility Jamo
  1436.         { range: [0x3190, 0x319F], langs: ['Kanbun'] },  // Kanbun
  1437.         { range: [0x31A0, 0x31BF], langs: ['Bopomofo Extended'] },  // Bopomofo Extended
  1438.         { range: [0x31F0, 0x31FF], langs: ['Katakana Phonetic Extensions'] },  // Katakana Phonetic Extensions
  1439.         { range: [0x3200, 0x32FF], langs: ['Enclosed CJK Letters and Months'] },  // Enclosed CJK Letters and Months
  1440.         { range: [0x3300, 0x33FF], langs: ['CJK Compatibility'] },  // CJK Compatibility
  1441.         { range: [0x4E00, 0x9FFF], langs: ['Chinese (Simplified)', 'Chinese (Traditional)', 'Japanese', 'Korean'] },  // CJK Unified Ideographs
  1442.         { range: [0xAC00, 0xD7AF], langs: ['Korean'] },  // Hangul Syllables
  1443.         { range: [0xD800, 0xDBFF], langs: ['High Surrogates'] },  // High Surrogates
  1444.         { range: [0xDC00, 0xDFFF], langs: ['Low Surrogates'] },  // Low Surrogates
  1445.         { range: [0xF900, 0xFAFF], langs: ['CJK Compatibility Ideographs'] },  // CJK Compatibility Ideographs
  1446.         { range: [0xFB00, 0xFB4F], langs: ['Alphabetic Presentation Forms'] },  // Alphabetic Presentation Forms
  1447.         { range: [0xFB50, 0xFDFF], langs: ['Arabic Presentation Forms-A'] },  // Arabic Presentation Forms-A
  1448.         { range: [0xFE20, 0xFE2F], langs: ['Combining Half Marks'] },  // Combining Half Marks
  1449.         { range: [0xFE70, 0xFEFF], langs: ['Arabic Presentation Forms-B'] },  // Arabic Presentation Forms-B
  1450.         { range: [0xFF00, 0xFFEF], langs: ['Halfwidth and Fullwidth Forms'] },  // Halfwidth and Fullwidth Forms
  1451.         { range: [0xFFF0, 0xFFFF], langs: ['Specials'] },  // Specials
  1452.         { range: [0x10000, 0x1007F], langs: ['Linear B Syllabary'] },  // Linear B Syllabary
  1453.         { range: [0x10080, 0x100FF], langs: ['Linear B Ideograms'] },  // Linear B Ideograms
  1454.         { range: [0x10100, 0x1013F], langs: ['Aegean Numbers'] },  // Aegean Numbers
  1455.         { range: [0x10140, 0x1018F], langs: ['Ancient Greek Numbers'] },  // Ancient Greek Numbers
  1456.         { range: [0x10190, 0x101CF], langs: ['Ancient Symbols'] },  // Ancient Symbols
  1457.         { range: [0x101D0, 0x101FF], langs: ['Phaistos Disc'] },  // Phaistos Disc
  1458.         { range: [0x10280, 0x1029F], langs: ['Lycian'] },  // Lycian
  1459.         { range: [0x102A0, 0x102DF], langs: ['Carian'] },  // Carian
  1460.         { range: [0x10300, 0x1032F], langs: ['Old Italic'] },  // Old Italic
  1461.         { range: [0x10330, 0x1034F], langs: ['Gothic'] },  // Gothic
  1462.         { range: [0x10380, 0x1039F], langs: ['Ugaritic'] },  // Ugaritic
  1463.         { range: [0x103A0, 0x103DF], langs: ['Old Persian'] },  // Old Persian
  1464.         { range: [0x10400, 0x1044F], langs: ['Deseret'] },  // Deseret
  1465.         { range: [0x10450, 0x1047F], langs: ['Shavian'] },  // Shavian
  1466.         { range: [0x10480, 0x104AF], langs: ['Osmanya'] },  // Osmanya
  1467.         { range: [0x10800, 0x1083F], langs: ['Cypriot Syllabary'] },  // Cypriot Syllabary
  1468.         { range: [0x10840, 0x1085F], langs: ['Imperial Aramaic'] },  // Imperial Aramaic
  1469.         { range: [0x10900, 0x1091F], langs: ['Phoenician'] },  // Phoenician
  1470.         { range: [0x10920, 0x1093F], langs: ['Lydian'] },  // Lydian
  1471.         { range: [0x10A00, 0x10A5F], langs: ['Kharoshthi'] },  // Kharoshthi
  1472.         { range: [0x10A60, 0x10A7F], langs: ['Old South Arabian'] },  // Old South Arabian
  1473.         { range: [0x10B00, 0x10B3F], langs: ['Avestan'] },  // Avestan
  1474.         { range: [0x10B40, 0x10B5F], langs: ['Inscriptional Parthian'] },  // Inscriptional Parthian
  1475.         { range: [0x10B60, 0x10B7F], langs: ['Inscriptional Pahlavi'] },  // Inscriptional Pahlavi
  1476.         { range: [0x10C00, 0x10C4F], langs: ['Old Turkic'] },  // Old Turkic
  1477.         { range: [0x10E60, 0x10E7F], langs: ['Rumi Numeral Symbols'] },  // Rumi Numeral Symbols
  1478.         { range: [0x11000, 0x1107F], langs: ['Brahmi'] },  // Brahmi
  1479.         { range: [0x11080, 0x110CF], langs: ['Kaithi'] },  // Kaithi
  1480.         { range: [0x12000, 0x123FF], langs: ['Cuneiform'] },  // Cuneiform
  1481.         { range: [0x13000, 0x1342F], langs: ['Egyptian Hieroglyphs'] },  // Egyptian Hieroglyphs
  1482.         { range: [0x16800, 0x16A3F], langs: ['Bamum'] },  // Bamum
  1483.         { range: [0x1B000, 0x1B0FF], langs: ['Kana Supplement'] },  // Kana Supplement
  1484.         { range: [0x1D000, 0x1D0FF], langs: ['Byzantine Musical Symbols'] },  // Byzantine Musical Symbols
  1485.         { range: [0x1D100, 0x1D1FF], langs: ['Musical Symbols'] },  // Musical Symbols
  1486.         { range: [0x1D200, 0x1D24F], langs: ['Ancient Greek Musical Notation'] },  // Ancient Greek Musical Notation
  1487.         { range: [0x1D300, 0x1D35F], langs: ['Tai Xuan Jing Symbols'] },  // Tai Xuan Jing Symbols
  1488.         { range: [0x1D360, 0x1D37F], langs: ['Counting Rod Numerals'] },  // Counting Rod Numerals
  1489.         { range: [0x1D400, 0x1D7FF], langs: ['Mathematical Alphanumeric Symbols'] },  // Mathematical Alphanumeric Symbols
  1490.         { range: [0x1F000, 0x1F02F], langs: ['Mahjong Tiles'] },  // Mahjong Tiles
  1491.         { range: [0x1F030, 0x1F09F], langs: ['Domino Tiles'] },  // Domino Tiles
  1492.         { range: [0x1F0A0, 0x1F0FF], langs: ['Playing Cards'] },  // Playing Cards
  1493.         { range: [0x1F100, 0x1F1FF], langs: ['Enclosed Alphanumeric Supplement'] },  // Enclosed Alphanumeric Supplement
  1494.         { range: [0x1F200, 0x1F2FF], langs: ['Enclosed Ideographic Supplement'] },  // Enclosed Ideographic Supplement
  1495.         { range: [0x1F300, 0x1F5FF], langs: ['Miscellaneous Symbols and Pictographs'] },  // Miscellaneous Symbols and Pictographs
  1496.         { range: [0x1F600, 0x1F64F], langs: ['Emoticons'] },  // Emoticons
  1497.         { range: [0x1F680, 0x1F6FF], langs: ['Transport and Map Symbols'] },  // Transport and Map Symbols
  1498.         { range: [0x1F700, 0x1F77F], langs: ['Alchemical Symbols'] },  // Alchemical Symbols
  1499.         { range: [0x20000, 0x2A6DF], langs: ['CJK Unified Ideographs Extension B'] },  // CJK Unified Ideographs Extension B
  1500.         { range: [0x2A700, 0x2B73F], langs: ['CJK Unified Ideographs Extension C'] },  // CJK Unified Ideographs Extension C
  1501.         { range: [0x2B740, 0x2B81F], langs: ['CJK Unified Ideographs Extension D'] },  // CJK Unified Ideographs Extension D
  1502.         { range: [0x2F800, 0x2FA1F], langs: ['CJK Compatibility Ideographs Supplement'] },  // CJK Compatibility Ideographs Supplement
  1503.     ];
  1504.  
  1505.  
  1506.  
  1507.     let lastLangEntry = null;
  1508.  
  1509.     function getPossibleLanguages(unicodeChar) {
  1510.         const unicode = typeof unicodeChar === 'number' ? unicodeChar : typeof unicodeChar === 'string' ? unicodeChar.codePointAt(0) : 0;
  1511.  
  1512.         if (unicode >= 0x20) {
  1513.             if (unicode >= 0x0370 && lastLangEntry && unicode >= lastLangEntry.range[0] && unicode <= lastLangEntry.range[1]) {
  1514.                 return lastLangEntry.langs;
  1515.             }
  1516.             for (const entry of languageMap) {
  1517.                 if (unicode >= entry.range[0] && unicode <= entry.range[1]) {
  1518.                     if (entry.range[0] >= 0x0370) lastLangEntry = entry;
  1519.                     return entry.langs;
  1520.                 }
  1521.                 if (entry.range[0] >= unicode && entry.range[1] >= unicode) break;
  1522.             }
  1523.         }
  1524.  
  1525.         return languageMapR0;
  1526.     }
  1527.  
  1528.     const handleTextAllowSymbolsNChars = new Set('_-.·0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ'.split('').map(e => e.codePointAt()));
  1529.     const blacklistChars = new Set('@;:"\'!$#%^&*()[]<>,?/\\+{}|~`!'.split('').map(e => e.codePointAt()));
  1530.  
  1531.     const _cache_isExactHandleText = new Map();
  1532.     const isExactHandleText = (text, i = 0) => {
  1533.         let cpCount = 0, cp = 0;
  1534.         let cpMin = Number.MAX_VALUE
  1535.         let cpMax = Number.MIN_VALUE
  1536.         const suffixNumber = /\d+$/.exec(text);
  1537.         const suffixNumberLen = `${suffixNumber || ''}`.length;
  1538.         const textLen = text.length;
  1539.         if (textLen - i > 30) return false;
  1540.         let l = textLen - suffixNumberLen;
  1541.         let maxCpCount = 30 - suffixNumberLen;
  1542.         if (maxCpCount <= 0) return maxCpCount === 0;
  1543.         const mtext = text.substring(i);
  1544.         let res = _cache_isExactHandleText.get(mtext);
  1545.         if (typeof res !== 'undefined') return res;
  1546.  
  1547.         const retFn = (res) => {
  1548.             _cache_isExactHandleText.set(mtext, res);
  1549.             return res;
  1550.         }
  1551.  
  1552.         let uchars = [];
  1553.         const uRanges = new Set();
  1554.         for (; i < l; i++) {
  1555.             cp = text.codePointAt(i);
  1556.             if (!cp) break;
  1557.             if (!handleTextAllowSymbolsNChars.has(cp)) {
  1558.                 // @[LANG]-c2w (found in Dec 2024)
  1559.                 if (blacklistChars.has(cp)) return retFn(false);
  1560.                 const uRange = getPossibleLanguages(cp);
  1561.                 uRanges.add(uRange);
  1562.                 uchars.push(cp);
  1563.                 if (cpMin > cp) cpMin = cp;
  1564.                 if (cpMax < cp) cpMax = cp;
  1565.             }
  1566.             if (cp < 0x7FFFFFFF) {
  1567.                 while (cp > 0xFFFF) {
  1568.                     cp = cp >> 16;
  1569.                     i++;
  1570.                 }
  1571.             } else {
  1572.                 console.warn('cp >= 0x7FFFFFFF')
  1573.                 return retFn(false);
  1574.             }
  1575.             cpCount++;
  1576.             if (cpCount > 30) {
  1577.                 return retFn(false);
  1578.             }
  1579.         }
  1580.  
  1581.         // console.log(mtext, cpMin,cpMax, uRanges)
  1582.         if (!uRanges.size || (cpMin >= 32 && cpMax <= 122)) {
  1583.             return retFn(/^[-_a-zA-Z0-9.·]{3,30}$/.test(mtext));
  1584.         }
  1585.  
  1586.         let mm = {}, mi = 0;
  1587.         for (const uRange of uRanges) {
  1588.             if (uRange) {
  1589.                 for (const lang of uRange) {
  1590.                     if (lang) {
  1591.                         mm[lang] = (mm[lang] || 0) + 1;
  1592.                     }
  1593.                 }
  1594.             }
  1595.             mi++;
  1596.         }
  1597.         let unilang = "";
  1598.         let dd = Object.entries(mm).filter(a => a[1] === mi);
  1599.         if (dd.length === 1) {
  1600.             unilang = dd[0];
  1601.         } else if (dd.length === 3 && dd[0][0] === 'Arabic' && dd[1][0] === 'Persian' && dd[2][0] === 'Urdu') {
  1602.             return retFn("Arabic");
  1603.         }else if (dd.length === 4 && dd[0][0] === 'Chinese (Simplified)' && dd[1][0] === 'Chinese (Traditional)' && dd[2][0] === 'Japanese' && dd[3][0] === 'Korean') {
  1604.             return retFn("CJK");
  1605.         }
  1606.  
  1607.  
  1608.  
  1609.         if (unilang[0] === "Japanese") {
  1610.             return retFn("Japanese"); // japanese handle can mix with kanji
  1611.         }
  1612.  
  1613.  
  1614.         if (cpMin >= 0x1000) {
  1615.             const ft = String.fromCodePoint(...uchars);
  1616.             if (cpMin >= 0x4E00 && cpMax <= 0xD7AF) {
  1617.                 if (/^[\u4E00-\u9FFF\uAC00-\uD7AF]{1,10}$/.test(ft)) return retFn("Han|Hangul");
  1618.             } else if (cpMin >= 0x1200 && cpMax <= 0x30FF) {
  1619.                 if (/^[\u1200-\u137F\u3040-\u30FF]{2,20}$/.test(ft)) return retFn("Ethiopic|Hiragana|Katakana");
  1620.             }
  1621.         }
  1622.  
  1623.         return retFn(false);
  1624.  
  1625.     }
  1626.  
  1627.     const exactHandleText = (text, b) => {
  1628.         return text.startsWith('@') && isExactHandleText(text, 1) ? (b ? true : text.substring(1)) : (b ? false : '');
  1629.     }
  1630.  
  1631.     const exactHandleUrl_ = (text, b, c) => {
  1632.         if (c === 2) {
  1633.             if (isValidMinSlashHandle(text)) {
  1634.                 text = urlHandleConversion(text) || text;
  1635.             } else {
  1636.                 return b ? false : '';
  1637.             }
  1638.         } else if (c === 1 && (text.length < NUM_CHANNEL_ID_MIN_LEN_2 || text.length > 32)) { // 2+30
  1639.             return false;
  1640.         }
  1641.         return text.startsWith('/@') && isExactHandleText(text, 2) ? (b ? true : text.substring(2)) : (b ? false : '');
  1642.     }
  1643.  
  1644.     const _cache_urlHandleConversion = new Map();
  1645.     const urlHandleConversion = (text) => {
  1646.  
  1647.         let converted = _cache_urlHandleConversion.get(text);
  1648.  
  1649.         if (typeof converted === 'string') {
  1650.  
  1651.             text = converted;
  1652.  
  1653.         } else if (text.includes('%')) {
  1654.             let text0 = text;
  1655.  
  1656.             let text2 = text.substring(2);
  1657.             if (/%[0-9A-Fa-f]{2}/.test(text2) && /^[-_a-zA-Z%0-9.·]+$/.test(text2)) {
  1658.                 try {
  1659.                     text2 = decodeURI(text2);
  1660.                 } catch (e) { }
  1661.                 text = `/@${text2}`
  1662.             }
  1663.             _cache_urlHandleConversion.set(text0, text);
  1664.  
  1665.         }
  1666.  
  1667.  
  1668.         if (exactHandleUrl_(text, true, 1)) {
  1669.             return text;
  1670.         } 
  1671.  
  1672.     }
  1673.     const exactHandleUrl = (text, b) => {
  1674.         return exactHandleUrl_(text, b, 2);
  1675.     }
  1676.  
  1677.     try {
  1678.         // https://www.youtube.com/watch?v=hfopp1vLFmk
  1679.         // https://www.youtube.com/watch?v=V-4PiHDX2Mg
  1680.         let b = true
  1681.  
  1682.  
  1683.         b = b && isDisplayAsHandle('@7r0n215 ');
  1684.         b = b && isDisplayAsHandle('@user-ox5by7bw1m ');
  1685.         b = b && isDisplayAsHandle('@Samsungfan2016 ');
  1686.         b = b && isDisplayAsHandle('@김태래 ');
  1687.         b = b && !isDisplayAsHandle('@%EA%B9%80%ED%83%9C%EB%9E%98 ');
  1688.  
  1689.         b = b && !exactHandleText('@7r0n215 ', true);
  1690.         b = b && !exactHandleText('@user-ox5by7bw1m ', true);
  1691.         b = b && !exactHandleText('@Samsungfan2016 ', true);
  1692.         b = b && !exactHandleText('@김태래 ', true);
  1693.         b = b && !exactHandleText('@%EA%B9%80%ED%83%9C%EB%9E%98 ', true);
  1694.  
  1695.  
  1696.         b = b && !exactHandleUrl('/@7r0n215 ', true);
  1697.         b = b && !exactHandleUrl('/@user-ox5by7bw1m ', true);
  1698.         b = b && !exactHandleUrl('/@Samsungfan2016 ', true);
  1699.         b = b && !exactHandleUrl('/@김태래 ', true);
  1700.         b = b && !exactHandleUrl('/@%EA%B9%80%ED%83%9C%EB%9E%98 ', true);
  1701.  
  1702.  
  1703.         b = b && isDisplayAsHandle(' @7r0n215');
  1704.         b = b && isDisplayAsHandle(' @user-ox5by7bw1m');
  1705.         b = b && isDisplayAsHandle(' @Samsungfan2016');
  1706.         b = b && isDisplayAsHandle(' @김태래');
  1707.         b = b && !isDisplayAsHandle(' @%EA%B9%80%ED%83%9C%EB%9E%98');
  1708.  
  1709.         b = b && !exactHandleText(' @7r0n215', true);
  1710.         b = b && !exactHandleText(' @user-ox5by7bw1m', true);
  1711.         b = b && !exactHandleText(' @Samsungfan2016', true);
  1712.         b = b && !exactHandleText(' @김태래', true);
  1713.         b = b && !exactHandleText(' @%EA%B9%80%ED%83%9C%EB%9E%98', true);
  1714.  
  1715.         b = b && !exactHandleUrl(' /@7r0n215', true);
  1716.         b = b && !exactHandleUrl(' /@user-ox5by7bw1m', true);
  1717.         b = b && !exactHandleUrl(' /@Samsungfan2016', true);
  1718.         b = b && !exactHandleUrl(' /@김태래', true);
  1719.         b = b && !exactHandleUrl(' /@%EA%B9%80%ED%83%9C%EB%9E%98', true);
  1720.  
  1721.  
  1722.         b = b && isDisplayAsHandle('@7r0n215');
  1723.         b = b && isDisplayAsHandle('@user-ox5by7bw1m');
  1724.         b = b && isDisplayAsHandle('@Samsungfan2016');
  1725.         b = b && isDisplayAsHandle('@김태래');
  1726.         b = b && !isDisplayAsHandle('@%EA%B9%80%ED%83%9C%EB%9E%98');
  1727.  
  1728.         b = b && exactHandleText('@7r0n215', true);
  1729.         b = b && exactHandleText('@user-ox5by7bw1m', true);
  1730.         b = b && exactHandleText('@Samsungfan2016', true);
  1731.         b = b && exactHandleText('@김태래', true);
  1732.         b = b && !exactHandleText('@%EA%B9%80%ED%83%9C%EB%9E%98', true);
  1733.  
  1734.  
  1735.         b = b && exactHandleUrl('/@7r0n215', true);
  1736.         b = b && exactHandleUrl('/@user-ox5by7bw1m', true);
  1737.         b = b && exactHandleUrl('/@Samsungfan2016', true);
  1738.         b = b && exactHandleUrl('/@김태래', true);
  1739.         b = b && exactHandleUrl('/@%EA%B9%80%ED%83%9C%EB%9E%98', true);
  1740.  
  1741.         b = b && isDisplayAsHandle('@Lions_joyfulpenda');
  1742.         b = b && isDisplayAsHandle('@kowlsl12');
  1743.         b = b && isDisplayAsHandle('@hyezzozzo_baseball_curtaincall');
  1744.         b = b && isDisplayAsHandle('@blue-pink-love');
  1745.  
  1746.  
  1747.         b = b && isDisplayAsHandle('@mr.memebear901');
  1748.         b = b && isDisplayAsHandle('@すいちゃん可愛い');
  1749.         b = b && exactHandleUrl('/@%E3%81%99%E3%81%84%E3%81%A1%E3%82%83%E3%82%93%E5%8F%AF%E6%84%9B%E3%81%84');
  1750.         b = b && isDisplayAsHandle('@ハシビロ公');
  1751.         b = b && exactHandleUrl('/@%E3%83%8F%E3%82%B7%E3%83%93%E3%83%AD%E5%85%AC');
  1752.         b = b && isDisplayAsHandle('@ex1524')
  1753.         b = b && isDisplayAsHandle('@K88571')
  1754.         b = b && isDisplayAsHandle('@مجلةالرابالعربي')
  1755.         b = b && !isDisplayAsHandle('@@مجلةالرابالعربي')
  1756.  
  1757.         b = b && isDisplayAsHandle('@ともとも-e7d8b')
  1758.         b = b && isDisplayAsHandle('@佐藤漣-x7i')
  1759.         b = b && isDisplayAsHandle('@巡空')
  1760.         b = b && isDisplayAsHandle('@abc')
  1761.         b = b && isDisplayAsHandle('@巡')
  1762.         b = b && !isDisplayAsHandle('@xy')
  1763.         b = b && !isDisplayAsHandle('@z')
  1764.         
  1765.         b = b && isDisplayAsHandle('@茶々-l9y')
  1766.  
  1767.  
  1768.         if (!b) console.error('!!!! wrong coding !!!!');
  1769.     } catch (e) {
  1770.         console.error('!!!! wrong coding !!!!', e);
  1771.     }
  1772.     /**
  1773.      *
  1774.      * @param {Object[]} contentTexts
  1775.      * @param {number} idx
  1776.      * @returns
  1777.      */
  1778.     const contentTextProcess = (_md, contentTexts, idx) => {
  1779.         const md = _md;
  1780.         const contentText = contentTexts[idx];
  1781.         const text = (contentText || 0).text;
  1782.         const browseId = ((contentText.navigationEndpoint || 0).browseEndpoint || 0).browseId || '';
  1783.         const canonicalBaseUrl = ((contentText.navigationEndpoint || 0).browseEndpoint || 0).canonicalBaseUrl || ''; // TBC
  1784.         const url = (((contentText.navigationEndpoint || 0).commandMetadata || 0).webCommandMetadata || 0).url; // TBC
  1785.         if (typeof url === 'string' && typeof text === 'string' && typeof browseId === 'string' && browseId && isUCBrowserId(browseId)) {
  1786.  
  1787.             if (!isDisplayAsHandle(text)) return null;
  1788.             const channelId = browseId;
  1789.  
  1790.             return getDisplayName(channelId).then(fetchResult => {
  1791.                 let resolveResult = null;
  1792.                 if (fetchResult) {
  1793.                     // note: if that user shown is not found in `a[id]`, the hyperlink would not change
  1794.  
  1795.                     const textTrimmed = verifyAndConvertHandle(text, fetchResult);
  1796.                     if (textTrimmed) {
  1797.                         resolveResult = (() => {
  1798.                             let runs = ((md || 0).contentText || 0).runs;
  1799.                             if (!runs || !runs[idx]) return;
  1800.                             if (runs[idx].text !== text) return;
  1801.                             runs[idx].text = text.replace(textTrimmed, `@${fetchResult.title}`); // HyperLink always @SomeOne
  1802.                             md.contentText = Object.assign({}, md.contentText);
  1803.                         })();
  1804.                     }
  1805.                 }
  1806.                 return resolveResult; // function as a Promise
  1807.             });
  1808.         }
  1809.  
  1810.         return null;
  1811.     };
  1812.  
  1813.     const dynamicEditableTextByControllerResolve = isMobile ? 0 : (() => {
  1814.         /**
  1815.          *
  1816.          *
  1817.             f.showReplyDialog = function(a) {
  1818.                 if (a) {
  1819.                     var b = this.replyBox;
  1820.                     b || (b = document.createElement("ytd-comment-reply-dialog-renderer"),
  1821.                     b.id = "replybox",
  1822.                     qF(this.replyDialogDiv).appendChild(b));
  1823.                     b.data = a;
  1824.                     this.replyDialogDiv.hidden = !1;
  1825.                     b.openDialog()
  1826.                 }
  1827.             }
  1828.  
  1829.             // a = <ytd-comment-engagement-bar>...</ytd-comment-engagement-bar>
  1830.             // b = "showReplyDialog"
  1831.             // c = undefined
  1832.             function Lpb(a, b, c) {
  1833.                 var d = a.polymerController;
  1834.                 a[b] = function() {
  1835.                     var e = va.apply(0, arguments);
  1836.                     a.loggingStatus.currentExternalCall = b;
  1837.                     a.loggingStatus.bypassProxyController = !0;
  1838.                     var g, k = ((g = a.is) != null ? g : a.tagName).toLowerCase();
  1839.                     ZE(k, b, "PROPERTY_ACCESS_CALL_EXTERNAL");
  1840.                     var m;
  1841.                     g = (m = c != null ? c : d[b]) == null ? void 0 : m.call.apply(m, [d].concat(ha(e)));
  1842.                     a.loggingStatus.currentExternalCall = void 0;
  1843.                     a.loggingStatus.bypassProxyController = !1;
  1844.                     return g
  1845.                 }
  1846.             }
  1847.  
  1848.             // a = {..., commandMetadata, createCommentReplyDialogEndpoint}
  1849.             // b = {commandController: {onSuccess: ƒ, onServerError: ƒ} ,  forceClickLogging : true, form: {element, event}  }
  1850.             kQb.prototype.resolveCommand = function(a, b) {
  1851.                 var c, d, e, g, k, m, p, q;
  1852.                 return t(function(r) {
  1853.                     e = (c = G(a, n6a)) == null ? void 0 : (d = c.dialog) == null ? void 0 : d.commentReplyDialogRenderer;
  1854.                     if (!e)
  1855.                         throw new Em("No dialog in createCommentReplyDialogEndpoint");
  1856.                     k = (g = b.form) == null ? void 0 : g.event;
  1857.                     if (!k)
  1858.                         throw new Em("Event not passed in when resolving command");
  1859.                     m = h(k.composedPath());
  1860.                     for (p = m.next(); !p.done; p = m.next())
  1861.                         if (q = p.value,
  1862.                         q.tagName === "YTD-COMMENT-ACTION-BUTTONS-RENDERER" || q.tagName === "YTD-COMMENT-ENGAGEMENT-BAR")
  1863.                             return q.showReplyDialog(e),
  1864.                             r.return();
  1865.                     ma(r)
  1866.                 })
  1867.             }
  1868.  
  1869.  
  1870.         *
  1871.         */
  1872.  
  1873.  
  1874.         const setupForCommentReplyDialogRenderer = (cProto) => {
  1875.             if (cProto && typeof cProto.showReplyDialog === 'function' && cProto.showReplyDialog.length === 1 && !cProto.showReplyDialog392) {
  1876.                 cProto.showReplyDialog392 = cProto.showReplyDialog;
  1877.                 cProto.showReplyDialog = function (a) {
  1878.                     let goDefault = true;
  1879.                     try {
  1880.                         if (a && a.editableText) {
  1881.                             const arr = [];
  1882.                             fixCommentReplyDialogRenderer(a, arr);
  1883.                             const pAll = Promise.all(arr).catch(e => console.warn);
  1884.                             Promise.race([pAll, delayPn(300)]).then(() => { // network request should be already done before
  1885.                                 this.showReplyDialog392(a);
  1886.                             });
  1887.                             goDefault = false;
  1888.                         }
  1889.                     } catch (e) { }
  1890.                     if (goDefault) {
  1891.                         return this.showReplyDialog392(a);
  1892.                     }
  1893.                 };
  1894.             }
  1895.         };
  1896.  
  1897.         retrieveCE('ytd-comment-action-buttons-renderer').then(cProto => {
  1898.             setupForCommentReplyDialogRenderer(cProto);
  1899.         });
  1900.         retrieveCE('ytd-comment-engagement-bar').then(cProto => {
  1901.             setupForCommentReplyDialogRenderer(cProto);
  1902.         });
  1903.  
  1904.         return 1;
  1905.  
  1906.     })();
  1907.  
  1908.     const editableTextProcess = (_commentReplyDialogRenderer, editableTexts, idx) => {
  1909.         const commentReplyDialogRenderer = _commentReplyDialogRenderer;
  1910.         const editableText = editableTexts[idx];
  1911.         const text = (editableText || 0).text;
  1912.  
  1913.         const browseId = ((editableText.navigationEndpoint || 0).browseEndpoint || 0).browseId || '';
  1914.         const canonicalBaseUrl = ((editableText.navigationEndpoint || 0).browseEndpoint || 0).canonicalBaseUrl || ''; // TBC
  1915.         const url = (((editableText.navigationEndpoint || 0).commandMetadata || 0).webCommandMetadata || 0).url; // TBC
  1916.         if (typeof url === 'string' && typeof text === 'string' && typeof browseId === 'string' && browseId && isUCBrowserId(browseId)) {
  1917.  
  1918.             if (!isDisplayAsHandle(text)) return null;
  1919.             const channelId = browseId;
  1920.  
  1921.             return getDisplayName(channelId).then(fetchResult => {
  1922.                 let resolveResult = null;
  1923.                 if (fetchResult) {
  1924.                     // note: if that user shown is not found in `a[id]`, the hyperlink would not change
  1925.  
  1926.                     const textTrimmed = verifyAndConvertHandle(text, fetchResult);
  1927.                     if (textTrimmed) {
  1928.                         resolveResult = (() => {
  1929.                             if (!commentReplyDialogRenderer) return;
  1930.                             const editableText = commentReplyDialogRenderer.editableText || 0;
  1931.                             let runs = (editableText || 0).runs;
  1932.                             if (!runs || !runs[idx]) return;
  1933.                             if (runs[idx].text !== text) return;
  1934.                             runs[idx].text = text.replace(textTrimmed, `@${fetchResult.title}`); // HyperLink always @SomeOne
  1935.                             commentReplyDialogRenderer.editableText = Object.assign({}, commentReplyDialogRenderer.editableText);
  1936.                         })();
  1937.                     }
  1938.                 }
  1939.                 return resolveResult; // function as a Promise
  1940.             });
  1941.         }
  1942.  
  1943.         return null;
  1944.     };
  1945.  
  1946.     const { contentTextProcessViewModel } = (() => {
  1947.  
  1948.         const isIterable = (obj) => (Symbol.iterator in Object_(obj));
  1949.  
  1950.         /**
  1951.          * Optimized version of expandIntervals.
  1952.          * @param {Array} arr - Array of mapping objects with oIdx1, oIdx2, nIdx1, nIdx2.
  1953.          * @returns {Array} - Expanded and sorted interval mappings.
  1954.          */
  1955.         function expandIntervals(arr) {
  1956.             if (!arr || arr.length === 0) return [];
  1957.  
  1958.             const n = arr.length; // n>=1
  1959.  
  1960.             // Sort the mappings by oIdx1 if not already sorted
  1961.             if (n > 1) arr.sort((a, b) => a.oIdx1 - b.oIdx1);
  1962.  
  1963.             const result = new Array(n * 2 + 1); // max length
  1964.             let j = 0;
  1965.  
  1966.             // Handle the first gap if it exists
  1967.             if (arr[0].oIdx1 > 0) {
  1968.                 result[j++] = {
  1969.                     oStart: 0,
  1970.                     oEnd: arr[0].oIdx1,
  1971.                     nStart: 0,
  1972.                     nEnd: arr[0].nIdx1
  1973.                 };
  1974.             }
  1975.  
  1976.             for (let i = 0, current; current = arr[i]; i++) {
  1977.                 result[j++] = {
  1978.                     oStart: current.oIdx1,
  1979.                     oEnd: current.oIdx2,
  1980.                     nStart: current.nIdx1,
  1981.                     nEnd: current.nIdx2
  1982.                 };
  1983.  
  1984.                 if (i >= n - 1) {
  1985.                     // Handle the final gap
  1986.                     result[j++] = {
  1987.                         oStart: current.oIdx2,
  1988.                         oEnd: null,
  1989.                         nStart: current.nIdx2,
  1990.                         nEnd: null
  1991.                     };
  1992.                     break;
  1993.                 }
  1994.  
  1995.                 // If not the last interval, handle the gap 
  1996.                 const next = arr[i + 1];
  1997.                 const gapStart = current.oIdx2;
  1998.                 const gapEnd = next.oIdx1;
  1999.  
  2000.                 if (gapStart < gapEnd) {
  2001.                     const shift = next.nIdx1 - next.oIdx1;
  2002.                     result[j++] = {
  2003.                         oStart: gapStart,
  2004.                         oEnd: gapEnd,
  2005.                         nStart: gapStart + shift,
  2006.                         nEnd: gapEnd + shift
  2007.                     };
  2008.                 }
  2009.             }
  2010.  
  2011.  
  2012.             result.length = j;
  2013.  
  2014.             return result;
  2015.         }
  2016.  
  2017.  
  2018.         // abcdef.  [0,3][3,6]
  2019.  
  2020.         /**
  2021.          * Updates a target array in-place based on sorted interval mappings.
  2022.          * Assumes both targetArray and intervalMappings are sorted by startIndex.
  2023.          * @param {Array} uArr - Array of objects with startIndex and length.
  2024.          * @param {Array} itMap - Expanded and sorted interval mappings.
  2025.          */
  2026.         function updateArrayInPlaceOptimized(uArr, itMap) {
  2027.             let mapIdx = 0;
  2028.             const itMapN = itMap.length;
  2029.  
  2030.             const mapIndex = (qIndex) => {
  2031.                 while (
  2032.                     mapIdx < itMapN &&
  2033.                     itMap[mapIdx].oEnd !== null &&
  2034.                     qIndex > itMap[mapIdx].oEnd
  2035.                 ) {
  2036.                     mapIdx++;
  2037.                 }
  2038.                 // expect:  qIndex>=[mapIdx].oStart && ([mapIdx].oEnd === null || qIndex<=[mapIdx].oEnd)
  2039.  
  2040.                 if (mapIdx >= itMapN) {
  2041.                     throw new Error(`No mapping found for index ${qIndex}`);
  2042.                 }
  2043.  
  2044.                 const { oStart, nStart, oEnd, nEnd } = itMap[mapIdx];
  2045.  
  2046.                 if (qIndex == oStart) {
  2047.                     return nStart;
  2048.                 } else if (qIndex === oEnd) {
  2049.                     return nEnd;
  2050.                 } else {
  2051.                     const size1 = oEnd - oStart;
  2052.                     const size2 = nEnd === null ? size1 : nEnd - nStart;
  2053.                     if (size1 !== size2) {
  2054.                         return Math.round(nStart + (qIndex - oStart) / size1 * size2);
  2055.                     } else {
  2056.                         return nStart + (qIndex - oStart);
  2057.                     }
  2058.                 }
  2059.  
  2060.             };
  2061.             for (const item of uArr) {
  2062.  
  2063.                 const {startIndex, length} = item;
  2064.  
  2065.                 if (typeof startIndex === 'number' && typeof length === 'number' && startIndex >= 0 && length >= 0) {
  2066.  
  2067.                     const newStart = mapIndex(startIndex);
  2068.                     const newEnd = mapIndex(startIndex + length);
  2069.  
  2070.                     if (newStart === undefined || newEnd === undefined) {
  2071.                         throw new Error(`Mapping failed for item: ${JSON.stringify(item)}`);
  2072.                     }
  2073.  
  2074.                     item.startIndex = newStart;
  2075.                     item.length = newEnd - newStart;
  2076.                 }
  2077.             };
  2078.         }
  2079.  
  2080.         function replaceNamePN(o) {
  2081.             const channelId = o.channelId;
  2082.             channelIdToHandle.set(channelId, {
  2083.                 handleText: o.handle,
  2084.                 justPossible: true
  2085.             });
  2086.             skipElementCheck.add(channelId);
  2087.             return getDisplayName(channelId).then(fetchResult => {
  2088.                 let resolveResult = null;
  2089.                 skipElementCheck.delete(channelId);
  2090.                 if (fetchResult && o.channelId === channelId) {
  2091.                     const textTrimmed = verifyAndConvertHandle(o.handle, fetchResult);
  2092.                     if (textTrimmed) {
  2093.                         o.display = `@${fetchResult.title}`;
  2094.                         o.newText = o.oldText.replace(o.handle, o.display);
  2095.                         o.nLen = o.newText.length;
  2096.                         o.nOffset = o.nLen - o.oLen;
  2097.                     }
  2098.                 }
  2099.                 return resolveResult; // function as a Promise
  2100.             });
  2101.         }
  2102.  
  2103.         const contentTextProcessViewModel = async (content, idx) => {
  2104.             const { commandRuns, content: text } = content;
  2105.             if (typeof text !== 'string' || !commandRuns) return;
  2106.             let uBool = false;
  2107.  
  2108.             const objList = [];
  2109.             for (const [key, value] of Object.entries(content)) {
  2110.                 if ((value || 0).length >= 1 && typeof value === 'object' && isIterable(value)) {
  2111.                     objList.push(value);
  2112.                     if (key === 'commandRuns') uBool = true;
  2113.                 }
  2114.             }
  2115.  
  2116.             if (!uBool) return;
  2117.  
  2118.             const nameInfos = [];
  2119.  
  2120.             const promises = [];
  2121.             for (const commandRun of commandRuns) {
  2122.                 let browseEndpoint = null;
  2123.                 if (commandRun.length >= 1 && commandRun.startIndex >= 0 && (browseEndpoint = ((commandRun.onTap || 0).innertubeCommand || 0).browseEndpoint)) {
  2124.                     const substr = text.substring(commandRun.startIndex, commandRun.startIndex + commandRun.length);
  2125.                     const substrTrimmed = substr.trim();
  2126.                     const valBrowseEndpointBaseUrlType = browseEndpointBaseUrlType(browseEndpoint, substrTrimmed);
  2127.                     if (valBrowseEndpointBaseUrlType > 1) {
  2128.                         const o = {
  2129.                             startIndex: commandRun.startIndex,
  2130.                             endIndex: commandRun.startIndex + commandRun.length,
  2131.                             handle: substrTrimmed,
  2132.                             oldText: substr,
  2133.                             newText: null,
  2134.                             channelId: browseEndpoint.browseId,
  2135.                             oLen: commandRun.length,
  2136.                             nLen: null,
  2137.                             nOffset: 0,
  2138.                         }
  2139.                         nameInfos.push(o);
  2140.                         promises.push(replaceNamePN(o));
  2141.                     }
  2142.                 }
  2143.             }
  2144.             if (nameInfos.length === 0) return; // other command runs
  2145.             await Promise.all(promises);
  2146.  
  2147.             /*
  2148.                 if replaceNamePN fails, then following will not set.
  2149.                     o.display = `@${fetchResult.title}`;
  2150.                     o.newText = o.oldText.replace(o.handle, o.display);
  2151.                     o.nLen = o.newText.length;
  2152.                     o.nOffset = o.nLen - o.oLen;
  2153.             */
  2154.  
  2155.             let text1 = text;
  2156.  
  2157.             try {
  2158.                 const mapInput = new Array(nameInfos.length);
  2159.                 let ac = 0;
  2160.                 let j = 0;
  2161.  
  2162.                 for (let k = 0; k < nameInfos.length; k++) {
  2163.                     const o = nameInfos[k];
  2164.                     if (typeof o.newText === 'string' && o.nLen === o.newText.length && Number.isFinite(o.nOffset) && typeof o.display === 'string') {
  2165.                         mapInput[j++] = {
  2166.                             oIdx1: o.startIndex,
  2167.                             oIdx2: o.endIndex,
  2168.  
  2169.                             nIdx1: o.startIndex + ac,
  2170.                             nIdx2: o.endIndex + ac + o.nOffset,
  2171.                             newText: o.newText
  2172.  
  2173.                         }
  2174.                         ac += o.nOffset;
  2175.                     }
  2176.                 }
  2177.                 mapInput.length = j;
  2178.  
  2179.                 const mapOutput = expandIntervals(mapInput);
  2180.                 const n = mapOutput.length;
  2181.                 const u = new Array(n);
  2182.  
  2183.                 j = 0;
  2184.                 for (let i = 0; i < n; i++) {
  2185.                     const { oStart, oEnd } = mapOutput[i];
  2186.                     if (j < mapInput.length && oStart === mapInput[j].oIdx1 && oEnd === mapInput[j].oIdx2) {
  2187.                         u[i] = mapInput[j++].newText;
  2188.                     } else {
  2189.                         u[i] = text.substring(oStart, oEnd !== null ? oEnd : text.length);
  2190.                     }
  2191.                 }
  2192.                 text1 = u.join('');
  2193.                 u.length = 0;
  2194.  
  2195.                 for (const runs of objList) {
  2196.                     updateArrayInPlaceOptimized(runs, mapOutput)
  2197.                 }
  2198.  
  2199.                 content.content = text1;
  2200.  
  2201.             } catch (e) {
  2202.                 console.warn(e);
  2203.             }
  2204.  
  2205.  
  2206.  
  2207.  
  2208.  
  2209.         };
  2210.  
  2211.  
  2212.         // const contentTextProcessViewModel = async (content, idx) => {
  2213.         //     const { commandRuns, content: text, styleRuns } = content;
  2214.         //     if (typeof text !== 'string') return;
  2215.         //     const names = [];
  2216.  
  2217.         //     function replaceNamePN(o) {
  2218.         //         return getDisplayName(o.channelId).then(fetchResult => {
  2219.         //             let resolveResult = null;
  2220.         //             if (fetchResult) {
  2221.         //                 const textTrimmed = verifyAndConvertHandle(o.handle, fetchResult);
  2222.         //                 if (textTrimmed) {
  2223.         //                     o.display = `@${fetchResult.title}`;
  2224.         //                     o.newText = o.oldText.replace(o.handle, o.display);
  2225.         //                 }
  2226.         //             }
  2227.         //             return resolveResult; // function as a Promise
  2228.         //         });
  2229.         //     }
  2230.         //     const promises = [];
  2231.         //     for (const commandRun of commandRuns) {
  2232.         //         let browseEndpoint = null;
  2233.         //         if (commandRun.length >= 1 && commandRun.startIndex >= 0 && (browseEndpoint = ((commandRun.onTap || 0).innertubeCommand || 0).browseEndpoint)) {
  2234.         //             let substr = text.substring(commandRun.startIndex, commandRun.startIndex + commandRun.length);
  2235.         //             const substrTrimmed = substr.trim();
  2236.         //             const valBrowseEndpointBaseUrlType = browseEndpointBaseUrlType(browseEndpoint, substrTrimmed);
  2237.         //             if (valBrowseEndpointBaseUrlType > 1) {
  2238.         //                 const o = {
  2239.         //                     startIndex: commandRun.startIndex,
  2240.         //                     endIndex: commandRun.startIndex + commandRun.length,
  2241.         //                     handle: substrTrimmed,
  2242.         //                     oldText: substr,
  2243.         //                     newText: null,
  2244.         //                     channelId: browseEndpoint.browseId,
  2245.         //                     nStartIndex: null,
  2246.         //                     nEndIndex: null,
  2247.         //                     nText: null
  2248.         //                 }
  2249.         //                 names.push(o);
  2250.         //                 promises.push(replaceNamePN(o));
  2251.         //             }
  2252.         //         }
  2253.         //     }
  2254.         //     await Promise.all(promises);
  2255.  
  2256.         //     let offset = 0;
  2257.         //     for (const o of names) {
  2258.         //         o.nStartIndex = o.startIndex + offset;
  2259.         //         o.nText = o.newText === null ? o.oldText : o.newText;
  2260.         //         o.nEndIndex = o.nStartIndex + offset + o.nText.length;
  2261.         //         offset += o.nText.length - o.oldText.length;
  2262.         //     }
  2263.  
  2264.         //     let w1 = 0, w2 = 0;
  2265.         //     let s = [];
  2266.         //     let j = 0;
  2267.         //     for (let i = 0; i < text.length;) {
  2268.         //         while (w1 < commandRuns.length && commandRuns[w1].startIndex < i) w1++;
  2269.         //         while (w2 < styleRuns.length && styleRuns[w2].startIndex < i) w2++;
  2270.  
  2271.         //         if (j < names.length && i == names[j].startIndex) {
  2272.  
  2273.         //             if (w1 < commandRuns.length && commandRuns[w1].startIndex === names[j].startIndex) {
  2274.         //                 const run = commandRuns[w1];
  2275.         //                 const o = names[j];
  2276.         //                 if (run.length === o.endIndex - o.startIndex) {
  2277.         //                     run.startIndex = o.nStartIndex;
  2278.         //                     run.length = o.nText.length;
  2279.         //                 }
  2280.         //                 w1++;
  2281.         //             }
  2282.  
  2283.         //             if (w2 < styleRuns.length && styleRuns[w2].startIndex === names[j].startIndex) {
  2284.         //                 const run = styleRuns[w2];
  2285.         //                 const o = names[j];
  2286.         //                 if (run.length === o.endIndex - o.startIndex) {
  2287.         //                     run.startIndex = o.nStartIndex;
  2288.         //                     run.length = o.nText.length;
  2289.         //                 }
  2290.         //                 w2++;
  2291.         //             }
  2292.  
  2293.  
  2294.         //             // s.push(text.substring(names[j].startIndex, names[j].endIndex));
  2295.         //             s.push(names[j].nText);
  2296.         //             i = names[j].endIndex;
  2297.         //             j++;
  2298.         //         } else {
  2299.         //             if (j >= names.length) {
  2300.         //                 s.push(text.substring(i));
  2301.         //                 i = text.length;
  2302.         //             } else {
  2303.         //                 if (j < names.length && names[j].startIndex > i + 1) {
  2304.         //                     s.push(text.substring(i, names[j].startIndex));
  2305.         //                     i = names[j].startIndex;
  2306.         //                 } else {
  2307.         //                     s.push(text.charAt(i));
  2308.         //                     i++;
  2309.         //                 }
  2310.         //             }
  2311.         //         }
  2312.         //     }
  2313.  
  2314.         //     content.content = s.join('');
  2315.         //     s.length = 0;
  2316.  
  2317.  
  2318.         // };
  2319.  
  2320.         return { contentTextProcessViewModel };
  2321.     })();
  2322.     
  2323.  
  2324.  
  2325.     /**
  2326.      *
  2327.      * @param {ParentNode & Element} parentNode
  2328.      * @param {Function} callback
  2329.      */
  2330.     function findTextNodes(parentNode, callback) {
  2331.         /**
  2332.          *
  2333.          * @param {Node} node
  2334.          * @returns
  2335.          */
  2336.         function traverse(node) {
  2337.             if (node.nodeType === Node.TEXT_NODE) {
  2338.                 let r = callback(node);
  2339.                 if (r === true) return true;
  2340.             } else if (node.nodeType === Node.ELEMENT_NODE) {
  2341.                 for (let childNode = nodeFirstChild(node); childNode; childNode = nodeNextSibling(childNode)) {
  2342.                     const r = traverse(childNode);
  2343.                     if (r === true) return true;
  2344.                 }
  2345.             }
  2346.         }
  2347.  
  2348.         traverse(parentNode);
  2349.     }
  2350.  
  2351.     function updatePinnedCommentBadge(md, title, langTitle) {
  2352.         const titleForDisplay = langTitle || title;
  2353.         if (typeof titleForDisplay !== 'string') return;
  2354.         if (title === titleForDisplay) return;
  2355.         const runs = ((((md.pinnedCommentBadge || 0).pinnedCommentBadgeRenderer || 0).label || 0).runs || 0); // can be 0
  2356.         if (runs.length === 2) {
  2357.             let idx = 0;
  2358.             let jdx = -1;
  2359.             for (const textRun of runs) {
  2360.                 if (textRun.text === title) {
  2361.                     jdx = idx;
  2362.                     break;
  2363.                 }
  2364.                 idx++;
  2365.             }
  2366.             if (jdx >= 0) {
  2367.                 const runs = md.pinnedCommentBadge.pinnedCommentBadgeRenderer.label.runs.slice(0);
  2368.                 runs[jdx] = Object.assign({}, runs[jdx], { text: titleForDisplay });
  2369.                 md.pinnedCommentBadge = Object.assign({}, md.pinnedCommentBadge);
  2370.                 md.pinnedCommentBadge.pinnedCommentBadgeRenderer = Object.assign({}, md.pinnedCommentBadge.pinnedCommentBadgeRenderer);
  2371.                 md.pinnedCommentBadge.pinnedCommentBadgeRenderer.label = Object.assign({}, md.pinnedCommentBadge.pinnedCommentBadgeRenderer.label, { runs });
  2372.             }
  2373.         }
  2374.     }
  2375.  
  2376.     /**
  2377.      *
  2378.      * @param {ParentNode} parentNode
  2379.      * @param {Object[]} contentTexts
  2380.      * @param {number} aidx
  2381.      * @returns
  2382.      */
  2383.     const mobileContentHandleAsync = async (parentNode, contentTexts, aidx) => {
  2384.  
  2385.  
  2386.         let commentText = elementQS(parentNode, '.comment-text');
  2387.         if (!commentText) return;
  2388.         commentText = elementQS(commentText, '.yt-core-attributed-string') || commentText;
  2389.         let currentText = commentText.textContent;
  2390.         let textMatch = commentText.textContent === contentTexts.map(e => e.text).join('');
  2391.         if (!textMatch) return;
  2392.  
  2393.         const contentText = contentTexts[aidx];
  2394.  
  2395.         /** @type {string} */
  2396.         const handleText = contentText.text.trim();
  2397.         /** @type {string | null | undefined} */
  2398.         let channelId;
  2399.  
  2400.         let cache = handleToChannelId.get(handleText);
  2401.  
  2402.         if (typeof cache === 'string') {
  2403.             channelId = cache;
  2404.         } else if (cache instanceof AsyncValue) {
  2405.             channelId = await cache.getValue();
  2406.         } else {
  2407.             /** @type {AsyncValue<string>} */
  2408.             const asyncValue = new AsyncValue();
  2409.             handleToChannelId.set(handleText, asyncValue);
  2410.             channelId = await asyncValue.getValue();  // note: it could be never resolved
  2411.         }
  2412.  
  2413.         if (!channelId) return; // just in case
  2414.  
  2415.         if (commentText.isConnected !== true) return; // already removed
  2416.         if (commentText.textContent !== currentText) return; // already changed
  2417.  
  2418.         const fetchResult = await getDisplayName(channelId);
  2419.  
  2420.         if (fetchResult === null) return;
  2421.  
  2422.         const { title, langTitle, externalId } = fetchResult;
  2423.         const titleForDisplay = langTitle || title;
  2424.         if (externalId !== channelId) return; // channel id must be the same
  2425.  
  2426.         if (commentText.isConnected !== true) return; // already removed
  2427.         if (commentText.textContent !== currentText) return; // already changed
  2428.  
  2429.         let search = contentText.text;
  2430.         if (typeof search === 'string') {
  2431.  
  2432.             const searchTrimmed = search.trim();
  2433.             if (searchTrimmed === handleText) { // ensure integrity after getDisplayName
  2434.                 contentText.text = search.replace(searchTrimmed, "@" + titleForDisplay); // mention
  2435.  
  2436.                 findTextNodes(commentText, (textnode) => {
  2437.                     if (textnode.nodeValue.indexOf(search) >= 0) {
  2438.                         textnode.nodeValue = textnode.nodeValue.replace(search, contentText.text);
  2439.                         return true;
  2440.                     }
  2441.                 });
  2442.             }
  2443.  
  2444.         }
  2445.  
  2446.     }
  2447.  
  2448.     /**
  2449.      * Process Checking when there is new (unprocessed) anchor DOM element with hyperlink of channel
  2450.      * @type { (anchor: HTMLElement, anchorHref: string?, mt: string?) => Promise<void> }
  2451.      */
  2452.  
  2453.     const getDisplayTextDOMForCommentRenderer = (root) => { // mobile
  2454.         let displayTextDOM = elementQS(root, '.comment-header .comment-title');
  2455.         if (displayTextDOM) {
  2456.             displayTextDOM = elementQS(displayTextDOM, '.yt-core-attributed-string') || displayTextDOM;
  2457.         }
  2458.         return displayTextDOM;
  2459.     }
  2460.  
  2461.     const ytPathnameExtract = (href) => {
  2462.  
  2463.         if (!href || typeof href !== 'string') return '';
  2464.         let i = 0;
  2465.         if (href.startsWith('/')) {
  2466.  
  2467.         } else if ((i = href.indexOf('youtube.com/')) >= 0) {
  2468.             href = href.substring(i + 11);
  2469.         } else {
  2470.             return '';
  2471.         }
  2472.         return href;
  2473.  
  2474.     }
  2475.  
  2476.     const getHrefType = (href) => {
  2477.         if (href && typeof href === 'string') {
  2478.             if (href.length === 33 && href.startsWith('/channel/') && /^\/channel\/UC[-_a-zA-Z0-9+=.]{22}$/.test(href)) {
  2479.                 return 1;
  2480.             } else {
  2481.                 if (isValidMinSlashHandle(href)) {
  2482.                     href = urlHandleConversion(href) || href;
  2483.                 }
  2484.                 if (href && exactHandleUrl_(href, true, 1)) {
  2485.                     return 2;
  2486.                 }
  2487.             }
  2488.         }
  2489.         return 0;
  2490.     }
  2491.  
  2492.     const getYTextType = (text) => {
  2493.         // if (typeof text === 'string') return 1;
  2494.         if (typeof text === 'object' && text) {
  2495.             if (typeof text.simpleText === 'string') return 2;
  2496.             const runs = text.runs;
  2497.             if (runs && runs.length === 1) {
  2498.                 let r = runs[0];
  2499.                 return typeof r === 'string' ? 3 : typeof (r || 0).text === 'string' ? 4 : null;
  2500.             }
  2501.         }
  2502.         return null;
  2503.     }
  2504.  
  2505.     const getYTextContent = (text) => {
  2506.         // if (typeof text === 'string') return text;
  2507.         if (typeof text === 'object' && text) {
  2508.             const simpleText = text.simpleText;
  2509.             if (typeof simpleText === 'string') return simpleText;
  2510.             const runs = text.runs;
  2511.             if (runs && runs.length === 1) {
  2512.                 let r = runs[0];
  2513.                 return typeof r === 'string' ? r : typeof (r || 0).text === 'string' ? r.text : null;
  2514.             }
  2515.         }
  2516.         return null;
  2517.     }
  2518.  
  2519.     const setYTextContent = (text, fn) => {
  2520.         // if (typeof text === 'string') {
  2521.         //     res=fn(text);
  2522.         // }
  2523.         if (typeof text === 'object' && text) {
  2524.             const simpleText = text.simpleText;
  2525.             if (typeof simpleText === 'string') {
  2526.                 return Object.assign({}, text, { simpleText: fn(simpleText) });
  2527.             }
  2528.             const runs = text.runs;
  2529.             if (runs && runs.length === 1) {
  2530.                 let r = runs[0];
  2531.                 return typeof r === 'string' ? Object.assign({}, text, { runs: [fn(r)] }) : typeof (r || 0).text === 'string' ? Object.assign({}, text, { runs: [Object.assign({}, r, { text: fn(r.text) })] }) : null;
  2532.             }
  2533.         }
  2534.         return null;
  2535.     }
  2536.  
  2537.     const fixCommentReplyDialogRenderer = (commentReplyDialogRenderer, funcPromises) => {
  2538.         if (!commentReplyDialogRenderer) return;
  2539.         const editableText = commentReplyDialogRenderer.editableText;
  2540.         if (!editableText) return;
  2541.         const editableTexts = editableText.runs;
  2542.         if (editableTexts && editableTexts.length >= 1) {
  2543.             for (let aidx = 0; aidx < editableTexts.length; aidx++) {
  2544.                 const r = editableTextProcess(commentReplyDialogRenderer, editableTexts, aidx);
  2545.                 if (r instanceof Promise) funcPromises.push(r);
  2546.             }
  2547.         }
  2548.         // $0.polymerController.$['action-buttons'].polymerController.__data.replyButtonRenderer.navigationEndpoint.createCommentReplyDialogEndpoint.dialog.commentReplyDialogRenderer.editableText
  2549.     }
  2550.  
  2551.     const domCheckAsync = isMobile ? async (anchor, hrefAttribute, mt) => {
  2552.  
  2553.         let sHandleName = null;
  2554.         let sNodeValue = null;
  2555.         try {
  2556.             if (!hrefAttribute || !mt) return;
  2557.             let parentNode = nodeParent(anchor);
  2558.             while (parentNode instanceof Node) {
  2559.                 if (parentNode.nodeName === 'YTM-COMMENT-RENDERER' || ('_commentData' in parentNode)) break;
  2560.                 parentNode = nodeParent(parentNode);
  2561.             }
  2562.             if (parentNode instanceof Node) { } else return;
  2563.  
  2564.             const commentRendererAuthorTextDOM = getDisplayTextDOMForCommentRenderer(parentNode);
  2565.             const anchorAiraLabel = anchor.getAttribute('aria-label');
  2566.             const anchorHrefValue = ytPathnameExtract(anchor.getAttribute('href')); // guess (Feb 2024)
  2567.  
  2568.             const cnt = insp(parentNode);
  2569.             const parentNodeData = cnt._commentData || cnt.data || 0;
  2570.             const authorTextData = (parentNodeData.authorText || 0);
  2571.  
  2572.             let tHandleName = null;
  2573.  
  2574.             if (commentRendererAuthorTextDOM && authorTextData) {
  2575.                 const hType = getHrefType(anchorHrefValue);
  2576.                 let ytext = null;
  2577.                 if (hType === 2) {
  2578.                     tHandleName = anchorHrefValue.substring(1); // guess
  2579.                 } else if (hType === 1) {
  2580.                     ytext = getYTextContent(authorTextData)
  2581.                     tHandleName = ytext; // authorTextData.runs[0].text
  2582.                 }
  2583.                 if (typeof tHandleName === 'string' && commentRendererAuthorTextDOM.textContent.trim() === tHandleName && isDisplayAsHandle(tHandleName)) {
  2584.                     ytext = ytext || getYTextContent(authorTextData)
  2585.                     if (ytext === tHandleName) {
  2586.                         sHandleName = tHandleName;
  2587.                         sNodeValue = tHandleName;
  2588.                     }
  2589.                 }
  2590.             }
  2591.  
  2592.             if (typeof sHandleName === 'string' && typeof sNodeValue === 'string') {
  2593.  
  2594.                 if (!channelIdToHandle.has(mt)) {
  2595.                     channelIdToHandle.set(mt, {
  2596.                         handleText: sHandleName,
  2597.                         justPossible: true
  2598.                     });
  2599.                 }
  2600.  
  2601.                 const fetchResult = await getDisplayName(mt);
  2602.  
  2603.                 if (fetchResult === null) return;
  2604.  
  2605.                 const { title, langTitle, externalId } = fetchResult;
  2606.                 const titleForDisplay = langTitle || title;
  2607.                 if (externalId !== mt) return; // channel id must be the same
  2608.  
  2609.                 // anchor href might be changed by external
  2610.                 if (!anchorIntegrityCheck(anchor, hrefAttribute)) return;
  2611.  
  2612.                 if (commentRendererAuthorTextDOM.isConnected !== true) return; // already removed
  2613.  
  2614.                 let found = false;
  2615.  
  2616.                 findTextNodes(commentRendererAuthorTextDOM, (textnode) => {
  2617.                     if (textnode.nodeValue === sNodeValue) {
  2618.                         textnode.nodeValue = titleForDisplay;
  2619.                         found = true;
  2620.                         return true;
  2621.                     }
  2622.                 });
  2623.  
  2624.                 if (!found) return;
  2625.                 if (anchorAiraLabel && anchorAiraLabel.trim() === sHandleName) anchor.setAttribute('aria-label', anchorAiraLabel.replace(sHandleName, titleForDisplay));
  2626.                 const authorTextDataNew = setYTextContent(authorTextData, (t) => t.replace(t.trim(), titleForDisplay));
  2627.                 if (authorTextDataNew && parentNodeData.authorText === authorTextData) {
  2628.                     parentNodeData.authorText = authorTextDataNew;
  2629.                 }
  2630.  
  2631.                 if (UPDATE_PIN_NAME && title && langTitle && langTitle !== title) {
  2632.                     const renderer = HTMLElement.prototype.closest.call(anchor, 'ytm-comment-renderer');
  2633.                     const pinned = !renderer ? null : HTMLElement.prototype.querySelector.call(renderer, 'ytm-pinned-comment-badge-renderer');
  2634.                     const spanText = !pinned ? null : HTMLElement.prototype.querySelector.call(pinned, 'span.yt-core-attributed-string[role="text"]');
  2635.                     const tc = spanText ? spanText.textContent : '';
  2636.                     updatePinnedCommentBadge(parentNodeData, title, langTitle);
  2637.                     let idx;
  2638.                     if (tc && tc === spanText.textContent && (idx = tc.indexOf(title)) >= 0) {
  2639.                         spanText.textContent = tc.substring(0, idx) + langTitle + tc.substring(idx + title.length);
  2640.                     }
  2641.                 }
  2642.  
  2643.                 const contentTexts = (parentNodeData.contentText || 0).runs;
  2644.                 if (contentTexts && contentTexts.length >= 2) {
  2645.                     for (let aidx = 0; aidx < contentTexts.length; aidx++) {
  2646.                         const contentText = contentTexts[aidx] || 0;
  2647.                         if (contentText.italics !== true && isDisplayAsHandle(contentText.text)) {
  2648.                             mobileContentHandleAsync(parentNode, contentTexts, aidx);
  2649.                         }
  2650.                     }
  2651.                 }
  2652.  
  2653.             }
  2654.  
  2655.         } catch (e) {
  2656.             console.warn(e);
  2657.         }
  2658.  
  2659.     } : async (anchor, hrefAttribute, mt) => {
  2660.  
  2661.         try {
  2662.             if (!hrefAttribute || !mt) return;
  2663.             let parentNode = nodeParent(anchor);
  2664.             let isCommentViewModel = 0;
  2665.             while (parentNode instanceof Node) {
  2666.                 const cnt = insp(parentNode);
  2667.                 if (typeof cnt.is === 'string') {
  2668.                     if (cnt.commentEntity && !cnt._propertiesChanged) { isCommentViewModel = 2; break; } // 2024.04.30: ytd-comment-view-model (v3)
  2669.                     if (cnt.commentEntity && typeof cnt._propertiesChanged === 'function') { isCommentViewModel = 1; break; } // Feb 2024: ytd-comment-view-model (v1 & v2)
  2670.                     else if (typeof cnt.dataChanged === 'function') break;
  2671.                 }
  2672.                 parentNode = nodeParent(parentNode);
  2673.             }
  2674.             if (parentNode instanceof Node) { } else return;
  2675.             const parentNodeController = insp(parentNode);
  2676.  
  2677.             if (isCommentViewModel > 0) {
  2678.  
  2679.                 const commentEntity = parentNodeController.commentEntity || 0;
  2680.                 const commentEntityAuthor = commentEntity.author || 0;
  2681.                 const currentDisplayed = commentEntityAuthor.displayName || 0;
  2682.                 if (typeof currentDisplayed !== 'string') return;
  2683.                 if (!isDisplayAsHandle(currentDisplayed)) return;
  2684.                 if (!channelIdToHandle.has(mt)) {
  2685.                     channelIdToHandle.set(mt, {
  2686.                         handleText: currentDisplayed.trim(),
  2687.                         justPossible: true
  2688.                     });
  2689.                 }
  2690.  
  2691.                 // not working for CommentViewModel v3
  2692.                 if (typeof parentNodeController._propertiesChanged === 'function' && !parentNodeController._propertiesChanged159) {
  2693.                     const cntp = parentNodeController.constructor.prototype;
  2694.                     const c = cntp._propertiesChanged === parentNodeController._propertiesChanged ? cntp : parentNodeController;
  2695.                     c._propertiesChanged159 = c._propertiesChanged;
  2696.                     c._propertiesChanged = function () {
  2697.                         resetWhenPropChanged(this);
  2698.                         return this._propertiesChanged159.apply(this, arguments);
  2699.                     };
  2700.                 }
  2701.  
  2702.                 const fetchResult = await getDisplayName(mt);
  2703.  
  2704.                 if (fetchResult === null) return;
  2705.  
  2706.                 const { title, langTitle, externalId } = fetchResult;
  2707.                 const titleForDisplay = langTitle || title;
  2708.                 if (externalId !== mt) return; // channel id must be the same
  2709.  
  2710.                 // anchor href might be changed by external
  2711.                 if (!anchorIntegrityCheck(anchor, hrefAttribute)) return;
  2712.  
  2713.                 if (commentEntityAuthor.displayName === currentDisplayed && commentEntityAuthor.channelId === mt) {
  2714.                     commentEntityAuthor.displayName = titleForDisplay;
  2715.  
  2716.                     if (commentEntity.properties) {
  2717.                         if (commentEntity.properties.authorButtonA11y === currentDisplayed) {
  2718.                             commentEntity.properties.authorButtonA11y = titleForDisplay;
  2719.                         }
  2720.  
  2721.                         // the inside hyperlinks will be only converted if its parent author name is handle
  2722.                         const content = commentEntity.properties.content;
  2723.                         if (content && (content.commandRuns || 0).length >= 1) {
  2724.                             try {
  2725.                                 await contentTextProcessViewModel(content);
  2726.  
  2727.                                 // $0.polymerController.commentEntity = Object.assign({}, $0.polymerController.commentEntity , { properties: Object.assign({}, $0.polymerController.commentEntity.properties, { content: Object.assign({},$0.polymerController.commentEntity.properties.content)  } )})
  2728.  
  2729.                                 // parentNodeController.commentEntity.properties = Object.assign({}, parentNodeController.commentEntity.properties, {
  2730.                                 //     content: Object.assign({}, parentNodeController.commentEntity.properties.content)
  2731.                                 // });
  2732.  
  2733.                                 commentEntity.properties.content = Object.assign({}, content);
  2734.                             } catch (e) {
  2735.                                 console.log(e);
  2736.                             }
  2737.  
  2738.                         }
  2739.  
  2740.                     }
  2741.  
  2742.                     if (commentEntityAuthor && parentNodeController.isAttached === true && parentNode.isConnected === true) {
  2743.                         commentEntityAuthor.jkrgx = 1;
  2744.                         addCSSRulesIfRequired();
  2745.                     }
  2746.  
  2747.                     let commentReplyDialogRenderer;
  2748.  
  2749.                     const actionButtonsCnt = insp((parentNodeController.$ || 0)['action-buttons'] || 0);
  2750.                     if (actionButtonsCnt) {
  2751.  
  2752.                         try {
  2753.                             commentReplyDialogRenderer = actionButtonsCnt.__data.replyButtonRenderer.navigationEndpoint.createCommentReplyDialogEndpoint.dialog.commentReplyDialogRenderer;
  2754.                         } catch (e) { }
  2755.                     }
  2756.                     const funcPromises = [];
  2757.                     commentReplyDialogRenderer && fixCommentReplyDialogRenderer(commentReplyDialogRenderer, funcPromises);
  2758.  
  2759.  
  2760.                     if (funcPromises.length >= 1) {
  2761.                         await Promise.all(funcPromises);
  2762.                     }
  2763.  
  2764.                     parentNodeController.commentEntity = Object.assign({}, parentNodeController.commentEntity);
  2765.  
  2766.                 }
  2767.             } else {
  2768.  
  2769.                 const authorText = (parentNodeController.data || 0).authorText;
  2770.                 const currentDisplayed = getYTextContent(authorText || 0);   // authorText.simpleText
  2771.                 if (typeof currentDisplayed !== 'string') return;
  2772.                 if (!isDisplayAsHandle(currentDisplayed)) return;
  2773.  
  2774.                 if (!channelIdToHandle.has(mt)) {
  2775.                     channelIdToHandle.set(mt, {
  2776.                         handleText: currentDisplayed.trim(),
  2777.                         justPossible: true
  2778.                     });
  2779.                 }
  2780.  
  2781.                 if (typeof parentNodeController.dataChanged === 'function' && !parentNodeController.dataChanged159) {
  2782.                     const cntp = parentNodeController.constructor.prototype;
  2783.                     const c = cntp.dataChanged === parentNodeController.dataChanged ? cntp : parentNodeController;
  2784.                     c.dataChanged159 = c.dataChanged;
  2785.                     c.dataChanged = function () {
  2786.                         resetWhenDataChanged(this);
  2787.                         return this.dataChanged159.apply(this, arguments);
  2788.                     };
  2789.                 }
  2790.  
  2791.                 const fetchResult = await getDisplayName(mt);
  2792.  
  2793.                 if (fetchResult === null) return;
  2794.  
  2795.                 const { title, langTitle, externalId } = fetchResult;
  2796.                 const titleForDisplay = langTitle || title;
  2797.                 if (externalId !== mt) return; // channel id must be the same
  2798.  
  2799.                 // anchor href might be changed by external
  2800.                 if (!anchorIntegrityCheck(anchor, hrefAttribute)) return;
  2801.  
  2802.                 const parentNodeData = parentNodeController.data;
  2803.                 const funcPromises = [];
  2804.  
  2805.                 if (parentNodeController.isAttached === true && parentNode.isConnected === true && typeof parentNodeData === 'object' && parentNodeData && parentNodeData.authorText === authorText) {
  2806.  
  2807.                     if (getYTextContent(authorText) !== currentDisplayed) return;
  2808.                     const currentDisplayTrimmed = verifyAndConvertHandle(currentDisplayed, fetchResult);
  2809.                     const cSimpleText = (getYTextContent(parentNodeData.authorText || 0) || '');
  2810.                     if (currentDisplayTrimmed && currentDisplayed !== titleForDisplay && cSimpleText === currentDisplayed) {
  2811.  
  2812.                         const md = Object.assign({}, parentNodeData);
  2813.  
  2814.                         // the inside hyperlinks will be only converted if its parent author name is handle
  2815.                         const contentTexts = (md.contentText || 0).runs;
  2816.                         if (contentTexts && contentTexts.length >= 1) {
  2817.                             for (let aidx = 0; aidx < contentTexts.length; aidx++) {
  2818.                                 const r = contentTextProcess(md, contentTexts, aidx);
  2819.                                 if (r instanceof Promise) funcPromises.push(r);
  2820.                             }
  2821.                         }
  2822.  
  2823.                         const authorCommentBadgeAuthorText = (((md.authorCommentBadge || 0).authorCommentBadgeRenderer || 0).authorText || 0);
  2824.  
  2825.                         const authorCommentBadgeAuthorTextNew = authorCommentBadgeAuthorText ? setYTextContent(authorCommentBadgeAuthorText, (currentText) => {
  2826.                             if ((currentText || '').trim() === cSimpleText.trim()) {
  2827.                                 return (currentText || '').replace((currentText || '').trim(), titleForDisplay);
  2828.                             } else {
  2829.                                 return currentText;
  2830.                             }
  2831.                         }) : null;
  2832.  
  2833.                         // parentNode.data = Object.assign({}, { jkrgx: 1 });
  2834.                         const authorTextNew = setYTextContent(md.authorText, (t) => t.replace(currentDisplayTrimmed, titleForDisplay))
  2835.                         md.authorText = authorTextNew;
  2836.  
  2837.                         if (authorCommentBadgeAuthorTextNew) {
  2838.                             const authorCommentBadgeRendererNew = Object.assign({}, md.authorCommentBadge.authorCommentBadgeRenderer, { authorText: authorCommentBadgeAuthorTextNew });
  2839.                             md.authorCommentBadge = Object.assign({}, md.authorCommentBadge, { authorCommentBadgeRenderer: authorCommentBadgeRendererNew });
  2840.                         }
  2841.  
  2842.                         let setReplyEditableText = false;
  2843.                         if (((((((((parentNodeData.actionButtons || 0).commentActionButtonsRenderer || 0).replyButton || 0).buttonRenderer || 0).navigationEndpoint || 0).createCommentReplyDialogEndpoint || 0).dialog || 0).commentReplyDialogRenderer || 0).editableText) {
  2844.                             setReplyEditableText = true;
  2845.                         }
  2846.                         if (setReplyEditableText) {
  2847.                             const commentReplyDialogRenderer = parentNodeData.actionButtons.commentActionButtonsRenderer.replyButton.buttonRenderer.navigationEndpoint.createCommentReplyDialogEndpoint.dialog.commentReplyDialogRenderer;
  2848.                             fixCommentReplyDialogRenderer(commentReplyDialogRenderer, funcPromises);
  2849.  
  2850.                         }
  2851.  
  2852.                         if (UPDATE_PIN_NAME) {
  2853.                             updatePinnedCommentBadge(md, title, langTitle);
  2854.                         }
  2855.  
  2856.                         if (funcPromises.length >= 1) {
  2857.                             await Promise.all(funcPromises);
  2858.                         }
  2859.  
  2860.                         if (parentNodeController.isAttached === true && parentNode.isConnected === true) {
  2861.                             parentNodeController.data = Object.assign({}, md, { jkrgx: 1 });
  2862.                             addCSSRulesIfRequired();
  2863.                         }
  2864.  
  2865.  
  2866.                     }
  2867.  
  2868.                 }
  2869.             }
  2870.         } catch (e) {
  2871.             console.warn(e);
  2872.         }
  2873.  
  2874.     }
  2875.  
  2876.     /**
  2877.      *
  2878.      * @param {string} url
  2879.      * @returns
  2880.      */
  2881.     const channelUrlUnify = (url) => {
  2882.  
  2883.         if (typeof url !== 'string') return url; // type unchanged
  2884.         let c0 = url.charAt(0);
  2885.         if (c0 === '/') return url;
  2886.         let i = url.indexOf('.youtube.com/');
  2887.         if (i >= 1) url = url.substring(i + '.youtube.com/'.length - 1);
  2888.         else if (url.charAt(0) !== '/') url = '/' + url;
  2889.         return url
  2890.  
  2891.     }
  2892.  
  2893.     const parentYtElement = (node, nodeName, maxN) => {
  2894.         for (let pDom = nodeParent(node); (pDom instanceof HTMLElement) && maxN-- > 0; pDom = nodeParent(pDom)) {
  2895.             if (pDom.nodeName === nodeName) {
  2896.                 return pDom;
  2897.             }
  2898.         }
  2899.         return null;
  2900.     }
  2901.  
  2902.     const checkShortsChannelName = (rchannelNameDOM) => {
  2903.         let browseId = '';
  2904.         const pDom = parentYtElement(rchannelNameDOM, 'YTD-REEL-PLAYER-HEADER-RENDERER', 18);
  2905.  
  2906.         if (pDom instanceof HTMLElement) {
  2907.             const pDomController = insp(pDom);
  2908.             const channelTitleText = (pDomController.data || 0).channelTitleText || 0;
  2909.             const runs = ((channelTitleText || 0).runs || 0);
  2910.             if (getYTextType(channelTitleText) === 4) {
  2911.                 const browserEndpoint = (((runs[0] || 0).navigationEndpoint || 0).browseEndpoint || 0);
  2912.                 browseId = (browserEndpoint.browseId || '');
  2913.                 const currentDisplayText = runs[0].text || ''
  2914.  
  2915.                 if (isUCBrowserId(browseId) && isDisplayAsHandle(currentDisplayText)) {
  2916.  
  2917.                     if (!channelIdToHandle.has(browseId)) {
  2918.                         channelIdToHandle.set(browseId, {
  2919.                             handleText: currentDisplayText.trim(),
  2920.                             justPossible: true
  2921.                         });
  2922.                     }
  2923.  
  2924.                     // let anchorNode = elementQS(rchannelNameDOM, `a[href="${browserEndpoint.canonicalBaseUrl}"]`);
  2925.                     // anchorNode && anchorNode.setAttribute('jkrgy', browseId); // for checking
  2926.                     // anchorNode &&
  2927.                     getDisplayName(browseId).then(fetchResult => {
  2928.  
  2929.                         if (fetchResult === null) return;
  2930.  
  2931.                         const { title, langTitle, externalId } = fetchResult;
  2932.                         const titleForDisplay = langTitle || title;
  2933.                         if (externalId !== browseId) return; // channel id must be the same
  2934.  
  2935.                         const hDom = pDom;
  2936.                         const hDomHostElement = hDom.hostElement || hDom;
  2937.                         const hDomController = insp(hDom);
  2938.                         const hData = (hDomController || 0).data || 0;
  2939.                         const hChannelTitleText = (hData || 0).channelTitleText || 0;
  2940.                         const runs = ((hChannelTitleText).runs || 0);
  2941.                         if (getYTextType(hChannelTitleText) === 4 && (runs[0] || 0).text === currentDisplayText && hDomHostElement.isConnected === true) {
  2942.  
  2943.                             const channelTitleTextNew = { runs: [Object.assign({}, runs[0], { text: titleForDisplay })] }
  2944.  
  2945.                             hDomController.data = Object.assign({}, hDomController.data, { channelTitleText: channelTitleTextNew, rSk0e: 1 });
  2946.                             addCSSRulesIfRequired();
  2947.  
  2948.                             byPassCheckStore.delete(rchannelNameDOM);
  2949.                         }
  2950.  
  2951.                     })
  2952.                 }
  2953.  
  2954.             }
  2955.         }
  2956.         return browseId
  2957.     }
  2958.  
  2959.     let firstDOMCheck = false;
  2960.     const updateDisplayNameFn = (channelId, newName) => {
  2961.         const cached = displayNameResStore.get(channelId);
  2962.         if (typeof (cached || 0).title === 'string') {
  2963.             cached.title = newName;
  2964.         } else if (!cached) {
  2965.             displayNameResStore.set(channelId, {
  2966.                 channelUrl: `https://www.youtube.com/channel/${channelId}`,
  2967.                 externalId: `${channelId}`,
  2968.                 ownerUrls: [],
  2969.                 title: newName,
  2970.                 vanityChannelUrl: null,
  2971.                 verified123: true
  2972.             });
  2973.         } else {
  2974.             console.warn('unexpected display name cache', cached);
  2975.         }
  2976.     };
  2977.     const firstDOMChecker = isMobile ? () => {
  2978.  
  2979.         let playerMicroformatRenderer = null;
  2980.         try {
  2981.             playerMicroformatRenderer = window.ytInitialPlayerResponse.microformat.playerMicroformatRenderer
  2982.         } catch (e) { }
  2983.         if (playerMicroformatRenderer && playerMicroformatRenderer.ownerChannelName && playerMicroformatRenderer.ownerProfileUrl) {
  2984.             cfg.ownerChannelName = playerMicroformatRenderer.ownerChannelName;
  2985.             cfg.ownerProfileUrl = playerMicroformatRenderer.ownerProfileUrl.replace(/[\S]+youtube.com\//, 'youtube.com/');
  2986.         }
  2987.  
  2988.         const channelNameDOM = document.querySelector('ytm-slim-owner-renderer');
  2989.         const channelNameCData = !channelNameDOM ? null : insp(channelNameDOM).data;
  2990.  
  2991.         if (channelNameCData) {
  2992.             let mainChannelUrl = null;
  2993.             let mainFormattedNameUrl = null;
  2994.             let mainChannelText = null;
  2995.             let mainFormattedNameText = null;
  2996.             let mainChannelBrowseId = null;
  2997.  
  2998.             try {
  2999.                 mainChannelUrl = channelUrlUnify(channelNameCData.channelUrl)   // channelUrlUnify("http://www.youtube.com/channel/UC5CwaMl1eIgY8h02uZw7u8A")
  3000.                 mainFormattedNameUrl = channelUrlUnify(channelNameCData.title.runs[0].navigationEndpoint.browseEndpoint.canonicalBaseUrl) // channelUrlUnify("/channel/UC5CwaMl1eIgY8h02uZw7u8A")
  3001.                 mainChannelText = channelNameCData.channelName
  3002.                 mainFormattedNameText = channelNameCData.title.runs[0].text
  3003.                 mainChannelBrowseId = channelNameCData.navigationEndpoint.browseEndpoint.browseId;
  3004.             } catch (e) { }
  3005.  
  3006.             if (mainChannelUrl === mainFormattedNameUrl && mainChannelText === mainFormattedNameText && typeof mainChannelUrl === 'string' && typeof mainChannelText === 'string' && mainChannelBrowseId && isUCBrowserId(mainChannelBrowseId)) {
  3007.  
  3008.                 const channelId = mainChannelBrowseId;
  3009.                 if (channelId) {
  3010.                     if (mainChannelText.startsWith('@')) return;
  3011.                     if (mainChannelText.trim() !== mainChannelText) return;
  3012.                     updateDisplayNameFn(channelId, mainChannelText);
  3013.                 }
  3014.  
  3015.  
  3016.             }
  3017.         }
  3018.  
  3019.     } : () => {
  3020.  
  3021.         const channelNameDOM = document.querySelector('ytd-channel-name.ytd-video-owner-renderer');
  3022.         const channelNameCnt = insp(channelNameDOM);
  3023.         const channelNameCData = (channelNameCnt || 0).__data || (channelNameDOM || 0).__data;
  3024.         if (channelNameCData) {
  3025.             let mainChannelUrl = null;
  3026.             let mainFormattedNameUrl = null;
  3027.             let mainChannelText = null;
  3028.             let mainFormattedNameText = null;
  3029.             let mainChannelBrowseId = null;
  3030.             try {
  3031.                 mainChannelUrl = channelNameCData.channelName.runs[0].navigationEndpoint.browseEndpoint.canonicalBaseUrl
  3032.                 mainFormattedNameUrl = channelNameCData.formattedName.runs[0].navigationEndpoint.browseEndpoint.canonicalBaseUrl
  3033.                 mainChannelText = channelNameCData.channelName.runs[0].text
  3034.                 mainFormattedNameText = channelNameCData.formattedName.runs[0].text
  3035.                 mainChannelBrowseId = channelNameCData.channelName.runs[0].navigationEndpoint.browseEndpoint.browseId;
  3036.             } catch (e) { }
  3037.  
  3038.             if (mainChannelUrl === mainFormattedNameUrl && mainChannelText === mainFormattedNameText && typeof mainChannelUrl === 'string' && typeof mainChannelText === 'string' && mainChannelBrowseId && isUCBrowserId(mainChannelBrowseId)) {
  3039.  
  3040.                 const m = exactHandleUrl(mainChannelUrl, false);
  3041.  
  3042.                 if (m && mainChannelText !== m) {
  3043.  
  3044.                     const channelHandle = m[1];
  3045.                     if (/[^-_a-zA-Z0-9.]/.test(mainChannelText)) {
  3046.                         langPreferredDisplayNameMap.set(channelHandle, mainChannelText);
  3047.                     }
  3048.  
  3049.                 } else {
  3050.  
  3051.                     const channelId = mainChannelBrowseId;
  3052.                     if (channelId) {
  3053.                         if (mainChannelText.startsWith('@')) return;
  3054.                         if (mainChannelText.trim() !== mainChannelText) return;
  3055.                         updateDisplayNameFn(channelId, mainChannelText);
  3056.                     }
  3057.  
  3058.                 }
  3059.             }
  3060.         }
  3061.  
  3062.     };
  3063.  
  3064.     // let newAnchorAdded = false;
  3065.     /*
  3066.  
  3067.     const intersectionobserver = new IntersectionObserver((entries) => {
  3068.         let anchorAppear = false;
  3069.         for (const entry of entries) {
  3070.             if (entry.isIntersecting === true) {
  3071.                 anchorAppear = true;
  3072.                 break;
  3073.             }
  3074.         }
  3075.         if (anchorAppear && newAnchorAdded) {
  3076.             newAnchorAdded = false; // stacking will be only reset when one or more anchor added to DOM.
  3077.             mutex.nextIndex = 0; // higher pirority for new elements being shown
  3078.         }
  3079.     }, {
  3080.         rootMargin:"0px 0px 0px 0px",
  3081.         threshold:1
  3082.     })
  3083.     */
  3084.  
  3085.  
  3086.     /* globals WeakRef:false */
  3087.  
  3088.     /** @type {(o: Object | null) => WeakRef | null} */
  3089.     const mWeakRef = typeof WeakRef === 'function' ? (o => o ? new WeakRef(o) : null) : (o => o || null); // typeof InvalidVar == 'undefined'
  3090.  
  3091.     /** @type {(wr: Object | null) => Object | null} */
  3092.     const kRef = (wr => (wr && wr.deref) ? wr.deref() : wr);
  3093.  
  3094.     let doShortsChecking = false;
  3095.     let doDescriptionChecking = true;
  3096.  
  3097.     let lastNewAnchorLastWR = null;
  3098.  
  3099.     const pipelineForDOMMutations = createPipeline();
  3100.  
  3101.     const byPassCheckStore = new WeakSet();
  3102.  
  3103.     const mutObserverForShortsChannelName = new MutationObserver((mutations) => {
  3104.         for (const mutation of mutations) {
  3105.             const target = mutation.target;
  3106.             if (!target) continue;
  3107.             const rchannelNameElm = parentYtElement(target, 'YTD-CHANNEL-NAME', 18);
  3108.             if (!rchannelNameElm) continue;
  3109.             const rchannelNameCnt = insp(rchannelNameElm);
  3110.             if ((rchannelNameCnt.data || 0).rSk0e) continue;
  3111.             const channelId = rchannelNameElm.getAttribute('jkrgy');
  3112.             if (channelId) {
  3113.                 if (byPassCheckStore.has(rchannelNameElm)) continue;
  3114.                 const handleObj = channelIdToHandle.get(channelId);
  3115.                 if (handleObj && handleObj.handleText && !handleObj.justPossible) {
  3116.                     const textDom = ((rchannelNameCnt.$ || 0).text || 0);
  3117.                     if (textDom) {
  3118.                         let t = textDom.textContent.trim()
  3119.                         if (t === handleObj.handleText || t === '') {
  3120.                             rchannelNameElm.removeAttribute('jkrgy');
  3121.                             // Promise.resolve().then(domChecker);
  3122.                         }
  3123.                     }
  3124.                 }
  3125.             }
  3126.         }
  3127.     });
  3128.  
  3129.     let domCheckScheduledForShorts = false;
  3130.     const domCheckSelectorForShorts = [
  3131.         'ytd-channel-name.ytd-reel-player-header-renderer:not([jkrgy]) a.yt-simple-endpoint[href]'
  3132.     ].join(', ');
  3133.  
  3134.  
  3135.     const domCheckerForShorts = async () => {
  3136.  
  3137.         if (domCheckScheduledForShorts) return;
  3138.         if (document.querySelector(domCheckSelectorForShorts) === null) {
  3139.             return;
  3140.         }
  3141.         domCheckScheduledForShorts = true;
  3142.  
  3143.         await pipelineForDOMMutations(async () => {
  3144.  
  3145.             domCheckScheduledForShorts = false;
  3146.             // setTimeout(()=>{ // delay due to data update is after [is-active] switching
  3147.  
  3148.             try {
  3149.  
  3150.                 const nodes = document.querySelectorAll(domCheckSelectorForShorts);
  3151.                 if (nodes.length === 0) {
  3152.                     return;
  3153.                 }
  3154.  
  3155.                 for (const node of nodes) {
  3156.  
  3157.                     const rchannelNameElm = parentYtElement(node, 'YTD-CHANNEL-NAME', 18);
  3158.                     if (rchannelNameElm) {
  3159.                         mutObserverForShortsChannelName.observe(rchannelNameElm, {
  3160.                             childList: true,
  3161.                             subtree: true
  3162.                         });
  3163.                         byPassCheckStore.add(rchannelNameElm);
  3164.                         const channelId = checkShortsChannelName(rchannelNameElm);
  3165.                         rchannelNameElm.setAttribute('jkrgy', channelId || '');
  3166.                     }
  3167.  
  3168.                 }
  3169.  
  3170.             } catch (e) {
  3171.                 console.log('error occur', e);
  3172.             }
  3173.  
  3174.         });
  3175.         domCheckScheduledForShorts = false;
  3176.  
  3177.     };
  3178.  
  3179.     /** @param {Element} s */
  3180.     const domCheckerForDescriptionAnchor = (s) => {
  3181.  
  3182.         findTextNodes(s, (textNode) => {
  3183.             const p = textNode.nodeValue;
  3184.             const index = p.indexOf('@');
  3185.             if (index < 0) return;
  3186.             const q = p.substring(index);
  3187.             const b = isDisplayAsHandle(q);
  3188.             if (b) {
  3189.                 const href = s.getAttribute('href')
  3190.  
  3191.                 const channelId = obtainChannelId(href);
  3192.                 if (channelId) {
  3193.                     const h = q.trim();
  3194.  
  3195.                     if (!firstDOMCheck) {
  3196.                         firstDOMCheck = true;
  3197.                         USE_CHANNEL_META && firstDOMChecker();
  3198.                     }
  3199.  
  3200.                     if (!channelIdToHandle.has(channelId)) {
  3201.                         channelIdToHandle.set(channelId, {
  3202.                             handleText: h,
  3203.                             justPossible: true
  3204.                         });
  3205.                     }
  3206.  
  3207.                     s.setAttribute('jkrgy', channelId);
  3208.                     getDisplayName(channelId).then(fetchResult => {
  3209.  
  3210.                         if (fetchResult === null) return;
  3211.  
  3212.                         const { title, langTitle, externalId } = fetchResult;
  3213.                         const titleForDisplay = langTitle || title;
  3214.                         if (externalId !== channelId) return; // channel id must be the same
  3215.  
  3216.                         const anchorElement = s;
  3217.                         const anchorTextNode = textNode;
  3218.  
  3219.                         if (anchorElement.isConnected === true && anchorTextNode.isConnected === true && anchorElement.contains(anchorTextNode) && anchorTextNode.nodeValue === p && s.getAttribute('href') === href) {
  3220.  
  3221.                             anchorTextNode.nodeValue = `${p.substring(0, index)}${q.replace(h, titleForDisplay)}`;
  3222.  
  3223.                         }
  3224.  
  3225.                     });
  3226.                 }
  3227.             }
  3228.             return true;
  3229.         });
  3230.  
  3231.     }
  3232.  
  3233.     // domCheckerForDescription: To be reviewed
  3234.     // Example: https://www.youtube.com/watch?v=1NL-sIP9p_U
  3235.     const domCheckerForDescription = isMobile ? () => {
  3236.         // example https://m.youtube.com/watch?v=jKt4Ah47L7Q
  3237.         for (const s of document.querySelectorAll('span.yt-core-attributed-string a.yt-core-attributed-string__link.yt-core-attributed-string__link--display-type.yt-core-attributed-string__link--call-to-action-color[href*="channel/"]:not([dxcpj])')) {
  3238.             s.setAttribute('dxcpj', '');
  3239.             domCheckerForDescriptionAnchor(s);
  3240.         }
  3241.     } : () => {
  3242.         // example https://www.youtube.com/watch?v=jKt4Ah47L7Q
  3243.         for (const s of document.querySelectorAll('yt-attributed-string a.yt-core-attributed-string__link.yt-core-attributed-string__link--display-type.yt-core-attributed-string__link--call-to-action-color[href*="channel/"]:not([dxcpj])')) {
  3244.             s.setAttribute('dxcpj', '');
  3245.             domCheckerForDescriptionAnchor(s);
  3246.         }
  3247.     };
  3248.  
  3249.     const domCheckScheduledBools = [];
  3250.     const domCheckScheduledSelectors = isMobile ? [
  3251.         'a[aria-label^="@"][href*="channel/"]:not([jkrgy])', // old; Before Feb 2024
  3252.         'a.comment-icon-container[href*="/@"]:not([jkrgy])', // Feb 2024
  3253.         'a.comment-icon-container[href*="channel/"]:not([jkrgy])' // Mar 2024
  3254.     ] : [
  3255.         'a[id][href*="channel/"]:not([jkrgy])', // old; Before Feb 2024
  3256.         'a.yt-simple-endpoint.style-scope[id][href^="/@"]:not([jkrgy])', // Feb 2024
  3257.         'a.yt-simple-endpoint.style-scope[id][href^="http://www.youtube.com/@"]:not([jkrgy])' // Dec 2024
  3258.     ];
  3259.  
  3260.     const newAuthorAnchorsProceed = async (newAnchors) => {
  3261.  
  3262.         const cNewAnchorFirst = newAnchors[0]; // non-null
  3263.         const cNewAnchorLast = newAnchors[newAnchors.length - 1]; // non-null
  3264.         /** @type {HTMLElement | null} */
  3265.         const lastNewAnchorLast = kRef(lastNewAnchorLastWR); // HTMLElement | null
  3266.         lastNewAnchorLastWR = mWeakRef(cNewAnchorLast);
  3267.  
  3268.         if (!firstDOMCheck) {
  3269.             firstDOMCheck = true;
  3270.             USE_CHANNEL_META && firstDOMChecker();
  3271.         }
  3272.  
  3273.         await Promise.resolve();
  3274.  
  3275.         if (lastNewAnchorLast && mutex.nextIndex >= 1) {
  3276.             if ((lastNewAnchorLast.compareDocumentPosition(cNewAnchorFirst) & 2) === 2) {
  3277.                 mutex.nextIndex = 0;
  3278.             }
  3279.             await Promise.resolve();
  3280.         }
  3281.  
  3282.         // newAnchorAdded = true;
  3283.         for (const anchor of newAnchors) {
  3284.             const hrefAttribute = anchor.getAttribute('href');
  3285.             const hrefV = ytPathnameExtract(hrefAttribute);
  3286.             let mChannelId = '';
  3287.             const ytElm = isMobile ? closestYtmData(anchor) : closestYtParent(anchor);
  3288.             if (ytElm) {
  3289.                 const cnt = insp(ytElm);
  3290.                 const { browseId, canonicalBaseUrl } = getAuthorBrowseEndpoint(cnt) || 0;
  3291.                 let wChannelId = '';
  3292.                 if (!browseId && !canonicalBaseUrl && cnt) {
  3293.                     // Dec 2024; no browserEndPoint -> urlEndpoint -> channelId not available
  3294.                     // comment view model -> commentEntity.author.channelId
  3295.                     const author = ((cnt.__data || cnt.data || 0).commentEntity || 0).author || 0;
  3296.                     if (author) {
  3297.                         const { channelId } = author;
  3298.                         const innertubeCommand = ((author || 0).channelPageEndpoint || 0).innertubeCommand || 0;
  3299.                         const endpoint = innertubeCommand.browseEndpoint || innertubeCommand.urlEndpoint || author.browseEndpoint || browseEndpoint.urlEndpoint || 0;
  3300.                         const url = endpoint.canonicalBaseUrl || endpoint.url || 0;
  3301.                         if (channelId && ytPathnameExtract(url) === hrefV && channelId.startsWith('UC') && /^UC[-_a-zA-Z0-9+=.]{22}$/.test(channelId)) {
  3302.                             wChannelId = channelId;
  3303.                         }
  3304.                     }
  3305.                 } else if (browseId && ytPathnameExtract(canonicalBaseUrl) === hrefV && browseId.startsWith('UC') && /^UC[-_a-zA-Z0-9+=.]{22}$/.test(browseId)) {
  3306.                     wChannelId = browseId;
  3307.                 }
  3308.  
  3309.                 if (wChannelId) {
  3310.  
  3311.                     const hrefType = getHrefType(hrefV);
  3312.                     // console.log(599, hrefV, hrefType)
  3313.                     if (hrefType === 1) {
  3314.                         if (hrefV === `/channel/${wChannelId}`) {
  3315.                             let authorText = null;
  3316.                             if (isMobile) { // mobile only
  3317.                                 authorText = (cnt._commentData || cnt.data || ytElm._commentData || ytElm.data || 0).authorText || 0;
  3318.                             } else if (!isMobile) {
  3319.                                 authorText = (cnt.data || 0).authorText || 0;
  3320.                             }
  3321.                             if (authorText) {
  3322.                                 const text = getYTextContent(authorText);
  3323.                                 if (typeof text === 'string' && text.startsWith('@') && exactHandleText(text, true)) {
  3324.                                     channelIdToHandle.set(wChannelId, {
  3325.                                         handleText: `${text}`,
  3326.                                         justPossible: true
  3327.                                     });
  3328.                                 }
  3329.                             }
  3330.                             mChannelId = wChannelId;
  3331.                         }
  3332.                     } else if (hrefType === 2) {
  3333.                         const handle = hrefV.substring(2);
  3334.                         channelIdToHandle.set(wChannelId, {
  3335.                             handleText: `@${handle}`
  3336.                         });
  3337.                         mChannelId = wChannelId;
  3338.                     }
  3339.  
  3340.                 }
  3341.  
  3342.                 if (!mChannelId && hrefV) { // fallback
  3343.  
  3344.                     // author-text or name
  3345.                     // normal url: /channel/xxxxxxx
  3346.                     // Improve YouTube! - https://www.youtube.com/channel/xxxxxxx/videos
  3347.  
  3348.                     const temp = obtainChannelId(hrefV); // string, can be empty
  3349.                     if (temp) {
  3350.                         mChannelId = temp;
  3351.                     }
  3352.  
  3353.                 }
  3354.             }
  3355.             anchor.setAttribute('jkrgy', mChannelId);
  3356.             if (mChannelId) {
  3357.                 domCheckAsync(anchor, hrefAttribute, mChannelId);
  3358.             }
  3359.         }
  3360.  
  3361.     }
  3362.  
  3363.     const closestYtParent = (dom) => {
  3364.         while (dom instanceof Element) {
  3365.             if (typeof dom.is === 'string' && dom.is) return dom;
  3366.             dom = dom.parentNode;
  3367.         }
  3368.         return null;
  3369.     };
  3370.     const closestYtmData = (dom) => {
  3371.         while (dom instanceof Element) {
  3372.             if (typeof (dom._commentData || dom.data || 0) === 'object') return dom;
  3373.             dom = dom.parentNode;
  3374.         }
  3375.         return null;
  3376.     };
  3377.     /*
  3378.     const cntWithParent = (cnt, parentSelector) => {
  3379.         const hostElement = cnt.hostElement || cnt;
  3380.         if (hostElement instanceof HTMLElement) {
  3381.             return hostElement.closest(parentSelector);
  3382.         }
  3383.         return null;
  3384.     }
  3385.     */
  3386.     const noAuthorDataSet = new Set();
  3387.     const getAuthorBrowseEndpoint = (cnt) => {
  3388.         let d;
  3389.         let haveData = false;
  3390.         if (isMobile) {
  3391.             const data = ((cnt || 0).data || 0);
  3392.             if (data) {
  3393.                 haveData = true;
  3394.                 if (d = (data.authorNameEndpoint || data.authorEndpoint)) return d.browseEndpoint || null;
  3395.             }
  3396.         } else {
  3397.             const __data = ((cnt || 0).__data || 0);
  3398.             if (__data) {
  3399.                 haveData = true;
  3400.                 if (d = __data.authorTextCommand) return d.browseEndpoint || null; // ytd-comment-renderer
  3401.                 if (d = (__data.authorNameEndpoint || __data.authorEndpoint)) return d.browseEndpoint || null; // ytd-comment-view-model (v1 & v2)
  3402.                 if ((d = (__data.data || 0)) && (d = (d.authorNameEndpoint || d.authorEndpoint))) return d.browseEndpoint || null; // ytd-author-comment-badge-renderer
  3403.                 // note: authorNameEndpoint instead of authorEndpoint for ytd-comment-view-model since 2024.04
  3404.  
  3405.             } else {
  3406.  
  3407.                 if ((d = ((cnt || 0).data || 0)) && (d = (d.authorTextCommand || d.authorNameEndpoint || d.authorEndpoint))) return d.browseEndpoint || null; // ytd-comment-view-model (2024.05.25 ?)
  3408.  
  3409.                 if (d = (cnt.authorTextCommand || cnt.authorNameEndpoint || cnt.authorEndpoint)) return d.browseEndpoint || null; // ytd-comment-view-model (2024.04.30) (v3) (?)
  3410.  
  3411.             }
  3412.  
  3413.         }
  3414.         if (haveData) {
  3415.             const tag = cnt.is;
  3416.             if (!noAuthorDataSet.has(tag)) {
  3417.                 noAuthorDataSet.add(tag);
  3418.                 if (tag === 'ytd-video-description-infocards-section-renderer') {
  3419.                     return null; // skip console logging
  3420.                 } else if (tag === 'ytd-thumbnail') {
  3421.                     return null;
  3422.                 } else if (tag === 'ytd-structured-description-channel-lockup-renderer') {
  3423.                     return null;
  3424.                 } else if (tag === 'ytd-rich-grid-media') {
  3425.                     return null;
  3426.                 } else if (tag === 'ytd-rich-metadata-renderer') {
  3427.                     return null;
  3428.                 } else if (tag === 'ytd-guide-entry-renderer') {
  3429.                     return null;
  3430.                 } else if (tag === 'ytd-grid-channel-renderer') {
  3431.                     return null;
  3432.                 } else if (tag === 'ytd-channel-renderer') {
  3433.                     return null;
  3434.                 }
  3435.                 console.log('no browseEndpoint can be found', tag);
  3436.             }
  3437.         } else {
  3438.             const is = (cnt || 0).is
  3439.             if (is === 'ytd-guide-entry-renderer') {
  3440.  
  3441.             } else {
  3442.                 console.log('no browseEndpoint can be found', is, 'NO DATA');
  3443.             }
  3444.         }
  3445.         return null;
  3446.     };
  3447.  
  3448.     const domAuthorNameCheckN = async (kq) => {
  3449.         if (domCheckScheduledBools[kq]) return;
  3450.         const selector = domCheckScheduledSelectors[kq];
  3451.         if (!selector || document.querySelector(selector) === null) return;
  3452.         domCheckScheduledBools[kq] = true;
  3453.         await pipelineForDOMMutations(async () => {
  3454.             domCheckScheduledBools[kq] = false;
  3455.             try {
  3456.                 const newAnchors = document.querySelectorAll(selector);
  3457.                 if (newAnchors.length === 0) return;
  3458.                 await newAuthorAnchorsProceed(newAnchors);
  3459.             } catch (e) {
  3460.                 console.log('error occur', e);
  3461.             }
  3462.         });
  3463.         domCheckScheduledBools[kq] = false;
  3464.     };
  3465.  
  3466.     let _lastAnchorCount = -1;
  3467.     const anchorCollection = document.getElementsByTagName('A');
  3468.  
  3469.     /*
  3470.     const collectionChangeObserverFn = (collection)=>{
  3471.         let _len = -1;
  3472.         let ws = null;
  3473.         ws = new WeakSet(collection);
  3474.         return {check: ()=>{
  3475.             const lastLen = _len;
  3476.             const len = collection.length;
  3477.             if(len !== lastLen){
  3478.                 ws = new WeakSet(collection);
  3479.                 return true;
  3480.             }
  3481.             for (const elm of collection) {
  3482.                 if (!ws.has(elm)){
  3483.                     ws = new WeakSet(collection);
  3484.                     return true;
  3485.                 }
  3486.             }
  3487.             return false;
  3488.         }}
  3489.  
  3490.     }
  3491.     */
  3492.  
  3493.     const domChecker = (mutations) => {
  3494.  
  3495.         const currAnchorCount = anchorCollection.length;
  3496.         const lastAnchorCount = _lastAnchorCount;
  3497.         _lastAnchorCount = currAnchorCount;
  3498.         if (currAnchorCount === 0) return;
  3499.  
  3500.         if (mutations && lastAnchorCount === currAnchorCount) {
  3501.             // test to skip
  3502.             let state = 0;
  3503.             let addedNonElement = false;
  3504.             for (const mutation of mutations) {
  3505.                 const addedNodes = mutation.addedNodes || 0;
  3506.                 const removedNodes = mutation.removedNodes || 0;
  3507.                 const target = mutation.target || 0;
  3508.                 if (target.nodeName === 'YT-FORMATTED-STRING') continue; // ignore changes in <yt-formatted-string>
  3509.                 if (addedNodes.length >= 1) {
  3510.                     state |= 1;
  3511.                     if (!addedNonElement) {
  3512.                         for (const addedNode of addedNodes) {
  3513.                             if (!(addedNode instanceof Element)) {
  3514.                                 addedNonElement = true;
  3515.                                 break;
  3516.                             }
  3517.                         }
  3518.                     }
  3519.                     if (state & 2) break;
  3520.                 } else if (removedNodes.length >= 1) {
  3521.                     state |= 2;
  3522.                     if (state & 1) break;
  3523.                 } else {
  3524.                     state |= 4;
  3525.                     break;
  3526.                 }
  3527.             }
  3528.             if (state === 1) {
  3529.                 if (!addedNonElement) return; // no change in anchor
  3530.             } else if (state === 2) {
  3531.                 return; // only removal
  3532.             } else if (state === 0) {
  3533.                 return; // no recognized mutation
  3534.             }
  3535.         }
  3536.  
  3537.         doShortsChecking && domCheckerForShorts();
  3538.         doDescriptionChecking && domCheckerForDescription();
  3539.         for (let i = 0; i < domCheckScheduledSelectors.length; i++) domAuthorNameCheckN(i);
  3540.  
  3541.     };
  3542.  
  3543.  
  3544.     /** @type {MutationObserver | null} */
  3545.     let domObserver = null;
  3546.  
  3547.     /** @type {(callback: (event: Event)=>{})} */
  3548.     const onPageFetched = isMobile ? (callback) => {
  3549.  
  3550.         let state = 0;
  3551.  
  3552.         window.addEventListener('state-change', function (evt) {
  3553.             if (state === 1) return; // ignore intermediate events
  3554.             state = 1; // before value: 0 or 2;
  3555.             callback(evt);
  3556.         }, false);
  3557.  
  3558.         window.addEventListener('state-navigateend', function (evt) { // fallback
  3559.             let inSeq = state === 1;
  3560.             state = 2; // 2 when loaded
  3561.             if (!inSeq) callback(evt);
  3562.         }, false);
  3563.  
  3564.     } : (callback) => {
  3565.  
  3566.         let state = 0;
  3567.  
  3568.         document.addEventListener('yt-page-data-fetched', function (evt) {
  3569.             if (state === 1) return; // ignore intermediate events if any
  3570.             state = 1; // before value: 0 or 2;
  3571.             callback(evt);
  3572.         }, false);
  3573.  
  3574.         document.addEventListener('yt-navigate-finish', function (evt) { // fallback
  3575.             let inSeq = state === 1;
  3576.             state = 2; // 2 when loaded
  3577.             if (!inSeq) callback(evt);
  3578.         }, false);
  3579.  
  3580.     };
  3581.  
  3582.  
  3583.     // let mActive = false;
  3584.     // let lastContent = '';
  3585.     const removeAttrs = () => {
  3586.         for (const s of document.querySelectorAll('a[href][dxcpj]')) {
  3587.             s.removeAttribute('dxcpj');
  3588.         }
  3589.         for (const s of document.querySelectorAll('a[href][jkrgy]')) {
  3590.             s.removeAttribute('jkrgy');
  3591.         }
  3592.     }
  3593.  
  3594.     // setInterval(() => {
  3595.     //     if (!mActive) return;
  3596.     //     let content = (document.querySelector('ytd-comments-header-renderer #title') || 0).textContent || '';
  3597.     //     if (content !== lastContent) {
  3598.     //         lastContent = content;
  3599.     //         removeAttrs();
  3600.     //     }
  3601.     // }, 400);
  3602.  
  3603.     /**
  3604.      *
  3605.      * @param {Node} app
  3606.      * @returns
  3607.      */
  3608.     function setupOnPageFetched(app) {
  3609.  
  3610.         firstDOMCheck = false;
  3611.  
  3612.         if (!cfg['INNERTUBE_API_KEY']) {
  3613.             console.warn("Userscript Error: INNERTUBE_API_KEY is not found.");
  3614.             return;
  3615.         }
  3616.  
  3617.         if (CHANGE_FOR_SHORTS_CHANNEL_NAME && location.pathname.startsWith('/shorts/')) {
  3618.             doShortsChecking = true;
  3619.         } else {
  3620.             doShortsChecking = false;
  3621.         }
  3622.  
  3623.         _lastAnchorCount = -1;
  3624.  
  3625.         if (!domObserver) {
  3626.             domObserver = new MutationObserver(domChecker);
  3627.         } else {
  3628.             domObserver.takeRecords();
  3629.             domObserver.disconnect();
  3630.         }
  3631.  
  3632.         // lastContent = (document.querySelector('ytd-comments-header-renderer #title') || 0).textContent || '';
  3633.         // mActive = true;
  3634.         removeAttrs();
  3635.  
  3636.         domObserver.observe(app, { childList: true, subtree: true, attributes: true, attributeFilter: ['jkrgy', 'href', 'dxcpj'] });
  3637.         domChecker();
  3638.  
  3639.     }
  3640.  
  3641.     /**
  3642.      *
  3643.      * @param {Object|null} dest
  3644.      * @param {Object} ytcfg
  3645.      * @param {string[]} keys
  3646.      * @returns
  3647.      */
  3648.     function getYtConfig(dest, ytcfg, keys) {
  3649.         dest = dest || {};
  3650.         if (typeof ytcfg.get === 'function') { // mobile
  3651.             for (const key of keys) {
  3652.                 dest[key] = ytcfg.get(key);
  3653.             }
  3654.         } else {
  3655.             const cfgData = ytcfg.data_ || ytcfg.__data || ytcfg._data || ytcfg.data || ytcfg; // dekstop - ytcfg.data_
  3656.             for (const key of keys) {
  3657.                 dest[key] = cfgData[key];
  3658.             }
  3659.         }
  3660.         return dest;
  3661.     }
  3662.  
  3663.     /** @type { (evt: Object) => Element | null } */
  3664.     const getPageApp = isMobile
  3665.         ? ((evt) => (document.querySelector('ytm-app#app') || document.querySelector('ytm-app')))
  3666.         : ((evt) => ((evt || 0).target || document.querySelector('ytd-app')));
  3667.  
  3668.     onPageFetched(async (evt) => {
  3669.         const app = getPageApp(evt);
  3670.         console.assert(app);
  3671.         const ytcfg = ((window || 0).ytcfg || 0);
  3672.         getYtConfig(cfg, ytcfg, ['INNERTUBE_API_KEY', 'INNERTUBE_CLIENT_VERSION', 'HL', 'GL']);
  3673.         setupOnPageFetched(app);
  3674.     });
  3675.  
  3676. })({ fetch, JSON, Request, AbortController, setTimeout, clearTimeout });

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

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

加入Q群

QingJ © 2025

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