☰

▲V2EX Polish - 体验更现代化的 V2EX 🟢

一款专为 V2EX 用户设计的浏览器插件，提供了丰富的扩展功能，让原生页面焕然一新！✨

Устаревшая версия за 13.09.2024. Перейдите к последней версии.

  1. // ==UserScript==
  2. // @name         ▲V2EX Polish - 体验更现代化的 V2EX 🟢
  3. // @namespace    https://v2p.app
  4. // @version      1.10.21
  5. // @description  一款专为 V2EX 用户设计的浏览器插件，提供了丰富的扩展功能，让原生页面焕然一新！✨
  6. // @author       LeoKu(https://leoku.dev)
  7. // @match        https://*.v2ex.com/*
  8. // @match        https://v2ex.com/*
  9. // @icon         https://v2p.app/favicon.svg
  10. // @run-at       document-start
  11. // @grant        GM_addStyle
  12. // @license      MIT
  13. // ==/UserScript==
  14.  
  15. "use strict";
  16. var __getOwnPropNames = Object.getOwnPropertyNames;
  17. var __esm = (fn, res) => function __init() {
  18.   return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
  19. };
  20.  
  21. // src/contents/polyfill.ts
  22. var init_polyfill = __esm({
  23.   "src/contents/polyfill.ts"() {
  24.     "use strict";
  25.     {
  26.       if (!window.requestIdleCallback) {
  27.         window.requestIdleCallback = function(callback) {
  28.           const start = Date.now();
  29.           return setTimeout(function() {
  30.             callback({
  31.               didTimeout: false,
  32.               timeRemaining: function() {
  33.                 return Math.max(0, 50 - (Date.now() - start));
  34.               }
  35.             });
  36.           }, 1);
  37.         };
  38.       }
  39.       if (!window.cancelIdleCallback) {
  40.         window.cancelIdleCallback = function(id) {
  41.           clearTimeout(id);
  42.         };
  43.       }
  44.     }
  45.   }
  46. });
  47.  
  48. // src/constants.ts
  49. var EXTENSION_NAME, emojiLinks, emoticons, READABLE_CONTENT_HEIGHT, MAX_CONTENT_HEIGHT, READING_CONTENT_LIMIT, dataExpiryTime, imgurClientIdPool, defaultOptions;
  50. var init_constants = __esm({
  51.   "src/constants.ts"() {
  52.     "use strict";
  53.     EXTENSION_NAME = "V2EX_Polish";
  54.     emojiLinks = {
  55.       // B 站表情。
  56.       ["[\u8131\u5355doge]" /* 脱单doge */]: {
  57.         ld: "https://i.imgur.com/L62ZP7V.png",
  58.         hd: "https://i.imgur.com/3mPhudo.png"
  59.       },
  60.       ["[doge]" /* doge */]: {
  61.         ld: "https://i.imgur.com/agAJ0Rd.png",
  62.         hd: "https://i.imgur.com/HZL0hOa.png"
  63.       },
  64.       ["[\u8FA3\u773C\u775B]" /* 辣眼睛 */]: {
  65.         ld: "https://i.imgur.com/n119Wvk.png",
  66.         hd: "https://i.imgur.com/A5WXoZJ.png"
  67.       },
  68.       ["[\u7591\u60D1]" /* 疑惑 */]: {
  69.         ld: "https://i.imgur.com/U3hKhrT.png",
  70.         hd: "https://i.imgur.com/3gCygBS.png"
  71.       },
  72.       ["[\u6342\u8138]" /* 捂脸 */]: {
  73.         ld: "https://i.imgur.com/14cwgsI.png",
  74.         hd: "https://i.imgur.com/fLp3t8s.png"
  75.       },
  76.       ["[\u54E6\u547C]" /* 哦呼 */]: {
  77.         ld: "https://i.imgur.com/km62MY2.png",
  78.         hd: "https://i.imgur.com/CXXgF4E.png"
  79.       },
  80.       ["[\u50B2\u5A07]" /* 傲娇 */]: {
  81.         ld: "https://i.imgur.com/TkdeN49.png",
  82.         hd: "https://i.imgur.com/m7IlCrD.png"
  83.       },
  84.       ["[\u601D\u8003]" /* 思考 */]: {
  85.         ld: "https://i.imgur.com/MAyk5GN.png",
  86.         hd: "https://i.imgur.com/eRJTCx7.png"
  87.       },
  88.       ["[\u5403\u74DC]" /* 吃瓜 */]: {
  89.         ld: "https://i.imgur.com/Ug1iMq4.png",
  90.         hd: "https://i.imgur.com/Gy3nwkC.png"
  91.       },
  92.       ["[\u65E0\u8BED]" /* 无语 */]: {
  93.         ld: "https://i.imgur.com/e1q9ScT.png",
  94.         hd: "https://i.imgur.com/wMfcBqD.png"
  95.       },
  96.       ["[\u5927\u54ED]" /* 大哭 */]: {
  97.         ld: "https://i.imgur.com/YGIx7lh.png",
  98.         hd: "https://i.imgur.com/SNHJxtv.png"
  99.       },
  100.       ["[\u9178\u4E86]" /* 酸了 */]: {
  101.         ld: "https://i.imgur.com/5FDsp6L.png",
  102.         hd: "https://i.imgur.com/wnQBodT.png"
  103.       },
  104.       ["[\u6253call]" /* 打call */]: {
  105.         ld: "https://i.imgur.com/pmNOo2w.png",
  106.         hd: "https://i.imgur.com/4GfTlV0.png"
  107.       },
  108.       ["[\u6B6A\u5634]" /* 歪嘴 */]: {
  109.         ld: "https://i.imgur.com/XzEYBoY.png",
  110.         hd: "https://i.imgur.com/84ycU43.png"
  111.       },
  112.       ["[\u661F\u661F\u773C]" /* 星星眼 */]: {
  113.         ld: "https://i.imgur.com/2spsghH.png",
  114.         hd: "https://i.imgur.com/oEIJRru.png"
  115.       },
  116.       ["[OK]" /* OK */]: {
  117.         ld: "https://i.imgur.com/6DMydmQ.png",
  118.         hd: "https://i.imgur.com/PE2dyjY.png"
  119.       },
  120.       ["[\u8DEA\u4E86]" /* 跪了 */]: {
  121.         ld: "https://i.imgur.com/TYtySHv.png",
  122.         hd: "https://i.imgur.com/0pjsMf0.png"
  123.       },
  124.       ["[\u54CD\u6307]" /* 响指 */]: {
  125.         ld: "https://i.imgur.com/Ac88cMm.png",
  126.         hd: "https://i.imgur.com/nkoevMu.png"
  127.       },
  128.       ["[\u8C03\u76AE]" /* 调皮 */]: {
  129.         ld: "https://i.imgur.com/O6ZZSLk.png",
  130.         hd: "https://i.imgur.com/ggHTLzH.png"
  131.       },
  132.       ["[\u7B11\u54ED]" /* 笑哭 */]: {
  133.         ld: "https://i.imgur.com/NIvxivj.png",
  134.         hd: "https://i.imgur.com/h8edr5G.png"
  135.       },
  136.       ["[\u55D1\u74DC\u5B50]" /* 嗑瓜子 */]: {
  137.         ld: "https://i.imgur.com/rjR4rdr.png",
  138.         hd: "https://i.imgur.com/GMzq0tq.png"
  139.       },
  140.       ["[\u559C\u6781\u800C\u6CE3]" /* 喜极而泣 */]: {
  141.         ld: "https://i.imgur.com/N9E3iZ2.png",
  142.         hd: "https://i.imgur.com/L1N27tb.png"
  143.       },
  144.       ["[\u60CA\u8BB6]" /* 惊讶 */]: {
  145.         ld: "https://i.imgur.com/aptfuiN.png",
  146.         hd: "https://i.imgur.com/cuzxGOI.png"
  147.       },
  148.       ["[\u7ED9\u5FC3\u5FC3]" /* 给心心 */]: {
  149.         ld: "https://i.imgur.com/4aXVwxJ.png",
  150.         hd: "https://i.imgur.com/q663Mor.png"
  151.       },
  152.       ["[\u5446]" /* 呆 */]: {
  153.         ld: "https://i.imgur.com/c1Q76Cd.png",
  154.         hd: "https://i.imgur.com/xMXlmxm.png"
  155.       },
  156.       // 小红薯表情。
  157.       ["[\u54ED\u60F9R]" /* 哭惹 */]: {
  158.         ld: "https://i.imgur.com/HgxsUD2.png",
  159.         hd: "https://i.imgur.com/0aOdQJd.png"
  160.       },
  161.       ["[\u54C7R]" /* 哇 */]: {
  162.         ld: "https://i.imgur.com/OZySWIG.png",
  163.         hd: "https://i.imgur.com/ngoi2I6.png"
  164.       },
  165.       ["[\u6C57\u989CR]" /* 汗颜 */]: {
  166.         ld: "https://i.imgur.com/jrVZoLi.png",
  167.         hd: "https://i.imgur.com/O8alqc1.png"
  168.       },
  169.       ["[\u5BB3\u7F9ER]" /* 害羞 */]: {
  170.         ld: "https://i.imgur.com/OVQjxIr.png",
  171.         hd: "https://i.imgur.com/1PeoVR5.png"
  172.       },
  173.       ["[\u840C\u840C\u54D2R]" /* 萌萌哒 */]: {
  174.         ld: "https://i.imgur.com/Ue1kikn.png",
  175.         hd: "https://i.imgur.com/vOHzwus.png"
  176.       },
  177.       ["[\u5077\u7B11R]" /* 偷笑 */]: {
  178.         ld: "https://i.imgur.com/aF7QiE5.png",
  179.         hd: "https://i.imgur.com/WneGpK9.png"
  180.       }
  181.     };
  182.     emoticons = [
  183.       {
  184.         title: "\u6D41\u884C",
  185.         list: [
  186.           "[\u8131\u5355doge]" /* 脱单doge */,
  187.           "[doge]" /* doge */,
  188.           "[\u6253call]" /* 打call */,
  189.           "[\u661F\u661F\u773C]" /* 星星眼 */,
  190.           "[\u5403\u74DC]" /* 吃瓜 */,
  191.           "[OK]" /* OK */,
  192.           "[\u54E6\u547C]" /* 哦呼 */,
  193.           "[\u601D\u8003]" /* 思考 */,
  194.           "[\u7591\u60D1]" /* 疑惑 */,
  195.           "[\u8FA3\u773C\u775B]" /* 辣眼睛 */,
  196.           "[\u50B2\u5A07]" /* 傲娇 */,
  197.           "[\u6342\u8138]" /* 捂脸 */,
  198.           "[\u65E0\u8BED]" /* 无语 */,
  199.           "[\u5927\u54ED]" /* 大哭 */,
  200.           "[\u9178\u4E86]" /* 酸了 */,
  201.           "[\u6B6A\u5634]" /* 歪嘴 */,
  202.           "[\u8C03\u76AE]" /* 调皮 */,
  203.           "[\u7B11\u54ED]" /* 笑哭 */,
  204.           "[\u55D1\u74DC\u5B50]" /* 嗑瓜子 */,
  205.           "[\u559C\u6781\u800C\u6CE3]" /* 喜极而泣 */,
  206.           "[\u60CA\u8BB6]" /* 惊讶 */,
  207.           "[\u7ED9\u5FC3\u5FC3]" /* 给心心 */,
  208.           "[\u5446]" /* 呆 */,
  209.           "[\u8DEA\u4E86]" /* 跪了 */,
  210.           "[\u54CD\u6307]" /* 响指 */,
  211.           "[\u54C7R]" /* 哇 */,
  212.           "[\u840C\u840C\u54D2R]" /* 萌萌哒 */,
  213.           "[\u5BB3\u7F9ER]" /* 害羞 */,
  214.           "[\u5077\u7B11R]" /* 偷笑 */,
  215.           "[\u54ED\u60F9R]" /* 哭惹 */,
  216.           "[\u6C57\u989CR]" /* 汗颜 */
  217.         ]
  218.       },
  219.       {
  220.         title: "\u5C0F\u9EC4\u8138",
  221.         list: [
  222.           "\u{1F600}",
  223.           "\u{1F601}",
  224.           "\u{1F602}",
  225.           "\u{1F923}",
  226.           "\u{1F605}",
  227.           "\u{1F60A}",
  228.           "\u{1F60B}",
  229.           "\u{1F618}",
  230.           "\u{1F970}",
  231.           "\u{1F617}",
  232.           "\u{1F929}",
  233.           "\u{1F914}",
  234.           "\u{1F928}",
  235.           "\u{1F610}",
  236.           "\u{1F611}",
  237.           "\u{1F644}",
  238.           "\u{1F60F}",
  239.           "\u{1F62A}",
  240.           "\u{1F62B}",
  241.           "\u{1F971}",
  242.           "\u{1F61C}",
  243.           "\u{1F612}",
  244.           "\u{1F614}",
  245.           "\u{1F628}",
  246.           "\u{1F630}",
  247.           "\u{1F631}",
  248.           "\u{1F975}",
  249.           "\u{1F621}",
  250.           "\u{1F973}",
  251.           "\u{1F97A}",
  252.           "\u{1F92D}",
  253.           "\u{1F9D0}",
  254.           "\u{1F60E}",
  255.           "\u{1F913}",
  256.           "\u{1F62D}",
  257.           "\u{1F911}",
  258.           "\u{1F92E}"
  259.         ]
  260.       },
  261.       {
  262.         title: "\u624B\u52BF",
  263.         list: [
  264.           "\u{1F64B}",
  265.           "\u{1F64E}",
  266.           "\u{1F645}",
  267.           "\u{1F647}",
  268.           "\u{1F937}",
  269.           "\u{1F90F}",
  270.           "\u{1F449}",
  271.           "\u270C\uFE0F",
  272.           "\u{1F918}",
  273.           "\u{1F919}",
  274.           "\u{1F44C}",
  275.           "\u{1F90C}",
  276.           "\u{1F44D}",
  277.           "\u{1F44E}",
  278.           "\u{1F44B}",
  279.           "\u{1F91D}",
  280.           "\u{1F64F}",
  281.           "\u{1F44F}"
  282.         ]
  283.       },
  284.       {
  285.         title: "\u5E86\u795D",
  286.         list: ["\u2728", "\u{1F389}", "\u{1F38A}"]
  287.       },
  288.       {
  289.         title: "\u5176\u4ED6",
  290.         list: ["\u{1F47B}", "\u{1F921}", "\u{1F414}", "\u{1F440}", "\u{1F4A9}", "\u{1F434}", "\u{1F984}", "\u{1F427}", "\u{1F436}", "\u{1F412}", "\u{1F648}", "\u{1F649}", "\u{1F64A}", "\u{1F435}"]
  291.       }
  292.     ];
  293.     READABLE_CONTENT_HEIGHT = 250;
  294.     MAX_CONTENT_HEIGHT = 550;
  295.     READING_CONTENT_LIMIT = 150;
  296.     dataExpiryTime = 60 * 60 * 1e3;
  297.     imgurClientIdPool = [
  298.       "3107b9ef8b316f3",
  299.       // 以下 Client ID 来自「V2EX Plus」
  300.       "442b04f26eefc8a",
  301.       "59cfebe717c09e4",
  302.       "60605aad4a62882",
  303.       "6c65ab1d3f5452a",
  304.       "83e123737849aa9",
  305.       "9311f6be1c10160",
  306.       "c4a4a563f698595",
  307.       "81be04b9e4a08ce"
  308.     ];
  309.     defaultOptions = {
  310.       openInNewTab: false,
  311.       autoCheckIn: {
  312.         enabled: true
  313.       },
  314.       theme: {
  315.         autoSwitch: false
  316.       },
  317.       reply: {
  318.         preload: "off"
  319.       },
  320.       replyContent: {
  321.         autoFold: true,
  322.         hideReplyTime: true,
  323.         hideRefName: true,
  324.         showImgInPage: true
  325.       },
  326.       nestedReply: {
  327.         display: "indent",
  328.         multipleInsideOne: "nested"
  329.       },
  330.       userTag: {
  331.         display: "inline"
  332.       }
  333.     };
  334.   }
  335. });
  336.  
  337. // src/icons.ts
  338. var iconLoading, iconLogo, iconGitHub;
  339. var init_icons = __esm({
  340.   "src/icons.ts"() {
  341.     "use strict";
  342.     iconLoading = `
  343. <svg version="1.1" id="L4" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
  344.   viewBox="0 0 100 100" enable-background="new 0 0 0 0" xml:space="preserve">
  345.   <circle fill="currentcolor" stroke="none" cx="6" cy="50" r="6">
  346.     <animate
  347.       attributeName="opacity"
  348.       dur="1s"
  349.       values="0;1;0"
  350.       repeatCount="indefinite"
  351.       begin="0.1"/>    
  352.   </circle>
  353.   <circle fill="currentcolor" stroke="none" cx="26" cy="50" r="6">
  354.     <animate
  355.       attributeName="opacity"
  356.       dur="1s"
  357.       values="0;1;0"
  358.       repeatCount="indefinite" 
  359.       begin="0.2"/>       
  360.   </circle>
  361.   <circle fill="currentcolor" stroke="none" cx="46" cy="50" r="6">
  362.     <animate
  363.       attributeName="opacity"
  364.       dur="1s"
  365.       values="0;1;0"
  366.       repeatCount="indefinite" 
  367.       begin="0.3"/>     
  368.   </circle>
  369. </svg>
  370. `;
  371.     iconLogo = `
  372. <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 88 88"><g style="mix-blend-mode:passthrough"><path d="M87.92 86.098v-.052a.592.592 0 0 0 0-.07L44.978.72l-.059-.105c-.16-.3-.415-.511-.705-.586a.961.961 0 0 0-.841.19 1.315 1.315 0 0 0-.336.378l-.058.115a2571.004 2571.004 0 0 1-8.695 17.172c-.59 1.024-.59 2.382 0 3.406 3.856 7.57 7.7 15.142 11.532 22.718.641 1.108.641 2.58 0 3.688C39.5 60.23 32.826 73.406 26.45 85.993c-.291.661-.086 1.482.46 1.84.16.104.341.158.525.158h18.52c.415.003.797-.272.992-.713l.635-1.285 8.585-17.023c.142-.317.383-.552.67-.653a.949.949 0 0 1 .855.116c.156.1.289.245.386.423l8.506 16.723.787 1.558c.199.433.575.702.985.704h.518c.087.009.175.009.263 0h17.74c.617 0 1.119-.601 1.123-1.347a1.615 1.615 0 0 0-.08-.396Z" fill="currentColor" style="mix-blend-mode:passthrough"/><path d="m38.551 48.541.62-1.232a3.095 3.095 0 0 0 0-3.02l-3.807-7.446-4.377-8.511c-.155-.308-.406-.527-.697-.61a.957.957 0 0 0-.85.17 1.252 1.252 0 0 0-.4.502L.132 86.002c-.29.658-.085 1.477.46 1.83.161.113.345.17.532.168h16.981c.41 0 .788-.27.985-.705l.65-1.302c.029-.048.055-.098.08-.15l.729-1.408c6.047-12.103 11.839-23.66 17.9-35.7.038-.062.072-.127.102-.194Z" fill="currentColor" style="mix-blend-mode:passthrough"/></g></svg>
  373. `;
  374.     iconGitHub = `
  375. <svg viewBox="0 0 24 24" aria-hidden="true">
  376.   <path fill="currentColor" clip-rule="evenodd" d="M12 2C6.477 2 2 6.463 2 11.97c0 4.404 2.865 8.14 6.839 9.458.5.092.682-.216.682-.48 0-.236-.008-.864-.013-1.695-2.782.602-3.369-1.337-3.369-1.337-.454-1.151-1.11-1.458-1.11-1.458-.908-.618.069-.606.069-.606 1.003.07 1.531 1.027 1.531 1.027.892 1.524 2.341 1.084 2.91.828.092-.643.35-1.083.636-1.332-2.22-.251-4.555-1.107-4.555-4.927 0-1.088.39-1.979 1.029-2.675-.103-.252-.446-1.266.098-2.638 0 0 .84-.268 2.75 1.022A9.607 9.607 0 0 1 12 6.82c.85.004 1.705.114 2.504.336 1.909-1.29 2.747-1.022 2.747-1.022.546 1.372.202 2.386.1 2.638.64.696 1.028 1.587 1.028 2.675 0 3.83-2.339 4.673-4.566 4.92.359.307.678.915.678 1.846 0 1.332-.012 2.407-.012 2.734 0 .267.18.577.688.48 3.97-1.32 6.833-5.054 6.833-9.458C22 6.463 17.522 2 12 2Z"></path>
  377. </svg>
  378. `;
  379.   }
  380. });
  381.  
  382. // src/utils.ts
  383. function getOS() {
  384.   const userAgent = window.navigator.userAgent.toLowerCase();
  385.   const macosPlatforms = /(macintosh|macintel|macppc|mac68k|macos)/i;
  386.   const windowsPlatforms = /(win32|win64|windows|wince)/i;
  387.   const iosPlatforms = /(iphone|ipad|ipod)/i;
  388.   let os = null;
  389.   if (macosPlatforms.test(userAgent)) {
  390.     os = "macos";
  391.   } else if (iosPlatforms.test(userAgent)) {
  392.     os = "ios";
  393.   } else if (windowsPlatforms.test(userAgent)) {
  394.     os = "windows";
  395.   } else if (userAgent.includes("android")) {
  396.     os = "android";
  397.   } else if (userAgent.includes("linux")) {
  398.     os = "linux";
  399.   }
  400.   return os;
  401. }
  402. function formatTimestamp(timestamp, { format = "YMD" } = {}) {
  403.   const date = new Date(timestamp.toString().length === 10 ? timestamp * 1e3 : timestamp);
  404.   const year = date.getFullYear().toString();
  405.   const month = (date.getMonth() + 1).toString().padStart(2, "0");
  406.   const day = date.getDate().toString().padStart(2, "0");
  407.   const YMD = `${year}-${month}-${day}`;
  408.   if (format === "YMDHM") {
  409.     const hour = date.getHours().toString().padStart(2, "0");
  410.     const minute = date.getMinutes().toString().padStart(2, "0");
  411.     return `${YMD} ${hour}:${minute}`;
  412.   }
  413.   if (format === "YMDHMS") {
  414.     const hour = date.getHours().toString().padStart(2, "0");
  415.     const minute = date.getMinutes().toString().padStart(2, "0");
  416.     const second = date.getSeconds().toString().padStart(2, "0");
  417.     return `${YMD} ${hour}:${minute}:${second}`;
  418.   }
  419.   return YMD;
  420. }
  421. function isSameDay(timestamp1, timestamp2) {
  422.   const date1 = new Date(timestamp1);
  423.   const date2 = new Date(timestamp2);
  424.   return date1.getFullYear() === date2.getFullYear() && date1.getMonth() === date2.getMonth() && date1.getDate() === date2.getDate();
  425. }
  426. function isObject(value) {
  427.   return typeof value === "object" && value !== null && !Array.isArray(value);
  428. }
  429. function deepMerge(target, source) {
  430.   const result = {};
  431.   for (const key in target) {
  432.     const targetProp = target[key];
  433.     const sourceProp = source[key];
  434.     if (isObject(targetProp) && isObject(sourceProp)) {
  435.       result[key] = deepMerge(targetProp, sourceProp);
  436.     } else if (Reflect.has(source, key)) {
  437.       result[key] = sourceProp;
  438.     } else {
  439.       result[key] = targetProp;
  440.     }
  441.   }
  442.   for (const key in source) {
  443.     if (!Reflect.has(target, key)) {
  444.       result[key] = source[key];
  445.     }
  446.   }
  447.   return result;
  448. }
  449. function getRunEnv() {
  450.   if (typeof chrome === "object" && typeof chrome.extension !== "undefined") {
  451.     return "chrome";
  452.   }
  453.   if (typeof browser === "object" && typeof browser.extension !== "undefined") {
  454.     return "web-ext";
  455.   }
  456.   return null;
  457. }
  458. function escapeHTML(htmlString) {
  459.   return htmlString.replace(/[<>&"'']/g, (match) => {
  460.     switch (match) {
  461.       case "<":
  462.         return "&lt;";
  463.       case ">":
  464.         return "&gt;";
  465.       case "&":
  466.         return "&amp;";
  467.       case '"':
  468.         return "&quot;";
  469.       case "'":
  470.         return "&#39;";
  471.       default:
  472.         return match;
  473.     }
  474.   });
  475. }
  476. function injectScript(scriptSrc) {
  477.   const script = document.createElement("script");
  478.   script.setAttribute("type", "text/javascript");
  479.   script.setAttribute("src", scriptSrc);
  480.   document.body.appendChild(script);
  481. }
  482. function isValidSettings(settings) {
  483.   return !!settings && typeof settings === "object" && "options" /* Options */ in settings;
  484. }
  485. function sleep(ms) {
  486.   return new Promise((resolve) => setTimeout(resolve, ms));
  487. }
  488. async function getV2P_Settings() {
  489.   let noteId;
  490.   {
  491.     const res = await fetch(`${V2EX_ORIGIN}/notes`);
  492.     const htmlText = await res.text();
  493.     const $page = $(htmlText);
  494.     const $note = $page.find('.note_item > .note_item_title > a[href^="/notes"]');
  495.     $note.each((_, dom) => {
  496.       const $dom = $(dom);
  497.       if ($dom.text().startsWith(mark)) {
  498.         const href = $dom.attr("href");
  499.         if (typeof href === "string") {
  500.           const id = href.split("/").at(2);
  501.           noteId = id;
  502.         }
  503.         return false;
  504.       }
  505.     });
  506.   }
  507.   if (noteId) {
  508.     const res = await fetch(`${V2EX_ORIGIN}/notes/edit/${noteId}`);
  509.     const htmlText = await res.text();
  510.     const $editor = $(htmlText).find("#note_content.note_editor");
  511.     const value = $editor.val();
  512.     if (typeof value === "string") {
  513.       const syncSettings = JSON.parse(value.replace(mark, ""));
  514.       if (isValidSettings(syncSettings)) {
  515.         return { noteId, config: syncSettings };
  516.       }
  517.     }
  518.   }
  519. }
  520. async function setV2P_Settings(storageSettings, signal) {
  521.   const data = await getV2P_Settings();
  522.   const updating = !!data;
  523.   const formData = new FormData();
  524.   const syncVersion = updating ? data.config["settings-sync" /* SyncInfo */].version + 1 : 1;
  525.   const syncInfo = {
  526.     version: syncVersion,
  527.     lastSyncTime: Date.now()
  528.   };
  529.   formData.append(
  530.     "content",
  531.     mark + JSON.stringify({ ...storageSettings, ["settings-sync" /* SyncInfo */]: syncInfo })
  532.   );
  533.   formData.append("syntax", "0");
  534.   if (updating) {
  535.     const { noteId } = data;
  536.     await fetch(`${V2EX_ORIGIN}/notes/edit/${noteId}`, {
  537.       method: "POST",
  538.       body: formData,
  539.       signal
  540.     });
  541.   } else {
  542.     formData.append("parent_id", "0");
  543.     await fetch(`${V2EX_ORIGIN}/notes/new`, {
  544.       method: "POST",
  545.       body: formData,
  546.       signal
  547.     });
  548.   }
  549.   await setStorage("settings-sync" /* SyncInfo */, syncInfo);
  550.   return syncInfo;
  551. }
  552. function getStorage(useCache = true) {
  553.   return new Promise((resolve, reject) => {
  554.     if (useCache) {
  555.       if (window.__V2P_StorageCache) {
  556.         resolve(window.__V2P_StorageCache);
  557.       }
  558.     }
  559.     const runEnv = getRunEnv();
  560.     if (!(runEnv === "chrome" || runEnv === "web-ext")) {
  561.       const data = { ["options" /* Options */]: defaultOptions };
  562.       if (typeof window !== "undefined") {
  563.         window.__V2P_StorageCache = data;
  564.       }
  565.       resolve(data);
  566.     } else {
  567.       chrome.storage.sync.get().then((items) => {
  568.         let data;
  569.         const options = items["options" /* Options */];
  570.         if (options) {
  571.           data = { ...items, ["options" /* Options */]: deepMerge(defaultOptions, options) };
  572.         } else {
  573.           data = { ...items, ["options" /* Options */]: defaultOptions };
  574.         }
  575.         if (typeof window !== "undefined") {
  576.           window.__V2P_StorageCache = data;
  577.         }
  578.         resolve(data);
  579.       }).catch(() => {
  580.         reject(new Error("\u83B7\u53D6\u6269\u5C55\u914D\u7F6E\u5931\u8D25\u3002"));
  581.       });
  582.     }
  583.   });
  584. }
  585. function getStorageSync() {
  586.   const storage = window.__V2P_StorageCache;
  587.   if (!storage) {
  588.     throw new Error(`${EXTENSION_NAME}: \u65E0\u53EF\u7528\u7684 Storage \u7F13\u5B58\u6570\u636E`);
  589.   }
  590.   return storage;
  591. }
  592. async function setStorage(storageKey, storageItem) {
  593.   switch (storageKey) {
  594.     case "options" /* Options */:
  595.     case "api" /* API */:
  596.     case "daily" /* Daily */:
  597.     case "member-tag" /* MemberTag */:
  598.     case "settings-sync" /* SyncInfo */:
  599.     case "reading-list" /* ReadingList */:
  600.       try {
  601.         await chrome.storage.sync.set({ [storageKey]: storageItem });
  602.         if (storageKey !== "api" /* API */ && storageKey !== "settings-sync" /* SyncInfo */ && typeof $ !== "undefined") {
  603.           const settings = await getStorage(false);
  604.           if (controller) {
  605.             controller.abort();
  606.           }
  607.           controller = new AbortController();
  608.           setV2P_Settings(settings, controller.signal);
  609.         }
  610.       } catch (err) {
  611.         if (String(err).includes("QUOTA_BYTES_PER_ITEM quota exceeded")) {
  612.           console.error(
  613.             `${EXTENSION_NAME}: \u65E0\u6CD5\u8BBE\u7F6E ${storageKey}\uFF0C \u5355\u4E2A item \u4E0D\u80FD\u8D85\u51FA 8 KB\uFF0C\u8BE6\u60C5\u67E5\u770B\uFF1Ahttps://developer.chrome.com/docs/extensions/reference/storage/#storage-areas`
  614.           );
  615.         }
  616.         throw new Error(`\u274C \u65E0\u6CD5\u8BBE\u7F6E\uFF1A${storageKey}`);
  617.       }
  618.       break;
  619.     default:
  620.       throw new Error(`\u672A\u77E5\u7684 storageKey\uFF1A ${storageKey}`);
  621.   }
  622. }
  623. var V2EX_ORIGIN, mark, controller;
  624. var init_utils = __esm({
  625.   "src/utils.ts"() {
  626.     "use strict";
  627.     init_constants();
  628.     V2EX_ORIGIN = typeof window !== "undefined" && window.location.origin.includes("v2ex.com") ? window.location.origin : "https://www.v2ex.com" /* Origin */;
  629.     mark = `${EXTENSION_NAME}_settings`;
  630.     controller = null;
  631.   }
  632. });
  633.  
  634. // src/contents/globals.ts
  635. function updateCommentCells() {
  636.   $commentCells = $commentBox.find('.cell[id^="r_"]');
  637.   $commentTableRows = $commentCells.find("> table > tbody > tr");
  638. }
  639. var $wrapper, $wrapperContent, $main, $topicList, $infoCard, $topicContentBox, $topicHeader, $commentBox, $commentCells, $commentTableRows, $replyBox, $replyForm, $replyTextArea, replyTextArea, loginName, topicOwnerName, topicId;
  640. var init_globals = __esm({
  641.   "src/contents/globals.ts"() {
  642.     "use strict";
  643.     $wrapper = $("#Wrapper");
  644.     $wrapperContent = $wrapper.find("> .content");
  645.     $main = $("#Main");
  646.     $topicList = $(
  647.       "#Main #Tabs ~ .cell.item, #Main #TopicsNode > .cell, #Main .cell.item:has(.item_title > .topic-link)"
  648.     );
  649.     $infoCard = $('#Rightbar > .box:has("#member-activity")');
  650.     $topicContentBox = $("#Main .box:has(.topic_buttons)");
  651.     $topicHeader = $topicContentBox.find(".header");
  652.     $commentBox = $('#Main .box:has(.cell[id^="r_"])');
  653.     $commentCells = $commentBox.find('.cell[id^="r_"]');
  654.     $commentTableRows = $commentCells.find("> table > tbody > tr");
  655.     $replyBox = $("#reply-box");
  656.     $replyForm = $replyBox.find('form[action^="/t"]');
  657.     $replyTextArea = $("#reply_content");
  658.     replyTextArea = document.querySelector("#reply_content");
  659.     loginName = $('#Top .tools > a[href^="/member"]').text();
  660.     topicOwnerName = $topicHeader.find('> small > a[href^="/member"]').text();
  661.     topicId = window.location.pathname.match(/\/t\/(\d+)/)?.at(1);
  662.   }
  663. });
  664.  
  665. // node_modules/.pnpm/lucide@0.433.0/node_modules/lucide/dist/esm/createElement.js
  666. var createElement, createElement$1;
  667. var init_createElement = __esm({
  668.   "node_modules/.pnpm/lucide@0.433.0/node_modules/lucide/dist/esm/createElement.js"() {
  669.     "use strict";
  670.     createElement = (tag, attrs, children = []) => {
  671.       const element = document.createElementNS("http://www.w3.org/2000/svg", tag);
  672.       Object.keys(attrs).forEach((name) => {
  673.         element.setAttribute(name, String(attrs[name]));
  674.       });
  675.       if (children.length) {
  676.         children.forEach((child) => {
  677.           const childElement = createElement(...child);
  678.           element.appendChild(childElement);
  679.         });
  680.       }
  681.       return element;
  682.     };
  683.     createElement$1 = ([tag, attrs, children]) => createElement(tag, attrs, children);
  684.   }
  685. });
  686.  
  687. // node_modules/.pnpm/lucide@0.433.0/node_modules/lucide/dist/esm/replaceElement.js
  688. var getAttrs, getClassNames, combineClassNames, toPascalCase, replaceElement;
  689. var init_replaceElement = __esm({
  690.   "node_modules/.pnpm/lucide@0.433.0/node_modules/lucide/dist/esm/replaceElement.js"() {
  691.     "use strict";
  692.     init_createElement();
  693.     getAttrs = (element) => Array.from(element.attributes).reduce((attrs, attr) => {
  694.       attrs[attr.name] = attr.value;
  695.       return attrs;
  696.     }, {});
  697.     getClassNames = (attrs) => {
  698.       if (typeof attrs === "string")
  699.         return attrs;
  700.       if (!attrs || !attrs.class)
  701.         return "";
  702.       if (attrs.class && typeof attrs.class === "string") {
  703.         return attrs.class.split(" ");
  704.       }
  705.       if (attrs.class && Array.isArray(attrs.class)) {
  706.         return attrs.class;
  707.       }
  708.       return "";
  709.     };
  710.     combineClassNames = (arrayOfClassnames) => {
  711.       const classNameArray = arrayOfClassnames.flatMap(getClassNames);
  712.       return classNameArray.map((classItem) => classItem.trim()).filter(Boolean).filter((value, index, self) => self.indexOf(value) === index).join(" ");
  713.     };
  714.     toPascalCase = (string) => string.replace(/(\w)(\w*)(_|-|\s*)/g, (g0, g1, g2) => g1.toUpperCase() + g2.toLowerCase());
  715.     replaceElement = (element, { nameAttr, icons, attrs }) => {
  716.       const iconName = element.getAttribute(nameAttr);
  717.       if (iconName == null)
  718.         return;
  719.       const ComponentName = toPascalCase(iconName);
  720.       const iconNode = icons[ComponentName];
  721.       if (!iconNode) {
  722.         return console.warn(
  723.           `${element.outerHTML} icon name was not found in the provided icons object.`
  724.         );
  725.       }
  726.       const elementAttrs = getAttrs(element);
  727.       const [tag, iconAttributes, children] = iconNode;
  728.       const iconAttrs = {
  729.         ...iconAttributes,
  730.         "data-lucide": iconName,
  731.         ...attrs,
  732.         ...elementAttrs
  733.       };
  734.       const classNames = combineClassNames(["lucide", `lucide-${iconName}`, elementAttrs, attrs]);
  735.       if (classNames) {
  736.         Object.assign(iconAttrs, {
  737.           class: classNames
  738.         });
  739.       }
  740.       const svgElement = createElement$1([tag, iconAttrs, children]);
  741.       return element.parentNode?.replaceChild(svgElement, element);
  742.     };
  743.   }
  744. });
  745.  
  746. // node_modules/.pnpm/lucide@0.433.0/node_modules/lucide/dist/esm/defaultAttributes.js
  747. var defaultAttributes;
  748. var init_defaultAttributes = __esm({
  749.   "node_modules/.pnpm/lucide@0.433.0/node_modules/lucide/dist/esm/defaultAttributes.js"() {
  750.     "use strict";
  751.     defaultAttributes = {
  752.       xmlns: "http://www.w3.org/2000/svg",
  753.       width: 24,
  754.       height: 24,
  755.       viewBox: "0 0 24 24",
  756.       fill: "none",
  757.       stroke: "currentColor",
  758.       "stroke-width": 2,
  759.       "stroke-linecap": "round",
  760.       "stroke-linejoin": "round"
  761.     };
  762.   }
  763. });
  764.  
  765. // node_modules/.pnpm/lucide@0.433.0/node_modules/lucide/dist/esm/icons/book-open-check.js
  766. var BookOpenCheck;
  767. var init_book_open_check = __esm({
  768.   "node_modules/.pnpm/lucide@0.433.0/node_modules/lucide/dist/esm/icons/book-open-check.js"() {
  769.     "use strict";
  770.     init_defaultAttributes();
  771.     BookOpenCheck = [
  772.       "svg",
  773.       defaultAttributes,
  774.       [
  775.         ["path", { d: "M8 3H2v15h7c1.7 0 3 1.3 3 3V7c0-2.2-1.8-4-4-4Z" }],
  776.         ["path", { d: "m16 12 2 2 4-4" }],
  777.         ["path", { d: "M22 6V3h-6c-2.2 0-4 1.8-4 4v14c0-1.7 1.3-3 3-3h7v-2.3" }]
  778.       ]
  779.     ];
  780.   }
  781. });
  782.  
  783. // node_modules/.pnpm/lucide@0.433.0/node_modules/lucide/dist/esm/icons/chevron-down.js
  784. var ChevronDown;
  785. var init_chevron_down = __esm({
  786.   "node_modules/.pnpm/lucide@0.433.0/node_modules/lucide/dist/esm/icons/chevron-down.js"() {
  787.     "use strict";
  788.     init_defaultAttributes();
  789.     ChevronDown = ["svg", defaultAttributes, [["path", { d: "m6 9 6 6 6-6" }]]];
  790.   }
  791. });
  792.  
  793. // node_modules/.pnpm/lucide@0.433.0/node_modules/lucide/dist/esm/icons/chevrons-up.js
  794. var ChevronsUp;
  795. var init_chevrons_up = __esm({
  796.   "node_modules/.pnpm/lucide@0.433.0/node_modules/lucide/dist/esm/icons/chevrons-up.js"() {
  797.     "use strict";
  798.     init_defaultAttributes();
  799.     ChevronsUp = [
  800.       "svg",
  801.       defaultAttributes,
  802.       [
  803.         ["path", { d: "m17 11-5-5-5 5" }],
  804.         ["path", { d: "m17 18-5-5-5 5" }]
  805.       ]
  806.     ];
  807.   }
  808. });
  809.  
  810. // node_modules/.pnpm/lucide@0.433.0/node_modules/lucide/dist/esm/icons/eye-off.js
  811. var EyeOff;
  812. var init_eye_off = __esm({
  813.   "node_modules/.pnpm/lucide@0.433.0/node_modules/lucide/dist/esm/icons/eye-off.js"() {
  814.     "use strict";
  815.     init_defaultAttributes();
  816.     EyeOff = [
  817.       "svg",
  818.       defaultAttributes,
  819.       [
  820.         [
  821.           "path",
  822.           {
  823.             d: "M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49"
  824.           }
  825.         ],
  826.         ["path", { d: "M14.084 14.158a3 3 0 0 1-4.242-4.242" }],
  827.         [
  828.           "path",
  829.           {
  830.             d: "M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143"
  831.           }
  832.         ],
  833.         ["path", { d: "m2 2 20 20" }]
  834.       ]
  835.     ];
  836.   }
  837. });
  838.  
  839. // node_modules/.pnpm/lucide@0.433.0/node_modules/lucide/dist/esm/icons/heart.js
  840. var Heart;
  841. var init_heart = __esm({
  842.   "node_modules/.pnpm/lucide@0.433.0/node_modules/lucide/dist/esm/icons/heart.js"() {
  843.     "use strict";
  844.     init_defaultAttributes();
  845.     Heart = [
  846.       "svg",
  847.       defaultAttributes,
  848.       [
  849.         [
  850.           "path",
  851.           {
  852.             d: "M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"
  853.           }
  854.         ]
  855.       ]
  856.     ];
  857.   }
  858. });
  859.  
  860. // node_modules/.pnpm/lucide@0.433.0/node_modules/lucide/dist/esm/icons/message-square-plus.js
  861. var MessageSquarePlus;
  862. var init_message_square_plus = __esm({
  863.   "node_modules/.pnpm/lucide@0.433.0/node_modules/lucide/dist/esm/icons/message-square-plus.js"() {
  864.     "use strict";
  865.     init_defaultAttributes();
  866.     MessageSquarePlus = [
  867.       "svg",
  868.       defaultAttributes,
  869.       [
  870.         ["path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" }],
  871.         ["path", { d: "M12 7v6" }],
  872.         ["path", { d: "M9 10h6" }]
  873.       ]
  874.     ];
  875.   }
  876. });
  877.  
  878. // node_modules/.pnpm/lucide@0.433.0/node_modules/lucide/dist/esm/icons/message-square.js
  879. var MessageSquare;
  880. var init_message_square = __esm({
  881.   "node_modules/.pnpm/lucide@0.433.0/node_modules/lucide/dist/esm/icons/message-square.js"() {
  882.     "use strict";
  883.     init_defaultAttributes();
  884.     MessageSquare = [
  885.       "svg",
  886.       defaultAttributes,
  887.       [["path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" }]]
  888.     ];
  889.   }
  890. });
  891.  
  892. // node_modules/.pnpm/lucide@0.433.0/node_modules/lucide/dist/esm/icons/moon.js
  893. var Moon;
  894. var init_moon = __esm({
  895.   "node_modules/.pnpm/lucide@0.433.0/node_modules/lucide/dist/esm/icons/moon.js"() {
  896.     "use strict";
  897.     init_defaultAttributes();
  898.     Moon = [
  899.       "svg",
  900.       defaultAttributes,
  901.       [["path", { d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z" }]]
  902.     ];
  903.   }
  904. });
  905.  
  906. // node_modules/.pnpm/lucide@0.433.0/node_modules/lucide/dist/esm/icons/package-plus.js
  907. var PackagePlus;
  908. var init_package_plus = __esm({
  909.   "node_modules/.pnpm/lucide@0.433.0/node_modules/lucide/dist/esm/icons/package-plus.js"() {
  910.     "use strict";
  911.     init_defaultAttributes();
  912.     PackagePlus = [
  913.       "svg",
  914.       defaultAttributes,
  915.       [
  916.         ["path", { d: "M16 16h6" }],
  917.         ["path", { d: "M19 13v6" }],
  918.         [
  919.           "path",
  920.           {
  921.             d: "M21 10V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l2-1.14"
  922.           }
  923.         ],
  924.         ["path", { d: "m7.5 4.27 9 5.15" }],
  925.         ["polyline", { points: "3.29 7 12 12 20.71 7" }],
  926.         ["line", { x1: "12", x2: "12", y1: "22", y2: "12" }]
  927.       ]
  928.     ];
  929.   }
  930. });
  931.  
  932. // node_modules/.pnpm/lucide@0.433.0/node_modules/lucide/dist/esm/icons/panel-right.js
  933. var PanelRight;
  934. var init_panel_right = __esm({
  935.   "node_modules/.pnpm/lucide@0.433.0/node_modules/lucide/dist/esm/icons/panel-right.js"() {
  936.     "use strict";
  937.     init_defaultAttributes();
  938.     PanelRight = [
  939.       "svg",
  940.       defaultAttributes,
  941.       [
  942.         ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }],
  943.         ["path", { d: "M15 3v18" }]
  944.       ]
  945.     ];
  946.   }
  947. });
  948.  
  949. // node_modules/.pnpm/lucide@0.433.0/node_modules/lucide/dist/esm/icons/panel-top.js
  950. var PanelTop;
  951. var init_panel_top = __esm({
  952.   "node_modules/.pnpm/lucide@0.433.0/node_modules/lucide/dist/esm/icons/panel-top.js"() {
  953.     "use strict";
  954.     init_defaultAttributes();
  955.     PanelTop = [
  956.       "svg",
  957.       defaultAttributes,
  958.       [
  959.         ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }],
  960.         ["path", { d: "M3 9h18" }]
  961.       ]
  962.     ];
  963.   }
  964. });
  965.  
  966. // node_modules/.pnpm/lucide@0.433.0/node_modules/lucide/dist/esm/icons/smile.js
  967. var Smile;
  968. var init_smile = __esm({
  969.   "node_modules/.pnpm/lucide@0.433.0/node_modules/lucide/dist/esm/icons/smile.js"() {
  970.     "use strict";
  971.     init_defaultAttributes();
  972.     Smile = [
  973.       "svg",
  974.       defaultAttributes,
  975.       [
  976.         ["circle", { cx: "12", cy: "12", r: "10" }],
  977.         ["path", { d: "M8 14s1.5 2 4 2 4-2 4-2" }],
  978.         ["line", { x1: "9", x2: "9.01", y1: "9", y2: "9" }],
  979.         ["line", { x1: "15", x2: "15.01", y1: "9", y2: "9" }]
  980.       ]
  981.     ];
  982.   }
  983. });
  984.  
  985. // node_modules/.pnpm/lucide@0.433.0/node_modules/lucide/dist/esm/icons/square-arrow-up-right.js
  986. var SquareArrowUpRight;
  987. var init_square_arrow_up_right = __esm({
  988.   "node_modules/.pnpm/lucide@0.433.0/node_modules/lucide/dist/esm/icons/square-arrow-up-right.js"() {
  989.     "use strict";
  990.     init_defaultAttributes();
  991.     SquareArrowUpRight = [
  992.       "svg",
  993.       defaultAttributes,
  994.       [
  995.         ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }],
  996.         ["path", { d: "M8 8h8v8" }],
  997.         ["path", { d: "m8 16 8-8" }]
  998.       ]
  999.     ];
  1000.   }
  1001. });
  1002.  
  1003. // node_modules/.pnpm/lucide@0.433.0/node_modules/lucide/dist/esm/icons/star.js
  1004. var Star;
  1005. var init_star = __esm({
  1006.   "node_modules/.pnpm/lucide@0.433.0/node_modules/lucide/dist/esm/icons/star.js"() {
  1007.     "use strict";
  1008.     init_defaultAttributes();
  1009.     Star = [
  1010.       "svg",
  1011.       defaultAttributes,
  1012.       [
  1013.         [
  1014.           "polygon",
  1015.           {
  1016.             points: "12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"
  1017.           }
  1018.         ]
  1019.       ]
  1020.     ];
  1021.   }
  1022. });
  1023.  
  1024. // node_modules/.pnpm/lucide@0.433.0/node_modules/lucide/dist/esm/icons/sun.js
  1025. var Sun;
  1026. var init_sun = __esm({
  1027.   "node_modules/.pnpm/lucide@0.433.0/node_modules/lucide/dist/esm/icons/sun.js"() {
  1028.     "use strict";
  1029.     init_defaultAttributes();
  1030.     Sun = [
  1031.       "svg",
  1032.       defaultAttributes,
  1033.       [
  1034.         ["circle", { cx: "12", cy: "12", r: "4" }],
  1035.         ["path", { d: "M12 2v2" }],
  1036.         ["path", { d: "M12 20v2" }],
  1037.         ["path", { d: "m4.93 4.93 1.41 1.41" }],
  1038.         ["path", { d: "m17.66 17.66 1.41 1.41" }],
  1039.         ["path", { d: "M2 12h2" }],
  1040.         ["path", { d: "M20 12h2" }],
  1041.         ["path", { d: "m6.34 17.66-1.41 1.41" }],
  1042.         ["path", { d: "m19.07 4.93-1.41 1.41" }]
  1043.       ]
  1044.     ];
  1045.   }
  1046. });
  1047.  
  1048. // node_modules/.pnpm/lucide@0.433.0/node_modules/lucide/dist/esm/icons/twitter.js
  1049. var Twitter;
  1050. var init_twitter = __esm({
  1051.   "node_modules/.pnpm/lucide@0.433.0/node_modules/lucide/dist/esm/icons/twitter.js"() {
  1052.     "use strict";
  1053.     init_defaultAttributes();
  1054.     Twitter = [
  1055.       "svg",
  1056.       defaultAttributes,
  1057.       [
  1058.         [
  1059.           "path",
  1060.           {
  1061.             d: "M22 4s-.7 2.1-2 3.4c1.6 10-9.4 17.3-18 11.6 2.2.1 4.4-.6 6-2C3 15.5.5 9.6 3 5c2.2 2.6 5.6 4.1 9 4-.9-4.2 4-6.6 7-3.8 1.1 0 3-1.2 3-1.2z"
  1062.           }
  1063.         ]
  1064.       ]
  1065.     ];
  1066.   }
  1067. });
  1068.  
  1069. // node_modules/.pnpm/lucide@0.433.0/node_modules/lucide/dist/esm/lucide.js
  1070. var createIcons;
  1071. var init_lucide = __esm({
  1072.   "node_modules/.pnpm/lucide@0.433.0/node_modules/lucide/dist/esm/lucide.js"() {
  1073.     "use strict";
  1074.     init_replaceElement();
  1075.     init_createElement();
  1076.     init_book_open_check();
  1077.     init_chevron_down();
  1078.     init_chevrons_up();
  1079.     init_eye_off();
  1080.     init_heart();
  1081.     init_message_square_plus();
  1082.     init_message_square();
  1083.     init_moon();
  1084.     init_package_plus();
  1085.     init_panel_right();
  1086.     init_panel_top();
  1087.     init_smile();
  1088.     init_square_arrow_up_right();
  1089.     init_star();
  1090.     init_sun();
  1091.     init_twitter();
  1092.     createIcons = ({ icons = {}, nameAttr = "data-lucide", attrs = {} } = {}) => {
  1093.       if (!Object.values(icons).length) {
  1094.         throw new Error(
  1095.           "Please provide an icons object.\nIf you want to use all the icons you can import it like:\n `import { createIcons, icons } from 'lucide';\nlucide.createIcons({icons});`"
  1096.         );
  1097.       }
  1098.       if (typeof document === "undefined") {
  1099.         throw new Error("`createIcons()` only works in a browser environment.");
  1100.       }
  1101.       const elementsToReplace = document.querySelectorAll(`[${nameAttr}]`);
  1102.       Array.from(elementsToReplace).forEach(
  1103.         (element) => replaceElement(element, { nameAttr, icons, attrs })
  1104.       );
  1105.       if (nameAttr === "data-lucide") {
  1106.         const deprecatedElements = document.querySelectorAll("[icon-name]");
  1107.         if (deprecatedElements.length > 0) {
  1108.           console.warn(
  1109.             "[Lucide] Some icons were found with the now deprecated icon-name attribute. These will still be replaced for backwards compatibility, but will no longer be supported in v1.0 and you should switch to data-lucide"
  1110.           );
  1111.           Array.from(deprecatedElements).forEach(
  1112.             (element) => replaceElement(element, { nameAttr: "icon-name", icons, attrs })
  1113.           );
  1114.         }
  1115.       }
  1116.     };
  1117.   }
  1118. });
  1119.  
  1120. // src/components/toast.ts
  1121. function createToast(props) {
  1122.   const { message, duration = 3e3 } = props;
  1123.   const $existTosat = $(".v2p-toast");
  1124.   if ($existTosat.length > 0) {
  1125.     $existTosat.remove();
  1126.   }
  1127.   const $toast = $(`<div class="v2p-toast">${message}</div>`).hide();
  1128.   $(document.body).append($toast);
  1129.   $toast.fadeIn("fast");
  1130.   if (duration !== 0) {
  1131.     setTimeout(() => {
  1132.       $toast.fadeOut("fast", () => {
  1133.         $toast.remove();
  1134.       });
  1135.     }, duration);
  1136.   }
  1137.   return {
  1138.     clear() {
  1139.       $toast.remove();
  1140.     }
  1141.   };
  1142. }
  1143. var init_toast = __esm({
  1144.   "src/components/toast.ts"() {
  1145.     "use strict";
  1146.   }
  1147. });
  1148.  
  1149. // src/contents/helpers.ts
  1150. function focusReplyInput() {
  1151.   if (replyTextArea instanceof HTMLTextAreaElement) {
  1152.     replyTextArea.focus();
  1153.   }
  1154. }
  1155. function insertTextToReplyInput(text) {
  1156.   if (replyTextArea instanceof HTMLTextAreaElement) {
  1157.     const startPos = replyTextArea.selectionStart;
  1158.     const endPos = replyTextArea.selectionEnd;
  1159.     const valueToStart = replyTextArea.value.substring(0, startPos);
  1160.     const valueFromEnd = replyTextArea.value.substring(endPos, replyTextArea.value.length);
  1161.     replyTextArea.value = `${valueToStart}${text}${valueFromEnd}`;
  1162.     focusReplyInput();
  1163.     replyTextArea.selectionStart = replyTextArea.selectionEnd = startPos + text.length;
  1164.   }
  1165. }
  1166. async function setMemberTags(params) {
  1167.   const { memberName, memberAvatar, tags } = params;
  1168.   const storage = await getStorage(false);
  1169.   const tagData = storage["member-tag" /* MemberTag */];
  1170.   const runEnv = getRunEnv();
  1171.   if (!(runEnv === "chrome" || runEnv === "web-ext")) {
  1172.     return;
  1173.   }
  1174.   if (tags && tags.length > 0) {
  1175.     const newTagData = {
  1176.       ...tagData,
  1177.       [memberName]: { tags, avatar: memberAvatar || tagData?.[memberName]?.avatar }
  1178.     };
  1179.     await setStorage("member-tag" /* MemberTag */, newTagData);
  1180.   } else {
  1181.     if (tagData && Reflect.has(tagData, memberName)) {
  1182.       delete tagData[memberName];
  1183.       await setStorage("member-tag" /* MemberTag */, tagData);
  1184.     }
  1185.   }
  1186. }
  1187. async function addToReadingList(params) {
  1188.   const { url, title, content } = params;
  1189.   if (!(typeof url === "string" || typeof title === "string" || typeof content === "string")) {
  1190.     const message = "\u65E0\u6CD5\u8BC6\u522B\u5C06\u8BE5\u4E3B\u9898\u7684\u5143\u6570\u636E";
  1191.     createToast({ message });
  1192.     throw new Error(message);
  1193.   }
  1194.   const storage = await getStorage();
  1195.   const currentData = storage["reading-list" /* ReadingList */]?.data || [];
  1196.   const exist = currentData.findIndex((it) => it.url === url) !== -1;
  1197.   if (exist) {
  1198.     createToast({ message: "\u8BE5\u4E3B\u9898\u5DF2\u5B58\u5728\u4E8E\u7A0D\u540E\u9605\u8BFB" });
  1199.   } else {
  1200.     if (window.__V2P_AddingReading !== true) {
  1201.       window.__V2P_AddingReading = true;
  1202.       try {
  1203.         await setStorage("reading-list" /* ReadingList */, {
  1204.           data: [
  1205.             {
  1206.               url,
  1207.               title: title.replace(" - V2EX", ""),
  1208.               content: content.length > READING_CONTENT_LIMIT ? content.substring(0, READING_CONTENT_LIMIT) + "..." : content,
  1209.               addedTime: Date.now()
  1210.             },
  1211.             ...currentData
  1212.           ]
  1213.         });
  1214.         createToast({ message: "\u2705 \u5DF2\u6DFB\u52A0\u8FDB\u7A0D\u540E\u9605\u8BFB" });
  1215.         await sleep(500);
  1216.       } finally {
  1217.         window.__V2P_AddingReading = false;
  1218.       }
  1219.     }
  1220.   }
  1221. }
  1222. function customEscape(str) {
  1223.   return str.replace(
  1224.     /[^a-zA-Z0-9_.!~*'()-]/g,
  1225.     (c) => `%${c.charCodeAt(0).toString(16).toUpperCase().padStart(2, "0")}`
  1226.   );
  1227. }
  1228. function decodeBase64TopicPage() {
  1229.   const dataTitle = "\u70B9\u51FB\u590D\u5236";
  1230.   if (window.__V2P_DecodeStatus === "decodeed") {
  1231.     createToast({ message: "\u5DF2\u89E3\u6790\u5B8C\u672C\u9875\u6240\u6709\u7684 Base64 \u5B57\u7B26\u4E32" });
  1232.   } else {
  1233.     const $topicContentBox2 = $("#Main .box:has(.topic_content)");
  1234.     const $commentBox2 = $('#Main .box:has(.cell[id^="r_"])');
  1235.     const $commentCells2 = $commentBox2.find('.cell[id^="r_"]');
  1236.     let count = 0;
  1237.     const excludeList = [
  1238.       "boss",
  1239.       "bilibili",
  1240.       "Bilibili",
  1241.       "Encrypto",
  1242.       "encrypto",
  1243.       "Window10",
  1244.       "airpords",
  1245.       "Windows7"
  1246.     ];
  1247.     const convertHTMLText = (text, excludeTextList) => {
  1248.       if (text.length % 4 !== 0 || text.length <= 8) {
  1249.         return text;
  1250.       }
  1251.       if (excludeList.includes(text)) {
  1252.         return text;
  1253.       }
  1254.       if (text.includes("=")) {
  1255.         const paddingIndex = text.indexOf("=");
  1256.         if (paddingIndex !== text.length - 1 && paddingIndex !== text.length - 2) {
  1257.           return text;
  1258.         }
  1259.       }
  1260.       if (excludeTextList?.some((excludeText) => excludeText.includes(text))) {
  1261.         return text;
  1262.       }
  1263.       try {
  1264.         const decodedStr = decodeURIComponent(customEscape(window.atob(text)));
  1265.         count += 1;
  1266.         return `${text}<span class="v2p-decode-block">(<ins class="v2p-decode" data-title="${dataTitle}">${decodedStr}</ins>)</span>`;
  1267.       } catch (err) {
  1268.         if (err instanceof Error) {
  1269.           console.error(`\u89E3\u6790 Base64 \u51FA\u9519\uFF1A${err.message}`);
  1270.         }
  1271.         return text;
  1272.       }
  1273.     };
  1274.     const base64regex = /[A-z0-9+/=]+/g;
  1275.     const contentHandler = (_, content) => {
  1276.       const excludeTextList = [
  1277.         ...content.getElementsByTagName("a"),
  1278.         ...content.getElementsByTagName("img")
  1279.       ].map((ele) => ele.outerHTML);
  1280.       content.innerHTML = content.innerHTML.replace(
  1281.         base64regex,
  1282.         (htmlText) => convertHTMLText(htmlText, excludeTextList)
  1283.       );
  1284.     };
  1285.     $commentCells2.find(".reply_content").each(contentHandler);
  1286.     $topicContentBox2.find(".topic_content").each(contentHandler);
  1287.     if (count === 0) {
  1288.       createToast({ message: "\u672C\u9875\u672A\u53D1\u73B0 Base64 \u5B57\u7B26\u4E32" });
  1289.     } else {
  1290.       window.__V2P_DecodeStatus = "decodeed";
  1291.       createToast({ message: `\u2705 \u5DF2\u89E3\u6790\u672C\u9875\u6240\u6709\u7684 Base64 \u5B57\u7B26\u4E32\uFF0C\u5171 ${count} \u6761` });
  1292.     }
  1293.     $(".v2p-decode").on("click", (ev) => {
  1294.       const text = ev.target.innerText;
  1295.       void navigator.clipboard.writeText(text).then(() => {
  1296.         ev.target.dataset.title = "\u2705 \u5DF2\u590D\u5236";
  1297.         setTimeout(() => {
  1298.           ev.target.dataset.title = dataTitle;
  1299.         }, 1e3);
  1300.       });
  1301.     });
  1302.   }
  1303. }
  1304. function postTask(expression, callback) {
  1305.   const runEnv = getRunEnv();
  1306.   if (!runEnv) {
  1307.     const result = Function(`"use strict"; ${expression}`)();
  1308.     callback?.(result);
  1309.   } else {
  1310.     if (callback) {
  1311.       if (window.__V2P_Tasks) {
  1312.         window.__V2P_Tasks.set(Date.now(), callback);
  1313.       } else {
  1314.         window.__V2P_Tasks = /* @__PURE__ */ new Map([[Date.now(), callback]]);
  1315.       }
  1316.     }
  1317.     const messageData = {
  1318.       from: 0 /* Content */,
  1319.       payload: { task: { id: Date.now(), expression } }
  1320.     };
  1321.     window.postMessage(messageData);
  1322.   }
  1323. }
  1324. function loadIcons() {
  1325.   setTimeout(() => {
  1326.     createIcons({
  1327.       attrs: {
  1328.         width: "100%",
  1329.         height: "100%"
  1330.       },
  1331.       icons: {
  1332.         MessageSquarePlus,
  1333.         MessageSquare,
  1334.         BookOpenCheck,
  1335.         ChevronsUp,
  1336.         Heart,
  1337.         EyeOff,
  1338.         Sun,
  1339.         Moon,
  1340.         Smile,
  1341.         PackagePlus,
  1342.         Star,
  1343.         Twitter,
  1344.         ChevronDown,
  1345.         ArrowUpRightSquare: SquareArrowUpRight
  1346.       }
  1347.     });
  1348.   }, 0);
  1349. }
  1350. function transformEmoji(textValue) {
  1351.   return textValue.replace(/\[[^\]]+\]/g, (x) => {
  1352.     const emojiLink = emojiLinks[x].ld;
  1353.     if (typeof emojiLink === "string") {
  1354.       return `${emojiLink} `;
  1355.     }
  1356.     return x;
  1357.   });
  1358. }
  1359. function getTagsText(tags) {
  1360.   return tags.map((it) => it.name).join("\uFF0C");
  1361. }
  1362. var init_helpers = __esm({
  1363.   "src/contents/helpers.ts"() {
  1364.     "use strict";
  1365.     init_lucide();
  1366.     init_toast();
  1367.     init_constants();
  1368.     init_utils();
  1369.     init_globals();
  1370.   }
  1371. });
  1372.  
  1373. // src/contents/common.ts
  1374. var common_exports = {};
  1375. var init_common = __esm({
  1376.   "src/contents/common.ts"() {
  1377.     "use strict";
  1378.     init_polyfill();
  1379.     init_constants();
  1380.     init_icons();
  1381.     init_utils();
  1382.     init_globals();
  1383.     init_helpers();
  1384.     if ($("#site-header").length > 0) {
  1385.       $(document.body).addClass("v2p-mobile");
  1386.     }
  1387.     void (async () => {
  1388.       const storage = await getStorage();
  1389.       const options = storage["options" /* Options */];
  1390.       const $toggle = $("#Rightbar .light-toggle").addClass("v2p-color-mode-toggle");
  1391.       if (options.theme.autoSwitch) {
  1392.         const perfersDark = window.matchMedia("(prefers-color-scheme: dark)");
  1393.         const toggleTheme = (preferDark) => {
  1394.           const shouldSync = preferDark && !$wrapper.hasClass("Night") || !preferDark && $wrapper.hasClass("Night");
  1395.           if (shouldSync) {
  1396.             const href = $toggle.attr("href");
  1397.             if (typeof href === "string") {
  1398.               fetch(href);
  1399.             }
  1400.             if (preferDark) {
  1401.               $toggle.prop("title", "\u4F7F\u7528\u6D45\u8272\u4E3B\u9898");
  1402.               $toggle.html('<i data-lucide="sun"></i>');
  1403.             } else {
  1404.               $toggle.prop("title", "\u4F7F\u7528\u6DF1\u8272\u4E3B\u9898");
  1405.               $toggle.html('<i data-lucide="moon"></i>');
  1406.             }
  1407.             loadIcons();
  1408.           }
  1409.           if (preferDark) {
  1410.             $(document.body).addClass("v2p-theme-dark");
  1411.             $wrapper.addClass("Night");
  1412.           } else {
  1413.             $(document.body).removeClass("v2p-theme-dark");
  1414.             $wrapper.removeClass("Night");
  1415.           }
  1416.         };
  1417.         toggleTheme(perfersDark.matches);
  1418.         perfersDark.addEventListener("change", ({ matches }) => {
  1419.           toggleTheme(matches);
  1420.         });
  1421.         $toggle.on("click", () => {
  1422.           void setStorage("options" /* Options */, deepMerge(options, { theme: { autoSwitch: false } }));
  1423.         });
  1424.       }
  1425.       const syncInfo = storage["settings-sync" /* SyncInfo */];
  1426.       if (syncInfo) {
  1427.         const lastCheckTime = syncInfo.lastCheckTime;
  1428.         const twoHours = 2 * 60 * 1e3 * 60;
  1429.         const neverChecked = !lastCheckTime;
  1430.         if (lastCheckTime && Date.now() - lastCheckTime >= twoHours || neverChecked) {
  1431.           const isSignInPage = window.location.href.includes("/signin");
  1432.           if (!isSignInPage) {
  1433.             void getV2P_Settings().then(async (res) => {
  1434.               const settings = res?.config;
  1435.               const remoteSyncInfo = settings?.["settings-sync" /* SyncInfo */];
  1436.               if (settings && remoteSyncInfo) {
  1437.                 if (syncInfo.version < remoteSyncInfo.version || neverChecked) {
  1438.                   await chrome.storage.sync.set(
  1439.                     deepMerge(storage, {
  1440.                       ...settings,
  1441.                       ["settings-sync" /* SyncInfo */]: {
  1442.                         ...settings["settings-sync" /* SyncInfo */],
  1443.                         lastCheckTime: Date.now()
  1444.                       }
  1445.                     })
  1446.                   );
  1447.                 }
  1448.               }
  1449.             });
  1450.           }
  1451.         }
  1452.       }
  1453.       {
  1454.         const $toggleImg = $toggle.find("> img");
  1455.         const alt = $toggleImg.prop("alt");
  1456.         if (alt === "Light") {
  1457.           $toggle.prop("title", "\u4F7F\u7528\u6DF1\u8272\u4E3B\u9898");
  1458.           $toggleImg.replaceWith('<i data-lucide="moon"></i>');
  1459.         } else if (alt === "Dark") {
  1460.           $toggle.prop("title", "\u4F7F\u7528\u6D45\u8272\u4E3B\u9898");
  1461.           $toggleImg.replaceWith('<i data-lucide="sun"></i>');
  1462.         }
  1463.       }
  1464.       {
  1465.         $("#Top .site-nav .tools > .top").addClass("v2p-hover-btn");
  1466.       }
  1467.       if (options.hideAccount) {
  1468.         const link = $("link[rel~='icon']");
  1469.         link.prop("href", "https://v2p.app/favicon.svg");
  1470.         $("#Logo").css("opacity", "0");
  1471.         $("#Top").find('a[href^="/member/"]').remove();
  1472.         $infoCard.find('a[href^="/member/"]').css("opacity", "0");
  1473.       }
  1474.       {
  1475.         const runEnv = getRunEnv();
  1476.         if (runEnv === "chrome" || runEnv === "web-ext") {
  1477.           injectScript(chrome.runtime.getURL("scripts/web_accessible_resources.min.js"));
  1478.           window.addEventListener("message", (ev) => {
  1479.             if (ev.data.from === 1 /* Web */) {
  1480.               const payload = ev.data.payload;
  1481.               const task = payload?.task;
  1482.               if (payload?.status === "ready") {
  1483.                 postTask('if (typeof window.once === "string") { return window.once; }', (result) => {
  1484.                   if (typeof result === "string") {
  1485.                     window.once = result;
  1486.                   }
  1487.                 });
  1488.               }
  1489.               if (task) {
  1490.                 window.__V2P_Tasks?.get(task.id)?.(task.result);
  1491.               }
  1492.             }
  1493.           });
  1494.         }
  1495.       }
  1496.       {
  1497.         const $extraFooter = $(`
  1498.     <div class="v2p-footer">
  1499.       <div class="v2p-footer-text">\u6269\u5C55\u81EA V2EX Polish </div>
  1500.  
  1501.       <div class="v2p-footer-links">
  1502.         <a class="v2p-footer-link v2p-hover-btn" href="${"https://v2p.app" /* Home */}" target="_blank">\u63D2\u4EF6\u5B98\u7F51</a>
  1503.         <a class="v2p-footer-link v2p-hover-btn" href="${"https://github.com/coolpace/V2EX_Polish/discussions/1?sort=new" /* Feedback */}" target="_blank">\u95EE\u9898\u53CD\u9988</a>
  1504.         <a class="v2p-footer-link v2p-hover-btn" href="${"https://v2p.app/support" /* Support */}" target="_blank">\u8D5E\u8D4F\u652F\u6301</a>
  1505.         <a class="v2p-footer-link v2p-hover-btn v2p-optbtn" href="javascript:void(0);">\u9009\u9879\u8BBE\u7F6E</a>
  1506.       </div>
  1507.  
  1508.       <div class="v2p-footer-brand">
  1509.         <span>
  1510.           <a
  1511.             href="https://github.com/coolpace/V2EX_Polish"
  1512.             target="_blank"
  1513.             title="GitHub \u4ED3\u5E93"
  1514.           >
  1515.             ${iconGitHub}
  1516.           </a>
  1517.         </span>
  1518.       </div>
  1519.     </div>
  1520.     `);
  1521.         $extraFooter.find(".v2p-optbtn").on("click", () => {
  1522.           chrome.runtime.sendMessage({ ["showOptions" /* showOptions */]: true });
  1523.         });
  1524.         $(`<div class="v2p-footer-logo">${iconLogo}</div>`).prependTo($extraFooter);
  1525.         $("#Bottom .content").append($extraFooter);
  1526.       }
  1527.     })();
  1528.   }
  1529. });
  1530.  
  1531. // node_modules/.pnpm/@floating-ui+utils@0.2.3/node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs
  1532. function clamp(start, value, end) {
  1533.   return max(start, min(value, end));
  1534. }
  1535. function evaluate(value, param) {
  1536.   return typeof value === "function" ? value(param) : value;
  1537. }
  1538. function getSide(placement) {
  1539.   return placement.split("-")[0];
  1540. }
  1541. function getAlignment(placement) {
  1542.   return placement.split("-")[1];
  1543. }
  1544. function getOppositeAxis(axis) {
  1545.   return axis === "x" ? "y" : "x";
  1546. }
  1547. function getAxisLength(axis) {
  1548.   return axis === "y" ? "height" : "width";
  1549. }
  1550. function getSideAxis(placement) {
  1551.   return ["top", "bottom"].includes(getSide(placement)) ? "y" : "x";
  1552. }
  1553. function getAlignmentAxis(placement) {
  1554.   return getOppositeAxis(getSideAxis(placement));
  1555. }
  1556. function getAlignmentSides(placement, rects, rtl) {
  1557.   if (rtl === void 0) {
  1558.     rtl = false;
  1559.   }
  1560.   const alignment = getAlignment(placement);
  1561.   const alignmentAxis = getAlignmentAxis(placement);
  1562.   const length = getAxisLength(alignmentAxis);
  1563.   let mainAlignmentSide = alignmentAxis === "x" ? alignment === (rtl ? "end" : "start") ? "right" : "left" : alignment === "start" ? "bottom" : "top";
  1564.   if (rects.reference[length] > rects.floating[length]) {
  1565.     mainAlignmentSide = getOppositePlacement(mainAlignmentSide);
  1566.   }
  1567.   return [mainAlignmentSide, getOppositePlacement(mainAlignmentSide)];
  1568. }
  1569. function getExpandedPlacements(placement) {
  1570.   const oppositePlacement = getOppositePlacement(placement);
  1571.   return [getOppositeAlignmentPlacement(placement), oppositePlacement, getOppositeAlignmentPlacement(oppositePlacement)];
  1572. }
  1573. function getOppositeAlignmentPlacement(placement) {
  1574.   return placement.replace(/start|end/g, (alignment) => oppositeAlignmentMap[alignment]);
  1575. }
  1576. function getSideList(side, isStart, rtl) {
  1577.   const lr = ["left", "right"];
  1578.   const rl = ["right", "left"];
  1579.   const tb = ["top", "bottom"];
  1580.   const bt = ["bottom", "top"];
  1581.   switch (side) {
  1582.     case "top":
  1583.     case "bottom":
  1584.       if (rtl) return isStart ? rl : lr;
  1585.       return isStart ? lr : rl;
  1586.     case "left":
  1587.     case "right":
  1588.       return isStart ? tb : bt;
  1589.     default:
  1590.       return [];
  1591.   }
  1592. }
  1593. function getOppositeAxisPlacements(placement, flipAlignment, direction, rtl) {
  1594.   const alignment = getAlignment(placement);
  1595.   let list = getSideList(getSide(placement), direction === "start", rtl);
  1596.   if (alignment) {
  1597.     list = list.map((side) => side + "-" + alignment);
  1598.     if (flipAlignment) {
  1599.       list = list.concat(list.map(getOppositeAlignmentPlacement));
  1600.     }
  1601.   }
  1602.   return list;
  1603. }
  1604. function getOppositePlacement(placement) {
  1605.   return placement.replace(/left|right|bottom|top/g, (side) => oppositeSideMap[side]);
  1606. }
  1607. function expandPaddingObject(padding) {
  1608.   return {
  1609.     top: 0,
  1610.     right: 0,
  1611.     bottom: 0,
  1612.     left: 0,
  1613.     ...padding
  1614.   };
  1615. }
  1616. function getPaddingObject(padding) {
  1617.   return typeof padding !== "number" ? expandPaddingObject(padding) : {
  1618.     top: padding,
  1619.     right: padding,
  1620.     bottom: padding,
  1621.     left: padding
  1622.   };
  1623. }
  1624. function rectToClientRect(rect) {
  1625.   const {
  1626.     x,
  1627.     y,
  1628.     width,
  1629.     height
  1630.   } = rect;
  1631.   return {
  1632.     width,
  1633.     height,
  1634.     top: y,
  1635.     left: x,
  1636.     right: x + width,
  1637.     bottom: y + height,
  1638.     x,
  1639.     y
  1640.   };
  1641. }
  1642. var min, max, oppositeSideMap, oppositeAlignmentMap;
  1643. var init_floating_ui_utils = __esm({
  1644.   "node_modules/.pnpm/@floating-ui+utils@0.2.3/node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs"() {
  1645.     "use strict";
  1646.     min = Math.min;
  1647.     max = Math.max;
  1648.     oppositeSideMap = {
  1649.       left: "right",
  1650.       right: "left",
  1651.       bottom: "top",
  1652.       top: "bottom"
  1653.     };
  1654.     oppositeAlignmentMap = {
  1655.       start: "end",
  1656.       end: "start"
  1657.     };
  1658.   }
  1659. });
  1660.  
  1661. // node_modules/.pnpm/@floating-ui+core@1.6.3/node_modules/@floating-ui/core/dist/floating-ui.core.mjs
  1662. function computeCoordsFromPlacement(_ref, placement, rtl) {
  1663.   let {
  1664.     reference,
  1665.     floating
  1666.   } = _ref;
  1667.   const sideAxis = getSideAxis(placement);
  1668.   const alignmentAxis = getAlignmentAxis(placement);
  1669.   const alignLength = getAxisLength(alignmentAxis);
  1670.   const side = getSide(placement);
  1671.   const isVertical = sideAxis === "y";
  1672.   const commonX = reference.x + reference.width / 2 - floating.width / 2;
  1673.   const commonY = reference.y + reference.height / 2 - floating.height / 2;
  1674.   const commonAlign = reference[alignLength] / 2 - floating[alignLength] / 2;
  1675.   let coords;
  1676.   switch (side) {
  1677.     case "top":
  1678.       coords = {
  1679.         x: commonX,
  1680.         y: reference.y - floating.height
  1681.       };
  1682.       break;
  1683.     case "bottom":
  1684.       coords = {
  1685.         x: commonX,
  1686.         y: reference.y + reference.height
  1687.       };
  1688.       break;
  1689.     case "right":
  1690.       coords = {
  1691.         x: reference.x + reference.width,
  1692.         y: commonY
  1693.       };
  1694.       break;
  1695.     case "left":
  1696.       coords = {
  1697.         x: reference.x - floating.width,
  1698.         y: commonY
  1699.       };
  1700.       break;
  1701.     default:
  1702.       coords = {
  1703.         x: reference.x,
  1704.         y: reference.y
  1705.       };
  1706.   }
  1707.   switch (getAlignment(placement)) {
  1708.     case "start":
  1709.       coords[alignmentAxis] -= commonAlign * (rtl && isVertical ? -1 : 1);
  1710.       break;
  1711.     case "end":
  1712.       coords[alignmentAxis] += commonAlign * (rtl && isVertical ? -1 : 1);
  1713.       break;
  1714.   }
  1715.   return coords;
  1716. }
  1717. async function detectOverflow(state, options) {
  1718.   var _await$platform$isEle;
  1719.   if (options === void 0) {
  1720.     options = {};
  1721.   }
  1722.   const {
  1723.     x,
  1724.     y,
  1725.     platform: platform2,
  1726.     rects,
  1727.     elements,
  1728.     strategy
  1729.   } = state;
  1730.   const {
  1731.     boundary = "clippingAncestors",
  1732.     rootBoundary = "viewport",
  1733.     elementContext = "floating",
  1734.     altBoundary = false,
  1735.     padding = 0
  1736.   } = evaluate(options, state);
  1737.   const paddingObject = getPaddingObject(padding);
  1738.   const altContext = elementContext === "floating" ? "reference" : "floating";
  1739.   const element = elements[altBoundary ? altContext : elementContext];
  1740.   const clippingClientRect = rectToClientRect(await platform2.getClippingRect({
  1741.     element: ((_await$platform$isEle = await (platform2.isElement == null ? void 0 : platform2.isElement(element))) != null ? _await$platform$isEle : true) ? element : element.contextElement || await (platform2.getDocumentElement == null ? void 0 : platform2.getDocumentElement(elements.floating)),
  1742.     boundary,
  1743.     rootBoundary,
  1744.     strategy
  1745.   }));
  1746.   const rect = elementContext === "floating" ? {
  1747.     x,
  1748.     y,
  1749.     width: rects.floating.width,
  1750.     height: rects.floating.height
  1751.   } : rects.reference;
  1752.   const offsetParent = await (platform2.getOffsetParent == null ? void 0 : platform2.getOffsetParent(elements.floating));
  1753.   const offsetScale = await (platform2.isElement == null ? void 0 : platform2.isElement(offsetParent)) ? await (platform2.getScale == null ? void 0 : platform2.getScale(offsetParent)) || {
  1754.     x: 1,
  1755.     y: 1
  1756.   } : {
  1757.     x: 1,
  1758.     y: 1
  1759.   };
  1760.   const elementClientRect = rectToClientRect(platform2.convertOffsetParentRelativeRectToViewportRelativeRect ? await platform2.convertOffsetParentRelativeRectToViewportRelativeRect({
  1761.     elements,
  1762.     rect,
  1763.     offsetParent,
  1764.     strategy
  1765.   }) : rect);
  1766.   return {
  1767.     top: (clippingClientRect.top - elementClientRect.top + paddingObject.top) / offsetScale.y,
  1768.     bottom: (elementClientRect.bottom - clippingClientRect.bottom + paddingObject.bottom) / offsetScale.y,
  1769.     left: (clippingClientRect.left - elementClientRect.left + paddingObject.left) / offsetScale.x,
  1770.     right: (elementClientRect.right - clippingClientRect.right + paddingObject.right) / offsetScale.x
  1771.   };
  1772. }
  1773. async function convertValueToCoords(state, options) {
  1774.   const {
  1775.     placement,
  1776.     platform: platform2,
  1777.     elements
  1778.   } = state;
  1779.   const rtl = await (platform2.isRTL == null ? void 0 : platform2.isRTL(elements.floating));
  1780.   const side = getSide(placement);
  1781.   const alignment = getAlignment(placement);
  1782.   const isVertical = getSideAxis(placement) === "y";
  1783.   const mainAxisMulti = ["left", "top"].includes(side) ? -1 : 1;
  1784.   const crossAxisMulti = rtl && isVertical ? -1 : 1;
  1785.   const rawValue = evaluate(options, state);
  1786.   let {
  1787.     mainAxis,
  1788.     crossAxis,
  1789.     alignmentAxis
  1790.   } = typeof rawValue === "number" ? {
  1791.     mainAxis: rawValue,
  1792.     crossAxis: 0,
  1793.     alignmentAxis: null
  1794.   } : {
  1795.     mainAxis: 0,
  1796.     crossAxis: 0,
  1797.     alignmentAxis: null,
  1798.     ...rawValue
  1799.   };
  1800.   if (alignment && typeof alignmentAxis === "number") {
  1801.     crossAxis = alignment === "end" ? alignmentAxis * -1 : alignmentAxis;
  1802.   }
  1803.   return isVertical ? {
  1804.     x: crossAxis * crossAxisMulti,
  1805.     y: mainAxis * mainAxisMulti
  1806.   } : {
  1807.     x: mainAxis * mainAxisMulti,
  1808.     y: crossAxis * crossAxisMulti
  1809.   };
  1810. }
  1811. var computePosition, flip, offset, shift;
  1812. var init_floating_ui_core = __esm({
  1813.   "node_modules/.pnpm/@floating-ui+core@1.6.3/node_modules/@floating-ui/core/dist/floating-ui.core.mjs"() {
  1814.     "use strict";
  1815.     init_floating_ui_utils();
  1816.     init_floating_ui_utils();
  1817.     computePosition = async (reference, floating, config) => {
  1818.       const {
  1819.         placement = "bottom",
  1820.         strategy = "absolute",
  1821.         middleware = [],
  1822.         platform: platform2
  1823.       } = config;
  1824.       const validMiddleware = middleware.filter(Boolean);
  1825.       const rtl = await (platform2.isRTL == null ? void 0 : platform2.isRTL(floating));
  1826.       let rects = await platform2.getElementRects({
  1827.         reference,
  1828.         floating,
  1829.         strategy
  1830.       });
  1831.       let {
  1832.         x,
  1833.         y
  1834.       } = computeCoordsFromPlacement(rects, placement, rtl);
  1835.       let statefulPlacement = placement;
  1836.       let middlewareData = {};
  1837.       let resetCount = 0;
  1838.       for (let i = 0; i < validMiddleware.length; i++) {
  1839.         const {
  1840.           name,
  1841.           fn
  1842.         } = validMiddleware[i];
  1843.         const {
  1844.           x: nextX,
  1845.           y: nextY,
  1846.           data,
  1847.           reset
  1848.         } = await fn({
  1849.           x,
  1850.           y,
  1851.           initialPlacement: placement,
  1852.           placement: statefulPlacement,
  1853.           strategy,
  1854.           middlewareData,
  1855.           rects,
  1856.           platform: platform2,
  1857.           elements: {
  1858.             reference,
  1859.             floating
  1860.           }
  1861.         });
  1862.         x = nextX != null ? nextX : x;
  1863.         y = nextY != null ? nextY : y;
  1864.         middlewareData = {
  1865.           ...middlewareData,
  1866.           [name]: {
  1867.             ...middlewareData[name],
  1868.             ...data
  1869.           }
  1870.         };
  1871.         if (reset && resetCount <= 50) {
  1872.           resetCount++;
  1873.           if (typeof reset === "object") {
  1874.             if (reset.placement) {
  1875.               statefulPlacement = reset.placement;
  1876.             }
  1877.             if (reset.rects) {
  1878.               rects = reset.rects === true ? await platform2.getElementRects({
  1879.                 reference,
  1880.                 floating,
  1881.                 strategy
  1882.               }) : reset.rects;
  1883.             }
  1884.             ({
  1885.               x,
  1886.               y
  1887.             } = computeCoordsFromPlacement(rects, statefulPlacement, rtl));
  1888.           }
  1889.           i = -1;
  1890.         }
  1891.       }
  1892.       return {
  1893.         x,
  1894.         y,
  1895.         placement: statefulPlacement,
  1896.         strategy,
  1897.         middlewareData
  1898.       };
  1899.     };
  1900.     flip = function(options) {
  1901.       if (options === void 0) {
  1902.         options = {};
  1903.       }
  1904.       return {
  1905.         name: "flip",
  1906.         options,
  1907.         async fn(state) {
  1908.           var _middlewareData$arrow, _middlewareData$flip;
  1909.           const {
  1910.             placement,
  1911.             middlewareData,
  1912.             rects,
  1913.             initialPlacement,
  1914.             platform: platform2,
  1915.             elements
  1916.           } = state;
  1917.           const {
  1918.             mainAxis: checkMainAxis = true,
  1919.             crossAxis: checkCrossAxis = true,
  1920.             fallbackPlacements: specifiedFallbackPlacements,
  1921.             fallbackStrategy = "bestFit",
  1922.             fallbackAxisSideDirection = "none",
  1923.             flipAlignment = true,
  1924.             ...detectOverflowOptions
  1925.           } = evaluate(options, state);
  1926.           if ((_middlewareData$arrow = middlewareData.arrow) != null && _middlewareData$arrow.alignmentOffset) {
  1927.             return {};
  1928.           }
  1929.           const side = getSide(placement);
  1930.           const initialSideAxis = getSideAxis(initialPlacement);
  1931.           const isBasePlacement = getSide(initialPlacement) === initialPlacement;
  1932.           const rtl = await (platform2.isRTL == null ? void 0 : platform2.isRTL(elements.floating));
  1933.           const fallbackPlacements = specifiedFallbackPlacements || (isBasePlacement || !flipAlignment ? [getOppositePlacement(initialPlacement)] : getExpandedPlacements(initialPlacement));
  1934.           const hasFallbackAxisSideDirection = fallbackAxisSideDirection !== "none";
  1935.           if (!specifiedFallbackPlacements && hasFallbackAxisSideDirection) {
  1936.             fallbackPlacements.push(...getOppositeAxisPlacements(initialPlacement, flipAlignment, fallbackAxisSideDirection, rtl));
  1937.           }
  1938.           const placements2 = [initialPlacement, ...fallbackPlacements];
  1939.           const overflow = await detectOverflow(state, detectOverflowOptions);
  1940.           const overflows = [];
  1941.           let overflowsData = ((_middlewareData$flip = middlewareData.flip) == null ? void 0 : _middlewareData$flip.overflows) || [];
  1942.           if (checkMainAxis) {
  1943.             overflows.push(overflow[side]);
  1944.           }
  1945.           if (checkCrossAxis) {
  1946.             const sides2 = getAlignmentSides(placement, rects, rtl);
  1947.             overflows.push(overflow[sides2[0]], overflow[sides2[1]]);
  1948.           }
  1949.           overflowsData = [...overflowsData, {
  1950.             placement,
  1951.             overflows
  1952.           }];
  1953.           if (!overflows.every((side2) => side2 <= 0)) {
  1954.             var _middlewareData$flip2, _overflowsData$filter;
  1955.             const nextIndex = (((_middlewareData$flip2 = middlewareData.flip) == null ? void 0 : _middlewareData$flip2.index) || 0) + 1;
  1956.             const nextPlacement = placements2[nextIndex];
  1957.             if (nextPlacement) {
  1958.               return {
  1959.                 data: {
  1960.                   index: nextIndex,
  1961.                   overflows: overflowsData
  1962.                 },
  1963.                 reset: {
  1964.                   placement: nextPlacement
  1965.                 }
  1966.               };
  1967.             }
  1968.             let resetPlacement = (_overflowsData$filter = overflowsData.filter((d) => d.overflows[0] <= 0).sort((a, b) => a.overflows[1] - b.overflows[1])[0]) == null ? void 0 : _overflowsData$filter.placement;
  1969.             if (!resetPlacement) {
  1970.               switch (fallbackStrategy) {
  1971.                 case "bestFit": {
  1972.                   var _overflowsData$filter2;
  1973.                   const placement2 = (_overflowsData$filter2 = overflowsData.filter((d) => {
  1974.                     if (hasFallbackAxisSideDirection) {
  1975.                       const currentSideAxis = getSideAxis(d.placement);
  1976.                       return currentSideAxis === initialSideAxis || // Create a bias to the `y` side axis due to horizontal
  1977.                       // reading directions favoring greater width.
  1978.                       currentSideAxis === "y";
  1979.                     }
  1980.                     return true;
  1981.                   }).map((d) => [d.placement, d.overflows.filter((overflow2) => overflow2 > 0).reduce((acc, overflow2) => acc + overflow2, 0)]).sort((a, b) => a[1] - b[1])[0]) == null ? void 0 : _overflowsData$filter2[0];
  1982.                   if (placement2) {
  1983.                     resetPlacement = placement2;
  1984.                   }
  1985.                   break;
  1986.                 }
  1987.                 case "initialPlacement":
  1988.                   resetPlacement = initialPlacement;
  1989.                   break;
  1990.               }
  1991.             }
  1992.             if (placement !== resetPlacement) {
  1993.               return {
  1994.                 reset: {
  1995.                   placement: resetPlacement
  1996.                 }
  1997.               };
  1998.             }
  1999.           }
  2000.           return {};
  2001.         }
  2002.       };
  2003.     };
  2004.     offset = function(options) {
  2005.       if (options === void 0) {
  2006.         options = 0;
  2007.       }
  2008.       return {
  2009.         name: "offset",
  2010.         options,
  2011.         async fn(state) {
  2012.           var _middlewareData$offse, _middlewareData$arrow;
  2013.           const {
  2014.             x,
  2015.             y,
  2016.             placement,
  2017.             middlewareData
  2018.           } = state;
  2019.           const diffCoords = await convertValueToCoords(state, options);
  2020.           if (placement === ((_middlewareData$offse = middlewareData.offset) == null ? void 0 : _middlewareData$offse.placement) && (_middlewareData$arrow = middlewareData.arrow) != null && _middlewareData$arrow.alignmentOffset) {
  2021.             return {};
  2022.           }
  2023.           return {
  2024.             x: x + diffCoords.x,
  2025.             y: y + diffCoords.y,
  2026.             data: {
  2027.               ...diffCoords,
  2028.               placement
  2029.             }
  2030.           };
  2031.         }
  2032.       };
  2033.     };
  2034.     shift = function(options) {
  2035.       if (options === void 0) {
  2036.         options = {};
  2037.       }
  2038.       return {
  2039.         name: "shift",
  2040.         options,
  2041.         async fn(state) {
  2042.           const {
  2043.             x,
  2044.             y,
  2045.             placement
  2046.           } = state;
  2047.           const {
  2048.             mainAxis: checkMainAxis = true,
  2049.             crossAxis: checkCrossAxis = false,
  2050.             limiter = {
  2051.               fn: (_ref) => {
  2052.                 let {
  2053.                   x: x2,
  2054.                   y: y2
  2055.                 } = _ref;
  2056.                 return {
  2057.                   x: x2,
  2058.                   y: y2
  2059.                 };
  2060.               }
  2061.             },
  2062.             ...detectOverflowOptions
  2063.           } = evaluate(options, state);
  2064.           const coords = {
  2065.             x,
  2066.             y
  2067.           };
  2068.           const overflow = await detectOverflow(state, detectOverflowOptions);
  2069.           const crossAxis = getSideAxis(getSide(placement));
  2070.           const mainAxis = getOppositeAxis(crossAxis);
  2071.           let mainAxisCoord = coords[mainAxis];
  2072.           let crossAxisCoord = coords[crossAxis];
  2073.           if (checkMainAxis) {
  2074.             const minSide = mainAxis === "y" ? "top" : "left";
  2075.             const maxSide = mainAxis === "y" ? "bottom" : "right";
  2076.             const min3 = mainAxisCoord + overflow[minSide];
  2077.             const max3 = mainAxisCoord - overflow[maxSide];
  2078.             mainAxisCoord = clamp(min3, mainAxisCoord, max3);
  2079.           }
  2080.           if (checkCrossAxis) {
  2081.             const minSide = crossAxis === "y" ? "top" : "left";
  2082.             const maxSide = crossAxis === "y" ? "bottom" : "right";
  2083.             const min3 = crossAxisCoord + overflow[minSide];
  2084.             const max3 = crossAxisCoord - overflow[maxSide];
  2085.             crossAxisCoord = clamp(min3, crossAxisCoord, max3);
  2086.           }
  2087.           const limitedCoords = limiter.fn({
  2088.             ...state,
  2089.             [mainAxis]: mainAxisCoord,
  2090.             [crossAxis]: crossAxisCoord
  2091.           });
  2092.           return {
  2093.             ...limitedCoords,
  2094.             data: {
  2095.               x: limitedCoords.x - x,
  2096.               y: limitedCoords.y - y
  2097.             }
  2098.           };
  2099.         }
  2100.       };
  2101.     };
  2102.   }
  2103. });
  2104.  
  2105. // node_modules/.pnpm/@floating-ui+dom@1.4.5/node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs
  2106. function getWindow(node) {
  2107.   var _node$ownerDocument;
  2108.   return (node == null ? void 0 : (_node$ownerDocument = node.ownerDocument) == null ? void 0 : _node$ownerDocument.defaultView) || window;
  2109. }
  2110. function getComputedStyle$1(element) {
  2111.   return getWindow(element).getComputedStyle(element);
  2112. }
  2113. function isNode(value) {
  2114.   return value instanceof getWindow(value).Node;
  2115. }
  2116. function getNodeName(node) {
  2117.   if (isNode(node)) {
  2118.     return (node.nodeName || "").toLowerCase();
  2119.   }
  2120.   return "#document";
  2121. }
  2122. function isHTMLElement(value) {
  2123.   return value instanceof HTMLElement || value instanceof getWindow(value).HTMLElement;
  2124. }
  2125. function isShadowRoot(node) {
  2126.   if (typeof ShadowRoot === "undefined") {
  2127.     return false;
  2128.   }
  2129.   return node instanceof getWindow(node).ShadowRoot || node instanceof ShadowRoot;
  2130. }
  2131. function isOverflowElement(element) {
  2132.   const {
  2133.     overflow,
  2134.     overflowX,
  2135.     overflowY,
  2136.     display
  2137.   } = getComputedStyle$1(element);
  2138.   return /auto|scroll|overlay|hidden|clip/.test(overflow + overflowY + overflowX) && !["inline", "contents"].includes(display);
  2139. }
  2140. function isTableElement(element) {
  2141.   return ["table", "td", "th"].includes(getNodeName(element));
  2142. }
  2143. function isContainingBlock(element) {
  2144.   const safari = isSafari();
  2145.   const css = getComputedStyle$1(element);
  2146.   return css.transform !== "none" || css.perspective !== "none" || (css.containerType ? css.containerType !== "normal" : false) || !safari && (css.backdropFilter ? css.backdropFilter !== "none" : false) || !safari && (css.filter ? css.filter !== "none" : false) || ["transform", "perspective", "filter"].some((value) => (css.willChange || "").includes(value)) || ["paint", "layout", "strict", "content"].some((value) => (css.contain || "").includes(value));
  2147. }
  2148. function isSafari() {
  2149.   if (typeof CSS === "undefined" || !CSS.supports) return false;
  2150.   return CSS.supports("-webkit-backdrop-filter", "none");
  2151. }
  2152. function isLastTraversableNode(node) {
  2153.   return ["html", "body", "#document"].includes(getNodeName(node));
  2154. }
  2155. function getCssDimensions(element) {
  2156.   const css = getComputedStyle$1(element);
  2157.   let width = parseFloat(css.width) || 0;
  2158.   let height = parseFloat(css.height) || 0;
  2159.   const hasOffset = isHTMLElement(element);
  2160.   const offsetWidth = hasOffset ? element.offsetWidth : width;
  2161.   const offsetHeight = hasOffset ? element.offsetHeight : height;
  2162.   const shouldFallback = round(width) !== offsetWidth || round(height) !== offsetHeight;
  2163.   if (shouldFallback) {
  2164.     width = offsetWidth;
  2165.     height = offsetHeight;
  2166.   }
  2167.   return {
  2168.     width,
  2169.     height,
  2170.     $: shouldFallback
  2171.   };
  2172. }
  2173. function isElement(value) {
  2174.   return value instanceof Element || value instanceof getWindow(value).Element;
  2175. }
  2176. function unwrapElement(element) {
  2177.   return !isElement(element) ? element.contextElement : element;
  2178. }
  2179. function getScale(element) {
  2180.   const domElement = unwrapElement(element);
  2181.   if (!isHTMLElement(domElement)) {
  2182.     return createCoords(1);
  2183.   }
  2184.   const rect = domElement.getBoundingClientRect();
  2185.   const {
  2186.     width,
  2187.     height,
  2188.     $: $2
  2189.   } = getCssDimensions(domElement);
  2190.   let x = ($2 ? round(rect.width) : rect.width) / width;
  2191.   let y = ($2 ? round(rect.height) : rect.height) / height;
  2192.   if (!x || !Number.isFinite(x)) {
  2193.     x = 1;
  2194.   }
  2195.   if (!y || !Number.isFinite(y)) {
  2196.     y = 1;
  2197.   }
  2198.   return {
  2199.     x,
  2200.     y
  2201.   };
  2202. }
  2203. function getVisualOffsets(element) {
  2204.   const win = getWindow(element);
  2205.   if (!isSafari() || !win.visualViewport) {
  2206.     return noOffsets;
  2207.   }
  2208.   return {
  2209.     x: win.visualViewport.offsetLeft,
  2210.     y: win.visualViewport.offsetTop
  2211.   };
  2212. }
  2213. function shouldAddVisualOffsets(element, isFixed, floatingOffsetParent) {
  2214.   if (isFixed === void 0) {
  2215.     isFixed = false;
  2216.   }
  2217.   if (!floatingOffsetParent || isFixed && floatingOffsetParent !== getWindow(element)) {
  2218.     return false;
  2219.   }
  2220.   return isFixed;
  2221. }
  2222. function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetParent) {
  2223.   if (includeScale === void 0) {
  2224.     includeScale = false;
  2225.   }
  2226.   if (isFixedStrategy === void 0) {
  2227.     isFixedStrategy = false;
  2228.   }
  2229.   const clientRect = element.getBoundingClientRect();
  2230.   const domElement = unwrapElement(element);
  2231.   let scale = createCoords(1);
  2232.   if (includeScale) {
  2233.     if (offsetParent) {
  2234.       if (isElement(offsetParent)) {
  2235.         scale = getScale(offsetParent);
  2236.       }
  2237.     } else {
  2238.       scale = getScale(element);
  2239.     }
  2240.   }
  2241.   const visualOffsets = shouldAddVisualOffsets(domElement, isFixedStrategy, offsetParent) ? getVisualOffsets(domElement) : createCoords(0);
  2242.   let x = (clientRect.left + visualOffsets.x) / scale.x;
  2243.   let y = (clientRect.top + visualOffsets.y) / scale.y;
  2244.   let width = clientRect.width / scale.x;
  2245.   let height = clientRect.height / scale.y;
  2246.   if (domElement) {
  2247.     const win = getWindow(domElement);
  2248.     const offsetWin = offsetParent && isElement(offsetParent) ? getWindow(offsetParent) : offsetParent;
  2249.     let currentIFrame = win.frameElement;
  2250.     while (currentIFrame && offsetParent && offsetWin !== win) {
  2251.       const iframeScale = getScale(currentIFrame);
  2252.       const iframeRect = currentIFrame.getBoundingClientRect();
  2253.       const css = getComputedStyle(currentIFrame);
  2254.       const left = iframeRect.left + (currentIFrame.clientLeft + parseFloat(css.paddingLeft)) * iframeScale.x;
  2255.       const top = iframeRect.top + (currentIFrame.clientTop + parseFloat(css.paddingTop)) * iframeScale.y;
  2256.       x *= iframeScale.x;
  2257.       y *= iframeScale.y;
  2258.       width *= iframeScale.x;
  2259.       height *= iframeScale.y;
  2260.       x += left;
  2261.       y += top;
  2262.       currentIFrame = getWindow(currentIFrame).frameElement;
  2263.     }
  2264.   }
  2265.   return rectToClientRect({
  2266.     width,
  2267.     height,
  2268.     x,
  2269.     y
  2270.   });
  2271. }
  2272. function getNodeScroll(element) {
  2273.   if (isElement(element)) {
  2274.     return {
  2275.       scrollLeft: element.scrollLeft,
  2276.       scrollTop: element.scrollTop
  2277.     };
  2278.   }
  2279.   return {
  2280.     scrollLeft: element.pageXOffset,
  2281.     scrollTop: element.pageYOffset
  2282.   };
  2283. }
  2284. function getDocumentElement(node) {
  2285.   var _ref;
  2286.   return (_ref = (isNode(node) ? node.ownerDocument : node.document) || window.document) == null ? void 0 : _ref.documentElement;
  2287. }
  2288. function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
  2289.   let {
  2290.     rect,
  2291.     offsetParent,
  2292.     strategy
  2293.   } = _ref;
  2294.   const isOffsetParentAnElement = isHTMLElement(offsetParent);
  2295.   const documentElement = getDocumentElement(offsetParent);
  2296.   if (offsetParent === documentElement) {
  2297.     return rect;
  2298.   }
  2299.   let scroll = {
  2300.     scrollLeft: 0,
  2301.     scrollTop: 0
  2302.   };
  2303.   let scale = createCoords(1);
  2304.   const offsets = createCoords(0);
  2305.   if (isOffsetParentAnElement || !isOffsetParentAnElement && strategy !== "fixed") {
  2306.     if (getNodeName(offsetParent) !== "body" || isOverflowElement(documentElement)) {
  2307.       scroll = getNodeScroll(offsetParent);
  2308.     }
  2309.     if (isHTMLElement(offsetParent)) {
  2310.       const offsetRect = getBoundingClientRect(offsetParent);
  2311.       scale = getScale(offsetParent);
  2312.       offsets.x = offsetRect.x + offsetParent.clientLeft;
  2313.       offsets.y = offsetRect.y + offsetParent.clientTop;
  2314.     }
  2315.   }
  2316.   return {
  2317.     width: rect.width * scale.x,
  2318.     height: rect.height * scale.y,
  2319.     x: rect.x * scale.x - scroll.scrollLeft * scale.x + offsets.x,
  2320.     y: rect.y * scale.y - scroll.scrollTop * scale.y + offsets.y
  2321.   };
  2322. }
  2323. function getClientRects(element) {
  2324.   return Array.from(element.getClientRects());
  2325. }
  2326. function getWindowScrollBarX(element) {
  2327.   return getBoundingClientRect(getDocumentElement(element)).left + getNodeScroll(element).scrollLeft;
  2328. }
  2329. function getDocumentRect(element) {
  2330.   const html = getDocumentElement(element);
  2331.   const scroll = getNodeScroll(element);
  2332.   const body = element.ownerDocument.body;
  2333.   const width = max2(html.scrollWidth, html.clientWidth, body.scrollWidth, body.clientWidth);
  2334.   const height = max2(html.scrollHeight, html.clientHeight, body.scrollHeight, body.clientHeight);
  2335.   let x = -scroll.scrollLeft + getWindowScrollBarX(element);
  2336.   const y = -scroll.scrollTop;
  2337.   if (getComputedStyle$1(body).direction === "rtl") {
  2338.     x += max2(html.clientWidth, body.clientWidth) - width;
  2339.   }
  2340.   return {
  2341.     width,
  2342.     height,
  2343.     x,
  2344.     y
  2345.   };
  2346. }
  2347. function getParentNode(node) {
  2348.   if (getNodeName(node) === "html") {
  2349.     return node;
  2350.   }
  2351.   const result = (
  2352.     // Step into the shadow DOM of the parent of a slotted node.
  2353.     node.assignedSlot || // DOM Element detected.
  2354.     node.parentNode || // ShadowRoot detected.
  2355.     isShadowRoot(node) && node.host || // Fallback.
  2356.     getDocumentElement(node)
  2357.   );
  2358.   return isShadowRoot(result) ? result.host : result;
  2359. }
  2360. function getNearestOverflowAncestor(node) {
  2361.   const parentNode = getParentNode(node);
  2362.   if (isLastTraversableNode(parentNode)) {
  2363.     return node.ownerDocument ? node.ownerDocument.body : node.body;
  2364.   }
  2365.   if (isHTMLElement(parentNode) && isOverflowElement(parentNode)) {
  2366.     return parentNode;
  2367.   }
  2368.   return getNearestOverflowAncestor(parentNode);
  2369. }
  2370. function getOverflowAncestors(node, list) {
  2371.   var _node$ownerDocument;
  2372.   if (list === void 0) {
  2373.     list = [];
  2374.   }
  2375.   const scrollableAncestor = getNearestOverflowAncestor(node);
  2376.   const isBody = scrollableAncestor === ((_node$ownerDocument = node.ownerDocument) == null ? void 0 : _node$ownerDocument.body);
  2377.   const win = getWindow(scrollableAncestor);
  2378.   if (isBody) {
  2379.     return list.concat(win, win.visualViewport || [], isOverflowElement(scrollableAncestor) ? scrollableAncestor : []);
  2380.   }
  2381.   return list.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor));
  2382. }
  2383. function getViewportRect(element, strategy) {
  2384.   const win = getWindow(element);
  2385.   const html = getDocumentElement(element);
  2386.   const visualViewport = win.visualViewport;
  2387.   let width = html.clientWidth;
  2388.   let height = html.clientHeight;
  2389.   let x = 0;
  2390.   let y = 0;
  2391.   if (visualViewport) {
  2392.     width = visualViewport.width;
  2393.     height = visualViewport.height;
  2394.     const visualViewportBased = isSafari();
  2395.     if (!visualViewportBased || visualViewportBased && strategy === "fixed") {
  2396.       x = visualViewport.offsetLeft;
  2397.       y = visualViewport.offsetTop;
  2398.     }
  2399.   }
  2400.   return {
  2401.     width,
  2402.     height,
  2403.     x,
  2404.     y
  2405.   };
  2406. }
  2407. function getInnerBoundingClientRect(element, strategy) {
  2408.   const clientRect = getBoundingClientRect(element, true, strategy === "fixed");
  2409.   const top = clientRect.top + element.clientTop;
  2410.   const left = clientRect.left + element.clientLeft;
  2411.   const scale = isHTMLElement(element) ? getScale(element) : createCoords(1);
  2412.   const width = element.clientWidth * scale.x;
  2413.   const height = element.clientHeight * scale.y;
  2414.   const x = left * scale.x;
  2415.   const y = top * scale.y;
  2416.   return {
  2417.     width,
  2418.     height,
  2419.     x,
  2420.     y
  2421.   };
  2422. }
  2423. function getClientRectFromClippingAncestor(element, clippingAncestor, strategy) {
  2424.   let rect;
  2425.   if (clippingAncestor === "viewport") {
  2426.     rect = getViewportRect(element, strategy);
  2427.   } else if (clippingAncestor === "document") {
  2428.     rect = getDocumentRect(getDocumentElement(element));
  2429.   } else if (isElement(clippingAncestor)) {
  2430.     rect = getInnerBoundingClientRect(clippingAncestor, strategy);
  2431.   } else {
  2432.     const visualOffsets = getVisualOffsets(element);
  2433.     rect = {
  2434.       ...clippingAncestor,
  2435.       x: clippingAncestor.x - visualOffsets.x,
  2436.       y: clippingAncestor.y - visualOffsets.y
  2437.     };
  2438.   }
  2439.   return rectToClientRect(rect);
  2440. }
  2441. function hasFixedPositionAncestor(element, stopNode) {
  2442.   const parentNode = getParentNode(element);
  2443.   if (parentNode === stopNode || !isElement(parentNode) || isLastTraversableNode(parentNode)) {
  2444.     return false;
  2445.   }
  2446.   return getComputedStyle$1(parentNode).position === "fixed" || hasFixedPositionAncestor(parentNode, stopNode);
  2447. }
  2448. function getClippingElementAncestors(element, cache) {
  2449.   const cachedResult = cache.get(element);
  2450.   if (cachedResult) {
  2451.     return cachedResult;
  2452.   }
  2453.   let result = getOverflowAncestors(element).filter((el) => isElement(el) && getNodeName(el) !== "body");
  2454.   let currentContainingBlockComputedStyle = null;
  2455.   const elementIsFixed = getComputedStyle$1(element).position === "fixed";
  2456.   let currentNode = elementIsFixed ? getParentNode(element) : element;
  2457.   while (isElement(currentNode) && !isLastTraversableNode(currentNode)) {
  2458.     const computedStyle = getComputedStyle$1(currentNode);
  2459.     const currentNodeIsContaining = isContainingBlock(currentNode);
  2460.     if (!currentNodeIsContaining && computedStyle.position === "fixed") {
  2461.       currentContainingBlockComputedStyle = null;
  2462.     }
  2463.     const shouldDropCurrentNode = elementIsFixed ? !currentNodeIsContaining && !currentContainingBlockComputedStyle : !currentNodeIsContaining && computedStyle.position === "static" && !!currentContainingBlockComputedStyle && ["absolute", "fixed"].includes(currentContainingBlockComputedStyle.position) || isOverflowElement(currentNode) && !currentNodeIsContaining && hasFixedPositionAncestor(element, currentNode);
  2464.     if (shouldDropCurrentNode) {
  2465.       result = result.filter((ancestor) => ancestor !== currentNode);
  2466.     } else {
  2467.       currentContainingBlockComputedStyle = computedStyle;
  2468.     }
  2469.     currentNode = getParentNode(currentNode);
  2470.   }
  2471.   cache.set(element, result);
  2472.   return result;
  2473. }
  2474. function getClippingRect(_ref) {
  2475.   let {
  2476.     element,
  2477.     boundary,
  2478.     rootBoundary,
  2479.     strategy
  2480.   } = _ref;
  2481.   const elementClippingAncestors = boundary === "clippingAncestors" ? getClippingElementAncestors(element, this._c) : [].concat(boundary);
  2482.   const clippingAncestors = [...elementClippingAncestors, rootBoundary];
  2483.   const firstClippingAncestor = clippingAncestors[0];
  2484.   const clippingRect = clippingAncestors.reduce((accRect, clippingAncestor) => {
  2485.     const rect = getClientRectFromClippingAncestor(element, clippingAncestor, strategy);
  2486.     accRect.top = max2(rect.top, accRect.top);
  2487.     accRect.right = min2(rect.right, accRect.right);
  2488.     accRect.bottom = min2(rect.bottom, accRect.bottom);
  2489.     accRect.left = max2(rect.left, accRect.left);
  2490.     return accRect;
  2491.   }, getClientRectFromClippingAncestor(element, firstClippingAncestor, strategy));
  2492.   return {
  2493.     width: clippingRect.right - clippingRect.left,
  2494.     height: clippingRect.bottom - clippingRect.top,
  2495.     x: clippingRect.left,
  2496.     y: clippingRect.top
  2497.   };
  2498. }
  2499. function getDimensions(element) {
  2500.   return getCssDimensions(element);
  2501. }
  2502. function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
  2503.   const isOffsetParentAnElement = isHTMLElement(offsetParent);
  2504.   const documentElement = getDocumentElement(offsetParent);
  2505.   const isFixed = strategy === "fixed";
  2506.   const rect = getBoundingClientRect(element, true, isFixed, offsetParent);
  2507.   let scroll = {
  2508.     scrollLeft: 0,
  2509.     scrollTop: 0
  2510.   };
  2511.   const offsets = createCoords(0);
  2512.   if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {
  2513.     if (getNodeName(offsetParent) !== "body" || isOverflowElement(documentElement)) {
  2514.       scroll = getNodeScroll(offsetParent);
  2515.     }
  2516.     if (isHTMLElement(offsetParent)) {
  2517.       const offsetRect = getBoundingClientRect(offsetParent, true, isFixed, offsetParent);
  2518.       offsets.x = offsetRect.x + offsetParent.clientLeft;
  2519.       offsets.y = offsetRect.y + offsetParent.clientTop;
  2520.     } else if (documentElement) {
  2521.       offsets.x = getWindowScrollBarX(documentElement);
  2522.     }
  2523.   }
  2524.   return {
  2525.     x: rect.left + scroll.scrollLeft - offsets.x,
  2526.     y: rect.top + scroll.scrollTop - offsets.y,
  2527.     width: rect.width,
  2528.     height: rect.height
  2529.   };
  2530. }
  2531. function getTrueOffsetParent(element, polyfill) {
  2532.   if (!isHTMLElement(element) || getComputedStyle$1(element).position === "fixed") {
  2533.     return null;
  2534.   }
  2535.   if (polyfill) {
  2536.     return polyfill(element);
  2537.   }
  2538.   return element.offsetParent;
  2539. }
  2540. function getContainingBlock(element) {
  2541.   let currentNode = getParentNode(element);
  2542.   while (isHTMLElement(currentNode) && !isLastTraversableNode(currentNode)) {
  2543.     if (isContainingBlock(currentNode)) {
  2544.       return currentNode;
  2545.     } else {
  2546.       currentNode = getParentNode(currentNode);
  2547.     }
  2548.   }
  2549.   return null;
  2550. }
  2551. function getOffsetParent(element, polyfill) {
  2552.   const window2 = getWindow(element);
  2553.   if (!isHTMLElement(element)) {
  2554.     return window2;
  2555.   }
  2556.   let offsetParent = getTrueOffsetParent(element, polyfill);
  2557.   while (offsetParent && isTableElement(offsetParent) && getComputedStyle$1(offsetParent).position === "static") {
  2558.     offsetParent = getTrueOffsetParent(offsetParent, polyfill);
  2559.   }
  2560.   if (offsetParent && (getNodeName(offsetParent) === "html" || getNodeName(offsetParent) === "body" && getComputedStyle$1(offsetParent).position === "static" && !isContainingBlock(offsetParent))) {
  2561.     return window2;
  2562.   }
  2563.   return offsetParent || getContainingBlock(element) || window2;
  2564. }
  2565. function isRTL(element) {
  2566.   return getComputedStyle(element).direction === "rtl";
  2567. }
  2568. var min2, max2, round, createCoords, noOffsets, getElementRects, platform, computePosition2;
  2569. var init_floating_ui_dom = __esm({
  2570.   "node_modules/.pnpm/@floating-ui+dom@1.4.5/node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs"() {
  2571.     "use strict";
  2572.     init_floating_ui_core();
  2573.     init_floating_ui_core();
  2574.     min2 = Math.min;
  2575.     max2 = Math.max;
  2576.     round = Math.round;
  2577.     createCoords = (v) => ({
  2578.       x: v,
  2579.       y: v
  2580.     });
  2581.     noOffsets = /* @__PURE__ */ createCoords(0);
  2582.     getElementRects = async function(_ref) {
  2583.       let {
  2584.         reference,
  2585.         floating,
  2586.         strategy
  2587.       } = _ref;
  2588.       const getOffsetParentFn = this.getOffsetParent || getOffsetParent;
  2589.       const getDimensionsFn = this.getDimensions;
  2590.       return {
  2591.         reference: getRectRelativeToOffsetParent(reference, await getOffsetParentFn(floating), strategy),
  2592.         floating: {
  2593.           x: 0,
  2594.           y: 0,
  2595.           ...await getDimensionsFn(floating)
  2596.         }
  2597.       };
  2598.     };
  2599.     platform = {
  2600.       convertOffsetParentRelativeRectToViewportRelativeRect,
  2601.       getDocumentElement,
  2602.       getClippingRect,
  2603.       getOffsetParent,
  2604.       getElementRects,
  2605.       getClientRects,
  2606.       getDimensions,
  2607.       getScale,
  2608.       isElement,
  2609.       isRTL
  2610.     };
  2611.     computePosition2 = (reference, floating, options) => {
  2612.       const cache = /* @__PURE__ */ new Map();
  2613.       const mergedOptions = {
  2614.         platform,
  2615.         ...options
  2616.       };
  2617.       const platformWithCache = {
  2618.         ...mergedOptions.platform,
  2619.         _c: cache
  2620.       };
  2621.       return computePosition(reference, floating, {
  2622.         ...mergedOptions,
  2623.         platform: platformWithCache
  2624.       });
  2625.     };
  2626.   }
  2627. });
  2628.  
  2629. // src/components/popup.ts
  2630. function createPopup(props) {
  2631.   const {
  2632.     root,
  2633.     trigger,
  2634.     triggerType = "click",
  2635.     content,
  2636.     options,
  2637.     onOpen,
  2638.     onClose,
  2639.     placement = "bottom-start",
  2640.     offsetOptions = { mainAxis: 5, crossAxis: 5 }
  2641.   } = props;
  2642.   const $popupContent = $('<div class="v2p-popup-content">');
  2643.   const $popup = $('<div class="v2p-popup" tabindex="0">').css("visibility", "hidden").append($popupContent);
  2644.   root.append($popup);
  2645.   if (content) {
  2646.     $popup.append(content);
  2647.   }
  2648.   const popup = $popup.get(0);
  2649.   const handleClickOutside = (ev) => {
  2650.     if ($(ev.target).closest(popup).length === 0) {
  2651.       handlePopupClose();
  2652.     }
  2653.   };
  2654.   const handlePopupClose = () => {
  2655.     $popup.css("visibility", "hidden");
  2656.     $(document).off("click", handleClickOutside);
  2657.     onClose?.();
  2658.     popupControl2.onClose?.();
  2659.   };
  2660.   const handlePopupOpen = ($reference) => {
  2661.     if (!$reference) {
  2662.       return;
  2663.     }
  2664.     setTimeout(() => {
  2665.       $(document).on("click", handleClickOutside);
  2666.     });
  2667.     const referenceElement = $reference.get(0);
  2668.     computePosition2(referenceElement, popup, {
  2669.       placement,
  2670.       middleware: [offset(offsetOptions), flip(), shift({ padding: 8 })],
  2671.       ...options
  2672.     }).then(({ x, y }) => {
  2673.       Object.assign(popup.style, {
  2674.         left: `${x}px`,
  2675.         top: `${y}px`
  2676.       });
  2677.       $popup.css("visibility", "visible");
  2678.     }).catch(() => {
  2679.       handlePopupClose();
  2680.       createToast({ message: "\u274C Popup \u6E32\u67D3\u5931\u8D25" });
  2681.     });
  2682.     onOpen?.();
  2683.   };
  2684.   const popupControl2 = {
  2685.     $content: $popupContent,
  2686.     isOver: false,
  2687.     open: (reference) => {
  2688.       handlePopupOpen(reference);
  2689.     },
  2690.     close: handlePopupClose
  2691.   };
  2692.   if (triggerType === "hover") {
  2693.     $popup.on("mouseover", () => {
  2694.       if (!popupControl2.isOver) {
  2695.         popupControl2.isOver = true;
  2696.         $popup.off("mouseleave").on("mouseleave", () => {
  2697.           popupControl2.isOver = false;
  2698.           setTimeout(() => {
  2699.             if (!popupControl2.isOver) {
  2700.               popupControl2.close();
  2701.             }
  2702.           }, hoverDelay);
  2703.         });
  2704.       }
  2705.     });
  2706.   }
  2707.   trigger?.on("click", () => {
  2708.     if (popup.style.visibility !== "hidden") {
  2709.       handlePopupClose();
  2710.     } else {
  2711.       handlePopupOpen(trigger);
  2712.     }
  2713.   });
  2714.   return popupControl2;
  2715. }
  2716. var hoverDelay;
  2717. var init_popup = __esm({
  2718.   "src/components/popup.ts"() {
  2719.     "use strict";
  2720.     init_floating_ui_dom();
  2721.     init_toast();
  2722.     hoverDelay = 350;
  2723.   }
  2724. });
  2725.  
  2726. // src/services.ts
  2727. async function legacyRequest(url, options) {
  2728.   const res = await fetch(url, options);
  2729.   if (res.ok) {
  2730.     return res.json();
  2731.   }
  2732.   throw new Error("\u8C03\u7528 V2EX API v1 \u51FA\u9519", { cause: res.status });
  2733. }
  2734. async function fetchUserInfo(memberName, options) {
  2735.   try {
  2736.     const member = await legacyRequest(
  2737.       `${V2EX_LEGACY_API}/members/show.json?username=${memberName}`,
  2738.       options
  2739.     );
  2740.     return member;
  2741.   } catch (err) {
  2742.     if (err instanceof Error) {
  2743.       if (err.name === "AbortError") {
  2744.         throw new Error("\u8BF7\u6C42\u88AB\u53D6\u6D88");
  2745.       } else if (err.cause === 404) {
  2746.         throw new Error("\u67E5\u65E0\u6B64\u7528\u6237\uFF0C\u7591\u4F3C\u5DF2\u88AB\u5C01\u7981", { cause: err.cause });
  2747.       }
  2748.     }
  2749.     throw new Error("\u83B7\u53D6\u7528\u6237\u4FE1\u606F\u5931\u8D25");
  2750.   }
  2751. }
  2752. async function request(url, options) {
  2753.   const storage = await getStorage();
  2754.   const PAT = storage["api" /* API */]?.pat;
  2755.   const res = await fetch(url, {
  2756.     ...options,
  2757.     headers: { Authorization: PAT ? `Bearer ${PAT}` : "", ...options?.headers }
  2758.   });
  2759.   {
  2760.     const limit = res.headers.get("X-Rate-Limit-Limit");
  2761.     const reset = res.headers.get("X-Rate-Limit-Reset");
  2762.     const remaining = res.headers.get("X-Rate-Limit-Remaining");
  2763.     const api = {
  2764.       pat: PAT,
  2765.       limit: limit ? Number(limit) : void 0,
  2766.       reset: reset ? Number(reset) : void 0,
  2767.       remaining: remaining ? Number(remaining) : void 0
  2768.     };
  2769.     void setStorage("api" /* API */, api);
  2770.   }
  2771.   const resultData = await res.json();
  2772.   if (typeof resultData.success === "boolean" && !resultData.success) {
  2773.     throw new Error(resultData.message, { cause: resultData });
  2774.   }
  2775.   return resultData;
  2776. }
  2777. function fetchTopic(topicId2, options) {
  2778.   return request(`${V2EX_API}/topics/${topicId2}`, { method: "GET", ...options });
  2779. }
  2780. async function uploadImage(file) {
  2781.   const formData = new FormData();
  2782.   formData.append("image", file);
  2783.   const randomIndex = Math.floor(Math.random() * imgurClientIdPool.length);
  2784.   const clidenId = imgurClientIdPool[randomIndex];
  2785.   const res = await fetch("https://api.imgur.com/3/upload", {
  2786.     method: "POST",
  2787.     headers: { Authorization: `Client-ID ${clidenId}` },
  2788.     body: formData
  2789.   });
  2790.   if (res.ok) {
  2791.     const resData = await res.json();
  2792.     if (resData.success) {
  2793.       return resData.data.link;
  2794.     }
  2795.   }
  2796.   throw new Error("\u4E0A\u4F20\u5931\u8D25");
  2797. }
  2798. async function refreshMoney() {
  2799.   const res = await fetch("/ajax/money", { method: "POST" });
  2800.   const data = await res.text();
  2801.   $("#money").html(data);
  2802. }
  2803. async function thankReply(params) {
  2804.   try {
  2805.     const res = await fetch(`/thank/reply/${params.replyId}?once=${window.once}`, {
  2806.       method: "POST"
  2807.     });
  2808.     const data = await res.json();
  2809.     postTask(`window.once = ${data.once}`);
  2810.     window.once = data.once;
  2811.     if (data.success) {
  2812.       $("#thank_area_" + params.replyId).addClass("thanked").html("\u611F\u8C22\u5DF2\u53D1\u9001");
  2813.       params.onSuccess?.();
  2814.       await refreshMoney();
  2815.     } else {
  2816.       alert(data.message);
  2817.     }
  2818.   } catch {
  2819.     params.onFail?.();
  2820.   }
  2821. }
  2822. async function crawlTopicPage(path, page = "1") {
  2823.   const res = await fetch(`${V2EX_ORIGIN}${path}?p=${page}`);
  2824.   const htmlText = await res.text();
  2825.   return htmlText;
  2826. }
  2827. async function getCommentPreview(params) {
  2828.   const formData = new FormData();
  2829.   formData.append("text", params.text);
  2830.   const res = await fetch(`${V2EX_ORIGIN}/preview/${params.syntax}`, {
  2831.     method: "POST",
  2832.     body: formData
  2833.   });
  2834.   if (res.ok) {
  2835.     const renderedContent = await res.text();
  2836.     return renderedContent;
  2837.   } else {
  2838.     throw new Error("\u9884\u89C8\u5931\u8D25");
  2839.   }
  2840. }
  2841. async function getHotTopics(params) {
  2842.   const { startTime, endTime, limits = 8, signal } = params;
  2843.   const url = new URL("https://wbhvzt9dzy.us.aircode.run/hot-topics");
  2844.   url.searchParams.set("startTime", String(startTime));
  2845.   url.searchParams.set("endTime", String(endTime));
  2846.   if (limits) {
  2847.     url.searchParams.set("limits", String(limits));
  2848.   }
  2849.   const res = await fetch(url, {
  2850.     method: "GET",
  2851.     signal
  2852.   });
  2853.   const data = await res.json();
  2854.   return data;
  2855. }
  2856. var V2EX_LEGACY_API, V2EX_API;
  2857. var init_services = __esm({
  2858.   "src/services.ts"() {
  2859.     "use strict";
  2860.     init_constants();
  2861.     init_helpers();
  2862.     init_utils();
  2863.     V2EX_LEGACY_API = `${V2EX_ORIGIN}/api`;
  2864.     V2EX_API = `${V2EX_ORIGIN}/api/v2`;
  2865.   }
  2866. });
  2867.  
  2868. // src/contents/home/hot-topics.ts
  2869. function handlingHotTopics() {
  2870.   const $topicsHot = $("#TopicsHot");
  2871.   const $hotHeader = $topicsHot.find("> .cell:first-of-type").addClass("v2p-topics-hot-header");
  2872.   $hotHeader.find(".fade").text("\u70ED\u8BAE\u4E3B\u9898");
  2873.   $hotHeader.nextAll(".cell").wrapAll('<div class="v2p-topics-hot">');
  2874.   const $listWrapper = $(".v2p-topics-hot");
  2875.   let $todayCells = $listWrapper.find("> .cell");
  2876.   const $cell = $todayCells.eq(1).clone();
  2877.   $cell.find(".v2p-topic-preview-btn").remove();
  2878.   const $text = $('<span class="v2p-topics-hot-picker-text">\u4ECA\u65E5</span>');
  2879.   const $trigger = $(
  2880.     '<div class="v2p-topics-hot-picker"><span class="v2p-topics-hot-icon"><i data-lucide="chevron-down"></i></span></div>'
  2881.   ).prepend($text).appendTo($hotHeader);
  2882.   const $dropdownContent = $(`
  2883.     <div class="v2p-select-dropdown">
  2884.       <div class="v2p-select-item v2p-select-item-active" data-alias="\u4ECA\u65E5">\u4ECA\u65E5</div>
  2885.       <div class="v2p-select-item" data-alias="\u8FD1\u4E09\u65E5">\u8FD1\u4E09\u65E5</div>
  2886.       <div class="v2p-select-item" data-alias="\u8FD1\u4E03\u65E5">\u8FD1\u4E03\u65E5</div>
  2887.       <div class="v2p-select-item" data-alias="\u8FD1\u4E00\u6708">\u8FD1\u4E00\u6708</div>
  2888.     </div>
  2889.   `);
  2890.   const popupControl2 = createPopup({
  2891.     root: $wrapper,
  2892.     trigger: $trigger,
  2893.     content: $dropdownContent,
  2894.     offsetOptions: { mainAxis: 5, crossAxis: -5 }
  2895.   });
  2896.   let abortController = null;
  2897.   const now = Math.floor(Date.now() / 1e3);
  2898.   const oneDay = 60 * 60 * 24;
  2899.   const cache = /* @__PURE__ */ new Map();
  2900.   const renderNewTopicList = (result) => {
  2901.     $listWrapper.empty();
  2902.     result.forEach((it) => {
  2903.       const $clonedCell = $cell.clone();
  2904.       const $user = $clonedCell.find('a[href^="/member"]');
  2905.       $user.attr("href", `/member/${it.member.username}`);
  2906.       $user.find("> img").attr("src", it.member.avatar_mini);
  2907.       $clonedCell.find(".item_hot_topic_title > a").text(it.title).attr("href", `/t/${it.id}`);
  2908.       $listWrapper.append($clonedCell);
  2909.     });
  2910.   };
  2911.   $dropdownContent.find(".v2p-select-item").on("click", (ev) => {
  2912.     popupControl2.close();
  2913.     const $target = $(ev.currentTarget);
  2914.     if ($target.hasClass("v2p-select-item-active")) {
  2915.       return;
  2916.     }
  2917.     abortController?.abort();
  2918.     const { alias } = $target.data();
  2919.     $target.addClass("v2p-select-item-active").siblings().removeClass("v2p-select-item-active");
  2920.     $todayCells = $todayCells.detach();
  2921.     $listWrapper.empty().append(`
  2922.     <div class="v2p-topics-hot-loading">
  2923.       <div class="v2p-icon-loading">${iconLoading}</div>
  2924.     </div>
  2925.     `);
  2926.     if (typeof alias === "string") {
  2927.       $text.text(alias);
  2928.       switch (alias) {
  2929.         case "\u4ECA\u65E5":
  2930.           $listWrapper.empty().append($todayCells);
  2931.           return;
  2932.         case "\u8FD1\u4E09\u65E5":
  2933.         case "\u8FD1\u4E03\u65E5":
  2934.         case "\u8FD1\u4E00\u6708": {
  2935.           const cacheResult = cache.get(alias);
  2936.           if (cacheResult) {
  2937.             renderNewTopicList(cacheResult);
  2938.           } else {
  2939.             const days = alias === "\u8FD1\u4E09\u65E5" ? 3 : alias === "\u8FD1\u4E03\u65E5" ? 7 : 30;
  2940.             abortController = new AbortController();
  2941.             getHotTopics({
  2942.               startTime: now - days * oneDay,
  2943.               endTime: now,
  2944.               signal: abortController.signal
  2945.             }).then(({ result }) => {
  2946.               cache.set(alias, result);
  2947.               renderNewTopicList(result);
  2948.             });
  2949.           }
  2950.           return;
  2951.         }
  2952.       }
  2953.     }
  2954.   });
  2955. }
  2956. var init_hot_topics = __esm({
  2957.   "src/contents/home/hot-topics.ts"() {
  2958.     "use strict";
  2959.     init_popup();
  2960.     init_icons();
  2961.     init_services();
  2962.     init_globals();
  2963.   }
  2964. });
  2965.  
  2966. // src/components/button.ts
  2967. function createButton(props) {
  2968.   const { children, className = "", type = "button", tag = "button" } = props;
  2969.   const $button = $(`<${tag} class="normal button ${className}">${children}</${tag}>`);
  2970.   if (tag === "button") {
  2971.     $button.prop("type", type);
  2972.   }
  2973.   return $button;
  2974. }
  2975. var init_button = __esm({
  2976.   "src/components/button.ts"() {
  2977.     "use strict";
  2978.   }
  2979. });
  2980.  
  2981. // src/components/modal.ts
  2982. function createModal(props) {
  2983.   const { root, title, onMount, onOpen, onClose } = props;
  2984.   const $mask = $('<div class="v2p-modal-mask">');
  2985.   const $content = $('<div class="v2p-modal-content">');
  2986.   const $closeBtn = createButton({
  2987.     children: "\u5173\u95ED<kbd>Esc</kbd>",
  2988.     className: "v2p-modal-close-btn"
  2989.   });
  2990.   const $title = $(`<div class="v2p-modal-title">${title ?? ""}</div>`);
  2991.   const $actions = $('<div class="v2p-modal-actions">').append($closeBtn);
  2992.   const $header = $('<div class="v2p-modal-header">').append($title, $actions);
  2993.   const $main2 = $('<div class="v2p-modal-main">').append($header, $content).on("click", (ev) => {
  2994.     ev.stopPropagation();
  2995.   });
  2996.   const $container = $mask.append($main2).hide();
  2997.   const modalElements = {
  2998.     $mask,
  2999.     $main: $main2,
  3000.     $header,
  3001.     $container,
  3002.     $title,
  3003.     $actions,
  3004.     $content
  3005.   };
  3006.   let boundEvent = false;
  3007.   let mouseDownTarget;
  3008.   const mouseDownHandler = (ev) => {
  3009.     mouseDownTarget = ev.target;
  3010.   };
  3011.   const mouseUpHandler = (ev) => {
  3012.     if (mouseDownTarget === $mask.get(0) && ev.target === $mask.get(0) && ev.currentTarget === ev.target) {
  3013.       handleModalClose();
  3014.     }
  3015.   };
  3016.   const keyupHandler = (ev) => {
  3017.     if (ev.key === "Escape") {
  3018.       handleModalClose();
  3019.     }
  3020.   };
  3021.   const handleModalClose = () => {
  3022.     $mask.off("mousedown", mouseDownHandler);
  3023.     $mask.off("mouseup", mouseUpHandler);
  3024.     $(document).off("keydown", keyupHandler);
  3025.     boundEvent = false;
  3026.     $container.fadeOut("fast");
  3027.     document.body.classList.remove("v2p-modal-open");
  3028.     onClose?.(modalElements);
  3029.   };
  3030.   const handleModalOpen = () => {
  3031.     setTimeout(() => {
  3032.       if (!boundEvent) {
  3033.         $mask.on("mousedown", mouseDownHandler);
  3034.         $mask.on("mouseup", mouseUpHandler);
  3035.         $(document).on("keydown", keyupHandler);
  3036.         boundEvent = true;
  3037.       }
  3038.     });
  3039.     $container.fadeIn("fast");
  3040.     document.body.classList.add("v2p-modal-open");
  3041.     onOpen?.(modalElements);
  3042.   };
  3043.   $closeBtn.on("click", handleModalClose);
  3044.   onMount?.(modalElements);
  3045.   if (root) {
  3046.     root.append($container);
  3047.   }
  3048.   return { ...modalElements, open: handleModalOpen, close: handleModalClose };
  3049. }
  3050. var init_modal = __esm({
  3051.   "src/components/modal.ts"() {
  3052.     "use strict";
  3053.     init_button();
  3054.   }
  3055. });
  3056.  
  3057. // src/contents/topic/content.ts
  3058. function handlingContent() {
  3059.   const storage = getStorageSync();
  3060.   const options = storage["options" /* Options */];
  3061.   if (options.openInNewTab) {
  3062.     $topicContentBox.find(".topic_content a[href]").prop("target", "_blank").prop("rel", "noopener noreferrer");
  3063.   }
  3064.   {
  3065.     const $topicContents = $topicContentBox.find(".subtle > .topic_content");
  3066.     const textLength = $topicContents.text().length;
  3067.     if (textLength >= 200) {
  3068.       $topicContents.each((_, topicContent) => {
  3069.         if (textLength >= 400) {
  3070.           topicContent.style.fontSize = "14px";
  3071.         }
  3072.         topicContent.style.fontSize = "14.5px";
  3073.       });
  3074.     }
  3075.   }
  3076.   {
  3077.     const $topicBtns = $(".topic_buttons");
  3078.     const $topicBtn = $topicBtns.find(".tb").addClass("v2p-tb v2p-hover-btn");
  3079.     const $favoriteBtn = $topicBtn.eq(0);
  3080.     $favoriteBtn.append('<span class="v2p-tb-icon"><i data-lucide="star"></i></span>');
  3081.     $topicBtn.eq(1).append('<span class="v2p-tb-icon"><i data-lucide="twitter"></i></span>');
  3082.     $topicBtn.eq(2).append('<span class="v2p-tb-icon"><i data-lucide="eye-off"></i></span>');
  3083.     $topicBtn.eq(3).append('<span class="v2p-tb-icon"><i data-lucide="heart"></i></span>');
  3084.     if (topicId) {
  3085.       $topicBtns.append(
  3086.         ` &nbsp;<a href="${"https://v2p.app/share" /* Share */}/${topicId}" target="_blank" class="tb v2p-tb v2p-hover-btn">\u5206\u4EAB<span class="v2p-tb-icon"><i data-lucide="arrow-up-right-square"></i></span></a>`
  3087.       );
  3088.     }
  3089.     loadIcons();
  3090.   }
  3091. }
  3092. function processReplyContent($cellDom) {
  3093.   if ($cellDom.find(".v2p-reply-content").length > 0) {
  3094.     return;
  3095.   }
  3096.   const $replyContent = $cellDom.find(".reply_content");
  3097.   const contentHeight = $replyContent.height() ?? 0;
  3098.   const shouldCollapsed = contentHeight + READABLE_CONTENT_HEIGHT >= MAX_CONTENT_HEIGHT;
  3099.   if (shouldCollapsed) {
  3100.     const collapsedCSS = {
  3101.       maxHeight: `${READABLE_CONTENT_HEIGHT}px`,
  3102.       overflow: "hidden",
  3103.       paddingBottom: "0"
  3104.     };
  3105.     const $contentBox = $('<div class="v2p-reply-content v2p-collapsed">').css(collapsedCSS);
  3106.     const $expandBtn = createButton({ children: "\u5C55\u5F00\u56DE\u590D", className: "v2p-expand-btn" });
  3107.     const toggleContent = () => {
  3108.       const collapsed = $contentBox.hasClass("v2p-collapsed");
  3109.       $contentBox.toggleClass("v2p-collapsed").css(
  3110.         collapsed ? { maxHeight: "none", overflow: "auto", paddingBottom: "40px" } : collapsedCSS
  3111.       );
  3112.       $expandBtn.html(collapsed ? "\u6536\u8D77\u56DE\u590D" : "\u5C55\u5F00\u56DE\u590D");
  3113.     };
  3114.     $expandBtn.on("click", () => {
  3115.       toggleContent();
  3116.     });
  3117.     $contentBox.append($replyContent.clone()).replaceAll($replyContent).append($expandBtn);
  3118.   }
  3119. }
  3120. function updateMemberTag(params) {
  3121.   const { memberName, memberAvatar, tags, options, ...callbacks } = params;
  3122.   const $v2pTags = $(`.v2p-tags-${memberName}`);
  3123.   const tagsText = tags ? getTagsText(tags) : void 0;
  3124.   if ($v2pTags.length > 0) {
  3125.     if (tagsText) {
  3126.       $v2pTags.html(`<b>#</b>&nbsp;${tagsText}`);
  3127.     } else {
  3128.       $v2pTags.remove();
  3129.       callbacks.onRemoveExistingTagBlock?.();
  3130.     }
  3131.   } else {
  3132.     if (tagsText) {
  3133.       const $tags = $(
  3134.         `<div class="v2p-reply-tags v2p-tags-${memberName}" title="${tagsText}"><b>#</b>&nbsp;${tagsText}</div>`
  3135.       );
  3136.       $tags.on("click", () => {
  3137.         openTagsSetter({ memberName, memberAvatar, ...callbacks });
  3138.       });
  3139.       if (callbacks.onInsertNewTagBlock) {
  3140.         callbacks.onInsertNewTagBlock({ $tags });
  3141.       } else {
  3142.         if (memberName === topicOwnerName) {
  3143.           $topicHeader.append($tags.clone(true));
  3144.         }
  3145.         if (options.userTag.display === "inline") {
  3146.           $tags.addClass("v2p-reply-tags-inline").insertBefore(
  3147.             $commentCells.filter(`:has(> table strong > a[href="/member/${memberName}"])`).find("> table .badges")
  3148.           );
  3149.         } else {
  3150.           $tags.insertBefore(
  3151.             $commentCells.filter(`:has(> table strong > a[href="/member/${memberName}"])`).find("> table .reply_content")
  3152.           );
  3153.         }
  3154.       }
  3155.     }
  3156.   }
  3157. }
  3158. function openTagsSetter(params) {
  3159.   const { memberName, memberAvatar, ...callbacks } = params;
  3160.   void (async () => {
  3161.     const storage = await getStorage(false);
  3162.     const latestTagsData = storage["member-tag" /* MemberTag */];
  3163.     const options = storage["options" /* Options */];
  3164.     const memberTagData = latestTagsData?.[memberName];
  3165.     const tagsValue = memberTagData ? Reflect.has(latestTagsData, memberName) ? memberTagData.tags ? getTagsText(memberTagData.tags) : void 0 : void 0 : void 0;
  3166.     const newTagsValue = window.prompt(
  3167.       `\u5BF9 @${memberName} \u8BBE\u7F6E\u6807\u7B7E\uFF0C\u591A\u4E2A\u6807\u7B7E\u4EE5\u9017\u53F7\uFF08\uFF0C\uFF09\u5206\u9694\u3002`,
  3168.       tagsValue
  3169.     );
  3170.     if (newTagsValue !== null) {
  3171.       const tags = newTagsValue.trim().length > 0 ? newTagsValue.split(/,|，/g).filter((it) => it.trim().length > 0).map((it) => ({ name: it })) : void 0;
  3172.       await setMemberTags({ memberName, memberAvatar: memberTagData?.avatar || memberAvatar, tags });
  3173.       updateMemberTag({ memberName, memberAvatar, tags, options, ...callbacks });
  3174.     }
  3175.   })();
  3176. }
  3177. function handlingCommentImg() {
  3178.   const $imgs = $(".embedded_image");
  3179.   if ($imgs.length > 0) {
  3180.     const modal = createModal({
  3181.       root: $(document.body),
  3182.       onMount: ({ $main: $main2, $header, $content }) => {
  3183.         $main2.css({
  3184.           width: "auto",
  3185.           height: "auto",
  3186.           display: "flex",
  3187.           "justify-content": "center",
  3188.           "background-color": "transparent",
  3189.           "pointer-events": "none"
  3190.         });
  3191.         $header.remove();
  3192.         $content.css({
  3193.           display: "flex",
  3194.           "justify-content": "center",
  3195.           "align-items": "center",
  3196.           "pointer-events": "none"
  3197.         });
  3198.       },
  3199.       onOpen: ({ $content }) => {
  3200.         $content.empty();
  3201.       }
  3202.     });
  3203.     $imgs.each((_, img) => {
  3204.       const $img = $(img);
  3205.       if (img instanceof HTMLImageElement) {
  3206.         if (img.clientWidth !== img.naturalWidth) {
  3207.           $img.parent().removeAttr("href");
  3208.           $img.css({ cursor: "zoom-in" });
  3209.           $img.on("click", () => {
  3210.             const $clonedImg = $img.clone();
  3211.             $clonedImg.css({ cursor: "default", "pointer-events": "auto" });
  3212.             modal.open();
  3213.             modal.$content.append($clonedImg);
  3214.           });
  3215.         }
  3216.       }
  3217.     });
  3218.   }
  3219. }
  3220. function handlingEmojiReplace() {
  3221.   const srcMap = /* @__PURE__ */ new Map();
  3222.   Object.values(emojiLinks).forEach(({ ld, hd }) => {
  3223.     srcMap.set(ld, hd);
  3224.   });
  3225.   const $embedImages = $commentCells.find(`.reply_content .embedded_image`);
  3226.   if ($embedImages.length > 0) {
  3227.     $embedImages.each((_, img) => {
  3228.       const $img = $(img);
  3229.       const src = $img.attr("src");
  3230.       if (typeof src === "string") {
  3231.         const hd = srcMap.get(src);
  3232.         if (typeof hd === "string") {
  3233.           $img.attr("src", hd);
  3234.           $img.css({
  3235.             width: "20px",
  3236.             height: "20px"
  3237.           });
  3238.         }
  3239.       }
  3240.     });
  3241.   }
  3242. }
  3243. var init_content = __esm({
  3244.   "src/contents/topic/content.ts"() {
  3245.     "use strict";
  3246.     init_button();
  3247.     init_modal();
  3248.     init_constants();
  3249.     init_utils();
  3250.     init_globals();
  3251.     init_helpers();
  3252.   }
  3253. });
  3254.  
  3255. // src/contents/dom.ts
  3256. function getCommentDataList({
  3257.   options,
  3258.   $commentTableRows: $commentTableRows2,
  3259.   $commentCells: $commentCells2
  3260. }) {
  3261.   return $commentTableRows2.map((idx, tr) => {
  3262.     const id = $commentCells2[idx].id;
  3263.     const $tr = $(tr);
  3264.     const $td = $tr.find("> td:nth-child(3)");
  3265.     const thanked = $tr.find("> td:last-of-type > .fr").find("> .thank_area").hasClass("thanked");
  3266.     const $member = $td.find("> strong > a");
  3267.     const memberName = $member.text();
  3268.     const memberLink = $member.prop("href");
  3269.     const memberAvatar = $tr.find(".avatar").prop("src");
  3270.     const $content = $td.find("> .reply_content");
  3271.     const content = $content.text();
  3272.     const likes = Number($td.find("span.small").text());
  3273.     const floor = $td.find("span.no").text();
  3274.     const memberNameMatches = Array.from(content.matchAll(/@([a-zA-Z0-9]+)/g));
  3275.     const refMemberNames = memberNameMatches.length > 0 ? memberNameMatches.map(([, name]) => {
  3276.       return name;
  3277.     }) : void 0;
  3278.     const floorNumberMatches = Array.from(content.matchAll(/#(\d+)/g));
  3279.     const refFloors = floorNumberMatches.length > 0 ? floorNumberMatches.map(([, floor2]) => {
  3280.       return floor2;
  3281.     }) : void 0;
  3282.     let contentHtml = void 0;
  3283.     if (refMemberNames) {
  3284.       const canHideRefName = options.nestedReply.display === "indent" && !!options.replyContent.hideRefName;
  3285.       if (canHideRefName) {
  3286.         if (refMemberNames.length === 1) {
  3287.           contentHtml = $content.html();
  3288.           const pattern = /(@<a href="\/member\/\w+">[\w\s]+<\/a>)\s+/g;
  3289.           const replacement = '<span class="v2p-member-ref">$1</span> ';
  3290.           contentHtml = contentHtml.replace(pattern, replacement);
  3291.         }
  3292.       }
  3293.     }
  3294.     return {
  3295.       id,
  3296.       memberName,
  3297.       memberLink,
  3298.       memberAvatar,
  3299.       content,
  3300.       contentHtml,
  3301.       likes,
  3302.       floor,
  3303.       index: idx,
  3304.       refMemberNames,
  3305.       refFloors,
  3306.       thanked
  3307.     };
  3308.   }).get();
  3309. }
  3310. function handleNestedComment({
  3311.   options,
  3312.   $commentCells: $commentCells2,
  3313.   commentDataList: commentDataList2
  3314. }) {
  3315.   const display = options.nestedReply.display;
  3316.   if (display !== "off") {
  3317.     $commentCells2.each((i, cellDom) => {
  3318.       const $cellDom = $(cellDom);
  3319.       const dataFromIndex = commentDataList2.at(i);
  3320.       if (options.replyContent.autoFold) {
  3321.         processReplyContent($cellDom);
  3322.       }
  3323.       const currentComment = dataFromIndex?.id === cellDom.id ? dataFromIndex : commentDataList2.find((data) => data.id === cellDom.id);
  3324.       if (currentComment) {
  3325.         const { refMemberNames, refFloors } = currentComment;
  3326.         if (!refMemberNames || refMemberNames.length === 0) {
  3327.           return;
  3328.         }
  3329.         const moreThanOneRefMember = refMemberNames.length > 1;
  3330.         if (options.nestedReply.multipleInsideOne === "off" && refMemberNames.length > 1) {
  3331.           return;
  3332.         }
  3333.         for (const refName of moreThanOneRefMember ? refMemberNames.toReversed() : refMemberNames) {
  3334.           for (let j = i - 1; j >= 0; j--) {
  3335.             const { memberName: compareName, floor: eachFloor } = commentDataList2.at(j) || {};
  3336.             if (compareName === refName) {
  3337.               let refCommentIdx = j;
  3338.               const firstRefFloor = moreThanOneRefMember ? refFloors?.toReversed().at(0) : refFloors?.at(0);
  3339.               if (firstRefFloor && firstRefFloor !== eachFloor) {
  3340.                 const targetIdx = commentDataList2.slice(0, j).findIndex((data) => data.floor === firstRefFloor && data.memberName === refName);
  3341.                 if (targetIdx >= 0) {
  3342.                   refCommentIdx = targetIdx;
  3343.                 }
  3344.               }
  3345.               if (display === "indent") {
  3346.                 cellDom.classList.add("v2p-indent");
  3347.               }
  3348.               $commentCells2.eq(refCommentIdx).append(cellDom);
  3349.               return;
  3350.             }
  3351.           }
  3352.         }
  3353.       }
  3354.     });
  3355.   }
  3356. }
  3357. var init_dom = __esm({
  3358.   "src/contents/dom.ts"() {
  3359.     "use strict";
  3360.     init_content();
  3361.   }
  3362. });
  3363.  
  3364. // src/contents/home/topic-list.ts
  3365. function handlingTopicList() {
  3366.   const runEnv = getRunEnv();
  3367.   if (!runEnv) {
  3368.     return;
  3369.   }
  3370.   const storage = getStorageSync();
  3371.   const options = storage["options" /* Options */];
  3372.   const PAT = storage["api" /* API */]?.pat;
  3373.   let abortController = null;
  3374.   const $detailBtn = createButton({
  3375.     children: "\u8FDB\u5165\u4E3B\u9898",
  3376.     className: "special",
  3377.     tag: "a"
  3378.   });
  3379.   if (options.openInNewTab) {
  3380.     $detailBtn.prop("target", "_blank");
  3381.   }
  3382.   const modal = createModal({
  3383.     root: $(document.body),
  3384.     onMount: ({ $actions }) => {
  3385.       $actions.prepend($detailBtn);
  3386.     },
  3387.     onClose: ({ $title, $content }) => {
  3388.       $title.empty();
  3389.       $content.empty();
  3390.       abortController?.abort();
  3391.     }
  3392.   });
  3393.   const topicDataCache = /* @__PURE__ */ new Map();
  3394.   const handlePreview = (params) => {
  3395.     const { topicId: topicId2, topicTitle = "", linkHref } = params;
  3396.     if (topicId2) {
  3397.       modal.open();
  3398.       $detailBtn.prop("href", linkHref);
  3399.       const $titleLink = $(`
  3400.         <a class="v2p-topic-preview-title-link" title="${topicTitle}" href="${linkHref || ""}">
  3401.           ${topicTitle}
  3402.         </a>
  3403.       `);
  3404.       if (options.openInNewTab) {
  3405.         $titleLink.prop("target", "_blank");
  3406.       }
  3407.       modal.$title.empty().append($titleLink);
  3408.       if (PAT) {
  3409.         const load = async () => {
  3410.           let cacheData = topicDataCache.get(topicId2);
  3411.           if (!cacheData || Date.now() - cacheData.cacheTime > 1e3 * 60 * 10) {
  3412.             abortController = new AbortController();
  3413.             modal.$content.empty().append(`
  3414.                 <div class="v2p-tpr-loading">
  3415.                   <div class="v2p-tpr-info">
  3416.                     <div class="v2p-tpr v2p-tpr-info-avatar"></div>
  3417.                     <div class="v2p-tpr v2p-tpr-info-text"></div>
  3418.                   </div>
  3419.   
  3420.                   <div class="v2p-tpr-content">
  3421.                     <div class="v2p-tpr v2p-tpr-content-p"></div>
  3422.                     <div class="v2p-tpr v2p-tpr-content-p"></div>
  3423.                     <div class="v2p-tpr v2p-tpr-content-p" style="width: 70%;"></div>
  3424.                   </div>
  3425.   
  3426.                   <div class="v2p-tpr-cmt">
  3427.                     <div class="v2p-tpr v2p-tpr-cmt-avatar"></div>
  3428.                     <div class="v2p-tpr-cmt-right">
  3429.                       <div class="v2p-tpr v2p-tpr-cmt-header"></div>
  3430.                       <div class="v2p-tpr v2p-tpr-cmt-p"></div>
  3431.                       <div class="v2p-tpr v2p-tpr-cmt-p" style="width: 70%;"></div>
  3432.                     </div>
  3433.                   </div>
  3434.   
  3435.                   <div class="v2p-tpr-cmt" style="opacity: 0.8;">
  3436.                     <div class="v2p-tpr v2p-tpr-cmt-avatar"></div>
  3437.                     <div class="v2p-tpr-cmt-right">
  3438.                       <div class="v2p-tpr v2p-tpr-cmt-header"></div>
  3439.                       <div class="v2p-tpr v2p-tpr-cmt-p"></div>
  3440.                       <div class="v2p-tpr v2p-tpr-cmt-p" style="width: 70%;"></div>
  3441.                     </div>
  3442.                   </div>
  3443.   
  3444.                   <div class="v2p-tpr-cmt" style="opacity: 0.6;">
  3445.                     <div class="v2p-tpr v2p-tpr-cmt-avatar"></div>
  3446.                     <div class="v2p-tpr-cmt-right">
  3447.                       <div class="v2p-tpr v2p-tpr-cmt-header"></div>
  3448.                       <div class="v2p-tpr v2p-tpr-cmt-p"></div>
  3449.                       <div class="v2p-tpr v2p-tpr-cmt-p" style="width: 70%;"></div>
  3450.                     </div>
  3451.                   </div>
  3452.                   <div class="v2p-tpr-cmt" style="opacity: 0.4;">
  3453.                     <div class="v2p-tpr v2p-tpr-cmt-avatar"></div>
  3454.                     <div class="v2p-tpr-cmt-right">
  3455.                       <div class="v2p-tpr v2p-tpr-cmt-header"></div>
  3456.                       <div class="v2p-tpr v2p-tpr-cmt-p"></div>
  3457.                       <div class="v2p-tpr v2p-tpr-cmt-p" style="width: 70%;"></div>
  3458.                     </div>
  3459.                   </div>
  3460.                 </div>
  3461.               `);
  3462.             const promises = [
  3463.               fetchTopic(topicId2, { signal: abortController.signal }),
  3464.               crawlTopicPage(`/t/${topicId2}`)
  3465.             ];
  3466.             try {
  3467.               const [{ result: topic }, topicPageText] = await Promise.all(promises);
  3468.               const data = {
  3469.                 topic,
  3470.                 cacheTime: Date.now(),
  3471.                 topicPageText
  3472.               };
  3473.               topicDataCache.set(topicId2, data);
  3474.               cacheData = data;
  3475.             } catch (err) {
  3476.               const $errorTip = $('<div style="padding: 20px; text-align: center;">');
  3477.               if (err instanceof Error) {
  3478.                 if (
  3479.                   // eslint-disable-next-line @typescript-eslint/no-unsafe-enum-comparison
  3480.                   err.message === "Invalid token" /* InvalidToken */ || // eslint-disable-next-line @typescript-eslint/no-unsafe-enum-comparison
  3481.                   err.message === "Token expired" /* TokenExpired */
  3482.                 ) {
  3483.                   $errorTip.html(
  3484.                     invalidTemplate(
  3485.                       '\u60A8\u7684 Token \u5DF2\u5931\u6548\uFF0C\u8BF7<a class="v2p-topic-preview-retry" href="https://www.v2ex.com/settings/tokens" target="_blank">\u91CD\u65B0\u8BBE\u7F6E</a>\u3002'
  3486.                     )
  3487.                   );
  3488.                 }
  3489.               } else {
  3490.                 $errorTip.html('\u52A0\u8F7D\u4E3B\u9898\u5931\u8D25\uFF0C<a class="v2p-topic-preview-retry">\u70B9\u51FB\u91CD\u8BD5</a>\u3002');
  3491.                 $errorTip.find(".v2p-topic-preview-retry").on("click", () => {
  3492.                   load();
  3493.                 });
  3494.               }
  3495.               modal.$content.empty().append($errorTip);
  3496.             }
  3497.           }
  3498.           if (cacheData) {
  3499.             const { topic, topicPageText } = cacheData;
  3500.             const $page = $(topicPageText);
  3501.             const $topicPreview = $('<div id="Main" class="v2p-topic-preview">');
  3502.             const $infoBar = $(`
  3503.               <div class="v2p-tp-info-bar">
  3504.                 <div class="v2p-tp-info">
  3505.                   <a class="v2p-tp-member" href="${topic.member.url}">
  3506.                     <img class="v2p-tp-avatar" src="${topic.member.avatar}">
  3507.                     <span>${topic.member.username}</span>
  3508.                   </a>
  3509.  
  3510.                   <span>
  3511.                     ${formatTimestamp(topic.created, { format: "YMDHM" })}
  3512.                   </span>
  3513.  
  3514.                   <span>${topic.replies} \u6761\u56DE\u590D</span>
  3515.                 </div>
  3516.               </div>
  3517.             `);
  3518.             const iconBook = createElement$1(BookOpenCheck);
  3519.             iconBook.setAttribute("width", "100%");
  3520.             iconBook.setAttribute("height", "100%");
  3521.             const $readingBtn = $(
  3522.               '<div class="v2p-tp-read"><span class="v2p-tp-read-icon"></span>\u7A0D\u540E\u9605\u8BFB</div>'
  3523.             );
  3524.             $readingBtn.find(".v2p-tp-read-icon").append(iconBook);
  3525.             $readingBtn.on("click", () => {
  3526.               void addToReadingList({
  3527.                 url: topic.url,
  3528.                 title: topic.title,
  3529.                 content: topic.content
  3530.               });
  3531.             }).appendTo($infoBar);
  3532.             $topicPreview.append($infoBar);
  3533.             const $topicMain = $page.find("#Main");
  3534.             const $topicContent = $topicMain.find("> .box > .cell > .topic_content");
  3535.             const $topicSubtle = $topicMain.find("> .box >.subtle");
  3536.             if ($topicContent.length <= 0) {
  3537.               $topicPreview.append(`
  3538.                 <div class="v2p-empty-content">
  3539.                   <div class="v2p-text-emoji">\xAF\\_(\u30C4)_/\xAF</div>
  3540.                   <p>\u8BE5\u4E3B\u9898\u6CA1\u6709\u6B63\u6587\u5185\u5BB9</p>
  3541.                 </div>
  3542.               `);
  3543.             } else {
  3544.               $topicPreview.append($topicContent);
  3545.               $topicContent.wrap('<div class="cell">');
  3546.             }
  3547.             $topicPreview.append($topicSubtle);
  3548.             const $topicReplyBox = $topicMain.find('.box:has(.cell[id^="r_"])');
  3549.             if ($topicReplyBox.length > 0) {
  3550.               $topicReplyBox.css("margin-top", "20px");
  3551.               $topicReplyBox.find(
  3552.                 ".cell:first-of-type, .cell.ps_container, .cell > table > tbody > tr > td:last-of-type > .fr"
  3553.               ).remove();
  3554.               const $commentCells2 = $topicReplyBox.find('.cell[id^="r_"]');
  3555.               const $commentTableRows2 = $commentCells2.find("> table > tbody > tr");
  3556.               const commentDataList2 = getCommentDataList({
  3557.                 options,
  3558.                 $commentTableRows: $commentTableRows2,
  3559.                 $commentCells: $commentCells2
  3560.               });
  3561.               handleNestedComment({ options, $commentCells: $commentCells2, commentDataList: commentDataList2 });
  3562.               $topicPreview.append($topicReplyBox);
  3563.               if (topic.replies > 100) {
  3564.                 $topicPreview.append(`
  3565.                   <div class="v2p-topic-reply-tip">
  3566.                     <a
  3567.                       href="${linkHref || ""}"
  3568.                       style="color: currentColor;"
  3569.                     >
  3570.                         \u5728\u4E3B\u9898\u5185\u67E5\u770B\u5B8C\u6574\u8BC4\u8BBA...
  3571.                     </a>
  3572.                   </div>
  3573.                 `);
  3574.               }
  3575.             }
  3576.             if (options.openInNewTab) {
  3577.               $topicPreview.find("a").prop("target", "_blank");
  3578.             }
  3579.             modal.$content.empty().append($topicPreview);
  3580.             modal.$content.attr("tabindex", "0");
  3581.             modal.$content.trigger("focus");
  3582.           }
  3583.         };
  3584.         load();
  3585.       } else {
  3586.         modal.$content.empty().append(invalidTemplate("\u60A8\u9700\u8981\u5148\u8BBE\u7F6E PAT \u624D\u80FD\u83B7\u53D6\u9884\u89C8\u5185\u5BB9\u3002"));
  3587.       }
  3588.     }
  3589.   };
  3590.   const $previewBtn = $('<button class="v2p-topic-preview-btn">\u9884\u89C8</button>');
  3591.   const $ignoreBtn = $('<span class="v2p-topic-ignore-btn">\u5C4F\u853D</span>');
  3592.   $topicList.each((_, topicItem) => {
  3593.     const $topicItem = $(topicItem);
  3594.     const $itemTitle = $topicItem.find(".item_title");
  3595.     const $topicInfo = $topicItem.find(".topic_info");
  3596.     const topicTitle = $itemTitle.find(".topic-link").text();
  3597.     const linkHref = $topicItem.find(".topic-link").attr("href");
  3598.     const match = linkHref?.match(/\/t\/(\d+)/);
  3599.     const topicId2 = match?.at(1);
  3600.     $previewBtn.clone().on("click", () => {
  3601.       handlePreview({ topicId: topicId2, topicTitle, linkHref });
  3602.     }).appendTo($itemTitle);
  3603.     $ignoreBtn.clone().on("click", () => {
  3604.       if (confirm(`\u786E\u5B9A\u5C4F\u853D\u4E3B\u9898 \u2308${topicTitle}\u230B\uFF1F`)) {
  3605.         if (typeof topicId2 === "string") {
  3606.           void (async () => {
  3607.             const toast = createToast({ message: `\u6B63\u5728\u5C4F\u853D\u4E3B\u9898 \u2308${topicTitle}\u230B`, duration: 0 });
  3608.             const pageText = await crawlTopicPage(`/t/${topicId2}`, "0");
  3609.             const $ignoreBtn2 = $(pageText).find(".topic_buttons a:nth-of-type(3)");
  3610.             const txt = $ignoreBtn2.attr("onclick");
  3611.             if (txt) {
  3612.               const match2 = txt.match(/'\/.*'/);
  3613.               if (match2) {
  3614.                 const result = match2[0].slice(1, -1);
  3615.                 if (result.startsWith("/ignore/topic")) {
  3616.                   try {
  3617.                     await fetch(`${"https://www.v2ex.com" /* Origin */}${result}`);
  3618.                     createToast({ message: `\u2705 \u5DF2\u5C4F\u853D` });
  3619.                     $topicItem.remove();
  3620.                   } finally {
  3621.                     toast.clear();
  3622.                   }
  3623.                 }
  3624.               }
  3625.             }
  3626.           })();
  3627.         }
  3628.       }
  3629.     }).insertAfter($topicInfo.find("> span:first-of-type"));
  3630.   });
  3631.   if (PAT) {
  3632.     $("#TopicsHot,#my-recent-topics").find(".cell .item_hot_topic_title").each((_, topicTitle) => {
  3633.       const $topicItem = $(topicTitle);
  3634.       $previewBtn.clone().on("click", () => {
  3635.         const $link = $topicItem.find("> a");
  3636.         const linkHref = $link.attr("href");
  3637.         const match = linkHref?.match(/\/t\/(\d+)/);
  3638.         const topicId2 = match?.at(1);
  3639.         const topicTitle2 = $link.text();
  3640.         handlePreview({ topicId: topicId2, topicTitle: topicTitle2, linkHref });
  3641.       }).appendTo($topicItem);
  3642.     });
  3643.   }
  3644. }
  3645. var invalidTemplate;
  3646. var init_topic_list = __esm({
  3647.   "src/contents/home/topic-list.ts"() {
  3648.     "use strict";
  3649.     init_lucide();
  3650.     init_button();
  3651.     init_modal();
  3652.     init_toast();
  3653.     init_constants();
  3654.     init_icons();
  3655.     init_services();
  3656.     init_utils();
  3657.     init_dom();
  3658.     init_globals();
  3659.     init_helpers();
  3660.     invalidTemplate = (tip) => `
  3661. <div class="v2p-no-pat">
  3662.   <div class="v2p-no-pat-title">${tip}</div>
  3663.   <div class="v2p-no-pat-desc">
  3664.     \u8BF7\u524D\u5F80<span class="v2p-no-pat-block"><span class="v2p-icon-logo">${iconLogo}</span> <span style="margin: 0 5px;">></span> \u8BBE\u7F6E</span> \u8FDB\u884C\u8BBE\u7F6E\u3002
  3665.   </div>
  3666.  
  3667.   <div class="v2p-no-pat-steps">
  3668.     <div class="v2p-no-pat-step">
  3669.       <div style="font-weight:bold;margin-bottom:10px;font-size:15px;">1. \u5728\u6269\u5C55\u7A0B\u5E8F\u5217\u8868\u4E2D\u627E\u5230\u5E76\u70B9\u51FB\u300CV2EX Polish\u300D\u3002</div>
  3670.       <img class="v2p-no-pat-img" src="https://i.imgur.com/UfNkuTF.png">
  3671.     </div>
  3672.     <div class="v2p-no-pat-step">
  3673.       <div style="font-weight:bold;margin-bottom:10px;font-size:15px;">2. \u5728\u5F39\u51FA\u7684\u5C0F\u7A97\u53E3\u4E2D\u627E\u5230\u300C\u2699\uFE0F \u6309\u94AE\u300D\uFF0C\u8F93\u5165 PAT\u3002</div>
  3674.       <img class="v2p-no-pat-img" src="https://i.imgur.com/O6hP86A.png">
  3675.     </div>
  3676.   </div>
  3677. </div>
  3678. `;
  3679.   }
  3680. });
  3681.  
  3682. // src/contents/home/index.ts
  3683. var home_exports = {};
  3684. var init_home = __esm({
  3685.   "src/contents/home/index.ts"() {
  3686.     "use strict";
  3687.     init_constants();
  3688.     init_utils();
  3689.     init_globals();
  3690.     init_helpers();
  3691.     init_hot_topics();
  3692.     init_topic_list();
  3693.     void (async () => {
  3694.       const storage = await getStorage();
  3695.       const options = storage["options" /* Options */];
  3696.       {
  3697.         $("#Main .tab").addClass("v2p-hover-btn");
  3698.         if (options.openInNewTab) {
  3699.           $('#Main .topic-link, .item_hot_topic_title > a, .item_node, a[href="/write"]').prop(
  3700.             "target",
  3701.             "_blank"
  3702.           );
  3703.         }
  3704.       }
  3705.       handlingTopicList();
  3706.       {
  3707.         const dailyInfo = storage["daily" /* Daily */];
  3708.         if (dailyInfo?.lastCheckInTime) {
  3709.           if (isSameDay(dailyInfo.lastCheckInTime, Date.now())) {
  3710.             const $info = $(`
  3711.           <a class="cell v2p-info-row" href="/mission/daily">
  3712.             \u4ECA\u65E5\u5DF2\u81EA\u52A8\u7B7E\u5230
  3713.           </a>
  3714.         `);
  3715.             $infoCard.append($info);
  3716.           }
  3717.         }
  3718.       }
  3719.       handlingHotTopics();
  3720.       loadIcons();
  3721.     })();
  3722.   }
  3723. });
  3724.  
  3725. // src/contents/topic/avatar.ts
  3726. function processAvatar(params) {
  3727.   const {
  3728.     $trigger,
  3729.     popupControl: popupControl2,
  3730.     commentData,
  3731.     shouldWrap = true,
  3732.     openInNewTab = false,
  3733.     onSetTagsClick
  3734.   } = params;
  3735.   const { memberName, memberAvatar, memberLink } = commentData;
  3736.   let abortController = null;
  3737.   const handleOver = () => {
  3738.     popupControl2.close();
  3739.     popupControl2.open($trigger);
  3740.     const $content = $(`
  3741.       <div class="v2p-member-card">
  3742.         <div class="v2p-info">
  3743.           <div class="v2p-info-left">
  3744.             <a class="v2p-avatar-box" href="${memberLink}" target="${openInNewTab ? "_blank" : "_self"}">
  3745.               <img class="v2p-avatar" src="${memberAvatar}">
  3746.             </a>
  3747.           </div>
  3748.  
  3749.           <div class="v2p-info-right">
  3750.             <div class="v2p-username">
  3751.               <a href="${memberLink}" target="${openInNewTab ? "_blank" : "_self"}">${memberName}</a>
  3752.             </div>
  3753.             <div class="v2p-no v2p-loading"></div>
  3754.             <div class="v2p-created-date v2p-loading"></div>
  3755.           </div>
  3756.  
  3757.           </div>
  3758.  
  3759.           <div class="v2p-bio" style="disply:none;"></div>
  3760.  
  3761.           <div class="v2p-member-card-actions"></div>
  3762.       </div>
  3763.     `);
  3764.     popupControl2.$content.empty().append($content);
  3765.     createButton({ children: "\u6DFB\u52A0\u7528\u6237\u6807\u7B7E" }).on("click", () => {
  3766.       popupControl2.close();
  3767.       openTagsSetter({ memberName, memberAvatar });
  3768.       onSetTagsClick?.();
  3769.     }).appendTo($(".v2p-member-card-actions"));
  3770.     void (async () => {
  3771.       if (!memberDataCache.has(memberName)) {
  3772.         abortController = new AbortController();
  3773.         popupControl2.onClose = () => {
  3774.           abortController?.abort();
  3775.         };
  3776.         try {
  3777.           const memberData = await fetchUserInfo(memberName, {
  3778.             signal: abortController.signal
  3779.           });
  3780.           memberDataCache.set(memberName, memberData);
  3781.         } catch (err) {
  3782.           if (err instanceof Error) {
  3783.             $content.html(`<span>${err.message}</span>`);
  3784.             if (err.cause === 404) {
  3785.               memberDataCache.set(memberName, banned);
  3786.             }
  3787.           }
  3788.           return null;
  3789.         }
  3790.       }
  3791.       const data = memberDataCache.get(memberName);
  3792.       if (typeof data === "object") {
  3793.         $content.find(".v2p-no").removeClass("v2p-loading").text(`V2EX \u7B2C ${data.id} \u53F7\u4F1A\u5458`);
  3794.         $content.find(".v2p-created-date").removeClass("v2p-loading").text(`\u52A0\u5165\u4E8E ${formatTimestamp(data.created)}`);
  3795.         if (data.bio && data.bio.trim().length > 0) {
  3796.           $content.find(".v2p-bio").css("disply", "block").text(data.bio);
  3797.         }
  3798.       } else if (typeof data === "symbol" && data === banned) {
  3799.         $content.html("<span>\u67E5\u65E0\u6B64\u7528\u6237\uFF0C\u7591\u4F3C\u5DF2\u88AB\u5C01\u7981</span>");
  3800.       }
  3801.     })();
  3802.   };
  3803.   let isOver = false;
  3804.   $trigger.on("mouseover", () => {
  3805.     isOver = true;
  3806.     setTimeout(() => {
  3807.       if (isOver) {
  3808.         handleOver();
  3809.       }
  3810.     }, hoverDelay);
  3811.   }).on("mouseleave", () => {
  3812.     isOver = false;
  3813.     setTimeout(() => {
  3814.       if (!popupControl2.isOver && !isOver) {
  3815.         popupControl2.close();
  3816.       }
  3817.     }, hoverDelay);
  3818.   });
  3819.   if (shouldWrap) {
  3820.     $trigger.wrap(
  3821.       `<a href="/member/${commentData.memberName}" target="_blank" style="cursor: pointer;">`
  3822.     );
  3823.   }
  3824. }
  3825. var banned, memberDataCache;
  3826. var init_avatar = __esm({
  3827.   "src/contents/topic/avatar.ts"() {
  3828.     "use strict";
  3829.     init_button();
  3830.     init_popup();
  3831.     init_services();
  3832.     init_utils();
  3833.     init_content();
  3834.     banned = Symbol();
  3835.     memberDataCache = /* @__PURE__ */ new Map();
  3836.   }
  3837. });
  3838.  
  3839. // src/contents/topic/comment.ts
  3840. function handlingFilteredComments() {
  3841.   const iconHeart = createElement$1(Heart);
  3842.   iconHeart.setAttribute("width", "100%");
  3843.   iconHeart.setAttribute("height", "100%");
  3844.   const $commentsBtn = $(
  3845.     `<span class="v2p-tool v2p-hover-btn"><span class="v2p-tool-icon"></span>\u70ED\u95E8\u56DE\u590D</span>`
  3846.   );
  3847.   $commentsBtn.find(".v2p-tool-icon").append(iconHeart);
  3848.   $(".v2p-tools").prepend($commentsBtn);
  3849.   const popularCommentData = commentDataList.filter(({ likes }) => likes > 0).sort((a, b) => b.likes - a.likes);
  3850.   const popularCount = popularCommentData.length;
  3851.   const modal = createModal({
  3852.     root: $main,
  3853.     onMount: ({ $title, $content }) => {
  3854.       const $template = $('<div class="v2p-modal-comments">');
  3855.       const $t1 = $template.clone().attr("data-tab-key", "hot").addClass("v2p-tab-content-active");
  3856.       const $t2 = $template.clone().attr("data-tab-key", "recent");
  3857.       const $t3 = $template.clone().attr("data-tab-key", "op");
  3858.       {
  3859.         if (popularCount > 0) {
  3860.           popularCommentData.forEach(({ index, refMemberNames }) => {
  3861.             const $clonedCell = $commentCells.eq(index).clone();
  3862.             $clonedCell.find(".v2p-controls > a:has(.v2p-control-reply)").remove();
  3863.             $clonedCell.find(".no").css("pointer-events", "none");
  3864.             const firstRefMember = refMemberNames?.at(0);
  3865.             if (firstRefMember) {
  3866.               const replyMember = commentDataList.findLast(
  3867.                 (it, idx) => idx < index && it.memberName === firstRefMember
  3868.               );
  3869.               if (replyMember) {
  3870.                 $clonedCell.prepend(
  3871.                   $(`
  3872.                     <div class="v2p-topic-reply-ref">
  3873.                       <div class="v2p-topic-reply">
  3874.                         <div class="v2p-topic-reply-member">
  3875.                           <a href="${replyMember.memberLink}" target="_blank">
  3876.                             <img class="v2p-topic-reply-avatar" src="${replyMember.memberAvatar}">
  3877.                             <span>${replyMember.memberName}</span>
  3878.                           </a>\uFF1A
  3879.                         </div>
  3880.                         <div class="v2p-topic-reply-content">${escapeHTML(
  3881.                     replyMember.content
  3882.                   )}</div>
  3883.                       </div>
  3884.                     </div>
  3885.                   `)
  3886.                 );
  3887.               }
  3888.             }
  3889.             $t1.append($clonedCell);
  3890.           });
  3891.         } else {
  3892.           $t1.append($("<div>\u6682\u65E0\u70ED\u95E8\u56DE\u590D</div>").css({ padding: "20px", textAlign: "center" }));
  3893.         }
  3894.         $content.append($t1);
  3895.       }
  3896.       {
  3897.         const len = commentDataList.length;
  3898.         const displayNum = len < 10 ? len : len <= 10 ? 5 : len <= 30 ? 10 : len <= 60 ? 20 : len <= 100 ? 40 : len <= 200 ? 60 : 90;
  3899.         if (displayNum > 0) {
  3900.           const recentCommentData = commentDataList.slice(-1 * displayNum).reverse();
  3901.           recentCommentData.forEach(({ index, refMemberNames }) => {
  3902.             const $clonedCell = $commentCells.eq(index).clone();
  3903.             $clonedCell.find(".v2p-controls > a:has(.v2p-control-reply)").remove();
  3904.             $clonedCell.find(".no").css("pointer-events", "none");
  3905.             const firstRefMember = refMemberNames?.at(0);
  3906.             if (firstRefMember) {
  3907.               const replyMember = commentDataList.findLast(
  3908.                 (it, idx) => idx < index && it.memberName === firstRefMember
  3909.               );
  3910.               if (replyMember) {
  3911.                 $clonedCell.prepend(
  3912.                   $(`
  3913.                     <div class="v2p-topic-reply-ref">
  3914.                       <div class="v2p-topic-reply">
  3915.                         <div class="v2p-topic-reply-member">
  3916.                           <a href="${replyMember.memberLink}" target="_blank">
  3917.                             <img class="v2p-topic-reply-avatar" src="${replyMember.memberAvatar}">
  3918.                             <span>${replyMember.memberName}</span>
  3919.                           </a>\uFF1A
  3920.                         </div>
  3921.                         <div class="v2p-topic-reply-content">${escapeHTML(
  3922.                     replyMember.content
  3923.                   )}</div>
  3924.                       </div>
  3925.                     </div>
  3926.                   `)
  3927.                 );
  3928.               }
  3929.             }
  3930.             $t2.append($clonedCell);
  3931.           });
  3932.         } else {
  3933.           $t2.append($("<div>\u6682\u65E0\u6700\u8FD1\u56DE\u590D</div>").css({ padding: "20px", textAlign: "center" }));
  3934.         }
  3935.         $content.append($t2);
  3936.       }
  3937.       {
  3938.         const opCommentData = commentDataList.filter(
  3939.           ({ memberName }) => memberName === topicOwnerName
  3940.         );
  3941.         if (opCommentData.length > 0) {
  3942.           opCommentData.forEach(({ index, refMemberNames }) => {
  3943.             const $clonedCell = $commentCells.eq(index).clone();
  3944.             $clonedCell.find(".v2p-controls > a:has(.v2p-control-reply)").remove();
  3945.             $clonedCell.find(".no").css("pointer-events", "none");
  3946.             const firstRefMember = refMemberNames?.at(0);
  3947.             if (firstRefMember) {
  3948.               const replyMember = commentDataList.findLast(
  3949.                 (it, idx) => idx < index && it.memberName === firstRefMember
  3950.               );
  3951.               if (replyMember) {
  3952.                 $clonedCell.prepend(
  3953.                   $(`
  3954.                     <div class="v2p-topic-reply-ref">
  3955.                       <div class="v2p-topic-reply">
  3956.                         <div class="v2p-topic-reply-member">
  3957.                           <a href="${replyMember.memberLink}" target="_blank">
  3958.                             <img class="v2p-topic-reply-avatar" src="${replyMember.memberAvatar}">
  3959.                             <span>${replyMember.memberName}</span>
  3960.                           </a>\uFF1A
  3961.                         </div>
  3962.                         <div class="v2p-topic-reply-content">${escapeHTML(
  3963.                     replyMember.content
  3964.                   )}</div>
  3965.                       </div>
  3966.                     </div>
  3967.                   `)
  3968.                 );
  3969.               }
  3970.             }
  3971.             $t3.append($clonedCell);
  3972.           });
  3973.         } else {
  3974.           $t3.append($("<div>\u6682\u65E0\u9898\u4E3B\u56DE\u590D</div>").css({ padding: "20px", textAlign: "center" }));
  3975.         }
  3976.         $content.append($t3);
  3977.       }
  3978.       const $tabs = $(`
  3979.       <div class="v2p-modal-comment-tabs">
  3980.         <div data-tab-key="hot" class="v2p-tab-active">\u70ED\u95E8\u56DE\u590D</div>
  3981.         <div data-tab-key="recent">\u6700\u8FD1\u56DE\u590D</div>
  3982.         <div data-tab-key="op">\u9898\u4E3B\u56DE\u590D</div>
  3983.       </div>
  3984.     `);
  3985.       $title.append($tabs);
  3986.       $tabs.find("[data-tab-key]").on("click", (ev) => {
  3987.         const $target = $(ev.currentTarget);
  3988.         const { tabKey } = $target.data();
  3989.         if (typeof tabKey === "string") {
  3990.           $target.addClass("v2p-tab-active").siblings().removeClass("v2p-tab-active");
  3991.           $(`.v2p-modal-comments[data-tab-key="${tabKey}"]`).addClass("v2p-tab-content-active").siblings().removeClass("v2p-tab-content-active");
  3992.         }
  3993.       });
  3994.     },
  3995.     onOpen: ({ $content }) => {
  3996.       $content.find('.cell[id^="r_"]').each((_, cellDom) => {
  3997.         const storage = getStorageSync();
  3998.         const options = storage["options" /* Options */];
  3999.         if (options.replyContent.autoFold) {
  4000.           processReplyContent($(cellDom));
  4001.         }
  4002.       });
  4003.     }
  4004.   });
  4005.   $commentsBtn.on("click", () => {
  4006.     modal.open();
  4007.   });
  4008.   {
  4009.     const $commentBoxCount = $commentBox.find(".cell:first-of-type > span.gray");
  4010.     const countText = $commentBoxCount.text();
  4011.     const newCountText = countText.substring(0, countText.indexOf("\u56DE\u590D") + 2);
  4012.     const countTextSpan = `<span class="count-text">${newCountText}</span><span class="v2p-dot">\xB7</span>${popularCount} \u6761\u70ED\u95E8\u56DE\u590D`;
  4013.     $commentBoxCount.empty().append(countTextSpan);
  4014.   }
  4015. }
  4016. function processActions($cellDom, data) {
  4017.   const $actions = $cellDom.find("> table > tbody > tr > td:last-of-type > .fr");
  4018.   const $controls = $('<span class="v2p-controls">');
  4019.   const $thankIcon = $(
  4020.     `<span
  4021.       class="v2p-control v2p-control-thank"
  4022.       data-id="${data.id}"
  4023.       data-member-name="${data.memberName}"
  4024.      >
  4025.         <i data-lucide="heart"></i>
  4026.      </span>`
  4027.   );
  4028.   const thankArea = $actions.find("> .thank_area");
  4029.   const thanked = thankArea.hasClass("thanked");
  4030.   if (thanked) {
  4031.     $thankIcon.addClass("v2p-thanked");
  4032.     $controls.append($("<a>").append($thankIcon));
  4033.   } else {
  4034.     const thankEle = thankArea.find("> .thank");
  4035.     const $hide = thankEle.eq(0).removeClass("thank");
  4036.     const $thank = thankEle.eq(1).removeClass("thank");
  4037.     $hide.html(
  4038.       `<span class="v2p-control v2p-hover-btn v2p-control-hide"><i data-lucide="eye-off"></i></span>`
  4039.     );
  4040.     $thankIcon.addClass("v2p-hover-btn").replaceAll($thank);
  4041.     $controls.append($hide).append($thankIcon);
  4042.   }
  4043.   const $reply = $actions.find("a:last-of-type");
  4044.   $reply.find('> img[alt="Reply"]').replaceWith(
  4045.     `<span class="v2p-control v2p-hover-btn v2p-control-reply"><i data-lucide="message-square"></i></span>`
  4046.   );
  4047.   $controls.append($reply);
  4048.   thankArea.remove();
  4049.   const floorNum = $actions.find(".no").clone();
  4050.   $reply.on("click", () => {
  4051.     const replyVal = $replyTextArea.val();
  4052.     if (typeof replyVal === "string" && replyVal.length > 0) {
  4053.       const floor = floorNum.text();
  4054.       const replyComment = commentDataList.find((it) => it.floor === floor);
  4055.       if (replyComment) {
  4056.         const replyMemberName = replyComment.memberName;
  4057.         const moreThanOneReply = commentDataList.findIndex(
  4058.           (it) => it.memberName === replyMemberName && it.floor !== floor
  4059.         ) !== -1;
  4060.         if (moreThanOneReply) {
  4061.           insertTextToReplyInput(`#${floor} `);
  4062.         } else {
  4063.           const $page = $(".v2p-paging").eq(0).find(".page_normal, .page_current");
  4064.           if ($page.length > 1) {
  4065.             const onLastPage = $page.last().hasClass("page_current");
  4066.             if (!onLastPage) {
  4067.               insertTextToReplyInput(`#${floor} `);
  4068.             }
  4069.           }
  4070.         }
  4071.       }
  4072.     }
  4073.   });
  4074.   $actions.empty().append($controls, floorNum);
  4075. }
  4076. async function handlingComments() {
  4077.   const storage = getStorageSync();
  4078.   const tagData = storage["member-tag" /* MemberTag */];
  4079.   const options = storage["options" /* Options */];
  4080.   if (options.reply.preload !== "off") {
  4081.     const $paging = $(".v2p-paging");
  4082.     if ($paging.length > 0) {
  4083.       const $pagingTop = $paging.eq(0);
  4084.       const $pagingBottom = $paging.eq(1);
  4085.       const $pageNormal = $paging.find(".page_normal");
  4086.       const $pagingTopNormal = $pagingTop.find(".page_normal");
  4087.       const toastControl = createToast({ message: "\u6B63\u5728\u9884\u52A0\u8F7D\u56DE\u590D\uFF0C\u8BF7\u7A0D\u5019...", duration: 0 });
  4088.       try {
  4089.         const $pagingBottomNormal = $pagingBottom.find(".page_normal");
  4090.         const $pageCurrent = $pagingTop.find(".page_current");
  4091.         const currentPage = $pageCurrent.text();
  4092.         if (currentPage === "1") {
  4093.           const pages = [];
  4094.           $pagingTopNormal.each((i, ele) => {
  4095.             if (i <= 1) {
  4096.               if (ele.textContent) {
  4097.                 ele.classList.add("page_current");
  4098.                 ele.classList.remove("page_normal");
  4099.                 $pagingBottomNormal.eq(i).addClass("page_current").removeClass("page_normal");
  4100.                 pages.push(ele.textContent);
  4101.               }
  4102.             }
  4103.           });
  4104.           if (pages.length > 0) {
  4105.             const pagesText = await Promise.all(
  4106.               pages.map((p) => crawlTopicPage(window.location.pathname, p))
  4107.             );
  4108.             pagesText.map((pageText) => {
  4109.               $pagingBottom.before($(pageText).find('.cell[id^="r_"]'));
  4110.             });
  4111.           }
  4112.           updateCommentCells();
  4113.         }
  4114.         toastControl.clear();
  4115.       } catch (err) {
  4116.         if (err instanceof Error) {
  4117.           console.error(`\u52A0\u8F7D\u591A\u9875\u56DE\u590D\u51FA\u9519\uFF1A${err.message}`);
  4118.         }
  4119.         createToast({ message: "\u274C \u52A0\u8F7D\u591A\u9875\u56DE\u590D\u5931\u8D25" });
  4120.         $pageNormal.removeClass("page_current").addClass("page_normal");
  4121.       }
  4122.     }
  4123.     if (options.replyContent.hideReplyTime) {
  4124.       $(".cell .ago").addClass("v2p-auto-hide");
  4125.     }
  4126.   }
  4127.   const canHideRefName = options.nestedReply.display === "indent" && !!options.replyContent.hideRefName;
  4128.   commentDataList = getCommentDataList({ options, $commentTableRows, $commentCells });
  4129.   {
  4130.     const memberNames = /* @__PURE__ */ new Set([topicOwnerName]);
  4131.     $commentCells.each((i, cellDom) => {
  4132.       const currentComment = commentDataList.at(i);
  4133.       if (currentComment?.id !== cellDom.id) {
  4134.         return;
  4135.       }
  4136.       const $cellDom = $(cellDom);
  4137.       const { memberName, thanked } = currentComment;
  4138.       memberNames.add(memberName);
  4139.       processAvatar({
  4140.         $trigger: $cellDom.find(".avatar, .dark"),
  4141.         popupControl,
  4142.         commentData: currentComment,
  4143.         openInNewTab: options.openInNewTab
  4144.       });
  4145.       if (memberName === loginName) {
  4146.         $cellDom.find(".badges").append(`<div class="badge ${memberName === topicOwnerName ? "mod" : "you"}">YOU</div>`);
  4147.       }
  4148.       const $likesBox = $cellDom.find(".small.fade").addClass("v2p-likes-box");
  4149.       $likesBox.find('img[alt="\u2764\uFE0F"]').replaceWith('<span class="v2p-icon-heart"><i data-lucide="heart"></i></span>');
  4150.       if (thanked) {
  4151.         $likesBox.addClass("v2p-thanked");
  4152.       }
  4153.       processActions($cellDom, currentComment);
  4154.       if (canHideRefName) {
  4155.         if (currentComment.contentHtml) {
  4156.           $cellDom.find(".reply_content").html(currentComment.contentHtml);
  4157.         }
  4158.       }
  4159.     });
  4160.     if (tagData) {
  4161.       Object.entries(tagData).forEach(([memberName, { tags, avatar }]) => {
  4162.         if (memberNames.has(memberName)) {
  4163.           updateMemberTag({ memberName, memberAvatar: avatar, tags, options });
  4164.         }
  4165.       });
  4166.     }
  4167.     updateCommentCells();
  4168.     handlingFilteredComments();
  4169.     $(".v2p-control-thank").on("click", (ev) => {
  4170.       ev.stopPropagation();
  4171.       const id = ev.currentTarget.dataset.id;
  4172.       const memberName = ev.currentTarget.dataset.memberName;
  4173.       if (typeof id === "string" && typeof memberName === "string") {
  4174.         if (confirm(`\u786E\u8BA4\u82B1\u8D39 10 \u4E2A\u94DC\u5E01\u5411 @${memberName} \u7684\u8FD9\u6761\u56DE\u590D\u53D1\u9001\u611F\u8C22\uFF1F`)) {
  4175.           const replyId = id.split("_").at(1);
  4176.           if (replyId) {
  4177.             void thankReply({
  4178.               replyId,
  4179.               onSuccess: () => {
  4180.                 const $cell = $(`.cell[id="r_${replyId}"]`);
  4181.                 const $tableInCell = $cell.find("> table");
  4182.                 const $likesBox = $tableInCell.find(".v2p-likes-box");
  4183.                 const $firstLikesBox = $likesBox.eq(0);
  4184.                 const likes = Number($firstLikesBox.text());
  4185.                 const $clonedIconHeart = $firstLikesBox.find(".v2p-icon-heart").clone();
  4186.                 if (likes > 0) {
  4187.                   $likesBox.addClass("v2p-thanked").empty().append($clonedIconHeart, ` ${likes + 1}`);
  4188.                 } else {
  4189.                   $(`
  4190.                       <span class="small v2p-likes-box v2p-thanked" style="position:relative;top:-1px;">
  4191.                         &nbsp;&nbsp;<span class="v2p-icon-heart"><i data-lucide="heart"></i></span>1
  4192.                       </span>
  4193.                       `).insertAfter($tableInCell.find(".ago"));
  4194.                   loadIcons();
  4195.                 }
  4196.                 const $thankAction = $tableInCell.find(".v2p-control-thank");
  4197.                 $thankAction.addClass("v2p-thanked").off("click");
  4198.                 $thankAction.siblings().has(".v2p-control-hide").hide();
  4199.               },
  4200.               onFail: () => {
  4201.                 createToast({ message: "\u274C \u611F\u8C22\u56DE\u590D\u5931\u8D25" });
  4202.               }
  4203.             });
  4204.           }
  4205.         }
  4206.       }
  4207.     });
  4208.   }
  4209.   handleNestedComment({ options, $commentCells, commentDataList });
  4210.   {
  4211.     const $opAvatar = $topicHeader.find(".avatar");
  4212.     const $opName = $topicHeader.find('.gray a[href^="/member"]');
  4213.     const memberName = $opAvatar.prop("alt");
  4214.     const memberAvatar = $opAvatar.prop("src");
  4215.     const memberLink = $topicHeader.find(".fr > a").prop("href");
  4216.     if (typeof memberName === "string" && typeof memberAvatar === "string" && typeof memberLink === "string") {
  4217.       processAvatar({
  4218.         $trigger: $opAvatar,
  4219.         popupControl,
  4220.         commentData: { memberName, memberAvatar, memberLink },
  4221.         openInNewTab: options.openInNewTab
  4222.       });
  4223.       processAvatar({
  4224.         $trigger: $opName,
  4225.         popupControl,
  4226.         commentData: { memberName, memberAvatar, memberLink },
  4227.         shouldWrap: false,
  4228.         openInNewTab: options.openInNewTab
  4229.       });
  4230.       fetchUserInfo(memberName).then((memberData) => {
  4231.         memberDataCache.set(memberName, memberData);
  4232.         const diffInDays = (Date.now() / 1e3 - memberData.created) / (60 * 60 * 24);
  4233.         if (diffInDays <= 30) {
  4234.           $opName.append(
  4235.             `<span class="v2p-register-days v2p-register-days-15">${diffInDays <= 15 ? "15" : "30"} \u5929\u5185\u6CE8\u518C</span>`
  4236.           );
  4237.         }
  4238.       });
  4239.     }
  4240.   }
  4241.   if (options.replyContent.showImgInPage) {
  4242.     window.requestIdleCallback(() => {
  4243.       handlingCommentImg();
  4244.     });
  4245.   }
  4246.   window.requestIdleCallback(() => {
  4247.     handlingEmojiReplace();
  4248.   });
  4249. }
  4250. var commentDataList, popupControl;
  4251. var init_comment = __esm({
  4252.   "src/contents/topic/comment.ts"() {
  4253.     "use strict";
  4254.     init_lucide();
  4255.     init_modal();
  4256.     init_popup();
  4257.     init_toast();
  4258.     init_constants();
  4259.     init_services();
  4260.     init_utils();
  4261.     init_dom();
  4262.     init_globals();
  4263.     init_helpers();
  4264.     init_avatar();
  4265.     init_content();
  4266.     commentDataList = [];
  4267.     popupControl = createPopup({
  4268.       root: $wrapper,
  4269.       triggerType: "hover",
  4270.       placement: "right-start",
  4271.       offsetOptions: { mainAxis: 8, crossAxis: -4 }
  4272.     });
  4273.   }
  4274. });
  4275.  
  4276. // src/contents/topic/layout.ts
  4277. function toggleTopicLayout() {
  4278.   if ($wrapperContent.hasClass("v2p-content-layout")) {
  4279.     switchToVerticalLayout();
  4280.   } else {
  4281.     switchToHorizontalLayout();
  4282.   }
  4283. }
  4284. function handlingLayout() {
  4285.   const storage = getStorageSync();
  4286.   const options = storage["options" /* Options */];
  4287.   if (options.reply.layout === "auto") {
  4288.     const contentHeight = $topicContentBox.height();
  4289.     if (typeof contentHeight === "number" && contentHeight >= 600) {
  4290.       switchToHorizontalLayout();
  4291.     } else {
  4292.       switchToVerticalLayout();
  4293.     }
  4294.   } else {
  4295.     if (options.reply.layout === "horizontal") {
  4296.       switchToHorizontalLayout();
  4297.     } else {
  4298.       switchToVerticalLayout();
  4299.     }
  4300.   }
  4301.   $layoutToggle.on("click", () => {
  4302.     toggleTopicLayout();
  4303.   });
  4304.   $(".tools").prepend($layoutToggle);
  4305. }
  4306. var $layoutToggle, iconLayoutV, iconLayoutH, switchToHorizontalLayout, switchToVerticalLayout;
  4307. var init_layout = __esm({
  4308.   "src/contents/topic/layout.ts"() {
  4309.     "use strict";
  4310.     init_lucide();
  4311.     init_constants();
  4312.     init_utils();
  4313.     init_globals();
  4314.     $layoutToggle = $('<span class="v2p-layout-toggle v2p-hover-btn">');
  4315.     iconLayoutV = createElement$1(PanelTop);
  4316.     iconLayoutV.setAttribute("width", "100%");
  4317.     iconLayoutV.setAttribute("height", "100%");
  4318.     iconLayoutH = createElement$1(PanelRight);
  4319.     iconLayoutH.setAttribute("width", "100%");
  4320.     iconLayoutH.setAttribute("height", "100%");
  4321.     switchToHorizontalLayout = () => {
  4322.       if (!$wrapperContent.hasClass("v2p-content-layout")) {
  4323.         const $divider1 = $main.find("> .sep20:first-of-type");
  4324.         const $leftGroup = $divider1.add($divider1.next(".box"));
  4325.         const $leftSide = $('<div class="v2p-left-side">');
  4326.         $leftGroup.wrapAll($leftSide);
  4327.         const $content = $leftGroup.find("> .cell");
  4328.         $content.add($content.nextAll(".subtle")).wrapAll('<div class="v2p-left-side-content">');
  4329.         const $divider2 = $main.find(".sep20:nth-of-type(2)");
  4330.         const $rightGroup = $divider2.add($divider2.nextAll());
  4331.         $rightGroup.wrapAll('<div class="v2p-right-side">');
  4332.         $wrapperContent.addClass("v2p-content-layout");
  4333.         $main.addClass("v2p-horizontal-layout");
  4334.       }
  4335.       $layoutToggle.html(iconLayoutV);
  4336.       $layoutToggle.attr("title", "\u5207\u6362\u4E3A\u5782\u76F4\u5E03\u5C40");
  4337.       $(".v2p-reply-tool-layout").text("\u5207\u6362\u4E3A\u5782\u76F4\u5E03\u5C40");
  4338.     };
  4339.     switchToVerticalLayout = () => {
  4340.       if ($wrapperContent.hasClass("v2p-content-layout")) {
  4341.         $wrapperContent.removeClass("v2p-content-layout");
  4342.         $main.removeClass("v2p-horizontal-layout");
  4343.         $(".v2p-left-side-content").children().unwrap();
  4344.         $(".v2p-left-side").children().unwrap();
  4345.         $(".v2p-right-side").children().unwrap();
  4346.       }
  4347.       $layoutToggle.html(iconLayoutH);
  4348.       $layoutToggle.attr("title", "\u5207\u6362\u4E3A\u6C34\u5E73\u5E03\u5C40");
  4349.       $(".v2p-reply-tool-layout").text("\u5207\u6362\u4E3A\u6C34\u5E73\u5E03\u5C40");
  4350.     };
  4351.   }
  4352. });
  4353.  
  4354. // src/contents/topic/paging.ts
  4355. function handlingPaging() {
  4356.   const $notCommentCells = $commentBox.find('> .cell:not([id^="r_"])');
  4357.   if ($notCommentCells.length <= 1) {
  4358.     return;
  4359.   }
  4360.   const pagingCells = $notCommentCells.slice(1).addClass("v2p-paging");
  4361.   const pageBtns = pagingCells.find(".super.button");
  4362.   pageBtns.eq(0).addClass("v2p-prev-btn");
  4363.   pageBtns.eq(1).addClass("v2p-next-btn");
  4364. }
  4365. var init_paging = __esm({
  4366.   "src/contents/topic/paging.ts"() {
  4367.     "use strict";
  4368.     init_globals();
  4369.   }
  4370. });
  4371.  
  4372. // src/components/image-upload.ts
  4373. function bindImageUpload(props) {
  4374.   const { $wrapper: $wrapper2, $input, insertText, replaceText } = props;
  4375.   const $uploadBar = $(`<div class="v2p-reply-upload-bar">${uploadTip}</div>`);
  4376.   const handleUploadImage = (file) => {
  4377.     const placeholder = "[\u4E0A\u4F20\u56FE\u7247\u4E2D...]";
  4378.     insertText(` ${placeholder} `);
  4379.     $uploadBar.addClass("v2p-reply-upload-bar-disabled").text("\u6B63\u5728\u4E0A\u4F20\u56FE\u7247...");
  4380.     uploadImage(file).then((imgLink) => {
  4381.       replaceText(placeholder, imgLink);
  4382.     }).catch(() => {
  4383.       replaceText(placeholder, "");
  4384.       window.alert("\u274C \u4E0A\u4F20\u56FE\u7247\u5931\u8D25\uFF0C\u8BF7\u6253\u5F00\u63A7\u5236\u53F0\u67E5\u770B\u539F\u56E0");
  4385.     }).finally(() => {
  4386.       $uploadBar.removeClass("v2p-reply-upload-bar-disabled").text(uploadTip);
  4387.     });
  4388.   };
  4389.   const handleClickUploadImage = () => {
  4390.     const imgInput = document.createElement("input");
  4391.     imgInput.style.display = "none";
  4392.     imgInput.type = "file";
  4393.     imgInput.accept = "image/*";
  4394.     imgInput.addEventListener("change", () => {
  4395.       const selectedFile = imgInput.files?.[0];
  4396.       if (selectedFile) {
  4397.         handleUploadImage(selectedFile);
  4398.       }
  4399.     });
  4400.     imgInput.click();
  4401.   };
  4402.   document.addEventListener("paste", (ev) => {
  4403.     if (!(ev instanceof ClipboardEvent)) {
  4404.       return;
  4405.     }
  4406.     if ($input && !$input.get(0)?.matches(":focus")) {
  4407.       return;
  4408.     }
  4409.     const items = ev.clipboardData?.items;
  4410.     if (!items) {
  4411.       return;
  4412.     }
  4413.     const imageItem = Array.from(items).find((item) => item.type.includes("image"));
  4414.     if (imageItem) {
  4415.       const file = imageItem.getAsFile();
  4416.       if (file) {
  4417.         handleUploadImage(file);
  4418.       }
  4419.     }
  4420.   });
  4421.   $wrapper2.get(0)?.addEventListener("drop", (ev) => {
  4422.     ev.preventDefault();
  4423.     if (!(ev instanceof DragEvent)) {
  4424.       return;
  4425.     }
  4426.     const file = ev.dataTransfer?.files[0];
  4427.     if (file) {
  4428.       handleUploadImage(file);
  4429.     }
  4430.   });
  4431.   $(".flex-one-row:last-of-type > .gray").text("");
  4432.   $uploadBar.on("click", () => {
  4433.     if (!$uploadBar.hasClass("v2p-reply-upload-bar-disabled")) {
  4434.       handleClickUploadImage();
  4435.     }
  4436.   });
  4437.   $wrapper2.append($uploadBar);
  4438.   return {
  4439.     uploadBar: $uploadBar
  4440.   };
  4441. }
  4442. var uploadTip;
  4443. var init_image_upload = __esm({
  4444.   "src/components/image-upload.ts"() {
  4445.     "use strict";
  4446.     init_services();
  4447.     uploadTip = "\u9009\u62E9\u3001\u7C98\u8D34\u3001\u62D6\u653E\u4E0A\u4F20\u56FE\u7247\u3002";
  4448.   }
  4449. });
  4450.  
  4451. // src/contents/topic/reply.ts
  4452. function handlingReplyActions() {
  4453.   const os = getOS();
  4454.   const replyBtnText = `\u56DE\u590D<kbd>${os === "macos" ? "Cmd" : "Ctrl"}+Enter</kbd>`;
  4455.   const $replyBtn = createButton({
  4456.     children: replyBtnText,
  4457.     type: "submit"
  4458.   }).replaceAll($replyBox.find('input[type="submit"]'));
  4459.   $replyForm.on("submit", () => {
  4460.     const replyVal = $replyTextArea.val();
  4461.     if (typeof replyVal === "string") {
  4462.       $replyTextArea.val(transformEmoji(replyVal));
  4463.     }
  4464.     $replyBtn.text("\u63D0\u4EA4\u56DE\u590D\u4E2D...").prop("disabled", true);
  4465.     setTimeout(() => {
  4466.       $replyBtn.html(replyBtnText).prop("disabled", false);
  4467.     }, 5e3);
  4468.   });
  4469.   document.addEventListener("keydown", (ev) => {
  4470.     if (ev.key === "Enter" && (ev.ctrlKey || ev.metaKey)) {
  4471.       ev.preventDefault();
  4472.       $replyForm.trigger("submit");
  4473.     }
  4474.   });
  4475.   {
  4476.     const emoticonGroup = $('<div class="v2p-emoji-group">');
  4477.     const emoticonList = $('<div class="v2p-emoji-list">');
  4478.     const emoticonSpan = $('<span class="v2p-emoji">');
  4479.     const groups = emoticons.map((emojiGroup) => {
  4480.       const group = emoticonGroup.clone();
  4481.       const list = emoticonList.clone();
  4482.       group.append(`<div class="v2p-emoji-title">${emojiGroup.title}</div>`);
  4483.       list.append(
  4484.         emojiGroup.list.map((emoji) => {
  4485.           const emoticon = emoticonSpan.clone();
  4486.           if (emojiGroup.title === "\u6D41\u884C") {
  4487.             const emojiLink = emojiLinks[emoji].hd;
  4488.             emoticon.html(`<img src="${emojiLink}" />`).prop("title", emoji);
  4489.           } else {
  4490.             emoticon.text(emoji);
  4491.           }
  4492.           emoticon.on("click", () => {
  4493.             insertTextToReplyInput(emoji);
  4494.           });
  4495.           return emoticon;
  4496.         })
  4497.       );
  4498.       group.append(list);
  4499.       return group;
  4500.     });
  4501.     const emoticonsBox = $('<div class="v2p-emoticons-box">').append(groups);
  4502.     const $emojiBtn = createButton({
  4503.       children: '<span style="width:18px; height:18px;"><i data-lucide="smile"></i></span>'
  4504.     }).insertAfter($replyBtn);
  4505.     const $emojiContent = $('<div class="v2p-emoji-container">').append(emoticonsBox).appendTo($replyBox).on("click", () => {
  4506.       focusReplyInput();
  4507.     });
  4508.     const keyupHandler = (ev) => {
  4509.       if (ev.key === "Escape") {
  4510.         ev.preventDefault();
  4511.         emojiPopup.close();
  4512.       }
  4513.     };
  4514.     $emojiBtn.on("click", () => {
  4515.       focusReplyInput();
  4516.     });
  4517.     const emojiPopup = createPopup({
  4518.       root: $replyBox,
  4519.       trigger: $emojiBtn,
  4520.       content: $emojiContent,
  4521.       options: { placement: "right-end" },
  4522.       onOpen: () => {
  4523.         $(document.body).on("keydown", keyupHandler);
  4524.       },
  4525.       onClose: () => {
  4526.         $(document.body).off("keydown", keyupHandler);
  4527.       }
  4528.     });
  4529.   }
  4530.   {
  4531.     $replyBox.find("#undock-button, #undock-button + a").addClass("v2p-hover-btn").css("padding", "5px 4px");
  4532.   }
  4533. }
  4534. function handleReply() {
  4535.   $replyTextArea.attr("placeholder", "\u7559\u4E0B\u5BF9\u4ED6\u4EBA\u6709\u5E2E\u52A9\u7684\u56DE\u590D").wrap('<div class="v2p-reply-wrap">');
  4536.   const $replyWrap = $(".v2p-reply-wrap");
  4537.   const $replyPreview = $('<div class="v2p-reply-preview">');
  4538.   $replyPreview.hide().insertAfter($replyWrap);
  4539.   bindImageUpload({
  4540.     $wrapper: $replyWrap,
  4541.     $input: $replyTextArea,
  4542.     insertText: (text) => {
  4543.       insertTextToReplyInput(text);
  4544.     },
  4545.     replaceText: (find, replace) => {
  4546.       const val = $replyTextArea.val();
  4547.       if (typeof val === "string") {
  4548.         const newVal = val.replace(find, replace);
  4549.         $replyTextArea.val(newVal).trigger("focus");
  4550.       }
  4551.     }
  4552.   });
  4553.   {
  4554.     const $replyTabs = $('<div class="v2p-reply-tabs">');
  4555.     const $replyTabEdit = $('<div class="v2p-reply-tab active">\u7F16\u8F91</div>');
  4556.     const $replyTabPreview = $('<div class="v2p-reply-tab">\u9884\u89C8</div>');
  4557.     $replyTabEdit.on("click", () => {
  4558.       $replyTabEdit.addClass("active");
  4559.       $replyTabPreview.removeClass("active");
  4560.       $replyWrap.show();
  4561.       $replyPreview.hide();
  4562.     }).appendTo($replyTabs);
  4563.     let lastPreviewText = null;
  4564.     $replyTabPreview.on("click", () => {
  4565.       if (!$replyTabPreview.hasClass("active")) {
  4566.         $replyTabPreview.addClass("active");
  4567.         $replyTabEdit.removeClass("active");
  4568.         const replyText = $replyTextArea.val();
  4569.         if (typeof replyText === "string") {
  4570.           $replyWrap.hide();
  4571.           $replyPreview.show();
  4572.           if (replyText.trim() === "") {
  4573.             $replyPreview.html("\u6CA1\u6709\u53EF\u9884\u89C8\u7684\u5185\u5BB9");
  4574.           } else {
  4575.             const textToPreview = transformEmoji(replyText);
  4576.             const handlePreview = async () => {
  4577.               $replyPreview.html("\u6B63\u5728\u52A0\u8F7D\u9884\u89C8...");
  4578.               try {
  4579.                 const renderedContent = await getCommentPreview({
  4580.                   text: textToPreview,
  4581.                   syntax: "default"
  4582.                 });
  4583.                 $replyPreview.html(renderedContent);
  4584.                 lastPreviewText = textToPreview;
  4585.               } catch {
  4586.                 $replyPreview.html('\u9884\u89C8\u5931\u8D25\uFF0C<a class="v2p-preview-retry">\u70B9\u51FB\u91CD\u8BD5</a>\u3002');
  4587.                 $replyPreview.find(".v2p-preview-retry").on("click", () => {
  4588.                   void handlePreview();
  4589.                 });
  4590.               }
  4591.             };
  4592.             if (replyText !== lastPreviewText) {
  4593.               void handlePreview();
  4594.             }
  4595.           }
  4596.         }
  4597.       }
  4598.     }).appendTo($replyTabs);
  4599.     $replyBox.find("> .cell:first-of-type > div:first-of-type").replaceWith($replyTabs);
  4600.   }
  4601.   $(".flex-one-row:last-of-type > .gray").text("");
  4602.   handlingReplyActions();
  4603. }
  4604. var init_reply = __esm({
  4605.   "src/contents/topic/reply.ts"() {
  4606.     "use strict";
  4607.     init_button();
  4608.     init_image_upload();
  4609.     init_popup();
  4610.     init_constants();
  4611.     init_services();
  4612.     init_utils();
  4613.     init_globals();
  4614.     init_helpers();
  4615.   }
  4616. });
  4617.  
  4618. // src/contents/topic/tool.ts
  4619. function handlingTools() {
  4620.   const storage = getStorageSync();
  4621.   const options = storage["options" /* Options */];
  4622.   const $tools = $(`
  4623.     <div class="cell v2p-tools">
  4624.       <span class="v2p-tool v2p-hover-btn v2p-tool-reply">
  4625.         <span class="v2p-tool-icon"><i data-lucide="message-square-plus"></i></span>\u56DE\u590D\u4E3B\u9898
  4626.       </span>
  4627.       <span class="v2p-tool v2p-hover-btn v2p-tool-reading">
  4628.         <span class="v2p-tool-icon"><i data-lucide="book-open-check"></i></span>\u7A0D\u540E\u9605\u8BFB
  4629.       </span>
  4630.       <span class="v2p-tool v2p-hover-btn v2p-tool-scroll-top">
  4631.         <span class="v2p-tool-icon"><i data-lucide="chevrons-up"></i></span>\u56DE\u5230\u9876\u90E8
  4632.       </span>
  4633.       <span class="v2p-tool v2p-hover-btn v2p-tool-more">
  4634.         <span class="v2p-tool-icon"><i data-lucide="package-plus"></i></span>\u66F4\u591A\u529F\u80FD
  4635.       </span>
  4636.     </div>
  4637.   `);
  4638.   $tools.find(".v2p-tool-reply").on("click", () => {
  4639.     $replyTextArea.trigger("focus");
  4640.   });
  4641.   $tools.find(".v2p-tool-reading").on("click", () => {
  4642.     void addToReadingList({
  4643.       url: window.location.href,
  4644.       title: document.title.replace(" - V2EX", ""),
  4645.       content: String($('head meta[property="og:description"]').prop("content"))
  4646.     });
  4647.   });
  4648.   $tools.find(".v2p-tool-scroll-top").on("click", () => {
  4649.     window.scrollTo({ top: 0, behavior: "smooth" });
  4650.   });
  4651.   {
  4652.     const $moreTool = $tools.find(".v2p-tool-more");
  4653.     const $toolContent = $(`
  4654.       <div class="v2p-select-dropdown">
  4655.         <div class="v2p-select-item v2p-reply-tool-decode">\u89E3\u6790\u672C\u9875 Base64</div>
  4656.         <div class="v2p-select-item v2p-reply-tool-encode">\u6587\u672C\u8F6C Base64</div>
  4657.         <div class="v2p-select-item v2p-reply-tool-share">\u751F\u6210\u5206\u4EAB\u56FE\u7247</div>
  4658.       </div>
  4659.     `);
  4660.     const toolsPopup = createPopup({
  4661.       root: $replyBox,
  4662.       trigger: $moreTool,
  4663.       content: $toolContent,
  4664.       offsetOptions: { mainAxis: 5, crossAxis: -5 }
  4665.     });
  4666.     $toolContent.find(".v2p-reply-tool-decode").on("click", () => {
  4667.       decodeBase64TopicPage();
  4668.     });
  4669.     $toolContent.find(".v2p-reply-tool-encode").on("click", () => {
  4670.       focusReplyInput();
  4671.       setTimeout(() => {
  4672.         const inputText = window.prompt("\u8F93\u5165\u8981\u52A0\u5BC6\u7684\u5B57\u7B26\u4E32\uFF0C\u5B8C\u6210\u540E\u5C06\u586B\u5199\u5230\u56DE\u590D\u6846\u4E2D\uFF1A");
  4673.         if (inputText) {
  4674.           let encodedText;
  4675.           try {
  4676.             encodedText = window.btoa(encodeURIComponent(inputText));
  4677.           } catch (err) {
  4678.             const errorTip = "\u8BE5\u6587\u672C\u65E0\u6CD5\u7F16\u7801\u4E3A Base64";
  4679.             console.error(err, `${errorTip}\uFF0C\u53EF\u80FD\u7684\u9519\u8BEF\u539F\u56E0\uFF1A\u6587\u672C\u5305\u542B\u4E2D\u6587\u3002`);
  4680.             createToast({ message: errorTip });
  4681.           }
  4682.           if (encodedText) {
  4683.             insertTextToReplyInput(encodedText);
  4684.           }
  4685.         }
  4686.       });
  4687.     });
  4688.     $toolContent.find(".v2p-reply-tool-share").on("click", () => {
  4689.       if (topicId) {
  4690.         window.open(`${"https://v2p.app" /* Home */}/share/${topicId}`, "_blank");
  4691.       }
  4692.     });
  4693.     const canHideRefName = options.nestedReply.display === "indent" && !!options.replyContent.hideRefName;
  4694.     if (canHideRefName) {
  4695.       let isHidden = options.replyContent.hideRefName;
  4696.       const $toolToggleDisplay = $('<div class="v2p-select-item">\u663E\u793A @ \u7528\u6237\u540D</div>');
  4697.       $toolToggleDisplay.on("click", () => {
  4698.         if (isHidden) {
  4699.           isHidden = false;
  4700.           $toolToggleDisplay.text("\u9690\u85CF @ \u7528\u6237\u540D");
  4701.           $(".v2p-member-ref").addClass("v2p-member-ref-show");
  4702.         } else {
  4703.           isHidden = true;
  4704.           $toolToggleDisplay.text("\u663E\u793A @ \u7528\u6237\u540D");
  4705.           $(".v2p-member-ref").removeClass("v2p-member-ref-show");
  4706.         }
  4707.       });
  4708.       $toolContent.prepend($toolToggleDisplay);
  4709.     }
  4710.     const $toolToggleLayout = $(
  4711.       `
  4712.       <div class="v2p-select-item v2p-reply-tool-layout">
  4713.         ${options.reply.layout === "horizontal" ? "\u5207\u6362\u4E3A\u5782\u76F4\u5E03\u5C40" : "\u5207\u6362\u4E3A\u6C34\u5E73\u5E03\u5C40"}
  4714.       </div>
  4715.       `
  4716.     );
  4717.     $toolToggleLayout.on("click", () => {
  4718.       toggleTopicLayout();
  4719.     });
  4720.     $toolContent.prepend($toolToggleLayout);
  4721.     $toolContent.find(".v2p-select-item").on("click", () => {
  4722.       toolsPopup.close();
  4723.     });
  4724.   }
  4725.   $infoCard.addClass("v2p-tool-box").append($tools);
  4726.   loadIcons();
  4727. }
  4728. var init_tool = __esm({
  4729.   "src/contents/topic/tool.ts"() {
  4730.     "use strict";
  4731.     init_popup();
  4732.     init_toast();
  4733.     init_constants();
  4734.     init_utils();
  4735.     init_globals();
  4736.     init_helpers();
  4737.     init_layout();
  4738.   }
  4739. });
  4740.  
  4741. // src/contents/topic/index.ts
  4742. var topic_exports = {};
  4743. var init_topic = __esm({
  4744.   "src/contents/topic/index.ts"() {
  4745.     "use strict";
  4746.     init_constants();
  4747.     init_utils();
  4748.     init_globals();
  4749.     init_helpers();
  4750.     init_comment();
  4751.     init_content();
  4752.     init_layout();
  4753.     init_paging();
  4754.     init_reply();
  4755.     init_tool();
  4756.     void (async () => {
  4757.       const storage = await getStorage();
  4758.       const options = storage["options" /* Options */];
  4759.       handlingLayout();
  4760.       if (options.openInNewTab) {
  4761.         $topicHeader.find('a[href^="/member/"]').prop("target", "_blank");
  4762.         $commentTableRows.find("> td:nth-child(3) > strong > a").prop("target", "_blank");
  4763.       }
  4764.       handlingTools();
  4765.       {
  4766.         $(document).on("keydown", (ev) => {
  4767.           if (!ev.isDefaultPrevented()) {
  4768.             if (ev.key === "Escape") {
  4769.               const $replyContent = $("#reply_content");
  4770.               if ($replyBox.hasClass("reply-box-sticky")) {
  4771.                 $replyBox.removeClass("reply-box-sticky");
  4772.                 $("#undock-button").css("display", "none");
  4773.               }
  4774.               $replyContent.trigger("blur");
  4775.             }
  4776.           }
  4777.         });
  4778.       }
  4779.       handlingContent();
  4780.       if (document.referrer !== "") {
  4781.         if (document.referrer.includes(document.location.pathname)) {
  4782.           const url = new URL(document.location.href);
  4783.           const page = url.searchParams.get("p");
  4784.           if (page && page !== "1") {
  4785.             document.querySelector(".topic_buttons")?.scrollIntoView({ behavior: "smooth" });
  4786.           }
  4787.         }
  4788.       }
  4789.       handlingPaging();
  4790.       await handlingComments();
  4791.       handleReply();
  4792.       loadIcons();
  4793.     })();
  4794.   }
  4795. });
  4796.  
  4797. // src/contents/write/write.ts
  4798. function handlingWrite() {
  4799.   bindImageUpload({
  4800.     $wrapper: $("#workspace"),
  4801.     insertText: (text) => {
  4802.       postTask(`editor.getDoc().replaceRange("${text}", editor.getCursor())`);
  4803.     },
  4804.     replaceText: (find, replace) => {
  4805.       if (replace) {
  4806.         const mode = $("input[name=syntax]:checked").val();
  4807.         if (mode === "markdown") {
  4808.           replace = `![](${replace})`;
  4809.         }
  4810.       }
  4811.       postTask(`
  4812.       editor.setValue(editor.getValue().replace("${find}", "${replace}"));
  4813.       const doc = editor.getDoc(); 
  4814.       const lastLine = doc.lastLine(); 
  4815.       const lastChar = doc.getLine(lastLine).length; 
  4816.       doc.setCursor({ line: doc.lastLine(), ch: lastChar });
  4817.       `);
  4818.     }
  4819.   });
  4820. }
  4821. var init_write = __esm({
  4822.   "src/contents/write/write.ts"() {
  4823.     "use strict";
  4824.     init_image_upload();
  4825.     init_helpers();
  4826.   }
  4827. });
  4828.  
  4829. // src/contents/write/index.ts
  4830. var write_exports = {};
  4831. var init_write2 = __esm({
  4832.   "src/contents/write/index.ts"() {
  4833.     "use strict";
  4834.     init_helpers();
  4835.     init_write();
  4836.     handlingWrite();
  4837.     loadIcons();
  4838.   }
  4839. });
  4840.  
  4841. // node_modules/.pnpm/webext-patterns@1.5.0/node_modules/webext-patterns/index.js
  4842. var patternValidationRegex = /^(https?|wss?|file|ftp|\*):\/\/(\*|\*\.[^*/]+|[^*/]+)\/.*$|^file:\/\/\/.*$|^resource:\/\/(\*|\*\.[^*/]+|[^*/]+)\/.*$|^about:/;
  4843. var isFirefox = globalThis.navigator?.userAgent.includes("Firefox/");
  4844. var allStarsRegex = isFirefox ? /^(https?|wss?):[/][/][^/]+([/].*)?$/ : /^https?:[/][/][^/]+([/].*)?$/;
  4845. var allUrlsRegex = /^(https?|file|ftp):[/]+/;
  4846. function assertValidPattern(matchPattern) {
  4847.   if (!isValidPattern(matchPattern)) {
  4848.     throw new Error(matchPattern + " is an invalid pattern. See https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/Match_patterns for more info.");
  4849.   }
  4850. }
  4851. function isValidPattern(matchPattern) {
  4852.   return matchPattern === "<all_urls>" || patternValidationRegex.test(matchPattern);
  4853. }
  4854. function getRawPatternRegex(matchPattern) {
  4855.   assertValidPattern(matchPattern);
  4856.   let [, protocol, host = "", pathname] = matchPattern.split(/(^[^:]+:[/][/])([^/]+)?/);
  4857.   protocol = protocol.replace("*", isFirefox ? "(https?|wss?)" : "https?").replaceAll(/[/]/g, "[/]");
  4858.   if (host === "*") {
  4859.     host = "[^/]+";
  4860.   }
  4861.   host &&= host.replace(/^[*][.]/, "([^/]+.)*").replaceAll(/[.]/g, "[.]").replace(/[*]$/, "[^.]+");
  4862.   pathname = pathname.replaceAll(/[/]/g, "[/]").replaceAll(/[.]/g, "[.]").replaceAll(/[*]/g, ".*");
  4863.   return "^" + protocol + host + "(" + pathname + ")?$";
  4864. }
  4865. function patternToRegex(...matchPatterns) {
  4866.   if (matchPatterns.length === 0) {
  4867.     return /$./;
  4868.   }
  4869.   if (matchPatterns.includes("<all_urls>")) {
  4870.     return allUrlsRegex;
  4871.   }
  4872.   if (matchPatterns.includes("*://*/*")) {
  4873.     return allStarsRegex;
  4874.   }
  4875.   return new RegExp(matchPatterns.map((x) => getRawPatternRegex(x)).join("|"));
  4876. }
  4877.  
  4878. // src/user-scripts/style.ts
  4879. var style = `:root{--zidx-serach: 100;--zidx-tabs: 10;--zidx-tools-card: 10;--zidx-reply-box: 99;--zidx-modal-header: 50;--zidx-modal-mask: 888;--zidx-toast: 999;--zidx-tip: 10;--zidx-popup: 99;--zidx-expand-mask: 10;--zidx-expand-btn: 20;--v2p-underline-offset: 0.5ex;--v2p-layout-column-gap: 25px;--v2p-layout-row-gap: 20px}:root body{--v2p-color-main-50: #f7f9fb;--v2p-color-main-100: #f1f5f9;--v2p-color-main-200: #e2e8f0;--v2p-color-main-300: #cbd5e1;--v2p-color-main-350: #94a3b8cc;--v2p-color-main-400: #94a3b8;--v2p-color-main-500: #64748b;--v2p-color-main-600: #475569;--v2p-color-main-700: #334155;--v2p-color-main-800: #1e293b;--v2p-color-accent-50: #ecfdf5;--v2p-color-accent-100: #d1fae5;--v2p-color-accent-200: #a7f3d0;--v2p-color-accent-300: #6ee7b7;--v2p-color-accent-400: #34d399;--v2p-color-accent-500: #10b981;--v2p-color-accent-600: #059669;--v2p-color-orange-50: #fff7ed;--v2p-color-orange-100: #ffedd5;--v2p-color-orange-400: #fb923c;--v2p-color-background: #f2f3f5;--v2p-color-foreground: var(--v2p-color-main-800);--v2p-color-font-secondary: var(--v2p-color-main-500);--v2p-color-bg-content: #fff;--v2p-color-bg-footer: var(--v2p-color-bg-content);--v2p-color-bg-hover-btn: var(--v2p-color-main-200);--v2p-color-bg-subtle: rgb(236 253 245 / 90%);--v2p-color-bg-input: var(--v2p-color-main-50);--v2p-color-bg-search: var(--v2p-color-main-100);--v2p-color-bg-search-active: var(--v2p-color-main-200);--v2p-color-bg-widget: rgb(255 255 255 / 70%);--v2p-color-bg-reply: var(--v2p-color-main-100);--v2p-color-bg-tooltip: var(--v2p-color-bg-content);--v2p-color-heart: #ef4444;--v2p-color-heart-fill: #fee2e2;--v2p-color-mask: rgb(0 0 0 / 25%);--v2p-color-divider: var(--v2p-color-main-200);--v2p-color-border: var(--v2p-color-main-200);--v2p-color-border-darker: var(--v2p-color-main-300);--v2p-box-shadow: 0 3px 5px 0 rgb(0 0 0 / 4%);--v2p-widget-shadow: 0 9px 24px -3px rgb(0 0 0 / 6%), 0 4px 8px -1px rgb(0 0 0 /12%);--v2p-toast-shadow: 0 6px 16px 0 rgb(0 0 0 / 8%), 0 3px 6px -4px rgb(0 0 0 / 12%), 0 9px 28px 8px rgb(0 0 0 / 5%);--v2p-color-error: #ef4444;--v2p-color-bg-error: #fee2e2;--color-fade: var(--v2p-color-font-secondary);--color-gray: var(--v2p-color-font-secondary);--link-color: var(--v2p-color-foreground);--link-darker-color: var(--v2p-color-main-600);--link-hover-color: var(--v2p-color-foreground);--link-caution-color: var(--v2p-color-orange-400);--box-border-color: var(--v2p-color-border);--box-foreground-color: var(--v2p-color-foreground);--box-background-color: var(--v2p-color-bg-content);--box-background-alt-color: var(--v2p-color-main-100);--box-background-hover-color: var(--v2p-color-main-200);--box-border-focus-color: var(--v2p-color-main-200);--box-border-radius: 10px;--button-background-color: var(--v2p-color-main-100);--button-background-hover-color: var(--v2p-color-main-200);--button-hover-color: var(--button-background-hover-color);--button-foreground-color: var(--v2p-color-main-500);--button-foreground-hover-color: var(--v2p-color-main-600);--button-border-color: var(--v2p-color-main-300);--button-border-hover-color: var(--v2p-color-main-400);font-family:system-ui,sans-serif;color:var(--v2p-color-foreground);background-color:var(--v2p-color-background)}:root body #Logo{background-image:url("https://www.v2ex.com/static/img/v2ex@2x.png")}:root body ::selection{color:var(--v2p-color-main-100, #f1f5f9);background-color:var(--v2p-color-main-700, #334155)}:root body img::selection{background-color:var(--v2p-color-main-500, #64748b)}:root body.v2p-theme-dark,:root[data-darkreader-scheme=dark] body{--v2p-color-main-50: unset;--v2p-color-main-100: #2d333b;--v2p-color-main-200: #374151;--v2p-color-main-300: #374151;--v2p-color-main-350: #6b7280cc;--v2p-color-main-400: #6b7280;--v2p-color-main-500: #9ca3af;--v2p-color-main-600: #9ca3af;--v2p-color-main-700: #d1d5db;--v2p-color-main-800: #e5e7eb;--v2p-color-main-900: #111827;--v2p-color-main-950: #030712;--v2p-color-accent-50: #064e3b;--v2p-color-accent-100: #065f46;--v2p-color-accent-200: #047857;--v2p-color-accent-300: #059669;--v2p-color-accent-400: #10b981;--v2p-color-accent-500: #34d399;--v2p-color-accent-600: #6ee7b7;--v2p-color-orange-50: #593600;--v2p-color-orange-100: #9a3412;--v2p-color-orange-400: #fbe090;--v2p-color-background: #1c2128;--v2p-color-foreground: #adbac7;--v2p-color-font-secondary: var(--v2p-color-main-600);--v2p-color-bg-content: #22272e;--v2p-color-bg-subtle: rgb(6 78 59 / 30%);--v2p-color-bg-input: var(--v2p-color-background);--v2p-color-bg-search: var(--v2p-color-main-100);--v2p-color-bg-search-active: var(--v2p-color-main-200);--v2p-color-bg-widget: var(--v2p-color-bg-content);--v2p-color-bg-reply: var(--v2p-color-main-100);--v2p-color-bg-tooltip: var(--v2p-color-main-100);--v2p-color-heart: #ef4444;--v2p-color-heart-fill: #fca5a5;--v2p-color-mask: rgb(99 110 123 / 40%);--v2p-color-border: #444c56;--v2p-color-border-darker: #444c56;--v2p-box-shadow: 0 0 0 1px var(--v2p-color-border);--v2p-toast-shadow: none;--link-color: var(--v2p-color-foreground);--box-background-color: var(--v2p-color-bg-content);--box-background-alt-color: var(--v2p-color-main-100);--box-background-hover-color: var(--v2p-color-main-300);--button-background-color: #373e47;--button-background-hover-color: #444c56;--button-hover-color: var(--button-background-hover-color);--button-foreground-color: var(--v2p-color-foreground);--button-foreground-hover-color: var(--v2p-color-foreground);--button-border-color: var(--v2p-color-border);--button-border-hover-color: #768390}:root body.v2p-theme-dark #Logo,:root[data-darkreader-scheme=dark] body #Logo{background-image:url("https://www.v2ex.com/static/img/v2ex-alt@2x.png")}:root body.v2p-theme-dark ::selection,:root[data-darkreader-scheme=dark] body ::selection{color:var(--v2p-color-background, #1c2128);background-color:var(--v2p-color-foreground, #adbac7)}:root body.v2p-theme-dark img::selection,:root[data-darkreader-scheme=dark] body img::selection{background-color:var(--v2p-color-foreground, #adbac7)}@supports selector(:has(*)){:root body:has(#Wrapper.Night){--v2p-color-main-50: unset;--v2p-color-main-100: #2d333b;--v2p-color-main-200: #374151;--v2p-color-main-300: #374151;--v2p-color-main-350: #6b7280cc;--v2p-color-main-400: #6b7280;--v2p-color-main-500: #9ca3af;--v2p-color-main-600: #9ca3af;--v2p-color-main-700: #d1d5db;--v2p-color-main-800: #e5e7eb;--v2p-color-main-900: #111827;--v2p-color-main-950: #030712;--v2p-color-accent-50: #064e3b;--v2p-color-accent-100: #065f46;--v2p-color-accent-200: #047857;--v2p-color-accent-300: #059669;--v2p-color-accent-400: #10b981;--v2p-color-accent-500: #34d399;--v2p-color-accent-600: #6ee7b7;--v2p-color-orange-50: #593600;--v2p-color-orange-100: #9a3412;--v2p-color-orange-400: #fbe090;--v2p-color-background: #1c2128;--v2p-color-foreground: #adbac7;--v2p-color-font-secondary: var(--v2p-color-main-600);--v2p-color-bg-content: #22272e;--v2p-color-bg-subtle: rgb(6 78 59 / 30%);--v2p-color-bg-input: var(--v2p-color-background);--v2p-color-bg-search: var(--v2p-color-main-100);--v2p-color-bg-search-active: var(--v2p-color-main-200);--v2p-color-bg-widget: var(--v2p-color-bg-content);--v2p-color-bg-reply: var(--v2p-color-main-100);--v2p-color-bg-tooltip: var(--v2p-color-main-100);--v2p-color-heart: #ef4444;--v2p-color-heart-fill: #fca5a5;--v2p-color-mask: rgb(99 110 123 / 40%);--v2p-color-border: #444c56;--v2p-color-border-darker: #444c56;--v2p-box-shadow: 0 0 0 1px var(--v2p-color-border);--v2p-toast-shadow: none;--link-color: var(--v2p-color-foreground);--box-background-color: var(--v2p-color-bg-content);--box-background-alt-color: var(--v2p-color-main-100);--box-background-hover-color: var(--v2p-color-main-300);--button-background-color: #373e47;--button-background-hover-color: #444c56;--button-hover-color: var(--button-background-hover-color);--button-foreground-color: var(--v2p-color-foreground);--button-foreground-hover-color: var(--v2p-color-foreground);--button-border-color: var(--v2p-color-border);--button-border-hover-color: #768390}:root body:has(#Wrapper.Night) #Logo{background-image:url("https://www.v2ex.com/static/img/v2ex-alt@2x.png")}:root body:has(#Wrapper.Night) ::selection{color:var(--v2p-color-background, #1c2128);background-color:var(--v2p-color-foreground, #adbac7)}:root body:has(#Wrapper.Night) img::selection{background-color:var(--v2p-color-foreground, #adbac7)}}@supports not selector(:has(*)){:root #Wrapper.Night{--v2p-color-main-50: unset;--v2p-color-main-100: #2d333b;--v2p-color-main-200: #374151;--v2p-color-main-300: #374151;--v2p-color-main-350: #6b7280cc;--v2p-color-main-400: #6b7280;--v2p-color-main-500: #9ca3af;--v2p-color-main-600: #9ca3af;--v2p-color-main-700: #d1d5db;--v2p-color-main-800: #e5e7eb;--v2p-color-main-900: #111827;--v2p-color-main-950: #030712;--v2p-color-accent-50: #064e3b;--v2p-color-accent-100: #065f46;--v2p-color-accent-200: #047857;--v2p-color-accent-300: #059669;--v2p-color-accent-400: #10b981;--v2p-color-accent-500: #34d399;--v2p-color-accent-600: #6ee7b7;--v2p-color-orange-50: #593600;--v2p-color-orange-100: #9a3412;--v2p-color-orange-400: #fbe090;--v2p-color-background: #1c2128;--v2p-color-foreground: #adbac7;--v2p-color-font-secondary: var(--v2p-color-main-600);--v2p-color-bg-content: #22272e;--v2p-color-bg-subtle: rgb(6 78 59 / 30%);--v2p-color-bg-input: var(--v2p-color-background);--v2p-color-bg-search: var(--v2p-color-main-100);--v2p-color-bg-search-active: var(--v2p-color-main-200);--v2p-color-bg-widget: var(--v2p-color-bg-content);--v2p-color-bg-reply: var(--v2p-color-main-100);--v2p-color-bg-tooltip: var(--v2p-color-main-100);--v2p-color-heart: #ef4444;--v2p-color-heart-fill: #fca5a5;--v2p-color-mask: rgb(99 110 123 / 40%);--v2p-color-border: #444c56;--v2p-color-border-darker: #444c56;--v2p-box-shadow: 0 0 0 1px var(--v2p-color-border);--v2p-toast-shadow: none;--link-color: var(--v2p-color-foreground);--box-background-color: var(--v2p-color-bg-content);--box-background-alt-color: var(--v2p-color-main-100);--box-background-hover-color: var(--v2p-color-main-300);--button-background-color: #373e47;--button-background-hover-color: #444c56;--button-hover-color: var(--button-background-hover-color);--button-foreground-color: var(--v2p-color-foreground);--button-foreground-hover-color: var(--v2p-color-foreground);--button-border-color: var(--v2p-color-border);--button-border-hover-color: #768390}:root #Wrapper.Night #Logo{background-image:url("https://www.v2ex.com/static/img/v2ex-alt@2x.png")}:root #Wrapper.Night ::selection{color:var(--v2p-color-background, #1c2128);background-color:var(--v2p-color-foreground, #adbac7)}:root #Wrapper.Night img::selection{background-color:var(--v2p-color-foreground, #adbac7)}}
  4880. :root{color-scheme:light}:root:has(#Wrapper.Night){color-scheme:dark}:root:has(#Wrapper.Night) #Top{background-color:rgba(0,0,0,0)}:root:has(#Wrapper.Night) #search-container::before{background-image:url("/static/img/search_icon_light.png")}:root html,:root body{min-height:100vh}body{scrollbar-gutter:stable;overflow:overlay}body h1{font-weight:bold}body a{cursor:default;text-decoration:none}body a[href]{cursor:pointer}body a:hover{text-decoration:underline 1px;text-underline-offset:var(--v2p-underline-offset)}body pre{max-width:calc(830px - 2*var(--v2p-layout-column-gap) - 24px)}body #Top{height:55px;background-color:var(--v2p-color-bg-content);border:none}body #Bottom{color:var(--v2p-color-font-secondary);background-color:var(--v2p-color-bg-footer);border:none}body #Bottom .content{flex-direction:column}body #Wrapper{background-color:inherit;background-image:none}body #Wrapper.Night{background-color:inherit;background-image:none}body #Wrapper .content{display:flex;gap:var(--v2p-layout-column-gap)}#Navcol .nav_item:hover{background-color:var(--box-background-hover-color)}#Navcol .nav_item_current:hover{color:var(--box-foreground-color);background-color:var(--box-background-color)}#Rightcol #page-outline-title{background-color:var(--v2p-color-main-200)}#Rightcol .page-outline-item:hover{background-color:var(--box-background-hover-color)}body #Leftbar{float:none;order:1}body #Main{flex:1;order:2;max-width:85vw;margin:0}body #Rightbar{float:none;order:3;margin-right:var(--v2p-layout-column-gap)}body #search-container{height:30px;margin:0 30px;background-color:var(--v2p-color-bg-search);border:none;border-radius:6px}body #search-container::before{top:0;left:4px;opacity:.6;background-size:14px 14px;filter:none}body #search-container.active{background-color:var(--v2p-color-bg-search-active)}body #search-container #search-result{z-index:var(--zidx-serach);top:42px;font-size:14px;color:var(--v2p-color-main-600);background:var(--v2p-color-bg-widget);backdrop-filter:blur(16px);border:1px solid var(--box-border-color);box-shadow:var(--v2p-widget-shadow)}body #search-container #search-result .fade{color:var(--v2p-color-main-600)}body #search-container #search-result .search-item{font-weight:bold;color:var(--v2p-color-foreground);border-radius:5px}body #search-container #search-result .search-item.active{color:var(--v2p-color-foreground)}body #search-container #search-result .search-item.active.v2p-no-active{background-color:rgba(0,0,0,0)}body .box{color:var(--box-foreground-color);background-color:var(--v2p-color-bg-content);border:none;border-radius:var(--box-border-radius);box-shadow:var(--v2p-box-shadow)}body .box .header>h1{font-size:22px;font-weight:bold}body .box .header .gray{color:var(--color-gray)}body .button{--button-hover-shadow: 0 1.8px 0 var(--button-border-color), 0 1.8px 0 var(--button-background-color)}body .button.normal,body .button.super{cursor:pointer;user-select:none;position:relative;display:inline-flex;gap:5px;align-items:center;height:28px;padding:0 12px;font-family:inherit;font-size:14px;font-weight:500;line-height:28px;color:var(--button-foreground-color);text-shadow:none;white-space:nowrap;background:var(--button-background-color);border:none;border-radius:6px;outline:none;box-shadow:0 1.8px 0 var(--box-background-hover-color),0 1.8px 0 var(--button-background-color);transition:color .25s,background-color .25s,box-shadow .25s}body .button.normal:is(:hover:enabled,:active:enabled),body .button.super:is(:hover:enabled,:active:enabled){font-weight:500;color:var(--button-foreground-hover-color);text-shadow:none;background:var(--button-hover-color);border:none;box-shadow:var(--button-hover-shadow)}body .button.normal:is(.hover_now,.disable_now),body .button.super:is(.hover_now,.disable_now){color:var(--button-foreground-color) !important;text-shadow:none !important;background:var(--button-background-color) !important;border:none !important;box-shadow:0 1.8px 0 var(--box-background-hover-color) !important,0 1.8px 0 var(--button-background-color) !important}body .button.normal:is(.disable_now,:disabled),body .button.super:is(.disable_now,:disabled){pointer-events:none;cursor:default;font-weight:500;color:var(--button-foreground-color);text-shadow:none;opacity:.8;background:var(--button-background-color);box-shadow:0 1.8px 0 var(--box-background-hover-color),0 1.8px 0 var(--button-background-color)}body .button.normal kbd,body .button.super kbd{position:relative;right:-4px;padding:0 3px;font-family:inherit;font-size:90%;line-height:initial;border:1px solid var(--button-border-color);border-radius:4px}body .button.special{--button-hover-shadow: 0 1.8px 0 var(--v2p-color-accent-200), 0 1.8px 0 var(--v2p-color-accent-100);color:var(--v2p-color-accent-500);background:var(--v2p-color-accent-100);box-shadow:var(--button-hover-shadow)}body .button.special:hover,body .button.special:hover:enabled{color:var(--v2p-color-accent-600);background:var(--v2p-color-accent-100);border:none;box-shadow:var(--button-hover-shadow)}body .button a{color:inherit;text-decoration:none}body .badge{user-select:none;padding:2px 5px;font-weight:bold;border:1px solid var(--v2p-color-accent-400)}body .badge:first-child{border:1px solid var(--v2p-color-accent-400);border-top-left-radius:4px;border-bottom-left-radius:4px}body .badge:last-child{border:1px solid var(--v2p-color-accent-400);border-top-right-radius:4px;border-bottom-right-radius:4px}body .badge.op{color:var(--v2p-color-accent-500);background-color:var(--v2p-color-accent-50)}body .badge.mod{color:var(--v2p-color-bg-content);background-color:var(--v2p-color-accent-400)}body .badge.you{color:var(--v2p-color-orange-400);background-color:var(--v2p-color-orange-50);border:1px solid var(--v2p-color-orange-400)}body .badge.mini{height:1.2em;padding:0 3px;font-size:12px;font-weight:normal;line-height:1}body a.node:is(:active,:link,:visited){padding:5px 6px;font-size:13px;color:var(--v2p-color-font-secondary);background-color:var(--v2p-color-main-100);border-radius:4px}body a.node:is(:active,:link,:visited):hover{color:var(--v2p-color-main-500);background-color:var(--v2p-color-main-200)}body .outdated{font-size:12px;border-color:var(--v2p-color-main-200);border-bottom:none}body :is(.page_normal,.page_current):is(:link,:visited){user-select:none;padding:6px 9px;font-size:14px;border:none;border-radius:4px}body .page_normal:is(:link,:visited){font-weight:500;background-color:var(--v2p-color-bg-content);box-shadow:0 2px 2px var(--box-background-hover-color);transition:transform .25s}body .page_normal:is(:link,:visited):hover{transform:scale(1.1) translateY(-2px)}body .page_current:is(:link,:visited){pointer-events:none;font-weight:bold;background-color:var(--box-background-hover-color);box-shadow:none}body .page_input{display:none}body .dock_area{margin:12px 0;background:var(--v2p-color-main-100)}body .member-activity-bar{background-color:var(--v2p-color-main-200)}body .member-activity-bar .member-activity-start{background-color:var(--v2p-color-accent-200)}body .member-activity-bar .member-activity-fourth{background-color:var(--v2p-color-accent-400)}body .member-activity-bar .member-activity-half{background-color:var(--v2p-color-accent-500)}body .member-activity-bar .member-activity-almost{background-color:var(--v2p-color-accent-600)}body .member-activity-bar .member-activity-done{background-color:var(--v2p-color-orange-400)}body .online{user-select:none;padding:6px 8px;font-size:13px;color:var(--v2p-color-bg-content);background:var(--v2p-color-accent-400);border-radius:5px}body #topic_supplement{resize:none;overflow:hidden;height:unset;min-height:550px !important;max-height:800px !important;font-size:15px;color:currentColor;background-color:var(--v2p-color-bg-input);border:1px solid var(--button-border-color);border-radius:8px;transition:opacity .25s;overflow-y:auto}body #topic_supplement::placeholder{font-size:15px;color:var(--v2p-color-main-500)}body #topic_supplement:is(:focus,:focus-within){background-color:rgba(0,0,0,0);outline:none;box-shadow:0 0 0 1px var(--button-border-color)}body .item_hot_topic_title{--offset: 2.4px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.4;position:relative;padding:var(--offset) 0;text-shadow:none}body .item_hot_topic_title>a:hover{text-underline-offset:var(--offset)}body form textarea#topic_title{resize:none;overflow:hidden;height:unset;min-height:75px !important;max-height:800px !important;font-size:15px;color:currentColor;background-color:var(--v2p-color-bg-input);border:1px solid var(--button-border-color);border-radius:8px;transition:opacity .25s}body form textarea#topic_title::placeholder{font-size:15px;color:var(--v2p-color-main-500)}body form textarea#topic_title:is(:focus,:focus-within){background-color:rgba(0,0,0,0);outline:none;box-shadow:0 0 0 1px var(--button-border-color)}body form #topic_title{resize:none;overflow:hidden;height:unset;min-height:30px !important;max-height:800px !important;font-size:15px;color:currentColor;background-color:var(--v2p-color-bg-input);border:1px solid var(--button-border-color);border-radius:8px;transition:opacity .25s}body form #topic_title::placeholder{font-size:15px;color:var(--v2p-color-main-500)}body form #topic_title:is(:focus,:focus-within){background-color:rgba(0,0,0,0);outline:none;box-shadow:0 0 0 1px var(--button-border-color)}body form #topic_content{resize:none;overflow:hidden;height:unset;min-height:120px !important;max-height:800px !important;font-size:15px;color:currentColor;background-color:var(--v2p-color-bg-input);border:1px solid var(--button-border-color);border-radius:8px;transition:opacity .25s}body form #topic_content::placeholder{font-size:15px;color:var(--v2p-color-main-500)}body form #topic_content:is(:focus,:focus-within){background-color:rgba(0,0,0,0);outline:none;box-shadow:0 0 0 1px var(--button-border-color)}body #syntax-selector .radio-group{padding:3px;background-color:var(--v2p-color-background)}body #syntax-selector .radio-group>input[type=radio]:checked+label{background-color:var(--v2p-color-accent-100)}body #syntax-selector .radio-group>input[type=radio]+label{cursor:pointer;font-size:13px}body #syntax-selector label{color:var(--v2p-color-foreground)}body .snow{color:var(--v2p-color-main-400)}body .orange-dot{background:var(--v2p-color-orange-400)}body form[action^="/notes"] .cell{background-color:rgba(0,0,0,0) !important}body .alt{background-color:var(--v2p-color-bg-input);border:1px solid var(--button-border-color)}body a.btn_hero{border-color:var(--v2p-color-foreground)}body a.btn_hero:hover{background-color:var(--v2p-color-foreground)}body .cell_ops{background-color:rgba(0,0,0,0)}body :is(.topic_content,.reply_content,.v2p-topic-preview-content,.v2p-topic-preview-addons,.v2p-reply-preview) a[href^=http]{text-decoration:underline 1.5px;text-underline-offset:.46ex;color:currentColor;background-color:var(--v2p-color-main-100)}body :is(.topic_content,.reply_content,.v2p-topic-preview-content,.v2p-topic-preview-addons,.v2p-reply-preview) a[href^=http]:hover{background-color:var(--v2p-color-main-200)}body :is(.topic_content,.reply_content,.v2p-topic-preview-content,.v2p-topic-preview-addons,.v2p-reply-preview) a[href*="v2ex.com/t"],body :is(.topic_content,.reply_content,.v2p-topic-preview-content,.v2p-topic-preview-addons,.v2p-reply-preview) a[href^="/t"],body :is(.topic_content,.reply_content,.v2p-topic-preview-content,.v2p-topic-preview-addons,.v2p-reply-preview) a[href^="/go"]{text-decoration:underline 1.5px;text-underline-offset:.46ex;color:var(--v2p-color-accent-500);background-color:var(--v2p-color-accent-50)}body :is(.topic_content,.reply_content,.v2p-topic-preview-content,.v2p-topic-preview-addons,.v2p-reply-preview) a[href*="v2ex.com/t"]:hover,body :is(.topic_content,.reply_content,.v2p-topic-preview-content,.v2p-topic-preview-addons,.v2p-reply-preview) a[href^="/t"]:hover,body :is(.topic_content,.reply_content,.v2p-topic-preview-content,.v2p-topic-preview-addons,.v2p-reply-preview) a[href^="/go"]:hover{color:var(--v2p-color-accent-500);background-color:var(--v2p-color-accent-50)}body .CodeMirror .CodeMirror-focused.cm-s-one-dark{background-color:rgba(0,0,0,0)}body .CodeMirror .CodeMirror-gutters{padding-right:5px;background-color:var(--v2p-color-bg-input);border-right:1px solid var(--v2p-color-main-300)}body .CodeMirror .CodeMirror-linenumber{color:var(--v2p-color-main-400)}body .cm-s-one-dark{background-color:var(--v2p-color-bg-input)}body #workspace{overflow:hidden;border:1px solid var(--button-border-color);border-radius:8px}body .select2-container{width:200px !important}body .select2-container .select2-selection{background-color:var(--v2p-color-background);border:1px solid var(--v2p-color-border)}body .select2-container .select2-selection .select2-selection__rendered,body .select2-container .select2-selection .select2-selection__placeholder{color:var(--v2p-color-foreground)}body .select2-container .select2-dropdown{font-size:14px;background:var(--v2p-color-bg-widget);backdrop-filter:blur(16px);border:1px solid var(--box-border-color);border-radius:8px;box-shadow:var(--v2p-widget-shadow);transform:translateY(5px)}body .select2-container .select2-dropdown .select2-search{padding:5px}body .select2-container .select2-dropdown .select2-search .select2-search__field{padding:6px 4px;background-color:rgba(0,0,0,0);border:1px solid var(--v2p-color-main-200);border-radius:4px}body .select2-container .select2-dropdown .select2-search .select2-search__field:focus-visible{border-color:var(--v2p-color-main-400);outline:none}body .select2-container .select2-dropdown .select2-results>.select2-results__options{padding:5px}body .select2-container .select2-dropdown .select2-container--default .select2-results__option--selected{color:currentColor;background-color:var(--v2p-color-accent-100)}body .select2-container .select2-results__option{border-radius:4px}body .select2-container .select2-results__option--highlighted.select2-results__option--selectable{color:currentColor;background-color:var(--v2p-color-main-200)}body .select2-container .select2-results__option--selected{color:currentColor !important;background-color:var(--v2p-color-accent-100) !important}body .problem{color:currentColor;color:var(--v2p-color-orange-400);background-color:var(--v2p-color-orange-50);border-color:var(--v2p-color-orange-400);border-bottom:none}body .markdown_body table{border-top:1px solid var(--v2p-color-border-darker);box-shadow:none}body .markdown_body table tr th,body .markdown_body table tr td{border:1px solid var(--v2p-color-border-darker)}body .markdown_body table tr:nth-child(2n){background-color:var(--box-background-alt-color)}body .markdown_body blockquote{margin-inline:0;padding:0 1em;color:var(--v2p-color-main-500);border-left:3px solid var(--v2p-color-border)}body .social_label:is(:link,:visited,:active){background-color:var(--v2p-color-main-100);border-radius:var(--box-border-radius);box-shadow:none}body .social_label:is(:link,:visited,:active):hover{background-color:var(--v2p-color-main-200)}body .green{color:var(--v2p-color-accent-500)}body .message{color:var(--v2p-color-orange-400);background-color:var(--v2p-color-orange-50);border:none}body .balance_area,body a.balance_area:is(:link,:visited){display:inline-flex;gap:3px;align-items:center;font-weight:600;color:var(--v2p-color-foreground);text-shadow:none;background:var(--v2p-color-main-100)}body .balance_area:hover,body a.balance_area:is(:link,:visited):hover{background:var(--v2p-color-main-200)}body :is(.subtle){background-color:var(--v2p-color-bg-subtle);border-left:3px solid var(--v2p-color-accent-200)}body :is(.subtle) .topic_content{font-size:15px}body .onoffswitch label .frame::before{color:#fff;background-color:var(--v2p-color-accent-400)}body .onoffswitch label .frame::after{color:var(--v2p-color-main-100);background-color:var(--v2p-color-main-400)}body select{color:var(--v2p-color-foreground);background-color:var(--v2p-color-background);border:1px solid var(--v2p-color-border);border-radius:4px;padding:4px 6px}.box .tag::before{color:var(--v2p-color-main-500)}.box .tag:link,.box .tag:visited{font-size:12px;color:var(--v2p-color-font-secondary);background-color:var(--v2p-color-main-100);border-radius:5px}.box .tag>li{opacity:.6}#Top .content{height:100%}#Top .site-nav{height:100%;padding:0}#Top .tools{display:flex;gap:8px 14px;align-items:center;justify-content:flex-end;font-size:14px;font-weight:400}#Top .tools .top{height:26px;padding:0 6px;line-height:26px;color:var(--v2p-color-main-500);white-space:nowrap;border-radius:4px}#Top .tools .top:hover{color:var(--v2p-color-foreground)}#Top .tools .top:not(.v2p-hover-btn):hover{background-color:var(--v2p-color-main-100)}#Top .tools *{margin-left:0}#Main .box{overflow:auto;padding:0 12px}#Main .box.node-header>.cell{margin:0 -12px}#Main .box .cell{padding:20px 10px;background-image:none !important}#Main .box .cell_ops{padding:15px 5px}#Main .box:has(form[action="/write"]) .cell:nth-child(1),#Main .box:has(form[action="/write"]) .cell:nth-child(2){border:none}#Main .box:has(form[action="/write"]) .cell:has(#syntax-selector){padding:8px 0 !important}#Main .box:has(form[action="/write"]) .cell:has(#syntax-selector) .tab-alt-container{gap:0 8px}#Main .box:has(form[action="/write"]) .cell:has(#syntax-selector) .tab-alt{padding:4px 2px;border-bottom-width:2px;transition:none}#Main .box:has(form[action="/write"]) .cell:has(#syntax-selector) .tab-alt:not(.active):hover{border-color:rgba(0,0,0,0)}#Main .topic_buttons{display:flex;flex-wrap:wrap;column-gap:5px;align-items:center;padding:8px 0;background:none}#Main .topic_buttons .topic_stats{float:none;flex:1;order:99;margin-left:10px;padding:0 !important;font-size:12px;text-shadow:none}#Main .topic_buttons .topic_thanked{font-size:12px}#Main .topic_buttons a.tb:link{display:flex;flex-direction:row-reverse;column-gap:5px;align-items:center;padding:5px;text-shadow:none;white-space:nowrap;background:none;border-radius:4px}#Main .topic_buttons a.tb:link:not(.v2p-hover-btn){color:var(--v2p-color-font-secondary)}#Main .topic_buttons a.tb:link:hover:not(.v2p-hover-btn){color:currentColor;background:var(--v2p-color-main-100)}#Main .vote:link{color:var(--v2p-color-main-500);border-color:var(--v2p-color-main-300);border-radius:5px}#Main .vote:link:hover{box-shadow:0 2px 2px var(--v2p-color-main-200)}#Main .cell .topic-link{color:var(--v2p-color-foreground);text-decoration:none}#Main .cell .topic-link:visited{color:var(--v2p-color-main-400)}#Main .cell .topic_info{pointer-events:none;user-select:none;position:relative;display:flex;flex-wrap:wrap;align-items:center}#Main .cell .topic_info::after{content:"";position:absolute;z-index:1;inset:0 0 -6px;background-color:var(--v2p-color-bg-content)}#Main .cell .topic_info .votes,#Main .cell .topic_info .node,#Main .cell .topic_info strong:first-of-type,#Main .cell .topic_info span:first-of-type,#Main .cell .topic_info .v2p-topic-ignore-btn{pointer-events:auto;position:relative;z-index:2}#Main .cell .topic_info a[href^="/member"]{font-weight:500;color:var(--v2p-color-main-500)}#Main .cell .count_livid{user-select:none;display:inline-block;padding:5px 10px;font-size:12px;font-weight:400;white-space:nowrap;border-radius:5px;color:var(--v2p-color-main-500);background-color:var(--v2p-color-main-200)}#Main .cell .count_orange{user-select:none;display:inline-block;padding:5px 10px;font-size:12px;font-weight:400;white-space:nowrap;border-radius:5px;font-weight:bold;color:var(--v2p-color-main-100);background-color:var(--v2p-color-orange-400)}#Main .cell .item_title .topic-link{font-weight:bold}#Main .cell.item tr>td:nth-child(2){width:30px}#Main .box>.cell[id^=r]:not(:has(.cell[id^=r])) .reply_content,#Main .v2p-modal-content>.cell[id^=r]:not(:has(.cell[id^=r])) .reply_content{padding-bottom:0}#Main .cell[id^=r]{--bg-reply: var(--v2p-color-bg-content);background-color:var(--bg-reply)}#Main .cell[id^=r]:not(:has(+.cell[id^=r])){border-bottom:none}#Main .cell[id^=r]:hover>table td:last-of-type .fr a{opacity:1}#Main .cell[id^=r] .ago{font-size:12px;color:var(--v2p-color-main-400);white-space:nowrap}#Main .cell[id^=r] .reply_content{padding-bottom:10px;line-height:1.5}#Main .cell[id^=r]>table:first-of-type td:first-of-type{width:40px}#Main .cell[id^=r]>table:first-of-type td:first-of-type .avatar{aspect-ratio:1;width:40px !important;height:40px !important;border-radius:5px}#Main .cell[id^=r]>table~.cell[id^=r]{--bg-reply: var(--v2p-color-bg-reply);position:relative;z-index:var(--zidx-expand-btn);padding:15px 0 0 15px;border:none;border-radius:0;box-shadow:-2.4px 0 var(--v2p-color-border-darker)}#Main .cell[id^=r]>table~.cell[id^=r] .cell[id^=r]{padding:0;box-shadow:none}#Main .cell[id^=r]>table~.cell[id^=r] .cell[id^=r].v2p-indent{padding-left:15px;border-left:1px solid var(--v2p-color-border-darker)}#Main .cell[id^=r]>table~.cell[id^=r] tr td:first-of-type{width:25px}#Main .cell[id^=r]>table~.cell[id^=r] tr td:first-of-type .avatar{width:25px !important;height:25px !important;border-radius:4px}#Main .cell[id^=r]>table~.cell[id^=r] tr td:nth-child(3) strong a{font-size:13px}#Main .cell[id^=r]>table~.cell[id^=r] .reply_content{padding-right:5px}#Main .cell[id^=r]>table td:nth-of-type(2){width:15px}#Main .cell[id^=r]>table td:last-of-type a.dark{color:var(--v2p-color-main-600);text-decoration:none}#Main .cell[id^=r]>table td:last-of-type a.dark:hover{text-decoration:none}#Main .cell[id^=r]>table td:last-of-type .fr{user-select:none;position:relative;top:-3px}#Main .cell[id^=r]>table td:last-of-type .fr a{opacity:0}#Main .cell[id^=r]>table td:last-of-type .fr+.sep3{height:0}#Main .cell[id^=r]:last-of-type{border:none}#Main .cell[id^=r] .no{user-select:none;position:relative;top:-4px;padding:5px 10px;font-size:12px;color:var(--v2p-color-main-350);background-color:rgba(0,0,0,0);border-radius:5px}#Main #Tabs{user-select:none;position:sticky;z-index:var(--zidx-tabs);top:0;display:flex;flex-wrap:wrap;gap:5px 3px;align-items:center;padding:10px;background-color:var(--v2p-color-bg-content);border-bottom:1px solid var(--box-border-color)}#Main #Tabs .tab_current{margin-right:0}#Main #Tabs .tab{margin:0}#Main #Tabs .tab.v2p-hover-btn::before{inset:0}#Main #SecondaryTabs{padding:10px;background-color:var(--v2p-color-main-100);border-radius:5px}#Main .topic_content,#Main .reply_content{font-size:15px;line-height:1.6;color:currentColor}#Main .topic_content a[href^="/member"],#Main .reply_content a[href^="/member"]{position:relative;bottom:1px;font-size:13px;color:var(--v2p-color-main-500);text-decoration:underline;text-underline-offset:.4ex}#Main .thank_area{font-size:12px}#Main .tab{user-select:none;color:var(--v2p-color-foreground);background-color:rgba(0,0,0,0)}#Main .tab:not(.v2p-hover-btn):hover{background-color:var(--v2p-color-main-100)}#Main .tab_current{user-select:none;color:var(--box-background-color);background-color:var(--box-foreground-color)}#Main #reply-box.reply-box-sticky{z-index:var(--zidx-reply-box);bottom:20px;overflow:visible;margin:0 -10px;padding:0 22px;border:none;border-radius:var(--box-border-radius);outline:2px solid var(--v2p-color-main-200)}#Main #reply-box .flex-one-row:last-of-type{flex-direction:row-reverse;gap:10px;justify-content:flex-start}#Main #reply-box .flex-one-row:last-of-type .gray{margin-right:auto}#Main #reply-box>.cell{font-size:12px}#Main #reply-box>.cell.flex-one-row{min-height:45px;padding:0 10px;border:none}#Main #reply-box>.cell.flex-row-end{padding:12px 10px;border:none}#Main #reply-box>.cell:has(form){padding-top:0}#Main #no-comments-yet{color:var(--color-gray);border-color:var(--color-gray)}#Main #notifications .cell[id^=n]:hover .node{opacity:1}#Main #notifications .cell[id^=n] .node{opacity:0}#Main #notifications .cell[id^=n] .payload{color:var(--v2p-color-foreground);background-color:var(--v2p-color-main-100)}#Main #notifications .cell[id^=n] .topic-link:visited{color:var(--v2p-color-main-400)}#Main .cell_tabs .cell_tab_current{font-weight:bold;border-color:var(--v2p-color-foreground)}#Main .cell_tabs .cell_tab{color:var(--v2p-color-foreground)}#Main .cell_tabs .cell_tab:hover{border-color:var(--v2p-color-main-300)}#Rightbar .cell:has(.light-toggle){font-size:13px}#Rightbar a.dark:is(:link,:active,:visited,:hover){color:var(--v2p-color-main-500)}#Rightbar a.dark:is(:link,:active,:visited,:hover):hover{color:var(--v2p-color-main-600)}#Bottom{position:sticky;top:100%}#Bottom a.dark{font-size:13px;font-weight:400}#Bottom a.dark:is(:link,:active,:visited,:hover){color:var(--v2p-color-main-500)}
  4881. \uFEFFbody{position:relative}body.v2p-modal-open{overflow:hidden}body .button.v2p-prev-btn,body .button.v2p-next-btn{padding:0 15px}.v2p-hover-btn{cursor:pointer;user-select:none;position:relative;z-index:1;margin:0;text-decoration:none;white-space:nowrap;background:none;background-color:rgba(0,0,0,0);transition:color .2s}.v2p-hover-btn::before{content:"";position:absolute;z-index:-1;inset:0 -5px;transform:scale(0.65);opacity:0;background-color:var(--v2p-color-bg-hover-btn);border-radius:5px;transition:background-color .2s,color .2s,transform .2s,opacity .2s}.v2p-hover-btn:hover{text-decoration:none}.v2p-hover-btn:hover::before{transform:scale(1);opacity:1}.v2p-hover-btn-disabled{pointer-events:none;opacity:.8}.v2p-icon-heart{display:inline-flex;width:16px;height:16px;color:var(--v2p-color-heart)}.v2p-icon-heart svg{fill:var(--v2p-color-heart-fill)}#Main .cell[id^=r] .v2p-auto-hide{overflow:hidden;display:inline-flex;width:0}#Main #reply-box .v2p-reply-preview{font-size:15px;line-height:1.6}#Main .cell:hover .v2p-topic-preview-btn,#Main .cell:hover .v2p-topic-ignore-btn,#Rightbar .cell:hover .v2p-topic-preview-btn,#Rightbar .cell:hover .v2p-topic-ignore-btn{visibility:visible}#Rightbar .v2p-info-row{display:block;font-size:12px;color:var(--v2p-color-accent-500);text-align:center}#Rightbar .v2p-info-row:hover{text-decoration:none;background-color:var(--v2p-color-accent-50)}#Rightbar .v2p-topic-preview-btn{position:absolute;right:0;bottom:0;height:20px;font-size:12px;box-shadow:0 0 0 3px var(--v2p-color-bg-content)}.v2p-tool-box{position:sticky;z-index:var(--zidx-tools-card);top:var(--v2p-layout-row-gap)}.v2p-tool-box .v2p-tools{display:grid;grid-auto-rows:auto;grid-template-columns:repeat(3, 1fr);gap:8px 15px;align-items:center;justify-content:center;font-size:12px;color:var(--v2p-color-main-600)}.v2p-tool{display:inline-flex;gap:0 5px;align-items:center;padding:3px 0}.v2p-tool .v2p-tool-icon{width:16px;height:16px}.v2p-topic-preview-btn{cursor:pointer;position:relative;top:-1px;margin-left:10px;font-size:14px;color:var(--button-foreground-color);visibility:hidden;background-color:var(--button-hover-color);border:none;border-radius:3px;outline:none}.v2p-topic-ignore-btn{cursor:pointer;margin-left:8px;visibility:hidden}.v2p-topic-preview{font-size:15px;line-height:1.6;padding:25px}.v2p-tpr-loading{--tpr-h: 30px;--tpr-h-p: 22px;display:flex;flex-direction:column;gap:10px;padding:25px}.v2p-tpr-loading .v2p-tpr{background-color:var(--v2p-color-main-100);border-radius:5px}.v2p-tpr-loading .v2p-tpr-info{display:flex;gap:15px;align-items:center}.v2p-tpr-info-avatar{width:var(--tpr-h);height:var(--tpr-h)}.v2p-tpr-info-text{width:50%;height:var(--tpr-h)}.v2p-tpr-loading .v2p-tpr-content{display:flex;flex-direction:column;gap:12px;padding:15px 0 20px}.v2p-tpr-loading .v2p-tpr-content .v2p-tpr-content-p{height:var(--tpr-h-p)}.v2p-tpr-loading .v2p-tpr-cmt{display:flex;gap:15px;padding-top:15px;border-top:1px solid var(--v2p-color-main-100)}.v2p-tpr-loading .v2p-tpr-cmt .v2p-tpr-cmt-avatar{width:50px;height:50px}.v2p-tpr-loading .v2p-tpr-cmt .v2p-tpr-cmt-right{display:flex;flex:1;flex-direction:column;gap:10px}.v2p-tpr-loading .v2p-tpr-cmt .v2p-tpr-cmt-right .v2p-tpr-cmt-header{width:50%;height:var(--tpr-h)}.v2p-tpr-loading .v2p-tpr-cmt .v2p-tpr-cmt-right .v2p-tpr-cmt-p{height:var(--tpr-h-p)}.v2p-tp-info-bar{display:flex;gap:10px;align-items:center;margin-bottom:10px}.v2p-tp-info,.v2p-tp-read{overflow:hidden;display:inline-flex;gap:20px;align-items:center;padding:5px 10px;font-size:13px;background-color:var(--v2p-color-main-100);border-radius:5px}.v2p-tp-read{cursor:pointer;user-select:none;gap:4px}.v2p-tp-read:hover{background-color:var(--v2p-color-main-200)}.v2p-tp-read-icon{width:16px;height:16px}.v2p-tp-member{display:inline-flex;gap:5px;align-items:center;font-weight:bold}.v2p-tp-avatar{width:20px;height:20px;border-radius:3px}.v2p-topic-preview-addons{margin-top:30px}#Main.v2p-topic-preview>.box{border:1px solid var(--v2p-color-main-200)}a.v2p-topic-preview-title-link:hover{text-decoration:underline 1.5px;text-underline-offset:.46ex}.v2p-dot{margin:0 8px;font-size:15px;font-weight:800}.v2p-paging{background:none !important}.v2p-paging.cell{border-bottom:none}.v2p-modal-mask{position:fixed;z-index:var(--zidx-modal-mask);inset:0;overflow:hidden;overflow-y:auto;padding:min(2vh,60px);background-color:var(--v2p-color-mask)}.v2p-popup{font-size:14px;background:var(--v2p-color-bg-widget);backdrop-filter:blur(16px);border:1px solid var(--box-border-color);border-radius:8px;box-shadow:var(--v2p-widget-shadow);position:absolute;z-index:var(--zidx-popup);top:0;left:0}.v2p-popup-content{overflow-y:auto;width:max-content}.v2p-toast{position:fixed;z-index:var(--zidx-toast);top:50px;left:50%;transform:translateX(-50%);padding:10px 15px;font-size:14px;color:var(--v2p-color-background);background:var(--v2p-color-foreground);border-radius:8px;box-shadow:var(--v2p-toast-shadow)}.v2p-modal-main{position:relative;overflow:hidden;display:flex;flex-direction:column;box-sizing:border-box;width:800px;height:100%;margin:0 auto;background-color:var(--v2p-color-bg-content);border-radius:var(--box-border-radius)}.v2p-modal-header{display:flex;gap:0 20px;align-items:center;padding:15px 20px 20px;background-color:var(--v2p-color-bg-content);border-bottom:1px solid var(--box-border-color)}.v2p-modal-title{overflow:hidden;padding:2px 0;font-size:16px;font-weight:bold;text-overflow:ellipsis;white-space:nowrap}.v2p-modal-actions{display:flex;gap:0 10px;align-items:center;margin-left:auto}.v2p-modal-content{position:relative;overflow-y:auto;flex:1;outline:none}.v2p-modal-comments{position:absolute;inset:0;overflow-y:auto;padding:0 20px;visibility:hidden}.v2p-modal-comments.v2p-tab-content-active{z-index:20;visibility:visible}.v2p-modal-comment-tabs{display:flex;gap:4px;align-items:center;padding:4px 5px;font-size:14px;font-weight:normal;background-color:var(--button-background-color);border-radius:4px}.v2p-modal-comment-tabs>[data-tab-key]{cursor:pointer;padding:4px 5px;border-radius:4px}.v2p-modal-comment-tabs>[data-tab-key]:hover{background-color:var(--v2p-color-main-200)}.v2p-modal-comment-tabs>[data-tab-key].v2p-tab-active{color:var(--v2p-color-foreground);background-color:var(--v2p-color-accent-100)}.v2p-no-pat{padding:30px 10px;font-size:15px;text-align:center}.v2p-no-pat .v2p-no-pat-title{font-size:16px;font-weight:bold}.v2p-no-pat .v2p-no-pat-desc{display:flex;align-items:center;justify-content:center;margin-top:15px}.v2p-no-pat .v2p-no-pat-block{display:inline-flex;align-items:center;margin:0 5px;padding:2px 10px;background-color:var(--v2p-color-main-100);border-radius:2px}.v2p-no-pat .v2p-no-pat-steps{display:flex;flex-wrap:wrap;gap:20px;max-width:800px;margin-top:20px;padding:20px;background-color:var(--v2p-color-main-100);border-radius:10px}.v2p-no-pat .v2p-no-pat-step{flex:1}.v2p-no-pat .v2p-no-pat-img{width:100%;border-radius:8px;box-shadow:var(--v2p-widget-shadow)}.v2p-no-pat .v2p-icon-logo{width:15px;height:15px}.v2p-likes-box{user-select:none;position:relative;top:3px;display:inline-flex;column-gap:5px;align-items:center}.v2p-likes-box.v2p-thanked{font-weight:bold;color:var(--v2p-color-heart);opacity:.8}.v2p-likes-box.v2p-thanked .v2p-icon-heart svg{fill:var(--v2p-color-heart)}@supports not selector(:has(*)){#Main .cell[id^=r]>table:hover .v2p-controls{opacity:1}}@supports selector(:has(*)){#Main .cell[id^=r]:not(:has(.cell:hover))>table:hover .v2p-auto-hide{width:auto}#Main .cell[id^=r]:not(:has(.cell:hover))>table:hover .v2p-controls{opacity:1}}.v2p-controls{display:inline-flex;column-gap:15px;align-items:center;margin-right:15px;font-size:12px;opacity:0}.v2p-controls>a{text-decoration:none}.v2p-control{position:relative;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;padding:4px 0;color:var(--v2p-color-main-500)}.v2p-control::after{pointer-events:none;z-index:var(--zidx-tip);overflow:hidden;width:max-content;min-width:30px;padding:2px 5px;font-size:12px;color:var(--v2p-color-foreground);text-align:center;white-space:nowrap;background-color:var(--v2p-color-bg-tooltip);border-radius:4px;box-shadow:var(--v2p-widget-shadow);position:absolute;top:-8px;transform:translateY(-100%);opacity:0}.v2p-control:hover{color:var(--v2p-color-main-600)}.v2p-control.v2p-thanked{cursor:default;color:var(--v2p-color-heart)}.v2p-control:hover::after{opacity:1}.v2p-control.v2p-control-hide::after{content:"\u9690\u85CF\u56DE\u590D"}.v2p-control.v2p-control-thank::after{content:"\u611F\u8C22\u56DE\u590D"}.v2p-control.v2p-control-thank.v2p-thanked::after{content:"\u5DF2\u611F\u8C22"}.v2p-control.v2p-control-reply::after{content:"\u56DE\u590D"}.topic_buttons .v2p-tb.v2p-hover-btn{color:var(--v2p-color-font-secondary)}.topic_buttons .v2p-tb.v2p-hover-btn::after{display:none}.topic_buttons .v2p-tb.v2p-hover-btn:hover{color:currentColor}.v2p-tb-icon{width:15px;height:15px}.v2p-emoji-container{overflow-y:auto;max-height:285px;padding:15px 18px;color:var(--v2p-color-main-600)}.v2p-member-card{max-width:300px;max-height:285px;padding:12px;font-size:13px;text-align:left}.v2p-member-card .v2p-info{display:flex;gap:15px}.v2p-member-card .v2p-info-right{padding:2px 0}.v2p-member-card .v2p-avatar-box{overflow:hidden;display:inline-block;width:73px;height:73px;background-color:var(--button-background-hover-color);border-radius:5px}.v2p-member-card .v2p-avatar{width:100%;height:100%}.v2p-member-card .v2p-username{font-size:16px;font-weight:bold}.v2p-member-card .v2p-no{margin:5px 0}.v2p-member-card .v2p-no,.v2p-member-card .v2p-created-date{width:160px;height:16px}.v2p-member-card .v2p-loading{background-color:var(--button-background-hover-color);border-radius:4px}.v2p-member-card .v2p-bio{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-height:1.4;margin-top:10px}.v2p-member-card-actions{padding:10px 0 0}.v2p-reply-tags{cursor:pointer;display:inline-flex;margin:0 0 2px;padding:0 3px;font-size:12px;background-color:var(--v2p-color-main-200);border-radius:3px}.v2p-reply-tags-inline{overflow:hidden;max-width:300px;margin:0 5px 0 0;text-overflow:ellipsis;white-space:nowrap}.v2p-emoticons-box{font-size:15px}.v2p-emoji-group~.v2p-emoji-group{margin-top:10px}.v2p-emoji-title{margin:0 0 10px;font-size:14px;text-align:left}.v2p-emoji-list{display:grid;grid-template-columns:repeat(8, 1fr);gap:5px;font-size:20px}.v2p-emoji{cursor:pointer;height:20px;padding:3px;line-height:20px;border-radius:4px}.v2p-emoji:hover{background-color:var(--box-background-hover-color)}.v2p-emoji>img{height:100%}.v2p-decode{cursor:copy;position:relative;padding:2px 4px;font-size:13px;color:var(--v2p-color-orange-400);text-decoration:none;background-color:var(--v2p-color-orange-50)}.v2p-decode::after{pointer-events:none;z-index:var(--zidx-tip);overflow:hidden;width:max-content;min-width:30px;padding:2px 5px;font-size:12px;color:var(--v2p-color-foreground);text-align:center;white-space:nowrap;background-color:var(--v2p-color-bg-tooltip);border-radius:4px;box-shadow:var(--v2p-widget-shadow);content:attr(data-title);position:absolute;top:-8px;left:50%;transform:translate(-50%, -100%);opacity:0}.v2p-decode:hover{color:var(--v2p-color-orange-400)}.v2p-decode:hover::after{opacity:1}.v2p-reply-content{position:relative}.v2p-reply-content .v2p-expand-btn.normal.button{position:absolute;z-index:var(--zidx-expand-btn);bottom:5px;left:50%;transform:translateX(-50%);font-size:12px;font-weight:400}.v2p-reply-content.v2p-collapsed::before{pointer-events:none;content:"";position:absolute;z-index:var(--zidx-expand-mask);right:0;bottom:0;left:0;height:130px;background:linear-gradient(to top, var(--bg-reply) 10px, transparent)}.v2p-reply-content.v2p-collapsed .reply_content a,.v2p-reply-content.v2p-collapsed .reply_content .embedded_video{pointer-events:none}.v2p-reply-content.v2p-collapsed .v2p-expand-btn.normal.button{bottom:10px;transform:translateX(-50%)}.cell[id^=r] .cell[id^=r] .v2p-reply-content .v2p-expand-btn.normal.button{color:var(--button-foreground-color);background:var(--button-hover-color);box-shadow:var(--button-hover-shadow)}.v2p-empty-content{display:flex;flex-direction:column;align-items:center;padding-top:20px;font-size:14px;color:var(--v2p-color-font-secondary)}.v2p-empty-content .v2p-text-emoji{font-size:20px}.v2p-topic-reply-ref{margin:0 -10px 15px;padding:5px 10px;font-size:13px;color:var(--v2p-color-main-500);background-color:var(--v2p-color-main-100);border-radius:5px}.v2p-topic-reply-box{margin-top:50px;padding:30px 0;font-size:14px;line-height:1.55;color:var(--v2p-color-main-500);border-top:1px solid var(--v2p-color-divider)}.v2p-topic-reply~.v2p-topic-reply{margin-top:15px}.v2p-topic-reply-member{display:inline;font-weight:bold;color:var(--v2p-color-main-700)}.v2p-topic-reply-avatar{position:relative;top:2px;overflow:hidden;width:15px;height:15px;margin-right:5px;object-fit:cover;background-color:var(--v2p-color-main-200);border-radius:2px}.v2p-topic-reply-content{display:inline}.v2p-topic-reply-tip{margin-top:20px;font-size:13px;color:var(--v2p-color-main-400);text-align:center}.v2p-reply-wrap{resize:none;overflow:hidden;height:unset;min-height:140px !important;max-height:800px !important;font-size:15px;color:currentColor;background-color:var(--v2p-color-bg-input);border:1px solid var(--button-border-color);border-radius:8px;transition:opacity .25s}.v2p-reply-wrap::placeholder{font-size:15px;color:var(--v2p-color-main-500)}.v2p-reply-wrap:is(:focus,:focus-within){background-color:rgba(0,0,0,0);outline:none;box-shadow:0 0 0 1px var(--button-border-color)}.v2p-reply-wrap #reply_content{background-color:rgba(0,0,0,0);border:none}.v2p-reply-wrap #reply_content::placeholder{font-size:14px;color:var(--v2p-color-main-500)}.v2p-reply-wrap #reply_content:focus{background-color:var(--v2p-color-bg-content);outline:none}.v2p-reply-upload-bar{cursor:pointer;padding:6px 10px;font-size:12px;color:var(--v2p-color-main-500);background-color:var(--v2p-color-bg-input);border-top:1px dashed var(--v2p-color-main-300)}.v2p-reply-upload-bar-disabled{pointer-events:none}.v2p-footer{position:relative;display:flex;align-items:center;justify-content:space-between;padding:35px 10px 20px;font-size:12px;color:var(--v2p-color-main-500);border-top:1px solid var(--v2p-color-divider)}.v2p-footer a:hover{text-decoration:none}.v2p-footer-logo{--logo-size: 16px;position:absolute;top:calc(-1*(var(--logo-size) + 5px)/2);left:50%;transform:translateX(-50%);display:inline-flex;box-sizing:border-box;padding:3px 25px;background-color:var(--v2p-color-bg-footer)}.v2p-footer-logo svg{width:var(--logo-size)}.v2p-footer-text{display:inline-flex;align-items:center;justify-content:flex-start;width:240px;color:var(--v2p-color-font-secondary)}.v2p-footer-links{display:inline-flex;gap:0 8px;align-items:center}.v2p-footer-link{padding:4px 5px;color:currentColor}.v2p-footer-brand{display:inline-flex;gap:0 15px;align-items:center;justify-content:flex-end;width:240px}.v2p-footer-brand>span{width:20px}.v2p-color-mode-toggle{width:22px;height:22px;opacity:.8}.v2p-color-mode-toggle:hover{opacity:1}.v2p-reply-tabs{display:flex;gap:0 6px;align-items:center;font-size:14px}.v2p-reply-tabs .v2p-reply-tab{cursor:pointer;padding:2px 3px}.v2p-reply-tabs .v2p-reply-tab.active{text-decoration:underline;text-decoration-color:var(--v2p-color-main-500);text-decoration-thickness:2px;text-underline-offset:4px}.v2p-select-dropdown{padding:5px;font-size:12px;border-radius:5px}.v2p-select-item{cursor:pointer;padding:5px 10px;white-space:nowrap;border-radius:4px}.v2p-select-item:hover{background-color:var(--v2p-color-main-200)}.v2p-select-item.v2p-select-item-active{background-color:var(--v2p-color-accent-50)}.v2p-preview-retry,.v2p-topic-preview-retry,a.v2p-preview-retry,a.v2p-topic-preview-retry,a:link.v2p-preview-retry,a:link.v2p-topic-preview-retry{text-decoration:underline 1px;text-underline-offset:var(--v2p-underline-offset);cursor:pointer}.v2p-indent .v2p-member-ref{display:none}.v2p-member-ref+br{display:none}.v2p-member-ref+br+b{display:none}.v2p-member-ref.v2p-member-ref-show{display:inline}.v2p-layout-toggle{display:inline-block;width:18px;height:18px;padding:4px 2px;color:var(--v2p-color-main-500)}.v2p-content-layout.v2p-content-layout{max-width:2000px}.v2p-content-layout.v2p-content-layout .v2p-horizontal-layout{display:flex;flex-wrap:wrap;gap:var(--v2p-layout-column-gap)}.v2p-left-side{flex:1}.v2p-left-side>.box{position:sticky;top:var(--v2p-layout-row-gap);display:flex;flex-direction:column;max-height:calc(100vh - 2*var(--v2p-layout-row-gap))}.v2p-left-side>.box>.header{flex-shrink:0}.v2p-left-side .v2p-left-side-content{overflow:auto;flex:1;border-bottom:1px solid var(--box-border-color)}.v2p-right-side{flex:1}.v2p-register-days{display:inline-flex;align-items:center;margin-left:2px;padding:0 2px;color:var(--v2p-color-orange-400);background-color:var(--v2p-color-orange-100);border-radius:2px}.v2p-topics-hot-loading{display:flex;align-items:center;justify-content:center;padding:50px 0;color:currentColor}.v2p-topics-hot-loading .v2p-icon-loading{width:40px}.v2p-topics-hot-header{display:flex;align-items:center}.v2p-topics-hot-picker{cursor:pointer;display:inline-flex;gap:4px;align-items:center;margin-left:auto;padding:1px 6px;font-size:13px;background-color:var(--v2p-color-main-100);border-radius:4px}.v2p-topics-hot-picker:hover{background-color:var(--v2p-color-main-200)}.v2p-topics-hot-icon{position:relative;top:-2px;width:1em;height:1em}.v2p-tag-block{margin-bottom:10px}
  4882. `;
  4883.  
  4884. // src/user-scripts/index.ts
  4885. function runAfterLoaded(fn) {
  4886.   if (document.readyState !== "loading") {
  4887.     fn();
  4888.   } else {
  4889.     document.addEventListener("DOMContentLoaded", () => {
  4890.       fn();
  4891.     });
  4892.   }
  4893. }
  4894. if (typeof window.GM_addStyle !== "undefined") {
  4895.   window.GM_addStyle(style);
  4896. } else {
  4897.   runAfterLoaded(() => {
  4898.     $(`<style type='text/css'>${style}</style>`).appendTo("head");
  4899.   });
  4900. }
  4901. var allowedHosts = [
  4902.   "https://v2ex.com",
  4903.   "https://www.v2ex.com",
  4904.   "https://cn.v2ex.com",
  4905.   "https://jp.v2ex.com",
  4906.   "https://de.v2ex.com",
  4907.   "https://us.v2ex.com",
  4908.   "https://hk.v2ex.com",
  4909.   "https://global.v2ex.com",
  4910.   "https://fast.v2ex.com",
  4911.   "https://s.v2ex.com",
  4912.   "https://origin.v2ex.com",
  4913.   "https://staging.v2ex.com"
  4914. ];
  4915. var commonRegex = patternToRegex(...allowedHosts.map((host) => `${host}/*`));
  4916. var topicRegex = patternToRegex(...allowedHosts.map((host) => `${host}/t/*`));
  4917. var writeRegex = patternToRegex(...allowedHosts.map((host) => `${host}/write/*`));
  4918. runAfterLoaded(() => {
  4919.   const url = window.location.href;
  4920.   void (async () => {
  4921.     if (commonRegex.test(url)) {
  4922.       await Promise.resolve().then(() => (init_common(), common_exports));
  4923.       await Promise.resolve().then(() => (init_home(), home_exports));
  4924.     }
  4925.     if (topicRegex.test(url)) {
  4926.       await Promise.resolve().then(() => (init_topic(), topic_exports));
  4927.     }
  4928.     if (writeRegex.test(url)) {
  4929.       await Promise.resolve().then(() => (init_write2(), write_exports));
  4930.     }
  4931.   })();
  4932. });
  4933. /*! Bundled license information:
  4934.  
  4935. lucide/dist/esm/createElement.js:
  4936.   (**
  4937.    * @license lucide v0.433.0 - ISC
  4938.    *
  4939.    * This source code is licensed under the ISC license.
  4940.    * See the LICENSE file in the root directory of this source tree.
  4941.    *)
  4942.  
  4943. lucide/dist/esm/replaceElement.js:
  4944.   (**
  4945.    * @license lucide v0.433.0 - ISC
  4946.    *
  4947.    * This source code is licensed under the ISC license.
  4948.    * See the LICENSE file in the root directory of this source tree.
  4949.    *)
  4950.  
  4951. lucide/dist/esm/defaultAttributes.js:
  4952.   (**
  4953.    * @license lucide v0.433.0 - ISC
  4954.    *
  4955.    * This source code is licensed under the ISC license.
  4956.    * See the LICENSE file in the root directory of this source tree.
  4957.    *)
  4958.  
  4959. lucide/dist/esm/icons/book-open-check.js:
  4960.   (**
  4961.    * @license lucide v0.433.0 - ISC
  4962.    *
  4963.    * This source code is licensed under the ISC license.
  4964.    * See the LICENSE file in the root directory of this source tree.
  4965.    *)
  4966.  
  4967. lucide/dist/esm/icons/chevron-down.js:
  4968.   (**
  4969.    * @license lucide v0.433.0 - ISC
  4970.    *
  4971.    * This source code is licensed under the ISC license.
  4972.    * See the LICENSE file in the root directory of this source tree.
  4973.    *)
  4974.  
  4975. lucide/dist/esm/icons/chevrons-up.js:
  4976.   (**
  4977.    * @license lucide v0.433.0 - ISC
  4978.    *
  4979.    * This source code is licensed under the ISC license.
  4980.    * See the LICENSE file in the root directory of this source tree.
  4981.    *)
  4982.  
  4983. lucide/dist/esm/icons/eye-off.js:
  4984.   (**
  4985.    * @license lucide v0.433.0 - ISC
  4986.    *
  4987.    * This source code is licensed under the ISC license.
  4988.    * See the LICENSE file in the root directory of this source tree.
  4989.    *)
  4990.  
  4991. lucide/dist/esm/icons/heart.js:
  4992.   (**
  4993.    * @license lucide v0.433.0 - ISC
  4994.    *
  4995.    * This source code is licensed under the ISC license.
  4996.    * See the LICENSE file in the root directory of this source tree.
  4997.    *)
  4998.  
  4999. lucide/dist/esm/icons/message-square-plus.js:
  5000.   (**
  5001.    * @license lucide v0.433.0 - ISC
  5002.    *
  5003.    * This source code is licensed under the ISC license.
  5004.    * See the LICENSE file in the root directory of this source tree.
  5005.    *)
  5006.  
  5007. lucide/dist/esm/icons/message-square.js:
  5008.   (**
  5009.    * @license lucide v0.433.0 - ISC
  5010.    *
  5011.    * This source code is licensed under the ISC license.
  5012.    * See the LICENSE file in the root directory of this source tree.
  5013.    *)
  5014.  
  5015. lucide/dist/esm/icons/moon.js:
  5016.   (**
  5017.    * @license lucide v0.433.0 - ISC
  5018.    *
  5019.    * This source code is licensed under the ISC license.
  5020.    * See the LICENSE file in the root directory of this source tree.
  5021.    *)
  5022.  
  5023. lucide/dist/esm/icons/package-plus.js:
  5024.   (**
  5025.    * @license lucide v0.433.0 - ISC
  5026.    *
  5027.    * This source code is licensed under the ISC license.
  5028.    * See the LICENSE file in the root directory of this source tree.
  5029.    *)
  5030.  
  5031. lucide/dist/esm/icons/panel-right.js:
  5032.   (**
  5033.    * @license lucide v0.433.0 - ISC
  5034.    *
  5035.    * This source code is licensed under the ISC license.
  5036.    * See the LICENSE file in the root directory of this source tree.
  5037.    *)
  5038.  
  5039. lucide/dist/esm/icons/panel-top.js:
  5040.   (**
  5041.    * @license lucide v0.433.0 - ISC
  5042.    *
  5043.    * This source code is licensed under the ISC license.
  5044.    * See the LICENSE file in the root directory of this source tree.
  5045.    *)
  5046.  
  5047. lucide/dist/esm/icons/smile.js:
  5048.   (**
  5049.    * @license lucide v0.433.0 - ISC
  5050.    *
  5051.    * This source code is licensed under the ISC license.
  5052.    * See the LICENSE file in the root directory of this source tree.
  5053.    *)
  5054.  
  5055. lucide/dist/esm/icons/square-arrow-up-right.js:
  5056.   (**
  5057.    * @license lucide v0.433.0 - ISC
  5058.    *
  5059.    * This source code is licensed under the ISC license.
  5060.    * See the LICENSE file in the root directory of this source tree.
  5061.    *)
  5062.  
  5063. lucide/dist/esm/icons/star.js:
  5064.   (**
  5065.    * @license lucide v0.433.0 - ISC
  5066.    *
  5067.    * This source code is licensed under the ISC license.
  5068.    * See the LICENSE file in the root directory of this source tree.
  5069.    *)
  5070.  
  5071. lucide/dist/esm/icons/sun.js:
  5072.   (**
  5073.    * @license lucide v0.433.0 - ISC
  5074.    *
  5075.    * This source code is licensed under the ISC license.
  5076.    * See the LICENSE file in the root directory of this source tree.
  5077.    *)
  5078.  
  5079. lucide/dist/esm/icons/twitter.js:
  5080.   (**
  5081.    * @license lucide v0.433.0 - ISC
  5082.    *
  5083.    * This source code is licensed under the ISC license.
  5084.    * See the LICENSE file in the root directory of this source tree.
  5085.    *)
  5086.  
  5087. lucide/dist/esm/lucide.js:
  5088.   (**
  5089.    * @license lucide v0.433.0 - ISC
  5090.    *
  5091.    * This source code is licensed under the ISC license.
  5092.    * See the LICENSE file in the root directory of this source tree.
  5093.    *)
  5094. */