☰

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

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

目前為 2023-08-14 提交的版本，檢視 最新版本。

  1. // ==UserScript==
  2. // @name         ▲V2EX Polish - 体验更现代化的 V2EX 🟢
  3. // @namespace    LeoKu(https://leoku.top)
  4. // @version      1.6.3
  5. // @description  一款专为 V2EX 用户设计的浏览器插件，提供了丰富的扩展功能，让原生页面焕然一新！✨
  6. // @author       LeoKu
  7. // @match        https://*.v2ex.com/*
  8. // @icon         https://www.google.com/s2/favicons?sz=64&domain=v2ex.com
  9. // @run-at       document-start
  10. // @grant        GM_addStyle
  11. // @license      MIT
  12. // ==/UserScript==
  13.  
  14. "use strict";
  15. var __getOwnPropNames = Object.getOwnPropertyNames;
  16. var __esm = (fn, res) => function __init() {
  17.   return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
  18. };
  19.  
  20. // src/constants.ts
  21. var EXTENSION_NAME, emoticons, READABLE_CONTENT_HEIGHT, MAX_CONTENT_HEIGHT, READING_CONTENT_LIMIT, dataExpiryTime, imgurClientIdPool, defaultOptions;
  22. var init_constants = __esm({
  23.   "src/constants.ts"() {
  24.     "use strict";
  25.     EXTENSION_NAME = "V2EX_Polish";
  26.     emoticons = [
  27.       {
  28.         title: "\u5C0F\u9EC4\u8138",
  29.         list: [
  30.           "\u{1F600}",
  31.           "\u{1F601}",
  32.           "\u{1F602}",
  33.           "\u{1F923}",
  34.           "\u{1F605}",
  35.           "\u{1F60A}",
  36.           "\u{1F60B}",
  37.           "\u{1F618}",
  38.           "\u{1F970}",
  39.           "\u{1F617}",
  40.           "\u{1F929}",
  41.           "\u{1F914}",
  42.           "\u{1F928}",
  43.           "\u{1F610}",
  44.           "\u{1F611}",
  45.           "\u{1F644}",
  46.           "\u{1F60F}",
  47.           "\u{1F62A}",
  48.           "\u{1F62B}",
  49.           "\u{1F971}",
  50.           "\u{1F61C}",
  51.           "\u{1F612}",
  52.           "\u{1F614}",
  53.           "\u{1F628}",
  54.           "\u{1F630}",
  55.           "\u{1F631}",
  56.           "\u{1F975}",
  57.           "\u{1F621}",
  58.           "\u{1F973}",
  59.           "\u{1F97A}",
  60.           "\u{1F92D}",
  61.           "\u{1F9D0}",
  62.           "\u{1F60E}",
  63.           "\u{1F913}",
  64.           "\u{1F62D}",
  65.           "\u{1F911}",
  66.           "\u{1F92E}"
  67.         ]
  68.       },
  69.       {
  70.         title: "\u624B\u52BF",
  71.         list: [
  72.           "\u{1F64B}",
  73.           "\u{1F64E}",
  74.           "\u{1F645}",
  75.           "\u{1F647}",
  76.           "\u{1F937}",
  77.           "\u{1F90F}",
  78.           "\u{1F449}",
  79.           "\u270C\uFE0F",
  80.           "\u{1F918}",
  81.           "\u{1F919}",
  82.           "\u{1F44C}",
  83.           "\u{1F90C}",
  84.           "\u{1F44D}",
  85.           "\u{1F44E}",
  86.           "\u{1F44B}",
  87.           "\u{1F91D}",
  88.           "\u{1F64F}",
  89.           "\u{1F44F}"
  90.         ]
  91.       },
  92.       {
  93.         title: "\u5E86\u795D",
  94.         list: ["\u2728", "\u{1F389}", "\u{1F38A}"]
  95.       },
  96.       {
  97.         title: "\u5176\u4ED6",
  98.         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}"]
  99.       }
  100.     ];
  101.     READABLE_CONTENT_HEIGHT = 250;
  102.     MAX_CONTENT_HEIGHT = 550;
  103.     READING_CONTENT_LIMIT = 150;
  104.     dataExpiryTime = 60 * 60 * 1e3;
  105.     imgurClientIdPool = [
  106.       "3107b9ef8b316f3",
  107.       // 以下 Client ID 来自「V2EX Plus」
  108.       "442b04f26eefc8a",
  109.       "59cfebe717c09e4",
  110.       "60605aad4a62882",
  111.       "6c65ab1d3f5452a",
  112.       "83e123737849aa9",
  113.       "9311f6be1c10160",
  114.       "c4a4a563f698595",
  115.       "81be04b9e4a08ce"
  116.     ];
  117.     defaultOptions = {
  118.       openInNewTab: false,
  119.       autoCheckIn: {
  120.         enabled: true
  121.       },
  122.       theme: {
  123.         autoSwitch: false
  124.       },
  125.       reply: {
  126.         preload: "off"
  127.       },
  128.       replyContent: {
  129.         autoFold: true
  130.       },
  131.       nestedReply: {
  132.         display: "indent",
  133.         multipleInsideOne: "nested"
  134.       }
  135.     };
  136.   }
  137. });
  138.  
  139. // src/icons.ts
  140. var iconLoading, iconLogo, iconChromeWebStore, iconGitHub;
  141. var init_icons = __esm({
  142.   "src/icons.ts"() {
  143.     "use strict";
  144.     iconLoading = `
  145. <svg version="1.1" id="L4" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
  146.   viewBox="0 0 100 100" enable-background="new 0 0 0 0" xml:space="preserve">
  147.   <circle fill="currentcolor" stroke="none" cx="6" cy="50" r="6">
  148.     <animate
  149.       attributeName="opacity"
  150.       dur="1s"
  151.       values="0;1;0"
  152.       repeatCount="indefinite"
  153.       begin="0.1"/>    
  154.   </circle>
  155.   <circle fill="currentcolor" stroke="none" cx="26" cy="50" r="6">
  156.     <animate
  157.       attributeName="opacity"
  158.       dur="1s"
  159.       values="0;1;0"
  160.       repeatCount="indefinite" 
  161.       begin="0.2"/>       
  162.   </circle>
  163.   <circle fill="currentcolor" stroke="none" cx="46" cy="50" r="6">
  164.     <animate
  165.       attributeName="opacity"
  166.       dur="1s"
  167.       values="0;1;0"
  168.       repeatCount="indefinite" 
  169.       begin="0.3"/>     
  170.   </circle>
  171. </svg>
  172. `;
  173.     iconLogo = `
  174. <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>
  175. `;
  176.     iconChromeWebStore = `
  177. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 152.01 132"><defs><linearGradient id="a" gradientUnits="userSpaceOnUse" x1="39.16" y1="775.015" x2="152.84" y2="775.015" gradientTransform="translate(0 -650)"><stop offset="0" style="stop-color:#d93025"/><stop offset="1" style="stop-color:#ea4335"/></linearGradient><linearGradient id="b" gradientUnits="userSpaceOnUse" x1="-1169.827" y1="59.741" x2="-1056.123" y2="59.741" gradientTransform="rotate(-120 -489.637 -232.003)"><stop offset="0" style="stop-color:#1e8e3e"/><stop offset="1" style="stop-color:#34a853"/></linearGradient><linearGradient id="c" gradientUnits="userSpaceOnUse" x1="56.707" y1="-664.775" x2="170.407" y2="-664.775" gradientTransform="rotate(120 -125.508 -249.005)"><stop offset="0" style="stop-color:#fbbc04"/><stop offset="1" style="stop-color:#fcc934"/></linearGradient><linearGradient xlink:href="#a" id="d" gradientUnits="userSpaceOnUse" gradientTransform="translate(-20 -678)" x1="39.16" y1="775.015" x2="152.84" y2="775.015"/><linearGradient xlink:href="#b" id="e" gradientUnits="userSpaceOnUse" gradientTransform="rotate(-120 -507.72 -240.23)" x1="-1169.827" y1="59.741" x2="-1056.123" y2="59.741"/><linearGradient xlink:href="#c" id="f" gradientUnits="userSpaceOnUse" gradientTransform="rotate(120 -127.425 -268.779)" x1="56.707" y1="-664.775" x2="170.407" y2="-664.775"/></defs><path d="M0 0v121.63C0 127.35 4.64 132 10.37 132h131.27c5.72 0 10.37-4.64 10.37-10.37L152 0Zm58.73 14.52h34.54c3.82 0 6.91 3.09 6.91 6.91 0 3.81-3.09 6.91-6.91 6.91H58.73c-3.82 0-6.91-3.09-6.91-6.91 0-3.82 3.09-6.91 6.91-6.91z" fill="#f1f3f4"/><path d="M0 0v121.63C0 127.35 4.64 132 10.37 132h131.27c5.72 0 10.37-4.64 10.37-10.37L152 0Zm58.73 14.52h34.54c3.82 0 6.91 3.09 6.91 6.91 0 3.81-3.09 6.91-6.91 6.91H58.73c-3.82 0-6.91-3.09-6.91-6.91 0-3.82 3.09-6.91 6.91-6.91z" fill="#f1f3f4"/><path d="M0 0v66.35h152V0Zm58.73 14.52h34.54c3.82 0 6.91 3.09 6.91 6.91 0 3.81-3.09 6.91-6.91 6.91H58.73c-3.82 0-6.91-3.09-6.91-6.91 0-3.82 3.09-6.91 6.91-6.91z" fill="#e8eaed"/><path style="fill:url(#d)" d="M76 55.99c-24.29 0-45.49 13.19-56.84 32.81l9.05 27.61L42.18 132h8.894L76 88.81l56.84-.01C121.49 69.18 100.29 55.99 76 55.99Z"/><path style="fill:url(#e)" d="M19.16 88.8C11.694 101.767 8.8 117.054 11.186 132h32.908z"/><path style="fill:url(#f)" d="M76 88.81 100.934 132h39.88c2.387-14.943-.508-30.225-7.974-43.19z"/><path style="fill:#f1f3f4" d="M76 88.81c-18.12 0-32.81 14.695-32.81 32.82 0 3.626.598 7.11 1.683 10.37h62.254a32.771 32.771 0 0 0 1.684-10.37c0-18.125-14.69-32.82-32.811-32.82Z"/><path d="M76 94.96a26.66 26.67 0 0 0-26.66 26.67A26.66 26.67 0 0 0 51.486 132h49.028a26.66 26.67 0 0 0 2.146-10.37A26.66 26.67 0 0 0 76 94.96Z" fill="#1a73e8"/><path opacity=".1" fill="#bdc1c6" d="M0 66.35h152v.86H0zM0 65.48h152v.86H0z"/></svg>
  178. `;
  179.     iconGitHub = `
  180. <svg viewBox="0 0 24 24" aria-hidden="true">
  181.   <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>
  182. </svg>
  183. `;
  184.   }
  185. });
  186.  
  187. // src/components/toast.ts
  188. function createToast(props) {
  189.   const { message, duration = 3e3 } = props;
  190.   const $existTosat = $(".v2p-toast");
  191.   if ($existTosat.length > 0) {
  192.     $existTosat.remove();
  193.   }
  194.   const $toast = $(`<div class="v2p-toast">${message}</div>`).hide();
  195.   $(document.body).append($toast);
  196.   $toast.fadeIn("fast");
  197.   if (duration !== 0) {
  198.     setTimeout(() => {
  199.       $toast.fadeOut("fast", () => {
  200.         $toast.remove();
  201.       });
  202.     }, duration);
  203.   }
  204.   return {
  205.     clear() {
  206.       $toast.remove();
  207.     }
  208.   };
  209. }
  210. var init_toast = __esm({
  211.   "src/components/toast.ts"() {
  212.     "use strict";
  213.   }
  214. });
  215.  
  216. // src/utils.ts
  217. function getOS() {
  218.   const userAgent = window.navigator.userAgent.toLowerCase();
  219.   const macosPlatforms = /(macintosh|macintel|macppc|mac68k|macos)/i;
  220.   const windowsPlatforms = /(win32|win64|windows|wince)/i;
  221.   const iosPlatforms = /(iphone|ipad|ipod)/i;
  222.   let os = null;
  223.   if (macosPlatforms.test(userAgent)) {
  224.     os = "macos";
  225.   } else if (iosPlatforms.test(userAgent)) {
  226.     os = "ios";
  227.   } else if (windowsPlatforms.test(userAgent)) {
  228.     os = "windows";
  229.   } else if (userAgent.includes("android")) {
  230.     os = "android";
  231.   } else if (userAgent.includes("linux")) {
  232.     os = "linux";
  233.   }
  234.   return os;
  235. }
  236. function formatTimestamp(timestamp, { format = "YMD" } = {}) {
  237.   const date = new Date(timestamp.toString().length === 10 ? timestamp * 1e3 : timestamp);
  238.   const year = date.getFullYear().toString();
  239.   const month = (date.getMonth() + 1).toString().padStart(2, "0");
  240.   const day = date.getDate().toString().padStart(2, "0");
  241.   const YMD = `${year}-${month}-${day}`;
  242.   if (format === "YMDHMS") {
  243.     const hour = date.getHours().toString().padStart(2, "0");
  244.     const minute = date.getMinutes().toString().padStart(2, "0");
  245.     const second = date.getSeconds().toString().padStart(2, "0");
  246.     return `${YMD} ${hour}:${minute}:${second}`;
  247.   }
  248.   return YMD;
  249. }
  250. function isSameDay(timestamp1, timestamp2) {
  251.   const date1 = new Date(timestamp1);
  252.   const date2 = new Date(timestamp2);
  253.   return date1.getFullYear() === date2.getFullYear() && date1.getMonth() === date2.getMonth() && date1.getDate() === date2.getDate();
  254. }
  255. function isObject(value) {
  256.   return typeof value === "object" && value !== null && !Array.isArray(value);
  257. }
  258. function deepMerge(target, source) {
  259.   const result = {};
  260.   for (const key in target) {
  261.     const targetProp = target[key];
  262.     const sourceProp = source[key];
  263.     if (isObject(targetProp) && isObject(sourceProp)) {
  264.       result[key] = deepMerge(targetProp, sourceProp);
  265.     } else if (Reflect.has(source, key)) {
  266.       result[key] = sourceProp;
  267.     } else {
  268.       result[key] = targetProp;
  269.     }
  270.   }
  271.   for (const key in source) {
  272.     if (!Reflect.has(target, key)) {
  273.       result[key] = source[key];
  274.     }
  275.   }
  276.   return result;
  277. }
  278. function getRunEnv() {
  279.   if (typeof chrome === "object" && typeof chrome.extension !== "undefined") {
  280.     return "chrome";
  281.   }
  282.   if (typeof browser === "object" && typeof browser.extension !== "undefined") {
  283.     return "web-ext";
  284.   }
  285.   return null;
  286. }
  287. function getStorage(useCache = true) {
  288.   return new Promise((resolve, reject) => {
  289.     if (useCache) {
  290.       if (typeof window !== "undefined" && window.__V2P_StorageCache) {
  291.         resolve(window.__V2P_StorageCache);
  292.       }
  293.     }
  294.     const runEnv = getRunEnv();
  295.     if (!(runEnv === "chrome" || runEnv === "web-ext")) {
  296.       const data = { ["options" /* Options */]: defaultOptions };
  297.       if (typeof window !== "undefined") {
  298.         window.__V2P_StorageCache = data;
  299.       }
  300.       resolve(data);
  301.     } else {
  302.       chrome.storage.sync.get().then((items) => {
  303.         let data;
  304.         const options = items["options" /* Options */];
  305.         if (options) {
  306.           data = { ...items, ["options" /* Options */]: deepMerge(defaultOptions, options) };
  307.         } else {
  308.           data = { ...items, ["options" /* Options */]: defaultOptions };
  309.         }
  310.         if (typeof window !== "undefined") {
  311.           window.__V2P_StorageCache = data;
  312.         }
  313.         resolve(data);
  314.       }).catch((err) => {
  315.         reject(err);
  316.       });
  317.     }
  318.   });
  319. }
  320. function getStorageSync() {
  321.   const storage = window.__V2P_StorageCache;
  322.   if (!storage) {
  323.     throw new Error(`${EXTENSION_NAME}: \u65E0\u53EF\u7528\u7684 Storage \u7F13\u5B58\u6570\u636E`);
  324.   }
  325.   return storage;
  326. }
  327. async function setStorage(storageKey, storageItem) {
  328.   switch (storageKey) {
  329.     case "options" /* Options */:
  330.     case "api" /* API */:
  331.     case "daily" /* Daily */:
  332.     case "member-tag" /* MemberTag */:
  333.     case "settings-sync" /* SyncInfo */:
  334.     case "reading-list" /* ReadingList */:
  335.       try {
  336.         await chrome.storage.sync.set({ [storageKey]: storageItem });
  337.       } catch (err) {
  338.         if (String(err).includes("QUOTA_BYTES_PER_ITEM quota exceeded")) {
  339.           console.error(
  340.             `${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`
  341.           );
  342.           createToast({ message: "\u274C \u7528\u6237\u6570\u636E\u8D85\u51FA\u5B58\u50A8\u7A7A\u95F4\u9650\u5236" });
  343.         }
  344.         throw new Error(`\u274C \u65E0\u6CD5\u8BBE\u7F6E\uFF1A${storageKey}`);
  345.       }
  346.       break;
  347.     default:
  348.       throw new Error(`\u672A\u77E5\u7684 storageKey\uFF1A ${storageKey}`);
  349.   }
  350. }
  351. function escapeHTML(htmlString) {
  352.   return htmlString.replace(/[<>&"'']/g, (match) => {
  353.     switch (match) {
  354.       case "<":
  355.         return "&lt;";
  356.       case ">":
  357.         return "&gt;";
  358.       case "&":
  359.         return "&amp;";
  360.       case '"':
  361.         return "&quot;";
  362.       case "'":
  363.         return "&#39;";
  364.       default:
  365.         return match;
  366.     }
  367.   });
  368. }
  369. function injectScript(scriptSrc) {
  370.   const script = document.createElement("script");
  371.   script.setAttribute("type", "text/javascript");
  372.   script.setAttribute("src", scriptSrc);
  373.   document.body.appendChild(script);
  374. }
  375. function sleep(ms) {
  376.   return new Promise((resolve) => setTimeout(resolve, ms));
  377. }
  378. var init_utils = __esm({
  379.   "src/utils.ts"() {
  380.     "use strict";
  381.     init_toast();
  382.     init_constants();
  383.   }
  384. });
  385.  
  386. // node_modules/.pnpm/lucide@0.258.0/node_modules/lucide/dist/esm/createElement.js
  387. var createElement, createElement$1;
  388. var init_createElement = __esm({
  389.   "node_modules/.pnpm/lucide@0.258.0/node_modules/lucide/dist/esm/createElement.js"() {
  390.     createElement = (tag, attrs, children = []) => {
  391.       const element = document.createElementNS("http://www.w3.org/2000/svg", tag);
  392.       Object.keys(attrs).forEach((name) => {
  393.         element.setAttribute(name, String(attrs[name]));
  394.       });
  395.       if (children.length) {
  396.         children.forEach((child) => {
  397.           const childElement = createElement(...child);
  398.           element.appendChild(childElement);
  399.         });
  400.       }
  401.       return element;
  402.     };
  403.     createElement$1 = ([tag, attrs, children]) => createElement(tag, attrs, children);
  404.   }
  405. });
  406.  
  407. // node_modules/.pnpm/lucide@0.258.0/node_modules/lucide/dist/esm/replaceElement.js
  408. var getAttrs, getClassNames, combineClassNames, toPascalCase, replaceElement;
  409. var init_replaceElement = __esm({
  410.   "node_modules/.pnpm/lucide@0.258.0/node_modules/lucide/dist/esm/replaceElement.js"() {
  411.     init_createElement();
  412.     getAttrs = (element) => Array.from(element.attributes).reduce((attrs, attr) => {
  413.       attrs[attr.name] = attr.value;
  414.       return attrs;
  415.     }, {});
  416.     getClassNames = (attrs) => {
  417.       if (typeof attrs === "string")
  418.         return attrs;
  419.       if (!attrs || !attrs.class)
  420.         return "";
  421.       if (attrs.class && typeof attrs.class === "string") {
  422.         return attrs.class.split(" ");
  423.       }
  424.       if (attrs.class && Array.isArray(attrs.class)) {
  425.         return attrs.class;
  426.       }
  427.       return "";
  428.     };
  429.     combineClassNames = (arrayOfClassnames) => {
  430.       const classNameArray = arrayOfClassnames.flatMap(getClassNames);
  431.       return classNameArray.map((classItem) => classItem.trim()).filter(Boolean).filter((value, index, self) => self.indexOf(value) === index).join(" ");
  432.     };
  433.     toPascalCase = (string) => string.replace(/(\w)(\w*)(_|-|\s*)/g, (g0, g1, g2) => g1.toUpperCase() + g2.toLowerCase());
  434.     replaceElement = (element, { nameAttr, icons, attrs }) => {
  435.       const iconName = element.getAttribute(nameAttr);
  436.       if (iconName == null)
  437.         return;
  438.       const ComponentName = toPascalCase(iconName);
  439.       const iconNode = icons[ComponentName];
  440.       if (!iconNode) {
  441.         return console.warn(
  442.           `${element.outerHTML} icon name was not found in the provided icons object.`
  443.         );
  444.       }
  445.       const elementAttrs = getAttrs(element);
  446.       const [tag, iconAttributes, children] = iconNode;
  447.       const iconAttrs = {
  448.         ...iconAttributes,
  449.         "data-lucide": iconName,
  450.         ...attrs,
  451.         ...elementAttrs
  452.       };
  453.       const classNames = combineClassNames(["lucide", `lucide-${iconName}`, elementAttrs, attrs]);
  454.       if (classNames) {
  455.         Object.assign(iconAttrs, {
  456.           class: classNames
  457.         });
  458.       }
  459.       const svgElement = createElement$1([tag, iconAttrs, children]);
  460.       return element.parentNode?.replaceChild(svgElement, element);
  461.     };
  462.   }
  463. });
  464.  
  465. // node_modules/.pnpm/lucide@0.258.0/node_modules/lucide/dist/esm/defaultAttributes.js
  466. var defaultAttributes;
  467. var init_defaultAttributes = __esm({
  468.   "node_modules/.pnpm/lucide@0.258.0/node_modules/lucide/dist/esm/defaultAttributes.js"() {
  469.     defaultAttributes = {
  470.       xmlns: "http://www.w3.org/2000/svg",
  471.       width: 24,
  472.       height: 24,
  473.       viewBox: "0 0 24 24",
  474.       fill: "none",
  475.       stroke: "currentColor",
  476.       "stroke-width": 2,
  477.       "stroke-linecap": "round",
  478.       "stroke-linejoin": "round"
  479.     };
  480.   }
  481. });
  482.  
  483. // node_modules/.pnpm/lucide@0.258.0/node_modules/lucide/dist/esm/icons/book-open-check.js
  484. var BookOpenCheck;
  485. var init_book_open_check = __esm({
  486.   "node_modules/.pnpm/lucide@0.258.0/node_modules/lucide/dist/esm/icons/book-open-check.js"() {
  487.     init_defaultAttributes();
  488.     BookOpenCheck = [
  489.       "svg",
  490.       defaultAttributes,
  491.       [
  492.         ["path", { d: "M8 3H2v15h7c1.7 0 3 1.3 3 3V7c0-2.2-1.8-4-4-4Z" }],
  493.         ["path", { d: "m16 12 2 2 4-4" }],
  494.         ["path", { d: "M22 6V3h-6c-2.2 0-4 1.8-4 4v14c0-1.7 1.3-3 3-3h7v-2.3" }]
  495.       ]
  496.     ];
  497.   }
  498. });
  499.  
  500. // node_modules/.pnpm/lucide@0.258.0/node_modules/lucide/dist/esm/icons/chevrons-up.js
  501. var ChevronsUp;
  502. var init_chevrons_up = __esm({
  503.   "node_modules/.pnpm/lucide@0.258.0/node_modules/lucide/dist/esm/icons/chevrons-up.js"() {
  504.     init_defaultAttributes();
  505.     ChevronsUp = [
  506.       "svg",
  507.       defaultAttributes,
  508.       [
  509.         ["polyline", { points: "17 11 12 6 7 11" }],
  510.         ["polyline", { points: "17 18 12 13 7 18" }]
  511.       ]
  512.     ];
  513.   }
  514. });
  515.  
  516. // node_modules/.pnpm/lucide@0.258.0/node_modules/lucide/dist/esm/icons/clock-4.js
  517. var Clock4;
  518. var init_clock_4 = __esm({
  519.   "node_modules/.pnpm/lucide@0.258.0/node_modules/lucide/dist/esm/icons/clock-4.js"() {
  520.     init_defaultAttributes();
  521.     Clock4 = [
  522.       "svg",
  523.       defaultAttributes,
  524.       [
  525.         ["circle", { cx: "12", cy: "12", r: "10" }],
  526.         ["polyline", { points: "12 6 12 12 16 14" }]
  527.       ]
  528.     ];
  529.   }
  530. });
  531.  
  532. // node_modules/.pnpm/lucide@0.258.0/node_modules/lucide/dist/esm/icons/eye-off.js
  533. var EyeOff;
  534. var init_eye_off = __esm({
  535.   "node_modules/.pnpm/lucide@0.258.0/node_modules/lucide/dist/esm/icons/eye-off.js"() {
  536.     init_defaultAttributes();
  537.     EyeOff = [
  538.       "svg",
  539.       defaultAttributes,
  540.       [
  541.         ["path", { d: "M9.88 9.88a3 3 0 1 0 4.24 4.24" }],
  542.         [
  543.           "path",
  544.           {
  545.             d: "M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68"
  546.           }
  547.         ],
  548.         [
  549.           "path",
  550.           {
  551.             d: "M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61"
  552.           }
  553.         ],
  554.         ["line", { x1: "2", x2: "22", y1: "2", y2: "22" }]
  555.       ]
  556.     ];
  557.   }
  558. });
  559.  
  560. // node_modules/.pnpm/lucide@0.258.0/node_modules/lucide/dist/esm/icons/heart.js
  561. var Heart;
  562. var init_heart = __esm({
  563.   "node_modules/.pnpm/lucide@0.258.0/node_modules/lucide/dist/esm/icons/heart.js"() {
  564.     init_defaultAttributes();
  565.     Heart = [
  566.       "svg",
  567.       defaultAttributes,
  568.       [
  569.         [
  570.           "path",
  571.           {
  572.             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"
  573.           }
  574.         ]
  575.       ]
  576.     ];
  577.   }
  578. });
  579.  
  580. // node_modules/.pnpm/lucide@0.258.0/node_modules/lucide/dist/esm/icons/message-square-plus.js
  581. var MessageSquarePlus;
  582. var init_message_square_plus = __esm({
  583.   "node_modules/.pnpm/lucide@0.258.0/node_modules/lucide/dist/esm/icons/message-square-plus.js"() {
  584.     init_defaultAttributes();
  585.     MessageSquarePlus = [
  586.       "svg",
  587.       defaultAttributes,
  588.       [
  589.         [
  590.           "path",
  591.           { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" }
  592.         ],
  593.         ["line", { x1: "9", x2: "15", y1: "10", y2: "10" }],
  594.         ["line", { x1: "12", x2: "12", y1: "7", y2: "13" }]
  595.       ]
  596.     ];
  597.   }
  598. });
  599.  
  600. // node_modules/.pnpm/lucide@0.258.0/node_modules/lucide/dist/esm/icons/message-square.js
  601. var MessageSquare;
  602. var init_message_square = __esm({
  603.   "node_modules/.pnpm/lucide@0.258.0/node_modules/lucide/dist/esm/icons/message-square.js"() {
  604.     init_defaultAttributes();
  605.     MessageSquare = [
  606.       "svg",
  607.       defaultAttributes,
  608.       [
  609.         [
  610.           "path",
  611.           { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" }
  612.         ]
  613.       ]
  614.     ];
  615.   }
  616. });
  617.  
  618. // node_modules/.pnpm/lucide@0.258.0/node_modules/lucide/dist/esm/icons/moon.js
  619. var Moon;
  620. var init_moon = __esm({
  621.   "node_modules/.pnpm/lucide@0.258.0/node_modules/lucide/dist/esm/icons/moon.js"() {
  622.     init_defaultAttributes();
  623.     Moon = [
  624.       "svg",
  625.       defaultAttributes,
  626.       [["path", { d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z" }]]
  627.     ];
  628.   }
  629. });
  630.  
  631. // node_modules/.pnpm/lucide@0.258.0/node_modules/lucide/dist/esm/icons/package-plus.js
  632. var PackagePlus;
  633. var init_package_plus = __esm({
  634.   "node_modules/.pnpm/lucide@0.258.0/node_modules/lucide/dist/esm/icons/package-plus.js"() {
  635.     init_defaultAttributes();
  636.     PackagePlus = [
  637.       "svg",
  638.       defaultAttributes,
  639.       [
  640.         ["path", { d: "M16 16h6" }],
  641.         ["path", { d: "M19 13v6" }],
  642.         [
  643.           "path",
  644.           {
  645.             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"
  646.           }
  647.         ],
  648.         ["path", { d: "M16.5 9.4 7.55 4.24" }],
  649.         ["polyline", { points: "3.29 7 12 12 20.71 7" }],
  650.         ["line", { x1: "12", x2: "12", y1: "22", y2: "12" }]
  651.       ]
  652.     ];
  653.   }
  654. });
  655.  
  656. // node_modules/.pnpm/lucide@0.258.0/node_modules/lucide/dist/esm/icons/smile.js
  657. var Smile;
  658. var init_smile = __esm({
  659.   "node_modules/.pnpm/lucide@0.258.0/node_modules/lucide/dist/esm/icons/smile.js"() {
  660.     init_defaultAttributes();
  661.     Smile = [
  662.       "svg",
  663.       defaultAttributes,
  664.       [
  665.         ["circle", { cx: "12", cy: "12", r: "10" }],
  666.         ["path", { d: "M8 14s1.5 2 4 2 4-2 4-2" }],
  667.         ["line", { x1: "9", x2: "9.01", y1: "9", y2: "9" }],
  668.         ["line", { x1: "15", x2: "15.01", y1: "9", y2: "9" }]
  669.       ]
  670.     ];
  671.   }
  672. });
  673.  
  674. // node_modules/.pnpm/lucide@0.258.0/node_modules/lucide/dist/esm/icons/star.js
  675. var Star;
  676. var init_star = __esm({
  677.   "node_modules/.pnpm/lucide@0.258.0/node_modules/lucide/dist/esm/icons/star.js"() {
  678.     init_defaultAttributes();
  679.     Star = [
  680.       "svg",
  681.       defaultAttributes,
  682.       [
  683.         [
  684.           "polygon",
  685.           {
  686.             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"
  687.           }
  688.         ]
  689.       ]
  690.     ];
  691.   }
  692. });
  693.  
  694. // node_modules/.pnpm/lucide@0.258.0/node_modules/lucide/dist/esm/icons/sun.js
  695. var Sun;
  696. var init_sun = __esm({
  697.   "node_modules/.pnpm/lucide@0.258.0/node_modules/lucide/dist/esm/icons/sun.js"() {
  698.     init_defaultAttributes();
  699.     Sun = [
  700.       "svg",
  701.       defaultAttributes,
  702.       [
  703.         ["circle", { cx: "12", cy: "12", r: "4" }],
  704.         ["path", { d: "M12 2v2" }],
  705.         ["path", { d: "M12 20v2" }],
  706.         ["path", { d: "m4.93 4.93 1.41 1.41" }],
  707.         ["path", { d: "m17.66 17.66 1.41 1.41" }],
  708.         ["path", { d: "M2 12h2" }],
  709.         ["path", { d: "M20 12h2" }],
  710.         ["path", { d: "m6.34 17.66-1.41 1.41" }],
  711.         ["path", { d: "m19.07 4.93-1.41 1.41" }]
  712.       ]
  713.     ];
  714.   }
  715. });
  716.  
  717. // node_modules/.pnpm/lucide@0.258.0/node_modules/lucide/dist/esm/icons/twitter.js
  718. var Twitter;
  719. var init_twitter = __esm({
  720.   "node_modules/.pnpm/lucide@0.258.0/node_modules/lucide/dist/esm/icons/twitter.js"() {
  721.     init_defaultAttributes();
  722.     Twitter = [
  723.       "svg",
  724.       defaultAttributes,
  725.       [
  726.         [
  727.           "path",
  728.           {
  729.             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"
  730.           }
  731.         ]
  732.       ]
  733.     ];
  734.   }
  735. });
  736.  
  737. // node_modules/.pnpm/lucide@0.258.0/node_modules/lucide/dist/esm/lucide.js
  738. var createIcons;
  739. var init_lucide = __esm({
  740.   "node_modules/.pnpm/lucide@0.258.0/node_modules/lucide/dist/esm/lucide.js"() {
  741.     init_replaceElement();
  742.     init_createElement();
  743.     init_book_open_check();
  744.     init_chevrons_up();
  745.     init_clock_4();
  746.     init_eye_off();
  747.     init_heart();
  748.     init_message_square_plus();
  749.     init_message_square();
  750.     init_moon();
  751.     init_package_plus();
  752.     init_smile();
  753.     init_star();
  754.     init_sun();
  755.     init_twitter();
  756.     createIcons = ({ icons = {}, nameAttr = "data-lucide", attrs = {} } = {}) => {
  757.       if (!Object.values(icons).length) {
  758.         throw new Error(
  759.           "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});`"
  760.         );
  761.       }
  762.       if (typeof document === "undefined") {
  763.         throw new Error("`createIcons()` only works in a browser environment.");
  764.       }
  765.       const elementsToReplace = document.querySelectorAll(`[${nameAttr}]`);
  766.       Array.from(elementsToReplace).forEach(
  767.         (element) => replaceElement(element, { nameAttr, icons, attrs })
  768.       );
  769.       if (nameAttr === "data-lucide") {
  770.         const deprecatedElements = document.querySelectorAll("[icon-name]");
  771.         if (deprecatedElements.length > 0) {
  772.           console.warn("[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");
  773.           Array.from(deprecatedElements).forEach(
  774.             (element) => replaceElement(element, { nameAttr: "icon-name", icons, attrs })
  775.           );
  776.         }
  777.       }
  778.     };
  779.   }
  780. });
  781.  
  782. // src/contents/globals.ts
  783. function updateCommentCells() {
  784.   $commentCells = $commentBox.find('.cell[id^="r_"]');
  785.   $commentTableRows = $commentCells.find("> table > tbody > tr");
  786. }
  787. var loginName, topicOwnerName, $topicList, $topicContentBox, $commentBox, $commentCells, $commentTableRows, $replyBox, $replyForm, colorTheme, $replyTextArea, replyTextArea;
  788. var init_globals = __esm({
  789.   "src/contents/globals.ts"() {
  790.     "use strict";
  791.     loginName = $('#Top .tools > a[href^="/member"]').text();
  792.     topicOwnerName = $('#Main > .box > .header > small > a[href^="/member"]').text();
  793.     $topicList = $(
  794.       "#Main #Tabs ~ .cell.item, #Main #TopicsNode > .cell, #Main .cell.item:has(.item_title > .topic-link)"
  795.     );
  796.     $topicContentBox = $("#Main .box:has(.topic_content)");
  797.     $commentBox = $('#Main .box:has(.cell[id^="r_"])');
  798.     $commentCells = $commentBox.find('.cell[id^="r_"]');
  799.     $commentTableRows = $commentCells.find("> table > tbody > tr");
  800.     $replyBox = $("#reply-box");
  801.     $replyForm = $replyBox.find('form[action^="/t"]');
  802.     colorTheme = $("#Wrapper").hasClass("Night") ? "dark" : "light";
  803.     $replyTextArea = $("#reply_content");
  804.     replyTextArea = document.querySelector("#reply_content");
  805.   }
  806. });
  807.  
  808. // src/contents/helpers.ts
  809. function isV2EX_RequestError(error) {
  810.   if ("cause" in error) {
  811.     const cause = error["cause"];
  812.     if ("success" in cause && "message" in cause) {
  813.       return (
  814.         // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
  815.         typeof cause["success"] === "boolean" && // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
  816.         !cause["success"] && // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
  817.         typeof cause["message"] === "string"
  818.       );
  819.     }
  820.   }
  821.   return false;
  822. }
  823. function focusReplyInput() {
  824.   if (replyTextArea instanceof HTMLTextAreaElement) {
  825.     replyTextArea.focus();
  826.   }
  827. }
  828. function insertTextToReplyInput(text) {
  829.   if (replyTextArea instanceof HTMLTextAreaElement) {
  830.     const startPos = replyTextArea.selectionStart;
  831.     const endPos = replyTextArea.selectionEnd;
  832.     const valueToStart = replyTextArea.value.substring(0, startPos);
  833.     const valueFromEnd = replyTextArea.value.substring(endPos, replyTextArea.value.length);
  834.     replyTextArea.value = `${valueToStart}${text}${valueFromEnd}`;
  835.     focusReplyInput();
  836.     replyTextArea.selectionStart = replyTextArea.selectionEnd = startPos + text.length;
  837.   }
  838. }
  839. async function setMemberTags(memberName, tags) {
  840.   const storage = await getStorage(false);
  841.   const tagData = storage["member-tag" /* MemberTag */];
  842.   const runEnv = getRunEnv();
  843.   if (!(runEnv === "chrome" || runEnv === "web-ext")) {
  844.     return;
  845.   }
  846.   if (tags && tags.length > 0) {
  847.     const newTagData = { ...tagData, [memberName]: { tags } };
  848.     await setStorage("member-tag" /* MemberTag */, newTagData);
  849.   } else {
  850.     if (tagData && Reflect.has(tagData, memberName)) {
  851.       delete tagData[memberName];
  852.       await setStorage("member-tag" /* MemberTag */, tagData);
  853.     }
  854.   }
  855. }
  856. async function addToReadingList(params) {
  857.   const { url, title, content } = params;
  858.   if (!(typeof url === "string" || typeof title === "string" || typeof content === "string")) {
  859.     const message = "\u65E0\u6CD5\u8BC6\u522B\u5C06\u8BE5\u4E3B\u9898\u7684\u5143\u6570\u636E";
  860.     createToast({ message });
  861.     throw new Error(message);
  862.   }
  863.   const storage = await getStorage();
  864.   const currentData = storage["reading-list" /* ReadingList */]?.data || [];
  865.   const exist = currentData.findIndex((it) => it.url === url) !== -1;
  866.   if (exist) {
  867.     createToast({ message: "\u8BE5\u4E3B\u9898\u5DF2\u5B58\u5728\u4E8E\u7A0D\u540E\u9605\u8BFB" });
  868.   } else {
  869.     if (window.__V2P_AddingReading !== true) {
  870.       window.__V2P_AddingReading = true;
  871.       try {
  872.         await setStorage("reading-list" /* ReadingList */, {
  873.           data: [
  874.             {
  875.               url,
  876.               title: title.replace(" - V2EX", ""),
  877.               content: content.length > READING_CONTENT_LIMIT ? content.substring(0, READING_CONTENT_LIMIT) + "..." : content,
  878.               addedTime: Date.now()
  879.             },
  880.             ...currentData
  881.           ]
  882.         });
  883.         createToast({ message: "\u2705 \u5DF2\u6DFB\u52A0\u8FDB\u7A0D\u540E\u9605\u8BFB" });
  884.         await sleep(500);
  885.       } finally {
  886.         window.__V2P_AddingReading = false;
  887.       }
  888.     }
  889.   }
  890. }
  891. function postTask(expression, callback) {
  892.   const runEnv = getRunEnv();
  893.   if (!runEnv) {
  894.     const result = Function(`"use strict"; ${expression}`)();
  895.     callback?.(result);
  896.   } else {
  897.     if (callback) {
  898.       if (window.__V2P_Tasks) {
  899.         window.__V2P_Tasks.set(Date.now(), callback);
  900.       } else {
  901.         window.__V2P_Tasks = /* @__PURE__ */ new Map([[Date.now(), callback]]);
  902.       }
  903.     }
  904.     const messageData = {
  905.       from: 0 /* Content */,
  906.       payload: { task: { id: Date.now(), expression } }
  907.     };
  908.     window.postMessage(messageData);
  909.   }
  910. }
  911. function loadIcons() {
  912.   setTimeout(() => {
  913.     createIcons({
  914.       attrs: {
  915.         width: "100%",
  916.         height: "100%"
  917.       },
  918.       icons: {
  919.         MessageSquarePlus,
  920.         MessageSquare,
  921.         BookOpenCheck,
  922.         ChevronsUp,
  923.         Heart,
  924.         EyeOff,
  925.         Sun,
  926.         Moon,
  927.         Smile,
  928.         PackagePlus,
  929.         Star,
  930.         Twitter
  931.       }
  932.     });
  933.   }, 0);
  934. }
  935. var init_helpers = __esm({
  936.   "src/contents/helpers.ts"() {
  937.     "use strict";
  938.     init_lucide();
  939.     init_toast();
  940.     init_constants();
  941.     init_utils();
  942.     init_globals();
  943.   }
  944. });
  945.  
  946. // src/contents/common.ts
  947. var common_exports = {};
  948. var init_common = __esm({
  949.   "src/contents/common.ts"() {
  950.     "use strict";
  951.     init_constants();
  952.     init_icons();
  953.     init_utils();
  954.     init_helpers();
  955.     void (async () => {
  956.       const storage = await getStorage();
  957.       const options = storage["options" /* Options */];
  958.       {
  959.         const $toggle = $("#Rightbar .light-toggle").addClass("v2p-color-mode-toggle");
  960.         const $toggleImg = $toggle.find("> img");
  961.         const alt = $toggleImg.prop("alt");
  962.         if (alt === "Light") {
  963.           $toggle.prop("title", "\u4F7F\u7528\u6DF1\u8272\u4E3B\u9898");
  964.           $toggleImg.replaceWith('<i data-lucide="moon"></i>');
  965.         } else if (alt === "Dark") {
  966.           $toggle.prop("title", "\u4F7F\u7528\u6D45\u8272\u4E3B\u9898");
  967.           $toggleImg.replaceWith(`<i data-lucide="sun"></i>`);
  968.         }
  969.         if (options.theme.autoSwitch) {
  970.           const perfersDark = window.matchMedia("(prefers-color-scheme: dark)");
  971.           if (perfersDark.matches) {
  972.             $("#Wrapper").addClass("Night");
  973.           }
  974.           perfersDark.addEventListener("change", ({ matches }) => {
  975.             if (matches) {
  976.               $("#Wrapper").addClass("Night");
  977.             } else {
  978.               $("#Wrapper").removeClass("Night");
  979.             }
  980.           });
  981.           $toggle.on("click", () => {
  982.             void setStorage("options" /* Options */, deepMerge(options, { theme: { autoSwitch: false } }));
  983.           });
  984.         }
  985.       }
  986.       {
  987.         $("#Top .site-nav .tools > .top").addClass("v2p-hover-btn");
  988.       }
  989.       {
  990.         const $searchItem = $('<a class="search-item cell" target="_blank">');
  991.         $searchItem.on("mouseover", () => {
  992.           $("#search-result .search-item.active").addClass("v2p-no-active");
  993.           $searchItem.addClass("active");
  994.         }).on("mouseleave", () => {
  995.           $("#search-result .search-item.active").removeClass("v2p-no-active");
  996.           $searchItem.removeClass("active");
  997.         });
  998.         const $search = $("#search");
  999.         $search.on("input", (ev) => {
  1000.           const value = ev.target.value;
  1001.           const $searchGroup = $("#search-result .search-item-group:last-of-type");
  1002.           $searchItem.text(`SOV2EX ${value}`).prop("href", `https://www.sov2ex.com/?q=${value}`);
  1003.           $searchGroup.append($searchItem);
  1004.         });
  1005.       }
  1006.       {
  1007.         const runEnv = getRunEnv();
  1008.         if (runEnv === "chrome" || runEnv === "web-ext") {
  1009.           injectScript(chrome.runtime.getURL("scripts/web_accessible_resources.min.js"));
  1010.           window.addEventListener("message", (ev) => {
  1011.             if (ev.data.from === 1 /* Web */) {
  1012.               const payload = ev.data.payload;
  1013.               const task = payload?.task;
  1014.               if (payload?.status === "ready") {
  1015.                 postTask('if (typeof window.once === "string") { return window.once; }', (result) => {
  1016.                   if (typeof result === "string") {
  1017.                     window.once = result;
  1018.                   }
  1019.                 });
  1020.               }
  1021.               if (task) {
  1022.                 window.__V2P_Tasks?.get(task.id)?.(task.result);
  1023.               }
  1024.             }
  1025.           });
  1026.         }
  1027.       }
  1028.       {
  1029.         const $extraFooter = $(`
  1030.     <div class="v2p-footer">
  1031.       <div class="v2p-footer-text">\u6269\u5C55\u81EA V2EX Polish </div>
  1032.   
  1033.       <div class="v2p-footer-links">
  1034.         <a class="v2p-footer-link v2p-hover-btn" href="${"https://v2p.app" /* Home */}" target="_blank">\u63D2\u4EF6\u4E3B\u9875</a>
  1035.         <a class="v2p-footer-link v2p-hover-btn" href="${"https://github.com/coolpace/V2EX_Polish/discussions/1" /* Feedback */}" target="_blank">\u95EE\u9898\u53CD\u9988</a>
  1036.       </div>
  1037.   
  1038.       <div class="v2p-footer-brand">
  1039.         <span>
  1040.           <a
  1041.             href="https://chrome.google.com/webstore/detail/v2ex-polish/onnepejgdiojhiflfoemillegpgpabdm"
  1042.             target="_blank"
  1043.             title="Chrome \u5E94\u7528\u5546\u5E97"
  1044.           >
  1045.             ${iconChromeWebStore}
  1046.           </a>
  1047.         </span>
  1048.         <span>
  1049.           <a
  1050.             href="https://github.com/coolpace/V2EX_Polish"
  1051.             target="_blank"
  1052.             title="GitHub \u4ED3\u5E93"
  1053.           >
  1054.             ${iconGitHub}
  1055.           </a>
  1056.         </span>
  1057.       </div>
  1058.     </div>
  1059.     `);
  1060.         $(`<div class="v2p-footer-logo">${iconLogo}</div>`).prependTo($extraFooter);
  1061.         $("#Bottom .content").append($extraFooter);
  1062.       }
  1063.     })();
  1064.   }
  1065. });
  1066.  
  1067. // src/components/button.ts
  1068. function createButton(props) {
  1069.   const { children, className = "", type = "button", tag = "button" } = props;
  1070.   const $button = $(`<${tag} class="normal button ${className}">${children}</${tag}>`);
  1071.   if (tag === "button") {
  1072.     $button.prop("type", type);
  1073.   }
  1074.   return $button;
  1075. }
  1076. var init_button = __esm({
  1077.   "src/components/button.ts"() {
  1078.     "use strict";
  1079.   }
  1080. });
  1081.  
  1082. // src/components/model.ts
  1083. function createModel(props) {
  1084.   const { root, title, onOpen, onClose, onMount } = props;
  1085.   const $mask = $('<div class="v2p-model-mask">');
  1086.   const $content = $('<div class="v2p-model-content">');
  1087.   const $closeBtn = createButton({
  1088.     children: "\u5173\u95ED<kbd>Esc</kbd>",
  1089.     className: "v2p-model-close-btn"
  1090.   });
  1091.   const $title = $(`<div class="v2p-model-title">${title ?? ""}</div>`);
  1092.   const $actions = $('<div class="v2p-model-actions">').append($closeBtn);
  1093.   const $header = $('<div class="v2p-model-header">').append($title, $actions);
  1094.   const $main = $('<div class="v2p-model-main">').append($header, $content).on("click", (ev) => ev.stopPropagation());
  1095.   const $container = $mask.append($main).hide();
  1096.   const modelElements = {
  1097.     $mask,
  1098.     $main,
  1099.     $container,
  1100.     $title,
  1101.     $actions,
  1102.     $content
  1103.   };
  1104.   let boundEvent = false;
  1105.   const maskClickHandler = () => {
  1106.     handleModalClose();
  1107.   };
  1108.   const keyupHandler = (ev) => {
  1109.     if (ev.key === "Escape") {
  1110.       handleModalClose();
  1111.     }
  1112.   };
  1113.   const handleModalClose = () => {
  1114.     $mask.off("click", maskClickHandler);
  1115.     $(document).off("keydown", keyupHandler);
  1116.     boundEvent = false;
  1117.     $container.fadeOut("fast");
  1118.     document.body.classList.remove("v2p-modal-open");
  1119.     onClose?.(modelElements);
  1120.   };
  1121.   const handleModalOpen = () => {
  1122.     setTimeout(() => {
  1123.       if (!boundEvent) {
  1124.         $mask.on("click", maskClickHandler);
  1125.         $(document).on("keydown", keyupHandler);
  1126.         boundEvent = true;
  1127.       }
  1128.     });
  1129.     $container.fadeIn("fast");
  1130.     document.body.classList.add("v2p-modal-open");
  1131.     onOpen?.(modelElements);
  1132.   };
  1133.   $closeBtn.on("click", handleModalClose);
  1134.   onMount?.(modelElements);
  1135.   if (root) {
  1136.     root.append($container);
  1137.   }
  1138.   return { ...modelElements, open: handleModalOpen, close: handleModalClose };
  1139. }
  1140. var init_model = __esm({
  1141.   "src/components/model.ts"() {
  1142.     "use strict";
  1143.     init_button();
  1144.   }
  1145. });
  1146.  
  1147. // src/services.ts
  1148. async function legacyRequest(url, options) {
  1149.   const res = await fetch(url, options);
  1150.   return res.json();
  1151. }
  1152. function fetchUserInfo(memberName, options) {
  1153.   return legacyRequest(
  1154.     `${V2EX_LEGACY_API}/members/show.json?username=${memberName}`,
  1155.     options
  1156.   );
  1157. }
  1158. async function request(url, options) {
  1159.   const storage = await getStorage();
  1160.   const PAT = storage["api" /* API */]?.pat;
  1161.   const res = await fetch(url, {
  1162.     ...options,
  1163.     headers: { Authorization: PAT ? `Bearer ${PAT}` : "", ...options?.headers }
  1164.   });
  1165.   {
  1166.     const limit = res.headers.get("X-Rate-Limit-Limit");
  1167.     const reset = res.headers.get("X-Rate-Limit-Reset");
  1168.     const remaining = res.headers.get("X-Rate-Limit-Remaining");
  1169.     const api = {
  1170.       pat: PAT,
  1171.       limit: limit ? Number(limit) : void 0,
  1172.       reset: reset ? Number(reset) : void 0,
  1173.       remaining: remaining ? Number(remaining) : void 0
  1174.     };
  1175.     void setStorage("api" /* API */, api);
  1176.   }
  1177.   const resultData = await res.json();
  1178.   if (typeof resultData.success === "boolean" && !resultData.success) {
  1179.     throw new Error(resultData.message, { cause: resultData });
  1180.   }
  1181.   return resultData;
  1182. }
  1183. function fetchTopic(topicId, options) {
  1184.   return request(`${V2EX_API}/topics/${topicId}`, { method: "GET", ...options });
  1185. }
  1186. function fetchTopicReplies(topicId, options) {
  1187.   return request(`${V2EX_API}/topics/${topicId}/replies`, {
  1188.     method: "GET",
  1189.     ...options
  1190.   });
  1191. }
  1192. async function uploadImage(file) {
  1193.   const formData = new FormData();
  1194.   formData.append("image", file);
  1195.   const randomIndex = Math.floor(Math.random() * imgurClientIdPool.length);
  1196.   const clidenId = imgurClientIdPool[randomIndex];
  1197.   const res = await fetch("https://api.imgur.com/3/upload", {
  1198.     method: "POST",
  1199.     headers: { Authorization: `Client-ID ${clidenId}` },
  1200.     body: formData
  1201.   });
  1202.   if (res.ok) {
  1203.     const resData = await res.json();
  1204.     if (resData.success) {
  1205.       return resData.data.link;
  1206.     }
  1207.   }
  1208.   throw new Error("\u4E0A\u4F20\u5931\u8D25");
  1209. }
  1210. async function refreshMoney() {
  1211.   const res = await fetch("/ajax/money", { method: "POST" });
  1212.   const data = await res.text();
  1213.   $("#money").html(data);
  1214. }
  1215. async function thankReply(params) {
  1216.   try {
  1217.     const res = await fetch(`/thank/reply/${params.replyId}?once=${window.once}`, {
  1218.       method: "POST"
  1219.     });
  1220.     const data = await res.json();
  1221.     postTask(`window.once = ${data.once}`);
  1222.     window.once = data.once;
  1223.     if (data.success) {
  1224.       $("#thank_area_" + params.replyId).addClass("thanked").html("\u611F\u8C22\u5DF2\u53D1\u9001");
  1225.       params.onSuccess?.();
  1226.       await refreshMoney();
  1227.     } else {
  1228.       alert(data.message);
  1229.     }
  1230.   } catch {
  1231.     params.onFail?.();
  1232.   }
  1233. }
  1234. async function crawalTopicPage(path, page) {
  1235.   const res = await fetch(`${"https://www.v2ex.com" /* Origin */}${path}?p=${page}`);
  1236.   const htmlText = await res.text();
  1237.   return htmlText;
  1238. }
  1239. var V2EX_ORIGIN, V2EX_LEGACY_API, V2EX_API, mark;
  1240. var init_services = __esm({
  1241.   "src/services.ts"() {
  1242.     "use strict";
  1243.     init_constants();
  1244.     init_helpers();
  1245.     init_utils();
  1246.     V2EX_ORIGIN = window.location.origin.includes("v2ex.com") ? window.location.origin : "https://www.v2ex.com" /* Origin */;
  1247.     V2EX_LEGACY_API = `${V2EX_ORIGIN}/api`;
  1248.     V2EX_API = `${V2EX_ORIGIN}/api/v2`;
  1249.     mark = `${EXTENSION_NAME}_settings`;
  1250.   }
  1251. });
  1252.  
  1253. // src/contents/home/topic-list.ts
  1254. function handlingTopicList() {
  1255.   const runEnv = getRunEnv();
  1256.   if (!runEnv) {
  1257.     return;
  1258.   }
  1259.   const storage = getStorageSync();
  1260.   const options = storage["options" /* Options */];
  1261.   const PAT = storage["api" /* API */]?.pat;
  1262.   let abortController = null;
  1263.   const $detailBtn = createButton({
  1264.     children: "\u8FDB\u5165\u4E3B\u9898",
  1265.     className: "special",
  1266.     tag: "a"
  1267.   });
  1268.   if (options.openInNewTab) {
  1269.     $detailBtn.prop("target", "_blank");
  1270.   }
  1271.   const model = createModel({
  1272.     root: $(document.body),
  1273.     onMount: ({ $actions }) => {
  1274.       $actions.prepend($detailBtn);
  1275.     },
  1276.     onClose: ({ $title, $content }) => {
  1277.       $title.empty();
  1278.       $content.empty();
  1279.       abortController?.abort();
  1280.     }
  1281.   });
  1282.   const topicDataCache = /* @__PURE__ */ new Map();
  1283.   $topicList.each((_, topicItem) => {
  1284.     const $topicItem = $(topicItem);
  1285.     const $itemTitle = $topicItem.find(".item_title");
  1286.     $('<button class="v2p-topic-preview-btn">\u9884\u89C8</button>').on("click", () => {
  1287.       const linkHref = $topicItem.find(".topic-link").attr("href");
  1288.       const match = linkHref?.match(/\/t\/(\d+)/);
  1289.       const topicId = match?.at(1);
  1290.       if (topicId) {
  1291.         model.open();
  1292.         $detailBtn.prop("href", linkHref);
  1293.         const topicTitle = $itemTitle.find(".topic-link").text();
  1294.         const $titleLink = $(
  1295.           `<a class="v2p-topic-preview-title-link" title="${topicTitle}">${topicTitle}</a>`
  1296.         );
  1297.         model.$title.empty().append($titleLink);
  1298.         if (PAT) {
  1299.           void (async () => {
  1300.             let cacheData = topicDataCache.get(topicId);
  1301.             if (!cacheData || Date.now() - cacheData.cacheTime > 1e3 * 60 * 10) {
  1302.               try {
  1303.                 abortController = new AbortController();
  1304.                 model.$content.empty().append(`
  1305.                   <div class="v2p-model-loading">
  1306.                     <div class="v2p-icon-loading">${iconLoading}</div>
  1307.                   </div>
  1308.                   `);
  1309.                 const promises = [
  1310.                   fetchTopic(topicId, { signal: abortController.signal }),
  1311.                   fetchTopicReplies(topicId, { signal: abortController.signal })
  1312.                 ];
  1313.                 const [{ result: topic }, { result: topicReplies }] = await Promise.all(promises);
  1314.                 const data = {
  1315.                   topic,
  1316.                   topicReplies,
  1317.                   cacheTime: Date.now()
  1318.                 };
  1319.                 topicDataCache.set(topicId, data);
  1320.                 cacheData = data;
  1321.               } catch (err) {
  1322.                 if (isV2EX_RequestError(err)) {
  1323.                   const message = err.cause.message;
  1324.                   if (
  1325.                     /* eslint-disable @typescript-eslint/no-unsafe-enum-comparison */
  1326.                     message === "Token expired" /* TokenExpired */ || message === "Invalid token" /* InvalidToken */
  1327.                   ) {
  1328.                     model.$content.empty().append(invalidTemplate("\u60A8\u7684 PAT \u5DF2\u5931\u6548\uFF0C\u8BF7\u91CD\u65B0\u8BBE\u7F6E\u3002"));
  1329.                   }
  1330.                 }
  1331.               }
  1332.             }
  1333.             if (cacheData) {
  1334.               const { topic, topicReplies } = cacheData;
  1335.               const $topicPreview = $('<div class="v2p-topic-preview">');
  1336.               $titleLink.prop("href", topic.url);
  1337.               if (options.openInNewTab) {
  1338.                 $titleLink.prop("target", "_blank");
  1339.               }
  1340.               const $infoBar = $(`
  1341.                   <div class="v2p-tp-info-bar">
  1342.                     <div class="v2p-tp-info">
  1343.                       <a class="v2p-tp-member" href="${topic.member.url}">
  1344.                         <img class="v2p-tp-avatar" src="${topic.member.avatar}">
  1345.                         <span>${topic.member.username}</span>
  1346.                       </a>
  1347.  
  1348.                       <span>
  1349.                         ${formatTimestamp(topic.created, { format: "YMDHMS" })}
  1350.                       </span>
  1351.  
  1352.                       <span>${topic.replies} \u6761\u56DE\u590D</span>
  1353.                     </div>
  1354.                   </div>
  1355.                 `);
  1356.               const iconBook = createElement$1(BookOpenCheck);
  1357.               iconBook.setAttribute("width", "100%");
  1358.               iconBook.setAttribute("height", "100%");
  1359.               const $readingBtn = $(`
  1360.                 <div class="v2p-tp-read"><span class="v2p-tp-read-icon"></span>\u7A0D\u540E\u9605\u8BFB</div>
  1361.                 `);
  1362.               $readingBtn.find(".v2p-tp-read-icon").append(iconBook);
  1363.               $readingBtn.on("click", () => {
  1364.                 void addToReadingList({
  1365.                   url: topic.url,
  1366.                   title: topic.title,
  1367.                   content: topic.content
  1368.                 });
  1369.               }).appendTo($infoBar);
  1370.               $topicPreview.append($infoBar);
  1371.               if (topic.content_rendered) {
  1372.                 $topicPreview.append(
  1373.                   `<div class="v2p-topic-preview-content markdown_body">${topic.content_rendered}</div>`
  1374.                 );
  1375.               } else {
  1376.                 $topicPreview.append(`
  1377.                     <div class="v2p-empty-content">
  1378.                       <div class="v2p-text-emoji">\xAF\\_(\u30C4)_/\xAF</div>
  1379.                       <p>\u8BE5\u4E3B\u9898\u6CA1\u6709\u6B63\u6587\u5185\u5BB9</p>
  1380.                     </div>
  1381.                     `);
  1382.               }
  1383.               if (topic.supplements && topic.supplements.length > 0) {
  1384.                 $topicPreview.append(
  1385.                   `
  1386.                     <div class="v2p-topic-preview-addons">
  1387.                       ${topic.supplements.map((addon, idx) => {
  1388.                     return `
  1389.                           <div class="v2p-topic-preview-addon subtle">
  1390.                             <div class="fade" style="margin-bottom:10px;">\u9644\u8A00 ${idx + 1}\uFF1A</div>
  1391.                             <div class="topic_content markdown_body">${addon.content_rendered}</div>
  1392.                           </div>
  1393.                           `;
  1394.                   }).join("")}
  1395.                     </div>
  1396.                     `
  1397.                 );
  1398.               }
  1399.               if (topicReplies.length > 0) {
  1400.                 const $template = $("<div>");
  1401.                 const op = topic.member.username;
  1402.                 topicReplies.forEach((r) => {
  1403.                   $template.append(`
  1404.                       <div class="v2p-topic-reply">
  1405.                         <div class="v2p-topic-reply-member">
  1406.                           <a href="${r.member.url}">
  1407.                             <img class="v2p-topic-reply-avatar" src="${r.member.avatar}">
  1408.                             <span>${r.member.username}</span>
  1409.                             <span style="
  1410.                               display: ${op === r.member.username ? "unset" : "none"};
  1411.                               margin-left:${op === r.member.username ? "3px" : "0"};
  1412.                             ">
  1413.                               <span class="badge op mini">OP</span>
  1414.                             </span>
  1415.                           </a>\uFF1A
  1416.                         </div>
  1417.                         <div class="v2p-topic-reply-content">${escapeHTML(r.content)}</div>
  1418.                       </div>
  1419.                       `);
  1420.                 });
  1421.                 $('<div class="v2p-topic-reply-box">').append($template.html()).append(
  1422.                   `
  1423.                       <div class="v2p-more-reply-tip">
  1424.                         <a
  1425.                           href="${linkHref || ""}"
  1426.                           style="color: currentColor;"
  1427.                           target="${options.openInNewTab ? "_blank" : "_self"}"
  1428.                         >
  1429.                             \u5728\u4E3B\u9898\u5185\u67E5\u770B\u5B8C\u6574\u8BC4\u8BBA...
  1430.                         </a>
  1431.                       </div>
  1432.                       `
  1433.                 ).appendTo($topicPreview);
  1434.               }
  1435.               model.$content.empty().append($topicPreview);
  1436.             }
  1437.           })();
  1438.         } else {
  1439.           model.$content.empty().append(invalidTemplate("\u60A8\u9700\u8981\u5148\u8BBE\u7F6E PAT \u624D\u80FD\u83B7\u53D6\u9884\u89C8\u5185\u5BB9\u3002"));
  1440.         }
  1441.       }
  1442.     }).appendTo($itemTitle);
  1443.   });
  1444. }
  1445. var invalidTemplate;
  1446. var init_topic_list = __esm({
  1447.   "src/contents/home/topic-list.ts"() {
  1448.     "use strict";
  1449.     init_lucide();
  1450.     init_button();
  1451.     init_model();
  1452.     init_constants();
  1453.     init_icons();
  1454.     init_services();
  1455.     init_utils();
  1456.     init_globals();
  1457.     init_helpers();
  1458.     invalidTemplate = (tip) => `
  1459. <div class="v2p-no-pat">
  1460.   <div class="v2p-no-pat-title">${tip}</div>
  1461.   <div class="v2p-no-pat-desc">
  1462.     \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
  1463.   </div>
  1464.  
  1465.   <div class="v2p-no-pat-steps">
  1466.     <div class="v2p-no-pat-step">
  1467.       <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>
  1468.       <img class="v2p-no-pat-img" src="https://i.imgur.com/UfNkuTF.png">
  1469.     </div>
  1470.     <div class="v2p-no-pat-step">
  1471.       <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>
  1472.       <img class="v2p-no-pat-img" src="https://i.imgur.com/O6hP86A.png">
  1473.     </div>
  1474.   </div>
  1475. </div>
  1476. `;
  1477.   }
  1478. });
  1479.  
  1480. // src/contents/home/index.ts
  1481. var home_exports = {};
  1482. var init_home = __esm({
  1483.   "src/contents/home/index.ts"() {
  1484.     "use strict";
  1485.     init_constants();
  1486.     init_utils();
  1487.     init_helpers();
  1488.     init_topic_list();
  1489.     void (async () => {
  1490.       const storage = await getStorage();
  1491.       const options = storage["options" /* Options */];
  1492.       {
  1493.         $("#Main .tab").addClass("v2p-hover-btn");
  1494.         if (options.openInNewTab) {
  1495.           $('#Main .topic-link, .item_hot_topic_title > a, .item_node, a[href="/write"]').prop(
  1496.             "target",
  1497.             "_blank"
  1498.           );
  1499.         }
  1500.       }
  1501.       handlingTopicList();
  1502.       {
  1503.         const dailyInfo = storage["daily" /* Daily */];
  1504.         if (dailyInfo?.lastCheckInTime) {
  1505.           if (isSameDay(dailyInfo.lastCheckInTime, Date.now())) {
  1506.             const $info = $(`
  1507.           <a class="cell v2p-info-row" href="/mission/daily">
  1508.             \u4ECA\u65E5\u5DF2\u81EA\u52A8\u7B7E\u5230
  1509.           </a>
  1510.         `);
  1511.             $('#Rightbar > .box:has("#member-activity")').append($info);
  1512.           }
  1513.         }
  1514.       }
  1515.       loadIcons();
  1516.     })();
  1517.   }
  1518. });
  1519.  
  1520. // node_modules/.pnpm/@floating-ui+core@1.2.6/node_modules/@floating-ui/core/dist/floating-ui.core.mjs
  1521. function getAlignment(placement) {
  1522.   return placement.split("-")[1];
  1523. }
  1524. function getLengthFromAxis(axis) {
  1525.   return axis === "y" ? "height" : "width";
  1526. }
  1527. function getSide(placement) {
  1528.   return placement.split("-")[0];
  1529. }
  1530. function getMainAxisFromPlacement(placement) {
  1531.   return ["top", "bottom"].includes(getSide(placement)) ? "x" : "y";
  1532. }
  1533. function computeCoordsFromPlacement(_ref, placement, rtl) {
  1534.   let {
  1535.     reference,
  1536.     floating
  1537.   } = _ref;
  1538.   const commonX = reference.x + reference.width / 2 - floating.width / 2;
  1539.   const commonY = reference.y + reference.height / 2 - floating.height / 2;
  1540.   const mainAxis = getMainAxisFromPlacement(placement);
  1541.   const length = getLengthFromAxis(mainAxis);
  1542.   const commonAlign = reference[length] / 2 - floating[length] / 2;
  1543.   const side = getSide(placement);
  1544.   const isVertical = mainAxis === "x";
  1545.   let coords;
  1546.   switch (side) {
  1547.     case "top":
  1548.       coords = {
  1549.         x: commonX,
  1550.         y: reference.y - floating.height
  1551.       };
  1552.       break;
  1553.     case "bottom":
  1554.       coords = {
  1555.         x: commonX,
  1556.         y: reference.y + reference.height
  1557.       };
  1558.       break;
  1559.     case "right":
  1560.       coords = {
  1561.         x: reference.x + reference.width,
  1562.         y: commonY
  1563.       };
  1564.       break;
  1565.     case "left":
  1566.       coords = {
  1567.         x: reference.x - floating.width,
  1568.         y: commonY
  1569.       };
  1570.       break;
  1571.     default:
  1572.       coords = {
  1573.         x: reference.x,
  1574.         y: reference.y
  1575.       };
  1576.   }
  1577.   switch (getAlignment(placement)) {
  1578.     case "start":
  1579.       coords[mainAxis] -= commonAlign * (rtl && isVertical ? -1 : 1);
  1580.       break;
  1581.     case "end":
  1582.       coords[mainAxis] += commonAlign * (rtl && isVertical ? -1 : 1);
  1583.       break;
  1584.   }
  1585.   return coords;
  1586. }
  1587. function expandPaddingObject(padding) {
  1588.   return {
  1589.     top: 0,
  1590.     right: 0,
  1591.     bottom: 0,
  1592.     left: 0,
  1593.     ...padding
  1594.   };
  1595. }
  1596. function getSideObjectFromPadding(padding) {
  1597.   return typeof padding !== "number" ? expandPaddingObject(padding) : {
  1598.     top: padding,
  1599.     right: padding,
  1600.     bottom: padding,
  1601.     left: padding
  1602.   };
  1603. }
  1604. function rectToClientRect(rect) {
  1605.   return {
  1606.     ...rect,
  1607.     top: rect.y,
  1608.     left: rect.x,
  1609.     right: rect.x + rect.width,
  1610.     bottom: rect.y + rect.height
  1611.   };
  1612. }
  1613. async function detectOverflow(state, options) {
  1614.   var _await$platform$isEle;
  1615.   if (options === void 0) {
  1616.     options = {};
  1617.   }
  1618.   const {
  1619.     x,
  1620.     y,
  1621.     platform: platform2,
  1622.     rects,
  1623.     elements,
  1624.     strategy
  1625.   } = state;
  1626.   const {
  1627.     boundary = "clippingAncestors",
  1628.     rootBoundary = "viewport",
  1629.     elementContext = "floating",
  1630.     altBoundary = false,
  1631.     padding = 0
  1632.   } = options;
  1633.   const paddingObject = getSideObjectFromPadding(padding);
  1634.   const altContext = elementContext === "floating" ? "reference" : "floating";
  1635.   const element = elements[altBoundary ? altContext : elementContext];
  1636.   const clippingClientRect = rectToClientRect(await platform2.getClippingRect({
  1637.     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)),
  1638.     boundary,
  1639.     rootBoundary,
  1640.     strategy
  1641.   }));
  1642.   const rect = elementContext === "floating" ? {
  1643.     ...rects.floating,
  1644.     x,
  1645.     y
  1646.   } : rects.reference;
  1647.   const offsetParent = await (platform2.getOffsetParent == null ? void 0 : platform2.getOffsetParent(elements.floating));
  1648.   const offsetScale = await (platform2.isElement == null ? void 0 : platform2.isElement(offsetParent)) ? await (platform2.getScale == null ? void 0 : platform2.getScale(offsetParent)) || {
  1649.     x: 1,
  1650.     y: 1
  1651.   } : {
  1652.     x: 1,
  1653.     y: 1
  1654.   };
  1655.   const elementClientRect = rectToClientRect(platform2.convertOffsetParentRelativeRectToViewportRelativeRect ? await platform2.convertOffsetParentRelativeRectToViewportRelativeRect({
  1656.     rect,
  1657.     offsetParent,
  1658.     strategy
  1659.   }) : rect);
  1660.   return {
  1661.     top: (clippingClientRect.top - elementClientRect.top + paddingObject.top) / offsetScale.y,
  1662.     bottom: (elementClientRect.bottom - clippingClientRect.bottom + paddingObject.bottom) / offsetScale.y,
  1663.     left: (clippingClientRect.left - elementClientRect.left + paddingObject.left) / offsetScale.x,
  1664.     right: (elementClientRect.right - clippingClientRect.right + paddingObject.right) / offsetScale.x
  1665.   };
  1666. }
  1667. function within(min$1, value, max$1) {
  1668.   return max(min$1, min(value, max$1));
  1669. }
  1670. function getOppositePlacement(placement) {
  1671.   return placement.replace(/left|right|bottom|top/g, (side) => oppositeSideMap[side]);
  1672. }
  1673. function getAlignmentSides(placement, rects, rtl) {
  1674.   if (rtl === void 0) {
  1675.     rtl = false;
  1676.   }
  1677.   const alignment = getAlignment(placement);
  1678.   const mainAxis = getMainAxisFromPlacement(placement);
  1679.   const length = getLengthFromAxis(mainAxis);
  1680.   let mainAlignmentSide = mainAxis === "x" ? alignment === (rtl ? "end" : "start") ? "right" : "left" : alignment === "start" ? "bottom" : "top";
  1681.   if (rects.reference[length] > rects.floating[length]) {
  1682.     mainAlignmentSide = getOppositePlacement(mainAlignmentSide);
  1683.   }
  1684.   return {
  1685.     main: mainAlignmentSide,
  1686.     cross: getOppositePlacement(mainAlignmentSide)
  1687.   };
  1688. }
  1689. function getOppositeAlignmentPlacement(placement) {
  1690.   return placement.replace(/start|end/g, (alignment) => oppositeAlignmentMap[alignment]);
  1691. }
  1692. function getExpandedPlacements(placement) {
  1693.   const oppositePlacement = getOppositePlacement(placement);
  1694.   return [getOppositeAlignmentPlacement(placement), oppositePlacement, getOppositeAlignmentPlacement(oppositePlacement)];
  1695. }
  1696. function getSideList(side, isStart, rtl) {
  1697.   const lr = ["left", "right"];
  1698.   const rl = ["right", "left"];
  1699.   const tb = ["top", "bottom"];
  1700.   const bt = ["bottom", "top"];
  1701.   switch (side) {
  1702.     case "top":
  1703.     case "bottom":
  1704.       if (rtl)
  1705.         return isStart ? rl : lr;
  1706.       return isStart ? lr : rl;
  1707.     case "left":
  1708.     case "right":
  1709.       return isStart ? tb : bt;
  1710.     default:
  1711.       return [];
  1712.   }
  1713. }
  1714. function getOppositeAxisPlacements(placement, flipAlignment, direction, rtl) {
  1715.   const alignment = getAlignment(placement);
  1716.   let list = getSideList(getSide(placement), direction === "start", rtl);
  1717.   if (alignment) {
  1718.     list = list.map((side) => side + "-" + alignment);
  1719.     if (flipAlignment) {
  1720.       list = list.concat(list.map(getOppositeAlignmentPlacement));
  1721.     }
  1722.   }
  1723.   return list;
  1724. }
  1725. async function convertValueToCoords(state, value) {
  1726.   const {
  1727.     placement,
  1728.     platform: platform2,
  1729.     elements
  1730.   } = state;
  1731.   const rtl = await (platform2.isRTL == null ? void 0 : platform2.isRTL(elements.floating));
  1732.   const side = getSide(placement);
  1733.   const alignment = getAlignment(placement);
  1734.   const isVertical = getMainAxisFromPlacement(placement) === "x";
  1735.   const mainAxisMulti = ["left", "top"].includes(side) ? -1 : 1;
  1736.   const crossAxisMulti = rtl && isVertical ? -1 : 1;
  1737.   const rawValue = typeof value === "function" ? value(state) : value;
  1738.   let {
  1739.     mainAxis,
  1740.     crossAxis,
  1741.     alignmentAxis
  1742.   } = typeof rawValue === "number" ? {
  1743.     mainAxis: rawValue,
  1744.     crossAxis: 0,
  1745.     alignmentAxis: null
  1746.   } : {
  1747.     mainAxis: 0,
  1748.     crossAxis: 0,
  1749.     alignmentAxis: null,
  1750.     ...rawValue
  1751.   };
  1752.   if (alignment && typeof alignmentAxis === "number") {
  1753.     crossAxis = alignment === "end" ? alignmentAxis * -1 : alignmentAxis;
  1754.   }
  1755.   return isVertical ? {
  1756.     x: crossAxis * crossAxisMulti,
  1757.     y: mainAxis * mainAxisMulti
  1758.   } : {
  1759.     x: mainAxis * mainAxisMulti,
  1760.     y: crossAxis * crossAxisMulti
  1761.   };
  1762. }
  1763. function getCrossAxis(axis) {
  1764.   return axis === "x" ? "y" : "x";
  1765. }
  1766. var computePosition, min, max, oppositeSideMap, oppositeAlignmentMap, flip, offset, shift;
  1767. var init_floating_ui_core = __esm({
  1768.   "node_modules/.pnpm/@floating-ui+core@1.2.6/node_modules/@floating-ui/core/dist/floating-ui.core.mjs"() {
  1769.     computePosition = async (reference, floating, config) => {
  1770.       const {
  1771.         placement = "bottom",
  1772.         strategy = "absolute",
  1773.         middleware = [],
  1774.         platform: platform2
  1775.       } = config;
  1776.       const validMiddleware = middleware.filter(Boolean);
  1777.       const rtl = await (platform2.isRTL == null ? void 0 : platform2.isRTL(floating));
  1778.       let rects = await platform2.getElementRects({
  1779.         reference,
  1780.         floating,
  1781.         strategy
  1782.       });
  1783.       let {
  1784.         x,
  1785.         y
  1786.       } = computeCoordsFromPlacement(rects, placement, rtl);
  1787.       let statefulPlacement = placement;
  1788.       let middlewareData = {};
  1789.       let resetCount = 0;
  1790.       for (let i = 0; i < validMiddleware.length; i++) {
  1791.         const {
  1792.           name,
  1793.           fn
  1794.         } = validMiddleware[i];
  1795.         const {
  1796.           x: nextX,
  1797.           y: nextY,
  1798.           data,
  1799.           reset
  1800.         } = await fn({
  1801.           x,
  1802.           y,
  1803.           initialPlacement: placement,
  1804.           placement: statefulPlacement,
  1805.           strategy,
  1806.           middlewareData,
  1807.           rects,
  1808.           platform: platform2,
  1809.           elements: {
  1810.             reference,
  1811.             floating
  1812.           }
  1813.         });
  1814.         x = nextX != null ? nextX : x;
  1815.         y = nextY != null ? nextY : y;
  1816.         middlewareData = {
  1817.           ...middlewareData,
  1818.           [name]: {
  1819.             ...middlewareData[name],
  1820.             ...data
  1821.           }
  1822.         };
  1823.         if (reset && resetCount <= 50) {
  1824.           resetCount++;
  1825.           if (typeof reset === "object") {
  1826.             if (reset.placement) {
  1827.               statefulPlacement = reset.placement;
  1828.             }
  1829.             if (reset.rects) {
  1830.               rects = reset.rects === true ? await platform2.getElementRects({
  1831.                 reference,
  1832.                 floating,
  1833.                 strategy
  1834.               }) : reset.rects;
  1835.             }
  1836.             ({
  1837.               x,
  1838.               y
  1839.             } = computeCoordsFromPlacement(rects, statefulPlacement, rtl));
  1840.           }
  1841.           i = -1;
  1842.           continue;
  1843.         }
  1844.       }
  1845.       return {
  1846.         x,
  1847.         y,
  1848.         placement: statefulPlacement,
  1849.         strategy,
  1850.         middlewareData
  1851.       };
  1852.     };
  1853.     min = Math.min;
  1854.     max = Math.max;
  1855.     oppositeSideMap = {
  1856.       left: "right",
  1857.       right: "left",
  1858.       bottom: "top",
  1859.       top: "bottom"
  1860.     };
  1861.     oppositeAlignmentMap = {
  1862.       start: "end",
  1863.       end: "start"
  1864.     };
  1865.     flip = function(options) {
  1866.       if (options === void 0) {
  1867.         options = {};
  1868.       }
  1869.       return {
  1870.         name: "flip",
  1871.         options,
  1872.         async fn(state) {
  1873.           var _middlewareData$flip;
  1874.           const {
  1875.             placement,
  1876.             middlewareData,
  1877.             rects,
  1878.             initialPlacement,
  1879.             platform: platform2,
  1880.             elements
  1881.           } = state;
  1882.           const {
  1883.             mainAxis: checkMainAxis = true,
  1884.             crossAxis: checkCrossAxis = true,
  1885.             fallbackPlacements: specifiedFallbackPlacements,
  1886.             fallbackStrategy = "bestFit",
  1887.             fallbackAxisSideDirection = "none",
  1888.             flipAlignment = true,
  1889.             ...detectOverflowOptions
  1890.           } = options;
  1891.           const side = getSide(placement);
  1892.           const isBasePlacement = getSide(initialPlacement) === initialPlacement;
  1893.           const rtl = await (platform2.isRTL == null ? void 0 : platform2.isRTL(elements.floating));
  1894.           const fallbackPlacements = specifiedFallbackPlacements || (isBasePlacement || !flipAlignment ? [getOppositePlacement(initialPlacement)] : getExpandedPlacements(initialPlacement));
  1895.           if (!specifiedFallbackPlacements && fallbackAxisSideDirection !== "none") {
  1896.             fallbackPlacements.push(...getOppositeAxisPlacements(initialPlacement, flipAlignment, fallbackAxisSideDirection, rtl));
  1897.           }
  1898.           const placements = [initialPlacement, ...fallbackPlacements];
  1899.           const overflow = await detectOverflow(state, detectOverflowOptions);
  1900.           const overflows = [];
  1901.           let overflowsData = ((_middlewareData$flip = middlewareData.flip) == null ? void 0 : _middlewareData$flip.overflows) || [];
  1902.           if (checkMainAxis) {
  1903.             overflows.push(overflow[side]);
  1904.           }
  1905.           if (checkCrossAxis) {
  1906.             const {
  1907.               main,
  1908.               cross
  1909.             } = getAlignmentSides(placement, rects, rtl);
  1910.             overflows.push(overflow[main], overflow[cross]);
  1911.           }
  1912.           overflowsData = [...overflowsData, {
  1913.             placement,
  1914.             overflows
  1915.           }];
  1916.           if (!overflows.every((side2) => side2 <= 0)) {
  1917.             var _middlewareData$flip2, _overflowsData$filter;
  1918.             const nextIndex = (((_middlewareData$flip2 = middlewareData.flip) == null ? void 0 : _middlewareData$flip2.index) || 0) + 1;
  1919.             const nextPlacement = placements[nextIndex];
  1920.             if (nextPlacement) {
  1921.               return {
  1922.                 data: {
  1923.                   index: nextIndex,
  1924.                   overflows: overflowsData
  1925.                 },
  1926.                 reset: {
  1927.                   placement: nextPlacement
  1928.                 }
  1929.               };
  1930.             }
  1931.             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;
  1932.             if (!resetPlacement) {
  1933.               switch (fallbackStrategy) {
  1934.                 case "bestFit": {
  1935.                   var _overflowsData$map$so;
  1936.                   const placement2 = (_overflowsData$map$so = overflowsData.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$map$so[0];
  1937.                   if (placement2) {
  1938.                     resetPlacement = placement2;
  1939.                   }
  1940.                   break;
  1941.                 }
  1942.                 case "initialPlacement":
  1943.                   resetPlacement = initialPlacement;
  1944.                   break;
  1945.               }
  1946.             }
  1947.             if (placement !== resetPlacement) {
  1948.               return {
  1949.                 reset: {
  1950.                   placement: resetPlacement
  1951.                 }
  1952.               };
  1953.             }
  1954.           }
  1955.           return {};
  1956.         }
  1957.       };
  1958.     };
  1959.     offset = function(value) {
  1960.       if (value === void 0) {
  1961.         value = 0;
  1962.       }
  1963.       return {
  1964.         name: "offset",
  1965.         options: value,
  1966.         async fn(state) {
  1967.           const {
  1968.             x,
  1969.             y
  1970.           } = state;
  1971.           const diffCoords = await convertValueToCoords(state, value);
  1972.           return {
  1973.             x: x + diffCoords.x,
  1974.             y: y + diffCoords.y,
  1975.             data: diffCoords
  1976.           };
  1977.         }
  1978.       };
  1979.     };
  1980.     shift = function(options) {
  1981.       if (options === void 0) {
  1982.         options = {};
  1983.       }
  1984.       return {
  1985.         name: "shift",
  1986.         options,
  1987.         async fn(state) {
  1988.           const {
  1989.             x,
  1990.             y,
  1991.             placement
  1992.           } = state;
  1993.           const {
  1994.             mainAxis: checkMainAxis = true,
  1995.             crossAxis: checkCrossAxis = false,
  1996.             limiter = {
  1997.               fn: (_ref) => {
  1998.                 let {
  1999.                   x: x2,
  2000.                   y: y2
  2001.                 } = _ref;
  2002.                 return {
  2003.                   x: x2,
  2004.                   y: y2
  2005.                 };
  2006.               }
  2007.             },
  2008.             ...detectOverflowOptions
  2009.           } = options;
  2010.           const coords = {
  2011.             x,
  2012.             y
  2013.           };
  2014.           const overflow = await detectOverflow(state, detectOverflowOptions);
  2015.           const mainAxis = getMainAxisFromPlacement(getSide(placement));
  2016.           const crossAxis = getCrossAxis(mainAxis);
  2017.           let mainAxisCoord = coords[mainAxis];
  2018.           let crossAxisCoord = coords[crossAxis];
  2019.           if (checkMainAxis) {
  2020.             const minSide = mainAxis === "y" ? "top" : "left";
  2021.             const maxSide = mainAxis === "y" ? "bottom" : "right";
  2022.             const min3 = mainAxisCoord + overflow[minSide];
  2023.             const max3 = mainAxisCoord - overflow[maxSide];
  2024.             mainAxisCoord = within(min3, mainAxisCoord, max3);
  2025.           }
  2026.           if (checkCrossAxis) {
  2027.             const minSide = crossAxis === "y" ? "top" : "left";
  2028.             const maxSide = crossAxis === "y" ? "bottom" : "right";
  2029.             const min3 = crossAxisCoord + overflow[minSide];
  2030.             const max3 = crossAxisCoord - overflow[maxSide];
  2031.             crossAxisCoord = within(min3, crossAxisCoord, max3);
  2032.           }
  2033.           const limitedCoords = limiter.fn({
  2034.             ...state,
  2035.             [mainAxis]: mainAxisCoord,
  2036.             [crossAxis]: crossAxisCoord
  2037.           });
  2038.           return {
  2039.             ...limitedCoords,
  2040.             data: {
  2041.               x: limitedCoords.x - x,
  2042.               y: limitedCoords.y - y
  2043.             }
  2044.           };
  2045.         }
  2046.       };
  2047.     };
  2048.   }
  2049. });
  2050.  
  2051. // node_modules/.pnpm/@floating-ui+dom@1.2.1/node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs
  2052. function getWindow(node) {
  2053.   var _node$ownerDocument;
  2054.   return ((_node$ownerDocument = node.ownerDocument) == null ? void 0 : _node$ownerDocument.defaultView) || window;
  2055. }
  2056. function getComputedStyle$1(element) {
  2057.   return getWindow(element).getComputedStyle(element);
  2058. }
  2059. function getCssDimensions(element) {
  2060.   const css = getComputedStyle$1(element);
  2061.   let width = parseFloat(css.width);
  2062.   let height = parseFloat(css.height);
  2063.   const offsetWidth = element.offsetWidth;
  2064.   const offsetHeight = element.offsetHeight;
  2065.   const shouldFallback = round(width) !== offsetWidth || round(height) !== offsetHeight;
  2066.   if (shouldFallback) {
  2067.     width = offsetWidth;
  2068.     height = offsetHeight;
  2069.   }
  2070.   return {
  2071.     width,
  2072.     height,
  2073.     fallback: shouldFallback
  2074.   };
  2075. }
  2076. function getNodeName(node) {
  2077.   return isNode(node) ? (node.nodeName || "").toLowerCase() : "";
  2078. }
  2079. function getUAString() {
  2080.   if (uaString) {
  2081.     return uaString;
  2082.   }
  2083.   const uaData = navigator.userAgentData;
  2084.   if (uaData && Array.isArray(uaData.brands)) {
  2085.     uaString = uaData.brands.map((item) => item.brand + "/" + item.version).join(" ");
  2086.     return uaString;
  2087.   }
  2088.   return navigator.userAgent;
  2089. }
  2090. function isHTMLElement(value) {
  2091.   return value instanceof getWindow(value).HTMLElement;
  2092. }
  2093. function isElement(value) {
  2094.   return value instanceof getWindow(value).Element;
  2095. }
  2096. function isNode(value) {
  2097.   return value instanceof getWindow(value).Node;
  2098. }
  2099. function isShadowRoot(node) {
  2100.   if (typeof ShadowRoot === "undefined") {
  2101.     return false;
  2102.   }
  2103.   const OwnElement = getWindow(node).ShadowRoot;
  2104.   return node instanceof OwnElement || node instanceof ShadowRoot;
  2105. }
  2106. function isOverflowElement(element) {
  2107.   const {
  2108.     overflow,
  2109.     overflowX,
  2110.     overflowY,
  2111.     display
  2112.   } = getComputedStyle$1(element);
  2113.   return /auto|scroll|overlay|hidden|clip/.test(overflow + overflowY + overflowX) && !["inline", "contents"].includes(display);
  2114. }
  2115. function isTableElement(element) {
  2116.   return ["table", "td", "th"].includes(getNodeName(element));
  2117. }
  2118. function isContainingBlock(element) {
  2119.   const isFirefox2 = /firefox/i.test(getUAString());
  2120.   const css = getComputedStyle$1(element);
  2121.   const backdropFilter = css.backdropFilter || css.WebkitBackdropFilter;
  2122.   return css.transform !== "none" || css.perspective !== "none" || (backdropFilter ? backdropFilter !== "none" : false) || isFirefox2 && css.willChange === "filter" || isFirefox2 && (css.filter ? css.filter !== "none" : false) || ["transform", "perspective"].some((value) => css.willChange.includes(value)) || ["paint", "layout", "strict", "content"].some((value) => {
  2123.     const contain = css.contain;
  2124.     return contain != null ? contain.includes(value) : false;
  2125.   });
  2126. }
  2127. function isClientRectVisualViewportBased() {
  2128.   return /^((?!chrome|android).)*safari/i.test(getUAString());
  2129. }
  2130. function isLastTraversableNode(node) {
  2131.   return ["html", "body", "#document"].includes(getNodeName(node));
  2132. }
  2133. function unwrapElement(element) {
  2134.   return !isElement(element) ? element.contextElement : element;
  2135. }
  2136. function getScale(element) {
  2137.   const domElement = unwrapElement(element);
  2138.   if (!isHTMLElement(domElement)) {
  2139.     return FALLBACK_SCALE;
  2140.   }
  2141.   const rect = domElement.getBoundingClientRect();
  2142.   const {
  2143.     width,
  2144.     height,
  2145.     fallback
  2146.   } = getCssDimensions(domElement);
  2147.   let x = (fallback ? round(rect.width) : rect.width) / width;
  2148.   let y = (fallback ? round(rect.height) : rect.height) / height;
  2149.   if (!x || !Number.isFinite(x)) {
  2150.     x = 1;
  2151.   }
  2152.   if (!y || !Number.isFinite(y)) {
  2153.     y = 1;
  2154.   }
  2155.   return {
  2156.     x,
  2157.     y
  2158.   };
  2159. }
  2160. function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetParent) {
  2161.   var _win$visualViewport, _win$visualViewport2;
  2162.   if (includeScale === void 0) {
  2163.     includeScale = false;
  2164.   }
  2165.   if (isFixedStrategy === void 0) {
  2166.     isFixedStrategy = false;
  2167.   }
  2168.   const clientRect = element.getBoundingClientRect();
  2169.   const domElement = unwrapElement(element);
  2170.   let scale = FALLBACK_SCALE;
  2171.   if (includeScale) {
  2172.     if (offsetParent) {
  2173.       if (isElement(offsetParent)) {
  2174.         scale = getScale(offsetParent);
  2175.       }
  2176.     } else {
  2177.       scale = getScale(element);
  2178.     }
  2179.   }
  2180.   const win = domElement ? getWindow(domElement) : window;
  2181.   const addVisualOffsets = isClientRectVisualViewportBased() && isFixedStrategy;
  2182.   let x = (clientRect.left + (addVisualOffsets ? ((_win$visualViewport = win.visualViewport) == null ? void 0 : _win$visualViewport.offsetLeft) || 0 : 0)) / scale.x;
  2183.   let y = (clientRect.top + (addVisualOffsets ? ((_win$visualViewport2 = win.visualViewport) == null ? void 0 : _win$visualViewport2.offsetTop) || 0 : 0)) / scale.y;
  2184.   let width = clientRect.width / scale.x;
  2185.   let height = clientRect.height / scale.y;
  2186.   if (domElement) {
  2187.     const win2 = getWindow(domElement);
  2188.     const offsetWin = offsetParent && isElement(offsetParent) ? getWindow(offsetParent) : offsetParent;
  2189.     let currentIFrame = win2.frameElement;
  2190.     while (currentIFrame && offsetParent && offsetWin !== win2) {
  2191.       const iframeScale = getScale(currentIFrame);
  2192.       const iframeRect = currentIFrame.getBoundingClientRect();
  2193.       const css = getComputedStyle(currentIFrame);
  2194.       iframeRect.x += (currentIFrame.clientLeft + parseFloat(css.paddingLeft)) * iframeScale.x;
  2195.       iframeRect.y += (currentIFrame.clientTop + parseFloat(css.paddingTop)) * iframeScale.y;
  2196.       x *= iframeScale.x;
  2197.       y *= iframeScale.y;
  2198.       width *= iframeScale.x;
  2199.       height *= iframeScale.y;
  2200.       x += iframeRect.x;
  2201.       y += iframeRect.y;
  2202.       currentIFrame = getWindow(currentIFrame).frameElement;
  2203.     }
  2204.   }
  2205.   return {
  2206.     width,
  2207.     height,
  2208.     top: y,
  2209.     right: x + width,
  2210.     bottom: y + height,
  2211.     left: x,
  2212.     x,
  2213.     y
  2214.   };
  2215. }
  2216. function getDocumentElement(node) {
  2217.   return ((isNode(node) ? node.ownerDocument : node.document) || window.document).documentElement;
  2218. }
  2219. function getNodeScroll(element) {
  2220.   if (isElement(element)) {
  2221.     return {
  2222.       scrollLeft: element.scrollLeft,
  2223.       scrollTop: element.scrollTop
  2224.     };
  2225.   }
  2226.   return {
  2227.     scrollLeft: element.pageXOffset,
  2228.     scrollTop: element.pageYOffset
  2229.   };
  2230. }
  2231. function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
  2232.   let {
  2233.     rect,
  2234.     offsetParent,
  2235.     strategy
  2236.   } = _ref;
  2237.   const isOffsetParentAnElement = isHTMLElement(offsetParent);
  2238.   const documentElement = getDocumentElement(offsetParent);
  2239.   if (offsetParent === documentElement) {
  2240.     return rect;
  2241.   }
  2242.   let scroll = {
  2243.     scrollLeft: 0,
  2244.     scrollTop: 0
  2245.   };
  2246.   let scale = {
  2247.     x: 1,
  2248.     y: 1
  2249.   };
  2250.   const offsets = {
  2251.     x: 0,
  2252.     y: 0
  2253.   };
  2254.   if (isOffsetParentAnElement || !isOffsetParentAnElement && strategy !== "fixed") {
  2255.     if (getNodeName(offsetParent) !== "body" || isOverflowElement(documentElement)) {
  2256.       scroll = getNodeScroll(offsetParent);
  2257.     }
  2258.     if (isHTMLElement(offsetParent)) {
  2259.       const offsetRect = getBoundingClientRect(offsetParent);
  2260.       scale = getScale(offsetParent);
  2261.       offsets.x = offsetRect.x + offsetParent.clientLeft;
  2262.       offsets.y = offsetRect.y + offsetParent.clientTop;
  2263.     }
  2264.   }
  2265.   return {
  2266.     width: rect.width * scale.x,
  2267.     height: rect.height * scale.y,
  2268.     x: rect.x * scale.x - scroll.scrollLeft * scale.x + offsets.x,
  2269.     y: rect.y * scale.y - scroll.scrollTop * scale.y + offsets.y
  2270.   };
  2271. }
  2272. function getWindowScrollBarX(element) {
  2273.   return getBoundingClientRect(getDocumentElement(element)).left + getNodeScroll(element).scrollLeft;
  2274. }
  2275. function getDocumentRect(element) {
  2276.   const html = getDocumentElement(element);
  2277.   const scroll = getNodeScroll(element);
  2278.   const body = element.ownerDocument.body;
  2279.   const width = max2(html.scrollWidth, html.clientWidth, body.scrollWidth, body.clientWidth);
  2280.   const height = max2(html.scrollHeight, html.clientHeight, body.scrollHeight, body.clientHeight);
  2281.   let x = -scroll.scrollLeft + getWindowScrollBarX(element);
  2282.   const y = -scroll.scrollTop;
  2283.   if (getComputedStyle$1(body).direction === "rtl") {
  2284.     x += max2(html.clientWidth, body.clientWidth) - width;
  2285.   }
  2286.   return {
  2287.     width,
  2288.     height,
  2289.     x,
  2290.     y
  2291.   };
  2292. }
  2293. function getParentNode(node) {
  2294.   if (getNodeName(node) === "html") {
  2295.     return node;
  2296.   }
  2297.   const result = (
  2298.     // Step into the shadow DOM of the parent of a slotted node.
  2299.     node.assignedSlot || // DOM Element detected.
  2300.     node.parentNode || // ShadowRoot detected.
  2301.     isShadowRoot(node) && node.host || // Fallback.
  2302.     getDocumentElement(node)
  2303.   );
  2304.   return isShadowRoot(result) ? result.host : result;
  2305. }
  2306. function getNearestOverflowAncestor(node) {
  2307.   const parentNode = getParentNode(node);
  2308.   if (isLastTraversableNode(parentNode)) {
  2309.     return parentNode.ownerDocument.body;
  2310.   }
  2311.   if (isHTMLElement(parentNode) && isOverflowElement(parentNode)) {
  2312.     return parentNode;
  2313.   }
  2314.   return getNearestOverflowAncestor(parentNode);
  2315. }
  2316. function getOverflowAncestors(node, list) {
  2317.   var _node$ownerDocument;
  2318.   if (list === void 0) {
  2319.     list = [];
  2320.   }
  2321.   const scrollableAncestor = getNearestOverflowAncestor(node);
  2322.   const isBody = scrollableAncestor === ((_node$ownerDocument = node.ownerDocument) == null ? void 0 : _node$ownerDocument.body);
  2323.   const win = getWindow(scrollableAncestor);
  2324.   if (isBody) {
  2325.     return list.concat(win, win.visualViewport || [], isOverflowElement(scrollableAncestor) ? scrollableAncestor : []);
  2326.   }
  2327.   return list.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor));
  2328. }
  2329. function getViewportRect(element, strategy) {
  2330.   const win = getWindow(element);
  2331.   const html = getDocumentElement(element);
  2332.   const visualViewport = win.visualViewport;
  2333.   let width = html.clientWidth;
  2334.   let height = html.clientHeight;
  2335.   let x = 0;
  2336.   let y = 0;
  2337.   if (visualViewport) {
  2338.     width = visualViewport.width;
  2339.     height = visualViewport.height;
  2340.     const visualViewportBased = isClientRectVisualViewportBased();
  2341.     if (!visualViewportBased || visualViewportBased && strategy === "fixed") {
  2342.       x = visualViewport.offsetLeft;
  2343.       y = visualViewport.offsetTop;
  2344.     }
  2345.   }
  2346.   return {
  2347.     width,
  2348.     height,
  2349.     x,
  2350.     y
  2351.   };
  2352. }
  2353. function getInnerBoundingClientRect(element, strategy) {
  2354.   const clientRect = getBoundingClientRect(element, true, strategy === "fixed");
  2355.   const top = clientRect.top + element.clientTop;
  2356.   const left = clientRect.left + element.clientLeft;
  2357.   const scale = isHTMLElement(element) ? getScale(element) : {
  2358.     x: 1,
  2359.     y: 1
  2360.   };
  2361.   const width = element.clientWidth * scale.x;
  2362.   const height = element.clientHeight * scale.y;
  2363.   const x = left * scale.x;
  2364.   const y = top * scale.y;
  2365.   return {
  2366.     width,
  2367.     height,
  2368.     x,
  2369.     y
  2370.   };
  2371. }
  2372. function getClientRectFromClippingAncestor(element, clippingAncestor, strategy) {
  2373.   let rect;
  2374.   if (clippingAncestor === "viewport") {
  2375.     rect = getViewportRect(element, strategy);
  2376.   } else if (clippingAncestor === "document") {
  2377.     rect = getDocumentRect(getDocumentElement(element));
  2378.   } else if (isElement(clippingAncestor)) {
  2379.     rect = getInnerBoundingClientRect(clippingAncestor, strategy);
  2380.   } else {
  2381.     const mutableRect = {
  2382.       ...clippingAncestor
  2383.     };
  2384.     if (isClientRectVisualViewportBased()) {
  2385.       var _win$visualViewport, _win$visualViewport2;
  2386.       const win = getWindow(element);
  2387.       mutableRect.x -= ((_win$visualViewport = win.visualViewport) == null ? void 0 : _win$visualViewport.offsetLeft) || 0;
  2388.       mutableRect.y -= ((_win$visualViewport2 = win.visualViewport) == null ? void 0 : _win$visualViewport2.offsetTop) || 0;
  2389.     }
  2390.     rect = mutableRect;
  2391.   }
  2392.   return rectToClientRect(rect);
  2393. }
  2394. function getClippingElementAncestors(element, cache) {
  2395.   const cachedResult = cache.get(element);
  2396.   if (cachedResult) {
  2397.     return cachedResult;
  2398.   }
  2399.   let result = getOverflowAncestors(element).filter((el) => isElement(el) && getNodeName(el) !== "body");
  2400.   let currentContainingBlockComputedStyle = null;
  2401.   const elementIsFixed = getComputedStyle$1(element).position === "fixed";
  2402.   let currentNode = elementIsFixed ? getParentNode(element) : element;
  2403.   while (isElement(currentNode) && !isLastTraversableNode(currentNode)) {
  2404.     const computedStyle = getComputedStyle$1(currentNode);
  2405.     const containingBlock = isContainingBlock(currentNode);
  2406.     const shouldIgnoreCurrentNode = computedStyle.position === "fixed";
  2407.     if (shouldIgnoreCurrentNode) {
  2408.       currentContainingBlockComputedStyle = null;
  2409.     } else {
  2410.       const shouldDropCurrentNode = elementIsFixed ? !containingBlock && !currentContainingBlockComputedStyle : !containingBlock && computedStyle.position === "static" && !!currentContainingBlockComputedStyle && ["absolute", "fixed"].includes(currentContainingBlockComputedStyle.position);
  2411.       if (shouldDropCurrentNode) {
  2412.         result = result.filter((ancestor) => ancestor !== currentNode);
  2413.       } else {
  2414.         currentContainingBlockComputedStyle = computedStyle;
  2415.       }
  2416.     }
  2417.     currentNode = getParentNode(currentNode);
  2418.   }
  2419.   cache.set(element, result);
  2420.   return result;
  2421. }
  2422. function getClippingRect(_ref) {
  2423.   let {
  2424.     element,
  2425.     boundary,
  2426.     rootBoundary,
  2427.     strategy
  2428.   } = _ref;
  2429.   const elementClippingAncestors = boundary === "clippingAncestors" ? getClippingElementAncestors(element, this._c) : [].concat(boundary);
  2430.   const clippingAncestors = [...elementClippingAncestors, rootBoundary];
  2431.   const firstClippingAncestor = clippingAncestors[0];
  2432.   const clippingRect = clippingAncestors.reduce((accRect, clippingAncestor) => {
  2433.     const rect = getClientRectFromClippingAncestor(element, clippingAncestor, strategy);
  2434.     accRect.top = max2(rect.top, accRect.top);
  2435.     accRect.right = min2(rect.right, accRect.right);
  2436.     accRect.bottom = min2(rect.bottom, accRect.bottom);
  2437.     accRect.left = max2(rect.left, accRect.left);
  2438.     return accRect;
  2439.   }, getClientRectFromClippingAncestor(element, firstClippingAncestor, strategy));
  2440.   return {
  2441.     width: clippingRect.right - clippingRect.left,
  2442.     height: clippingRect.bottom - clippingRect.top,
  2443.     x: clippingRect.left,
  2444.     y: clippingRect.top
  2445.   };
  2446. }
  2447. function getDimensions(element) {
  2448.   if (isHTMLElement(element)) {
  2449.     return getCssDimensions(element);
  2450.   }
  2451.   return element.getBoundingClientRect();
  2452. }
  2453. function getTrueOffsetParent(element, polyfill) {
  2454.   if (!isHTMLElement(element) || getComputedStyle$1(element).position === "fixed") {
  2455.     return null;
  2456.   }
  2457.   if (polyfill) {
  2458.     return polyfill(element);
  2459.   }
  2460.   return element.offsetParent;
  2461. }
  2462. function getContainingBlock(element) {
  2463.   let currentNode = getParentNode(element);
  2464.   while (isHTMLElement(currentNode) && !isLastTraversableNode(currentNode)) {
  2465.     if (isContainingBlock(currentNode)) {
  2466.       return currentNode;
  2467.     } else {
  2468.       currentNode = getParentNode(currentNode);
  2469.     }
  2470.   }
  2471.   return null;
  2472. }
  2473. function getOffsetParent(element, polyfill) {
  2474.   const window2 = getWindow(element);
  2475.   let offsetParent = getTrueOffsetParent(element, polyfill);
  2476.   while (offsetParent && isTableElement(offsetParent) && getComputedStyle$1(offsetParent).position === "static") {
  2477.     offsetParent = getTrueOffsetParent(offsetParent, polyfill);
  2478.   }
  2479.   if (offsetParent && (getNodeName(offsetParent) === "html" || getNodeName(offsetParent) === "body" && getComputedStyle$1(offsetParent).position === "static" && !isContainingBlock(offsetParent))) {
  2480.     return window2;
  2481.   }
  2482.   return offsetParent || getContainingBlock(element) || window2;
  2483. }
  2484. function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
  2485.   const isOffsetParentAnElement = isHTMLElement(offsetParent);
  2486.   const documentElement = getDocumentElement(offsetParent);
  2487.   const rect = getBoundingClientRect(element, true, strategy === "fixed", offsetParent);
  2488.   let scroll = {
  2489.     scrollLeft: 0,
  2490.     scrollTop: 0
  2491.   };
  2492.   const offsets = {
  2493.     x: 0,
  2494.     y: 0
  2495.   };
  2496.   if (isOffsetParentAnElement || !isOffsetParentAnElement && strategy !== "fixed") {
  2497.     if (getNodeName(offsetParent) !== "body" || isOverflowElement(documentElement)) {
  2498.       scroll = getNodeScroll(offsetParent);
  2499.     }
  2500.     if (isHTMLElement(offsetParent)) {
  2501.       const offsetRect = getBoundingClientRect(offsetParent, true);
  2502.       offsets.x = offsetRect.x + offsetParent.clientLeft;
  2503.       offsets.y = offsetRect.y + offsetParent.clientTop;
  2504.     } else if (documentElement) {
  2505.       offsets.x = getWindowScrollBarX(documentElement);
  2506.     }
  2507.   }
  2508.   return {
  2509.     x: rect.left + scroll.scrollLeft - offsets.x,
  2510.     y: rect.top + scroll.scrollTop - offsets.y,
  2511.     width: rect.width,
  2512.     height: rect.height
  2513.   };
  2514. }
  2515. var min2, max2, round, uaString, FALLBACK_SCALE, platform, computePosition2;
  2516. var init_floating_ui_dom = __esm({
  2517.   "node_modules/.pnpm/@floating-ui+dom@1.2.1/node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs"() {
  2518.     init_floating_ui_core();
  2519.     init_floating_ui_core();
  2520.     min2 = Math.min;
  2521.     max2 = Math.max;
  2522.     round = Math.round;
  2523.     FALLBACK_SCALE = {
  2524.       x: 1,
  2525.       y: 1
  2526.     };
  2527.     platform = {
  2528.       getClippingRect,
  2529.       convertOffsetParentRelativeRectToViewportRelativeRect,
  2530.       isElement,
  2531.       getDimensions,
  2532.       getOffsetParent,
  2533.       getDocumentElement,
  2534.       getScale,
  2535.       async getElementRects(_ref) {
  2536.         let {
  2537.           reference,
  2538.           floating,
  2539.           strategy
  2540.         } = _ref;
  2541.         const getOffsetParentFn = this.getOffsetParent || getOffsetParent;
  2542.         const getDimensionsFn = this.getDimensions;
  2543.         return {
  2544.           reference: getRectRelativeToOffsetParent(reference, await getOffsetParentFn(floating), strategy),
  2545.           floating: {
  2546.             x: 0,
  2547.             y: 0,
  2548.             ...await getDimensionsFn(floating)
  2549.           }
  2550.         };
  2551.       },
  2552.       getClientRects: (element) => Array.from(element.getClientRects()),
  2553.       isRTL: (element) => getComputedStyle$1(element).direction === "rtl"
  2554.     };
  2555.     computePosition2 = (reference, floating, options) => {
  2556.       const cache = /* @__PURE__ */ new Map();
  2557.       const mergedOptions = {
  2558.         platform,
  2559.         ...options
  2560.       };
  2561.       const platformWithCache = {
  2562.         ...mergedOptions.platform,
  2563.         _c: cache
  2564.       };
  2565.       return computePosition(reference, floating, {
  2566.         ...mergedOptions,
  2567.         platform: platformWithCache
  2568.       });
  2569.     };
  2570.   }
  2571. });
  2572.  
  2573. // src/components/popup.ts
  2574. function createPopup(props) {
  2575.   const {
  2576.     root,
  2577.     trigger,
  2578.     triggerType = "click",
  2579.     content,
  2580.     options,
  2581.     onOpen,
  2582.     onClose,
  2583.     placement = "bottom-start",
  2584.     offsetOptions = { mainAxis: 5, crossAxis: 5 }
  2585.   } = props;
  2586.   const $popupContent = $('<div class="v2p-popup-content">');
  2587.   const $popup = $('<div class="v2p-popup" tabindex="0">').css("visibility", "hidden").append($popupContent);
  2588.   root.append($popup);
  2589.   if (content) {
  2590.     $popup.append(content);
  2591.   }
  2592.   const popup = $popup.get(0);
  2593.   const handleClickOutside = (ev) => {
  2594.     if ($(ev.target).closest(popup).length === 0) {
  2595.       handlePopupClose();
  2596.     }
  2597.   };
  2598.   const handlePopupClose = () => {
  2599.     $popup.css("visibility", "hidden");
  2600.     $(document).off("click", handleClickOutside);
  2601.     onClose?.();
  2602.     popupControl.onClose?.();
  2603.   };
  2604.   const handlePopupOpen = ($reference) => {
  2605.     if (!$reference) {
  2606.       return;
  2607.     }
  2608.     setTimeout(() => {
  2609.       $(document).on("click", handleClickOutside);
  2610.     });
  2611.     const referenceElement = $reference.get(0);
  2612.     computePosition2(referenceElement, popup, {
  2613.       placement,
  2614.       middleware: [offset(offsetOptions), flip(), shift({ padding: 8 })],
  2615.       ...options
  2616.     }).then(({ x, y }) => {
  2617.       Object.assign(popup.style, {
  2618.         left: `${x}px`,
  2619.         top: `${y}px`
  2620.       });
  2621.       $popup.css("visibility", "visible");
  2622.     }).catch(() => {
  2623.       handlePopupClose();
  2624.       createToast({ message: "\u274C Popup \u6E32\u67D3\u5931\u8D25" });
  2625.     });
  2626.     onOpen?.();
  2627.   };
  2628.   const popupControl = {
  2629.     $content: $popupContent,
  2630.     isOver: false,
  2631.     open: (reference) => {
  2632.       handlePopupOpen(reference);
  2633.     },
  2634.     close: handlePopupClose
  2635.   };
  2636.   if (triggerType === "hover") {
  2637.     $popup.on("mouseover", () => {
  2638.       if (!popupControl.isOver) {
  2639.         popupControl.isOver = true;
  2640.         $popup.off("mouseleave").on("mouseleave", () => {
  2641.           popupControl.isOver = false;
  2642.           setTimeout(() => {
  2643.             if (!popupControl.isOver) {
  2644.               popupControl.close();
  2645.             }
  2646.           }, hoverDelay);
  2647.         });
  2648.       }
  2649.     });
  2650.   }
  2651.   trigger?.on("click", () => {
  2652.     if (popup.style.visibility !== "hidden") {
  2653.       handlePopupClose();
  2654.     } else {
  2655.       handlePopupOpen(trigger);
  2656.     }
  2657.   });
  2658.   return popupControl;
  2659. }
  2660. var hoverDelay;
  2661. var init_popup = __esm({
  2662.   "src/components/popup.ts"() {
  2663.     "use strict";
  2664.     init_floating_ui_dom();
  2665.     init_toast();
  2666.     hoverDelay = 350;
  2667.   }
  2668. });
  2669.  
  2670. // src/contents/topic/avatar.ts
  2671. function processAvatar(params) {
  2672.   const { $cellDom, popupControl, commentData, onSetTagsClick: onSetTags } = params;
  2673.   const { memberName, memberAvatar, memberLink } = commentData;
  2674.   let abortController = null;
  2675.   const $avatar = $cellDom.find(".avatar");
  2676.   const handleOver = () => {
  2677.     popupControl.close();
  2678.     popupControl.open($avatar);
  2679.     const $content = $(`
  2680.       <div class="v2p-member-card">
  2681.         <div class="v2p-info">
  2682.           <div class="v2p-info-left">
  2683.             <a class="v2p-avatar-box" href="${memberLink}">
  2684.               <img class="v2p-avatar" src="${memberAvatar}">
  2685.             </a>
  2686.           </div>
  2687.  
  2688.           <div class="v2p-info-right">
  2689.             <div class="v2p-username">
  2690.               <a href="${memberLink}">${memberName}</a>
  2691.             </div>
  2692.             <div class="v2p-no v2p-loading"></div>
  2693.             <div class="v2p-created-date v2p-loading"></div>
  2694.           </div>
  2695.  
  2696.           </div>
  2697.  
  2698.           <div class="v2p-bio" style="disply:none;"></div>
  2699.  
  2700.           <div class="v2p-member-card-actions"></div>
  2701.       </div>
  2702.     `);
  2703.     popupControl.$content.empty().append($content);
  2704.     createButton({ children: "\u6DFB\u52A0\u7528\u6237\u6807\u7B7E" }).on("click", () => {
  2705.       popupControl.close();
  2706.       onSetTags?.();
  2707.     }).appendTo($(".v2p-member-card-actions"));
  2708.     void (async () => {
  2709.       if (!memberDataCache.has(memberName)) {
  2710.         abortController = new AbortController();
  2711.         popupControl.onClose = () => {
  2712.           abortController?.abort();
  2713.         };
  2714.         try {
  2715.           const memberData = await fetchUserInfo(memberName, {
  2716.             signal: abortController.signal
  2717.           });
  2718.           memberDataCache.set(memberName, memberData);
  2719.         } catch (err) {
  2720.           if (err && typeof err === "object" && "name" in err && err.name !== "AbortError") {
  2721.             $content.html(`<span>\u83B7\u53D6\u7528\u6237\u4FE1\u606F\u5931\u8D25</span>`);
  2722.           }
  2723.           return null;
  2724.         }
  2725.       }
  2726.       const data = memberDataCache.get(memberName);
  2727.       if (data) {
  2728.         $content.find(".v2p-no").removeClass("v2p-loading").text(`V2EX \u7B2C ${data.id} \u53F7\u4F1A\u5458`);
  2729.         $content.find(".v2p-created-date").removeClass("v2p-loading").text(`\u52A0\u5165\u4E8E ${formatTimestamp(data.created)}`);
  2730.         if (data.bio && data.bio.trim().length > 0) {
  2731.           $content.find(".v2p-bio").css("disply", "block").text(data.bio);
  2732.         }
  2733.       }
  2734.     })();
  2735.   };
  2736.   let isOver = false;
  2737.   $avatar.on("mouseover", () => {
  2738.     isOver = true;
  2739.     setTimeout(() => {
  2740.       if (isOver) {
  2741.         handleOver();
  2742.       }
  2743.     }, hoverDelay);
  2744.   }).on("mouseleave", () => {
  2745.     isOver = false;
  2746.     setTimeout(() => {
  2747.       if (!popupControl.isOver && !isOver) {
  2748.         popupControl.close();
  2749.       }
  2750.     }, hoverDelay);
  2751.   }).wrap(`<a href="/member/${commentData.memberName}" style="cursor: pointer;">`);
  2752. }
  2753. var memberDataCache;
  2754. var init_avatar = __esm({
  2755.   "src/contents/topic/avatar.ts"() {
  2756.     "use strict";
  2757.     init_button();
  2758.     init_popup();
  2759.     init_services();
  2760.     init_utils();
  2761.     memberDataCache = /* @__PURE__ */ new Map();
  2762.   }
  2763. });
  2764.  
  2765. // src/contents/topic/content.ts
  2766. function handlingContent() {
  2767.   const storage = getStorageSync();
  2768.   const options = storage["options" /* Options */];
  2769.   if (options.openInNewTab) {
  2770.     $topicContentBox.find(".topic_content a[href]").prop("target", "_blank").prop("rel", "noopener noreferrer");
  2771.   }
  2772.   {
  2773.     const $topicContents = $topicContentBox.find(".subtle > .topic_content");
  2774.     const textLength = $topicContents.text().length;
  2775.     if (textLength >= 200) {
  2776.       $topicContents.each((_, topicContent) => {
  2777.         if (textLength >= 400) {
  2778.           topicContent.style.fontSize = "14px";
  2779.         }
  2780.         topicContent.style.fontSize = "14.5px";
  2781.       });
  2782.     }
  2783.   }
  2784.   {
  2785.     const topicBtn = $(".topic_buttons .tb").addClass("v2p-tb v2p-hover-btn");
  2786.     const $favoriteBtn = topicBtn.eq(0);
  2787.     $favoriteBtn.append(`<span class="v2p-tb-icon"><i data-lucide="star"></i></span>`);
  2788.     topicBtn.eq(1).append(`<span class="v2p-tb-icon"><i data-lucide="twitter"></i></span>`);
  2789.     topicBtn.eq(2).append(`<span class="v2p-tb-icon"><i data-lucide="eye-off"></i></span>`);
  2790.     topicBtn.eq(3).append(`<span class="v2p-tb-icon"><i data-lucide="heart"></i></span>`);
  2791.     loadIcons();
  2792.     const url = $favoriteBtn.attr("href");
  2793.     if (typeof url === "string") {
  2794.       let hasFavorited = !url.startsWith("/favorite");
  2795.       $favoriteBtn.attr("href", "javascript:").on("click", () => {
  2796.         void (async () => {
  2797.           createToast({ message: hasFavorited ? "\u6B63\u5728\u53D6\u6D88\u6536\u85CF..." : "\u6B63\u5728\u52A0\u5165\u6536\u85CF..." });
  2798.           $favoriteBtn.css("pointer-events", "none");
  2799.           try {
  2800.             const res = await fetch(hasFavorited ? url.replace("/favorite", "/unfavorite") : url);
  2801.             if (res.redirected) {
  2802.               const htmlText = await res.text();
  2803.               if (!hasFavorited && htmlText.includes("\u53D6\u6D88\u6536\u85CF")) {
  2804.                 $favoriteBtn.html($favoriteBtn.html().replace("\u52A0\u5165\u6536\u85CF", "\u53D6\u6D88\u6536\u85CF"));
  2805.                 hasFavorited = true;
  2806.               } else if (hasFavorited && htmlText.includes("\u52A0\u5165\u6536\u85CF")) {
  2807.                 $favoriteBtn.html($favoriteBtn.html().replace("\u53D6\u6D88\u6536\u85CF", "\u52A0\u5165\u6536\u85CF"));
  2808.                 hasFavorited = false;
  2809.               }
  2810.             }
  2811.           } catch {
  2812.             createToast({ message: "\u274C \u52A0\u5165\u6536\u85CF\u5931\u8D25" });
  2813.           } finally {
  2814.             $favoriteBtn.css("pointer-events", "auto");
  2815.           }
  2816.         })();
  2817.       });
  2818.     }
  2819.   }
  2820. }
  2821. function processReplyContent($cellDom, replyContentOptions) {
  2822.   if (!replyContentOptions.autoFold || $cellDom.find(".v2p-reply-content").length > 0) {
  2823.     return;
  2824.   }
  2825.   const $replyContent = $cellDom.find(".reply_content");
  2826.   const contentHeight = $replyContent.height() ?? 0;
  2827.   const shouldCollapsed = contentHeight + READABLE_CONTENT_HEIGHT >= MAX_CONTENT_HEIGHT;
  2828.   if (shouldCollapsed) {
  2829.     const collapsedCSS = {
  2830.       maxHeight: `${READABLE_CONTENT_HEIGHT}px`,
  2831.       overflow: "hidden",
  2832.       paddingBottom: "0"
  2833.     };
  2834.     const $contentBox = $('<div class="v2p-reply-content v2p-collapsed">').css(collapsedCSS);
  2835.     const $expandBtn = createButton({ children: "\u5C55\u5F00\u56DE\u590D", className: "v2p-expand-btn" });
  2836.     const toggleContent = () => {
  2837.       const collapsed = $contentBox.hasClass("v2p-collapsed");
  2838.       $contentBox.toggleClass("v2p-collapsed").css(
  2839.         collapsed ? { maxHeight: "none", overflow: "auto", paddingBottom: "40px" } : collapsedCSS
  2840.       );
  2841.       $expandBtn.html(collapsed ? "\u6536\u8D77\u56DE\u590D" : "\u5C55\u5F00\u56DE\u590D");
  2842.     };
  2843.     $expandBtn.on("click", () => {
  2844.       toggleContent();
  2845.     });
  2846.     $contentBox.append($replyContent.clone()).replaceAll($replyContent).append($expandBtn);
  2847.   }
  2848. }
  2849. function updateMemberTag(memberName, tags) {
  2850.   const $v2pTags = $(`.v2p-tags-${memberName}`);
  2851.   const tagsValue = tags?.map((it) => it.name).join("\uFF0C");
  2852.   if ($v2pTags.length > 0) {
  2853.     if (tagsValue) {
  2854.       $v2pTags.html(`<b>#</b>&nbsp;${tagsValue}`);
  2855.     } else {
  2856.       $v2pTags.remove();
  2857.     }
  2858.   } else {
  2859.     if (tagsValue) {
  2860.       $(`<div class="v2p-reply-tags v2p-tags-${memberName}"><b>#</b>&nbsp;${tagsValue}</div>`).on("click", () => {
  2861.         openTagsSetter(memberName);
  2862.       }).insertBefore(
  2863.         $commentCells.filter(`:has(> table strong > a[href="/member/${memberName}"])`).find("> table .reply_content")
  2864.       );
  2865.     }
  2866.   }
  2867. }
  2868. function openTagsSetter(memberName) {
  2869.   void (async () => {
  2870.     const storage = await getStorage(false);
  2871.     const latestTagsData = storage["member-tag" /* MemberTag */];
  2872.     const tagsValue = latestTagsData ? Reflect.has(latestTagsData, memberName) ? latestTagsData[memberName].tags?.map((it) => it.name).join("\uFF0C") : void 0 : void 0;
  2873.     const newTagsValue = window.prompt(
  2874.       `\u5BF9 @${memberName} \u8BBE\u7F6E\u6807\u7B7E\uFF0C\u591A\u4E2A\u6807\u7B7E\u4EE5\u9017\u53F7\uFF08\uFF0C\uFF09\u5206\u9694\u3002`,
  2875.       tagsValue
  2876.     );
  2877.     if (newTagsValue !== null) {
  2878.       const tags = newTagsValue.trim().length > 0 ? newTagsValue.split(/,|，/g).map((it) => ({ name: it })) : void 0;
  2879.       await setMemberTags(memberName, tags);
  2880.       updateMemberTag(memberName, tags);
  2881.     }
  2882.   })();
  2883. }
  2884. var init_content = __esm({
  2885.   "src/contents/topic/content.ts"() {
  2886.     "use strict";
  2887.     init_button();
  2888.     init_toast();
  2889.     init_constants();
  2890.     init_utils();
  2891.     init_globals();
  2892.     init_helpers();
  2893.   }
  2894. });
  2895.  
  2896. // src/contents/topic/comment.ts
  2897. function handlingPopularComments() {
  2898.   const popularCommentData = commentDataList.filter(({ likes }) => likes > 0).sort((a, b) => b.likes - a.likes);
  2899.   const popularCount = popularCommentData.length;
  2900.   const iconHeart = createElement$1(Heart);
  2901.   iconHeart.setAttribute("width", "100%");
  2902.   iconHeart.setAttribute("height", "100%");
  2903.   const $popularBtn = $(
  2904.     `<span class="v2p-tool v2p-hover-btn"><span class="v2p-tool-icon"></span>\u70ED\u95E8\u56DE\u590D</span>`
  2905.   );
  2906.   $popularBtn.find(".v2p-tool-icon").append(iconHeart);
  2907.   $(".v2p-tools").prepend($popularBtn);
  2908.   if (popularCount <= 0) {
  2909.     $popularBtn.addClass("v2p-hover-btn-disabled").contents().last().replaceWith("\u6682\u65E0\u70ED\u95E8");
  2910.     return;
  2911.   }
  2912.   const model = createModel({
  2913.     root: $commentBox,
  2914.     title: `\u672C\u9875\u5171\u6709 ${popularCommentData.length} \u6761\u70ED\u95E8\u56DE\u590D`,
  2915.     onMount: ({ $content }) => {
  2916.       const $template = $("<div>");
  2917.       popularCommentData.forEach(({ index, refMemberNames }) => {
  2918.         const $clonedCells = $commentCells.eq(index).clone();
  2919.         $clonedCells.find(".v2p-controls > a:has(.v2p-control-reply)").remove();
  2920.         $clonedCells.find(".no").css("pointer-events", "none");
  2921.         const firstRefMember = refMemberNames?.at(0);
  2922.         if (firstRefMember) {
  2923.           const replyMember = commentDataList.findLast(
  2924.             (it, idx) => idx < index && it.memberName === firstRefMember
  2925.           );
  2926.           if (replyMember) {
  2927.             const $refCell = $(`
  2928.               <div class="v2p-topic-reply-ref">
  2929.                 <div class="v2p-topic-reply">
  2930.                   <div class="v2p-topic-reply-member">
  2931.                     <a href="${replyMember.memberAvatar}">
  2932.                       <img class="v2p-topic-reply-avatar" src="${replyMember.memberAvatar}">
  2933.                       <span>${replyMember.memberName}</span>
  2934.                     </a>\uFF1A
  2935.                   </div>
  2936.                   <div class="v2p-topic-reply-content">${escapeHTML(replyMember.content)}</div>
  2937.                 </div>
  2938.               </div>
  2939.             `);
  2940.             $clonedCells.prepend($refCell);
  2941.           }
  2942.         }
  2943.         $template.append($clonedCells);
  2944.       });
  2945.       $content.css({ padding: "0 20px" }).append($template.html());
  2946.     },
  2947.     onOpen: ({ $container }) => {
  2948.       $container.find('.cell[id^="r_"]').each((_, cellDom) => {
  2949.         const storage = getStorageSync();
  2950.         const options = storage["options" /* Options */];
  2951.         processReplyContent($(cellDom), options.replyContent);
  2952.       });
  2953.     }
  2954.   });
  2955.   $popularBtn.on("click", () => {
  2956.     model.open();
  2957.   });
  2958.   {
  2959.     const commentBoxCount = $commentBox.find(".cell:first-of-type > span.gray");
  2960.     const countText = commentBoxCount.text();
  2961.     const newCountText = countText.substring(0, countText.indexOf("\u56DE\u590D") + 2);
  2962.     const countTextSpan = `<span class="count-text">${newCountText}</span><span class="v2p-dot">\xB7</span>${popularCount} \u6761\u70ED\u95E8\u56DE\u590D`;
  2963.     commentBoxCount.empty().append(countTextSpan);
  2964.   }
  2965. }
  2966. function handlingRecentComments() {
  2967.   if (commentDataList.length <= 5) {
  2968.     return;
  2969.   }
  2970.   const len = commentDataList.length;
  2971.   const displayNum = len <= 10 ? 5 : len <= 30 ? 10 : len <= 60 ? 20 : len <= 100 ? 40 : len <= 200 ? 60 : 90;
  2972.   const recentCommentData = commentDataList.slice(-1 * displayNum).reverse();
  2973.   const iconClock = createElement$1(Clock4);
  2974.   iconClock.setAttribute("width", "100%");
  2975.   iconClock.setAttribute("height", "100%");
  2976.   const $recentBtn = $(
  2977.     `<span class="v2p-tool v2p-hover-btn"><span class="v2p-tool-icon"></span>\u6700\u8FD1\u56DE\u590D</span>`
  2978.   );
  2979.   $recentBtn.find(".v2p-tool-icon").append(iconClock);
  2980.   $(".v2p-tools").prepend($recentBtn);
  2981.   const model = createModel({
  2982.     root: $commentBox,
  2983.     title: `\u6700\u8FD1 ${displayNum} \u6761\u56DE\u590D`,
  2984.     onMount: ({ $content }) => {
  2985.       const $template = $("<div>");
  2986.       recentCommentData.forEach(({ index, refMemberNames }) => {
  2987.         const $clonedCells = $commentCells.eq(index).clone();
  2988.         $clonedCells.find(".v2p-controls > a:has(.v2p-control-reply)").remove();
  2989.         $clonedCells.find(".no").css("pointer-events", "none");
  2990.         const firstRefMember = refMemberNames?.at(0);
  2991.         if (firstRefMember) {
  2992.           const replyMember = commentDataList.findLast(
  2993.             (it, idx) => idx < index && it.memberName === firstRefMember
  2994.           );
  2995.           if (replyMember) {
  2996.             const $refCell = $(`
  2997.               <div class="v2p-topic-reply-ref">
  2998.                 <div class="v2p-topic-reply">
  2999.                   <div class="v2p-topic-reply-member">
  3000.                     <a href="${replyMember.memberAvatar}">
  3001.                       <img class="v2p-topic-reply-avatar" src="${replyMember.memberAvatar}">
  3002.                       <span>${replyMember.memberName}</span>
  3003.                     </a>\uFF1A
  3004.                   </div>
  3005.                   <div class="v2p-topic-reply-content">${escapeHTML(replyMember.content)}</div>
  3006.                 </div>
  3007.               </div>
  3008.             `);
  3009.             $clonedCells.prepend($refCell);
  3010.           }
  3011.         }
  3012.         $template.append($clonedCells);
  3013.       });
  3014.       $content.css({ padding: "0 20px" }).append($template.html());
  3015.     },
  3016.     onOpen: ({ $container }) => {
  3017.       $container.find('.cell[id^="r_"]').each((_, cellDom) => {
  3018.         const storage = getStorageSync();
  3019.         const options = storage["options" /* Options */];
  3020.         processReplyContent($(cellDom), options.replyContent);
  3021.       });
  3022.     }
  3023.   });
  3024.   $recentBtn.on("click", () => {
  3025.     model.open();
  3026.   });
  3027. }
  3028. function processActions($cellDom, data) {
  3029.   const $actions = $cellDom.find("> table > tbody > tr > td:last-of-type > .fr");
  3030.   const $controls = $('<span class="v2p-controls">');
  3031.   const $thankIcon = $(
  3032.     `<span
  3033.       class="v2p-control v2p-control-thank"
  3034.       data-id="${data.id}"
  3035.       data-member-name="${data.memberName}"
  3036.      >
  3037.         <i data-lucide="heart"></i>
  3038.      </span>`
  3039.   );
  3040.   const thankArea = $actions.find("> .thank_area");
  3041.   const thanked = thankArea.hasClass("thanked");
  3042.   if (thanked) {
  3043.     $thankIcon.addClass("v2p-thanked");
  3044.     $controls.append($("<a>").append($thankIcon));
  3045.   } else {
  3046.     const thankEle = thankArea.find("> .thank");
  3047.     const $hide = thankEle.eq(0).removeClass("thank");
  3048.     const $thank = thankEle.eq(1).removeClass("thank");
  3049.     $hide.html(
  3050.       `<span class="v2p-control v2p-hover-btn v2p-control-hide"><i data-lucide="eye-off"></i></span>`
  3051.     );
  3052.     $thankIcon.addClass("v2p-hover-btn").replaceAll($thank);
  3053.     $controls.append($hide).append($thankIcon);
  3054.   }
  3055.   const $reply = $actions.find("a:last-of-type");
  3056.   $reply.find('> img[alt="Reply"]').replaceWith(
  3057.     `<span class="v2p-control v2p-hover-btn v2p-control-reply"><i data-lucide="message-square"></i></span>`
  3058.   );
  3059.   $controls.append($reply);
  3060.   thankArea.remove();
  3061.   const floorNum = $actions.find(".no").clone();
  3062.   $reply.on("click", () => {
  3063.     const replyVal = $replyTextArea.val();
  3064.     if (typeof replyVal === "string" && replyVal.length > 0) {
  3065.       const floor = floorNum.text();
  3066.       const replyComment = commentDataList.find((it) => it.floor === floor);
  3067.       if (replyComment) {
  3068.         const replyMemberName = replyComment.memberName;
  3069.         const moreThanOneReply = commentDataList.findIndex(
  3070.           (it) => it.memberName === replyMemberName && it.floor !== floor
  3071.         ) !== -1;
  3072.         if (moreThanOneReply) {
  3073.           insertTextToReplyInput(`#${floor} `);
  3074.         } else {
  3075.           const $page = $(".v2p-paging").eq(0).find(".page_normal, .page_current");
  3076.           if ($page.length > 1) {
  3077.             const onLastPage = $page.last().hasClass("page_current");
  3078.             if (!onLastPage) {
  3079.               insertTextToReplyInput(`#${floor} `);
  3080.             }
  3081.           }
  3082.         }
  3083.       }
  3084.     }
  3085.   });
  3086.   $actions.empty().append($controls, floorNum);
  3087. }
  3088. async function handlingComments() {
  3089.   const storage = getStorageSync();
  3090.   const tagData = storage["member-tag" /* MemberTag */];
  3091.   const options = storage["options" /* Options */];
  3092.   if (options.reply.preload !== "off") {
  3093.     const $paging = $(".v2p-paging");
  3094.     if ($paging.length > 0) {
  3095.       const $pagingTop = $paging.eq(0);
  3096.       const $pagingBottom = $paging.eq(1);
  3097.       const $pageNormal = $paging.find(".page_normal");
  3098.       const $pagingTopNormal = $pagingTop.find(".page_normal");
  3099.       const toastControl = createToast({ message: "\u6B63\u5728\u9884\u52A0\u8F7D\u56DE\u590D\uFF0C\u8BF7\u7A0D\u5019...", duration: 0 });
  3100.       try {
  3101.         const $pagingBottomNormal = $pagingBottom.find(".page_normal");
  3102.         const $pageCurrent = $pagingTop.find(".page_current");
  3103.         const currentPage = $pageCurrent.text();
  3104.         if (currentPage === "1") {
  3105.           const pages = [];
  3106.           $pagingTopNormal.each((i, ele) => {
  3107.             if (i <= 1) {
  3108.               if (ele.textContent) {
  3109.                 ele.classList.add("page_current");
  3110.                 ele.classList.remove("page_normal");
  3111.                 $pagingBottomNormal.eq(i).addClass("page_current").removeClass("page_normal");
  3112.                 pages.push(ele.textContent);
  3113.               }
  3114.             }
  3115.           });
  3116.           if (pages.length > 0) {
  3117.             const pagesText = await Promise.all(
  3118.               pages.map((p) => crawalTopicPage(window.location.pathname, p))
  3119.             );
  3120.             pagesText.map((pageText) => {
  3121.               $pagingBottom.before($(pageText).find('.cell[id^="r_"]'));
  3122.             });
  3123.           }
  3124.           updateCommentCells();
  3125.         }
  3126.         toastControl.clear();
  3127.       } catch {
  3128.         createToast({ message: "\u274C \u52A0\u8F7D\u591A\u9875\u56DE\u590D\u5931\u8D25" });
  3129.         $pageNormal.removeClass("page_current").addClass("page_normal");
  3130.       }
  3131.     }
  3132.   }
  3133.   commentDataList = $commentTableRows.map((idx, tr) => {
  3134.     const id = $commentCells[idx].id;
  3135.     const $tr = $(tr);
  3136.     const $td = $tr.find("> td:nth-child(3)");
  3137.     const thanked = $tr.find("> td:last-of-type > .fr").find("> .thank_area").hasClass("thanked");
  3138.     const $member = $td.find("> strong > a");
  3139.     const memberName = $member.text();
  3140.     const memberLink = $member.prop("href");
  3141.     const memberAvatar = $tr.find(".avatar").prop("src");
  3142.     const content = $td.find("> .reply_content").text();
  3143.     const likes = Number($td.find("span.small").text());
  3144.     const floor = $td.find("span.no").text();
  3145.     const memberNameMatches = Array.from(content.matchAll(/@([a-zA-Z0-9]+)/g));
  3146.     const refMemberNames = memberNameMatches.length > 0 ? memberNameMatches.map(([, name]) => {
  3147.       return name;
  3148.     }) : void 0;
  3149.     const floorNumberMatches = Array.from(content.matchAll(/#(\d+)/g));
  3150.     const refFloors = floorNumberMatches.length > 0 ? floorNumberMatches.map(([, floor2]) => {
  3151.       return floor2;
  3152.     }) : void 0;
  3153.     return {
  3154.       id,
  3155.       memberName,
  3156.       memberLink,
  3157.       memberAvatar,
  3158.       content,
  3159.       likes,
  3160.       floor,
  3161.       index: idx,
  3162.       refMemberNames,
  3163.       refFloors,
  3164.       thanked
  3165.     };
  3166.   }).get();
  3167.   {
  3168.     const popupControl = createPopup({
  3169.       root: $commentBox,
  3170.       triggerType: "hover",
  3171.       placement: "right-start",
  3172.       offsetOptions: { mainAxis: 8, crossAxis: -4 }
  3173.     });
  3174.     const membersHasSetTags = /* @__PURE__ */ new Set();
  3175.     $commentCells.each((i, cellDom) => {
  3176.       const currentComment = commentDataList.at(i);
  3177.       if (currentComment?.id !== cellDom.id) {
  3178.         return;
  3179.       }
  3180.       const $cellDom = $(cellDom);
  3181.       const { memberName, thanked } = currentComment;
  3182.       processAvatar({
  3183.         $cellDom,
  3184.         popupControl,
  3185.         commentData: currentComment,
  3186.         onSetTagsClick: () => {
  3187.           openTagsSetter(memberName);
  3188.         }
  3189.       });
  3190.       if (memberName === loginName) {
  3191.         $cellDom.find(".badges").append(`<div class="badge ${memberName === topicOwnerName ? "mod" : "you"}">YOU</div>`);
  3192.       }
  3193.       const $likesBox = $cellDom.find(".small.fade").addClass("v2p-likes-box");
  3194.       $likesBox.find('img[alt="\u2764\uFE0F"]').replaceWith(`<span class="v2p-icon-heart"><i data-lucide="heart"></i></span>`);
  3195.       if (thanked) {
  3196.         $likesBox.addClass("v2p-thanked");
  3197.       }
  3198.       if (tagData && Reflect.has(tagData, memberName) && !membersHasSetTags.has(memberName)) {
  3199.         updateMemberTag(memberName, tagData[memberName].tags);
  3200.         membersHasSetTags.add(memberName);
  3201.       }
  3202.       processActions($cellDom, currentComment);
  3203.     });
  3204.     updateCommentCells();
  3205.     handlingRecentComments();
  3206.     handlingPopularComments();
  3207.     $(".v2p-control-thank").on("click", (ev) => {
  3208.       ev.stopPropagation();
  3209.       const id = ev.currentTarget.dataset.id;
  3210.       const memberName = ev.currentTarget.dataset.memberName;
  3211.       if (typeof id === "string" && typeof memberName === "string") {
  3212.         if (confirm(`\u786E\u8BA4\u82B1\u8D39 10 \u4E2A\u94DC\u5E01\u5411 @${memberName} \u7684\u8FD9\u6761\u56DE\u590D\u53D1\u9001\u611F\u8C22\uFF1F`)) {
  3213.           const replyId = id.split("_").at(1);
  3214.           if (replyId) {
  3215.             void thankReply({
  3216.               replyId,
  3217.               onSuccess: () => {
  3218.                 const $cell = $(`.cell[id="r_${replyId}"]`);
  3219.                 const $tableInCell = $cell.find("> table");
  3220.                 const $likesBox = $tableInCell.find(".v2p-likes-box");
  3221.                 const $firstLikesBox = $likesBox.eq(0);
  3222.                 const likes = Number($firstLikesBox.text());
  3223.                 const $clonedIconHeart = $firstLikesBox.find(".v2p-icon-heart").clone();
  3224.                 if (likes > 0) {
  3225.                   $likesBox.addClass("v2p-thanked").empty().append($clonedIconHeart, ` ${likes + 1}`);
  3226.                 } else {
  3227.                   $(`
  3228.                       <span class="small v2p-likes-box v2p-thanked" style="position:relative;top:-1px;">
  3229.                         &nbsp;&nbsp;<span class="v2p-icon-heart"><i data-lucide="heart"></i></span>1
  3230.                       </span>
  3231.                       `).insertAfter($tableInCell.find(".ago"));
  3232.                   loadIcons();
  3233.                 }
  3234.                 const $thankAction = $tableInCell.find(".v2p-control-thank");
  3235.                 $thankAction.addClass("v2p-thanked").off("click");
  3236.                 $thankAction.siblings().find(".v2p-control-hide").hide();
  3237.                 createToast({ message: `\u2764\uFE0F \u5DF2\u611F\u8C22 @${memberName} \u7684\u56DE\u590D` });
  3238.               },
  3239.               onFail: () => {
  3240.                 createToast({ message: "\u274C \u611F\u8C22\u56DE\u590D\u5931\u8D25" });
  3241.               }
  3242.             });
  3243.           }
  3244.         }
  3245.       }
  3246.     });
  3247.   }
  3248.   {
  3249.     const display = options.nestedReply.display;
  3250.     $commentCells.each((i, cellDom) => {
  3251.       const $cellDom = $(cellDom);
  3252.       const dataFromIndex = commentDataList.at(i);
  3253.       processReplyContent($cellDom, options.replyContent);
  3254.       const currentComment = dataFromIndex?.id === cellDom.id ? dataFromIndex : commentDataList.find((data) => data.id === cellDom.id);
  3255.       if (currentComment) {
  3256.         const { refMemberNames, refFloors } = currentComment;
  3257.         if (!refMemberNames || refMemberNames.length === 0) {
  3258.           return;
  3259.         }
  3260.         if (options.nestedReply.multipleInsideOne === "off" && refMemberNames.length > 1) {
  3261.           return;
  3262.         }
  3263.         for (const refName of refMemberNames) {
  3264.           for (let j = i - 1; j >= 0; j--) {
  3265.             const { memberName: compareName, floor: eachFloor } = commentDataList.at(j) || {};
  3266.             if (compareName === refName) {
  3267.               let refCommentIdx = j;
  3268.               const firstRefFloor = refFloors?.at(0);
  3269.               if (firstRefFloor && firstRefFloor !== eachFloor) {
  3270.                 const targetIdx = commentDataList.slice(0, j).findIndex((data) => data.floor === firstRefFloor && data.memberName === refName);
  3271.                 if (targetIdx >= 0) {
  3272.                   refCommentIdx = targetIdx;
  3273.                 }
  3274.               }
  3275.               if (display === "indent") {
  3276.                 cellDom.classList.add("v2p-indent");
  3277.               }
  3278.               $commentCells.eq(refCommentIdx).append(cellDom);
  3279.               return;
  3280.             }
  3281.           }
  3282.         }
  3283.       }
  3284.     });
  3285.   }
  3286. }
  3287. var commentDataList;
  3288. var init_comment = __esm({
  3289.   "src/contents/topic/comment.ts"() {
  3290.     "use strict";
  3291.     init_lucide();
  3292.     init_model();
  3293.     init_popup();
  3294.     init_toast();
  3295.     init_constants();
  3296.     init_services();
  3297.     init_utils();
  3298.     init_globals();
  3299.     init_helpers();
  3300.     init_avatar();
  3301.     init_content();
  3302.     commentDataList = [];
  3303.   }
  3304. });
  3305.  
  3306. // src/contents/topic/paging.ts
  3307. function handlingPaging() {
  3308.   const $notCommentCells = $commentBox.find('> .cell:not([id^="r_"])');
  3309.   if ($notCommentCells.length <= 1) {
  3310.     return;
  3311.   }
  3312.   const pagingCells = $notCommentCells.slice(1).addClass("v2p-paging");
  3313.   const pageBtns = pagingCells.find(".super.button");
  3314.   pageBtns.eq(0).addClass("v2p-prev-btn");
  3315.   pageBtns.eq(1).addClass("v2p-next-btn");
  3316. }
  3317. var init_paging = __esm({
  3318.   "src/contents/topic/paging.ts"() {
  3319.     "use strict";
  3320.     init_globals();
  3321.   }
  3322. });
  3323.  
  3324. // src/components/image-upload.ts
  3325. function bindImageUpload(props) {
  3326.   const { $wrapper, $input, insertText, replaceText } = props;
  3327.   const $uploadBar = $(`<div class="v2p-reply-upload-bar">${uploadTip}</div>`);
  3328.   const handleUploadImage = (file) => {
  3329.     const placeholder = "[\u4E0A\u4F20\u56FE\u7247\u4E2D...]";
  3330.     insertText(` ${placeholder} `);
  3331.     $uploadBar.addClass("v2p-reply-upload-bar-disabled").text("\u6B63\u5728\u4E0A\u4F20\u56FE\u7247...");
  3332.     uploadImage(file).then((imgLink) => {
  3333.       replaceText(placeholder, imgLink);
  3334.     }).catch(() => {
  3335.       replaceText(placeholder, "");
  3336.       window.alert("\u274C \u4E0A\u4F20\u56FE\u7247\u5931\u8D25\uFF0C\u8BF7\u6253\u5F00\u63A7\u5236\u53F0\u67E5\u770B\u539F\u56E0");
  3337.     }).finally(() => {
  3338.       $uploadBar.removeClass("v2p-reply-upload-bar-disabled").text(uploadTip);
  3339.     });
  3340.   };
  3341.   const handleClickUploadImage = () => {
  3342.     const imgInput = document.createElement("input");
  3343.     imgInput.style.display = "none";
  3344.     imgInput.type = "file";
  3345.     imgInput.accept = "image/*";
  3346.     imgInput.addEventListener("change", () => {
  3347.       const selectedFile = imgInput.files?.[0];
  3348.       if (selectedFile) {
  3349.         handleUploadImage(selectedFile);
  3350.       }
  3351.     });
  3352.     imgInput.click();
  3353.   };
  3354.   document.addEventListener("paste", (ev) => {
  3355.     if (!(ev instanceof ClipboardEvent)) {
  3356.       return;
  3357.     }
  3358.     if ($input && !$input.get(0)?.matches(":focus")) {
  3359.       return;
  3360.     }
  3361.     const items = ev.clipboardData?.items;
  3362.     if (!items) {
  3363.       return;
  3364.     }
  3365.     const imageItem = Array.from(items).find((item) => item.type.includes("image"));
  3366.     if (imageItem) {
  3367.       const file = imageItem.getAsFile();
  3368.       if (file) {
  3369.         handleUploadImage(file);
  3370.       }
  3371.     }
  3372.   });
  3373.   $wrapper.get(0)?.addEventListener("drop", (ev) => {
  3374.     ev.preventDefault();
  3375.     if (!(ev instanceof DragEvent)) {
  3376.       return;
  3377.     }
  3378.     const file = ev.dataTransfer?.files[0];
  3379.     if (file) {
  3380.       handleUploadImage(file);
  3381.     }
  3382.   });
  3383.   $(".flex-one-row:last-of-type > .gray").text("");
  3384.   $uploadBar.on("click", () => {
  3385.     if (!$uploadBar.hasClass("v2p-reply-upload-bar-disabled")) {
  3386.       handleClickUploadImage();
  3387.     }
  3388.   });
  3389.   $wrapper.append($uploadBar);
  3390.   return {
  3391.     uploadBar: $uploadBar
  3392.   };
  3393. }
  3394. var uploadTip;
  3395. var init_image_upload = __esm({
  3396.   "src/components/image-upload.ts"() {
  3397.     "use strict";
  3398.     init_services();
  3399.     uploadTip = "\u9009\u62E9\u3001\u7C98\u8D34\u3001\u62D6\u653E\u4E0A\u4F20\u56FE\u7247\u3002";
  3400.   }
  3401. });
  3402.  
  3403. // src/contents/topic/reply.ts
  3404. function handlingReplyActions() {
  3405.   const os = getOS();
  3406.   const replyBtnText = `\u56DE\u590D<kbd>${os === "macos" ? "Cmd" : "Ctrl"}+Enter</kbd>`;
  3407.   const $replyBtn = createButton({
  3408.     children: replyBtnText,
  3409.     type: "submit"
  3410.   }).replaceAll($replyBox.find('input[type="submit"]'));
  3411.   $replyForm.on("submit", () => {
  3412.     $replyBtn.text("\u63D0\u4EA4\u56DE\u590D\u4E2D...").prop("disabled", true);
  3413.     setTimeout(() => {
  3414.       $replyBtn.html(replyBtnText).prop("disabled", false);
  3415.     }, 5e3);
  3416.   });
  3417.   document.addEventListener("keydown", (ev) => {
  3418.     if (ev.key === "Enter" && (ev.ctrlKey || ev.metaKey)) {
  3419.       ev.preventDefault();
  3420.       $replyForm.trigger("submit");
  3421.     }
  3422.   });
  3423.   {
  3424.     const emoticonGroup = $('<div class="v2p-emoji-group">');
  3425.     const emoticonList = $('<div class="v2p-emoji-list">');
  3426.     const emoticonSpan = $('<span class="v2p-emoji">');
  3427.     const groups = emoticons.map((emojiGroup) => {
  3428.       const group = emoticonGroup.clone();
  3429.       group.append(`<div class="v2p-emoji-title">${emojiGroup.title}</div>`);
  3430.       const list = emoticonList.clone().append(
  3431.         emojiGroup.list.map((emoji) => {
  3432.           const emoticon = emoticonSpan.clone().text(emoji).on("click", () => {
  3433.             insertTextToReplyInput(emoji);
  3434.           });
  3435.           return emoticon;
  3436.         })
  3437.       );
  3438.       group.append(list);
  3439.       return group;
  3440.     });
  3441.     const emoticonsBox = $('<div class="v2p-emoticons-box">').append(groups);
  3442.     const $emojiBtn = createButton({
  3443.       children: '<span style="width:18px; height:18px;"><i data-lucide="smile"></i></span>'
  3444.     }).insertAfter($replyBtn);
  3445.     const $emojiContent = $('<div class="v2p-emoji-container">').append(emoticonsBox).appendTo($replyBox).on("click", () => {
  3446.       focusReplyInput();
  3447.     });
  3448.     const keyupHandler = (ev) => {
  3449.       if (ev.key === "Escape") {
  3450.         ev.preventDefault();
  3451.         emojiPopup.close();
  3452.       }
  3453.     };
  3454.     $emojiBtn.on("click", () => {
  3455.       focusReplyInput();
  3456.     });
  3457.     const emojiPopup = createPopup({
  3458.       root: $replyBox,
  3459.       trigger: $emojiBtn,
  3460.       content: $emojiContent,
  3461.       options: { placement: "right-end" },
  3462.       onOpen: () => {
  3463.         $(document.body).on("keydown", keyupHandler);
  3464.       },
  3465.       onClose: () => {
  3466.         $(document.body).off("keydown", keyupHandler);
  3467.       }
  3468.     });
  3469.   }
  3470.   {
  3471.     $replyBox.find("#undock-button, #undock-button + a").addClass("v2p-hover-btn").css("padding", "5px 4px");
  3472.   }
  3473. }
  3474. function handleReply() {
  3475.   $replyTextArea.attr("placeholder", "\u7559\u4E0B\u5BF9\u4ED6\u4EBA\u6709\u5E2E\u52A9\u7684\u56DE\u590D").wrap('<div class="v2p-reply-wrap">');
  3476.   const { uploadBar } = bindImageUpload({
  3477.     $wrapper: $(".v2p-reply-wrap"),
  3478.     $input: $replyTextArea,
  3479.     insertText: (text) => {
  3480.       insertTextToReplyInput(text);
  3481.     },
  3482.     replaceText: (find, replace) => {
  3483.       const val = $replyTextArea.val();
  3484.       if (typeof val === "string") {
  3485.         const newVal = val.replace(find, replace);
  3486.         $replyTextArea.val(newVal).trigger("focus");
  3487.       }
  3488.     }
  3489.   });
  3490.   const $tools = $(`
  3491.   <div class="v2p-reply-tools-box v2p-hover-btn">
  3492.     <span class="v2p-reply-tools-icon"><i data-lucide="package-plus"></i></span>
  3493.     \u5DE5\u5177\u7BB1
  3494.   </div>
  3495.   `);
  3496.   const $toolContent = $(`
  3497.   <div class="v2p-reply-tool-content">
  3498.     <div class="v2p-reply-tool v2p-reply-tool-encode">\u6587\u5B57\u8F6C Base64</div>
  3499.     <div class="v2p-reply-tool v2p-reply-tool-img">\u4E0A\u4F20\u56FE\u7247</div>
  3500.   </div>
  3501.   `);
  3502.   const toolsPopup = createPopup({
  3503.     root: $replyBox,
  3504.     trigger: $tools,
  3505.     content: $toolContent,
  3506.     offsetOptions: { mainAxis: 5, crossAxis: -5 }
  3507.   });
  3508.   $toolContent.find(".v2p-reply-tool-encode").on("click", () => {
  3509.     focusReplyInput();
  3510.     toolsPopup.close();
  3511.     setTimeout(() => {
  3512.       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");
  3513.       if (inputText) {
  3514.         let encodedText;
  3515.         try {
  3516.           if (typeof window.encodeURIComponent === "undefined") {
  3517.             encodedText = window.btoa(inputText);
  3518.           } else {
  3519.             encodedText = window.btoa(window.encodeURIComponent(inputText));
  3520.           }
  3521.         } catch (err) {
  3522.           console.error(err, "\u53EF\u80FD\u7684\u9519\u8BEF\u539F\u56E0\uFF1A\u6587\u672C\u5305\u542B\u4E2D\u6587\u3002");
  3523.           createToast({ message: "\u8BE5\u6587\u672C\u65E0\u6CD5\u7F16\u7801\u4E3A Base64" });
  3524.         }
  3525.         if (encodedText) {
  3526.           insertTextToReplyInput(encodedText);
  3527.         }
  3528.       }
  3529.     });
  3530.   });
  3531.   $toolContent.find(".v2p-reply-tool-img").on("click", () => {
  3532.     uploadBar.trigger("click");
  3533.   });
  3534.   $replyBox.find("> .flex-row-end").prepend($tools);
  3535.   $(".flex-one-row:last-of-type > .gray").text("");
  3536.   handlingReplyActions();
  3537. }
  3538. var init_reply = __esm({
  3539.   "src/contents/topic/reply.ts"() {
  3540.     "use strict";
  3541.     init_button();
  3542.     init_image_upload();
  3543.     init_popup();
  3544.     init_toast();
  3545.     init_constants();
  3546.     init_utils();
  3547.     init_globals();
  3548.     init_helpers();
  3549.   }
  3550. });
  3551.  
  3552. // src/contents/topic/index.ts
  3553. var topic_exports = {};
  3554. var init_topic = __esm({
  3555.   "src/contents/topic/index.ts"() {
  3556.     "use strict";
  3557.     init_constants();
  3558.     init_utils();
  3559.     init_globals();
  3560.     init_helpers();
  3561.     init_comment();
  3562.     init_content();
  3563.     init_paging();
  3564.     init_reply();
  3565.     void (async () => {
  3566.       const storage = await getStorage();
  3567.       const options = storage["options" /* Options */];
  3568.       if (options.openInNewTab) {
  3569.         $commentTableRows.find("> td:nth-child(3) > strong > a").prop("target", "_blank");
  3570.       }
  3571.       {
  3572.         const $tools = $(`
  3573.       <div class="cell v2p-tools">
  3574.         <span class="v2p-tool v2p-hover-btn v2p-tool-reply">
  3575.           <span class="v2p-tool-icon"><i data-lucide="message-square-plus"></i></span>\u56DE\u590D\u4E3B\u9898
  3576.         </span>
  3577.         <span class="v2p-tool v2p-hover-btn v2p-tool-reading">
  3578.           <span class="v2p-tool-icon"><i data-lucide="book-open-check"></i></span>\u7A0D\u540E\u9605\u8BFB
  3579.         </span>
  3580.         <span class="v2p-tool v2p-hover-btn v2p-tool-scroll-top">
  3581.           <span class="v2p-tool-icon"><i data-lucide="chevrons-up"></i></span>\u56DE\u5230\u9876\u90E8
  3582.         </span>
  3583.       </div>
  3584.     `);
  3585.         $tools.find(".v2p-tool-reply").on("click", () => {
  3586.           $replyTextArea.trigger("focus");
  3587.         });
  3588.         $tools.find(".v2p-tool-reading").on("click", () => {
  3589.           void addToReadingList({
  3590.             url: window.location.href,
  3591.             title: document.title.replace(" - V2EX", ""),
  3592.             content: String($('head meta[property="og:description"]').prop("content"))
  3593.           });
  3594.         });
  3595.         $tools.find(".v2p-tool-scroll-top").on("click", () => {
  3596.           window.scrollTo({ top: 0, behavior: "smooth" });
  3597.         });
  3598.         $('#Rightbar > .box:has("#member-activity")').addClass("v2p-tool-box").append($tools);
  3599.         loadIcons();
  3600.       }
  3601.       {
  3602.         $(document).on("keydown", (ev) => {
  3603.           if (!ev.isDefaultPrevented()) {
  3604.             if (ev.key === "Escape") {
  3605.               const $replyContent = $("#reply_content");
  3606.               if ($replyBox.hasClass("reply-box-sticky")) {
  3607.                 $replyBox.removeClass("reply-box-sticky");
  3608.                 $("#undock-button").css("display", "none");
  3609.               }
  3610.               $replyContent.trigger("blur");
  3611.             }
  3612.           }
  3613.         });
  3614.       }
  3615.       handlingContent();
  3616.       if (document.referrer !== "") {
  3617.         if (document.referrer.includes(document.location.pathname)) {
  3618.           const url = new URL(document.location.href);
  3619.           const page = url.searchParams.get("p");
  3620.           if (page && page !== "1") {
  3621.             document.querySelector(".topic_buttons")?.scrollIntoView({ behavior: "smooth" });
  3622.           }
  3623.         }
  3624.       }
  3625.       handlingPaging();
  3626.       await handlingComments();
  3627.       handleReply();
  3628.       loadIcons();
  3629.     })();
  3630.   }
  3631. });
  3632.  
  3633. // src/contents/write/write.ts
  3634. function handlingWrite() {
  3635.   bindImageUpload({
  3636.     $wrapper: $("#workspace"),
  3637.     insertText: (text) => {
  3638.       postTask(`editor.getDoc().replaceRange("${text}", editor.getCursor())`);
  3639.     },
  3640.     replaceText: (find, replace) => {
  3641.       if (replace) {
  3642.         const mode = $("input[name=syntax]:checked").val();
  3643.         if (mode === "markdown") {
  3644.           replace = `![](${replace})`;
  3645.         }
  3646.       }
  3647.       postTask(`
  3648.       editor.setValue(editor.getValue().replace("${find}", "${replace}"));
  3649.       const doc = editor.getDoc(); 
  3650.       const lastLine = doc.lastLine(); 
  3651.       const lastChar = doc.getLine(lastLine).length; 
  3652.       doc.setCursor({ line: doc.lastLine(), ch: lastChar });
  3653.       `);
  3654.     }
  3655.   });
  3656. }
  3657. var init_write = __esm({
  3658.   "src/contents/write/write.ts"() {
  3659.     "use strict";
  3660.     init_image_upload();
  3661.     init_helpers();
  3662.   }
  3663. });
  3664.  
  3665. // src/contents/write/index.ts
  3666. var write_exports = {};
  3667. var init_write2 = __esm({
  3668.   "src/contents/write/index.ts"() {
  3669.     "use strict";
  3670.     init_helpers();
  3671.     init_write();
  3672.     handlingWrite();
  3673.     loadIcons();
  3674.   }
  3675. });
  3676.  
  3677. // node_modules/.pnpm/webext-patterns@1.3.0/node_modules/webext-patterns/index.js
  3678. var patternValidationRegex = /^(https?|wss?|file|ftp|\*):\/\/(\*|\*\.[^*/]+|[^*/]+)\/.*$|^file:\/\/\/.*$|^resource:\/\/(\*|\*\.[^*/]+|[^*/]+)\/.*$|^about:/;
  3679. var isFirefox = typeof navigator === "object" && navigator.userAgent.includes("Firefox/");
  3680. var allStarsRegex = isFirefox ? /^(https?|wss?):[/][/][^/]+([/].*)?$/ : /^https?:[/][/][^/]+([/].*)?$/;
  3681. var allUrlsRegex = /^(https?|file|ftp):[/]+/;
  3682. function getRawPatternRegex(matchPattern) {
  3683.   if (!patternValidationRegex.test(matchPattern)) {
  3684.     throw new Error(matchPattern + " is an invalid pattern, it must match " + String(patternValidationRegex));
  3685.   }
  3686.   let [, protocol, host, pathname] = matchPattern.split(/(^[^:]+:[/][/])([^/]+)?/);
  3687.   protocol = protocol.replace("*", isFirefox ? "(https?|wss?)" : "https?").replace(/[/]/g, "[/]");
  3688.   host = (host !== null && host !== void 0 ? host : "").replace(/^[*][.]/, "([^/]+.)*").replace(/^[*]$/, "[^/]+").replace(/[.]/g, "[.]").replace(/[*]$/g, "[^.]+");
  3689.   pathname = pathname.replace(/[/]/g, "[/]").replace(/[.]/g, "[.]").replace(/[*]/g, ".*");
  3690.   return "^" + protocol + host + "(" + pathname + ")?$";
  3691. }
  3692. function patternToRegex(...matchPatterns) {
  3693.   if (matchPatterns.length === 0) {
  3694.     return /$./;
  3695.   }
  3696.   if (matchPatterns.includes("<all_urls>")) {
  3697.     return allUrlsRegex;
  3698.   }
  3699.   if (matchPatterns.includes("*://*/*")) {
  3700.     return allStarsRegex;
  3701.   }
  3702.   return new RegExp(matchPatterns.map((x) => getRawPatternRegex(x)).join("|"));
  3703. }
  3704.  
  3705. // src/user-scripts/style.ts
  3706. var style = `:root{--zidx-serach: 100;--zidx-tabs: 10;--zidx-tools-card: 10;--zidx-reply-box: 99;--zidx-model-header: 50;--zidx-model-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-gap: 25px}: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%);--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);color:var(--v2p-color-foreground);font-family:system-ui,sans-serif;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);background-color:var(--v2p-color-main-700)}:root body img::selection{background-color:var(--v2p-color-main-500)}:root body.v2p-theme-dark,:root[data-darkreader-scheme=dark] body{--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-200);--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);background-color:var(--v2p-color-foreground)}:root body.v2p-theme-dark img::selection,:root[data-darkreader-scheme=dark] body img::selection{background-color:var(--v2p-color-foreground)}@supports selector(:has(*)){:root body:has(#Wrapper.Night){--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-200);--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);background-color:var(--v2p-color-foreground)}:root body:has(#Wrapper.Night) img::selection{background-color:var(--v2p-color-foreground)}}@supports not selector(:has(*)){:root #Wrapper.Night{--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-200);--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);background-color:var(--v2p-color-foreground)}:root #Wrapper.Night img::selection{background-color:var(--v2p-color-foreground)}}
  3707. :root{color-scheme:light}:root:has(#Wrapper.Night){color-scheme:dark}:root html,:root body{min-height:100vh}body{overflow:overlay;scrollbar-gutter:stable}body h1{font-weight:bold}body a{text-decoration:none;cursor:default}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-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 #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-gap)}body #Leftbar{order:1;float:none}body #Main{flex:1;order:2;max-width:85vw;margin:0}body #Rightbar{order:3;float:none}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;background-size:14px 14px;opacity:.6;filter:none}body #search-container.active{background-color:var(--v2p-color-bg-search-active)}body #search-container #search-result{top:42px;z-index:var(--zidx-serach);color:var(--v2p-color-main-600);font-size:14px;background:var(--v2p-color-bg-widget);border:1px solid var(--box-border-color);box-shadow:var(--v2p-widget-shadow);backdrop-filter:blur(16px)}body #search-container #search-result .fade{color:var(--v2p-color-main-600)}body #search-container #search-result .search-item{color:var(--v2p-color-foreground);font-weight:bold;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-weight:bold;font-size:22px}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{position:relative;display:inline-flex;gap:5px;align-items:center;height:28px;padding:0 12px;color:var(--button-foreground-color);font-weight:500;font-size:14px;font-family:inherit;line-height:28px;white-space:nowrap;text-shadow:none;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);cursor:pointer;transition:color .25s,background-color .25s,box-shadow .25s;user-select:none}body .button.normal:is(:hover:enabled,:active:enabled),body .button.super:is(:hover:enabled,:active:enabled){color:var(--button-foreground-hover-color);font-weight:500;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){color:var(--button-foreground-color);font-weight:500;text-shadow:none;background:var(--button-background-color);box-shadow:0 1.8px 0 var(--box-background-hover-color),0 1.8px 0 var(--button-background-color);cursor:default;opacity:.8;pointer-events:none}body .button.normal kbd,body .button.super kbd{position:relative;right:-4px;padding:0 3px;font-size:90%;font-family:inherit;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{padding:2px 5px;font-weight:bold;border:1px solid var(--v2p-color-accent-400);user-select:none}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-weight:normal;font-size:12px;line-height:1}body a.node:is(:active,:link,:visited){padding:5px 6px;color:var(--v2p-color-font-secondary);font-size:13px;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){padding:6px 9px;font-size:14px;border:none;border-radius:4px;user-select:none}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){font-weight:bold;background-color:var(--box-background-hover-color);box-shadow:none;pointer-events:none}body .page_input{display:none}body .dock_area{background:var(--v2p-color-main-200)}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}body #topic_supplement{height:unset;min-height:550px !important;max-height:800px !important;overflow:hidden;color:currentColor;font-size:15px;background-color:var(--v2p-color-bg-input);border:1px solid var(--button-border-color);border-radius:8px;transition:opacity .25s;resize:none;overflow-y:auto}body #topic_supplement::placeholder{color:var(--v2p-color-main-500);font-size:15px}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;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.4;padding:var(--offset) 0;text-shadow:none}body .item_hot_topic_title>a:hover{text-underline-offset:var(--offset)}body form textarea#topic_title{height:unset;min-height:75px !important;max-height:800px !important;overflow:hidden;color:currentColor;font-size:15px;background-color:var(--v2p-color-bg-input);border:1px solid var(--button-border-color);border-radius:8px;transition:opacity .25s;resize:none}body form textarea#topic_title::placeholder{color:var(--v2p-color-main-500);font-size:15px}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{height:unset;min-height:30px !important;max-height:800px !important;overflow:hidden;color:currentColor;font-size:15px;background-color:var(--v2p-color-bg-input);border:1px solid var(--button-border-color);border-radius:8px;transition:opacity .25s;resize:none}body form #topic_title::placeholder{color:var(--v2p-color-main-500);font-size:15px}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{height:unset;min-height:120px !important;max-height:800px !important;overflow:hidden;color:currentColor;font-size:15px;background-color:var(--v2p-color-bg-input);border:1px solid var(--button-border-color);border-radius:8px;transition:opacity .25s;resize:none}body form #topic_content::placeholder{color:var(--v2p-color-main-500);font-size:15px}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{font-size:13px;cursor:pointer}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/new"] .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) a[href^=http]{text-decoration:underline 2px;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) 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) a[href*="v2ex.com/t"],body :is(.topic_content,.reply_content,.v2p-topic-preview-content,.v2p-topic-preview-addons) a[href^="/t"],body :is(.topic_content,.reply_content,.v2p-topic-preview-content,.v2p-topic-preview-addons) a[href^="/go"]{text-decoration:underline 2px;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) a[href*="v2ex.com/t"]:hover,body :is(.topic_content,.reply_content,.v2p-topic-preview-content,.v2p-topic-preview-addons) a[href^="/t"]:hover,body :is(.topic_content,.reply_content,.v2p-topic-preview-content,.v2p-topic-preview-addons) a[href^="/go"]:hover{color:var(--v2p-color-accent-500);background-color:var(--v2p-color-accent-50)}body .select2-container--default .select2-selection--single{background-color:var(--v2p-color-background);border:1px solid var(--v2p-color-border)}body .select2-container--default .select2-selection--single .select2-selection__placeholder{color:var(--v2p-color-foreground)}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 .social_label:is(:link,:visited,:active){background-color:var(--v2p-color-main-100);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;color:var(--v2p-color-foreground);font-weight:600;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}.box .tag:link,.box .tag:visited{color:var(--v2p-color-font-secondary);font-size:12px;background-color:var(--v2p-color-main-100);border-radius:5px}.box .tag::before{color:var(--v2p-color-main-500)}.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-weight:400;font-size:14px}#Top .tools .top{height:26px;margin-left:0;padding:0 6px;color:var(--v2p-color-main-500);line-height:26px;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)}#Main>.box{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 .topic_buttons{display:flex;flex-wrap:wrap;align-items:center;padding:8px 0;column-gap:5px;background:none}#Main .topic_buttons .topic_stats{flex:1;order:99;float:none;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;align-items:center;padding:5px;white-space:nowrap;text-shadow:none;column-gap:5px;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-font-secondary)}#Main .cell .topic_info{position:relative;display:flex;align-items:center;user-select:none;pointer-events:none}#Main .cell .topic_info::after{position:absolute;inset:0 0 -6px;z-index:1;background-color:var(--v2p-color-bg-content);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{position:relative;z-index:2;pointer-events:auto}#Main .cell .topic_info a[href^="/member"]{color:var(--v2p-color-main-500);font-weight:500}#Main .cell .count_livid{display:inline-block;padding:5px 10px;font-weight:400;font-size:12px;white-space:nowrap;border-radius:5px;user-select:none;color:var(--v2p-color-main-500);background-color:var(--v2p-color-main-200)}#Main .cell .count_orange{display:inline-block;padding:5px 10px;font-weight:400;font-size:12px;white-space:nowrap;border-radius:5px;user-select:none;color:var(--v2p-color-main-100);font-weight:bold;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{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] .reply_content{padding-bottom:10px}#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{width:40px !important;height:40px !important;border-radius:5px;aspect-ratio:1}#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;font-size:15px}#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{position:relative;top:-3px;user-select:none}#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{position:relative;top:-4px;padding:5px 10px;color:var(--v2p-color-main-350);font-size:12px;background-color:rgba(0,0,0,0);border-radius:5px;user-select:none}#Main #Tabs{position:sticky;top:0;z-index:var(--zidx-tabs);display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;padding:10px;background-color:var(--v2p-color-bg-content);border-bottom:1px solid var(--box-border-color);user-select:none}#Main #Tabs .tab{margin:0}#Main #SecondaryTabs{padding:10px;background-color:var(--v2p-color-main-100);border-radius:5px}#Main .topic_content,#Main .reply_content{color:currentColor;font-size:15.4px}#Main .topic_content a[href^="/member"],#Main .reply_content a[href^="/member"]{position:relative;bottom:1px;color:var(--v2p-color-main-500);font-size:13px;text-decoration:underline;text-underline-offset:.4ex}#Main .thank_area{font-size:12px}#Main .tab{color:var(--v2p-color-foreground);background-color:rgba(0,0,0,0);user-select:none}#Main .tab:not(.v2p-hover-btn):hover{background-color:var(--v2p-color-main-100)}#Main .tab_current{color:var(--box-background-color);background-color:var(--box-foreground-color);user-select:none}#Main #reply-box.reply-box-sticky{bottom:20px;z-index:var(--zidx-reply-box);margin:0 -10px;padding:0 22px;overflow:visible;border:none;border-radius:var(--box-border-radius);outline:2px solid var(--v2p-color-main-200)}#Main #reply-box .v2p-reply-wrap #reply_content{background-color:rgba(0,0,0,0);border:none}#Main #reply-box .v2p-reply-wrap #reply_content:focus{background-color:var(--v2p-color-bg-content);outline:none}#Main #reply-box .v2p-reply-wrap #reply_content::placeholder{color:var(--v2p-color-main-500);font-size:14px}#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-foreground)}#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-weight:400;font-size:13px}#Bottom a.dark:is(:link,:active,:visited,:hover){color:var(--v2p-color-main-500)}
  3708. \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{position:relative;z-index:1;margin:0;white-space:nowrap;text-decoration:none;background:none;background-color:rgba(0,0,0,0);cursor:pointer;transition:color .2s;user-select:none}.v2p-hover-btn::before{position:absolute;inset:0 -5px;z-index:-1;background-color:var(--v2p-color-bg-hover-btn);border-radius:5px;transform:scale(0.65);opacity:0;transition:background-color .2s,color .2s,transform .2s,opacity .2s;content:""}.v2p-hover-btn:hover{text-decoration:none}.v2p-hover-btn:hover::before{transform:scale(1);opacity:1}.v2p-hover-btn-disabled{opacity:.8;pointer-events:none}.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:hover .v2p-topic-preview-btn{visibility:visible}#Rightbar .v2p-info-row{display:block;color:var(--v2p-color-accent-500);font-size:12px;text-align:center}#Rightbar .v2p-info-row:hover{text-decoration:none;background-color:var(--v2p-color-accent-50)}.v2p-tool-box{position:sticky;top:20px;z-index:var(--zidx-tools-card)}.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;color:var(--v2p-color-main-600);font-size:12px}.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{position:relative;top:-1px;margin-left:10px;color:var(--button-foreground-color);font-size:14px;background-color:var(--button-hover-color);border:none;border-radius:3px;outline:none;visibility:hidden;cursor:pointer}.v2p-topic-preview{padding:25px;line-height:1.4}.v2p-tp-info-bar{display:flex;gap:10px;align-items:center;margin-bottom:10px}.v2p-tp-info,.v2p-tp-read{display:inline-flex;gap:20px;align-items:center;padding:5px 10px;overflow:hidden;font-size:13px;background-color:var(--v2p-color-main-200);border-radius:5px}.v2p-tp-read{gap:4px;cursor:pointer;user-select:none}.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}a.v2p-topic-preview-title-link:hover{text-decoration:underline 2px;text-underline-offset:.46ex}.v2p-dot{margin:0 8px;font-weight:800;font-size:15px}.v2p-paging{background:none !important}.v2p-paging.cell{border-bottom:none}.v2p-model-mask{position:fixed;z-index:var(--zidx-model-mask);padding:60px;overflow:hidden;overflow-y:auto;background-color:var(--v2p-color-mask);inset:0}.v2p-popup{position:absolute;top:0;left:0;z-index:var(--zidx-popup);font-size:14px;background:var(--v2p-color-bg-widget);border:1px solid var(--box-border-color);border-radius:8px;box-shadow:var(--v2p-widget-shadow);backdrop-filter:blur(16px)}.v2p-popup-content{width:max-content;overflow-y:auto}.v2p-toast{position:fixed;top:50px;left:50%;z-index:var(--zidx-toast);padding:10px 15px;color:var(--v2p-color-background);font-size:14px;background:var(--v2p-color-foreground);border-radius:8px;box-shadow:var(--v2p-toast-shadow);transform:translateX(-50%)}.v2p-model-main{position:relative;box-sizing:border-box;width:800px;height:100%;margin:0 auto;overflow-x:hidden;overflow-y:auto;background-color:var(--v2p-color-bg-content);border-radius:var(--box-border-radius)}.v2p-model-header{position:sticky;top:0;right:0;left:0;z-index:var(--zidx-model-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-model-title{padding:2px 0;overflow:hidden;font-weight:bold;font-size:16px;white-space:nowrap;text-overflow:ellipsis}.v2p-model-actions{display:flex;gap:0 10px;align-items:center;margin-left:auto}.v2p-model-loading{display:flex;align-items:center;justify-content:center;padding:50px 0;color:currentColor}.v2p-model-loading .v2p-icon-loading{position:relative;right:-13px;width:50px}.v2p-no-pat{padding:30px 10px;font-size:15px;text-align:center}.v2p-no-pat .v2p-no-pat-title{font-weight:bold;font-size:16px}.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{position:relative;top:3px;display:inline-flex;align-items:center;column-gap:5px;user-select:none}.v2p-likes-box.v2p-thanked{color:var(--v2p-color-heart);font-weight:bold;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-controls{opacity:1}}.v2p-controls{display:inline-flex;align-items:center;margin-right:15px;font-size:12px;column-gap:15px;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:hover{color:var(--v2p-color-main-600)}.v2p-control.v2p-thanked{color:var(--v2p-color-heart);cursor:default}.v2p-control::after{z-index:var(--zidx-tip);width:max-content;min-width:30px;padding:2px 5px;overflow:hidden;color:var(--v2p-color-foreground);font-size:12px;white-space:nowrap;text-align:center;background-color:var(--v2p-color-bg-tooltip);border-radius:4px;box-shadow:var(--v2p-widget-shadow);pointer-events:none;position:absolute;top:-8px;transform:translateY(-100%);opacity:0}.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:hover{color:currentColor}.topic_buttons .v2p-tb.v2p-hover-btn::after{display:none}.v2p-tb-icon{width:15px;height:15px}.v2p-emoji-container{max-height:285px;padding:15px 18px;overflow-y:auto;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{display:inline-block;width:73px;height:73px;overflow:hidden;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-weight:bold;font-size:16px}.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{display:-webkit-box;overflow:hidden;-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{display:inline-block;margin-bottom:2px;padding:0 3px;font-size:12px;background-color:var(--v2p-color-main-200);border-radius:3px;cursor:pointer}.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:6px;font-size:20px}.v2p-emoji{padding:2px;border-radius:4px;cursor:pointer}.v2p-emoji:hover{background-color:var(--box-background-hover-color)}.v2p-decode{position:relative;padding:2px 4px;color:var(--v2p-color-orange-400);font-size:13px;text-decoration:none;background-color:var(--v2p-color-orange-50);cursor:copy}.v2p-decode:hover{color:var(--v2p-color-orange-400)}.v2p-decode:hover::after{opacity:1}.v2p-decode::after{z-index:var(--zidx-tip);width:max-content;min-width:30px;padding:2px 5px;overflow:hidden;color:var(--v2p-color-foreground);font-size:12px;white-space:nowrap;text-align:center;background-color:var(--v2p-color-bg-tooltip);border-radius:4px;box-shadow:var(--v2p-widget-shadow);pointer-events:none;position:absolute;top:-8px;left:50%;transform:translate(-50%, -100%);opacity:0;content:attr(data-title)}.v2p-reply-content{position:relative}.v2p-reply-content .v2p-expand-btn.normal.button{position:absolute;bottom:5px;left:50%;z-index:var(--zidx-expand-btn);font-weight:400;font-size:12px;transform:translateX(-50%)}.v2p-reply-content.v2p-collapsed::before{position:absolute;right:0;bottom:0;left:0;z-index:var(--zidx-expand-mask);height:130px;background:linear-gradient(to top, var(--bg-reply) 10px, transparent);content:"";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;color:var(--v2p-color-font-secondary);font-size:14px}.v2p-empty-content .v2p-text-emoji{font-size:20px}.v2p-topic-reply-ref{margin:0 -10px 15px;padding:5px 10px;color:var(--v2p-color-main-500);font-size:13px;background-color:var(--v2p-color-main-100);border-radius:5px}.v2p-topic-reply-box{margin-top:50px;padding:30px 0;color:var(--v2p-color-main-500);font-size:14px;line-height:1.55;border-top:1px solid var(--v2p-color-divider)}.v2p-topic-reply~.v2p-topic-reply{margin-top:15px}.v2p-topic-reply-member{display:inline;color:var(--v2p-color-main-700);font-weight:bold}.v2p-topic-reply-avatar{position:relative;top:2px;width:15px;height:15px;margin-right:5px;object-fit:cover;overflow:hidden;background-color:var(--v2p-color-main-200);border-radius:2px}.v2p-topic-reply-content{display:inline}.v2p-more-reply-tip{margin-top:20px;color:var(--v2p-color-main-400);font-size:13px;text-align:center}.v2p-reply-wrap{height:unset;min-height:140px !important;max-height:800px !important;overflow:hidden;color:currentColor;font-size:15px;background-color:var(--v2p-color-bg-input);border:1px solid var(--button-border-color);border-radius:8px;transition:opacity .25s;resize:none}.v2p-reply-wrap::placeholder{color:var(--v2p-color-main-500);font-size:15px}.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-upload-bar{padding:6px 10px;color:var(--v2p-color-main-500);font-size:12px;background-color:var(--v2p-color-bg-input);border-top:1px dashed var(--v2p-color-main-300);cursor:pointer}.v2p-reply-upload-bar-disabled{pointer-events:none}.v2p-footer{position:relative;display:flex;align-items:center;justify-content:space-between;padding:35px 10px;color:var(--v2p-color-main-500);font-size:12px;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%;display:inline-flex;box-sizing:border-box;padding:3px 25px;background-color:var(--v2p-color-bg-footer);transform:translateX(-50%)}.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-tools-box{position:relative;display:inline-flex;gap:0 5px;align-items:center;margin-right:auto;padding:2px 0;font-size:13px}.v2p-reply-tools-icon{display:inline-block;width:16px;height:16px}.v2p-reply-tool-content{padding:5px;border-radius:5px}.v2p-reply-tool{padding:5px 10px;white-space:nowrap;border-radius:4px;cursor:pointer}.v2p-reply-tool:hover{background-color:var(--v2p-color-main-200)}
  3709. `;
  3710.  
  3711. // src/user-scripts/index.ts
  3712. if (typeof window.GM_addStyle !== "undefined") {
  3713.   window.GM_addStyle(style);
  3714. } else {
  3715.   document.addEventListener("DOMContentLoaded", () => {
  3716.     $(`<style type='text/css'>${style}</style>`).appendTo("head");
  3717.   });
  3718. }
  3719. document.addEventListener("DOMContentLoaded", () => {
  3720.   const commonRegex = patternToRegex(
  3721.     "https://v2ex.com/*",
  3722.     "https://www.v2ex.com/*",
  3723.     "https://cn.v2ex.com/*"
  3724.   );
  3725.   const topicRegex = patternToRegex(
  3726.     "https://v2ex.com/t/*",
  3727.     "https://www.v2ex.com/t/*",
  3728.     "https://cn.v2ex.com/t/*"
  3729.   );
  3730.   const writeRegex = patternToRegex(
  3731.     "https://v2ex.com/write*",
  3732.     "https://www.v2ex.com/write*",
  3733.     "https://cn.v2ex.com/write*"
  3734.   );
  3735.   const url = window.location.href;
  3736.   void (async () => {
  3737.     if (commonRegex.test(url)) {
  3738.       await Promise.resolve().then(() => (init_common(), common_exports));
  3739.       await Promise.resolve().then(() => (init_home(), home_exports));
  3740.     }
  3741.     if (topicRegex.test(url)) {
  3742.       await Promise.resolve().then(() => (init_topic(), topic_exports));
  3743.     }
  3744.     if (writeRegex.test(url)) {
  3745.       await Promise.resolve().then(() => (init_write2(), write_exports));
  3746.     }
  3747.   })();
  3748. });
  3749.