☰

Atcoder Better!

一个适用于 AtCoder 的 Tampermonkey 脚本，增强功能与界面。

2024-03-22 يوللانغان نەشرى. ئەڭ يېڭى نەشرىنى كۆرۈش.

  1. // ==UserScript==
  2. // @name         Atcoder Better!
  3. // @namespace    https://greatest.deepsurf.us/users/747162
  4. // @version      1.15.2
  5. // @description  一个适用于 AtCoder 的 Tampermonkey 脚本，增强功能与界面。
  6. // @author       北极小狐
  7. // @match        *://atcoder.jp/*
  8. // @run-at       document-start
  9. // @connect      www2.deepl.com
  10. // @connect      api-free.deepl.com
  11. // @connect      api.deepl.com
  12. // @connect      api.deeplx.org
  13. // @connect      www.iflyrec.com
  14. // @connect      m.youdao.com
  15. // @connect      api.interpreter.caiyunai.com
  16. // @connect      translate.google.com
  17. // @connect      openai.api2d.net
  18. // @connect      api.openai.com
  19. // @connect      www.luogu.com.cn
  20. // @connect      vjudge.net
  21. // @connect      clist.by
  22. // @connect      greatest.deepsurf.us
  23. // @connect      staticfile.net
  24. // @connect      aowuucdn.oss-cn-beijing.aliyuncs.com
  25. // @connect      aowuucdn.oss-accelerate.aliyuncs.com
  26. // @connect      127.0.0.1
  27. // @connect      *
  28. // @grant        GM_xmlhttpRequest
  29. // @grant        GM_info
  30. // @grant        GM_setValue
  31. // @grant        GM_getValue
  32. // @grant        GM_listValues
  33. // @grant        GM_deleteValue
  34. // @grant        GM_addStyle
  35. // @grant        GM_setClipboard
  36. // @grant        GM_getResourceText
  37. // @icon         https://aowuucdn.oss-accelerate.aliyuncs.com/atcoder.png
  38. // @require      https://cdn.staticfile.net/turndown/7.1.2/turndown.min.js
  39. // @require      https://cdn.staticfile.net/markdown-it/13.0.1/markdown-it.min.js
  40. // @require      https://cdn.bootcdn.net/ajax/libs/crypto-js/4.1.1/crypto-js.min.js
  41. // @require      https://cdn.staticfile.net/chroma-js/2.4.2/chroma.min.js
  42. // @require      https://cdn.staticfile.net/xterm/3.9.2/xterm.min.js
  43. // @require      https://cdn.staticfile.net/dexie/3.2.4/dexie.min.js
  44. // @require      https://cdn.staticfile.net/i18next/23.5.1/i18next.min.js
  45. // @require      https://cdn.staticfile.net/i18next-http-backend/2.2.2/i18nextHttpBackend.min.js
  46. // @require      https://cdn.staticfile.net/jquery-i18next/1.2.1/jquery-i18next.min.js
  47. // @require      https://cdn.staticfile.net/highlight.js/11.3.1/highlight.min.js
  48. // @require      https://update.greatest.deepsurf.us/scripts/484742/1311040/i18nextChainedBackendjs.js
  49. // @require      https://update.greatest.deepsurf.us/scripts/484743/1311041/i18next-localstorage-backendjs.js
  50. // @resource     acwing_cpp_code_completer https://aowuucdn.oss-accelerate.aliyuncs.com/acwing_cpp_code_completer-0.0.11.json
  51. // @resource     wandboxlist https://wandbox.org/api/list.json
  52. // @resource     xtermcss https://cdn.staticfile.net/xterm/3.9.2/xterm.min.css
  53. // @resource     selectpagecss https://aowuucdn.oss-accelerate.aliyuncs.com/css/selectpage.css
  54. // @license      GPL3
  55. // @compatible	 Chrome
  56. // @compatible	 Firefox
  57. // @compatible	 Edge
  58. // @incompatible safari
  59. // @supportURL   https://github.com/beijixiaohu/OJBetter/issues
  60. // @name:zh-TW   Atcoder Better!
  61. // @name:en      Atcoder Better!
  62. // @name:de      Atcoder Better!
  63. // @name:fr      Atcoder Better!
  64. // @name:ko      Atcoder Better!
  65. // @name:pt      Atcoder Better!
  66. // @name:ja      Atcoder Better!
  67. // @name:es      Atcoder Better!
  68. // @name:it      Atcoder Better!
  69. // @name:hi      Atcoder Better!
  70. // @description         一个适用于 AtCoder 的 Tampermonkey 脚本，增强功能与界面。
  71. // @description:zh-TW   一個適用於 AtCoder 的 Tampermonkey 腳本，增強功能與界面。
  72. // @description:en      A Tampermonkey script for AtCoder that enhances functionality and interface.
  73. // @description:de      Ein Tampermonkey-Skript für AtCoder, das Funktionalität und Benutzeroberfläche verbessert.
  74. // @description:fr      Un script Tampermonkey pour AtCoder qui améliore les fonctionnalités et l'interface.
  75. // @description:ko      AtCoder를 위한 Tampermonkey 스크립트로 기능과 인터페이스를 개선합니다.
  76. // @description:pt      Um script Tampermonkey para AtCoder que aprimora a funcionalidade e a interface.
  77. // @description:ja      AtCoder用のTampermonkeyスクリプトで機能とインターフェースを強化します。
  78. // @description:es      Un script Tampermonkey para AtCoder que mejora la funcionalidad y la interfaz.
  79. // @description:it      Uno script Tampermonkey per AtCoder che migliora la funzionalità e l'interfaccia.
  80. // @description:hi      AtCoder के लिए एक Tampermonkey स्क्रिप्ट जो कार्यक्षमता और इंटरफ़ेस को बेहतर बनाता है।
  81. // ==/UserScript==
  82.  
  83. /**
  84.  * @namespace OJBetter
  85.  * @desc 主命名空间
  86.  */
  87. const OJBetter = {};
  88.  
  89. /**
  90.  * @namespace state
  91.  * @desc 描述脚本的当前状态。
  92.  * @memberof OJBetter
  93.  */
  94. OJBetter.state = {
  95.     /** @type {string} 脚本名*/
  96.     name: GM_info.script.name,
  97.     /** @type {string} 格式化后的脚本名*/
  98.     formatName: undefined,
  99.     /** @type {string} 版本号*/
  100.     version: GM_info.script.version,
  101.     /** @type {boolean?} 是否跳过页面加载等待 */
  102.     notWaiteLoaded: undefined,
  103.     /** @type {string} 最后公告版本，用于标识版本更新完成提示 */
  104.     lastAnnounceVer: undefined,
  105.     /** @type {string} 最后读取的有效公告版本 */
  106.     lastReadAnnounceVer: undefined,
  107.     /** @type {number} 当前已打开的模态对话框数量*/
  108.     openDialogCount: 0
  109. };
  110.  
  111. /**
  112.  * @namespace common
  113.  * @desc 通用设置和属性。
  114.  * @memberof OJBetter
  115.  */
  116. OJBetter.common = {
  117.     /** @type {string} 网站的主机地址 */
  118.     hostAddress: location.origin,
  119.     /** @type {string?} Atcoder的CSRF令牌 */
  120.     at_csrf_token: undefined,
  121.     /** @type {Array?} 任务队列 */
  122.     taskQueue: undefined,
  123.     /** @type {object} OJBetter数据库连接实例*/
  124.     database: undefined,
  125.     /** @type {object} turndownService实例*/
  126.     turndownService: undefined,
  127. };
  128.  
  129. /**
  130.  * @namespace basic
  131.  * @desc 基本的用户界面设置。
  132.  * @memberof OJBetter
  133.  */
  134. OJBetter.basic = {
  135.     /** @type {string} 黑暗模式设置 */
  136.     darkMode: undefined,
  137.     /** @type {boolean?} 是否展开折叠块 */
  138.     expandFoldingblocks: undefined,
  139.     /** @type {boolean?} 是否开启折叠块渲染性能优化 */
  140.     renderPerfOpt: undefined,
  141.     /** @type {boolean?} 是否开启下拉选择框性能优化 */
  142.     selectElementPerfOpt: undefined,
  143.     /** @type {boolean?} 评论区分页 */
  144.     commentPaging: undefined,
  145.     /** @type {boolean?} 显示跳转到Luogu按钮 */
  146.     showJumpToLuogu: undefined,
  147.     /** @type {boolean?} 显示跳转到Virtual Judge按钮 */
  148.     showCF2vjudge: undefined,
  149.     /** @type {boolean?} 比赛排行榜重新着色 */
  150.     standingsRecolor: undefined
  151. };
  152.  
  153. /**
  154.  * @namespace typeOfPage
  155.  * @desc 页面类型判断。
  156.  * @memberof OJBetter
  157.  */
  158. OJBetter.typeOfPage = {
  159.     /** @type {boolean?} 是否是轻量站 */
  160.     is_mSite: false,
  161.     /** @type {boolean?} 是否是acmsguru页面 */
  162.     is_acmsguru: false,
  163.     /** @type {boolean?} 是否是旧版LaTeX页面 */
  164.     is_oldLatex: false,
  165.     /** @type {boolean?} 是否是题目集页面 */
  166.     is_contest: undefined,
  167.     /** @type {boolean?} 是否是题目页面 */
  168.     is_problem: undefined,
  169.     /** @type {boolean?} 是否是完整的问题集页面 */
  170.     is_completeProblemset: false,
  171.     /** @type {boolean?} 是否是问题集中的问题页面 */
  172.     is_problemset_problem: false,
  173.     /** @type {boolean?} 是否是问题集页面 */
  174.     is_problemset: false,
  175.     /** @type {boolean?} 是否是Codeforces排名页面 */
  176.     is_cfStandings: false,
  177.     /** @type {boolean?} 是否是提交页面 */
  178.     is_submitPage: false,
  179.     /** @type {boolean?} 是否是代码状态页面 */
  180.     is_statePage: false,
  181.     /** @type {boolean?} 是否是提交记录页面 */
  182.     is_submissions: false,
  183.     /** @type {boolean?} 是否是主页 */
  184.     is_homepage: undefined,
  185.     /** @type {boolean?} 是否选择的是英语页面 */
  186.     isEnglishLanguage: undefined,
  187.     /** @type {boolean?} 是否是题解页面 */
  188.     isEditorial: undefined,
  189. };
  190.  
  191. /**
  192.  * @namespace localization
  193.  * @desc 本地化设置。
  194.  * @memberof OJBetter
  195.  */
  196. OJBetter.localization = {
  197.     /** @type {string?} 网站语言 */
  198.     websiteLang: undefined,
  199.     /** @type {string?} 脚本语言 */
  200.     scriptLang: undefined
  201. };
  202.  
  203. /**
  204.  * @namespace translation
  205.  * @desc 翻译设置。
  206.  * @memberof OJBetter
  207.  */
  208. OJBetter.translation = {
  209.     /** @type {string?} 翻译服务选择 */
  210.     choice: undefined,
  211.     /** @type {string?} 目标语言 */
  212.     targetLang: undefined,
  213.     comment: {
  214.         /** @type {string?} 评论翻译服务选择 */
  215.         choice: undefined,
  216.         /** @type {string?} 评论翻译模式 */
  217.         transMode: undefined
  218.     },
  219.     auto: {
  220.         /** @type {boolean?} 自动翻译开关 */
  221.         enabled: undefined,
  222.         /** @type {number?} 短文本长度限制 */
  223.         shortTextLength: undefined,
  224.         mixTrans: {
  225.             /** @type {boolean?} 混合翻译开关 */
  226.             enabled: undefined,
  227.             /** @type {Array?} 混合翻译服务列表 */
  228.             servers: undefined
  229.         }
  230.     },
  231.     memory: {
  232.         /** @type {boolean?} 翻译记忆开关 */
  233.         enabled: undefined,
  234.         /** @type {Object?} 翻译记忆树 */
  235.         ttTree: undefined
  236.     },
  237.     /** @type {string?} 重翻译时的行为 */
  238.     retransAction: undefined,
  239.     /** @type {number?} 等待时间 */
  240.     waitTime: undefined,
  241.     /** @type {boolean?} 替换符 */
  242.     replaceSymbol: undefined,
  243.     /** @type {boolean?} 过滤文本中的*号 */
  244.     filterTextWithoutEmphasis: undefined
  245. };
  246.  
  247. /**
  248.  * @namespace clist
  249.  * @desc Clist相关设置。
  250.  * @memberof OJBetter
  251.  */
  252. OJBetter.clist = {
  253.     enabled: {
  254.         /** @type {boolean?} 比赛页面开关 */
  255.         contest: undefined,
  256.         /** @type {boolean?} 问题页面开关 */
  257.         problem: undefined,
  258.         /** @type {boolean?} 问题集页面开关 */
  259.         problemset: undefined
  260.     },
  261.     /** @type {boolean?} Rating数据防剧透 */
  262.     ratingHidden: undefined,
  263.     /** @type {string?} Clist key */
  264.     authorization: undefined
  265. };
  266.  
  267. /**
  268.  * @namespace monaco
  269.  * @desc Monaco编辑器配置。
  270.  * @memberof OJBetter
  271.  */
  272. OJBetter.monaco = {
  273.     /** @type {boolean?} 在问题页面上启用Monaco编辑器 */
  274.     enableOnProblemPage: undefined,
  275.     /** @type {boolean?} 美化pre代码块 */
  276.     beautifyPreBlocks: undefined,
  277.     /** @type {boolean} Monaco编辑器加载完成标志 */
  278.     loaderOnload: false,
  279.     lsp: {
  280.         /** @type {Array?} LSP套接字数组 */
  281.         socket: [],
  282.         /** @type {boolean?} 是否启用LSP */
  283.         enabled: undefined,
  284.         /** @type {string?} 工作路径 */
  285.         workUri: undefined,
  286.         /** @type {string?} 套接字URL */
  287.         socketUrl: undefined
  288.     },
  289.     complet: {
  290.         /** @type {boolean?} 是否启用C++代码补全模板 */
  291.         cppCodeTemplate: undefined,
  292.         /** @type {Object?} 自定义配置 */
  293.         customConfig: undefined
  294.     },
  295.     /** @type {Object?} Monaco编辑器实例 */
  296.     editor: null,
  297.     /** @type {string?} 在线编译器选择 */
  298.     onlineCompilerChoice: undefined,
  299.     /** @type {string?} 记忆编译器语言选择 */
  300.     compilerSelection: undefined,
  301.     /** @type {string?}  当前选择的语言 */
  302.     nowLangSelect: undefined,
  303.     setting: {
  304.         /** @type {Array?} 语言设置数组 */
  305.         language: [],
  306.         /** @type {string?} 位置 */
  307.         position: undefined,
  308.         /** @type {boolean} 位置初始化标志 */
  309.         position_initialized: false,
  310.         /** @type {number?} 字体大小 */
  311.         fontsize: undefined,
  312.         /** @type {boolean?} 鼠标滚动锁定 */
  313.         alwaysConsumeMouseWheel: undefined,
  314.         /** @type {boolean?} 提交代码二次确认 */
  315.         isCodeSubmitDoubleConfirm: undefined,
  316.         /** @type {string?} 提交按钮位置 */
  317.         submitButtonPosition: undefined
  318.     }
  319. };
  320.  
  321. /**
  322.  * @namespace deepl
  323.  * @desc DeepL翻译服务配置。
  324.  * @memberof OJBetter
  325.  */
  326. OJBetter.deepl = {
  327.     /** @type {Object?} DeepL配置对象 */
  328.     configs: undefined,
  329.     config: {
  330.         /** @type {string?} 类型 */
  331.         type: undefined,
  332.         /** @type {string?} 名称 */
  333.         name: undefined,
  334.         /** @type {string?} API类型 */
  335.         apiGenre: undefined,
  336.         /** @type {string?} API密钥 */
  337.         key: undefined,
  338.         /** @type {string?} 代理 */
  339.         proxy: undefined,
  340.         /** @type {Object?} 额外请求头 */
  341.         header: undefined,
  342.         /** @type {Object?} 额外请求数据 */
  343.         data: undefined,
  344.         quota: {
  345.             /** @type {string?} 余额URL */
  346.             url: undefined,
  347.             /** @type {string?} 余额请求方法 */
  348.             method: undefined,
  349.             /** @type {Object?} 余额请求头 */
  350.             header: undefined,
  351.             /** @type {Object?} 余额请求数据 */
  352.             data: undefined,
  353.             /** @type {number?} 剩余配额 */
  354.             surplus: undefined
  355.         }
  356.     },
  357.     /** @type {boolean?} 启用重点保护 */
  358.     enableEmphasisProtection: undefined,
  359.     /** @type {boolean?} 启用链接保护 */
  360.     enableLinkProtection: undefined
  361. };
  362.  
  363. /**
  364.  * @namespace chatgpt
  365.  * @desc ChatGPT服务配置。
  366.  * @memberof OJBetter
  367.  */
  368. OJBetter.chatgpt = {
  369.     /** @type {Object?} ChatGPT配置对象 */
  370.     configs: undefined,
  371.     config: {
  372.         /** @type {string?} 名称 */
  373.         name: undefined,
  374.         /** @type {string?} 模型 */
  375.         model: undefined,
  376.         /** @type {string?} API密钥 */
  377.         key: undefined,
  378.         /** @type {string?} 代理 */
  379.         proxy: undefined,
  380.         /** @type {Object?} 额外请求头 */
  381.         header: undefined,
  382.         /** @type {Object?} 额外请求数据 */
  383.         data: undefined,
  384.         quota: {
  385.             /** @type {string?} 余额URL */
  386.             url: undefined,
  387.             /** @type {string?} 余额请求方法 */
  388.             method: undefined,
  389.             /** @type {Object?} 余额请求头 */
  390.             header: undefined,
  391.             /** @type {Object?} 余额请求数据 */
  392.             data: undefined,
  393.             /** @type {number?} 剩余配额 */
  394.             surplus: undefined
  395.         }
  396.     },
  397.     /** @type {boolean?} 是否为流式传输 */
  398.     isStream: undefined
  399. };
  400.  
  401. /**
  402.  * @namespace preference
  403.  * @desc 偏好设置
  404.  * @memberof OJBetter
  405.  */
  406. OJBetter.preference = {
  407.     /** @type {boolean?} 是否显示加载动画 */
  408.     showLoading: undefined,
  409.     /** @type {boolean?} 是否显示悬停目标区域 */
  410.     hoverTargetAreaDisplay: undefined,
  411.     /** @type {string?} 按钮图标大小 */
  412.     iconButtonSize: undefined,
  413. };
  414.  
  415. /**
  416.  * @namespace dev
  417.  * @desc 维护
  418.  * @memberof OJBetter
  419.  */
  420. OJBetter.dev = {
  421.     /** @type {boolean?} 是否显示规则标记 */
  422.     isRuleMarkingEnabled: undefined,
  423. };
  424.  
  425. /**
  426.  * @namespace about
  427.  * @desc 关于页信息
  428.  * @memberof OJBetter
  429.  */
  430. OJBetter.about = {
  431.     /** @type {string?} 更新通道 */
  432.     updateChannel: undefined,
  433.     /** @type {string?} 更新源 */
  434.     updateSource: undefined
  435. };
  436.  
  437. /**
  438.  * @namespace supportList
  439.  * @desc 支持列表
  440.  * @memberof OJBetter
  441.  */
  442. OJBetter.supportList = {
  443.     /** @type {object} 翻译支持列表和对应语言代码*/
  444.     translationSupport: {
  445.         'deepl': { 'zh': 'ZH', 'de': 'DE', 'fr': 'FR', 'ko': 'KO', 'pt': 'PT', 'ja': 'JA', 'es': 'ES', 'it': 'IT' },
  446.         'iflyrec': { 'zh': '1' },
  447.         'youdao': { 'zh': 'AUTO' },
  448.         'google': { 'zh': 'zh-CN', 'zh-Hant': 'zh-TW', 'de': 'de', 'fr': 'fr', 'ko': 'ko', 'pt': 'pt', 'ja': 'ja', 'es': 'es', 'it': 'it', 'hi': 'hi' },
  449.         'caiyun': { 'zh': 'auto2zh', 'ja': 'auto2ja', 'ko': 'auto2ko', 'es': 'auto2es', 'fr': 'auto2fr' },
  450.         'openai': { 'zh': 'Chinese', 'zh-Hant': 'Traditional Chinese', 'de': 'German', 'fr': 'French', 'ko': 'Korean', 'pt': 'Portuguese', 'ja': 'Japanese', 'es': 'Spanish', 'it': 'Italian', 'hi': 'Hindi' }
  451.     },
  452.     /** @type {object} 更新源支持列表*/
  453.     updateSourceSupportList: {
  454.         'greasyfork': {
  455.             'release': true,
  456.             'dev': false
  457.         },
  458.         'github': {
  459.             'release': true,
  460.             'dev': true
  461.         },
  462.         'aliyunoss': {
  463.             'release': true,
  464.             'dev': true
  465.         }
  466.     }
  467. }
  468.  
  469. // ------------------------------
  470. // 一些工具函数
  471. // ------------------------------
  472.  
  473. /**
  474.  * 延迟函数 
  475.  * @param {number} ms 延迟时间（毫秒） 
  476.  * @returns {Promise<void>}
  477.  */
  478. function OJB_delay(ms) {
  479.     return new Promise(resolve => setTimeout(resolve, ms));
  480. }
  481.  
  482. /**
  483.  * 等待直到指定的条件函数返回true。
  484.  * 
  485.  * @param {() => boolean} conditionCheck 一个无参数的函数，用于检查条件是否满足。当函数返回true时，表示条件已满足。
  486.  * @param {number} [interval=100] 检查条件的间隔时间，单位为毫秒。默认为100毫秒。
  487.  * @returns {Promise<void>} 返回一个Promise，在条件满足时解决。
  488.  */
  489. async function OJB_waitUntilTrue(conditionCheck, interval = 100) {
  490.     return new Promise((resolve) => {
  491.         const checkCondition = async () => {
  492.             if (conditionCheck()) {
  493.                 resolve();
  494.             } else {
  495.                 await OJB_delay(interval);
  496.                 checkCondition();
  497.             }
  498.         };
  499.         checkCondition();
  500.     });
  501. }
  502.  
  503. /**
  504.  * 动态加载JavaScript库并返回一个Promise，该Promise在脚本加载完成后解决。
  505.  * 
  506.  * @param {string} url - 要加载的JavaScript库的URL地址。
  507.  * @returns {Promise<void>} 一个Promise，它在脚本加载并执行完成后解决。
  508.  */
  509. function OJB_LoadJS(url) {
  510.     return new Promise((resolve, reject) => {
  511.         let scriptElement = document.createElement("script");
  512.         scriptElement.src = url;
  513.         document.head.prepend(scriptElement);
  514.         scriptElement.onload = resolve;
  515.         scriptElement.onerror = reject;
  516.     });
  517. }
  518.  
  519. /**
  520.  * 安全地创建JQuery对象
  521.  * @description 通过字符串创建JQuery对象时，如果字符串以空格开头，在某些Jquery版本中会发生错误，过滤空格以安全的创建元素。
  522.  * @param {string} string - 字符串。
  523.  * @returns JQuery对象
  524.  */
  525. const OJB_safeCreateJQElement = function (string) {
  526.     return $(string.replace(/^\s+/, ""));
  527. }
  528.  
  529.  
  530. /**
  531.  * 将数字或者字符串解析为数字。
  532.  * @memberof OJBetter.common
  533.  * @param {string} val 要解析的字符串
  534.  * @param {boolean} [strict=false] 是否进行严格类型检查
  535.  * @returns {number} 解析结果
  536.  * @throws {Error} 如果解析失败，则抛出错误
  537.  */
  538. const OJB_parseNumber = (val, strict = false) => {
  539.     const num = Number(val);
  540.     if (isNaN(num) || (strict && val.toString() !== num.toString())) {
  541.         throw new Error('Invalid number');
  542.     }
  543.     return num;
  544. };
  545.  
  546. /**
  547.  * 将字符串解析为布尔值
  548.  * @param {string} val - 要解析的字符串
  549.  * @param {boolean} strict - 是否进行严格类型检查
  550.  * @returns {boolean} - 解析结果
  551.  * @throws {Error} - 如果解析失败，则抛出错误
  552.  */
  553. const OJB_parseBoolean = (val, strict) => {
  554.     if (strict) {
  555.         if (val === true || val === false) return val;
  556.         throw new Error('Invalid boolean');
  557.     }
  558.     return val === 'true' ? true : val === 'false' ? false : val;
  559. };
  560.  
  561. /**
  562.  * 将字符串解析为对象
  563.  * @param {string} val - 要解析的字符串
  564.  * @returns {Object} - 解析结果
  565.  * @throws {Error} - 如果解析失败，则抛出错误
  566.  */
  567. const OJB_parseObject = val => {
  568.     try {
  569.         return JSON.parse(val);
  570.     } catch {
  571.         throw new Error('Invalid JSON');
  572.     }
  573. };
  574.  
  575. /**
  576.  * 将字符串解析为键值对数组
  577.  * @param {string} val - 要解析的字符串
  578.  * @returns {Object[]} - 解析结果
  579.  * @throws {Error} - 如果解析失败，则抛出错误
  580.  */
  581. const OJB_parseLinePairArray = val => {
  582.     if (typeof val !== 'string' || val.trim() === '') return [];
  583.     return val.split("\n").filter(line => line.trim() !== '').map(line => {
  584.         const indexOfFirstColon = line.indexOf(":");
  585.         if (indexOfFirstColon === -1) throw new Error('Invalid LinePairArray format: ":" is missing');
  586.         const key = line.substring(0, indexOfFirstColon).trim();
  587.         const value = line.substring(indexOfFirstColon + 1).trim();
  588.         return { [key]: value };
  589.     });
  590. };
  591.  
  592. /**
  593.  * 移除文本中的HTML标签
  594.  * @param {string} text - 包含HTML标签的文本
  595.  * @returns {string} - 移除HTML标签后的文本
  596.  */
  597. const OJB_removeHTMLTags = function (text) {
  598.     return text.replace(/<\/?[a-zA-Z]+("[^"]*"|'[^']*'|[^'">])*>/g, '');
  599. }
  600.  
  601. /**
  602.  * 获取对象中指定路径表达式的值
  603.  * @param {Object} obj - 要计算的对象
  604.  * @param {string} pathOrExpression - 要计算的路径表达式
  605.  * @returns {any} - 计算结果
  606.  * @example
  607.  * const obj = {
  608.  *   "a": {
  609.  *     "b": 1
  610.  *   },
  611.  *   "c": 2
  612.  * };
  613.  * OJB_evaluatePathOrExpression(obj, "a.b"); // 1
  614.  * OJB_evaluatePathOrExpression(obj, "a.b + c"); // 3
  615.  * OJB_evaluatePathOrExpression(obj, "a.b + a.c"); // 1 
  616.  */
  617. function OJB_evaluatePathOrExpression(obj, pathOrExpression) {
  618.     const hasOperator = /[\+\-\*\/]/.test(pathOrExpression);
  619.     const getPathValue = (obj, path) => {
  620.         return path.split('.').reduce((acc, part) => {
  621.             return acc !== undefined && acc !== null && acc.hasOwnProperty(part) ? acc[part] : undefined;
  622.         }, obj);
  623.     };
  624.     const evaluateExpression = (obj, expression) => {
  625.         const tokens = expression.split(/([\+\-\*\/])/).map(token => token.trim());
  626.         const values = tokens.map(token => {
  627.             if (/[\+\-\*\/]/.test(token)) {
  628.                 return token;
  629.             } else {
  630.                 const value = getPathValue(obj, token);
  631.                 return value !== undefined ? value : 0;
  632.             }
  633.         });
  634.         const evaluatedExpression = values.join(' ');
  635.         try {
  636.             return Function(`'use strict'; return (${evaluatedExpression});`)();
  637.         } catch (e) {
  638.             console.error('Expression evaluation error:', e);
  639.             return undefined;
  640.         }
  641.     };
  642.     return hasOperator ? evaluateExpression(obj, pathOrExpression) : getPathValue(obj, pathOrExpression);
  643. }
  644.  
  645. /**
  646.  * 获取 GM 存储的值并根据类型进行处理
  647.  * @param {string} key - 要检索的值的键。
  648.  * @param {any} defaultValue - 如果值未找到，则返回的默认值。
  649.  * @param {Object} [options={}] - 配置选项对象。
  650.  * @param {string} [options.type='string'] - 期望的值的类型。可选值：'string', 'number', 'boolean', 'object', 'array', 'linePairArray'。
  651.  * @param {boolean} [options.strict=false] - 用于数字和布尔类型，表示是否进行严格类型检查。
  652.  * @param {string} [options.pathOrExpression=''] - 用于对象或数组类型，表示路径表达式或获取元素的索引。
  653.  * @returns {any} - 检索到的值。
  654.  */
  655. const OJB_getGMValue = (key, defaultValue, { type = 'string', strict = false, pathOrExpression = '' } = {}) => {
  656.     let value = GM_getValue(key);
  657.     if (value === undefined || value === null || value === "") {
  658.         GM_setValue?.(key, defaultValue);
  659.         return defaultValue;
  660.     }
  661.  
  662.     const parsers = {
  663.         string: val => val,
  664.         number: (val) => OJB_parseNumber(val, strict),
  665.         boolean: (val) => OJB_parseBoolean(val, strict),
  666.         object: OJB_parseObject,
  667.         array: OJB_parseObject,
  668.         linePairArray: OJB_parseLinePairArray
  669.     };
  670.  
  671.     if (!(type in parsers)) {
  672.         console.error(`Unsupported type: ${type}`);
  673.         return defaultValue;
  674.     }
  675.  
  676.     try {
  677.         value = parsers[type](value);
  678.     } catch (e) {
  679.         console.error('Error:', e.message);
  680.         return defaultValue;
  681.     }
  682.  
  683.     // The pathOrExpression processing is not applicable to linePairArray type
  684.     if ((type === 'object' || type === 'array') && pathOrExpression) {
  685.         const evaluated = OJB_evaluatePathOrExpression(value, pathOrExpression);
  686.         if (evaluated === undefined) {
  687.             console.error('Path or expression evaluation returned undefined');
  688.             return defaultValue;
  689.         }
  690.         value = evaluated;
  691.     }
  692.  
  693.     return value;
  694. };
  695.  
  696. /**
  697.  * 版本号比较方法
  698.  * @param {string} version1 版本号1
  699.  * @param {string} version2 版本号2
  700.  * @returns {number} -1: version1 < version2, 0: version1 = version2, 1: version1 > version2
  701.  */
  702. const OJB_compareVersions = function (version1 = "0", version2 = "0") {
  703.     const v1Array = version1.split(".").map(Number);
  704.     const v2Array = version2.split(".").map(Number);
  705.     const length = Math.max(v1Array.length, v2Array.length);
  706.     for (let i = 0; i < length; i++) {
  707.         const diff = (v1Array[i] || 0) - (v2Array[i] || 0);
  708.         if (diff) return Math.sign(diff);
  709.     }
  710.     return 0;
  711. }
  712.  
  713. /**
  714.  * 获取上一个主版本号
  715.  * @param {string} currentVersion 当前版本号
  716.  * @returns {string} 上一个主版本号
  717.  */
  718. const OJB_getPreviousVersion = function (currentVersion) {
  719.     const versionArray = currentVersion.split(".").map(Number);
  720.     let lastNonZeroIndex = versionArray.length - 1;
  721.     while (lastNonZeroIndex >= 0 && versionArray[lastNonZeroIndex] === 0) {
  722.         lastNonZeroIndex--;
  723.     }
  724.     if (lastNonZeroIndex >= 0) {
  725.         versionArray[lastNonZeroIndex]--;
  726.         for (let i = lastNonZeroIndex + 1; i < versionArray.length; i++) {
  727.             versionArray[i] = 0;
  728.         }
  729.     }
  730.     return versionArray.join(".");
  731. };
  732.  
  733. /**
  734.  * 在指定根节点下观察指定选择器的元素，当元素存在时，执行回调函数
  735.  * @param {Object} options - 配置对象
  736.  * @param {string} options.selector - CSS选择器文本
  737.  * @param {Function} options.callback - 回调函数，接收变动的节点作为参数
  738.  * @param {Boolean} [options.triggerOnExist=true] - 如果为true，元素已存在时立即触发一次回调
  739.  * @param {Element} [options.root=document.body] - 在哪个根节点下监听变化
  740.  * @param {Boolean} [options.subtree=false] - 是否监听子树变化（即非直接子元素）
  741.  */
  742. function OJB_observeElement({
  743.     selector,
  744.     callback,
  745.     triggerOnExist = true,
  746.     root = document.body,
  747.     subtree = false
  748. }) {
  749.     // 尝试获取选择器指定的元素
  750.     const targetNode = root.querySelector(selector);
  751.  
  752.     if (targetNode) {
  753.         // 如果元素已存在，直接开始观察
  754.         observeAndReport(targetNode, callback);
  755.         // 如果triggerOnExist为true，则立即触发一次回调
  756.         if (triggerOnExist) {
  757.             callback(targetNode);
  758.         }
  759.     } else {
  760.         // 如果元素不存在，监听DOM变化直到该元素被添加
  761.         const observer = new MutationObserver((mutations) => {
  762.             mutations.forEach((mutation) => {
  763.                 mutation.addedNodes.forEach((node) => {
  764.                     if (node.nodeType === Node.ELEMENT_NODE && node.matches(selector)) {
  765.                         observeAndReport(node, callback);
  766.                         if (triggerOnExist) {
  767.                             callback(node);
  768.                         }
  769.                         observer.disconnect(); // 停止监听
  770.                     }
  771.                 });
  772.             });
  773.         });
  774.  
  775.         observer.observe(root, { childList: true, subtree, attributes: false });
  776.     }
  777.  
  778.     function observeAndReport(node, callback) {
  779.         const childObserver = new MutationObserver((mutations) => {
  780.             mutations.forEach((mutation) => {
  781.                 mutation.addedNodes.forEach((addedNode) => {
  782.                     if (addedNode.nodeType === Node.ELEMENT_NODE) {
  783.                         callback(addedNode); // 执行回调函数
  784.                     }
  785.                 });
  786.             });
  787.         });
  788.  
  789.         childObserver.observe(node, { childList: true, subtree: true, attributes: false });
  790.     }
  791. }
  792.  
  793. /**
  794.  * 初始化全局变量
  795.  */
  796. async function initVar() {
  797.     const { hostname, href } = window.location;
  798.     OJBetter.state.formatName = (() => OJBetter.state.name
  799.         .toLowerCase()
  800.         .replace(/\s+/g, '-')
  801.         .replace(/[^a-z0-9-]/g, ''))();
  802.     OJBetter.state.lastAnnounceVer = OJB_getGMValue("lastAnnounceVer", "0");
  803.     OJBetter.state.lastReadAnnounceVer = OJB_getGMValue("lastReadAnnounceVer", "0");
  804.     OJBetter.typeOfPage.is_contest = /\/contests\/[^\/]+\/tasks\/?$/.test(href);
  805.     OJBetter.typeOfPage.is_problem = href.includes('/tasks/');
  806.     OJBetter.typeOfPage.is_homepage = (href === 'https://atcoder.jp/' || href === 'https://atcoder.jp/?lang=ja');
  807.     OJBetter.typeOfPage.isEnglishLanguage = $('meta[http-equiv="Content-Language"]').attr('content') === 'en';
  808.     OJBetter.typeOfPage.isEditorial = href.includes("editorial");
  809.     OJBetter.localization.websiteLang = OJB_getGMValue("localizationLanguage", "zh");
  810.     OJBetter.localization.scriptLang = OJB_getGMValue("scriptL10nLanguage", "zh");
  811.     OJBetter.basic.renderPerfOpt = OJB_getGMValue("renderPerfOpt", false);
  812.     OJBetter.basic.selectElementPerfOpt = OJB_getGMValue("selectElementPerfOpt", true);
  813.     OJBetter.basic.commentPaging = OJB_getGMValue("commentPaging", true);
  814.     OJBetter.basic.showJumpToLuogu = OJB_getGMValue("showJumpToLuogu", true);
  815.     OJBetter.basic.showCF2vjudge = OJB_getGMValue("showCF2vjudge", true);
  816.     OJBetter.basic.standingsRecolor = OJB_getGMValue("standingsRecolor", true);
  817.     OJBetter.state.notWaiteLoaded = OJB_getGMValue("notWaiteLoaded", false);
  818.     OJBetter.translation.targetLang = OJB_getGMValue("transTargetLang", "zh");
  819.     OJBetter.translation.choice = OJB_getGMValue("translation", "deepl");
  820.     OJBetter.translation.comment.transMode = OJB_getGMValue("commentTranslationMode", "0");
  821.     OJBetter.translation.comment.choice = OJB_getGMValue("commentTranslationChoice", "0");
  822.     OJBetter.translation.memory.enabled = OJB_getGMValue("memoryTranslateHistory", true);
  823.     OJBetter.translation.auto.enabled = OJB_getGMValue("autoTranslation", false);
  824.     OJBetter.translation.auto.shortTextLength = OJB_getGMValue("shortTextLength", "2000");
  825.     OJBetter.translation.retransAction = OJB_getGMValue("retransAction", "0");
  826.     OJBetter.translation.waitTime = OJB_getGMValue("transWaitTime", "200");
  827.     OJBetter.translation.auto.mixTrans.enabled = OJB_getGMValue("allowMixTrans", true);
  828.     OJBetter.translation.auto.mixTrans.servers = OJB_getGMValue("mixedTranslation", ['deepl', 'iflyrec', 'youdao', 'caiyun']);
  829.     OJBetter.common.taskQueue = new TaskQueue();
  830.     OJBetter.translation.replaceSymbol = OJB_getGMValue("replaceSymbol", "2");
  831.     OJBetter.translation.filterTextWithoutEmphasis = OJB_getGMValue("filterTextWithoutEmphasis", false);
  832.     OJBetter.clist.enabled.contest = OJB_getGMValue("showClistRating_contest", false);
  833.     OJBetter.clist.enabled.problem = OJB_getGMValue("showClistRating_problem", false);
  834.     OJBetter.clist.enabled.problemset = OJB_getGMValue("showClistRating_problemset", false);
  835.     OJBetter.clist.ratingHidden = OJB_getGMValue("RatingHidden", false);
  836.     OJBetter.clist.authorization = OJB_getGMValue("clist_Authorization", "");
  837.     //deepl
  838.     OJBetter.deepl.config.type = OJB_getGMValue("deepl_type", "free");
  839.     OJBetter.deepl.configs = OJB_getGMValue("deepl_config", {
  840.         "choice": "",
  841.         "configurations": []
  842.     });
  843.     if (OJBetter.deepl.configs.choice !== "" && OJBetter.deepl.configs.configurations.length !== 0) {
  844.         const choice = OJBetter.deepl.configs.choice;
  845.         const configuration = OJBetter.deepl.configs.configurations.find(obj => obj.name === choice);;
  846.         if (configuration == undefined) {
  847.             let existingConfig = GM_getValue('deepl_config');
  848.             existingConfig.choice = "";
  849.             GM_setValue('deepl_config', existingConfig);
  850.             location.reload();
  851.         }
  852.         OJBetter.deepl.config.name = configuration.name;
  853.         OJBetter.deepl.config.apiGenre = configuration.apiGenre;
  854.         OJBetter.deepl.config.key = configuration.key;
  855.         OJBetter.deepl.config.proxy = configuration.proxy;
  856.         OJBetter.deepl.config.header = OJB_parseLinePairArray(configuration._header);
  857.         OJBetter.deepl.config.data = OJB_parseLinePairArray(configuration._data);
  858.         OJBetter.deepl.config.quota.url = configuration.quota_url;
  859.         OJBetter.deepl.config.quota.method = configuration.quota_method;
  860.         OJBetter.deepl.config.quota.header = OJB_parseLinePairArray(configuration.quota_header);
  861.         OJBetter.deepl.config.quota.data = OJB_parseLinePairArray(configuration.quota_data);
  862.         OJBetter.deepl.config.quota.surplus = configuration.quota_surplus;
  863.     }
  864.     OJBetter.deepl.enableEmphasisProtection = OJB_getGMValue("enableEmphasisProtection", true);
  865.     OJBetter.deepl.enableLinkProtection = OJB_getGMValue("enableLinkProtection", true);
  866.     //openai
  867.     OJBetter.chatgpt.isStream = OJB_getGMValue("openai_isStream", true);
  868.     OJBetter.chatgpt.configs = OJB_getGMValue("chatgpt_config", {
  869.         "choice": "",
  870.         "configurations": []
  871.     });
  872.     if (OJBetter.chatgpt.configs.choice !== "" && OJBetter.chatgpt.configs.configurations.length !== 0) {
  873.         const choice = OJBetter.chatgpt.configs.choice;
  874.         const configuration = OJBetter.chatgpt.configs.configurations.find(obj => obj.name === choice);;
  875.         if (configuration == undefined) {
  876.             let existingConfig = GM_getValue('chatgpt_config');
  877.             existingConfig.choice = "";
  878.             GM_setValue('chatgpt_config', existingConfig);
  879.             location.reload();
  880.         }
  881.         OJBetter.chatgpt.config.name = configuration.name;
  882.         OJBetter.chatgpt.config.model = configuration.model;
  883.         OJBetter.chatgpt.config.key = configuration.key;
  884.         OJBetter.chatgpt.config.proxy = configuration.proxy;
  885.         OJBetter.chatgpt.config.header = OJB_parseLinePairArray(configuration._header);
  886.         OJBetter.chatgpt.config.data = OJB_parseLinePairArray(configuration._data);
  887.         OJBetter.chatgpt.config.quota.url = configuration.quota_url;
  888.         OJBetter.chatgpt.config.quota.method = configuration.quota_method;
  889.         OJBetter.chatgpt.config.quota.header = OJB_parseLinePairArray(configuration.quota_header);
  890.         OJBetter.chatgpt.config.quota.data = OJB_parseLinePairArray(configuration.quota_data);
  891.         OJBetter.chatgpt.config.quota.surplus = configuration.quota_surplus;
  892.     }
  893.     // 编辑器
  894.     // if (!OJBetter.typeOfPage.is_mSite) OJBetter.common.cf_csrf_token = Codeforces.getCsrfToken();
  895.     // else OJBetter.common.cf_csrf_token = "";
  896.     OJBetter.common.at_csrf_token = csrfToken;
  897.     // OJBetter.monaco.compilerSelection = OJB_getGMValue("compilerSelection", "61");
  898.     OJBetter.monaco.compilerSelection = OJB_getGMValue("compilerSelection", "5001");
  899.     OJBetter.monaco.setting.fontsize = OJB_getGMValue("editorFontSize", "15");
  900.     OJBetter.monaco.enableOnProblemPage = OJB_getGMValue("problemPageCodeEditor", true);
  901.     OJBetter.monaco.beautifyPreBlocks = OJB_getGMValue("beautifyPreBlocks", true);
  902.     OJBetter.monaco.complet.cppCodeTemplate = OJB_getGMValue("cppCodeTemplateComplete", true);
  903.     OJBetter.monaco.onlineCompilerChoice = OJB_getGMValue("onlineCompilerChoice", "official");
  904.     OJBetter.monaco.setting.isCodeSubmitDoubleConfirm = OJB_getGMValue("isCodeSubmitConfirm", true);
  905.     OJBetter.monaco.setting.alwaysConsumeMouseWheel = OJB_getGMValue("alwaysConsumeMouseWheel", true);
  906.     OJBetter.monaco.setting.submitButtonPosition = OJB_getGMValue("submitButtonPosition", "bottom");
  907.     //自定义补全
  908.     OJBetter.monaco.complet.customConfig = OJB_getGMValue("Complet_config", {
  909.         "choice": -1,
  910.         "configurations": []
  911.     });
  912.     // monaco
  913.     OJBetter.monaco.lsp.enabled = OJB_getGMValue("useLSP", false);
  914.     OJBetter.monaco.setting.position = OJB_getGMValue("monacoEditor_position", "initial");
  915.     OJBetter.monaco.lsp.workUri = OJB_getGMValue("OJBetter_Bridge_WorkUri", "C:/OJBetter_Bridge");
  916.     OJBetter.monaco.lsp.socketUrl = OJB_getGMValue("OJBetter_Bridge_SocketUrl", "ws://127.0.0.1:2323/");
  917.     OJBetter.preference.showLoading = OJB_getGMValue("showLoading", true);
  918.     OJBetter.preference.hoverTargetAreaDisplay = OJB_getGMValue("hoverTargetAreaDisplay", false);
  919.     OJBetter.basic.expandFoldingblocks = OJB_getGMValue("expandFoldingblocks", true);
  920.     OJBetter.preference.iconButtonSize = OJB_getGMValue("iconButtonSize", "16");
  921.     OJBetter.dev.isRuleMarkingEnabled = OJB_getGMValue("isRuleMarkingEnabled", false);
  922.     OJBetter.about.updateChannel = OJB_getGMValue("updateChannel", "release");
  923.     OJBetter.about.updateSource = OJB_getGMValue("updateSource", "greasyfork");
  924. }
  925.  
  926. /**
  927.  * 显示警告消息
  928.  */
  929. function showWarnMessage() {
  930.     if (OJBetter.typeOfPage.is_oldLatex) {
  931.         const loadingMessage = new LoadingMessage();
  932.         loadingMessage.updateStatus(`${OJBetter.state.name} —— ${i18next.t('warning.is_oldLatex', { ns: 'alert' })}`, 'warning');
  933.     }
  934.     if (OJBetter.typeOfPage.is_acmsguru) {
  935.         const loadingMessage = new LoadingMessage();
  936.         loadingMessage.updateStatus(`${OJBetter.state.name} —— ${i18next.t('warning.is_acmsguru', { ns: 'alert' })}`, 'warning');
  937.     }
  938.     if (OJBetter.translation.comment.transMode == "1") {
  939.         const loadingMessage = new LoadingMessage();
  940.         loadingMessage.updateStatus(`${OJBetter.state.name} —— ${i18next.t('warning.trans_segment', { ns: 'alert' })}`, 'warning');
  941.     }
  942.     if (OJBetter.translation.comment.transMode == "2") {
  943.         const loadingMessage = new LoadingMessage();
  944.         loadingMessage.updateStatus(`${OJBetter.state.name} —— ${i18next.t('warning.trans_select', { ns: 'alert' })}`, 'warning');
  945.     }
  946.     if (OJBetter.typeOfPage.is_submitPage && OJBetter.monaco.enableOnProblemPage) {
  947.         const loadingMessage = new LoadingMessage();
  948.         loadingMessage.updateStatus(`${OJBetter.state.name} —— ${i18next.t('warning.is_submitPage', { ns: 'alert' })}`, 'warning');
  949.     }
  950. }
  951.  
  952. // 常量
  953. const helpCircleHTML = '<div class="help-icon"><svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm23.744 191.488c-52.096 0-92.928 14.784-123.2 44.352-30.976 29.568-45.76 70.4-45.76 122.496h80.256c0-29.568 5.632-52.8 17.6-68.992 13.376-19.712 35.2-28.864 66.176-28.864 23.936 0 42.944 6.336 56.32 19.712 12.672 13.376 19.712 31.68 19.712 54.912 0 17.6-6.336 34.496-19.008 49.984l-8.448 9.856c-45.76 40.832-73.216 70.4-82.368 89.408-9.856 19.008-14.08 42.24-14.08 68.992v9.856h80.96v-9.856c0-16.896 3.52-31.68 10.56-45.76 6.336-12.672 15.488-24.64 28.16-35.2 33.792-29.568 54.208-48.576 60.544-55.616 16.896-22.528 26.048-51.392 26.048-86.592 0-42.944-14.08-76.736-42.24-101.376-28.16-25.344-65.472-37.312-111.232-37.312zm-12.672 406.208a54.272 54.272 0 0 0-38.72 14.784 49.408 49.408 0 0 0-15.488 38.016c0 15.488 4.928 28.16 15.488 38.016A54.848 54.848 0 0 0 523.072 768c15.488 0 28.16-4.928 38.72-14.784a51.52 51.52 0 0 0 16.192-38.72 51.968 51.968 0 0 0-15.488-38.016 55.936 55.936 0 0 0-39.424-14.784z"></path></svg></div>';
  954. const closeIcon = `<svg t="1696693011050" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4322" width="14" height="14"><path d="M0 0h1024v1024H0z" fill-opacity="0" p-id="4323"></path><path d="M240.448 168l2.346667 2.154667 289.92 289.941333 279.253333-279.253333a42.666667 42.666667 0 0 1 62.506667 58.026666l-2.133334 2.346667-279.296 279.210667 279.274667 279.253333a42.666667 42.666667 0 0 1-58.005333 62.528l-2.346667-2.176-279.253333-279.253333-289.92 289.962666a42.666667 42.666667 0 0 1-62.506667-58.005333l2.154667-2.346667 289.941333-289.962666-289.92-289.92a42.666667 42.666667 0 0 1 57.984-62.506667z" p-id="4324"></path></svg>`;
  955. const translateIcon = `<svg t="1696837407077" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6325" width="22" height="22"><path d="M536.380952 121.904762a73.142857 73.142857 0 0 1 73.142858 73.142857v219.428571h219.428571a73.142857 73.142857 0 0 1 73.142857 73.142858v341.333333a73.142857 73.142857 0 0 1-73.142857 73.142857H487.619048a73.142857 73.142857 0 0 1-73.142858-73.142857v-219.428571H195.047619a73.142857 73.142857 0 0 1-73.142857-73.142858V195.047619a73.142857 73.142857 0 0 1 73.142857-73.142857h341.333333zM243.809524 682.666667v97.523809h97.523809v73.142857h-97.523809a73.142857 73.142857 0 0 1-73.142857-73.142857v-97.523809h73.142857z m585.142857-195.047619h-219.428571v48.761904a73.142857 73.142857 0 0 1-73.142858 73.142858h-48.761904v219.428571h341.333333V487.619048z m-115.760762 89.526857L787.21219 780.190476h-62.025142l-14.043429-42.715428h-76.068571L620.739048 780.190476h-60.854858l74.605715-203.044571h78.701714z m-38.034286 50.029714h-3.510857l-21.065143 63.488h45.348572l-20.772572-63.488zM536.380952 195.047619H195.047619v341.333333h341.333333V195.047619z 
  956. m-195.072 49.883429l44.78781 1.072762v37.278476h87.698286v145.359238h-87.698286v65.974857h-44.78781v-65.974857h-87.698285v-145.359238h87.698285v-38.351238z m0 83.139047h-44.787809v56.05181h44.787809v-56.05181z m89.307429 0h-44.519619v56.05181h44.519619v-56.05181zM780.190476 170.666667a73.142857 73.142857 0 0 1 73.142857 73.142857v97.523809h-73.142857v-97.523809h-97.523809V170.666667h97.523809z" p-id="6326"></path></svg>`;
  957. const clistIcon = `<svg width="37.7pt" height="10pt" viewBox="0 0 181 48" version="1.1" xmlns="http://www.w3.org/2000/svg"><g id="#0057b8ff"><path fill="#0057b8" opacity="1.00" d=" M 17.36 0.00 L 18.59 0.00 C 23.84 6.49 30.28 11.92 36.01 17.98 C 34.01 19.99 32.01 21.99 30.00 23.99 C 26.02 19.97 22.02 15.98 18.02 11.99 C 14.01 15.98 10.01 19.99 6.00 23.99 C 4.16 22.04 2.30 20.05 0.00 18.61 L 0.00 17.37 C 3.44 15.11 6.00 11.84 8.96 9.03 C 11.79 6.05 15.09 3.47 17.36 0.00 Z" /></g><g id="#a0a0a0ff"><path fill="#a0a0a0" opacity="1.00" d=" M 56.76 13.74 C 61.48 4.80 76.07 3.90 81.77 12.27 C 83.09 13.94 83.44 16.10 83.91 18.12 C 81.53 18.23 79.16 18.24 76.78 18.23 C 75.81 15.72 73.99 13.31 71.14 12.95 C 67.14 12.02 63.45 15.29 62.48 18.99 C 61.30 23.27 61.71 28.68 65.34 31.70 C 67.82 34.05 72.19 33.93 74.61 31.55 C 75.97 30.18 76.35 28.23 76.96 26.48 C 79.36 26.43 81.77 26.44 84.17 26.56 C 83.79 30.09 82.43 33.49 79.89 36.02 C 74.14 41.35 64.17 40.80 58.77 35.25 C 53.52 29.56 53.18 20.38 56.76 13.74 Z" />
  958. <path fill="#a0a0a0" opacity="1.00" d=" M 89.01 7.20 C 91.37 7.21 93.74 7.21 96.11 7.22 C 96.22 15.71 96.10 24.20 96.18 32.69 C 101.25 32.76 106.32 32.63 111.39 32.79 C 111.40 34.86 111.41 36.93 111.41 39.00 C 103.94 39.00 96.47 39.00 89.00 39.00 C 89.00 28.40 88.99 17.80 89.01 7.20 Z" /><path fill="#a0a0a0" opacity="1.00" d=" M 115.00 7.21 C 117.33 7.21 119.66 7.21 121.99 7.21 C 122.01 17.81 122.00 28.40 122.00 39.00 C 119.67 39.00 117.33 39.00 115.00 39.00 C 115.00 28.40 114.99 17.80 115.00 7.21 Z" /><path fill="#a0a0a0" opacity="1.00" d=" M 133.35 7.47 C 139.11 5.56 146.93 6.28 150.42 11.87 C 151.42 13.39 151.35 15.31 151.72 17.04 C 149.33 17.05 146.95 17.05 144.56 17.03 C 144.13 12.66 138.66 11.12 135.34 13.30 C 133.90 14.24 133.54 16.87 135.35 17.61 C 139.99 20.02 145.90 19.54 149.92 23.19 C 154.43 26.97 153.16 35.36 147.78 37.72 C 143.39 40.03 137.99 40.11 133.30 38.69 C 128.80 37.34 125.34 32.90 125.91 28.10 C 128.22 28.10 130.53 28.11 132.84 28.16 C 132.98 34.19 142.68 36.07 145.18 30.97 C 146.11 27.99 142.17 27.05 140.05 26.35 C 135.54 25.04 129.83 24.33 127.50 19.63 C 125.30 14.78 128.42 9.00 133.35 7.47 Z" />
  959. <path fill="#a0a0a0" opacity="1.00" d=" M 153.31 7.21 C 161.99 7.21 170.67 7.21 179.34 7.21 C 179.41 9.30 179.45 11.40 179.48 13.50 C 176.35 13.50 173.22 13.50 170.09 13.50 C 170.05 21.99 170.12 30.48 170.05 38.98 C 167.61 39.00 165.18 39.00 162.74 39.00 C 162.64 30.52 162.73 22.04 162.69 13.55 C 159.57 13.49 156.44 13.49 153.32 13.50 C 153.32 11.40 153.31 9.31 153.31 7.21 Z" /></g><g id="#ffd700ff"><path fill="#ffd700" opacity="1.00" d=" M 12.02 29.98 C 14.02 27.98 16.02 25.98 18.02 23.98 C 22.01 27.99 26.03 31.97 30.00 35.99 C 34.01 31.99 38.01 27.98 42.02 23.99 C 44.02 25.98 46.02 27.98 48.01 29.98 C 42.29 36.06 35.80 41.46 30.59 48.00 L 29.39 48.00 C 24.26 41.42 17.71 36.08 12.02 29.98 Z" /></g></svg>`;
  960.  
  961. /**
  962.  * 连接数据库
  963.  */
  964. async function initDB() {
  965.     OJBetter.common.database = new Dexie('OJBetterDB');
  966.     OJBetter.common.database.version(3).stores({
  967.         samplesData: '&url',
  968.         editorCode: '&url',
  969.         translateData: '&url',
  970.         localizeSubsData: '&lang'
  971.     });
  972.  
  973.     // 等待数据库打开
  974.     await OJBetter.common.database.open();
  975. }
  976.  
  977. /**
  978.  * 清空数据库
  979.  */
  980. async function clearDatabase() {
  981.     const isConfirmed = await OJB_createDialog(
  982.         i18next.t('isClearDatabase.title', { ns: 'dialog' }),
  983.         i18next.t('isClearDatabase.content', { ns: 'dialog' }),
  984.         [
  985.             i18next.t('isClearDatabase.buttons.0', { ns: 'dialog' }),
  986.             i18next.t('isClearDatabase.buttons.1', { ns: 'dialog' })
  987.         ]
  988.     );
  989.     if (!isConfirmed) {
  990.         try {
  991.             // 开启一个读写事务，包含数据库中的所有表
  992.             await OJBetter.common.database.transaction('rw', OJBetter.common.database.tables, async () => {
  993.                 // 遍历所有表
  994.                 for (const table of OJBetter.common.database.tables) {
  995.                     // 清空当前表
  996.                     await table.clear();
  997.                 }
  998.             });
  999.             console.log("All tables in the database have been cleared.");
  1000.             alert("All tables in the database have been cleared.");
  1001.         } catch (error) {
  1002.             console.error("Error clearing the database:", error);
  1003.         }
  1004.     }
  1005. }
  1006.  
  1007. /**
  1008.  * 导出数据库
  1009.  * @returns {Promise<string>} 数据库的JSON字符串
  1010.  */
  1011. async function exportDatabase() {
  1012.     try {
  1013.         // 创建一个存储数据的对象
  1014.         const exportData = {};
  1015.         // 获取数据库中所有表的名称
  1016.         const tableNames = OJBetter.common.database.tables.map(table => table.name);
  1017.  
  1018.         // 遍历每一个表，获取数据
  1019.         for (const tableName of tableNames) {
  1020.             const tableData = await OJBetter.common.database.table(tableName).toArray();
  1021.             exportData[tableName] = tableData;
  1022.         }
  1023.  
  1024.         // 将数据对象转换为JSON字符串
  1025.         const jsonData = JSON.stringify(exportData, null, 4);
  1026.         return jsonData;
  1027.     } catch (error) {
  1028.         console.error("Error exporting database:", error);
  1029.     }
  1030. }
  1031.  
  1032. /**
  1033.  * 导入数据库
  1034.  * @param {string} jsonData 数据库的JSON字符串
  1035.  */
  1036. async function importDatabase(jsonData) {
  1037.     const isConfirmed = await OJB_createDialog(
  1038.         i18next.t('isImportDatabase.title', { ns: 'dialog' }),
  1039.         i18next.t('isImportDatabase.content', { ns: 'dialog' }),
  1040.         [
  1041.             i18next.t('isImportDatabase.buttons.0', { ns: 'dialog' }),
  1042.             i18next.t('isImportDatabase.buttons.1', { ns: 'dialog' })
  1043.         ]
  1044.     );
  1045.     if (!isConfirmed) {
  1046.         try {
  1047.             // 将JSON字符串解析为对象
  1048.             const importData = JSON.parse(jsonData);
  1049.  
  1050.             // 开启一个事务，并清空现有数据
  1051.             await OJBetter.common.database.transaction('rw', OJBetter.common.database.tables, async () => {
  1052.                 // 清空所有表的数据
  1053.                 for (const tableName of OJBetter.common.database.tables.map(table => table.name)) {
  1054.                     await OJBetter.common.database.table(tableName).clear();
  1055.                 }
  1056.  
  1057.                 // 插入新数据
  1058.                 for (const [tableName, rows] of Object.entries(importData)) {
  1059.                     await OJBetter.common.database.table(tableName).bulkAdd(rows);
  1060.                 }
  1061.             });
  1062.             alert("Data imported successfully");
  1063.         } catch (error) {
  1064.             console.error("Error importing database:", error);
  1065.         }
  1066.     }
  1067. }
  1068.  
  1069. /**
  1070.  * 将数据下载为文件
  1071.  * @param {string} data 数据
  1072.  * @param {string} filename 文件名，默认为'export.json'
  1073.  * @param {string} fileType 文件MIME类型，默认为'application/json'
  1074.  * @returns {void}
  1075.  */
  1076. function downloadDataAsFile(data, filename = 'export.json', fileType = 'application/json') {
  1077.     // 创建一个blob对象，指定文件类型
  1078.     const blob = new Blob([data], { type: fileType });
  1079.     const url = URL.createObjectURL(blob);
  1080.  
  1081.     // 创建一个隐藏的a标签，模拟点击进行下载
  1082.     const a = document.createElement('a');
  1083.     a.href = url;
  1084.     a.download = filename;
  1085.     document.body.appendChild(a);
  1086.     a.click();
  1087.  
  1088.     // 清理
  1089.     document.body.removeChild(a);
  1090.     URL.revokeObjectURL(url);
  1091. }
  1092.  
  1093.  
  1094. /**
  1095.  * 从文件中读取数据
  1096.  * @param {Function} callback 回调函数
  1097.  * @returns {void}
  1098.  */
  1099. function readFileInput(callback) {
  1100.     const fileInput = document.createElement('input');
  1101.     fileInput.type = 'file';
  1102.     fileInput.accept = '.json';
  1103.     fileInput.style.display = 'none'; // 隐藏input元素
  1104.  
  1105.     fileInput.onchange = (e) => {
  1106.         const file = e.target.files[0];
  1107.         if (file) {
  1108.             const reader = new FileReader();
  1109.             reader.onload = (e) => {
  1110.                 const fileContent = e.target.result;
  1111.                 if (callback && typeof callback === 'function') {
  1112.                     callback(fileContent); // 调用回调函数，传入文件内容
  1113.                 }
  1114.             };
  1115.             reader.readAsText(file);
  1116.         }
  1117.     };
  1118.  
  1119.     document.body.appendChild(fileInput);
  1120.     fileInput.click();
  1121.     document.body.removeChild(fileInput);
  1122. }
  1123.  
  1124. /**
  1125.  * 清除所有设置
  1126.  */
  1127. async function deleteAllConfigSettings() {
  1128.     const isConfirmed = await OJB_createDialog(
  1129.         i18next.t('isDeleteAllConfigSettings.title', { ns: 'dialog' }),
  1130.         i18next.t('isDeleteAllConfigSettings.content', { ns: 'dialog' }),
  1131.         [
  1132.             i18next.t('isDeleteAllConfigSettings.buttons.0', { ns: 'dialog' }),
  1133.             i18next.t('isDeleteAllConfigSettings.buttons.1', { ns: 'dialog' })
  1134.         ]
  1135.     );
  1136.     if (!isConfirmed) {
  1137.         const keys = GM_listValues();
  1138.  
  1139.         keys.forEach(key => {
  1140.             GM_deleteValue(key);
  1141.         });
  1142.  
  1143.         alert('All settings have been deleted.');
  1144.         window.location.reload();
  1145.     }
  1146. }
  1147.  
  1148. /**
  1149.  * 导出设置到JSON
  1150.  * @returns {string} JSON字符串
  1151.  */
  1152. function exportSettingsToJSON() {
  1153.     const keys = GM_listValues();
  1154.     let settings = {};
  1155.  
  1156.     keys.forEach(key => {
  1157.         settings[key] = GM_getValue(key);
  1158.     });
  1159.  
  1160.     return JSON.stringify(settings, null, 4);
  1161. }
  1162.  
  1163. /**
  1164.  * 从JSON导入设置
  1165.  * @param {string} jsonData JSON字符串
  1166.  * @returns {void}
  1167.  */
  1168. async function importSettingsFromJSON(jsonData) {
  1169.     const isConfirmed = await OJB_createDialog(
  1170.         i18next.t('isImportSettings.title', { ns: 'dialog' }),
  1171.         i18next.t('isImportSettings.content', { ns: 'dialog' }),
  1172.         [
  1173.             i18next.t('isImportSettings.buttons.0', { ns: 'dialog' }),
  1174.             i18next.t('isImportSettings.buttons.1', { ns: 'dialog' })
  1175.         ]
  1176.     );
  1177.     if (!isConfirmed) {
  1178.         let settings;
  1179.         try {
  1180.             settings = JSON.parse(jsonData);
  1181.         } catch (e) {
  1182.             console.error('JSON parsing error:', e);
  1183.             return;
  1184.         }
  1185.  
  1186.         Object.keys(settings).forEach(key => {
  1187.             GM_setValue(key, settings[key]);
  1188.         });
  1189.  
  1190.         alert('Settings imported successfully!');
  1191.         window.location.reload();
  1192.     }
  1193. }
  1194.  
  1195. /**
  1196.  * 加载元素本地化语言数据
  1197.  * @param {JQuery} element jQuery元素
  1198.  * @param {number} [retries=10] 重试次数
  1199.  * @param {number} [interval=50] 重试间隔
  1200.  */
  1201. function elementLocalize(element, retries = 10, interval = 50) {
  1202.     if ($.isFunction(element.localize)) {
  1203.         element.localize();
  1204.     } else if (retries > 0) {
  1205.         setTimeout(elementLocalize, interval, element, retries - 1, interval);
  1206.     } else {
  1207.         console.error('Unable to localize', element);
  1208.     }
  1209. }
  1210.  
  1211. // 切换系统黑暗监听
  1212. const mediaQueryList = window.matchMedia('(prefers-color-scheme: dark)');
  1213. const changeEventListeners = [];
  1214. function handleColorSchemeChange(event) {
  1215.     event.matches ? $('html').attr('data-theme', 'dark') : $('html').attr('data-theme', 'light');
  1216.     if (!event.matches) {
  1217.         var originalColor = $(this).data("original-color");
  1218.         $(this).css("background-color", originalColor);
  1219.         if (OJBetter.monaco.editor) {
  1220.             monaco.editor.setTheme('vs');
  1221.         }
  1222.     } else {
  1223.         if (OJBetter.monaco.editor) {
  1224.             monaco.editor.setTheme('vs-dark');
  1225.         }
  1226.     }
  1227. }
  1228.  
  1229. // 黑暗模式
  1230. (function setDark() {
  1231.     // 初始化
  1232.     function setDarkTheme() {
  1233.         const htmlElement = document.querySelector('html');
  1234.         if (htmlElement) {
  1235.             htmlElement.setAttribute('data-theme', 'dark');
  1236.         } else {
  1237.             setTimeout(setDarkTheme, 100);
  1238.         }
  1239.     }
  1240.     OJBetter.basic.darkMode = OJB_getGMValue("darkMode", "follow")
  1241.     if (OJBetter.basic.darkMode == "dark") {
  1242.         setDarkTheme();
  1243.     } else if (OJBetter.basic.darkMode == "follow") {
  1244.         // 添加事件监听器
  1245.         changeEventListeners.push(handleColorSchemeChange);
  1246.         mediaQueryList.addEventListener('change', handleColorSchemeChange);
  1247.  
  1248.         if (window.matchMedia('(prefers-color-scheme: dark)').matches) setDarkTheme();
  1249.     }
  1250.  
  1251.     // 定义全局变量
  1252.     GM_addStyle(`
  1253.         /* 黑暗支持 */
  1254.         html[data-theme=dark]:root {
  1255.             color-scheme: light dark;
  1256.         }
  1257.         /* 颜色 */
  1258.         :root {
  1259.             /* 文字颜色 */
  1260.             --ojb-color-text-primary: #a0adb9; /* 主要文字颜色 */
  1261.             --ojb-color-text-secondary: #9AA4B1; /* 次要文字颜色 */
  1262.             --ojb-color-text-tertiary: #9BA5B2; /* 第三级文字颜色 */
  1263.             --ojb-color-text-success: #43A047; /* 成功状态文字颜色 */
  1264.             --ojb-color-text-highlight: #cbd6e2; /* 高亮文字颜色 */
  1265.             --ojb-color-text-disabled: #506778; /* 禁用状态文字颜色 */
  1266.             --ojb-color-text-icon-success: #2e7d32; /* 成功状态图标颜色 */
  1267.             --ojb-color-text-link: #4b8eda; /* 链接颜色 */
  1268.  
  1269.             /* 背景颜色 */
  1270.             --ojb-color-bg-primary: #22272e; /* 主背景颜色 */
  1271.             --ojb-color-bg-secondary: #2d333b; /* 次级背景颜色 */
  1272.             --ojb-color-bg-disabled: #24292e; /* 禁用元素背景颜色 */
  1273.  
  1274.             /* 边框颜色 */
  1275.             --ojb-color-border-primary: #48535F; /* 主要边框颜色 */
  1276.             --ojb-color-border-disabled: #404950; /* 禁用状态边框颜色 */
  1277.             --ojb-color-border-dashed-hover: #03A9F4; /* 虚线边框悬浮颜色 */
  1278.             --ojb-color-border-radio-checked: #326154; /* 选中的单选框边框颜色 */
  1279.  
  1280.             /* 阴影颜色 */
  1281.             --ojb-shadow-standard: 0px 0px 0.5px 0.5px #3A4048; /* 标准阴影 */
  1282.             --ojb-shadow-menu-modal: 0px 0px 0px 4px #2d333b; /* 菜单和模态框阴影 */
  1283.  
  1284.             /* 区域遮罩颜色 */
  1285.             --ojb-overlay-background: repeating-linear-gradient(135deg, #49525f6e, #49525f6e 30px, #49525f29 0px, #49525f29 55px); /* 区域遮罩背景 */
  1286.  
  1287.             /* 文字阴影 */
  1288.             --ojb-text-shadow-icon: 1px 1px 0px #2d333b, 1px -1px 0px #2d333b, -1px -1px 0px #2d333b, -1px 1px 0px #2d333b; /* 图标文字阴影 */
  1289.         }
  1290.         /* 边框样式 */
  1291.         :root {
  1292.             /* 边框样式 */
  1293.             --ojb-border-width: 1px; /* 边框宽度 */
  1294.             --ojb-border-style-solid: solid; /* 实线样式 */
  1295.             --ojb-border-style-dashed: dashed; /* 虚线样式 */
  1296.             --ojb-border-radius-small: 4px; /* 小圆角 */
  1297.             --ojb-border-radius-medium: 8px; /* 中圆角 */
  1298.             --ojb-border-radius-large: 12px; /* 大圆角 */
  1299.             
  1300.             /* 组合边框样式 */
  1301.             --ojb-border-solid-primary: var(--ojb-border-width) var(--ojb-border-style-solid) var(--ojb-color-border-primary); /* 主要实线边框 */
  1302.             --ojb-border-dashed: var(--ojb-border-width) var(--ojb-border-style-dashed) var(--ojb-color-border-primary); /* 主要虚线边框 */
  1303.             --ojb-border-dashed-hover: var(--ojb-border-width) var(--ojb-border-style-dashed) var(--ojb-color-border-dashed-hover); /* 悬浮虚线边框 */
  1304.             --ojb-border-solid-disabled: var(--ojb-border-width) var(--ojb-border-style-solid) var(--ojb-color-border-disabled); /* 禁用状态实线边框 */
  1305.         }
  1306.     `);
  1307.  
  1308.     // OJBetter界面样式
  1309.     GM_addStyle(`
  1310.         /* 主要文字颜色 */
  1311.         html[data-theme=dark] .alert-success, html[data-theme=dark] .alert-info, html[data-theme=dark] .alert-error,
  1312.         html[data-theme=dark] .alert-warning, html[data-theme=dark] .markItUpEditor, 
  1313.         html[data-theme=dark] .translate-problem-statement, html[data-theme=dark] .OJBetter_setting_menu, 
  1314.         html[data-theme=dark] .help_tip .tip_text,
  1315.         html[data-theme=dark] .OJBetter_setting_menu input, html[data-theme=dark] .OJBetter_setting_menu textarea,
  1316.         html[data-theme=dark] #OJBetter_SubmitForm input, html[data-theme=dark] #OJBetter_SubmitForm textarea, html[data-theme=dark] #OJBetter_SubmitForm select,
  1317.         html[data-theme=dark] #items-per-page, html[data-theme=dark] #pagBar, 
  1318.         html[data-theme=dark] .OJBetter_setting_sidebar li a:link,
  1319.         html[data-theme=dark] .popup .content{
  1320.             color: var(--ojb-color-text-primary);
  1321.         }
  1322.         /* 次要文字颜色 */
  1323.         html[data-theme=dark] .ojb_btn:hover, html[data-theme=dark] .OJBetter_modal button, html[data-theme=dark] #OJBetter_statusBar,
  1324.         html[data-theme=dark] #RunTestButton, html[data-theme=dark] #programTypeId, html[data-theme=dark] #addCustomTest,
  1325.         html[data-theme=dark] #customTestBlock, html[data-theme=dark] .OJBetter_setting_list.alert_info{
  1326.             color: var(--ojb-color-text-secondary);
  1327.         }
  1328.         /* 文字颜色3 */
  1329.         html[data-theme=dark] .ojb_btn{
  1330.             color: var(--ojb-color-text-tertiary);
  1331.         }
  1332.         /* 文字颜色 浅绿 */
  1333.         html[data-theme=dark] #SubmitButton{
  1334.             color: var(--ojb-color-text-success);
  1335.         }
  1336.         /* 禁止文字颜色 */
  1337.         html[data-theme=dark] .ojb_btn[disabled]{
  1338.             color: var(--ojb-color-text-disabled);
  1339.         }
  1340.         /* 主要背景层次 */
  1341.         html[data-theme=dark] .OJBetter_setting_menu, html[data-theme=dark] .help_tip .tip_text, html[data-theme=dark] li#add_button:hover,
  1342.         html[data-theme=dark] .ojb_btn:hover, 
  1343.         html[data-theme=dark] .OJBetter_setting_menu input, html[data-theme=dark] .OJBetter_setting_menu textarea,
  1344.         html[data-theme=dark] #OJBetter_SubmitForm input, 
  1345.         html[data-theme=dark] .OJBetter_setting_menu input[type="checkbox"], html[data-theme=dark] .OJBetter_setting_menu input[type="checkbox"]:checked,
  1346.         html[data-theme=dark] #OJBetter_SubmitForm textarea, html[data-theme=dark] #OJBetter_SubmitForm select, 
  1347.         html[data-theme=dark] .OJBetter_setting_sidebar li a.active, html[data-theme=dark] .OJBetter_setting_sidebar li,
  1348.         html[data-theme=dark] .OJBetter_setting_menu::-webkit-scrollbar-track, html[data-theme=dark] .OJBetter_setting_content::-webkit-scrollbar-track,
  1349.         html[data-theme=dark] .OJBetter_modal, html[data-theme=dark] .OJBetter_modal button:hover,
  1350.         html[data-theme=dark] .popup .content, 
  1351.         html[data-theme=dark] .config_bar_list, html[data-theme=dark] #LSPLog,
  1352.         html[data-theme=dark] .OJBetter_setting_menu .OJBetter_checkboxs,
  1353.         html[data-theme=dark] .OJBetter_setting_menu .OJBetter_checkboxs input[type="checkbox"]::before,
  1354.         html[data-theme=dark] .OJBetter_setting_menu a, html[data-theme=dark] .OJBetter_setting_menu .OJBetter_setting_list button:hover,
  1355.         html[data-theme=dark] .OJBetter_setting_menu select{
  1356.             background-color: var(--ojb-color-bg-primary);
  1357.             background-image: none;
  1358.         }
  1359.         /* 次要背景层次 */
  1360.         html[data-theme=dark] .ojb_btn, 
  1361.         html[data-theme=dark] .alert-success, html[data-theme=dark] .alert-info, html[data-theme=dark] .alert-error,
  1362.         html[data-theme=dark] .alert-warning, html[data-theme=dark] .SumoSelect>.optWrapper>.options li.opt:hover,
  1363.         html[data-theme=dark] .translate-problem-statement-panel,
  1364.         html[data-theme=dark] .translate-problem-statement, 
  1365.         html[data-theme=dark] .OJBetter_setting_list,
  1366.         html[data-theme=dark] .OJBetter_setting_menu hr, 
  1367.         html[data-theme=dark] .OJBetter_setting_sidebar li a,
  1368.         html[data-theme=dark] .OJBetter_setting_menu::-webkit-scrollbar-thumb, html[data-theme=dark] .OJBetter_setting_content::-webkit-scrollbar-thumb,
  1369.         html[data-theme=dark] .OJBetter_modal button, html[data-theme=dark] .test-for-popup pre,
  1370.         html[data-theme=dark] .popup .content pre, html[data-theme=dark] .popup .content pre code,
  1371.         html[data-theme=dark] ul.config_bar_ul::-webkit-scrollbar-thumb,  html[data-theme=dark] #OJBetter_statusBar,
  1372.         html[data-theme=dark] #RunTestButton, html[data-theme=dark] #programTypeId, html[data-theme=dark] .sampleDiv,
  1373.         html[data-theme=dark] #addCustomTest, html[data-theme=dark] #LSPLog li:nth-child(odd),
  1374.         html[data-theme=dark] .OJBetter_setting_menu .OJBetter_checkboxs input[type="checkbox"]:checked::before,
  1375.         html[data-theme=dark] .config::before, html[data-theme=dark] .config li.tempConfig_add_button:hover,
  1376.         html[data-theme=dark] .OJBetter_setting_menu details, html[data-theme=dark] #config_bar_menu,
  1377.         html[data-theme=dark] .OJBetter_setting_menu .OJBetter_setting_list button, 
  1378.         html[data-theme=dark] .OJBetter_setting_menu .badge, html[data-theme=dark] #OJBetter_SubmitForm #SubmitButton{
  1379.             background-color: var(--ojb-color-bg-secondary);
  1380.         }
  1381.         /* 禁止背景层次 */
  1382.         html[data-theme=dark] .ojb_btn[disabled]{
  1383.             background-color: var(--ojb-color-bg-disabled);
  1384.         }
  1385.         /* 实线边框颜色-圆角 */
  1386.         html[data-theme=dark] .alert-success, html[data-theme=dark] .alert-info, html[data-theme=dark] .alert-error,
  1387.         html[data-theme=dark] .alert-warning, html[data-theme=dark] .translate-problem-statement{
  1388.             border: var(--ojb-border-solid-primary);
  1389.             border-radius: 2px;
  1390.         }
  1391.         /* 实线边框颜色-无圆角 */
  1392.         html[data-theme=dark] .ojb_btn, 
  1393.         html[data-theme=dark] .OJBetter_setting_list, html[data-theme=dark] .config_bar_list,
  1394.         html[data-theme=dark] label.config_bar_ul_li_text, 
  1395.         html[data-theme=dark] .OJBetter_setting_sidebar li, html[data-theme=dark] .OJBetter_setting_menu select,
  1396.         html[data-theme=dark] .translate-problem-statement-panel, html[data-theme=dark] .OJBetter_modal button, html[data-theme=dark] #OJBetter_SubmitForm select,
  1397.         html[data-theme=dark] #OJBetter_editor, html[data-theme=dark] #OJBetter_statusBar,
  1398.         html[data-theme=dark] #OJBetter_SubmitForm #RunTestButton, html[data-theme=dark] #programTypeId, html[data-theme=dark] #customTestBlock,
  1399.         html[data-theme=dark] #OJBetter_SubmitForm #addCustomTest, html[data-theme=dark] #OJBetter_SubmitForm #SubmitButton,
  1400.         html[data-theme=dark] .OJBetter_setting_menu input,
  1401.         html[data-theme=dark] .OJBetter_setting_menu input[type="checkbox"], html[data-theme=dark] .OJBetter_setting_menu input[type="checkbox"]:checked,
  1402.         html[data-theme=dark] .OJBetter_setting_menu textarea,
  1403.         html[data-theme=dark] #OJBetter_SubmitForm input, html[data-theme=dark] #OJBetter_SubmitForm textarea,
  1404.         html[data-theme=dark] #CompilerSetting select, html[data-theme=dark] #CompilerSetting textarea, html[data-theme=dark] #CompilerBox,
  1405.         html[data-theme=dark] .OJBetter_setting_menu .OJBetter_checkboxs,
  1406.         html[data-theme=dark] .help_tip .tip_text, html[data-theme=dark] .config::before,
  1407.         html[data-theme=dark] #statePanel, html[data-theme=dark] .test-case, html[data-theme=dark] .OJBetter_setting_menu .badge{
  1408.             border: var(--ojb-border-solid-primary);
  1409.         }
  1410.         html[data-theme=dark] #customTestBlock #customTests{
  1411.             border-top: var(--ojb-border-solid-primary);
  1412.         }
  1413.         html[data-theme=dark] .OJBetter_setting_sidebar {
  1414.             border-right: var(--ojb-border-solid-primary);
  1415.         }
  1416.         /* 实线边框-禁止 */
  1417.         html[data-theme=dark] .ojb_btn[disabled]{
  1418.             border: var(--ojb-border-solid-disabled);
  1419.         }
  1420.         /* 虚线边框 */
  1421.         html[data-theme=dark] li#add_button,
  1422.         html[data-theme=dark] .OJBetter_setting_menu_label_text{
  1423.             border: var(--ojb-border-dashed);
  1424.         }
  1425.         /* 虚线边框-悬浮 */
  1426.         html[data-theme=dark] li#add_button:hover{
  1427.             border: var(--ojb-border-dashed-hover);
  1428.             background-color: var(--ojb-color-bg-secondary);
  1429.             color: var(--ojb-color-border-dashed-hover);
  1430.         }
  1431.         /* 无边框 */
  1432.         html[data-theme=dark] .translate-problem-statement-panel .ojb_btn{
  1433.             border: none;
  1434.         }
  1435.         /* 区域遮罩 */
  1436.         html[data-theme=dark] .overlay::before {
  1437.             background: var(--ojb-overlay-background);
  1438.             color: var(--ojb-color-text-secondary);
  1439.             text-shadow: 0px 0px 2px #000000;
  1440.         }
  1441.         /* 阴影 */
  1442.         html[data-theme=dark] .translate-problem-statement-panel, html[data-theme=dark] .translate-problem-statement{
  1443.             box-shadow: var(--ojb-shadow-standard);
  1444.         }
  1445.         /* 图标按钮状态样式 */
  1446.         html[data-theme=dark] .ojb_btn_popover.success i:before, html[data-theme=dark] .ojb_btn_popover.success i {
  1447.             color: var(--ojb-color-text-icon-success);
  1448.         }
  1449.         html[data-theme=dark] .ojb_btn_popover i:before {
  1450.             text-shadow: var(--ojb-text-shadow-icon);
  1451.         }
  1452.         /* 其他样式 */
  1453.         html[data-theme=dark] .OJBetter_setting_menu, html[data-theme=dark] .OJBetter_modal{
  1454.             box-shadow: var(--ojb-shadow-menu-modal);
  1455.             border: 1px solid var(--ojb-color-bg-secondary);
  1456.         }
  1457.         html[data-theme=dark] input[type="radio"]:checked+.OJBetter_setting_menu_label_text {
  1458.             color: var(--ojb-color-text-primary);
  1459.             border: 1px solid var(--ojb-color-border-radio-checked);
  1460.         }
  1461.         html[data-theme=dark] .alert{
  1462.             text-shadow: none;
  1463.         }
  1464.     `);
  1465.  
  1466.     // 网站界面样式
  1467.     GM_addStyle(`
  1468.         /* 文字颜色1 */
  1469.         html[data-theme=dark] body, html[data-theme=dark] .float-container>#main-container,
  1470.         html[data-theme=dark] .panel-default>.panel-heading, html[data-theme=dark] #header a,
  1471.         html[data-theme=dark] .pagination>li>a, html[data-theme=dark] .pagination>li>span, html[data-theme=dark] .dropdown-menu,
  1472.         html[data-theme=dark] .select2-container--bootstrap .select2-selection--single .select2-selection__rendered,
  1473.         html[data-theme=dark] .ace-tm .ace_gutter, html[data-theme=dark] .translate-problem-statement-panel,
  1474.         html[data-theme=dark] .select2-container--bootstrap .select2-results__option--highlighted[aria-selected],
  1475.         html[data-theme=dark] .nav-pills>li.active>a, html[data-theme=dark] .user-unrated, html[data-theme=dark] #header .header-page li.is-active a,
  1476.         html[data-theme=dark] .m-box_inner, html[data-theme=dark] .m-list-job_item, html[data-theme=dark] .a-btn_arrow,
  1477.         html[data-theme=dark] #header, html[data-theme=dark] #header .header-sub_page li a,
  1478.         html[data-theme=dark] .select2-container--default .select2-selection--single .select2-selection__rendered, html[data-theme=dark] .select2-results{
  1479.             color: var(--ojb-color-text-primary) !important;
  1480.         }
  1481.         /* 文字颜色2 */
  1482.         html[data-theme=dark] pre, html[data-theme=dark] .html2mdButton, html[data-theme=dark] .btn-default, html[data-theme=dark] .btn-pre,
  1483.         html[data-theme=dark] small.contest-duration, html[data-theme=dark] .select2-container--bootstrap .select2-results__option,
  1484.         html[data-theme=dark] #ace_settingsmenu, #kbshortcutmenu, html[data-theme=dark] code{
  1485.             color: var(--ojb-color-text-secondary) !important;
  1486.         }
  1487.         /* 文字颜色3 */
  1488.         html[data-theme=dark] input, html[data-theme=dark] #header .header-page li a:hover{
  1489.             color: var(--ojb-color-text-secondary);
  1490.         }
  1491.         /* 文字颜色4 */
  1492.         html[data-theme=dark] .katex{
  1493.             color: var(--ojb-color-text-highlight) !important;
  1494.         }
  1495.         /* 链接颜色 */
  1496.         html[data-theme=dark] a:link {
  1497.             color: var(--ojb-color-text-link);
  1498.         }
  1499.         html[data-theme=dark] a:visited {
  1500.             color: var(--ojb-color-text-secondary);
  1501.         }
  1502.         /* 按钮 */
  1503.         html[data-theme=dark] input:hover, html[data-theme=dark] .btn-default:hover{
  1504.             background-color: var(--ojb-color-bg-primary) !important;
  1505.         } 
  1506.         /* 背景层次1 */
  1507.         html[data-theme=dark] body, html[data-theme=dark] #main-div.float-container, html[data-theme=dark] pre,
  1508.         html[data-theme=dark] .html2mdButton:hover, html[data-theme=dark] .pagination>.active>a, html[data-theme=dark] .ace-tm,
  1509.         html[data-theme=dark] .dropdown-menu>li>a:hover, html[data-theme=dark] .dropdown-menu>li>a:focus,
  1510.         html[data-theme=dark] .dropdown-menu .divider, html[data-theme=dark] .select2-container--bootstrap .select2-selection,
  1511.         html[data-theme=dark] .ace-tm .ace_gutter-active-line, html[data-theme=dark] .select2-dropdown,
  1512.         html[data-theme=dark] input, html[data-theme=dark] button, html[data-theme=dark] select, html[data-theme=dark] textarea,
  1513.         html[data-theme=dark] code, html[data-theme=dark] #keyvisual .keyvisual-inner:before, html[data-theme=dark] .m-box_inner,
  1514.         html[data-theme=dark] .m-list-job_item, html[data-theme=dark] .select2-container--default .select2-selection--single,
  1515.         html[data-theme=dark] ol.linenums, html[data-theme=dark] li.L0, html[data-theme=dark] li.L1, html[data-theme=dark] li.L2,
  1516.         html[data-theme=dark] li.L3, html[data-theme=dark] li.L4, html[data-theme=dark] li.L5, html[data-theme=dark] li.L6,
  1517.         html[data-theme=dark] li.L7, html[data-theme=dark] li.L8, html[data-theme=dark] li.L9{
  1518.             background-color: var(--ojb-color-bg-primary) !important;
  1519.         }
  1520.         /* 背景层次2 */
  1521.         html[data-theme=dark] .float-container>#main-container, html[data-theme=dark] #contest-nav-tabs,
  1522.         html[data-theme=dark] .btn-default, html[data-theme=dark] .html2mdButton,
  1523.         html[data-theme=dark] .nav-tabs>li.active>a, html[data-theme=dark] .nav-tabs>li.active>a:hover, html[data-theme=dark] .nav-tabs>li.active>a:focus,
  1524.         html[data-theme=dark] .nav>li>a:hover, html[data-theme=dark] .nav>li>a:focus, html[data-theme=dark] .panel, 
  1525.         html[data-theme=dark] .table-striped>tbody>tr:nth-of-type(odd), html[data-theme=dark] .insert-participant-box,
  1526.         html[data-theme=dark] .btn-pre, html[data-theme=dark] .alert-success, html[data-theme=dark] .alert-info, html[data-theme=dark] .alert-danger,
  1527.         html[data-theme=dark] .alert-warning, html[data-theme=dark] .panel-default>.panel-heading,
  1528.         html[data-theme=dark] .pagination>li>a, html[data-theme=dark] .pagination>li>span, html[data-theme=dark] .dropdown-menu,
  1529.         html[data-theme=dark] .ace-tm .ace_gutter, html[data-theme=dark] .select2-container--bootstrap .select2-results__option[aria-selected=true],
  1530.         html[data-theme=dark] #ace_settingsmenu, #kbshortcutmenu, html[data-theme=dark] #header .header-inner,
  1531.         html[data-theme=dark] ul#config_bar_ul::-webkit-scrollbar-thumb, html[data-theme=dark] .panel-info>.panel-heading,
  1532.         html[data-theme=dark] .post-footer, html[data-theme=dark] .a-btn_arrow:before,
  1533.         html[data-theme=dark] .table-hover>tbody>tr:hover,
  1534.         html[data-theme=dark] li.L1, html[data-theme=dark] li.L3, html[data-theme=dark] li.L5, html[data-theme=dark] li.L7,
  1535.         html[data-theme=dark] li.L9{
  1536.             background-color: var(--ojb-color-bg-secondary) !important;
  1537.         }
  1538.         /* 实线边框颜色-圆角 */
  1539.         html[data-theme=dark] input{
  1540.             border: var(--ojb-border-solid-primary) !important;
  1541.             border-radius: 2px;
  1542.         }
  1543.         /* 实线边框颜色-无圆角 */
  1544.         html[data-theme=dark] .btn-default, html[data-theme=dark] .html2mdButton, html[data-theme=dark] .nav-tabs>li>a:hover,
  1545.         html[data-theme=dark] .nav-tabs>li.active>a, html[data-theme=dark] .nav-tabs>li.active>a:hover,
  1546.         html[data-theme=dark] .nav-tabs>li.active>a:focus, html[data-theme=dark] .btn-pre, html[data-theme=dark] .btn-pre:hover,
  1547.         html[data-theme=dark] pre, html[data-theme=dark] .pagination>li>a, html[data-theme=dark] .pagination>li>span,
  1548.         html[data-theme=dark] .table-bordered>thead>tr>th, html[data-theme=dark] .table-bordered>tbody>tr>th, html[data-theme=dark] .table-bordered>tfoot>tr>th,
  1549.         html[data-theme=dark] .table-bordered>thead>tr>td, html[data-theme=dark] .table-bordered>tbody>tr>td, html[data-theme=dark] .table-bordered>tfoot>tr>td,
  1550.         html[data-theme=dark] .panel, html[data-theme=dark] #editor, html[data-theme=dark] div#config_bar_list, html[data-theme=dark] label.config_bar_ul_li_text,
  1551.         html[data-theme=dark] .select2-container--bootstrap .select2-selection, html[data-theme=dark] .select2-container--default .select2-selection--single{
  1552.             border: var(--ojb-border-solid-primary) !important;
  1553.         }
  1554.         html[data-theme=dark] hr, html[data-theme=dark] .panel-footer,
  1555.         html[data-theme=dark] .table>thead>tr>th, html[data-theme=dark] .table>tbody>tr>th, html[data-theme=dark] .table>tfoot>tr>th,
  1556.         html[data-theme=dark] .table>thead>tr>td, html[data-theme=dark] .table>tbody>tr>td, html[data-theme=dark] .table>tfoot>tr>td{
  1557.             border-top: var(--ojb-border-solid-primary) !important;
  1558.         }
  1559.         html[data-theme=dark] .nav-tabs, html[data-theme=dark] .panel-info>.panel-heading, html[data-theme=dark] .panel-default>.panel-heading,
  1560.         html[data-theme=dark] .a-btn_arrow{
  1561.             border-bottom: var(--ojb-border-solid-primary) !important;
  1562.         }
  1563.         html[data-theme=dark] .table>thead>tr>th{
  1564.             border-bottom: 2px solid var(--ojb-color-border-primary) !important;
  1565.         }
  1566.         /* 双实线边框 */
  1567.         html[data-theme=dark] #header .header-inner{
  1568.             border-bottom: 5px double var(--ojb-color-border-primary) !important;
  1569.         }
  1570.         /* 阴影 */
  1571.         html[data-theme=dark] .float-container>#main-container{
  1572.             box-shadow: 0px 0px 10px 5px #fff0;
  1573.         }
  1574.         /* 图片-亮度 */
  1575.         html[data-theme=dark] img{
  1576.             opacity: .75; 
  1577.         }
  1578.         /* 反转 */
  1579.         html[data-theme=dark] .ace_content, html[data-theme=dark] #header .header-logo img, html[data-theme=dark] pre code{
  1580.             filter: invert(1) hue-rotate(.5turn);
  1581.         }
  1582.         /* 区域遮罩 */
  1583.         html[data-theme=dark] .overlay {
  1584.             background: repeating-linear-gradient(135deg, #49525f6e, #49525f6e 30px, #49525f29 0px, #49525f29 55px);
  1585.             color: #9099a3;
  1586.             text-shadow: 0px 0px 2px #000000;
  1587.         }
  1588.         /* 其他样式 */
  1589.         html[data-theme=dark] .nav-tabs>li.active>a, html[data-theme=dark] .nav-tabs>li.active>a:hover, html[data-theme=dark] .nav-tabs>li.active>a:focus{
  1590.             border-bottom-color: transparent !important;
  1591.         }
  1592.         html[data-theme=dark] .collapsible-topic.collapsed .content .collapsible-topic-options:before{
  1593.             background-image: linear-gradient(#22272e00, #22272e);
  1594.         }
  1595.         html[data-theme=dark] .alert{
  1596.             text-shadow: none;
  1597.         }
  1598.         html[data-theme=dark] .m-box-news_post:before{
  1599.             background: linear-gradient(0deg, #22272e 50%, rgba(255,255,255,0) 100%);
  1600.         }
  1601.         html[data-theme=dark] #header .header-sub_page li a:before, html[data-theme=dark] #header .header-page li a:before{
  1602.             background-color: #9e9e9e !important;
  1603.         }
  1604.         html[data-theme=dark] .standings-score{
  1605.             color: #2196f3;
  1606.         }
  1607.         html[data-theme=dark] pre code{
  1608.             background-color: transparent !important;
  1609.         }
  1610.         html[data-theme=dark] #fixed-server-timer {
  1611.             color: #000;
  1612.         }
  1613.     `);
  1614. })()
  1615.  
  1616. /**
  1617.  * 黑暗模式额外的处理事件
  1618.  */
  1619. function darkModeStyleAdjustment() {
  1620.  
  1621. }
  1622.  
  1623. /**
  1624.  * 初始化monaco编辑器资源
  1625.  */
  1626. async function initMonacoEditor() {
  1627.     if (OJBetter.monaco.enableOnProblemPage || OJBetter.monaco.beautifyPreBlocks) {
  1628.         try {
  1629.             // 等待Monaco Editor加载器脚本加载完成
  1630.             await OJB_LoadJS("https://cdn.staticfile.net/monaco-editor/0.44.0/min/vs/loader.min.js");
  1631.  
  1632.             // 配置Monaco Editor
  1633.             require.config({
  1634.                 paths: { vs: "https://cdn.staticfile.net/monaco-editor/0.44.0/min/vs" },
  1635.                 "vs/nls": { availableLanguages: { "*": "zh-cn" } },
  1636.             });
  1637.  
  1638.             // 加载Monaco Editor主脚本
  1639.             require(["vs/editor/editor.main"], () => {
  1640.                 OJBetter.monaco.loaderOnload = true;
  1641.             });
  1642.         } catch (error) {
  1643.             console.error("Failed to load Monaco Editor: ", error);
  1644.         }
  1645.     }
  1646. }
  1647.  
  1648. /**
  1649.  * 美化代码块
  1650.  */
  1651. async function beautifyPreBlocksWithMonaco() {
  1652.     // 判断monacoLoader是否加载完毕
  1653.     await OJB_waitUntilTrue(() => OJBetter.monaco.loaderOnload);
  1654.  
  1655.     // 用于替换 <pre> 标签为 Monaco 编辑器的函数
  1656.     function replacePreWithMonaco(preElement) {
  1657.         const pre = $(preElement);
  1658.         if (pre.hasClass('source-code-for-copy')) return; // 跳过复制块
  1659.         const code = OJB_getCodeFromPre(pre.get(0));
  1660.         if (!code) return;
  1661.         const language = OJB_codeLangDetect(code);
  1662.  
  1663.         // 创建一个用于 Monaco 编辑器的容器
  1664.         const container = $('<div></div>');
  1665.         const lineCount = code.split('\n').length; // 代码的行数
  1666.  
  1667.         // 计算容器的高度
  1668.         const calculateContainerHeight = (lineCount) => {
  1669.             const lineHeight = 20; // 每行代码的高度
  1670.             const minHeight = 100; // 最小高度
  1671.             const maxHeight = 1000; // 最大高度
  1672.             const dynamicHeight = lineCount * lineHeight;
  1673.             return Math.min(Math.max(dynamicHeight, minHeight), maxHeight) + 'px';
  1674.         };
  1675.  
  1676.         // 应用样式
  1677.         container.css({
  1678.             height: calculateContainerHeight(lineCount),
  1679.             width: '100%'
  1680.         });
  1681.         pre.replaceWith(container);
  1682.  
  1683.         // 初始化 Monaco 编辑器
  1684.         monaco.editor.create(container[0], {
  1685.             value: code,
  1686.             language: language,
  1687.             readOnly: true,
  1688.             tabSize: 4,
  1689.             theme: OJBetter.basic.darkMode == "dark" ? "vs-dark" : "vs",
  1690.             scrollbar: {
  1691.                 verticalScrollbarSize: 10,
  1692.                 horizontalScrollbarSize: 10,
  1693.                 alwaysConsumeMouseWheel: false
  1694.             },
  1695.             automaticLayout: true,
  1696.             scrollBeyondLastLine: false
  1697.         });
  1698.     }
  1699.     // 全局替换页面上所有的 <pre> 元素
  1700.     $('pre').each(function () {
  1701.         replacePreWithMonaco(this);
  1702.     });
  1703.     // 监听页面上的提交状态页面窗口的 <pre> 元素
  1704.     if (OJBetter.typeOfPage.is_statePage || OJBetter.typeOfPage.is_submissions) {
  1705.         OJB_observeElement({
  1706.             selector: '#facebox',
  1707.             callback: (node) => {
  1708.                 // 如果 facebox 中存在 pre 元素，则替换它们
  1709.                 const preElements = $(node).find('pre');
  1710.                 preElements.each(function () {
  1711.                     replacePreWithMonaco(this);
  1712.                 });
  1713.             }
  1714.         });
  1715.     }
  1716. }
  1717.  
  1718. // 样式
  1719. GM_addStyle(`
  1720. /*动画*/
  1721. @keyframes shake {
  1722.     0% { transform: translateX(-5px); }
  1723.     100% { transform: translateX(5px); }
  1724. }
  1725. @keyframes rotate {
  1726.     from {
  1727.         transform: rotate(0deg);
  1728.     }
  1729.  
  1730.     to {
  1731.         transform: rotate(360deg);
  1732.     }
  1733. }
  1734. @keyframes rippleout {
  1735.     0% {
  1736.         box-shadow: 0 0 0 0 rgba(96, 98, 102, 0.2);
  1737.     }
  1738.  
  1739.     100% {
  1740.         box-shadow: 0 0 0 6px rgba(0, 0, 0, 0);
  1741.     }
  1742. }
  1743. @keyframes bounce-in {
  1744. 	20%,40%,60%,80%,from,to {
  1745. 		animation-timing-function: cubic-bezier(.215,.61,.355,1);
  1746. 	}
  1747.  
  1748. 	0% {
  1749. 		opacity: 0;
  1750. 		transform: scale3d(.995,.995,.995);
  1751. 	}
  1752.  
  1753. 	20% {
  1754.         opacity: 1;
  1755. 		transform: scale3d(1.005,1.005,1.005);
  1756. 	}
  1757.  
  1758. 	40% {
  1759. 		transform: scale3d(.998,.998,.998);
  1760. 	}
  1761.  
  1762. 	60% {
  1763. 		transform: scale3d(1.002,1.002,1.002);
  1764. 	}
  1765.  
  1766. 	80% {
  1767. 		transform: scale3d(.995,.995,.995);
  1768. 	}
  1769.  
  1770. 	to {
  1771. 		opacity: 1;
  1772. 		transform: scale3d(1,1,1);
  1773. 	}
  1774. }
  1775. /*iconfont图标*/
  1776. .iconfont {
  1777.     font-family: "iconfont" !important;
  1778.     font-size: 16px;
  1779.     font-style: normal !important;
  1780.     -webkit-font-smoothing: antialiased;
  1781.     -moz-osx-font-smoothing: grayscale;
  1782. }
  1783. @font-face {
  1784.   font-family: 'iconfont';  /* Project id 4284341 */
  1785.   src: url('//aowuucdn.oss-accelerate.aliyuncs.com/iconfont/iconfont.woff2') format('woff2'),
  1786.        url('//aowuucdn.oss-accelerate.aliyuncs.com/iconfont/iconfont.woff2.ttf') format('truetype');
  1787. }
  1788. html {
  1789.     scroll-behavior: smooth;
  1790. }
  1791. :root {
  1792.     --vp-font-family-base: "Chinese Quotes", "Inter var", "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  1793. }
  1794. span.mdViewContent {
  1795.     white-space: pre-wrap;
  1796. }
  1797.  
  1798. /* dialog */
  1799. dialog {
  1800.     margin: 0px;
  1801. }
  1802. dialog::backdrop {
  1803.     background-color: rgba(0, 0, 0, 0.4);
  1804. }
  1805.  
  1806. /*题目页链接栏样式*/
  1807. #problemToolbar {
  1808.     display: flex;
  1809.     flex-wrap: wrap;
  1810.     justify-content: flex-end;
  1811.     overflow: auto;
  1812.     height: 100%;
  1813.     margin: 0.5em;
  1814. }
  1815.  
  1816. /*html2md面板*/
  1817. .html2md-panel {
  1818.     display: flex;
  1819.     justify-content: flex-end;
  1820.     align-items: center;
  1821. }
  1822. .html2md-panel a {
  1823.     text-decoration: none;
  1824. }
  1825. .html2md-panel > button {
  1826.     margin: 5px;
  1827. }
  1828. .html2md-panel.is_simple {
  1829.     position: absolute;
  1830.     right: 2%;
  1831. }
  1832.  
  1833. /*通用按钮*/
  1834. .ojb_btn {
  1835.     display: flex;
  1836.     align-items: center;
  1837.     justify-content: center;
  1838.     cursor: pointer;
  1839.     background-color: #ffffff;
  1840.     color: #606266;
  1841.     width: auto;
  1842.     font-size: 13px;
  1843.     border-radius: 0.3rem;
  1844.     padding: 2px 5px;
  1845.     margin: 0px 5px;
  1846.     border: 1px solid #dcdfe6;
  1847. }
  1848. .ojb_btn[disabled] {
  1849.     cursor: not-allowed !important;
  1850.     color: rgb(168, 171, 178) !important;
  1851.     border: 1px solid #e4e7ed;
  1852.     background-color: #ffffff;
  1853. }
  1854. .ojb_btn:hover {
  1855.     color: #409eff;
  1856.     border-color: #409eff;
  1857.     background-color: #f1f8ff;
  1858.     z-index: 150;
  1859. }
  1860. .ojb_btn.primary {
  1861.     color: #ffffff;
  1862.     border: 1px solid #409eff;
  1863.     background-color: #409eff;
  1864. }
  1865. .ojb_btn.primary:hover {
  1866.     color: #ffffff;
  1867.     border: 1px solid #79bbff;
  1868.     background-color: #79bbff;
  1869. }
  1870. .ojb_btn.success {  
  1871.     color: #4caf50;
  1872.     border: 1px solid #C8E6C9;
  1873.     background-color: #f0f9eb;
  1874. }
  1875. .ojb_btn.warning {
  1876.     color: #e6a23c;
  1877.     border: 1px solid #f3d19e;
  1878.     background-color: #fdf6ec;
  1879. }
  1880. .ojb_btn.error {
  1881.     color: #f56c6c;
  1882.     border: 1px solid #fab6b6;
  1883.     background-color: #fef0f0;
  1884. }
  1885. .ojb_btn.enabled {
  1886.     color: #42A5F5;
  1887.     border: 1px solid #90CAF9;
  1888.     background-color: #fafbff;
  1889. }
  1890. .ojb_btn.active {
  1891.     animation: rippleout 0.5s ease-in-out;
  1892. }
  1893. a.ojb_btn {
  1894.     text-decoration: none;
  1895. }
  1896. a.ojb_btn:link {
  1897.     color: #606266;
  1898. }
  1899. a.ojb_btn span {
  1900.     margin-left: 2px;
  1901. }
  1902. /*按钮图标和popover*/
  1903. .ojb_btn_popover {
  1904.     display: flex;
  1905.     justify-content: center;
  1906.     position: relative;
  1907.     outline: none;
  1908.     appearance: none;
  1909. }
  1910. .ojb_btn_popover:hover span {
  1911.     opacity: 1;
  1912.     visibility: visible;
  1913. }
  1914. .ojb_btn_popover i:before {
  1915.     position: absolute;
  1916.     text-shadow: 1px 1px 0px #ffffff, 1px -1px 0px #ffffff, -1px -1px 0px #ffffff, -1px 1px 0px #ffffff;
  1917. }
  1918. .ojb_btn_popover span {
  1919.     cursor: initial;
  1920.     position: absolute;
  1921.     left: 50%;
  1922.     opacity: 0;
  1923.     visibility: hidden;
  1924.     padding: 4px 8px;
  1925.     background-color: rgba(33, 33, 33, 0.8);
  1926.     color: rgba(255, 255, 255, 0.9019607843);
  1927.     font-size: 12px;
  1928.     border-radius: 6px;
  1929.     line-height: 1.6;
  1930.     text-align: left;
  1931.     white-space: nowrap;
  1932.     transition: all 0.15s ease-in-out;
  1933.     z-index: 999;
  1934. }
  1935. .ojb_btn_popover span:hover {
  1936.     opacity: 0;
  1937.     visibility: hidden;
  1938. }
  1939. .ojb_btn_popover.top:hover span {
  1940.     transform: translate(-50%, 0);
  1941. }
  1942. .ojb_btn_popover.top span {
  1943.     bottom: 100%;
  1944.     transform: translate(-50%, -20%);
  1945.     margin-bottom: 4px;
  1946. }
  1947. .ojb_btn_popover.top span:hover {
  1948.     transform: translate(-50%, -20%);
  1949. }
  1950. .ojb_btn_popover.bottom:hover span {
  1951.     transform: translate(-50%, 105%);
  1952. }
  1953. .ojb_btn_popover.bottom span {
  1954.     bottom: -2%;
  1955.     transform: translate(-50%, 100%);
  1956.     margin-top: 4px;
  1957. }
  1958. .ojb_btn_popover.bottom span:hover {
  1959.     transform: translate(-50%, 50%);
  1960. }
  1961. .ojb_btn_popover.loading i {
  1962.     color: rgba(33, 33, 33, 0.1);
  1963. }
  1964. .ojb_btn_popover.loading i:before {
  1965.     content: "\\e640";
  1966.     color: rgb(168, 171, 178);
  1967.     animation: rotate 2s cubic-bezier(0.65, 0.05, 0.36, 1) infinite;
  1968. }
  1969. .ojb_btn_popover.running i {
  1970.     color: rgba(33, 33, 33, 0.1);
  1971. }
  1972. .ojb_btn_popover.running i:before {
  1973.     content: "\\e600";
  1974.     color: rgb(168, 171, 178);
  1975.     animation: rotate 1s linear infinite;
  1976. }
  1977. .ojb_btn_popover.warning i {
  1978.     color: rgba(230, 162, 61, 0.8);
  1979. }
  1980. .ojb_btn_popover.warning i:before {
  1981.     content: "\\e68b";
  1982.     font-size: 15px;
  1983.     left: 10px;
  1984.     bottom: 0%;
  1985.     color: #ff9800;
  1986. }
  1987. .ojb_btn_popover.error i {
  1988.     color: rgba(245, 108, 108, 0.8);
  1989. }
  1990. .ojb_btn_popover.error i:before {
  1991.     content: "\\e651";
  1992.     font-size: 15px;
  1993.     left: 10px;
  1994.     bottom: 0%;
  1995.     color: #F44336;
  1996. }
  1997. .ojb_btn_popover.success i {
  1998.     color: rgba(76, 175, 80, 0.9);
  1999. }
  2000. .ojb_btn_popover.success i:before {
  2001.     content: "\\e61e";
  2002.     font-size: 15px;
  2003.     left: 10px;
  2004.     bottom: 0%;
  2005.     color: #4caf50;
  2006. }
  2007. .ojb_btn_popover.enabled i {
  2008.     color: rgba(33, 150, 243, 0.6);
  2009. }
  2010. .ojb_btn_popover.enabled i:before {
  2011.     content: "\\e6f4";
  2012.     font-size: 15px;
  2013.     left: 10px;
  2014.     bottom: 0%;
  2015.     color: #2196F3;
  2016. }
  2017. .ojb_btn_popover.redo i {
  2018.     color: rgba(33, 33, 33, 0.1);
  2019. }
  2020. .ojb_btn_popover.redo i:before {
  2021.     content: "\\e831";
  2022.     color: #616161;
  2023. }
  2024. .ojb_btn_popover.reverse i {
  2025.     transform: rotate(180deg);
  2026. }
  2027.  
  2028. /*translateDiv样式*/
  2029. .translateDiv .topText {
  2030.     display: flex;
  2031.     margin-left: 5px;
  2032.     color: #9e9e9e;
  2033.     font-size: 13px;
  2034.     align-items: center;
  2035. }
  2036. .translateDiv .borderlessButton{
  2037.     display: flex;
  2038.     align-items: center;
  2039.     margin: 2.5px 7px;
  2040.     fill: #9E9E9E;
  2041. }
  2042. .translateDiv .borderlessButton:hover{
  2043.     cursor: pointer;
  2044.     fill: #059669;
  2045. }
  2046. .translateDiv.bounce-in {
  2047.     animation: bounce-in 1s forwards;
  2048. }
  2049. html:not([data-theme='dark']) .translateDiv {
  2050.     box-shadow: 0px 0px 0.5px 0.5px #defdf378;
  2051. }
  2052. .translate-problem-statement {
  2053.     justify-items: start;
  2054.     letter-spacing: 1.8px;
  2055.     color: #059669;
  2056.     background-color: #f9f9fa;
  2057.     border: 1px solid #c5ebdf;
  2058.     border-radius: 0rem 0rem 0.3rem 0.3rem;
  2059.     padding: 5px;
  2060.     margin: -5px 0px 6px 0px;
  2061.     width: 100%;
  2062.     box-sizing: border-box;
  2063.     font-size: 13px;
  2064. }
  2065. .translate-problem-statement h2 {
  2066.     font-size: 1.6em;
  2067.     font-weight: 700;
  2068. }
  2069. .translate-problem-statement h3 {
  2070.     font-size: 1.3em;
  2071.     font-weight: 700;
  2072. }
  2073. .translate-problem-statement-panel{
  2074.     display: flex;
  2075.     justify-content: space-between;
  2076.     background-color: #f9f9fa;
  2077.     border: 1px solid #c5ebdf;
  2078.     border-radius: 0.3rem;
  2079.     margin: 4px 0px;
  2080. }
  2081. .translate-problem-statement-panel .ojb_btn {
  2082.     background: none;
  2083.     border: none;
  2084.     color: #9e9e9e;
  2085. }
  2086. .translate-problem-statement-panel.error, .translate-problem-statement.error {
  2087.     color: red;
  2088.     border-color: red;
  2089. }
  2090. .translate-problem-statement a, .translate-problem-statement a:link {
  2091.     color: #10b981;
  2092.     font-weight: 600;
  2093.     background: 0 0;
  2094.     text-decoration: none;
  2095. }
  2096. .translate-problem-statement ol, .translate-problem-statement ul {
  2097.     display: grid;
  2098.     margin-inline-start: 0.8em;
  2099.     margin-block-start: 0em;
  2100.     margin: 0.5em 0 0 3em;
  2101.     padding-inline-start: 0px;
  2102. }
  2103. .translate-problem-statement li {
  2104.     display: list-item;
  2105.     height: auto;
  2106.     word-wrap: break-word;
  2107. }
  2108. .translate-problem-statement ol li {
  2109.     list-style-type: auto;
  2110. }
  2111. .translate-problem-statement ul li {
  2112.     list-style-type: disc;
  2113. }
  2114. .translate-problem-statement img {
  2115.     max-width: 100.0%;
  2116.     max-height: 100.0%;
  2117. }
  2118. #task-statement .translate-problem-statement .MathJax {
  2119.     color: #059669!important;
  2120. }
  2121. .translate-problem-statement span.math {
  2122.     margin: 0px 2.5px !important;
  2123. }
  2124. .translate-problem-statement a:hover {
  2125.     background-color: #800;
  2126.     color: #fff;
  2127.     text-decoration: none;
  2128. }
  2129. .translate-problem-statement table {
  2130.     border: 1px #ccc solid !important;
  2131.     margin: 1.5em 0 !important;
  2132.     color: #059669 !important;
  2133. }
  2134. .translate-problem-statement table thead th {
  2135.     border: 1px #ccc solid !important;
  2136.     color: #059669 !important;
  2137. }
  2138. .translate-problem-statement table td {
  2139.     border-right: 1px solid #ccc;
  2140.     border-top: 1px solid #ccc;
  2141.     padding: 0.7143em 0.5em;
  2142. }
  2143. .translate-problem-statement table th {
  2144.     padding: 0.7143em 0.5em;
  2145. }
  2146. .translate-problem-statement p:not(:first-child) {
  2147.     margin: 1.5em 0 0;
  2148. }
  2149. .translate-problem-statement p {
  2150.     line-height: 20px !important;
  2151.     word-wrap: break-word;
  2152.     font-size: 13px !important
  2153. }
  2154. .problem-statement p:last-child {
  2155.     margin-bottom: 0px !important;
  2156. }
  2157.  
  2158. /*设置按钮*/
  2159. header .enter-or-register-box, header .languages {
  2160.     position: absolute;
  2161.     right: 170px;
  2162. }
  2163. .ojb_btn.OJBetter_setting {
  2164.     float: right;
  2165.     height: 30px;
  2166.     background: #60a5fa;
  2167.     color: white;
  2168.     margin: 10px;
  2169.     border: 1px solid #60a5fa;
  2170. }
  2171. .ojb_btn.OJBetter_setting.open {
  2172.     background-color: #e6e6e6;
  2173.     color: #727378;
  2174.     cursor: not-allowed;
  2175. }
  2176.  
  2177. /*设置面板*/
  2178. .OJBetter_setting_menu {
  2179.     box-shadow: 0px 0px 0px 4px #ffffff;
  2180.     position: fixed;
  2181.     top: 50%;
  2182.     left: 50%;
  2183.     width: 600px;
  2184.     min-height: 600px;
  2185.     transform: translate(-50%, -50%);
  2186.     border-radius: 6px;
  2187.     background-color: #f0f4f9;
  2188.     border-collapse: collapse;
  2189.     border: 1px solid #ffffff;
  2190.     color: #697e91;
  2191.     font-family: var(--vp-font-family-base);
  2192.     padding: 10px 20px 20px 10px;
  2193.     box-sizing: content-box;
  2194. }
  2195. .OJBetter_setting_menu h3 {
  2196.     margin-top: 10px;
  2197.     font-size: 1.4em;
  2198.     font-weight: 700;
  2199. }
  2200. .OJBetter_setting_menu h4 {
  2201.     margin: 15px 0px 10px 0px;
  2202. }
  2203. .OJBetter_setting_menu h4,.OJBetter_setting_menu h5 {
  2204.     font-weight: 600;
  2205. }
  2206. .OJBetter_setting_menu hr {
  2207.     border: none;
  2208.     height: 1px;
  2209.     background-color: #ccc;
  2210.     margin: 10px 0;
  2211. }
  2212. .OJBetter_setting_menu details {
  2213.     padding: 10px;
  2214.     margin-bottom: 5px;
  2215.     background-color: #ffffff;
  2216.     border-bottom: 1px solid #c9c6c696;
  2217.     border-radius: 8px;
  2218. }
  2219. .OJBetter_setting_menu .badge {
  2220.     border-radius: 4px;
  2221.     border: 1px solid #009688;
  2222.     color: #009688;
  2223.     background-color: #fff;
  2224.     padding: 0.5px 4px;
  2225.     margin-left: 5px;
  2226.     margin-right: auto;
  2227.     line-height: initial;
  2228.     font-weight: initial;
  2229. }
  2230. .OJBetter_setting_menu .missing {
  2231.     box-shadow: inset 0px 0px 1px 1px red;
  2232. }
  2233. /* 页面切换 */
  2234. .OJBetter_setting_menu .settings-page {
  2235.     display: none;
  2236. }
  2237. .OJBetter_setting_menu .settings-page.active {
  2238.     display: block;
  2239. }
  2240. .OJBetter_setting_container {
  2241.     display: flex;
  2242. }
  2243. .OJBetter_setting_sidebar {
  2244.     flex: 0 0 auto;
  2245.     min-width: 110px;
  2246.     padding: 6px 10px 6px 6px;
  2247.     margin: 20px 0px;
  2248.     border-right: 1px solid #d4d8e9;
  2249. }
  2250. .OJBetter_setting_content {
  2251.     flex-grow: 1;
  2252.     margin: 20px 0px 0px 12px;
  2253.     padding-right: 10px;
  2254.     max-height: 580px;
  2255.     overflow-y: auto;
  2256.     box-sizing: border-box;
  2257. }
  2258. .OJBetter_setting_sidebar h3 {
  2259.     margin-top: 0;
  2260. }
  2261. .OJBetter_setting_sidebar hr {
  2262.     margin-top: 10px;
  2263.     margin-bottom: 10px;
  2264.     border: none;
  2265.     border-top: 1px solid #DADCE0;
  2266. }
  2267. .OJBetter_setting_sidebar ul {
  2268.     list-style-type: none;
  2269.     margin: 0;
  2270.     padding: 0;
  2271. }
  2272. .OJBetter_setting_sidebar li {
  2273.     margin: 5px 0px;
  2274.     background-color: #ffffff;
  2275.     border: 1px solid #d4d8e9;
  2276.     border-radius: 4px;
  2277.     font-size: 16px;
  2278. }
  2279. .OJBetter_setting_sidebar li a {
  2280.     text-decoration: none;
  2281.     display: flex;
  2282.     width: 100%;
  2283.     font-size: 16px;
  2284.     color: gray;
  2285.     background-color: #ffffff;
  2286.     border: none;
  2287.     letter-spacing: 2px;
  2288.     padding: 7px;
  2289.     margin: 0px;
  2290.     border-radius: 4px;
  2291.     align-items: center;
  2292.     -webkit-box-sizing: border-box;
  2293.     -moz-box-sizing: border-box;
  2294.     box-sizing: border-box;
  2295. }
  2296. .OJBetter_setting_sidebar li a.active {
  2297.     background-color: #eceff1c7;
  2298. }
  2299. /* 链接样式 */
  2300. .OJBetter_setting_menu a {
  2301.     font-size: 13px;
  2302.     color: #009688;
  2303.     background-color: #E0F2F1;
  2304.     border: 1px solid #009688;
  2305.     border-radius: 4px;
  2306.     padding: 0px 5px;
  2307.     margin: 0px 5px;
  2308.     text-decoration: none;
  2309. }
  2310. /* 下拉选择框 */
  2311. .OJBetter_setting_menu select {
  2312.     appearance: none;
  2313.     padding: 5px 10px;
  2314.     margin: -5px 0px;
  2315.     border-radius: 6px;
  2316.     border-style: solid;
  2317.     border: 1px solid #ced4da;
  2318.     color: #009688;
  2319.     background: #ffffff;
  2320.     font-size: 15px;
  2321. }
  2322. .OJBetter_setting_menu select:focus-visible {
  2323.     outline: none;
  2324. }
  2325. .OJBetter_setting_menu select option:disabled {
  2326.     color: #EEEEEE;
  2327. }
  2328. /* 数值输入框 */
  2329. .OJBetter_setting_menu input[type="number"] {
  2330.     width: 40px;
  2331.     color: #009688;
  2332.     font-size: 15px;
  2333.     appearance: none;
  2334.     padding: 5px 10px;
  2335.     margin: -5px 3px;
  2336.     border-radius: 6px;
  2337.     border-style: solid;
  2338.     border: 1px solid #ced4da;
  2339. }
  2340. .OJBetter_setting_menu input[type="number"]:focus-visible {
  2341.     outline: none;
  2342. }
  2343. .OJBetter_setting_menu input[type="number"]::-webkit-inner-spin-button,
  2344. .OJBetter_setting_menu input[type="number"]::-webkit-outer-spin-button {
  2345.     -webkit-appearance: none;
  2346.     margin: 0;
  2347. }
  2348. /*设置面板-滚动条*/
  2349. .OJBetter_setting_menu::-webkit-scrollbar, .OJBetter_setting_content::-webkit-scrollbar,
  2350. .OJBetter_modal .content::-webkit-scrollbar {
  2351.     width: 5px;
  2352.     height: 7px;
  2353.     background-color: #aaa;
  2354. }
  2355. .OJBetter_setting_menu::-webkit-scrollbar-thumb, .OJBetter_setting_content::-webkit-scrollbar-thumb,
  2356. .OJBetter_modal .content::-webkit-scrollbar-thumb {
  2357.     background-clip: padding-box;
  2358.     background-color: #d7d9e4;
  2359. }
  2360. .OJBetter_setting_menu::-webkit-scrollbar-track, .OJBetter_setting_content::-webkit-scrollbar-track,
  2361. .OJBetter_modal .content::-webkit-scrollbar-track {
  2362.     background-color: #f1f1f1;
  2363. }
  2364. /*设置面板-关闭按钮*/
  2365. .OJBetter_setting_menu .tool-box {
  2366.     position: absolute;
  2367.     width: 20px;
  2368.     height: 20px;
  2369.     top: 3px;
  2370.     right: 3px;
  2371. }
  2372. .OJBetter_setting_menu .btn-close {
  2373.     width: 20px;
  2374.     height: 20px;
  2375.     border-radius: 50%;
  2376.     border: none;
  2377.     margin: 0px;
  2378.     padding: 0px;
  2379.     background-color: #ff000080;
  2380.     transition: .15s ease all;
  2381.     box-sizing: border-box;
  2382.     text-align: center;
  2383.     color: transparent;
  2384. }
  2385. .OJBetter_setting_menu .iconfont {
  2386.     font-size: 10px;
  2387.     font-weight: bolder;
  2388. }
  2389. .OJBetter_setting_menu .btn-close:hover {
  2390.     color: #ffffff;
  2391.     background-color: #ff0000cc;
  2392.     box-shadow: 0 5px 5px 0 #00000026;
  2393. }
  2394. .OJBetter_setting_menu .btn-close:active {
  2395.     color: #ffffffde;
  2396.     background-color: #ff000080;
  2397. }
  2398. /*设置面板-checkbox*/
  2399. .OJBetter_setting_menu input[type=checkbox]:focus {
  2400.     outline: 0px;
  2401. }
  2402. .OJBetter_setting_menu .OJBetter_setting_list input[type="checkbox"] {
  2403.     margin: 0px;
  2404. 	appearance: none;
  2405.     -webkit-appearance: none;
  2406. 	width: 40px;
  2407. 	height: 20px;
  2408. 	border: 1.5px solid #D7CCC8;
  2409.     padding: 0px !important;
  2410. 	border-radius: 20px;
  2411. 	background: #efebe978;
  2412. 	position: relative;
  2413. 	box-sizing: border-box;
  2414. }
  2415. .OJBetter_setting_menu .OJBetter_setting_list input[type="checkbox"]::before {
  2416. 	content: "";
  2417.     width: 17px;
  2418.     height: 17px;
  2419.     background: #D7CCC8;
  2420.     border: 1.5px solid #BCAAA4;
  2421.     border-radius: 50%;
  2422.     position: absolute;
  2423.     top: 0;
  2424.     left: 0;
  2425.     transform: translate(2%, 2%);
  2426.     transition: all 0.3s ease-in-out;
  2427.     box-sizing: border-box;
  2428. }
  2429. .OJBetter_setting_menu .OJBetter_setting_list input[type="checkbox"]::after {
  2430. 	content: url("data:image/svg+xml,%3Csvg xmlns='://www.w3.org/2000/svg' width='23' height='23' viewBox='0 0 23 23' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.55021 5.84315L17.1568 16.4498L16.4497 17.1569L5.84311 6.55026L6.55021 5.84315Z' fill='%23EA0707' fill-opacity='0.89'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.1567 6.55021L6.55012 17.1568L5.84302 16.4497L16.4496 5.84311L17.1567 6.55021Z' fill='%23EA0707' fill-opacity='0.89'/%3E%3C/svg%3E");
  2431. 	position: absolute;
  2432. 	top: 0;
  2433. 	left: 24px;
  2434. }
  2435. .OJBetter_setting_menu .OJBetter_setting_list input[type="checkbox"]:checked {
  2436. 	border: 1.5px solid #C5CAE9;
  2437. 	background: #E8EAF6;
  2438. }
  2439. .OJBetter_setting_menu .OJBetter_setting_list input[type="checkbox"]:checked::before {
  2440.     background: #C5CAE9;
  2441.     border: 1.5px solid #7986CB;
  2442.     transform: translate(122%, 2%);
  2443.     transition: all 0.3s ease-in-out;
  2444. }
  2445. .OJBetter_setting_menu .OJBetter_setting_list input[type="checkbox"]:checked::after {
  2446.     content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 15 13' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.8185 0.114533C15.0314 0.290403 15.0614 0.605559 14.8855 0.818454L5.00187 12.5L0.113036 6.81663C-0.0618274 6.60291 -0.0303263 6.2879 0.183396 6.11304C0.397119 5.93817 0.71213 5.96967 0.886994 6.18339L5.00187 11L14.1145 0.181573C14.2904 -0.0313222 14.6056 -0.0613371 14.8185 0.114533Z' fill='%2303A9F4' fill-opacity='0.9'/%3E%3C/svg%3E");
  2447.     position: absolute;
  2448.     top: 1.5px;
  2449.     left: 4.5px;
  2450. }
  2451. .OJBetter_setting_menu .OJBetter_setting_list button {
  2452.     cursor: pointer;
  2453.     color: #7986cb;
  2454.     background-color: #e8eaf6;
  2455.     border: 1px solid #7986cb;
  2456.     border-radius: 6px;
  2457.     width: 100px;
  2458.     margin: -5px 2px;
  2459.     padding: 5px 10px;
  2460. }
  2461. .OJBetter_setting_menu .OJBetter_setting_list button:hover {
  2462.     color: #e8eaf6;
  2463.     background-color: #7986cb;
  2464.     border: 1px solid #7986cb;
  2465. }
  2466. .OJBetter_setting_menu label, #darkMode_span, #loaded_span {
  2467.     font-size: 16px;
  2468. }
  2469. .OJBetter_setting_list {
  2470.     display: flex;
  2471.     flex-wrap: wrap;
  2472.     align-items: center;
  2473.     padding: 10px;
  2474.     margin: 5px 0px;
  2475.     background-color: #ffffff;
  2476.     border: 1px solid #c9c6c642;
  2477.     border-bottom-color: #c9c6c696;
  2478.     border-radius: 8px;
  2479.     justify-content: space-between;
  2480. }
  2481. .OJBetter_setting_list.alert_danger {
  2482.     color: #F44336;
  2483.     background-color: #FFEBEE;
  2484.     border: 1px solid #F44336;
  2485.     margin: 10px 0px;
  2486. }
  2487. .OJBetter_setting_list.alert_warn {
  2488.     color: #E65100;
  2489.     background-color: #FFF3E0;
  2490.     border: 1px solid #FF9800;
  2491.     margin: 10px 0px;
  2492. }
  2493. .OJBetter_setting_list.alert_tip {
  2494.     color: #009688;
  2495.     background-color: #E0F2F1;
  2496.     border: 1px solid #009688;
  2497.     margin: 10px 0px;
  2498. }
  2499. .OJBetter_setting_list.alert_info {
  2500.     color: #ffffff;
  2501.     background-color: #009688;
  2502.     margin: 10px 0px;
  2503.     box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px 0px inset;
  2504. }
  2505. .OJBetter_setting_list p:not(:last-child) {
  2506.     margin-bottom: 10px;
  2507. }
  2508. .OJBetter_setting_list p:not(:first-child) {
  2509.     margin-top: 10px;
  2510. }
  2511. /*设置面板-checkboxs*/
  2512. .OJBetter_setting_menu .OJBetter_checkboxs {
  2513.     flex-basis: 100%;
  2514.     display: flex;
  2515.     padding: 8px;
  2516.     margin: 10px 0px 0px 0px;
  2517.     border-bottom: 1px solid #c9c6c696;
  2518.     border-radius: 8px;
  2519.     border: 1px solid #c5cae9;
  2520.     background-color: #f0f8ff;
  2521. }
  2522. .OJBetter_setting_menu .OJBetter_checkboxs label {
  2523.     font-size: 13px;
  2524.     margin: 0px 6px 0px 3px;
  2525. }
  2526. .OJBetter_setting_menu .OJBetter_checkboxs input[type=checkbox]:checked+label{
  2527.     color: #7986cb;
  2528. }
  2529. .OJBetter_setting_menu .OJBetter_checkboxs input[type="checkbox"] {
  2530.     border: none;
  2531.     width: 16px;
  2532.     height: 16px;
  2533. }
  2534. .OJBetter_setting_menu .OJBetter_checkboxs input[type="checkbox"]::before{
  2535.     background: #ffffff;
  2536.     transform: none;
  2537.     width: 16px;
  2538.     height: 16px;
  2539. }
  2540. .OJBetter_setting_menu .OJBetter_checkboxs input[type="checkbox"]:checked {
  2541. 	background: none;
  2542.     border: none;
  2543. }
  2544. .OJBetter_setting_menu .OJBetter_checkboxs input[type="checkbox"]:checked::before {
  2545.     border: 1.5px solid #95a2de;
  2546.     background: #e8eaf6;
  2547. 	transform: none;
  2548. }
  2549. .OJBetter_setting_menu .OJBetter_checkboxs input[type="checkbox"]:checked::after {
  2550.     content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9' viewBox='0 0 15 13' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.8185 0.114533C15.0314 0.290403 15.0614 0.605559 14.8855 0.818454L5.00187 12.5L0.113036 6.81663C-0.0618274 6.60291 -0.0303263 6.2879 0.183396 6.11304C0.397119 5.93817 0.71213 5.96967 0.886994 6.18339L5.00187 11L14.1145 0.181573C14.2904 -0.0313222 14.6056 -0.0613371 14.8185 0.114533Z' fill='%2303A9F4' fill-opacity='0.9'/%3E%3C/svg%3E");
  2551.     top: 0px;
  2552.     left: 3.5px;
  2553. }
  2554. .OJBetter_setting_menu .OJBetter_checkboxs input[type="checkbox"]:disabled+label {
  2555.     color: #BDBDBD;
  2556. }
  2557. /*设置面板-radio*/
  2558. .OJBetter_setting_menu label {
  2559.     display: block;
  2560.     font-weight: initial;
  2561.     list-style-type: none;
  2562.     padding-inline-start: 0px;
  2563.     overflow-x: auto;
  2564.     max-width: 100%;
  2565.     margin: 3px 0px;
  2566.     overflow-x: visible;
  2567. }
  2568. .OJBetter_setting_menu_label_text {
  2569.     display: flex;
  2570.     border: 1px dashed #00aeeccc;
  2571.     height: 35px;
  2572.     width: 100%;
  2573.     color: #6e6e6e;
  2574.     font-weight: 300;
  2575.     font-size: 14px;
  2576.     letter-spacing: 2px;
  2577.     padding: 7px;
  2578.     margin-bottom: 4px;
  2579.     align-items: center;
  2580.     -webkit-box-sizing: border-box;
  2581.     -moz-box-sizing: border-box;
  2582.     box-sizing: border-box;
  2583. }
  2584. input[type="radio"]:checked+.OJBetter_setting_menu_label_text {
  2585.     background: #41e49930;
  2586.     border: 1px solid green;
  2587.     color: green;
  2588.     text-shadow: 0px 0px 0.5px green;
  2589. }
  2590. input[type="radio"]:disabled+.OJBetter_setting_menu_label_text {
  2591.     background: #fafafa00;
  2592.     border: 1px solid #e0e0e07a;
  2593.     color: #e0e0e0;
  2594. }
  2595. .OJBetter_setting_menu label input[type="radio"], .OJBetter_contextmenu label input[type="radio"]{
  2596.     appearance: none;
  2597.     list-style: none;
  2598.     padding: 0px !important;
  2599.     margin: 0px;
  2600.     clip: rect(0 0 0 0);
  2601.     -webkit-clip-path: inset(100%);
  2602.     clip-path: inset(100%);
  2603.     height: 1px;
  2604.     overflow: hidden;
  2605.     position: absolute;
  2606.     white-space: nowrap;
  2607.     width: 1px;
  2608. }
  2609. /*设置面板-文本输入框*/
  2610. .OJBetter_setting_menu input[type="text"] {
  2611.     display: block;
  2612.     height: 25px !important;
  2613.     width: 100%;
  2614.     background-color: #ffffff;
  2615.     color: #727378;
  2616.     font-size: 12px;
  2617.     border-radius: 0.3rem;
  2618.     padding: 1px 5px !important;
  2619.     box-sizing: border-box;
  2620.     margin: 5px 0px 5px 0px;
  2621.     border: 1px solid #00aeeccc;
  2622.     box-shadow: 0 0 1px #0000004d;
  2623. }
  2624. .OJBetter_setting_menu .OJBetter_setting_list input[type="text"] {
  2625.     margin-left: 5px;
  2626. }
  2627. .OJBetter_setting_menu input[type="text"]:focus-visible{
  2628.     border-style: solid;
  2629.     border-color: #3f51b5;
  2630.     outline: none;
  2631. }
  2632. .OJBetter_setting_menu_config_box {
  2633.     width: 100%;
  2634.     display: grid;
  2635.     margin-top: 5px;
  2636.     -webkit-box-sizing: border-box;
  2637.     -moz-box-sizing: border-box;
  2638.     box-sizing: border-box;
  2639. }
  2640. .OJBetter_setting_menu input::placeholder {
  2641.     color: #727378;
  2642. }
  2643. .OJBetter_setting_menu input.no_default::placeholder{
  2644.     color: #BDBDBD;
  2645. }
  2646. .OJBetter_setting_menu input.is_null::placeholder{
  2647.     color: red;
  2648.     border-width: 1.5px;
  2649. }
  2650. .OJBetter_setting_menu input.is_null{
  2651.     border-color: red;
  2652. }
  2653. .OJBetter_setting_menu textarea {
  2654.     resize: vertical;
  2655.     display: block;
  2656.     width: 100%;
  2657.     height: 60px;
  2658.     background-color: #ffffff;
  2659.     color: #727378;
  2660.     font-size: 12px;
  2661.     padding: 1px 5px !important;
  2662.     box-sizing: border-box;
  2663.     margin: 5px 0px 5px 0px;
  2664.     border: 1px solid #00aeeccc;
  2665.     box-shadow: 0 0 1px #0000004d;
  2666. }
  2667. .OJBetter_setting_menu textarea:focus-visible{
  2668.     border-style: solid;
  2669.     border-color: #3f51b5;
  2670.     outline: none;
  2671. }
  2672. .OJBetter_setting_menu textarea::placeholder{
  2673.     color: #BDBDBD;
  2674.     font-size: 14px;
  2675. }
  2676. .OJBetter_setting_menu #tempConfig_save {
  2677.     cursor: pointer;
  2678. 	display: inline-flex;
  2679.     padding: 5px;
  2680. 	background-color: #1aa06d;
  2681. 	color: #ffffff;
  2682. 	font-size: 14px;
  2683. 	line-height: 1.5rem;
  2684. 	font-weight: 500;
  2685. 	justify-content: center;
  2686. 	width: 100%;
  2687. 	border-radius: 0.375rem;
  2688. 	border: none;
  2689. 	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  2690.     margin-top: 20px
  2691. }
  2692. .OJBetter_setting_menu button#debug_button.debug_button {
  2693.     width: 18%;
  2694. }
  2695. .OJBetter_setting_menu span.tip {
  2696.     color: #999;
  2697.     font-size: 12px;
  2698.     font-weight: 500;
  2699.     padding: 5px 0px;
  2700. }
  2701. /*设置面板-tip*/
  2702. .help_tip {
  2703.     margin-right: auto;
  2704. }
  2705. span.input_label {
  2706.     font-size: 14px;
  2707. }
  2708. .help_tip .tip_text {
  2709.     display: none;
  2710.     position: absolute;
  2711.     color: #697e91;
  2712.     font-weight: 400;
  2713.     font-size: 14px;
  2714.     letter-spacing: 0px;
  2715.     background-color: #ffffff;
  2716.     padding: 10px;
  2717.     margin: 5px 0px;
  2718.     border-radius: 4px;
  2719.     border: 1px solid #e4e7ed;
  2720.     box-shadow: 0px 0px 12px rgba(0, 0, 0, .12);
  2721.     z-index: 100;
  2722. }
  2723. .help_tip .tip_text p {
  2724.     margin-bottom: 5px;
  2725. }
  2726. .help_tip .tip_text:before {
  2727.     content: "";
  2728.     position: absolute;
  2729.     top: -20px;
  2730.     right: -10px;
  2731.     bottom: -10px;
  2732.     left: -10px;
  2733.     z-index: -1;
  2734. }
  2735. .help-icon {
  2736.     cursor: help;
  2737.     width: 15px;
  2738.     color: #b4b9d4;
  2739.     margin-left: 5px;
  2740.     margin-top: 3px;
  2741. }
  2742. .OJBetter_setting_menu .OJBetter_setting_menu_label_text .help_tip .help-icon {
  2743.     color: #7fbeb2;
  2744. }
  2745. .help_tip .help-icon:hover + .tip_text, .help_tip .tip_text:hover {
  2746.     display: block;
  2747.     cursor: help;
  2748.     width: 250px;
  2749. }
  2750. /* 版本信息 */
  2751. .OJBetter_setting_menu .versionInfo{
  2752.     display: grid;
  2753.     justify-items: center;
  2754.     font-size: 16px;
  2755.     padding: 10px;
  2756. }
  2757. .OJBetter_setting_menu .versionInfo>* {
  2758.     margin: 10px 0px;
  2759. }
  2760.  
  2761. /* 配置管理面板 */
  2762. .config{
  2763.     width: 100%;
  2764.     margin: 10px 0px;
  2765. }
  2766. .config li.tempConfig_add_button {
  2767.     cursor: pointer;
  2768.     height: 40px;
  2769.     border: 1px dashed #BDBDBD;
  2770.     border-radius: 8px;
  2771.     background-color: #fcfbfb36;
  2772.     color: #bdbdbd;
  2773.     font-size: 14px;
  2774.     align-items: center;
  2775.     justify-content: center;
  2776. }
  2777. .config li.tempConfig_add_button:hover {
  2778.     border: 1px dashed #03A9F4;
  2779.     background-color: #d7f0fb8c;
  2780.     color: #03A9F4;
  2781. }
  2782. .config .config_bar_list {
  2783.     display: flex;
  2784.     width: 100%;
  2785.     padding-bottom: 2px;
  2786.     border: 1px solid #c5cae9;
  2787.     background-color: #f0f8ff;
  2788.     box-sizing: border-box;
  2789.     border-radius: 0px 0px 8px 8px;
  2790. }
  2791. .config .config_bar_list input[type="radio"] {
  2792.     appearance: none;
  2793.     width: 0;
  2794.     height: 0;
  2795.     overflow: hidden;
  2796. }
  2797. .config .config_bar_list input[type="radio"] {
  2798.     margin: 0px;
  2799. }
  2800. .config .config_bar_list input[type=radio]:focus {
  2801.     outline: 0px;
  2802. }
  2803. .config .config_bar_ul_li_text {
  2804.     display: flex;
  2805.     align-items: center;
  2806.     justify-content: center;
  2807.     max-width: 100%;
  2808.     height: 40px;
  2809.     overflow-x: auto;
  2810.     font-size: 14px;
  2811.     font-weight: 400;
  2812.     margin: 0px 4px;
  2813.     padding: 3px;
  2814.     border: 1px solid #dedede;
  2815.     border-radius: 10px;
  2816.     box-shadow: 0px 2px 4px 0px rgba(0,0,0,.05);
  2817.     box-sizing: border-box;
  2818. }
  2819. .config .config_bar_ul li button {
  2820.     background-color: #e6e6e6;
  2821.     color: #727378;
  2822.     height: 23px;
  2823.     font-size: 14px;
  2824.     border-radius: 0.3rem;
  2825.     padding: 1px 5px;
  2826.     margin: 5px;
  2827.     border: none;
  2828.     box-shadow: 0 0 1px #0000004d;
  2829. }
  2830. .config .config_bar_ul {
  2831.     display: flex;
  2832.     align-items: center;
  2833.     list-style-type: none;
  2834.     padding-inline-start: 0px;
  2835.     overflow-x: auto;
  2836.     max-width: 100%;
  2837.     margin: 0px;
  2838.     padding: 5px;
  2839. }
  2840. .config .config_bar_ul li {
  2841.     width: 80px;
  2842.     display: grid;
  2843.     margin: 4px 4px;
  2844.     min-width: 100px;
  2845.     box-sizing: border-box;
  2846. }
  2847. .config .config_bar_ul_li_text:hover {
  2848.     background-color: #eae4dc24;
  2849. }
  2850. input[type="radio"]:checked + .config_bar_ul_li_text {
  2851.     background: #41b3e430;
  2852.     border: 1px solid #5e7ce0;
  2853.     color: #5e7ce0;
  2854. }
  2855. .config .config_bar_ul::-webkit-scrollbar {
  2856.     width: 5px;
  2857.     height: 4px;
  2858. }
  2859. .config .config_bar_ul::-webkit-scrollbar-thumb {
  2860.     background-clip: padding-box;
  2861.     background-color: #d7d9e4;
  2862.     border-radius: 8px;
  2863. }
  2864. .config .config_bar_ul::-webkit-scrollbar-button:start:decrement {
  2865.     width: 4px;
  2866.     background-color: transparent;
  2867. }
  2868. .config .config_bar_ul::-webkit-scrollbar-button:end:increment {
  2869.     width: 4px;
  2870.     background-color: transparent;
  2871. }
  2872. .config .config_bar_ul::-webkit-scrollbar-track {
  2873.     border-radius: 5px;
  2874. }
  2875. .config .config_bar_ul_li_text::-webkit-scrollbar {
  2876.     width: 5px;
  2877.     height: 7px;
  2878.     background-color: #aaa;
  2879. }
  2880. .config .config_bar_ul_li_text::-webkit-scrollbar-thumb {
  2881.     background-clip: padding-box;
  2882.     background-color: #d7d9e4;
  2883. }
  2884. .config .config_bar_ul_li_text::-webkit-scrollbar-track {
  2885.     background-color: #f1f1f1;
  2886. }
  2887. .config .config_bar_list_add_div {
  2888.     display: flex;
  2889.     height: 40px;
  2890.     margin: 4px 2px;
  2891. }
  2892.  
  2893. /* 修改菜单 */
  2894. #config_bar_menu {
  2895.     z-index: 400;
  2896.     position: fixed;
  2897.     width: 60px;
  2898.     background: #ffffff;
  2899.     box-shadow: 1px 1px 4px 0px #0000004d;
  2900.     border: 0px solid rgba(0,0,0,0.04);
  2901.     border-radius: 4px;
  2902.     padding: 8px 0;
  2903. }
  2904. .config_bar_menu_item {
  2905.     cursor: pointer;
  2906.     padding: 2px 6px;
  2907.     display: flex;
  2908.     justify-content: center;
  2909.     align-items: center;
  2910.     height: 32px;
  2911.     font-size: 14px;
  2912.     font-weight: 500;
  2913.     box-shadow: inset 0px 0px 0px 0px #8bb2d9;
  2914. }
  2915. #config_bar_menu_edit:hover {
  2916.     background-color: #00aeec;
  2917.     color: white;
  2918. }
  2919. #config_bar_menu_delete:hover {
  2920.     background-color: #FF5722;
  2921.     color: white;
  2922. }
  2923.  
  2924. /* 配置编辑页面 */
  2925. #config_edit_menu {
  2926.     z-index: 300;
  2927.     width: 450px;
  2928. }
  2929.  
  2930. /* 黑暗模式选项按钮 */
  2931. .dark-mode-selection {
  2932.     display: flex;
  2933.     justify-content: center;
  2934.     align-items: center;
  2935.     max-width: 350px;
  2936.     -webkit-user-select: none;
  2937.     -moz-user-select: none;
  2938.     -ms-user-select: none;
  2939.     user-select: none;
  2940. }
  2941. .dark-mode-selection label {
  2942.     margin: 8px 0px 8px 8px;
  2943. }
  2944. .dark-mode-selection > * {
  2945.     margin: 6px;
  2946. }
  2947. .dark-mode-selection .OJBetter_setting_menu_label_text {
  2948.     border-radius: 8px;
  2949.     margin-bottom: 0px;
  2950. }
  2951.  
  2952. /*确认弹窗*/
  2953. .OJBetter_modal {
  2954.     z-index: 600;
  2955.     display: grid;
  2956.     position: fixed;
  2957.     top: 50%;
  2958.     left: 50%;
  2959.     transform: translate(-50%, -50%);
  2960.     font-size: 12px;
  2961.     font-family: var(--vp-font-family-base);
  2962.     width: max-content;
  2963.     padding: 10px 20px;
  2964.     box-shadow: 0px 0px 0px 4px #ffffff;
  2965.     border-radius: 6px;
  2966.     background-color: #f0f4f9;
  2967.     border-collapse: collapse;
  2968.     border: 1px solid #ffffff;
  2969.     color: #697e91;
  2970. }
  2971. .OJBetter_modal h2 {
  2972.     font-size: 1.6em;
  2973.     font-weight: 700;
  2974. }
  2975. .OJBetter_modal .content{
  2976.     white-space: nowrap;
  2977.     max-height: 500px;
  2978.     overflow-y: auto;
  2979. }
  2980. .OJBetter_modal .buttons{
  2981.     display: flex;
  2982.     padding-top: 15px;
  2983. }
  2984. .OJBetter_modal button {
  2985.     display: inline-flex;
  2986.     justify-content: center;
  2987.     align-items: center;
  2988.     line-height: 1;
  2989.     white-space: nowrap;
  2990.     cursor: pointer;
  2991.     text-align: center;
  2992.     box-sizing: border-box;
  2993.     outline: none;
  2994.     transition: .1s;
  2995.     user-select: none;
  2996.     vertical-align: middle;
  2997.     -webkit-appearance: none;
  2998.     height: 24px;
  2999.     padding: 5px 11px;
  3000.     margin-right: 15px;
  3001.     font-size: 12px;
  3002.     border-radius: 4px;
  3003.     color: #ffffff;
  3004.     background: #009688;
  3005.     border-color: #009688;
  3006.     border: none;
  3007. }
  3008. .OJBetter_modal button.secondary{
  3009.     background-color:#4DB6AC;
  3010. }
  3011. .OJBetter_modal button:hover{
  3012.     background-color:#4DB6AC;
  3013. }
  3014. .OJBetter_modal button.secondary:hover {
  3015.     background-color: #80CBC4;
  3016. }
  3017. .OJBetter_modal .help-icon {
  3018.     margin: 0px 8px 0px 0px;
  3019.     height: 1em;
  3020.     width: 1em;
  3021.     line-height: 1em;
  3022.     display: inline-flex;
  3023.     justify-content: center;
  3024.     align-items: center;
  3025.     position: relative;
  3026.     fill: currentColor;
  3027.     font-size: inherit;
  3028. }
  3029. .OJBetter_modal p {
  3030.     margin: 5px 0px;
  3031. }
  3032.  
  3033. /* 右键菜单 */
  3034. .OJBetter_contextmenu {
  3035.     z-index: 500;
  3036.     display: grid;
  3037.     position: absolute;
  3038.     background-color: #f0f4f9;
  3039.     border-collapse: collapse;
  3040.     color: #697e91;
  3041.     font-family: var(--vp-font-family-base);
  3042.     overflow: hidden;
  3043.     box-sizing: content-box;
  3044.     box-shadow: 0px 0px 0px 2px #eddbdb4d;
  3045. }
  3046. .OJBetter_contextmenu label {
  3047.     margin: 0px;
  3048. }
  3049. input[type="radio"]:checked+.OJBetter_contextmenu_label_text {
  3050.     background: #41e49930;
  3051.     border: 1px solid green;
  3052.     color: green;
  3053.     font-weight: 500;
  3054. }
  3055. .OJBetter_contextmenu_label_text {
  3056.     display: flex;
  3057.     border: 1px dashed #80cbc4;
  3058.     height: 26px;
  3059.     width: 100%;
  3060.     color: gray;
  3061.     font-size: 13px;
  3062.     font-weight: initial;
  3063.     padding: 4px;
  3064.     align-items: center;
  3065.     -webkit-box-sizing: border-box;
  3066.     -moz-box-sizing: border-box;
  3067.     box-sizing: border-box;
  3068. }
  3069. .OJBetter_contextmenu_label_text:hover {
  3070.     color: #F44336;
  3071.     border: 1px dashed #009688;
  3072.     background-color: #ffebcd;
  3073. }
  3074.  
  3075. /* RatingByClist */
  3076. .ratingBadge, html[data-theme=dark] button.ratingBadge{
  3077.     display: block;
  3078.     font-weight: 700;
  3079.     font-size: 11px;
  3080.     margin-top: 5px;
  3081.     padding: 2px;
  3082.     border-radius: 4px;
  3083.     color: #B0BEC5;
  3084.     border: 1px solid #cccccc66;
  3085. }
  3086.  
  3087. /* 多选翻译 */
  3088. .block_selected{
  3089.     box-shadow: 0px 0px 0px 1px #FF9800;
  3090.     outline: none;
  3091. }
  3092.  
  3093. /* 悬浮菜单 */
  3094. .OJBetter_MiniTranslateButton {
  3095.     z-index: 100;
  3096.     display: grid;
  3097.     position: absolute;
  3098.     border-collapse: collapse;
  3099.     fill: #F57C00;
  3100.     background-color: #FFF3E0;
  3101.     overflow: hidden;
  3102.     box-sizing: content-box;
  3103.     box-shadow: 0px 0px 0px 2px #FFE0B2;
  3104.     border-radius: 100%;
  3105. }
  3106. .OJBetter_MiniTranslateButton:hover {
  3107.     cursor: pointer;
  3108.     box-shadow: 0px 0px 0px 2px #FFB74D;
  3109. }
  3110.  
  3111. /* acmsguru划分块 */
  3112. .OJBetter_acmsguru {
  3113.     margin: 0 0 1em!important;
  3114. }
  3115.  
  3116. /* 代码提交表单 */
  3117. #OJBetter_SubmitForm.input-output-copier:hover {
  3118.     background-color: #ffffff00;
  3119. }
  3120. #OJBetter_SubmitForm input[type="number"] {
  3121.     width: 40px;
  3122.     color: #009688;
  3123.     appearance: none;
  3124.     border-radius: 6px;
  3125.     border-style: solid;
  3126.     border: none;
  3127.     background-color: #ffffff00;
  3128. }
  3129. #OJBetter_SubmitForm :focus-visible {
  3130.     outline: none;
  3131. }
  3132. #OJBetter_SubmitForm .topDiv {
  3133.     height: 50px;
  3134.     display: flex;
  3135.     align-items: center;
  3136.     justify-content: space-between;
  3137.     padding: 10px 0px;
  3138.     box-sizing: border-box;
  3139. }
  3140. #OJBetter_SubmitForm .topDiv .topRightDiv {
  3141.     height: 100%;
  3142.     display: flex;
  3143.     flex-wrap: wrap;
  3144.     gap: 0px;
  3145. }
  3146. #OJBetter_SubmitForm input[type="checkbox"], #OJBetter_SubmitForm label {
  3147.     margin: 0px;
  3148.     font-weight: initial;
  3149. }
  3150. #OJBetter_SubmitForm #fontSizeInput {
  3151.     border: none;
  3152.     background-color: #ffffff00;
  3153. }
  3154.  
  3155. /* 顶部区域 */
  3156. #OJBetter_SubmitForm .topRightDiv>* {
  3157.     height: 100%;
  3158.     box-sizing: border-box;
  3159. }
  3160. #OJBetter_SubmitForm .topRightDiv>button{
  3161.     padding: 0px 8px;
  3162. }
  3163. #OJBetter_SubmitForm .topRightDiv {
  3164.     display: flex;
  3165.     flex-wrap: wrap;
  3166.     gap: 0px;
  3167.     align-items: center;
  3168. }
  3169.  
  3170. /* LSP连接Log */
  3171. #LSPLog{
  3172.     width: 500px;
  3173.     height: 500px;
  3174.     position: fixed;
  3175.     top: 50%;
  3176.     left: 50%;
  3177.     padding: 10px;
  3178.     transform: translate(-50%, -50%);
  3179.     border: 1px solid;
  3180.     z-index: 200;
  3181.     background-color: #ffffff;
  3182. }
  3183. #LSPLog button{
  3184.     position: fixed;
  3185.     top: 10px;
  3186.     right: 10px;
  3187.     z-index: 200;
  3188. }
  3189. #LSPLog #LSPLogList{
  3190.     width: 500px;
  3191.     height: 500px;
  3192.     overflow: auto;
  3193.     color: #424242;
  3194. }
  3195. #LSPLog li:nth-child(odd){
  3196.     background-color: #f5f5f5;
  3197. }
  3198. #LSPLog details{
  3199.     padding: 2px;
  3200. }
  3201.  
  3202. /* 代码编辑器 */
  3203. #OJBetter_editor{
  3204.     box-sizing: border-box;
  3205.     height: 600px;
  3206.     border: 1px solid #d3d3d3;
  3207.     width: 100%;
  3208.     resize: vertical;
  3209.     display: flex;
  3210.     flex-direction: column;
  3211. }
  3212. #OJBetter_editor.fullscreen{
  3213.     position: fixed;
  3214.     top: 0;
  3215.     left: 0;
  3216.     width: 100%;
  3217.     height: 100vh;
  3218.     z-index: 2000;
  3219. }
  3220. #OJBetter_editor.bottom{
  3221.     position: fixed;
  3222.     bottom: 0;
  3223.     left: 0;
  3224.     width: 100%;
  3225.     height: 50vh;
  3226.     z-index: 2000;
  3227. }
  3228. .ojb_btn.exit_button_bottom {
  3229.     position: fixed;
  3230.     bottom: 30px;
  3231.     right: 15px;
  3232.     z-index: 2000;
  3233.     height: 28px;
  3234. }
  3235.  
  3236. /* monaco */
  3237. #OJBetter_monaco {
  3238.     flex: 1;
  3239.     min-height: 0;
  3240.     width: 100%;
  3241. }
  3242. #OJBetter_monaco .highlight {
  3243.     border: 1px solid #ffffff00;
  3244.     background-color: #ffffff00!important
  3245. }
  3246. .monaco-hover hr {
  3247.     margin: 4px -8px 4px !important;
  3248. }
  3249.  
  3250. /* 状态底栏 */
  3251. #OJBetter_statusBar{
  3252.     height: 22px;
  3253.     font-size: 12px;
  3254.     color: #757575;
  3255.     border: 1px solid #d3d3d3;
  3256.     background-color: #f8f8f8;
  3257.     padding: 3px;
  3258.     box-sizing: border-box;
  3259. }
  3260.  
  3261. /* 提交 */
  3262. #OJBetter_submitDiv{
  3263.     display: flex;
  3264.     padding-top: 15px;
  3265.     height: 50px;
  3266.     box-sizing: border-box;
  3267. }
  3268. #OJBetter_submitDiv >* {
  3269.     border-radius: 6px;
  3270. }
  3271. #OJBetter_submitDiv > button {
  3272.     height: 100%;
  3273.     aspect-ratio: 1 / 1;
  3274. }
  3275. #SubmitButton {
  3276.     color: #fff;
  3277.     background-color: #209978;
  3278.     border-color: #17795E;
  3279. }
  3280. #SubmitButton:hover {
  3281.     background-color: #17795e;
  3282. }
  3283. #SubmitButton.disabled {
  3284.     background-color: red;
  3285.     animation: shake 0.07s infinite alternate;
  3286. }
  3287. #programTypeId{
  3288.     height: 100%;
  3289.     padding: 5px 10px;
  3290.     border-radius: 6px;
  3291.     border-style: solid;
  3292.     border: 1px solid #ced4da;
  3293.     color: #212529;
  3294. }
  3295.  
  3296. /* 调试 */
  3297. .OJBetter_loding{
  3298.     padding: 6px 0px 0px 5px;
  3299.     height: 22px;
  3300. }
  3301. #CompilerArgsInput{
  3302.     flex-grow: 1;
  3303.     width: 100%;
  3304.     height: 100%;
  3305.     margin-bottom: 10px;
  3306.     padding: 5px 10px;
  3307.     border-radius: 6px;
  3308.     box-sizing: border-box;
  3309.     border: 1px solid #ccc;
  3310.     box-shadow: inset 0px 1px 1px rgba(0,0,0,.075);
  3311. }
  3312. #CompilerArgsInput[disabled] {
  3313.     cursor: not-allowed;
  3314. }
  3315. #CompilerSetting{
  3316.     font-size: 14px;
  3317.     margin-top: 10px;
  3318.     display: none;
  3319. }
  3320. #CompilerSetting select, #CompilerSetting textarea{
  3321.     padding: 4px 10px;
  3322.     border-radius: 6px;
  3323.     border-style: solid;
  3324.     border: 1px solid #ced4da;
  3325.     color: #212529;
  3326. }
  3327. #CompilerBox{
  3328.     display: grid;
  3329.     margin-top: 10px;
  3330.     border: #d0d7de solid 1px;
  3331.     border-radius: 6px;
  3332. }
  3333. #CompilerBox > * {  
  3334.     margin: 5px;
  3335. }
  3336.  
  3337. /* 自定义样例 */
  3338. #customTestBlock {
  3339.     margin-top: 10px;
  3340.     font-size: 14px;
  3341.     color: #616161;
  3342.     border: 1px solid #d3d3d3;
  3343.     box-sizing: border-box;
  3344.     position: relative;
  3345. }
  3346. #customTestBlock #customTests{
  3347.     border-top: 1px solid #d3d3d3;
  3348.     margin: 0px 0px 40px 0px;
  3349. }
  3350. #customTestBlock summary {
  3351.     cursor: pointer;
  3352.     padding: 10px;
  3353. }
  3354. #customTestBlock textarea {
  3355.     resize: vertical;
  3356. }
  3357. .sampleDiv {
  3358.     color: #727378;
  3359.     background-color: #FAFAFA;
  3360.     padding: 5px;
  3361.     margin-bottom: 10px;
  3362.     box-shadow: inset 0 0 1px #0000004d;
  3363.     position: relative;
  3364. }
  3365. .dynamicTextarea {
  3366.     width: 98%;
  3367.     height: 120px;
  3368.     margin: 10px 5px;
  3369.     border: 1px solid #E0E0E0;
  3370. }
  3371. .deleteCustomTest {
  3372.     cursor: pointer;
  3373.     position: absolute;
  3374.     top: 5px;
  3375.     right: 5px;
  3376.     display: flex;
  3377.     fill: #9E9E9E;
  3378.     padding: 2px 2px;
  3379.     border-radius: 4px;
  3380.     border: 1px solid #ffffff00;
  3381.     background-color: #ffffff00;
  3382.     align-items: center;
  3383. }
  3384. .deleteCustomTest:hover {
  3385.     fill: #EF5350;
  3386.     border: 1px solid #ef9a9a;
  3387.     background-color: #FFEBEE;
  3388. }
  3389. #addCustomTest {
  3390.     cursor: pointer;
  3391.     position: absolute;
  3392.     bottom: 5px;
  3393.     right: 5px;
  3394.     padding: 3px 10px;
  3395.     color: #795548;
  3396.     border: 1px solid #ccc;
  3397.     border-radius: 4px;
  3398.     background-color: #FAFAFA;
  3399. }
  3400. #addCustomTest:hover {
  3401.     background-color: #f5f5f5;
  3402. }
  3403.  
  3404. /* 调试结果 */
  3405. #statePanel{
  3406.     display: none;
  3407.     padding: 5px;
  3408.     margin-top: 10px;
  3409.     border: 1px solid #ddd;
  3410.     border-radius: 4px;
  3411. }
  3412. .test-case {
  3413.     padding: 10px;
  3414.     border: 1px solid #ddd;
  3415.     border-radius: 4px;
  3416. }
  3417. .test-case:not(:first-child){
  3418.     margin-top: 5px;
  3419. }
  3420. .test-case > * {
  3421.     margin: 5px 0px;
  3422. }
  3423. .test-case > :first-child {
  3424.     margin-top: 0px;
  3425. }
  3426. .test-case > :last-child {
  3427.     margin-bottom: 0px;
  3428. }
  3429. .test-case-title, .test-case-status {
  3430.     font-size: 16px;
  3431.     display: inline;
  3432. }
  3433. .test-case-status{
  3434.     margin-left: 5px;
  3435. }
  3436. .test-case-status.error{
  3437.     color: red;
  3438. }
  3439. .test-case-status.success{
  3440.     color: #449d44;
  3441. }
  3442. .test-case-judge {
  3443.     font-size: 13px;
  3444. }
  3445.  
  3446. /* 差异对比 */
  3447. .output_diff {
  3448.     color: #5d4037;
  3449.     margin: 5px 0px;
  3450.     display: grid;
  3451.     border: 1px solid #bcaaa4;
  3452.     font-size: 13px;
  3453.     font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
  3454.     overflow: auto;
  3455. }
  3456. .output_diff .added {
  3457.     background-color: #c8f7c5;
  3458.     user-select: none;
  3459. }
  3460. .output_diff .removed {
  3461.     background-color: #f7c5c5; 
  3462. }
  3463. .output_diff .diffLine {
  3464.     display: flex;
  3465. }
  3466. .output_diff .diffLine:nth-child(odd) {
  3467.     background-color: #f5f5f5;
  3468. }
  3469. .lineNo {
  3470.     display: flex;
  3471.     align-items: center;
  3472.     justify-content: center;
  3473.     width: 17px;
  3474.     color: #BDBDBD;
  3475.     font-size: 10px;
  3476.     border-right: 1px solid;
  3477.     user-select: none;
  3478. }
  3479. .lineContent {
  3480.     display: grid;
  3481.     width: 100%;
  3482. }
  3483. .lineContent>span {
  3484.     height: 16px;
  3485.     padding-left: 3px;
  3486. }
  3487. .output_no_diff {
  3488.     padding: 5px;
  3489.     border: 1px solid #ddd;
  3490. }
  3491. .diff_note {
  3492.     font-size: 10px;
  3493. }
  3494.  
  3495. /* 网站本地化替换规则标记 */
  3496. .markingTextReplaceRule{
  3497.     color: #FFF3E0;
  3498.     background-color: #FF9800;
  3499. }
  3500.  
  3501. /* SelectPage样式 */
  3502. .sp_input {
  3503.     padding: 4px 6px px !important;
  3504.     height: 20px !important;
  3505.     min-height: 20px !important;
  3506.     line-height: 20px !important;
  3507. }
  3508. div.sp_clear_btn {
  3509.     padding: 0px !important;
  3510. }
  3511.  
  3512. /* 移动设备 */
  3513. @media (max-device-width: 450px) {
  3514.     .ojb_btn{
  3515.         height: 2em;
  3516.         font-size: 1.2em;
  3517.     }
  3518.     .ojb_btn.OJBetter_setting{
  3519.         height: 2.5em;
  3520.         font-size: 1em;
  3521.     }
  3522.     .OJBetter_setting_menu{
  3523.         width: 90%;
  3524.     }
  3525.     .OJBetter_setting_menu label, #darkMode_span, #loaded_span, .OJBetter_setting_menu_label_text,
  3526.     .OJBetter_setting_sidebar li{
  3527.         font-size: 1em;
  3528.     }
  3529.     .translate-problem-statement{
  3530.         font-size: 1.2em;
  3531.     }
  3532.     .OJBetter_modal{
  3533.         font-size: 1.5em;
  3534.     }
  3535.     .OJBetter_setting_list, .translate-problem-statement{
  3536.         padding: 0.5em;
  3537.     }
  3538.     .OJBetter_setting_menu_label_text{
  3539.         height: 2.5em;
  3540.         padding: 0.5em;
  3541.     }
  3542.     #pagBar #jump-input, #pagBar #items-per-page, .OJBetter_modal button{
  3543.         height: 2.5em;
  3544.         font-size: 1em;
  3545.     }
  3546.     .translate-problem-statement p, .translate-problem-statement ul li{
  3547.         line-height: 1.5em !important;
  3548.     }
  3549.     .OJBetter_contextmenu_label_text{
  3550.         height: 3em;
  3551.         font-size: 1em;
  3552.     }
  3553. }
  3554.  
  3555. /* 覆盖网站原本的样式 */
  3556. div#select-lang {
  3557.     padding: 0px;
  3558. }
  3559. `);
  3560.  
  3561. /**
  3562.  * 添加一些依赖库和条件加载的css样式
  3563.  */
  3564. function addDependencyStyles() {
  3565.     GM_addStyle(GM_getResourceText("xtermcss"));
  3566.     GM_addStyle(GM_getResourceText("selectpagecss"));
  3567.     // 自定义图标大小
  3568.     GM_addStyle(`
  3569.         .iconfont {
  3570.             font-size: ${OJBetter.preference.iconButtonSize}px;
  3571.         }
  3572.     `);
  3573. }
  3574.  
  3575. /**
  3576.  * 添加包含i18n内容的css样式
  3577.  */
  3578. function addI18nStyles() {
  3579.     GM_addStyle(`
  3580.     /* 加载鼠标悬浮覆盖层css */
  3581.     .overlay::before {
  3582.         content: '';
  3583.         position: absolute;
  3584.         top: 0;
  3585.         left: 0;
  3586.         width: 100%;
  3587.         height: 100%;
  3588.         background: repeating-linear-gradient(135deg, rgb(77 208 225 / 30%), rgb(77 208 225 / 30%) 30px, rgb(77 208 225 / 10%) 0px, rgb(77 208 225 / 10%) 55px);
  3589.         z-index: 100;
  3590.     }
  3591.     .overlay::after {
  3592.         content: '${i18next.t('targetArea', { ns: 'common' })}';
  3593.         position: absolute;
  3594.         top: 50%;
  3595.         left: 50%;
  3596.         transform: translate(-50%, -50%);
  3597.         color: #00695C;
  3598.         font-size: 16px;
  3599.         font-weight: bold;
  3600.         z-index: 100;
  3601.     }
  3602.  
  3603.     .config::before {
  3604.         content: "${i18next.t('common.configManageTitle', { ns: 'settings' })}";
  3605.         display: block;
  3606.         height: 20px;
  3607.         background-color: #f0f8ff;
  3608.         border: 1px solid #c5cae9;
  3609.         border-bottom: 0px;
  3610.         line-height: 20px;
  3611.         padding: 2px 10px;
  3612.         border-radius: 8px 8px 0px 0px;
  3613.         box-sizing: content-box;
  3614.     }
  3615.     .config.missing::before {
  3616.         content: "${i18next.t('common.missing.radio', { ns: 'settings' })}";
  3617.         background-color: #fef0f0;
  3618.         color: #f56c6c;
  3619.         border: 1px solid #fab6b6;
  3620.     }
  3621.     `);
  3622. }
  3623.  
  3624. // ------------------------------
  3625. // 一些工具类
  3626. // ------------------------------
  3627.  
  3628.  
  3629. /**
  3630.  * 自定义错误类，以区分不同的错误类型
  3631.  */
  3632. class OJB_GMError extends Error {
  3633.     constructor(type, message, originalError) {
  3634.         super(message);
  3635.         this.name = 'GMError';
  3636.         this.type = type;
  3637.         this.stack = originalError.stack;
  3638.         Object.assign(this, originalError);
  3639.     }
  3640. }
  3641.  
  3642. /**
  3643.  * 文本块替换/恢复类
  3644.  */
  3645. class TextBlockReplacer {
  3646.     constructor() {
  3647.         /** @type {string[]} 匹配项 */
  3648.         this.matches = [];
  3649.         /** @type {Map<string, string>} 待还原项 */
  3650.         this.replacements = new Map();
  3651.         /** @type {Map<string, string>} 暂时未找到的待还原项 */
  3652.         this.tempReplacements = new Map();
  3653.         /** @type {string} 替换符号 */
  3654.         this.replaceSymbol = OJBetter.translation.replaceSymbol;
  3655.     }
  3656.  
  3657.     /**
  3658.      * 替换文本
  3659.      * @param {string} text 原文本
  3660.      * @param {RegExp} regex 匹配规则
  3661.      * @returns {string} 替换后的文本
  3662.      */
  3663.     replace(text, regex) {
  3664.         this.matches = text.match(regex) || [];
  3665.         try {
  3666.             for (let i = 0; i < this.matches.length; i++) {
  3667.                 const match = this.matches[i];
  3668.                 const id = OJB_getRandomNumber(8);
  3669.                 let replacement = '';
  3670.                 switch (this.replaceSymbol) {
  3671.                     case "1":
  3672.                         replacement = `【${id}】`;
  3673.                         break;
  3674.                     case "2":
  3675.                         replacement = `{${id}}`;
  3676.                         break;
  3677.                     case "3":
  3678.                         replacement = `[${id}]`;
  3679.                         break;
  3680.                     default:
  3681.                         replacement = `【${id}】`;
  3682.                         break;
  3683.                 }
  3684.                 text = text.replace(match, replacement);
  3685.                 this.replacements.set(id, match);
  3686.             }
  3687.         } catch (e) { }
  3688.         return text;
  3689.     }
  3690.  
  3691.  
  3692.     /**
  3693.      * 恢复替换的文本
  3694.      * @param {string} text 还原前的文本
  3695.      * @returns {string} 还原后的文本
  3696.      */
  3697.     recover(text) {
  3698.         let textCopy = text;
  3699.  
  3700.         /**
  3701.          * 替换文本
  3702.          * @param {string} replacement 替换的文本
  3703.          * @param {string} regexPattern 匹配规则
  3704.          * @returns {void}
  3705.          */
  3706.         const replaceText = (replacement, regexPattern) => {
  3707.             const latexMatch = '(?<latex_block>\\$\\$(\\\\.|[^\\$])*?\\$\\$)|(?<latex_inline>\\$(\\\\.|[^\\$])*?\\$)|';
  3708.             const regex = new RegExp(latexMatch + regexPattern, 'g');
  3709.             textCopy = textCopy.replace(regex, (match, ...args) => {
  3710.                 // LaTeX中的不替换
  3711.                 const groups = args[args.length - 1]; // groups是replace方法的最后一个参数
  3712.                 if (groups.latex_block || groups.latex_inline) return match;
  3713.                 // 没有空格则加一个
  3714.                 const offset = args[args.length - 3]; // offset是replace方法的倒数第三个参数
  3715.                 let leftSpace = "", rightSpace = "";
  3716.                 if (!/\s/.test(textCopy[offset - 1])) leftSpace = " ";
  3717.                 if (!/\s/.test(textCopy[offset + match.length])) rightSpace = " ";
  3718.                 return leftSpace + replacement + rightSpace;
  3719.             });
  3720.         };
  3721.  
  3722.         /**
  3723.          * 尝试还原
  3724.          * @param {string} replacement 替换的文本
  3725.          * @param {string} id 替换的 id
  3726.          * @returns {boolean} 是否替换成功
  3727.          */
  3728.         const tryRecover = (replacement, id) => {
  3729.             // 尝试还原，如果还原成功，则从 replacements 中删除
  3730.             const originalText = textCopy;
  3731.             replaceText(replacement, `【\\s*${id}\\s*】|\\[\\s*${id}\\s*\\]|{\\s*${id}\\s*}`); // 替换符完整匹配（考虑了多出空格的情况）
  3732.             replaceText(replacement, `【\\s*${id}(?![】\\d])|(?<![【\\d])${id}\\s*】|\\[\\s*${id}(?![\\]\\d])|(?<![\\[\\d])${id}\\s*\\]|{\\s*${id}(?![}\\d])|(?<![{\\d])${id}\\s*}`); // 替换符部分匹配
  3733.  
  3734.             if (textCopy === originalText) {
  3735.                 // 如果文本没有变化，说明没有找到，加入到 tempReplacements
  3736.                 this.tempReplacements.set(id, replacement);
  3737.                 return false;
  3738.             } else {
  3739.                 // 如果文本变化了，说明找到并成功替换，则删除
  3740.                 this.replacements.delete(id);
  3741.                 this.tempReplacements.delete(id);
  3742.                 return true;
  3743.             }
  3744.         }
  3745.  
  3746.         // 处理 replacements 中的项
  3747.         this.replacements.forEach((replacement, id) => {
  3748.             tryRecover(replacement, id);
  3749.         });
  3750.  
  3751.         // 处理 tempReplacements 中的项
  3752.         while (this.tempReplacements.size > 0) {
  3753.             let found = false;
  3754.             this.tempReplacements.forEach((replacement, id) => {
  3755.                 found = tryRecover(replacement, id) || found;
  3756.             });
  3757.             if (!found) break; // 如果这一轮没有找到任何项，终止循环
  3758.         }
  3759.  
  3760.         // 如果 tempReplacements 还有未找到的项
  3761.         if (this.tempReplacements.size > 0) {
  3762.             console.warn("There are still some replacements not found:", this.tempReplacements);
  3763.         }
  3764.  
  3765.         return textCopy;
  3766.     }
  3767. }
  3768.  
  3769. // ------------------------------
  3770. // 一些工具函数
  3771. // ------------------------------
  3772.  
  3773. /**
  3774.  * 格式化链接格式
  3775.  * @param {string} url 链接字符串
  3776.  * @returns {string} 清理后的链接字符串
  3777.  */
  3778. function OJB_cleanLink(url) {
  3779.     if (url === null || url === undefined) return "";
  3780.  
  3781.     // 替换'http://'为'https://'
  3782.     let cleanUrl = url.replace(/^http:\/\//i, 'https://');
  3783.  
  3784.     // 移除末尾的斜杠
  3785.     cleanUrl = cleanUrl.replace(/\/$/, '');
  3786.  
  3787.     return cleanUrl;
  3788. }
  3789.  
  3790. /**
  3791.  * 深度比较两个对象或数组是否完全相等。
  3792.  * @param {any} a - 第一个比较对象。
  3793.  * @param {any} b - 第二个比较对象。
  3794.  * @returns {boolean} - 如果两个对象或数组深度相等，则返回true，否则返回false。
  3795.  */
  3796. function OJB_deepEquals(a, b) {
  3797.     if (a === b) return true;
  3798.     if (typeof a !== 'object' || a === null || typeof b !== 'object' || b === null) return false;
  3799.     const keysA = Object.keys(a);
  3800.     const keysB = Object.keys(b);
  3801.     if (keysA.length !== keysB.length) return false;
  3802.     for (let key of keysA) {
  3803.         if (!b.hasOwnProperty(key)) return false;
  3804.         if (!OJB_deepEquals(a[key], b[key])) return false;
  3805.     }
  3806.     return true;
  3807. }
  3808.  
  3809. /**
  3810.  * 用于封装需要重试的异步函数
  3811.  * @param {Function} task 需要封装的异步函数
  3812.  * @param {Object} options 配置项
  3813.  * @param {Number} options.maxRetries 重试次数，默认为 5
  3814.  * @param {Number} options.retryInterval 重试时间间隔，默认为 0 毫秒
  3815.  * @param {Function} options.errorHandler 错误处理函数，默认为抛出错误
  3816.  * @param {...any} args task 函数的参数
  3817.  * @returns {Promise} 返回 Promise
  3818.  */
  3819. async function OJB_promiseRetryWrapper(task, {
  3820.     maxRetries = 5,
  3821.     retryInterval = 0,
  3822.     errorHandler = (err) => { throw err }
  3823. } = {}, ...args) {
  3824.     let attemptsLeft = maxRetries;
  3825.     while (attemptsLeft--) {
  3826.         try {
  3827.             return await task(...args);
  3828.         } catch (err) {
  3829.             if (attemptsLeft <= 0) {
  3830.                 return errorHandler(err, maxRetries, attemptsLeft);
  3831.             }
  3832.             if (retryInterval > 0) {
  3833.                 await OJB_delay(retryInterval);
  3834.             }
  3835.         }
  3836.     }
  3837. }
  3838.  
  3839. /**
  3840.  * GM_xmlhttpRequest 的 Promise 封装
  3841.  * @param {Object} options GM_xmlhttpRequest 的参数
  3842.  * @param {Boolean} isStream 是否为流式请求
  3843.  * @returns {Promise<OJB_GMError>} 返回 Promise
  3844.  */
  3845. function OJB_GMRequest(options, isStream = false) {
  3846.     return new Promise((resolve, reject) => {
  3847.         GM_xmlhttpRequest({
  3848.             ...options,
  3849.             ...(isStream ? {
  3850.                 onloadstart: resolve
  3851.             } : {
  3852.                 onload: resolve
  3853.             }),
  3854.             onerror: (error) => reject(new OJB_GMError('error', 'An error occurred during the request.', error)),
  3855.             ontimeout: (error) => reject(new OJB_GMError('timeout', 'The request timed out.', error)),
  3856.             onabort: (error) => reject(new OJB_GMError('abort', 'The request was aborted.', error)),
  3857.         });
  3858.     });
  3859. }
  3860.  
  3861. /**
  3862.  * 获取cookie
  3863.  * @param {string} name cookie名称
  3864.  * @returns {string} cookie值
  3865.  */
  3866. function OJB_getCookie(name) {
  3867.     const cookies = document.cookie.split(";");
  3868.     for (let i = 0; i < cookies.length; i++) {
  3869.         const cookie = cookies[i].trim();
  3870.         const [cookieName, cookieValue] = cookie.split("=");
  3871.  
  3872.         if (cookieName === name) {
  3873.             return decodeURIComponent(cookieValue);
  3874.         }
  3875.     }
  3876.     return "";
  3877. }
  3878.  
  3879. /**
  3880.  * 检查是否仍在同一浏览器会话中
  3881.  * @param {string} sessionKey - 会话键名，用于标识会话
  3882.  * @returns {boolean} - 如果在当前会话中之前已经设置过这个键，则返回true，否则返回false
  3883.  */
  3884. function OJB_isSameBrowserSession(sessionKey) {
  3885.     const fullCookieName = `OJB_Session_${sessionKey}`;
  3886.     const sessionValue = OJB_getCookie(fullCookieName);
  3887.     if (sessionValue === "") {
  3888.         document.cookie = `${fullCookieName}=true; path=/`;
  3889.         return false;
  3890.     }
  3891.     return true;
  3892. }
  3893.  
  3894. /**
  3895.  * 随机数生成
  3896.  * @param {number} numDigits 位数
  3897.  * @returns {number}
  3898.  */
  3899. function OJB_getRandomNumber(numDigits) {
  3900.     let min = Math.pow(10, numDigits - 1);
  3901.     let max = Math.pow(10, numDigits) - 1;
  3902.     return Math.floor(Math.random() * (max - min + 1)) + min;
  3903. }
  3904.  
  3905. /**
  3906.  * 防抖函数
  3907.  * @param {Function} callback 回调函数
  3908.  * @returns {Function}
  3909.  */
  3910. function OJB_debounce(callback) {
  3911.     let timer;
  3912.     let immediateExecuted = false;
  3913.     const delay = 500;
  3914.     return function () {
  3915.         clearTimeout(timer);
  3916.         if (!immediateExecuted) { callback.call(this); immediateExecuted = true; }
  3917.         timer = setTimeout(() => { immediateExecuted = false; }, delay);
  3918.     };
  3919. }
  3920.  
  3921. /**
  3922.  * 为元素添加鼠标拖拽支持
  3923.  * @param {JQuery<HTMLElement>} element 要添加拖拽支持的元素
  3924.  * @returns {void}
  3925.  */
  3926. function OJB_addDraggable(element) {
  3927.     let isDragging = false;
  3928.     let x, y, l, t, nl, nt;
  3929.     let isSpecialMouseDown = false; // 选取某些元素时不拖动
  3930.  
  3931.     element.on('mousedown', function (e) {
  3932.         isSpecialMouseDown = $(e.target).is('label, p, input, textarea, span, select, details, summary');
  3933.         if (isSpecialMouseDown) return;
  3934.  
  3935.         isDragging = true;
  3936.         x = e.clientX;
  3937.         y = e.clientY;
  3938.         l = element.offset().left - $(window).scrollLeft();
  3939.         t = element.offset().top - $(window).scrollTop();
  3940.  
  3941.         element.css({ left: l + 'px', top: t + 'px', transform: 'none' });
  3942.  
  3943.         $(document).on("mousemove", drag);
  3944.         $(document).on("mouseup", stopDrag);
  3945.         element.css('cursor', 'all-scroll');
  3946.     });
  3947.  
  3948.     const drag = (e) => {
  3949.         if (!isDragging) return;
  3950.         // 不执行拖动操作
  3951.         if ($(e.target).is('label, p, input, textarea, span') || isSpecialMouseDown && !$(e.target).is('input, textarea')) return;
  3952.         e.preventDefault();
  3953.  
  3954.         const nx = e.clientX;
  3955.         const ny = e.clientY;
  3956.         nl = nx - (x - l);
  3957.         nt = ny - (y - t);
  3958.         element.css({ transform: `translate(${nx - x}px, ${ny - y}px)` });
  3959.     };
  3960.  
  3961.     const stopDrag = () => {
  3962.         isDragging = false;
  3963.         isSpecialMouseDown = false;
  3964.         element.css('cursor', 'default');
  3965.  
  3966.         // 在停止拖拽后，设置元素的left和top，并还原transform
  3967.         element.css({ left: nl + 'px', top: nt + 'px', transform: 'none' });
  3968.         $(document).off("mousemove", drag);
  3969.         $(document).off("mouseup", stopDrag);
  3970.     };
  3971. }
  3972.  
  3973. /**
  3974.  * 切换元素的折叠/展开过渡动画
  3975.  * @param {HTMLElement} element
  3976.  */
  3977. function OJB_toggleCollapseExpand(element) {
  3978.     // 设置transitionend事件监听器的函数
  3979.     const setTransitionListener = (listener) => {
  3980.         const listenerName = `transitionEndListener${Date.now()}`;
  3981.         window[listenerName] = listener;
  3982.         element.addEventListener('transitionend', listener);
  3983.         element.setAttribute('data-transition-end-listener', listenerName);
  3984.     };
  3985.  
  3986.     // 移除事件监听器的函数
  3987.     const removeTransitionListener = () => {
  3988.         const transitionEndListenerName = element.getAttribute('data-transition-end-listener');
  3989.         if (transitionEndListenerName) {
  3990.             element.removeEventListener('transitionend', window[transitionEndListenerName]);
  3991.             element.removeAttribute('data-transition-end-listener');
  3992.         }
  3993.     };
  3994.  
  3995.     const collapsed = element.getAttribute('data-collapsed') === 'true';
  3996.     const sectionHeight = element.scrollHeight;
  3997.  
  3998.     // 移除事件监听器
  3999.     removeTransitionListener();
  4000.  
  4001.     // 设置初始样式
  4002.     element.style.overflow = 'hidden';
  4003.     element.style.transition = 'height 0.3s ease-out 0s';
  4004.     element.style.height = collapsed ? `0px` : `${sectionHeight}px`;
  4005.     element.style.opacity = collapsed ? '' : '1';
  4006.  
  4007.     // 需要立即开始动画
  4008.     requestAnimationFrame(() => {
  4009.         // 设置结束样式
  4010.         element.style.height = collapsed ? `${sectionHeight}px` : `0px`;
  4011.     });
  4012.  
  4013.     const transitionEndListener = (event) => {
  4014.         if (event.propertyName === 'height') {
  4015.             if (collapsed) {
  4016.                 // 展开后的设置
  4017.                 element.style.height = '';
  4018.                 element.style.overflow = '';
  4019.             } else {
  4020.                 // 折叠后的设置
  4021.                 element.style.opacity = '0';
  4022.             }
  4023.             removeTransitionListener();
  4024.         }
  4025.     };
  4026.  
  4027.     setTransitionListener(transitionEndListener);
  4028.  
  4029.     // 更新data-collapsed属性
  4030.     element.setAttribute('data-collapsed', collapsed ? 'false' : 'true');
  4031. }
  4032.  
  4033. /**
  4034.  * 获取外部JSON并转换为Object
  4035.  * @param {string} url JSON Url
  4036.  * @param {boolean} [nacache=true] 是否不使用缓存
  4037.  * @returns {Promise<Object>} JSON Object
  4038.  */
  4039. async function OJB_getExternalJSON(url, nacache = true) {
  4040.     const response = await OJB_GMRequest({
  4041.         method: "GET",
  4042.         url: url,
  4043.         nocache: nacache
  4044.     });
  4045.     try {
  4046.         return JSON.parse(response.responseText);
  4047.     } catch (e) {
  4048.         throw new Error(`JSON parse error\n${e}`);
  4049.     }
  4050. }
  4051.  
  4052. /**
  4053.  * 创建确认对话框dialog
  4054.  * @param {string} title 标题
  4055.  * @param {string} content 内容
  4056.  * @param {string[]} buttons 按钮 (取消 确定) 可以为null
  4057.  * @param {boolean} renderMarkdown 是否使用markdown渲染文本
  4058.  * @returns {Promise<boolean>} 用户点击了确定按钮返回true, 否则返回false
  4059.  */
  4060. function OJB_createDialog(title, content, buttons, renderMarkdown = false) {
  4061.     return new Promise(resolve => {
  4062.         let contentHtml = content;
  4063.  
  4064.         if (renderMarkdown) {
  4065.             const md = window.markdownit();
  4066.             contentHtml = md.render(content);
  4067.         }
  4068.  
  4069.         const dialog = OJB_safeCreateJQElement(`
  4070.         <dialog class="OJBetter_modal">
  4071.             <h2>${title}</h2>
  4072.             <div class="content">${contentHtml}</div>
  4073.         </dialog>
  4074.         `);
  4075.         const buttonbox = OJB_safeCreateJQElement(`<div class="buttons"></div>`);
  4076.         const cancelButton = OJB_safeCreateJQElement(`<button class="cancelButton">${buttons[0]}</button>`)
  4077.             .addClass("secondary");
  4078.         const continueButton = OJB_safeCreateJQElement(`<button class="continueButton">${buttons[1]}</button>`);
  4079.         if (buttons[0] !== null) buttonbox.append(cancelButton);
  4080.         if (buttons[1] !== null) buttonbox.append(continueButton);
  4081.         dialog.append(buttonbox);
  4082.         $('body').append(dialog);
  4083.  
  4084.         OJB_showModal(dialog);
  4085.         OJB_addDraggable(dialog);
  4086.  
  4087.         continueButton.click(function () {
  4088.             OJB_closeAndRemoveModal(dialog);
  4089.             resolve(true);
  4090.         });
  4091.  
  4092.         cancelButton.click(function () {
  4093.             OJB_closeAndRemoveModal(dialog);
  4094.             resolve(false);
  4095.         });
  4096.     });
  4097. }
  4098.  
  4099. /**
  4100.  * 显示模态对话框并阻止页面滚动，同时考虑滚动条宽度变化和原始marginRight
  4101.  * @param {JQuery<HTMLElement>} element
  4102.  */
  4103. function OJB_showModal(element) {
  4104.     const dialog = element.get(0);
  4105.     dialog.showModal();
  4106.     OJBetter.state.openDialogCount++;
  4107.  
  4108.     if (OJBetter.state.openDialogCount === 1) {
  4109.         const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;
  4110.         // 获取原始的html marginRight，考虑到可能的非数字值，比如auto
  4111.         const originalMarginRight = window.getComputedStyle(document.documentElement).marginRight;
  4112.         const marginRightValue = parseFloat(originalMarginRight) || 0; // 将非数字值转换为0
  4113.  
  4114.         if (scrollbarWidth > 0) {
  4115.             // 保存原始的marginRight，并设置新的值以补偿滚动条宽度
  4116.             document.documentElement.style.setProperty('--original-margin-right', originalMarginRight);
  4117.             document.documentElement.style.marginRight = `${marginRightValue + scrollbarWidth}px`;
  4118.         }
  4119.  
  4120.         // 保存原始的overflow样式
  4121.         document.documentElement.setAttribute('data-original-overflow', document.documentElement.style.overflow);
  4122.         document.documentElement.style.overflow = 'hidden';
  4123.     }
  4124.  
  4125.     const allowScrollIfNeeded = () => {
  4126.         OJBetter.state.openDialogCount--;
  4127.         if (OJBetter.state.openDialogCount === 0) {
  4128.             // 恢复原始的html marginRight和overflow样式
  4129.             const originalMarginRight = document.documentElement.style.getPropertyValue('--original-margin-right');
  4130.             document.documentElement.style.marginRight = originalMarginRight;
  4131.             document.documentElement.style.removeProperty('--original-margin-right');
  4132.  
  4133.             const originalOverflow = document.documentElement.getAttribute('data-original-overflow');
  4134.             document.documentElement.style.overflow = originalOverflow;
  4135.             document.documentElement.removeAttribute('data-original-overflow');
  4136.         }
  4137.     };
  4138.  
  4139.     dialog.addEventListener('close', allowScrollIfNeeded);
  4140. }
  4141.  
  4142. /**
  4143.  * 关闭并移除模态对话框
  4144.  * @param {JQuery<HTMLElement>} element
  4145.  */
  4146. function OJB_closeAndRemoveModal(element) {
  4147.     const dialog = element.get(0);
  4148.     dialog.close();
  4149.     dialog.remove();
  4150. }
  4151.  
  4152. /**
  4153.  * 关闭并移除模态对话框
  4154.  * @param {JQuery<HTMLElement>} element
  4155.  */
  4156. function OJB_closeModal(element) {
  4157.     const dialog = element.get(0);
  4158.     dialog.close();
  4159. }
  4160.  
  4161. /**
  4162.  * 清除i18next的缓存数据并刷新
  4163.  */
  4164. function clearI18nextCache() {
  4165.     Object.keys(localStorage)
  4166.         .filter(key => key.startsWith('i18next_res_'))
  4167.         .forEach(key => localStorage.removeItem(key));
  4168.     window.location.reload();
  4169. }
  4170.  
  4171. /**
  4172.  * 清除网站本地化数据
  4173.  */
  4174. async function clearWebsiteL10nData() {
  4175.     OJBetter.common.database.localizeSubsData.clear().then(() => {
  4176.         console.log('localizeSubsData table has been cleared');
  4177.         window.location.reload();
  4178.     }).catch((error) => {
  4179.         console.error('Failed to clear localizeSubsData table:', error);
  4180.     });
  4181. }
  4182.  
  4183. /**
  4184.  * 从Pre代码块中获取原始代码
  4185.  * @param {HTMLElement} element pre代码块元素
  4186.  * @returns {string|null} 代码文本
  4187.  */
  4188. function OJB_getCodeFromPre(element) {
  4189.     /**
  4190.      * 从Ace格式化的代码块中获取原始代码
  4191.      * @param {HTMLElement} element pre代码块元素
  4192.      * @returns {string} 代码文本
  4193.      */
  4194.     const getCodeFromAcePre = function (element) {
  4195.         const editor = ace.edit(element);
  4196.         return editor.getValue();
  4197.     }
  4198.  
  4199.     /**
  4200.      * 从Pretty格式化的代码块中获取原始代码-1
  4201.      * 代码直接存放在 pre 元素中
  4202.      * @param {HTMLElement} element pre代码块元素
  4203.      * @returns {string} 代码文本
  4204.      */
  4205.     const getCodeFromPrettyPre = function (element) {
  4206.         return Array.from(element.querySelectorAll('li')).map(function (li) {
  4207.             return li.textContent;
  4208.         }).join('\n');
  4209.     }
  4210.  
  4211.     /**
  4212.      * 从Pretty格式化的代码块中获取原始代码-2
  4213.      * 代码存放在子元素 code 中
  4214.      * @param {HTMLElement} element pre代码块元素
  4215.      * @returns {string} 代码文本
  4216.      */
  4217.     const getCodeFromPreChild = function (element) {
  4218.         const code = element.querySelector("code.prettyprint");
  4219.         if (code.classList.contains("linenums")) {
  4220.             return getCodeFromPrettyPre(element);
  4221.         } else {
  4222.             return element.querySelector("code.prettyprint").textContent;
  4223.         }
  4224.     }
  4225.  
  4226.     if (element.id === "submission-code") {
  4227.         return getCodeFromAcePre(element);
  4228.     } else if (element.classList.contains("prettyprint")) {
  4229.         return getCodeFromPrettyPre(element);
  4230.     } else if (element.querySelector("code.prettyprint")) {
  4231.         return getCodeFromPreChild(element);
  4232.     } else {
  4233.         return null;
  4234.     }
  4235. }
  4236.  
  4237. /**
  4238.  * 判断代码的语言
  4239.  * @param {string} code 代码文本
  4240.  * @returns {string} 可能的语言
  4241.  */
  4242. function OJB_codeLangDetect(code) {
  4243.     result = hljs.highlightAuto(code);
  4244.     return result.language;
  4245. }
  4246.  
  4247. /**
  4248.  * 获取指定命名空间下的所有i18n翻译键值对。
  4249.  * 
  4250.  * @param {string} namespace - 要获取键值对的i18next命名空间。
  4251.  * @returns {Map<string, string>} 一个包含命名空间下所有键值对的Map对象。
  4252.  */
  4253. function OJB_getAllI18nKeysForNamespace(namespace) {
  4254.     const language = i18next.language; // 获取当前语言
  4255.     const resources = i18next.store.data[language]; // 获取当前语言的所有资源
  4256.     const nsResources = resources[namespace]; // 获取特定命名空间的资源
  4257.     const resultMap = new Map();
  4258.  
  4259.     if (nsResources) {
  4260.         // 遍历命名空间下的所有键值对，并添加到Map中
  4261.         Object.keys(nsResources).forEach(key => {
  4262.             resultMap.set(key, nsResources[key]);
  4263.         });
  4264.     } else {
  4265.         console.log(`No resources found for namespace "${namespace}"`);
  4266.     }
  4267.  
  4268.     return resultMap;
  4269. }
  4270.  
  4271. /**
  4272.  * 更新检查
  4273.  */
  4274. async function checkScriptVersion() {
  4275.     try {
  4276.         const versionResponse = await OJB_GMRequest({
  4277.             method: "GET",
  4278.             url: "https://aowuucdn.oss-accelerate.aliyuncs.com/script/versions.json",
  4279.             timeout: 10 * 1e3,
  4280.             nocache: true
  4281.         });
  4282.         const versionData = JSON.parse(versionResponse.responseText);
  4283.         const { [OJBetter.state.formatName]: { dev: version_dev, release: version_release } } = versionData;
  4284.         const baseUrls = {
  4285.             // greasyfork: 'https://update.greatest.deepsurf.us/scripts/465777/Codeforces%20Better%21.user.js',
  4286.             greasyfork: 'https://update.greatest.deepsurf.us/scripts/471106/Atcoder%20Better%21.user.js',
  4287.             github: `https://github.com/beijixiaohu/OJBetter/raw/main/script/${OJBetter.about.updateChannel}/${OJBetter.state.formatName}.user.js`,
  4288.             aliyunoss: `https://aowuucdn.oss-accelerate.aliyuncs.com/script/${OJBetter.about.updateChannel}/${OJBetter.state.formatName}.user.js`
  4289.         };
  4290.         /** @type {string} 更新跳转url */
  4291.         const updateUrl = baseUrls[OJBetter.about.updateSource];
  4292.         /** @type {string} 是否暂时跳过cookie */
  4293.         const skipUpdate = OJB_getCookie("skipUpdate");
  4294.         /** @type {string} 当前更新频道的最新版本 */
  4295.         const version = OJBetter.about.updateChannel == "release" ? version_release : version_dev;
  4296.         if (OJB_compareVersions(version, OJBetter.state.version) === 1 && skipUpdate !== "true") {
  4297.             const updateConfirmed = await OJB_createDialog(
  4298.                 i18next.t('update.title', { ns: 'dialog', scriptName: OJBetter.state.name }),
  4299.                 i18next.t('update.content', { ns: 'dialog', oldVersion: OJBetter.state.version, newVersion: version }),
  4300.                 [
  4301.                     i18next.t('update.buttons.0', { ns: 'dialog' }),
  4302.                     i18next.t('update.buttons.1', { ns: 'dialog' })
  4303.                 ],
  4304.                 true
  4305.             );
  4306.  
  4307.             if (updateConfirmed) {
  4308.                 window.location.href = updateUrl;
  4309.             } else {
  4310.                 document.cookie = "skipUpdate=true; path=/";
  4311.             }
  4312.         }
  4313.     } catch (error) {
  4314.         console.error("Update check failed: ", error);
  4315.     }
  4316. }
  4317.  
  4318. /**
  4319.  * 公告
  4320.  */
  4321. async function showAnnounce() {
  4322.     /** @type {string} 最新公告版本*/
  4323.     const lastAnnounceVer = i18next.t('lastVersion', { ns: 'announce' });
  4324.     if (OJB_compareVersions(OJBetter.state.version, OJBetter.state.lastAnnounceVer) === 1) {
  4325.         const title = `🎉${i18next.t('announce.title', { ns: 'dialog' })} ${OJBetter.state.version}`;
  4326.         /** @type {Boolean} 是否是新的公告 */
  4327.         const isNewAnnounceVer = OJB_compareVersions(lastAnnounceVer, OJBetter.state.lastReadAnnounceVer) === 1;
  4328.         /** @type {Boolean} 是否展示新的公告(高于当前版本的测试公告不展示) */
  4329.         const showNewAnnounceVer = OJB_compareVersions(lastAnnounceVer, OJBetter.state.version) !== 1;
  4330.         /**
  4331.          * 获取公告的内容
  4332.          * @returns {string} 公告内容
  4333.          */
  4334.         const getAnnounceContent = function () {
  4335.             // 获取公告
  4336.             const announceMap = OJB_getAllI18nKeysForNamespace('announce');
  4337.             // 移除 'lastVersion' 键
  4338.             announceMap.delete('lastVersion');
  4339.             // 将 Map 转换为数组并根据版本号排序
  4340.             const sortedVersions = [...announceMap.keys()].sort(OJB_compareVersions).reverse();
  4341.             let content = "";
  4342.             sortedVersions.forEach(version => {
  4343.                 content += `### ${version}\n\n`; // 使用版本号作为标题
  4344.                 content += announceMap.get(version); // 添加对应版本的公告内容
  4345.                 content += "\n\n";
  4346.             });
  4347.  
  4348.             return content;
  4349.         };
  4350.  
  4351.         const content = (() => {
  4352.             if (isNewAnnounceVer && showNewAnnounceVer) {
  4353.                 return `${i18next.t('announce.prefix', { ns: 'dialog' })}\n\n${getAnnounceContent()}`;
  4354.             } else {
  4355.                 return i18next.t('announce.divContent', { ns: 'dialog' });
  4356.             }
  4357.         })();
  4358.         const ok = await OJB_createDialog(
  4359.             title,
  4360.             content,
  4361.             [
  4362.                 null,
  4363.                 i18next.t('announce.buttons.0', { ns: 'dialog' })
  4364.             ],
  4365.             true
  4366.         ); //跳过折叠块确认
  4367.         if (ok) {
  4368.             if (isNewAnnounceVer && showNewAnnounceVer) {
  4369.                 GM_setValue('lastReadAnnounceVer', lastAnnounceVer);
  4370.             }
  4371.             GM_setValue('lastAnnounceVer', OJBetter.state.version);
  4372.         }
  4373.     }
  4374. };
  4375.  
  4376. /**
  4377.  * 页面顶部提示信息alert类
  4378.  */
  4379. class LoadingMessage {
  4380.     constructor() {
  4381.         this._statusElement = null;
  4382.         this._isDisplayed = false;
  4383.         this.init();
  4384.     }
  4385.  
  4386.     /**
  4387.      * 初始化加载提示信息
  4388.      */
  4389.     init() {
  4390.         this._statusElement = this.createStatusElement();
  4391.         this.insertStatusElement();
  4392.     }
  4393.  
  4394.     /**
  4395.      * 创建提示信息元素
  4396.      */
  4397.     createStatusElement() {
  4398.         const statusElement = $("<div></div>").addClass("alert OJBetter_alert")
  4399.             .css({
  4400.                 "margin": "1em",
  4401.                 "text-align": "center",
  4402.                 "position": "relative"
  4403.             }).hide();
  4404.         return statusElement;
  4405.     }
  4406.  
  4407.     /**
  4408.      * 插入提示信息
  4409.      * @returns {void}
  4410.      */
  4411.     insertStatusElement() {
  4412.         // (OJBetter.typeOfPage.is_mSite ? $("header") : $(".menu-box:first").next()).after(this._statusElement);
  4413.         $("#main-container").prepend(this._statusElement);
  4414.     }
  4415.  
  4416.     /**
  4417.      * 显示提示信息
  4418.      */
  4419.     showStatus() {
  4420.         this._statusElement.show();
  4421.         this._isDisplayed = true;
  4422.     }
  4423.  
  4424.     /**
  4425.      * 隐藏提示信息
  4426.      */
  4427.     hideStatus() {
  4428.         this._statusElement.fadeOut(500);
  4429.         this._isDisplayed = false;
  4430.     }
  4431.  
  4432.     /**
  4433.      * 移除提示信息
  4434.      */
  4435.     removeStatus() {
  4436.         this._statusElement.remove();
  4437.         this._isDisplayed = false;
  4438.     }
  4439.  
  4440.     /**
  4441.      * 更新提示信息
  4442.      * @param {string} text 提示信息文本
  4443.      * @param {string} type 提示信息类型，可选值：info, success, warning, error
  4444.      * @param {number} timeout 提示信息显示的持续时间（毫秒）, 默认为无限长
  4445.      */
  4446.     updateStatus(text, type = 'info', timeout = Infinity, isMarkdown = false) {
  4447.         if (isMarkdown) {
  4448.             let md = window.markdownit({
  4449.                 html: !is_escapeHTML,
  4450.             });
  4451.             text = md.render(text);
  4452.         }
  4453.         this._statusElement.html(text).removeClass("alert-info alert-success alert-warning alert-error").addClass(`alert-${type}`);
  4454.         if (!this._isDisplayed) {
  4455.             this.showStatus();
  4456.         }
  4457.         if (timeout !== Infinity) {
  4458.             setTimeout(() => {
  4459.                 this.hideStatus();
  4460.             }, timeout);
  4461.         }
  4462.     }
  4463. }
  4464.  
  4465. /**
  4466.  * 获取网站本地化的数据
  4467.  * @param {*} localizationLanguage 本地化语言
  4468.  * @returns {Promise<Object>} 本地化数据
  4469.  */
  4470. async function getLocalizeWebsiteJson(localizationLanguage) {
  4471.     let data = await OJBetter.common.database.localizeSubsData.get(localizationLanguage);
  4472.     let url = localizationLanguage === "zh" ?
  4473.         `https://aowuucdn.oss-accelerate.aliyuncs.com/resources/subs/${OJBetter.state.formatName}.json` :
  4474.         `https://aowuucdn.oss-accelerate.aliyuncs.com/i18n/${localizationLanguage}/resources/subs/${OJBetter.state.formatName}.json`;
  4475.     if (data) data = data.data;
  4476.     if (!data) {
  4477.         // 如果本地没有数据，从远端获取并保存
  4478.         data = await OJB_getExternalJSON(url);
  4479.         await OJBetter.common.database.localizeSubsData.put({ lang: localizationLanguage, data: data });
  4480.     } else {
  4481.         // 如果本地有数据，检查是否已经在当前会话中尝试过更新
  4482.         const sessionKey = `ojb_updateL10nWebsiteJson_${localizationLanguage}`;
  4483.         if (!OJB_isSameBrowserSession(sessionKey)) {
  4484.             // 如果尚未更新，则在后台更新
  4485.             (async () => {
  4486.                 try {
  4487.                     const newData = await OJB_getExternalJSON(url);
  4488.                     await OJBetter.common.database.localizeSubsData.put({ lang: localizationLanguage, data: newData });
  4489.                     console.log("Website local data has been refreshed!");
  4490.                 } catch (error) {
  4491.                     console.error('Failed to update localization data:', error);
  4492.                 }
  4493.             })();
  4494.         }
  4495.     }
  4496.     return data;
  4497. }
  4498.  
  4499. /**
  4500.  * 网站本地化替换
  4501.  * @returns 
  4502.  */
  4503. async function localizeWebsite() {
  4504.     if (OJBetter.localization.websiteLang === "initial") return;
  4505.  
  4506.     // 设置网页语言
  4507.     var htmlTag = document.getElementsByTagName("html")[0];
  4508.     htmlTag.setAttribute("lang", OJBetter.localization.websiteLang);
  4509.  
  4510.     // 获取网站本地化的数据
  4511.     var subs = await getLocalizeWebsiteJson(OJBetter.localization.websiteLang);
  4512.  
  4513.     /**
  4514.      * 文本节点遍历替换
  4515.      * @param {JQuery} $nodes jQuery对象
  4516.      * @param {Object} textReplaceRules 文本替换规则对象
  4517.      * @param {string} key 应用的规则集的名字
  4518.      */
  4519.     const traverseTextNodes = ($nodes, textReplaceRules, key) => {
  4520.         if (!$nodes) return;
  4521.  
  4522.         $nodes.each((_, node) => {
  4523.             if (node.nodeType === Node.TEXT_NODE) {
  4524.                 Object.entries(textReplaceRules).forEach(([match, replace]) => {
  4525.                     try {
  4526.                         const regex = new RegExp(match, 'g');
  4527.                         const beforeText = node.textContent;
  4528.                         node.textContent = node.textContent.replace(regex, replace);
  4529.                         if (node.textContent !== beforeText && OJBetter.dev.isRuleMarkingEnabled) {
  4530.                             $(node).after(`<span class="markingTextReplaceRule">${key}</span>`);
  4531.                         }
  4532.                     } catch (error) {
  4533.                         console.error(`Error processing text replacement for match: ${match}`, error);
  4534.                     }
  4535.                 });
  4536.             } else {
  4537.                 $(node).contents().each((_, childNode) => {
  4538.                     traverseTextNodes($(childNode), textReplaceRules, key);
  4539.                 });
  4540.             }
  4541.         });
  4542.     };
  4543.  
  4544.     /**
  4545.      * value替换
  4546.      * @param {JQuery} $nodes jQuery对象
  4547.      * @param {Object} valueReplaceRules 值替换规则对象
  4548.      * @param {string} key 应用的规则集的名字
  4549.      */
  4550.     function traverseValueNodes($nodes, valueReplaceRules, key) {
  4551.         if (!$nodes) return;
  4552.  
  4553.         $nodes.each(function () {
  4554.             let $node = $(this);
  4555.             if ($node.is('[value]')) {
  4556.                 Object.keys(valueReplaceRules).forEach(match => {
  4557.                     const replace = valueReplaceRules[match];
  4558.                     const regex = new RegExp(match, 'g');
  4559.                     let currentValue = $node.val();
  4560.                     let newValue = currentValue.replace(regex, replace);
  4561.                     $node.val(newValue);
  4562.                     if (OJBetter.dev.isRuleMarkingEnabled) {
  4563.                         if (newValue !== currentValue) $($node).after(`<span class="markingTextReplaceRule">${key}</span>`);
  4564.                     }
  4565.                 });
  4566.             } else {
  4567.                 $node.children().each(function () {
  4568.                     traverseValueNodes($(this), valueReplaceRules, key);
  4569.                 });
  4570.             }
  4571.         });
  4572.     }
  4573.  
  4574.     /**
  4575.      * 严格的文本节点遍历替换
  4576.      * 要求被替换文本严格与规则文本一致
  4577.      * @param {JQuery} $nodes jQuery对象
  4578.      * @param {Object} textReplaceRules 文本替换规则对象
  4579.      * @param {string} key 应用的规则集的名字
  4580.      */
  4581.     const strictTraverseTextNodes = ($nodes, textReplaceRules, key) => {
  4582.         if (!$nodes) return;
  4583.  
  4584.         $nodes.each((_, node) => {
  4585.             if (node.nodeType === Node.TEXT_NODE) {
  4586.                 const trimmedNodeText = node.textContent.trim();
  4587.                 for (const [match, replacement] of Object.entries(textReplaceRules)) {
  4588.                     if (trimmedNodeText === match) {
  4589.                         const beforeText = node.textContent;
  4590.                         node.textContent = replacement;
  4591.                         if (node.textContent !== beforeText && OJBetter.dev.isRuleMarkingEnabled) {
  4592.                             $(node).after(`<span class="markingTextReplaceRule">${key}</span>`);
  4593.                         }
  4594.                     }
  4595.                 }
  4596.             } else {
  4597.                 $(node).contents().each((_, childNode) => {
  4598.                     strictTraverseTextNodes($(childNode), textReplaceRules, key);
  4599.                 });
  4600.             }
  4601.         });
  4602.     };
  4603.  
  4604.     /**
  4605.      * 应用文本替换
  4606.      */
  4607.     let commonReplacements = subs.commonReplacements;
  4608.     Object.entries(commonReplacements).forEach(([key, value]) => {
  4609.         const classSelectors = Array.isArray(value.class) ? value.class : [value.class]; // 兼容，class的值可以为数组或者字符串
  4610.         classSelectors.forEach(classSelector => {
  4611.             if (value.isStrict) {
  4612.                 strictTraverseTextNodes(OJB_safeCreateJQElement(`${classSelector}`), value.rules, key);
  4613.             } else {
  4614.                 traverseTextNodes(OJB_safeCreateJQElement(`${classSelector}`), value.rules, key);
  4615.             }
  4616.         });
  4617.     });
  4618.  
  4619.     /**
  4620.      * 应用value替换
  4621.      */
  4622.     let InputValueReplacements = subs.InputValueReplacements;
  4623.     Object.entries(InputValueReplacements).forEach(([key, value]) => {
  4624.         const classSelectors = Array.isArray(value.class) ? value.class : [value.class];
  4625.         classSelectors.forEach(classSelector => {
  4626.             traverseValueNodes(OJB_safeCreateJQElement(`${classSelector}`), value.rules, key);
  4627.         });
  4628.     });
  4629.  
  4630.     /**
  4631.      * 动态添加的文本的替换
  4632.      */
  4633.     let dynamicReplacements = subs.dynamicReplacements;
  4634.     Object.entries(dynamicReplacements).forEach(([key, value]) => {
  4635.         const classSelectors = Array.isArray(value.class) ? value.class : [value.class]; // 兼容，class的值可以为数组或者字符串
  4636.         classSelectors.forEach(classSelector => {
  4637.             OJB_observeElement({
  4638.                 selector: classSelector,
  4639.                 callback: (node) => {
  4640.                     // let popupContent = node.textContent.replace(/^×/, ''); // 去除开头多余的 '×' 字符
  4641.                     if (value.isStrict) {
  4642.                         strictTraverseTextNodes(OJB_safeCreateJQElement(`${classSelector}`), value.rules, key);
  4643.                     } else {
  4644.                         traverseTextNodes(OJB_safeCreateJQElement(`${classSelector}`), value.rules, key);
  4645.                     }
  4646.                 }
  4647.             });
  4648.         });
  4649.     });
  4650.  
  4651.     // // 杂项
  4652.     // (function () {
  4653.     //     // 选项汉化input[type="radio"]
  4654.     //     var translations = {
  4655.     //         "as individual participant": "个人",
  4656.     //         "as a team member": "作为一个团队成员",
  4657.     //     };
  4658.     //     $('input[type="radio"]').each(function () {
  4659.     //         var tag = $(this).parent().contents().filter(function () {
  4660.     //             return this.nodeType === Node.TEXT_NODE;
  4661.     //         });
  4662.     //         for (var i = 0; i < tag.length; i++) {
  4663.     //             var text = tag[i].textContent.trim();
  4664.     //             if (translations.hasOwnProperty(text)) {
  4665.     //                 $(this).addClass(text);
  4666.     //                 tag[i].replaceWith(translations[text]);
  4667.     //                 break;
  4668.     //             }
  4669.     //         }
  4670.     //     });
  4671.     // })();
  4672.     // (function () {
  4673.     //     var translations = {
  4674.     //         "(standard input\/output)": "标准输入/输出",
  4675.     //     };
  4676.     //     $("div.notice").each(function () {
  4677.     //         var tag = $(this).children().eq(0).text();
  4678.     //         for (var property in translations) {
  4679.     //             if (tag.match(property)) {
  4680.     //                 $(this).children().eq(0).text(translations[property]);
  4681.     //                 break;
  4682.     //             }
  4683.     //         }
  4684.     //     });
  4685.     // })();
  4686.  
  4687.     // // 轻量站特殊
  4688.     // if (OJBetter.typeOfPage.is_mSite) {
  4689.     //     traverseTextNodes($('nav'), commonReplacements['.second-level-menu']['rules']);
  4690.     // }
  4691.     // if (OJBetter.typeOfPage.is_mSite) {
  4692.     //     (function () {
  4693.     //         var translations = {
  4694.     //             "Announcements": "公告",
  4695.     //             "Submissions": "提交记录",
  4696.     //             "Contests": "比赛",
  4697.     //         };
  4698.     //         $(".caption").each(function () {
  4699.     //             var optionValue = $(this).text();
  4700.     //             if (translations[optionValue]) {
  4701.     //                 $(this).text(translations[optionValue]);
  4702.     //             }
  4703.     //         });
  4704.     //     })();
  4705.     // }
  4706. };
  4707.  
  4708. /**
  4709.  * i18next初始化
  4710.  */
  4711. async function initI18next() {
  4712.     return new Promise((resolve, reject) => {
  4713.         i18next
  4714.             .use(i18nextChainedBackend)
  4715.             .init({
  4716.                 lng: OJBetter.localization.scriptLang,
  4717.                 ns: ['common', 'settings', 'config', 'dialog', 'alert', 'translator',
  4718.                     'button', 'codeEditor', 'comments', 'announce', 'logMessage'], // 命名空间列表
  4719.                 defaultNS: 'settings',
  4720.                 fallbackLng: ['zh', OJBetter.translation.targetLang],
  4721.                 load: 'currentOnly',
  4722.                 debug: false,
  4723.                 backend: {
  4724.                     backends: [
  4725.                         i18nextLocalStorageBackend,
  4726.                         i18nextHttpBackend
  4727.                     ],
  4728.                     backendOptions: [{
  4729.                         prefix: 'i18next_res_',
  4730.                         expirationTime: 7 * 24 * 60 * 60 * 1000,
  4731.                         defaultVersion: `v${OJBetter.state.version}`,
  4732.                         store: typeof window !== 'undefined' ? window.localStorage : null
  4733.                     }, {
  4734.                         /* options for secondary backend */
  4735.                         loadPath: (lng, ns) => {
  4736.                             if (lng[0] === 'zh' || lng[0] === 'zh-Hans') {
  4737.                                 return `https://aowuucdn.oss-accelerate.aliyuncs.com/resources/locales/${OJBetter.state.formatName}/${ns}.json`;
  4738.                             }
  4739.                             return `https://aowuucdn.oss-accelerate.aliyuncs.com/i18n/${lng}/resources/locales/${OJBetter.state.formatName}/${ns}.json`;
  4740.                         }
  4741.                     }]
  4742.                 }
  4743.             }, (err, t) => {
  4744.                 if (err) {
  4745.                     reject(err);
  4746.                 } else {
  4747.                     jqueryI18next.init(i18next, $, {
  4748.                         useOptionsAttr: true
  4749.                     });
  4750.                     resolve(t);
  4751.                 }
  4752.             });
  4753.     });
  4754. };
  4755.  
  4756. /**
  4757.  * 抽象命令类
  4758.  */
  4759. class Command {
  4760.     execute() { }
  4761.     undo() { }
  4762. }
  4763.  
  4764. /**
  4765.  * 命令调用者
  4766.  */
  4767. class CommandInvoker {
  4768.     constructor() {
  4769.         this.history = [];
  4770.     }
  4771.  
  4772.     /**
  4773.      * 执行命令
  4774.      * @param {Command} command 命令对象
  4775.      */
  4776.     execute(command) {
  4777.         this.history.push(command);
  4778.         command.execute();
  4779.     }
  4780.  
  4781.     /**
  4782.      * 撤销命令
  4783.      */
  4784.     undo() {
  4785.         const command = this.history.pop();
  4786.         if (command) {
  4787.             command.undo();
  4788.         }
  4789.     }
  4790. }
  4791.  
  4792. /**
  4793.  * 接收者
  4794.  */
  4795. class DOMContainer {
  4796.     /**
  4797.      * @param {JQueryObject} element 容器对象
  4798.      */
  4799.     constructor(element) {
  4800.         this.containerElement = element;
  4801.     }
  4802.  
  4803.     /**
  4804.      * 添加元素
  4805.      * @param {JQueryObject} element 元素对象
  4806.      * @returns {JQueryObject} 添加的元素对象
  4807.      */
  4808.     add(element) {
  4809.         this.containerElement.append(element);
  4810.         return this.containerElement.children().last();
  4811.     }
  4812.  
  4813.     /**
  4814.      * 删除元素
  4815.      * @param {JQueryObject} element 元素对象
  4816.      */
  4817.     remove(element) {
  4818.         $(element).remove();
  4819.     }
  4820. }
  4821.  
  4822. /**
  4823.  * 具体命令类：添加元素
  4824.  */
  4825. class AddElementCommand extends Command {
  4826.     /**
  4827.      * @param {DOMContainer} receiver 接收者
  4828.      * @param {JQueryObject} element 元素对象
  4829.      */
  4830.     constructor(receiver, element) {
  4831.         super();
  4832.         this.receiver = receiver;
  4833.         this.element = element;
  4834.         this.addedElement = null;
  4835.     }
  4836.  
  4837.     execute() {
  4838.         this.addedElement = this.receiver.add(this.element);
  4839.     }
  4840.  
  4841.     undo() {
  4842.         if (this.addedElement) {
  4843.             this.receiver.remove(this.addedElement);
  4844.         }
  4845.     }
  4846. }
  4847.  
  4848. /**
  4849.  * 具体命令类：删除元素
  4850.  */
  4851. class RemoveElementCommand extends Command {
  4852.     /**
  4853.      * @param {DOMContainer} receiver 接收者
  4854.      * @param {JQueryObject} element 元素对象
  4855.      */
  4856.     constructor(receiver, element) {
  4857.         super();
  4858.         this.receiver = receiver;
  4859.         this.element = element;
  4860.         this.parent = $(element).parent();
  4861.         this.nextSibling = $(element).next();
  4862.     }
  4863.  
  4864.     execute() {
  4865.         this.receiver.remove(this.element);
  4866.     }
  4867.  
  4868.     undo() {
  4869.         if (this.nextSibling.length > 0) {
  4870.             $(this.element).insertBefore(this.nextSibling);
  4871.         } else {
  4872.             this.parent.append(this.element);
  4873.         }
  4874.     }
  4875. }
  4876.  
  4877. /**
  4878.  * 验证器
  4879.  */
  4880. class Validator {
  4881.     /**
  4882.      * 表单必填项空值校验
  4883.      */
  4884.     static required(structure) {
  4885.         let config = {};
  4886.         let allFieldsValid = true;
  4887.         for (const key in structure) {
  4888.             let value = key.type == 'checkbox' ?
  4889.                 $(key).prop("checked") : $(key).val();
  4890.  
  4891.             config[structure[key].value] = value;
  4892.  
  4893.             if (value || structure[key].require === false) {
  4894.                 $(key).removeClass('is_null');
  4895.             } else {
  4896.                 $(key).addClass('is_null');
  4897.                 allFieldsValid = false;
  4898.             }
  4899.         }
  4900.         return {
  4901.             valid: allFieldsValid,
  4902.             config: config
  4903.         };
  4904.     }
  4905.  
  4906.     /**
  4907.      * 表单合法性校验
  4908.      */
  4909.     static checkKeyValuePairs(structure, config) {
  4910.         let errorKeys = [];
  4911.         let allFieldsValid = true;
  4912.  
  4913.         for (const key in structure) {
  4914.             const { check, value } = structure[key];
  4915.             const fieldValue = config[value];
  4916.  
  4917.             // 如果字段没有值或校验类型不匹配，则跳过当前迭代
  4918.             if (!fieldValue) continue;
  4919.  
  4920.             let isValid = true;
  4921.             switch (check) {
  4922.                 case 'keyValuePairs':
  4923.                     isValid = Validator.keyValuePairs(fieldValue);
  4924.                     break;
  4925.                 case 'dotSeparatedPath':
  4926.                     isValid = Validator.validateDotSeparatedPath(fieldValue);
  4927.                     break;
  4928.                 default:
  4929.                     // 没有匹配的校验类型
  4930.                     continue;
  4931.             }
  4932.  
  4933.             Validator.toggleErrorDisplay(key, isValid);
  4934.             if (!isValid) {
  4935.                 allFieldsValid = false;
  4936.                 errorKeys.push(key);
  4937.             }
  4938.         }
  4939.  
  4940.         return {
  4941.             valid: allFieldsValid,
  4942.             errorKeys: errorKeys
  4943.         };
  4944.     }
  4945.  
  4946.     /**
  4947.      * 切换错误信息的显示和隐藏
  4948.      * @param {string} key - 字段的键
  4949.      * @param {boolean} isValid - 字段值是否有效
  4950.      */
  4951.     static toggleErrorDisplay(key, isValid) {
  4952.         const errorMessage = i18next.t('common.unValid', { ns: 'settings' });
  4953.         const $errorSpan = $(key).prev('span.text-error');
  4954.         if (!isValid) {
  4955.             if (!$errorSpan.length) {
  4956.                 $(key).before(`<span class="text-error" style="color: red;">${errorMessage}</span>`);
  4957.             }
  4958.         } else {
  4959.             $errorSpan.remove();
  4960.         }
  4961.     }
  4962.  
  4963.     /**
  4964.      * 键值对合法性校验
  4965.      * @param {string} value
  4966.      * @returns {boolean}
  4967.      */
  4968.     static keyValuePairs(value) {
  4969.         const keyValuePairs = value.split('\n');
  4970.         // 允许值中包含空格和冒号
  4971.         const regex = /^[a-zA-Z0-9_-]+\s*:\s*.+$/;
  4972.         return keyValuePairs.every(pair => regex.test(pair));
  4973.     }
  4974.  
  4975.  
  4976.     /**
  4977.      * 点分隔符路径格式校验，允许加减运算
  4978.      * @param {string} path
  4979.      * @returns {boolean}
  4980.      */
  4981.     static validateDotSeparatedPath(path) {
  4982.         // 正则表达式允许标识符之间有点号，标识符可以包含加减运算
  4983.         const regex = /^([a-zA-Z0-9_-]+(\s*[\+\-]\s*[a-zA-Z0-9_-]+)*\.)*([a-zA-Z0-9_-]+(\s*[\+\-]\s*[a-zA-Z0-9_-]+)*)$/;
  4984.         return regex.test(path);
  4985.     }
  4986. }
  4987.  
  4988. /**
  4989.  * 配置管理
  4990.  */
  4991. class ConfigManager {
  4992.     /**
  4993.      * @param {HTMLElement} element - 挂载容器
  4994.      * @param {string} prefix - 前缀
  4995.      * @param {object} tempConfig - 配置内容
  4996.      * @param {object} structure - 配置结构
  4997.      * @param {object} configHTML - 配置编辑页面HTML
  4998.      * @param {boolean} allowChoice - 是否允许选择列表项
  4999.      */
  5000.     constructor(element, prefix, tempConfig, structure, configHTML, allowChoice = true) {
  5001.         /** @param 设置面板DIV */
  5002.         this.settingMenuDiv = $('#OJBetter_setting_menu');
  5003.         this.element = $(element);
  5004.         this.prefix = prefix;
  5005.         this.tempConfig = tempConfig;
  5006.         this.structure = structure;
  5007.         this.configHTML = configHTML;
  5008.         this.allowChoice = allowChoice;
  5009.  
  5010.         this.controlTip = null;
  5011.         this.config_bar_list = null;
  5012.         this.config_bar_ul = null;
  5013.         this.config_add_button = null;
  5014.         this.menu = null;
  5015.         this.editItem = null;
  5016.         this.deleteItem = null;
  5017.  
  5018.         // 绑定方法
  5019.         this.onAdd = this.onAdd.bind(this);
  5020.         this.onEdit = this.onEdit.bind(this);
  5021.         this.onDelete = this.onDelete.bind(this);
  5022.         this.createListItemElement = this.createListItemElement.bind(this);
  5023.  
  5024.         this.lastItemId = 0; // 列表中当前最后一个元素的id号
  5025.         this.init();
  5026.     }
  5027.  
  5028.     init() {
  5029.         this.createControlBar();
  5030.         this.createContextMenu();
  5031.         this.renderList();
  5032.     }
  5033.  
  5034.     /**
  5035.      * 创建控制栏
  5036.      */
  5037.     createControlBar() {
  5038.         this.controlTip = OJB_safeCreateJQElement(`<div id='${this.prefix}configControlTip' style='color:red;'></div>`);
  5039.         this.config_bar_list = OJB_safeCreateJQElement(`<div class='config_bar_list' id='${this.prefix}config_bar_list'></div>`);
  5040.         this.config_bar_ul = OJB_safeCreateJQElement(`<ul class='config_bar_ul' id='${this.prefix}config_bar_ul'></ul>`);
  5041.         this.element.append(this.controlTip);
  5042.         this.element.append(this.config_bar_list);
  5043.         this.config_bar_list.append(this.config_bar_ul);
  5044.     }
  5045.  
  5046.     /**
  5047.      * 创建右键菜单
  5048.      */
  5049.     createContextMenu() {
  5050.         const menu = OJB_safeCreateJQElement(`<div id='config_bar_menu' style='display: none;'></div>`);
  5051.         const editItem = OJB_safeCreateJQElement(`
  5052.         <div class='config_bar_menu_item' id='config_bar_menu_edit'>
  5053.             ${i18next.t('contextMenu.edit', { ns: 'translator' })}
  5054.         </div>`);
  5055.         const deleteItem = OJB_safeCreateJQElement(`
  5056.         <div class='config_bar_menu_item' id='config_bar_menu_delete'>
  5057.             ${i18next.t('contextMenu.delete', { ns: 'translator' })}
  5058.         </div>`);
  5059.         menu.append(editItem);
  5060.         menu.append(deleteItem);
  5061.         this.editItem = editItem;
  5062.         this.deleteItem = deleteItem;
  5063.         this.menu = menu;
  5064.         this.settingMenuDiv.append(menu);
  5065.     }
  5066.  
  5067.     /**
  5068.      * 关闭右键菜单
  5069.      */
  5070.     closeContextMenu() {
  5071.         this.menu.css({ display: "none" });
  5072.     }
  5073.  
  5074.     /**
  5075.      * 创建列表项
  5076.      * @param {string} text - 列表项文本
  5077.      * @returns {HTMLElement} - 列表项
  5078.      */
  5079.     createListItemElement(text) {
  5080.         const id = OJB_getRandomNumber(4);
  5081.         const li = $("<li></li>");
  5082.         const radio = OJB_safeCreateJQElement(`<input type='radio' name='${this.prefix}config_item'></input>`)
  5083.             .attr("value", text)
  5084.             .attr("id", id)
  5085.             .attr("prev_id", this.lastItemId)
  5086.             .appendTo(li);
  5087.         if (!this.allowChoice) {
  5088.             radio.prop("disabled", true);
  5089.         }
  5090.         const label = OJB_safeCreateJQElement(`<label for='${id}' class='config_bar_ul_li_text'>${text}</label>`).appendTo(li);
  5091.  
  5092.  
  5093.         this.lastItemId = id;
  5094.  
  5095.         // 添加右键菜单
  5096.         li.on("contextmenu", (event) => {
  5097.             event.preventDefault();
  5098.             this.menu.css({
  5099.                 display: "block",
  5100.                 left: event.pageX, top: event.pageY
  5101.             });
  5102.  
  5103.             const deleteItem = this.deleteItem;
  5104.             const editItem = this.editItem;
  5105.  
  5106.             // 移除旧事件
  5107.             deleteItem.off("click");
  5108.             editItem.off("click");
  5109.  
  5110.             // 获取 li 在 ul 中的索引
  5111.             const index = li.index();
  5112.  
  5113.             deleteItem.on("click", () => this.onDelete(index, li));
  5114.             editItem.on("click", () => this.onEdit(index, li));
  5115.  
  5116.             $(document).one("click", (event) => {
  5117.                 if (!this.menu.get(0).contains(event.target)) {
  5118.                     this.closeContextMenu();
  5119.                     deleteItem.off("click", () => this.onDelete);
  5120.                     editItem.off("click", () => this.onEdit);
  5121.                 }
  5122.             });
  5123.         });
  5124.  
  5125.         return li;
  5126.     }
  5127.  
  5128.     /**
  5129.      * 渲染配置列表
  5130.      */
  5131.     renderList() {
  5132.         const list = this.config_bar_ul;
  5133.         list.empty(); // 清空
  5134.         this.tempConfig.configurations.forEach((item) => {
  5135.             list.append(this.createListItemElement(item['name']));
  5136.         });
  5137.  
  5138.         // 添加按钮
  5139.         let addButton = OJB_safeCreateJQElement(`<li id='${this.prefix}add_button' class="tempConfig_add_button">
  5140.             <span>+ ${i18next.t('add', { ns: 'common' })}</span>
  5141.         </li>`);
  5142.         this.config_add_button = addButton;
  5143.         list.append(addButton);
  5144.         addButton.on("click", this.onAdd);
  5145.     }
  5146.  
  5147.     /**
  5148.      * 添加配置项
  5149.      */
  5150.     onAdd() {
  5151.         const configMenu = this.createConfigHTML();
  5152.         const structure = this.structure;
  5153.  
  5154.         configMenu.on("click", "#tempConfig_save", () => {
  5155.  
  5156.             // 检查必填字段
  5157.             const { valid, config } = Validator.required(structure);
  5158.             if (!valid) return;
  5159.  
  5160.             // 检查键值对
  5161.             const { valid: checkOk, errorKey } = Validator.checkKeyValuePairs(structure, config);
  5162.             if (!checkOk) return;
  5163.  
  5164.             this.tempConfig.configurations.push(config);
  5165.  
  5166.             this.createListItemElement(config.name).insertBefore(this.config_add_button);
  5167.  
  5168.             configMenu.remove();
  5169.         });
  5170.  
  5171.         configMenu.on("click", ".btn-close", () => {
  5172.             configMenu.remove();
  5173.         });
  5174.     }
  5175.  
  5176.     /**
  5177.      * 修改配置项
  5178.      * @param {number} index - 配置项索引
  5179.      * @param {HTMLElement} li - 配置项
  5180.      * @returns {void}
  5181.      */
  5182.     onEdit(index, li) {
  5183.         const configMenu = this.createConfigHTML();
  5184.         const structure = this.structure;
  5185.  
  5186.         this.closeContextMenu();
  5187.  
  5188.         // 填充表单
  5189.         for (const [key, { value, type }] of Object.entries(this.structure)) {
  5190.             const configValue = this.tempConfig.configurations[index][value];
  5191.             const $element = $(key);
  5192.             if (type === 'checkbox') {
  5193.                 $element.prop("checked", configValue);
  5194.             } else {
  5195.                 $element.val(configValue);
  5196.             }
  5197.         }
  5198.  
  5199.         configMenu.on("click", "#tempConfig_save", () => {
  5200.             // 检查必填字段
  5201.             const { valid, config } = Validator.required(structure);
  5202.             if (!valid) return;
  5203.  
  5204.             // 检查键值对
  5205.             const { valid: checkOk, errorKey } = Validator.checkKeyValuePairs(structure, config);
  5206.             if (!checkOk) return;
  5207.  
  5208.             // 更新配置
  5209.             this.tempConfig.configurations[index] = config;
  5210.             li.find('label').text(config.name);
  5211.  
  5212.             OJB_closeAndRemoveModal(configMenu);
  5213.         });
  5214.  
  5215.         configMenu.on("click", ".btn-close", () => {
  5216.             OJB_closeAndRemoveModal(configMenu);
  5217.         });
  5218.     }
  5219.  
  5220.     /**
  5221.      * 删除配置项
  5222.      * @param {number} index - 配置项索引
  5223.      * @param {HTMLElement} li - 配置项
  5224.      * @returns {void}
  5225.      */
  5226.     onDelete(index, li) {
  5227.         this.closeContextMenu();
  5228.         this.tempConfig.configurations.splice(index, 1);
  5229.         li.remove();
  5230.     }
  5231.  
  5232.     /**
  5233.      * 创建配置编辑页面
  5234.      * @returns {JQuery<HTMLElement>} 返回配置编辑页面
  5235.      */
  5236.     createConfigHTML() {
  5237.         const configMenu = OJB_safeCreateJQElement(this.configHTML);
  5238.         this.settingMenuDiv.after(configMenu);
  5239.         OJB_showModal(configMenu);
  5240.         OJB_addDraggable(configMenu);
  5241.         elementLocalize(configMenu);
  5242.         return configMenu;
  5243.     }
  5244.  
  5245.     /**
  5246.      * 获取配置内容
  5247.      * @returns {object} - 配置内容
  5248.      */
  5249.     getTempConfig() {
  5250.         return this.tempConfig;
  5251.     }
  5252.  
  5253.     /**
  5254.      * 注册列表项选中改变监听
  5255.      */
  5256.     registerChoiceChange() {
  5257.         this.config_bar_ul.on("change", "input[type='radio']", (event) => {
  5258.             const value = event.target.value;
  5259.             this.tempConfig.choice = value;
  5260.         });
  5261.     }
  5262. }
  5263.  
  5264. const OJBetter_setting_sidebar_HTML = `
  5265. <div class="OJBetter_setting_sidebar">
  5266.     <ul>
  5267.         <li><a href="#basic-settings" id="sidebar-basic-settings" class="active" data-i18n="settings:sidebar.basic"></a></li>
  5268.         <li><a href="#l10n_settings" id="sidebar-l10n_settings" data-i18n="settings:sidebar.localization"></a></li>
  5269.         <li><a href="#translation-settings" id="sidebar-translation-settings" data-i18n="settings:sidebar.translation"></a></li>
  5270.         <li><a href="#clist_rating-settings" id="sidebar-clist_rating-settings" data-i18n="settings:sidebar.clist"></a></li>
  5271.         <li><a href="#code_editor-settings" id="sidebar-code_editor-settings" data-i18n="settings:sidebar.monaco"></a></li>
  5272.         <li><a href="#preference-settings" id="sidebar-preference-settings" data-i18n="settings:sidebar.preference"></a></li>
  5273.         <li><a href="#dev-settings" id="sidebar-dev-settings" data-i18n="settings:sidebar.dev"></a></li>
  5274.         <li><a href="#about-settings" id="sidebar-about-settings" data-i18n="settings:sidebar.about"></a></li>
  5275.     </ul>
  5276. </div>
  5277. `;
  5278.  
  5279. const basic_settings_HTML = `
  5280. <div id="basic-settings" class="settings-page active">
  5281.     <h3 data-i18n="settings:basic.title"></h3>
  5282.     <hr>
  5283.     <div class='OJBetter_setting_list' style="padding: 0px 10px;">
  5284.         <span id="darkMode_span" data-i18n="settings:basic.darkMode.name"></span>
  5285.         <div class="dark-mode-selection">
  5286.             <label>
  5287.                 <input class="radio-input" type="radio" name="darkMode" value="dark" />
  5288.                 <span class="OJBetter_setting_menu_label_text"
  5289.                     data-i18n="settings:basic.darkMode.options.dark"></span>
  5290.                 <span class="radio-icon"> </span>
  5291.             </label>
  5292.             <label>
  5293.                 <input checked="" class="radio-input" type="radio" name="darkMode" value="light" />
  5294.                 <span class="OJBetter_setting_menu_label_text"
  5295.                     data-i18n="settings:basic.darkMode.options.light"></span>
  5296.                 <span class="radio-icon"> </span>
  5297.             </label>
  5298.             <label>
  5299.                 <input class="radio-input" type="radio" name="darkMode" value="follow" />
  5300.                 <span class="OJBetter_setting_menu_label_text"
  5301.                     data-i18n="settings:basic.darkMode.options.system"></span>
  5302.                 <span class="radio-icon"> </span>
  5303.             </label>
  5304.         </div>
  5305.     </div>
  5306.     <div class='OJBetter_setting_list' style="display:none;">
  5307.         <label for="expandFoldingblocks" data-i18n="settings:basic.expandBlocks"></label>
  5308.         <input type="checkbox" id="expandFoldingblocks" name="expandFoldingblocks">
  5309.     </div>
  5310.     <div class='OJBetter_setting_list' style="display:none;">
  5311.         <label for="renderPerfOpt" data-i18n="settings:basic.renderOptimization.label"></label>
  5312.         <div class="help_tip">
  5313.             ${helpCircleHTML}
  5314.             <div class="tip_text" data-i18n="[html]settings:basic.renderOptimization.helpText"></div>
  5315.         </div>
  5316.         <input type="checkbox" id="renderPerfOpt" name="renderPerfOpt">
  5317.     </div>
  5318.     <div class='OJBetter_setting_list' style="display:none;">
  5319.         <label for="selectElementPerfOpt" data-i18n="settings:basic.selectElementOptimization.label"></label>
  5320.         <div class="help_tip">
  5321.             ${helpCircleHTML}
  5322.             <div class="tip_text" data-i18n="[html]settings:basic.selectElementOptimization.helpText"></div>
  5323.         </div>
  5324.         <input type="checkbox" id="selectElementPerfOpt" name="selectElementPerfOpt">
  5325.     </div>
  5326.     <div class='OJBetter_setting_list' style="display:none;">
  5327.         <label for="commentPaging" data-i18n="settings:basic.paging.label"></label>
  5328.         <div class="help_tip">
  5329.             ${helpCircleHTML}
  5330.             <div class="tip_text" data-i18n="[html]settings:basic.paging.helpText"></div>
  5331.         </div>
  5332.         <input type="checkbox" id="commentPaging" name="commentPaging">
  5333.     </div>
  5334.     <div class='OJBetter_setting_list'>
  5335.         <label for="showJumpToLuogu" data-i18n="settings:basic.luoguJump.label"></label>
  5336.         <div class="help_tip">
  5337.             ${helpCircleHTML}
  5338.             <div class="tip_text" data-i18n="[html]settings:basic.luoguJump.helpText"></div>
  5339.         </div>
  5340.         <input type="checkbox" id="showJumpToLuogu" name="showJumpToLuogu">
  5341.     </div>
  5342.     <div class='OJBetter_setting_list'>
  5343.         <label for="showCF2vjudge" data-i18n="settings:basic.vjudgeJump.label"></label>
  5344.         <div class="help_tip">
  5345.             ${helpCircleHTML}
  5346.             <div class="tip_text" data-i18n="[html]settings:basic.vjudgeJump.helpText"></div>
  5347.         </div>
  5348.         <input type="checkbox" id="showCF2vjudge" name="showCF2vjudge">
  5349.     </div>
  5350.     <div class='OJBetter_setting_list' style="display:none;">
  5351.         <label for="standingsRecolor" data-i18n="settings:basic.recolor.label"></label>
  5352.         <div class="help_tip">
  5353.             ${helpCircleHTML}
  5354.             <div class="tip_text" data-i18n="[html]settings:basic.recolor.helpText"></div>
  5355.         </div>
  5356.         <input type="checkbox" id="standingsRecolor" name="standingsRecolor">
  5357.     </div>
  5358. </div>
  5359. `;
  5360.  
  5361. const l10n_settings_HTML = `
  5362. <div id="l10n_settings" class="settings-page">
  5363.     <h3 data-i18n="settings:localization.title"></h3>
  5364.     <hr>
  5365.     <div class='OJBetter_setting_list'>
  5366.         <label for="scriptL10nLanguage" style="display: flex;" data-i18n="settings:localization.scriptLanguageLabel"></label>
  5367.         <select id="scriptL10nLanguage" name="scriptL10nLanguage">
  5368.             <option value="zh">简体中文</option>
  5369.             <option value="zh-Hant">繁體中文</option>
  5370.             <option value="en">English</option>
  5371.             <option value="de">Deutsch</option>
  5372.             <option value="fr">Français</option>
  5373.             <option value="ko">한국어</option>
  5374.             <option value="pt">Português</option>
  5375.             <option value="ja">日本語</option>
  5376.             <option value="es">Español</option>
  5377.             <option value="it">Italiano</option>
  5378.             <option value="hi">हिन्दी</option>
  5379.         </select>
  5380.     </div>
  5381.     <div class='OJBetter_setting_list'>
  5382.         <label for="localizationLanguage" style="display: flex;" data-i18n="settings:localization.websiteLanguageLabel"></label>
  5383.         <select id="localizationLanguage" name="localizationLanguage">
  5384.             <option value="initial">——</option>
  5385.             <option value="zh">简体中文</option>
  5386.             <option value="zh-Hant">繁體中文</option>
  5387.             <option value="de">Deutsch</option>
  5388.             <option value="fr">Français</option>
  5389.             <option value="ko">한국어</option>
  5390.             <option value="pt">Português</option>
  5391.             <option value="ja">日本語</option>
  5392.             <option value="es">Español</option>
  5393.             <option value="it">Italiano</option>
  5394.             <option value="hi">हिन्दी</option>
  5395.         </select>
  5396.     </div>
  5397.     <div class='OJBetter_setting_list alert_tip'>
  5398.         <div data-i18n="[html]settings:localization.notice.1"></div>
  5399.     </div>
  5400.     <div class='OJBetter_setting_list alert_tip'>
  5401.         <div data-i18n="[html]settings:localization.notice.2"></div>
  5402.     </div>
  5403. </div>
  5404. `;
  5405.  
  5406. const translation_settings_HTML = `
  5407. <div id="translation-settings" class="settings-page">
  5408.     <h3 data-i18n="settings:translation.title"></h3>
  5409.     <hr>
  5410.     <h4 data-i18n="settings:translation.options.title"></h4>
  5411.     <div class='OJBetter_setting_list'>
  5412.         <label for="transTargetLang" style="display: flex;" data-i18n="settings:translation.preference.target.title"></label>
  5413.         <div class="help_tip">
  5414.             ${helpCircleHTML}
  5415.             <div class="tip_text" data-i18n="[html]settings:translation.preference.target.helpText"></div>
  5416.         </div>
  5417.         <select id="transTargetLang" name="transTargetLang">
  5418.             <option value="zh">简体中文</option>
  5419.             <option value="zh-Hant">繁體中文</option>
  5420.             <option value="de">Deutsch</option>
  5421.             <option value="fr">Français</option>
  5422.             <option value="ko">한국어</option>
  5423.             <option value="pt">Português</option>
  5424.             <option value="ja">日本語</option>
  5425.             <option value="es">Español</option>
  5426.             <option value="it">Italiano</option>
  5427.             <option value="hi">हिन्दी</option>
  5428.         </select>
  5429.     </div>
  5430.     <div id="translationServices">
  5431.         <label>
  5432.             <input type='radio' name='translation' value='deepl'>
  5433.             <span class='OJBetter_setting_menu_label_text'
  5434.                 data-i18n="settings:translation.options.services.deepl"></span>
  5435.         </label>
  5436.         <label>
  5437.             <input type='radio' name='translation' value='iflyrec'>
  5438.             <span class='OJBetter_setting_menu_label_text'
  5439.                 data-i18n="settings:translation.options.services.iflyrec"></span>
  5440.         </label>
  5441.         <label>
  5442.             <input type='radio' name='translation' value='youdao'>
  5443.             <span class='OJBetter_setting_menu_label_text'
  5444.                 data-i18n="settings:translation.options.services.youdao"></span>
  5445.         </label>
  5446.         <label>
  5447.             <input type='radio' name='translation' value='google'>
  5448.             <span class='OJBetter_setting_menu_label_text'
  5449.                 data-i18n="settings:translation.options.services.google"></span>
  5450.         </label>
  5451.         <label>
  5452.             <input type='radio' name='translation' value='caiyun'>
  5453.             <span class='OJBetter_setting_menu_label_text'
  5454.                 data-i18n="settings:translation.options.services.caiyun"></span>
  5455.         </label>
  5456.         <label>
  5457.             <input type='radio' name='translation' value='openai'>
  5458.             <span class='OJBetter_setting_menu_label_text'
  5459.                 data-i18n="settings:translation.options.services.openai.name">
  5460.                 <div class="help_tip">
  5461.                     ${helpCircleHTML}
  5462.                     <div class="tip_text"
  5463.                         data-i18n="[html]settings:translation.options.services.openai.helpText"></div>
  5464.                 </div>
  5465.             </span>
  5466.         </label>
  5467.     </div>
  5468.     <hr>
  5469.     <h4>DeepL</h4>
  5470.     <div class='OJBetter_setting_list'>
  5471.         <label for="deepl_type" style="display: flex;" data-i18n="settings:translation.deepl.mode.title"></label>
  5472.         <div class="help_tip">
  5473.             ${helpCircleHTML}
  5474.             <div class="tip_text" data-i18n="[html]settings:translation.deepl.mode.helpText"></div>
  5475.         </div>
  5476.         <select id="deepl_type" name="deepl_type">
  5477.             <option value="free" data-i18n="settings:translation.deepl.mode.select.free"></option>
  5478.             <option value="api" data-i18n="settings:translation.deepl.mode.select.api"></option>
  5479.         </select>
  5480.     </div>
  5481.     <div id="deepl_config" class="config"></div>
  5482.     <div class='OJBetter_setting_list'>
  5483.         <label for="enableEmphasisProtection" data-i18n="settings:translation.deepl.enableEmphasisProtection.title"></label>
  5484.         <div class="help_tip" style="margin-right: initial;">
  5485.             ${helpCircleHTML}
  5486.             <div class="tip_text" data-i18n="[html]settings:translation.deepl.enableEmphasisProtection.helpText"></div>
  5487.         </div>
  5488.         <div class="badge">Official API Only</div>
  5489.         <input type="checkbox" id="enableEmphasisProtection" name="enableEmphasisProtection">
  5490.     </div>
  5491.     <div class='OJBetter_setting_list'>
  5492.         <label for="enableLinkProtection" data-i18n="settings:translation.deepl.enableLinkProtection.title"></label>
  5493.         <div class="help_tip" style="margin-right: initial;">
  5494.             ${helpCircleHTML}
  5495.             <div class="tip_text" data-i18n="[html]settings:translation.deepl.enableLinkProtection.helpText"></div>
  5496.         </div>
  5497.         <div class="badge">Official API Only</div>
  5498.         <input type="checkbox" id="enableLinkProtection" name="enableLinkProtection">
  5499.     </div>
  5500.     <hr>
  5501.     <h4>ChatGPT</h4>
  5502.     <div id="chatgpt_config" class="config"></div>
  5503.     <div class='OJBetter_setting_list'>
  5504.         <label for="openai_isStream" data-i18n="settings:translation.chatgpt.isStream.name"></label>
  5505.         <div class="help_tip">
  5506.             ${helpCircleHTML}
  5507.             <div class="tip_text" data-i18n="[html]settings:translation.chatgpt.isStream.helpText"></div>
  5508.         </div>
  5509.         <input type="checkbox" id="openai_isStream" name="openai_isStream">
  5510.     </div>
  5511.     <hr>
  5512.     <h4 data-i18n="settings:translation.preference.title"></h4>
  5513.     <div class='OJBetter_setting_list'>
  5514.         <label for="comment_translation_choice" style="display: flex;"
  5515.             data-i18n="settings:translation.preference.comment_translation_choice.title">
  5516.         </label>
  5517.         <select id="comment_translation_choice" name="comment_translation_choice">
  5518.             <option value="0" data-i18n="settings:translation.preference.comment_translation_choice.services.follow"></option>
  5519.             <option value="deepl" data-i18n="settings:translation.preference.comment_translation_choice.services.deepl"></option>
  5520.             <option value="iflyrec" data-i18n="settings:translation.preference.comment_translation_choice.services.iflyrec"></option>
  5521.             <option value="youdao" data-i18n="settings:translation.preference.comment_translation_choice.services.youdao"></option>
  5522.             <option value="google" data-i18n="settings:translation.preference.comment_translation_choice.services.google"></option>
  5523.             <option value="caiyun" data-i18n="settings:translation.preference.comment_translation_choice.services.caiyun"></option>
  5524.             <option value="openai" data-i18n="settings:translation.preference.comment_translation_choice.services.openai"></option>
  5525.         </select>
  5526.     </div>
  5527.     <hr>
  5528.  
  5529.     <div style="display:none;">
  5530.     <h4 data-i18n="settings:translation.autoTranslation.title"></h4>
  5531.     <div class='OJBetter_setting_list'>
  5532.         <label for="autoTranslation" data-i18n="settings:translation.autoTranslation.enable"></label>
  5533.         <div class="help_tip">
  5534.             ${helpCircleHTML}
  5535.             <div class="tip_text" data-i18n="[html]settings:translation.autoTranslation.helpText"></div>
  5536.         </div>
  5537.         <input type="checkbox" id="autoTranslation" name="autoTranslation">
  5538.     </div>
  5539.     <div class='OJBetter_setting_list'>
  5540.         <label for='shortTextLength'>
  5541.             <div style="display: flex;align-items: center;"
  5542.                 data-i18n="settings:translation.autoTranslation.shortTextLength.name"></div>
  5543.         </label>
  5544.         <div class="help_tip">
  5545.             ${helpCircleHTML}
  5546.             <div class="tip_text" data-i18n="[html]settings:translation.autoTranslation.shortTextLength.helpText">
  5547.             </div>
  5548.         </div>
  5549.         <input type='number' id='shortTextLength' class='no_default' require=true data-i18n="[placeholder]settings:translation.autoTranslation.shortTextLength.placeholder">
  5550.         <span data-i18n="settings:translation.autoTranslation.shortTextLength.end"></span>
  5551.     </div>
  5552.     <div class='OJBetter_setting_list'>
  5553.         <label for="allowMixTrans" data-i18n="settings:translation.autoTranslation.allowMixTrans.name"></label>
  5554.         <div class="help_tip">
  5555.             ${helpCircleHTML}
  5556.             <div class="tip_text" data-i18n="[html]settings:translation.autoTranslation.allowMixTrans.helpText">
  5557.             </div>
  5558.         </div>
  5559.         <input type="checkbox" id="allowMixTrans" name="allowMixTrans">
  5560.         <div class='OJBetter_checkboxs'>
  5561.             <input type="checkbox" id="deepl" name="mixedTranslation" value="deepl">
  5562.             <label for="deepl" data-i18n="settings:translation.autoTranslation.allowMixTrans.checkboxs.deepl"></label>
  5563.             <input type="checkbox" id="iflyrec" name="mixedTranslation" value="iflyrec">
  5564.             <label for="iflyrec" data-i18n="settings:translation.autoTranslation.allowMixTrans.checkboxs.iflyrec"></label>
  5565.             <input type="checkbox" id="youdao" name="mixedTranslation" value="youdao">
  5566.             <label for="youdao" data-i18n="settings:translation.autoTranslation.allowMixTrans.checkboxs.youdao"></label>
  5567.             <input type="checkbox" id="google" name="mixedTranslation" value="google">
  5568.             <label for="google" data-i18n="settings:translation.autoTranslation.allowMixTrans.checkboxs.google">Google</label>
  5569.             <input type="checkbox" id="caiyun" name="mixedTranslation" value="caiyun">
  5570.             <label for="caiyun" data-i18n="settings:translation.autoTranslation.allowMixTrans.checkboxs.caiyun"></label>
  5571.         </div>
  5572.     </div>
  5573.     <hr>
  5574.     </div>
  5575.  
  5576.     <h4 data-i18n="settings:translation.advanced.name"></h4>
  5577.     <div class='OJBetter_setting_list'>
  5578.         <label for="comment_translation_mode" style="display: flex;" data-i18n="settings:translation.advanced.mode.name"></label>
  5579.         <div class="help_tip">
  5580.             ${helpCircleHTML}
  5581.             <div class="tip_text" data-i18n="[html]settings:translation.advanced.mode.helpText"></div>
  5582.         </div>
  5583.         <select id="comment_translation_mode" name="comment_translation_mode">
  5584.             <option value="0" data-i18n="settings:translation.advanced.mode.options.0"></option>
  5585.             <option value="1" data-i18n="settings:translation.advanced.mode.options.1"></option>
  5586.             <option value="2" data-i18n="settings:translation.advanced.mode.options.2"></option>
  5587.         </select>
  5588.     </div>
  5589.     <div class='OJBetter_setting_list'>
  5590.         <label for="memoryTranslateHistory" data-i18n="settings:translation.advanced.memory.name"></label>
  5591.         <div class="help_tip">
  5592.             ${helpCircleHTML}
  5593.             <div class="tip_text" data-i18n="[html]settings:translation.advanced.memory.helpText"></div>
  5594.         </div>
  5595.         <input type="checkbox" id="memoryTranslateHistory" name="memoryTranslateHistory">
  5596.     </div>
  5597.     <div class='OJBetter_setting_list'>
  5598.         <label for="translation_retransAction" style="display: flex;" data-i18n="settings:translation.advanced.retrans.name"></label>
  5599.         <div class="help_tip">
  5600.             ${helpCircleHTML}
  5601.             <div class="tip_text" data-i18n="[html]settings:translation.advanced.retrans.helpText"></div>
  5602.         </div>
  5603.         <select id="translation_retransAction" name="translation_retransAction">
  5604.             <option value=0 data-i18n="settings:translation.advanced.retrans.options.0"></option>
  5605.             <option value=1 data-i18n="settings:translation.advanced.retrans.options.1"></option>
  5606.         </select>
  5607.     </div>
  5608.     <div class='OJBetter_setting_list'>
  5609.         <label for='transWaitTime'>
  5610.             <div style="display: flex;align-items: center;" data-i18n="settings:translation.advanced.transWaitTime.name"></div>
  5611.         </label>
  5612.         <div class="help_tip">
  5613.             ${helpCircleHTML}
  5614.             <div class="tip_text" data-i18n="[html]settings:translation.advanced.transWaitTime.helpText"></div>
  5615.         </div>
  5616.         <input type='number' id='transWaitTime' class='no_default' require=true data-i18n="[placeholder]settings:translation.advanced.transWaitTime.placeholder">
  5617.         <span data-i18n="settings:translation.advanced.transWaitTime.end"></span>
  5618.     </div>
  5619.     <div class='OJBetter_setting_list'>
  5620.         <label for="translation_replaceSymbol" style="display: flex;" data-i18n="settings:translation.advanced.replaceSymbol.name"></label>
  5621.         <div class="help_tip">
  5622.             ${helpCircleHTML}
  5623.             <div class="tip_text" data-i18n="[html]settings:translation.advanced.replaceSymbol.helpText"></div>
  5624.         </div>
  5625.         <select id="translation_replaceSymbol" name="translation_replaceSymbol">
  5626.             <option value=2 data-i18n="settings:translation.advanced.replaceSymbol.options.2"></option>
  5627.             <option value=1 data-i18n="settings:translation.advanced.replaceSymbol.options.1"></option>
  5628.             <option value=3 data-i18n="settings:translation.advanced.replaceSymbol.options.3"></option>
  5629.         </select>
  5630.     </div>
  5631.     <div class='OJBetter_setting_list'>
  5632.         <label for="filterTextWithoutEmphasis" data-i18n="settings:translation.advanced.filterTextWithoutEmphasis.name"></label>
  5633.         <div class="help_tip">
  5634.             ${helpCircleHTML}
  5635.             <div class="tip_text" data-i18n="[html]settings:translation.advanced.filterTextWithoutEmphasis.helpText"></div>
  5636.         </div>
  5637.         <input type="checkbox" id="filterTextWithoutEmphasis" name="filterTextWithoutEmphasis">
  5638.     </div>
  5639. </div>
  5640. `;
  5641.  
  5642. const clist_rating_settings_HTML = `
  5643. <div id="clist_rating-settings" class="settings-page">
  5644.     <h3 data-i18n="settings:clist.title"></h3>
  5645.     <hr>
  5646.     <h4 data-i18n="settings:clist.basics.name"></h4>
  5647.     <div class='OJBetter_setting_list alert_tip'>
  5648.         <div>
  5649.             <p data-i18n="[html]settings:clist.basics.notice"></p>
  5650.         </div>
  5651.     </div>
  5652.     <div class='OJBetter_setting_list'>
  5653.         <label for='clist_Authorization'>
  5654.             <div style="display: flex;align-items: center;">
  5655.                 <span class="input_label" data-i18n="settings:clist.basics.key.title"></span>
  5656.             </div>
  5657.         </label>
  5658.         <div class="help_tip">
  5659.             ${helpCircleHTML}
  5660.             <div class="tip_text" data-i18n="[html]settings:clist.basics.key.helpText"></div>
  5661.         </div>
  5662.         <input type='text' id='clist_Authorization' class='no_default' required="true"
  5663.             data-i18n="[placeholder]settings:clist.basics.key.keyPlaceholder">
  5664.     </div>
  5665.     <hr>
  5666.     <h4 data-i18n="settings:clist.displayRating.title"></h4>
  5667.     <div class='OJBetter_setting_list'>
  5668.         <label for="showClistRating_contest"><span data-i18n="settings:clist.displayRating.contest.name"></span></label>
  5669.         <input type="checkbox" id="showClistRating_contest" name="showClistRating_contest">
  5670.     </div>
  5671.     <div class='OJBetter_setting_list'>
  5672.         <label for="showClistRating_problem"><span data-i18n="settings:clist.displayRating.problem.name"></span></label>
  5673.         <input type="checkbox" id="showClistRating_problem" name="showClistRating_problem">
  5674.     </div>
  5675.     <div class='OJBetter_setting_list' style='display:none;'>
  5676.         <label for="showClistRating_problemset"><span data-i18n="settings:clist.displayRating.problemset.name"></span></label>
  5677.         <input type="checkbox" id="showClistRating_problemset" name="showClistRating_problemset">
  5678.     </div>
  5679.     <hr>
  5680.     <div class='OJBetter_setting_list'>
  5681.         <label for="RatingHidden"><span data-i18n="settings:clist.spoilerProtection.title"></span></label>
  5682.         <div class="help_tip">
  5683.             ${helpCircleHTML}
  5684.             <div class="tip_text" data-i18n="[html]settings:clist.spoilerProtection.helpText"></div>
  5685.         </div>
  5686.         <input type="checkbox" id="RatingHidden" name="RatingHidden">
  5687.     </div>
  5688. </div>
  5689. `;
  5690.  
  5691. const code_editor_settings_HTML = `
  5692. <div id="code_editor-settings" class="settings-page">
  5693.     <h3 data-i18n="settings:codeEditor.title"></h3>
  5694.     <hr>
  5695.     <h4 data-i18n="settings:codeEditor.basics"></h4>
  5696.     <div class='OJBetter_setting_list'>
  5697.         <label for="problemPageCodeEditor"><span
  5698.                 data-i18n="settings:codeEditor.problemPageCodeEditor.label"></span></label>
  5699.         <div class="help_tip">
  5700.             ${helpCircleHTML}
  5701.             <div class="tip_text" data-i18n="settings:codeEditor.problemPageCodeEditor.helpText"></div>
  5702.         </div>
  5703.         <input type="checkbox" id="problemPageCodeEditor" name="problemPageCodeEditor">
  5704.     </div>
  5705.     <div class='OJBetter_setting_list'>
  5706.         <label for="beautifyPreBlocks"><span
  5707.                 data-i18n="settings:codeEditor.beautifyPreBlocks.label"></span></label>
  5708.         <div class="help_tip">
  5709.             ${helpCircleHTML}
  5710.             <div class="tip_text" data-i18n="settings:codeEditor.beautifyPreBlocks.helpText"></div>
  5711.         </div>
  5712.         <input type="checkbox" id="beautifyPreBlocks" name="beautifyPreBlocks">
  5713.     </div>
  5714.     <hr>
  5715.     <h4 data-i18n="settings:codeEditor.preferences.title"></h4>
  5716.     <div class='OJBetter_setting_list'>
  5717.         <label for="isCodeSubmitConfirm"><span
  5718.                 data-i18n="settings:codeEditor.preferences.isCodeSubmitConfirm.label"></span></label>
  5719.         <div class="help_tip">
  5720.             ${helpCircleHTML}
  5721.             <div class="tip_text" data-i18n="settings:codeEditor.preferences.isCodeSubmitConfirm.helpText"></div>
  5722.         </div>
  5723.         <input type="checkbox" id="isCodeSubmitConfirm" name="isCodeSubmitConfirm">
  5724.     </div>
  5725.     <div class='OJBetter_setting_list'>
  5726.         <label for="alwaysConsumeMouseWheel"><span
  5727.                 data-i18n="settings:codeEditor.preferences.alwaysConsumeMouseWheel.label"></span></label>
  5728.         <div class="help_tip">
  5729.             ${helpCircleHTML}
  5730.             <div class="tip_text" data-i18n="settings:codeEditor.preferences.alwaysConsumeMouseWheel.helpText"></div>
  5731.         </div>
  5732.         <input type="checkbox" id="alwaysConsumeMouseWheel" name="alwaysConsumeMouseWheel">
  5733.     </div>
  5734.     <div class='OJBetter_setting_list'>
  5735.         <label for="submitButtonPosition"><span
  5736.                 data-i18n="settings:codeEditor.preferences.submitButtonPosition.label"></span></label>
  5737.         <div class="help_tip">
  5738.             ${helpCircleHTML}
  5739.             <div class="tip_text" data-i18n="settings:codeEditor.preferences.submitButtonPosition.helpText"></div>
  5740.         </div>
  5741.         <select id="submitButtonPosition" name="submitButtonPosition">
  5742.             <option value="bottom" data-i18n="settings:codeEditor.preferences.submitButtonPosition.options.bottom"></option>
  5743.             <option value="top" data-i18n="settings:codeEditor.preferences.submitButtonPosition.options.top"></option>
  5744.         </select>
  5745.     </div>
  5746.     <hr>
  5747.     <h4 data-i18n="settings:codeEditor.onlineCodeExecution.title"></h4>
  5748.     <label>
  5749.         <input type='radio' name='compiler' value='official'>
  5750.         <span class='OJBetter_setting_menu_label_text'
  5751.             data-i18n="settings:codeEditor.onlineCodeExecution.compilerOptions.codeforces"></span>
  5752.     </label>
  5753.     <label>
  5754.         <input type='radio' name='compiler' value='wandbox'>
  5755.         <span class='OJBetter_setting_menu_label_text'
  5756.             data-i18n="settings:codeEditor.onlineCodeExecution.compilerOptions.wandbox"></span>
  5757.     </label>
  5758.     <label>
  5759.         <input type='radio' name='compiler' value='rextester'>
  5760.         <span class='OJBetter_setting_menu_label_text'
  5761.             data-i18n="settings:codeEditor.onlineCodeExecution.compilerOptions.rextester"></span>
  5762.     </label>
  5763.     <hr>
  5764.     <h4 data-i18n="settings:codeEditor.lsp.title"></h4>
  5765.     <div class='OJBetter_setting_list'>
  5766.         <label for="useLSP"><span data-i18n="settings:codeEditor.lsp.useLSP.label"></span></label>
  5767.         <div class="help_tip">
  5768.             ${helpCircleHTML}
  5769.             <div class="tip_text" data-i18n="[html]settings:codeEditor.lsp.useLSP.helpText"></div>
  5770.         </div>
  5771.         <input type="checkbox" id="useLSP" name="useLSP">
  5772.     </div>
  5773.     <div class='OJBetter_setting_list'>
  5774.         <label for='OJBetter_Bridge_WorkUri'>
  5775.             <div style="display: flex;align-items: center;">
  5776.                 <span class="input_label" data-i18n="settings:codeEditor.lsp.OJBetter_Bridge_WorkUri.label"></span>
  5777.             </div>
  5778.         </label>
  5779.         <div class="help_tip">
  5780.             ${helpCircleHTML}
  5781.             <div class="tip_text" data-i18n="[html]settings:codeEditor.lsp.OJBetter_Bridge_WorkUri.helpText"></div>
  5782.         </div>
  5783.         <input type='text' id='OJBetter_Bridge_WorkUri' class='no_default'
  5784.             require=true data-i18n="[placeholder]settings:codeEditor.lsp.OJBetter_Bridge_WorkUri.placeholder">
  5785.     </div>
  5786.     <div class='OJBetter_setting_list'>
  5787.         <label for='OJBetter_Bridge_SocketUrl'>
  5788.             <div style="display: flex;align-items: center;">
  5789.                 <span class="input_label"
  5790.                     data-i18n="settings:codeEditor.lsp.OJBetter_Bridge_SocketUrl.label"></span>
  5791.             </div>
  5792.         </label>
  5793.         <div class="help_tip">
  5794.             ${helpCircleHTML}
  5795.             <div class="tip_text" data-i18n="[html]settings:codeEditor.lsp.OJBetter_Bridge_SocketUrl.helpText"></div>
  5796.         </div>
  5797.         <input type='text' id='OJBetter_Bridge_SocketUrl' class='no_default'
  5798.             require=true data-i18n="[placeholder]settings:codeEditor.lsp.OJBetter_Bridge_SocketUrl.placeholder">
  5799.     </div>
  5800.     <hr>
  5801.     <h4 data-i18n="settings:codeEditor.staticCompletionEnhancement.title"></h4>
  5802.     <div class='OJBetter_setting_list'>
  5803.         <label for="cppCodeTemplateComplete"><span
  5804.                 data-i18n="settings:codeEditor.staticCompletionEnhancement.cppCodeTemplateComplete.label"></span></label>
  5805.         <div class="help_tip">
  5806.             ${helpCircleHTML}
  5807.             <div class="tip_text" data-i18n="[html]settings:codeEditor.staticCompletionEnhancement.cppCodeTemplateComplete.helpText"></div>
  5808.         </div>
  5809.         <input type="checkbox" id="cppCodeTemplateComplete" name="cppCodeTemplateComplete">
  5810.     </div>
  5811.     <hr>
  5812.     <h5 data-i18n="settings:codeEditor.staticCompletionEnhancement.customization"></h5>
  5813.     <div class='OJBetter_setting_list alert_warn'>
  5814.         <div>
  5815.             <p data-i18n="settings:codeEditor.staticCompletionEnhancement.performanceWarning"></p>
  5816.         </div>
  5817.     </div>
  5818.     <div id="Complet_config" class="config"></div>
  5819. </div>
  5820. `;
  5821.  
  5822. const preference_settings_HTML = `
  5823. <div id="preference-settings" class="settings-page">
  5824.     <h3 data-i18n="settings:preference.title"></h3>
  5825.     <hr>
  5826.     <div class='OJBetter_setting_list'>
  5827.         <label for="showLoading" data-i18n="settings:preference.loadingInfo.label"></label>
  5828.         <div class="help_tip">
  5829.             ${helpCircleHTML}
  5830.             <div class="tip_text" data-i18n="[html]settings:preference.loadingInfo.helpText" data-i18n-options='{ "scriptName": "${OJBetter.state.name}" }'></div>
  5831.         </div>
  5832.         <input type="checkbox" id="showLoading" name="showLoading">
  5833.     </div>
  5834.     <div class='OJBetter_setting_list'>
  5835.         <label for="hoverTargetAreaDisplay" data-i18n="settings:preference.targetArea.label"></label>
  5836.         <div class="help_tip">
  5837.             ${helpCircleHTML}
  5838.             <div class="tip_text" data-i18n="[html]settings:preference.targetArea.helpText"></div>
  5839.         </div>
  5840.         <input type="checkbox" id="hoverTargetAreaDisplay" name="hoverTargetAreaDisplay">
  5841.     </div>
  5842.     <div class='OJBetter_setting_list'>
  5843.         <label for='iconButtonSize'>
  5844.             <div style="display: flex;align-items: center;" data-i18n="settings:preference.iconButtonSize.title"></div>
  5845.         </label>
  5846.         <div class="help_tip">
  5847.             ${helpCircleHTML}
  5848.             <div class="tip_text" data-i18n="[html]settings:preference.iconButtonSize.helpText"></div>
  5849.         </div>
  5850.         <input type='number' id='iconButtonSize' class='no_default' require=true data-i18n="[placeholder]settings:preference.iconButtonSize.placeholder">
  5851.         <span>px</span>
  5852.     </div>
  5853. </div>
  5854. `;
  5855.  
  5856. const dev_settings_HTML = `
  5857. <div id="dev-settings" class="settings-page">
  5858.     <h3 data-i18n="settings:dev.title"></h3>
  5859.     <hr>
  5860.     <div class='OJBetter_setting_list alert_danger'>
  5861.         <div>
  5862.             <p data-i18n="[html]settings:dev.notice"></p>
  5863.         </div>
  5864.     </div>
  5865.     <hr>
  5866.     <h5 data-i18n="settings:dev.load.title"></h5>
  5867.     <div class='OJBetter_setting_list'>
  5868.         <label for="notWaiteLoaded"><span data-i18n="settings:dev.load.notWaiteLoaded.label"></span></label>
  5869.         <div class="help_tip">
  5870.             ${helpCircleHTML}
  5871.             <div class="tip_text" data-i18n="[html]settings:dev.load.notWaiteLoaded.helpText"></div>
  5872.         </div>
  5873.         <input type="checkbox" id="notWaiteLoaded" name="notWaiteLoaded">
  5874.     </div>
  5875.     <hr>
  5876.     <h5 data-i18n="settings:dev.l10n.title"></h5>
  5877.     <div class='OJBetter_setting_list'>
  5878.         <label><span data-i18n="settings:dev.l10n.refreshScrpitCache.label"></span></label>
  5879.         <div class="help_tip">
  5880.             ${helpCircleHTML}
  5881.             <div class="tip_text" data-i18n="[html]settings:dev.l10n.refreshScrpitCache.helpText"></div>
  5882.         </div>
  5883.         <button type="button" id="l10n_refreshScrpitCacheButton" name="l10n_refreshScrpitCacheButton" data-i18n="settings:dev.l10n.refreshScrpitCache.button"></button>
  5884.     </div>
  5885.     <hr>
  5886.     <h5 data-i18n="settings:dev.l10n_web.title"></h5>
  5887.     <div class='OJBetter_setting_list'>
  5888.         <label><span data-i18n="settings:dev.l10n_web.refreshScrpitCache.label"></span></label>
  5889.         <div class="help_tip">
  5890.             ${helpCircleHTML}
  5891.             <div class="tip_text" data-i18n="[html]settings:dev.l10n_web.refreshScrpitCache.helpText"></div>
  5892.         </div>
  5893.         <button type="button" id="l10n_web_refreshScrpitCacheButton" name="l10n_web_refreshScrpitCacheButton" data-i18n="settings:dev.l10n_web.refreshScrpitCache.button"></button>
  5894.     </div>
  5895.     <div class='OJBetter_setting_list'>
  5896.         <label for="isRuleMarkingEnabled"><span data-i18n="settings:dev.l10n_web.isRuleMarkingEnabled.label"></span></label>
  5897.         <div class="help_tip">
  5898.             ${helpCircleHTML}
  5899.             <div class="tip_text" data-i18n="[html]settings:dev.l10n_web.isRuleMarkingEnabled.helpText"></div>
  5900.         </div>
  5901.         <input type="checkbox" id="isRuleMarkingEnabled" name="isRuleMarkingEnabled">
  5902.     </div>
  5903.     <hr>
  5904.     <h5 data-i18n="settings:dev.indexedDB.title"></h5>
  5905.     <div class='OJBetter_setting_list'>
  5906.         <label><span data-i18n="settings:dev.indexedDB.clear.label"></span></label>
  5907.         <div class="help_tip">
  5908.             ${helpCircleHTML}
  5909.             <div class="tip_text" data-i18n="[html]settings:dev.indexedDB.clear.helpText"></div>
  5910.         </div>
  5911.         <button type="button" id="indexedDB_clearButton" name="indexedDB_clearButton" data-i18n="settings:dev.indexedDB.clear.button"></button>
  5912.     </div>
  5913.     <div class='OJBetter_setting_list'>
  5914.         <label><span data-i18n="settings:dev.indexedDB.inputOrExport.label"></span></label>
  5915.         <div class="help_tip">
  5916.             ${helpCircleHTML}
  5917.             <div class="tip_text" data-i18n="[html]settings:dev.indexedDB.inputOrExport.helpText"></div>
  5918.         </div>
  5919.         <button type="button" id="indexedDB_exportButton" name="indexedDB_exportButton" data-i18n="settings:dev.indexedDB.inputOrExport.export"></button>
  5920.         <button type="button" id="indexedDB_importButton" name="indexedDB_importButton" data-i18n="settings:dev.indexedDB.inputOrExport.import"></button>
  5921.     </div>
  5922.     <hr>
  5923.     <h5 data-i18n="settings:dev.configuration.title"></h5>
  5924.     <div class='OJBetter_setting_list'>
  5925.         <label><span data-i18n="settings:dev.configuration.clear.label"></span></label>
  5926.         <div class="help_tip">
  5927.             ${helpCircleHTML}
  5928.             <div class="tip_text" data-i18n="[html]settings:dev.configuration.clear.helpText"></div>
  5929.         </div>
  5930.         <button type="button" id="configuration_clearButton" name="configuration_clearButton" data-i18n="settings:dev.configuration.clear.button"></button>
  5931.     </div>
  5932.     <div class='OJBetter_setting_list'>
  5933.         <label><span data-i18n="settings:dev.configuration.inputOrExport.label"></span></label>
  5934.         <div class="help_tip">
  5935.             ${helpCircleHTML}
  5936.             <div class="tip_text" data-i18n="[html]settings:dev.configuration.inputOrExport.helpText"></div>
  5937.         </div>
  5938.         <button type="button" id="configuration_exportButton" name="configuration_exportButton" data-i18n="settings:dev.configuration.inputOrExport.export"></button>
  5939.         <button type="button" id="configuration_importButton" name="configuration_importButton" data-i18n="settings:dev.configuration.inputOrExport.import"></button>
  5940.     </div>
  5941. </div>
  5942. `;
  5943.  
  5944. const about_settings_HTML = `
  5945. <div id="about-settings" class="settings-page">
  5946.     <h3 data-i18n="settings:about.title"></h3>
  5947.     <hr>
  5948.     <div class='versionInfo'>
  5949.         <p>${OJBetter.state.name}</p>
  5950.         <p><span data-i18n="settings:about.version"></span><span id="nowVersion">${OJBetter.state.version}</span></p>
  5951.         <p> @北极小狐 <a target="_blank" href="https://github.com/beijixiaohu/OJBetter">Github</a> 
  5952.         <a target="_blank" href="https://greatest.deepsurf.us/zh-CN/scripts/465777">GreasyFork</a></p>
  5953.     </div>
  5954.     <hr>
  5955.     <h5 data-i18n="settings:about.update.title"></h5>
  5956.     <div id="thanksforDevChannelNotice" class='OJBetter_setting_list alert_info'>
  5957.         <div data-i18n="[html]settings:about.update.thanksforDevChannelNotice"} data-i18n-options='{ "scriptName": "${OJBetter.state.name}" }' ></div>
  5958.     </div>
  5959.     <div class='OJBetter_setting_list'>
  5960.         <label for="updateChannel"><span data-i18n="settings:about.update.channel.label"></span></label>
  5961.         <div class="help_tip">
  5962.             ${helpCircleHTML}
  5963.             <div class="tip_text" data-i18n="[html]settings:about.update.channel.helpText"></div>
  5964.         </div>
  5965.         <select id="updateChannel" name="updateChannel">
  5966.             <option value="release" data-i18n="settings:about.update.channel.options.release"></option>
  5967.             <option value="dev" data-i18n="settings:about.update.channel.options.dev"></option>
  5968.         </select>
  5969.     </div>
  5970.     <div class='OJBetter_setting_list'>
  5971.         <label for="updateSource"><span data-i18n="settings:about.update.source.label"></span></label>
  5972.         <div class="help_tip">
  5973.             ${helpCircleHTML}
  5974.             <div class="tip_text" data-i18n="[html]settings:about.update.source.helpText"></div>
  5975.         </div>
  5976.         <select id="updateSource" name="updateSource">
  5977.             <option value="greasyfork" data-i18n="settings:about.update.source.options.greasyfork"></option>
  5978.             <option value="github" data-i18n="settings:about.update.source.options.github"></option>
  5979.             <option value="aliyunoss" data-i18n="settings:about.update.source.options.aliyunoss"></option>
  5980.         </select>
  5981.     </div>
  5982. </div>
  5983. `;
  5984.  
  5985. const OJBetter_setting_content_HTML = `
  5986. <div class="OJBetter_setting_content">
  5987.     ${basic_settings_HTML}
  5988.     ${l10n_settings_HTML}
  5989.     ${translation_settings_HTML}
  5990.     ${clist_rating_settings_HTML}
  5991.     ${code_editor_settings_HTML}
  5992.     ${preference_settings_HTML}
  5993.     ${dev_settings_HTML}
  5994.     ${about_settings_HTML}
  5995. </div>
  5996. `;
  5997.  
  5998. // 设置界面HTML
  5999. const OJBetterSettingMenu_HTML = `
  6000.     <dialog class='OJBetter_setting_menu' id='OJBetter_setting_menu'>
  6001.         <div class="tool-box">
  6002.             <button class='ojb_btn ojb_btn_popover top btn-close'>
  6003.                 <i class="iconfont">&#xe614;</i>
  6004.             </button>
  6005.         </div>
  6006.         <div class="OJBetter_setting_container">
  6007.             ${OJBetter_setting_sidebar_HTML}
  6008.             ${OJBetter_setting_content_HTML}
  6009.         </div>
  6010.     </dialog>
  6011. `;
  6012.  
  6013. const apiCustomConfigHTML = (prefix) => {
  6014.     return `
  6015.     <div class="OJBetter_setting_list">
  6016.         <label for='${prefix}_header'>
  6017.             <div style="display: flex;align-items: center;">
  6018.                 <span class="input_label" data-i18n="config:common.advanced.header.label"></span>
  6019.                 <div class="help_tip">
  6020.                     ${helpCircleHTML}
  6021.                     <div class="tip_text" data-i18n="[html]config:common.advanced.header.tipText"></div>
  6022.                 </div>
  6023.             </div>
  6024.         </label>
  6025.         <textarea id="${prefix}_header" placeholder='' require = false data-i18n="[placeholder]config:common.advanced.header.placeholder"></textarea>
  6026.     </div>
  6027.     <div class="OJBetter_setting_list">
  6028.         <label for='${prefix}_data'>
  6029.             <div style="display: flex;align-items: center;">
  6030.                 <span class="input_label" data-i18n="config:common.advanced.data.label"></span>
  6031.                 <div class="help_tip">
  6032.                     ${helpCircleHTML}
  6033.                     <div class="tip_text" data-i18n="[html]config:common.advanced.data.tipText"></div>
  6034.                 </div>
  6035.             </div>
  6036.         </label>
  6037.         <textarea id="${prefix}_data" placeholder='' require = false data-i18n="[placeholder]config:common.advanced.data.placeholder"></textarea>
  6038.     </div>
  6039.     `;
  6040. };
  6041.  
  6042. const apiQuotaConfigHTML = (prefix) => {
  6043.     return `
  6044.     <div class="OJBetter_setting_list">
  6045.         <label for='${prefix}_quota_url'>
  6046.         <div style="display: flex;align-items: center;">
  6047.                 <span class="input_label" data-i18n="config:common.quota.url.label"></span>
  6048.                 <div class="help_tip">
  6049.                     ${helpCircleHTML}
  6050.                     <div class="tip_text" data-i18n="[html]config:common.quota.url.tipText"></div>
  6051.                 </div>
  6052.             </div>
  6053.         </label>
  6054.         <input type='text' id='${prefix}_quota_url' class='no_default' placeholder='' require = true data-i18n="[placeholder]config:common.quota.url.placeholder">
  6055.     </div>
  6056.     <div class="OJBetter_setting_list">
  6057.         <label for="${prefix}_quota_method" style="display: flex;" data-i18n="config:common.quota.method.label"></label>
  6058.         <div class="help_tip">
  6059.             ${helpCircleHTML}
  6060.             <div class="tip_text" data-i18n="[html]config:common.quota.method.tipText"></div>
  6061.         </div>
  6062.         <select id="${prefix}_quota_method" name="${prefix}_quota_method">
  6063.             <option value="get">GET</option>
  6064.             <option value="post">POST</option>
  6065.         </select>
  6066.     </div>
  6067.     <div class="OJBetter_setting_list">
  6068.         <label for='${prefix}_quota_header'>
  6069.             <div style="display: flex;align-items: center;">
  6070.                 <span class="input_label" data-i18n="config:common.quota.header.label"></span>
  6071.                 <div class="help_tip">
  6072.                     ${helpCircleHTML}
  6073.                     <div class="tip_text" data-i18n="[html]config:common.quota.header.tipText"></div>
  6074.                 </div>
  6075.             </div>
  6076.         </label>
  6077.         <textarea id="${prefix}_quota_header" placeholder='' require = false data-i18n="[placeholder]config:common.quota.header.placeholder"></textarea>
  6078.     </div>
  6079.     <div class="OJBetter_setting_list">
  6080.         <label for='${prefix}_quota_data'>
  6081.             <div style="display: flex;align-items: center;">
  6082.                 <span class="input_label" data-i18n="config:common.quota.data.label"></span>
  6083.                 <div class="help_tip">
  6084.                     ${helpCircleHTML}
  6085.                     <div class="tip_text" data-i18n="[html]config:common.quota.data.tipText"></div>
  6086.                 </div>
  6087.             </div>
  6088.         </label>
  6089.         <textarea id="${prefix}_quota_data" placeholder='' require = false data-i18n="[placeholder]config:common.quota.data.placeholder"></textarea>
  6090.     </div>
  6091.     <div class="OJBetter_setting_list">
  6092.         <div style="display: flex;align-items: center;">
  6093.                 <span class="input_label" data-i18n="config:common.quota.surplus.label"></span>
  6094.                 <div class="help_tip">
  6095.                     ${helpCircleHTML}
  6096.                     <div class="tip_text" data-i18n="[html]config:common.quota.surplus.tipText"></div>
  6097.                 </div>
  6098.             </div>
  6099.         </label>
  6100.         <input type='text' id='${prefix}_quota_surplus' class='no_default' placeholder='' require = true data-i18n="[placeholder]config:common.quota.surplus.placeholder">
  6101.     </div>
  6102.     `;
  6103. }
  6104.  
  6105. const deeplConfigEditHTML = `
  6106.     <dialog class='OJBetter_setting_menu' id='config_edit_menu'>
  6107.     <div class='OJBetter_setting_content'>
  6108.         <div class="tool-box">
  6109.             <button class='ojb_btn ojb_btn_popover top btn-close'>
  6110.                 <i class="iconfont">&#xe614;</i>
  6111.             </button>
  6112.         </div>
  6113.         <h4 data-i18n="config:deepl.title"></h4>
  6114.         <h5 data-i18n="config:deepl.basic.title"></h5>
  6115.         <hr>
  6116.         <div class="OJBetter_setting_list">
  6117.             <label for='name'>
  6118.                 <span class="input_label" data-i18n="config:deepl.basic.name.label"></span>
  6119.             </label>
  6120.             <input type='text' id='name' class='no_default' placeholder='' require = true data-i18n="[placeholder]config:deepl.basic.name.placeholder">
  6121.         </div>
  6122.         <div class='OJBetter_setting_list'>
  6123.             <label for="deepl_apiGenre" style="display: flex;" data-i18n="config:deepl.genre.label"></label>
  6124.             <div class="help_tip">
  6125.                 ${helpCircleHTML}
  6126.                 <div class="tip_text" data-i18n="[html]config:deepl.genre.tipText"></div>
  6127.             </div>
  6128.             <select id="deepl_apiGenre" name="deepl_apiGenre">
  6129.                 <option value="api-free">api-free</option>
  6130.                 <option value="api-pro">api-pro</option>
  6131.                 <option value="deeplx">deeplx</option>
  6132.             </select>
  6133.         </div>
  6134.         <div class="OJBetter_setting_list">
  6135.             <label for='deepl_key'>
  6136.                 <div style="display: flex;align-items: center;">
  6137.                     <span class="input_label" data-i18n="config:deepl.basic.key.label"></span>
  6138.                     <div class="help_tip">
  6139.                         ${helpCircleHTML}
  6140.                         <div class="tip_text" data-i18n="[html]config:deepl.basic.key.tipText"></div>
  6141.                     </div>
  6142.                 </div>
  6143.             </label>
  6144.             <input type='text' id='deepl_key' class='no_default' placeholder='' require = true data-i18n="[placeholder]config:deepl.basic.key.placeholder">
  6145.         </div>
  6146.         <div class="OJBetter_setting_list">
  6147.             <label for='deepl_proxy'>
  6148.                 <div style="display: flex;align-items: center;">
  6149.                     <span class="input_label" data-i18n="config:deepl.basic.proxy.label">Proxy API:</span>
  6150.                     <div class="help_tip">
  6151.                         ${helpCircleHTML}
  6152.                         <div class="tip_text" data-i18n="[html]config:deepl.basic.proxy.tipText"></div>
  6153.                     </div>
  6154.                 </div>
  6155.             </label>
  6156.             <input type='text' id='deepl_proxy' placeholder='' require = false>
  6157.         </div>
  6158.         <hr>
  6159.         <details>
  6160.             <summary data-i18n="config:common.advanced.title"></summary>
  6161.             ${apiCustomConfigHTML('deepl')}
  6162.         </details>
  6163.         <details>
  6164.             <summary data-i18n="config:common.quota.title"></summary>
  6165.             ${apiQuotaConfigHTML('deepl')}
  6166.         </details>
  6167.         <button id='tempConfig_save' data-i18n="common:save"></button>
  6168.     </div>
  6169.     </dialog>
  6170. `;
  6171.  
  6172. const chatgptConfigEditHTML = `
  6173.     <dialog class='OJBetter_setting_menu' id='config_edit_menu'>
  6174.     <div class='OJBetter_setting_content'>
  6175.         <div class="tool-box">
  6176.             <button class='ojb_btn ojb_btn_popover top btn-close'>
  6177.                 <i class="iconfont">&#xe614;</i>
  6178.             </button>
  6179.         </div>
  6180.         <h4 data-i18n="config:chatgpt.title"></h4>
  6181.         <h5 data-i18n="config:chatgpt.basic.title"></h5>
  6182.         <hr>
  6183.         <div class="OJBetter_setting_list">
  6184.             <label for='name'>
  6185.                 <span class="input_label" data-i18n="config:chatgpt.basic.name.label"></span>
  6186.             </label>
  6187.             <input type='text' id='name' class='no_default' placeholder='' require = true data-i18n="[placeholder]config:chatgpt.basic.name.placeholder">
  6188.         </div>
  6189.         <div class="OJBetter_setting_list">
  6190.             <label for='chatgpt_model'>
  6191.                 <div style="display: flex;align-items: center;">
  6192.                     <span class="input_label" data-i18n="[html]config:chatgpt.basic.model.label"></span>
  6193.                     <div class="help_tip">
  6194.                         ${helpCircleHTML}
  6195.                         <div class="tip_text" data-i18n="[html]config:chatgpt.basic.model.tipText"></div>
  6196.                     </div>
  6197.                 </div>
  6198.             </label>
  6199.             <input type='text' id='chatgpt_model' placeholder='gpt-3.5-turbo' require = false>
  6200.         </div>
  6201.         <div class="OJBetter_setting_list">
  6202.             <label for='chatgpt_key'>
  6203.                 <div style="display: flex;align-items: center;">
  6204.                     <span class="input_label" data-i18n="config:chatgpt.basic.key.label"></span>
  6205.                     <div class="help_tip">
  6206.                         ${helpCircleHTML}
  6207.                         <div class="tip_text" data-i18n="[html]config:chatgpt.basic.key.tipText"></div>
  6208.                     </div>
  6209.                 </div>
  6210.             </label>
  6211.             <input type='text' id='chatgpt_key' class='no_default' placeholder='' require = true data-i18n="[placeholder]config:chatgpt.basic.key.placeholder">
  6212.         </div>
  6213.         <div class="OJBetter_setting_list">
  6214.             <label for='chatgpt_proxy'>
  6215.                 <div style="display: flex;align-items: center;">
  6216.                     <span class="input_label" data-i18n="config:chatgpt.basic.proxy.label">Proxy API:</span>
  6217.                     <div class="help_tip">
  6218.                         ${helpCircleHTML}
  6219.                         <div class="tip_text" data-i18n="[html]config:chatgpt.basic.proxy.tipText"></div>
  6220.                     </div>
  6221.                 </div>
  6222.             </label>
  6223.             <input type='text' id='chatgpt_proxy' placeholder='https://api.openai.com/v1/chat/completions' require = false>
  6224.         </div>
  6225.         <hr>
  6226.         <details>
  6227.             <summary data-i18n="config:common.advanced.title"></summary>
  6228.             ${apiCustomConfigHTML('chatgpt')}
  6229.         </details>
  6230.         <details>
  6231.             <summary data-i18n="config:common.quota.title"></summary>
  6232.             ${apiQuotaConfigHTML('chatgpt')}
  6233.         </details>
  6234.         <button id='tempConfig_save' data-i18n="common:save"></button>
  6235.     </div>
  6236.     </dialog>
  6237. `;
  6238.  
  6239. const CompletConfigEditHTML = `
  6240.     <dialog class='OJBetter_setting_menu' id='config_edit_menu'>
  6241.     <div class='OJBetter_setting_content'>
  6242.         <div class="tool-box">
  6243.             <button class='ojb_btn ojb_btn_popover top btn-close'>
  6244.                 <i class="iconfont">&#xe614;</i>
  6245.             </button>
  6246.         </div>
  6247.         <h4 data-i18n="config:complet.title"></h4>
  6248.         <hr>
  6249.         <div class="OJBetter_setting_list">
  6250.             <label for='name'>
  6251.                 <span class="input_label" data-i18n="config:complet.name.label"></span>
  6252.             </label>
  6253.             <input type='text' id='name' class='no_default' placeholder='' require = true  data-i18n="[placeholder]config:complet.name.placeholder">
  6254.         </div>
  6255.         <div class='OJBetter_setting_list'>
  6256.             <label for="complet_isChoose"><span id="loaded_span" data-i18n="config:complet.choose.label"></span></label>
  6257.             <input type="checkbox" id="complet_isChoose" name="complet_isChoose" require = false>
  6258.         </div>
  6259.         <div class='OJBetter_setting_list'>
  6260.             <label for="complet_genre" style="display: flex;" data-i18n="config:complet.genre.label"></label>
  6261.             <div class="help_tip">
  6262.                 ${helpCircleHTML}
  6263.                 <div class="tip_text" data-i18n="[html]config:complet.genre.tipText"></div>
  6264.             </div>
  6265.             <select id="complet_genre" name="complet_genre">
  6266.                 <option value="monaco">monaco</option>
  6267.                 <option value="ace">ace</option>
  6268.             </select>
  6269.         </div>
  6270.         <div class='OJBetter_setting_list'>
  6271.             <label for="complet_language" style="display: flex;" data-i18n="config:complet.language.label"></label>
  6272.             <select id="complet_language" name="complet_language">
  6273.                 <option value="cpp">cpp</option>
  6274.                 <option value="python">python</option>
  6275.                 <option value="java">java</option>
  6276.                 <option value="c">c</option>
  6277.             </select>
  6278.         </div>
  6279.         <div class="OJBetter_setting_list">
  6280.             <label for='complet_jsonUrl'>
  6281.                 <div style="display: flex;align-items: center;">
  6282.                     <span class="input_label">JSON URL:</span>
  6283.                     <div class="help_tip">
  6284.                         ${helpCircleHTML}
  6285.                         <div class="tip_text" data-i18n="[html]config:complet.jsonurl.tipText"></div>
  6286.                     </div>
  6287.                 </div>
  6288.             </label>
  6289.             <div class='OJBetter_setting_list alert_warn' data-i18n="[html]config:complet.jsonurl.alert"></div>
  6290.             <input type='text' id='complet_jsonUrl' class='no_default' placeholder='' require = true data-i18n="[placeholder]config:complet.jsonurl.placeholder">
  6291.         </div>
  6292.         <button id='tempConfig_save' data-i18n="common:save"></button>
  6293.     </div>
  6294.     </dialog>
  6295. `;
  6296.  
  6297. /**
  6298.  * 加载设置按钮面板
  6299.  */
  6300. async function initSettingsPanel() {
  6301.     /**
  6302.      * 添加右上角设置按钮
  6303.      * @param {string} location 位置选择器
  6304.      * @param {string} method 插入方法
  6305.      */
  6306.     function insertOJBetterSettingButton(location, method) {
  6307.         $(location)[method](`<button class='ojb_btn OJBetter_setting'>
  6308.         ${OJBetter.state.name} ${i18next.t('settings', { ns: 'common' })}</button>`);
  6309.     }
  6310.  
  6311.     /**
  6312.      * ============================================
  6313.      * 该网站插入设置按钮的位置和方式
  6314.      */
  6315.     if (OJBetter.typeOfPage.isEnglishLanguage) {
  6316.         insertOJBetterSettingButton("#navbar-collapse > ul:nth-child(2) > li:last-child", "after");
  6317.     } else {
  6318.         if ($('.header-mypage').length > 0) insertOJBetterSettingButton(".header-mypage", "after");
  6319.         else insertOJBetterSettingButton("#navbar-collapse > ul:nth-child(2) > li:last-child", "after");
  6320.     }
  6321.     /**
  6322.      * ============================================
  6323.      */
  6324.  
  6325.     const $settingBtns = $(".OJBetter_setting");
  6326.     $settingBtns.click(() => {
  6327.         $settingBtns.prop("disabled", true).addClass("open");
  6328.  
  6329.         // 设置面板div
  6330.         const settingMenu = OJB_safeCreateJQElement(OJBetterSettingMenu_HTML);
  6331.         $("body").append(settingMenu);
  6332.  
  6333.         elementLocalize(settingMenu); // 加载i18n
  6334.         OJB_showModal(settingMenu);
  6335.         OJB_addDraggable($('#OJBetter_setting_menu')); // 窗口支持拖拽
  6336.  
  6337.         // help帮助悬浮窗位置更新
  6338.         $(document).on('mouseenter', '.help-icon', function (event) {
  6339.             var menuOffset = $('.OJBetter_setting_menu:last').offset();
  6340.             var mouseX = event.pageX - menuOffset.left;
  6341.             var mouseY = event.pageY - menuOffset.top;
  6342.  
  6343.             $('.tip_text').css({
  6344.                 'top': mouseY + 'px',
  6345.                 'left': mouseX + 'px'
  6346.             });
  6347.         });
  6348.  
  6349.         // 选项卡切换
  6350.         $('.OJBetter_setting_sidebar a').click(function (event) {
  6351.             event.preventDefault();
  6352.             $('.OJBetter_setting_sidebar a').removeClass('active');
  6353.             $('.settings-page').removeClass('active');
  6354.             $(this).addClass('active');
  6355.             const targetPageId = $(this).attr('href').substring(1);
  6356.             $('#' + targetPageId).addClass('active');
  6357.         });
  6358.  
  6359.         /**
  6360.          * 更新单选按钮组的可用状态
  6361.          * @param {string} selector 单选按钮组的选择器
  6362.          * @param {string} targetLanguage 目标语言
  6363.          * @param {Object} translationSupport 翻译支持的语言对应表
  6364.          */
  6365.         const updateRadioButtonsAvailability = (selector, targetLanguage) => {
  6366.             Object.entries(OJBetter.supportList.translationSupport).forEach(([service, languages]) => {
  6367.                 const radioButton = $(selector).find(`input[value="${service}"]`);
  6368.                 const isEnabled = languages[targetLanguage];
  6369.                 $(radioButton).prop('disabled', !isEnabled);
  6370.                 if (!isEnabled) {
  6371.                     $(radioButton).prop('checked', false);
  6372.                 }
  6373.             });
  6374.         };
  6375.  
  6376.         /**
  6377.          * 检查下拉框选中项是否有效，若无效则清空
  6378.          * @param {string} selector 下拉框的选择器
  6379.          */
  6380.         const validateSelectOption = (selector) => {
  6381.             const selectedValue = $(selector).val();
  6382.             if (!selectedValue) {
  6383.                 $(selector).val('');
  6384.             }
  6385.         };
  6386.  
  6387.         /**
  6388.          * 更新翻译目标语言下拉框的可用状态
  6389.          * @param {string} selector 下拉框的选择器
  6390.          * @param {string} targetLanguage 目标语言
  6391.          * @param {Object} translationSupport 翻译支持的语言对应表
  6392.          */
  6393.         const updateSelectOptionsAvailability = (selector, targetLanguage) => {
  6394.             $(selector).children('option').each(function () {
  6395.                 const optionValue = $(this).val();
  6396.                 const isEnabled = OJBetter.supportList.translationSupport[optionValue] ? OJBetter.supportList.translationSupport[optionValue][targetLanguage] : true;
  6397.                 $(this).prop('disabled', !isEnabled);
  6398.             });
  6399.             validateSelectOption(selector);
  6400.         };
  6401.  
  6402.         /**
  6403.          * 更新翻译服务复选框的可用状态
  6404.          * @param {string} selector 复选框的选择器
  6405.          * @param {string} targetLanguage 目标语言
  6406.          * @param {Object} translationSupport 翻译支持的语言对应表
  6407.          */
  6408.         const updateCheckboxesAvailability = (selector, targetLanguage) => {
  6409.             $(selector).children('input').each(function () {
  6410.                 const checkboxValue = $(this).val();
  6411.                 const isEnabled = OJBetter.supportList.translationSupport[checkboxValue][targetLanguage];
  6412.                 $(this).prop('disabled', !isEnabled);
  6413.                 if (!isEnabled) {
  6414.                     $(this).prop('checked', false);
  6415.                 }
  6416.             });
  6417.         };
  6418.  
  6419.         /**
  6420.          * 更新更新源下拉框的可用状态
  6421.          * @param {string} selector 下拉框的选择器
  6422.          * @param {string} targetLanguage 目标语言
  6423.          * @param {Object} translationSupport 翻译支持的语言对应表
  6424.          */
  6425.         const updateUpdateSourceSelectOptionsAvailability = (selector, updateChannel) => {
  6426.             $(selector).children('option').each(function () {
  6427.                 const optionValue = $(this).val();
  6428.                 const isEnabled = OJBetter.supportList.updateSourceSupportList[optionValue][updateChannel];
  6429.                 $(this).prop('disabled', !isEnabled);
  6430.             });
  6431.             validateSelectOption(selector);
  6432.         };
  6433.  
  6434.         /**
  6435.          * 创建配置结构
  6436.          * @param {string} type - 该字段的在表单中的类型
  6437.          * @param {string} value - 在配置中的键值
  6438.          * @param {boolean} require - 是否是表单的必填项
  6439.          * @param {string} [check=""] check - 调用的合法性检查
  6440.          */
  6441.         function createStructure(type, value, require, check = "") {
  6442.             return { type, value, require, check };
  6443.         }
  6444.  
  6445.         // deepl配置
  6446.         const deeplStructure = {
  6447.             '#name': createStructure('text', 'name', true),
  6448.             '#deepl_apiGenre': createStructure('text', 'apiGenre', true),
  6449.             '#deepl_key': createStructure('text', 'key', false),
  6450.             '#deepl_proxy': createStructure('text', 'proxy', false),
  6451.             '#deepl_header': createStructure('text', '_header', false, 'keyValuePairs'),
  6452.             '#deepl_data': createStructure('text', '_data', false, 'keyValuePairs'),
  6453.             '#deepl_quota_url': createStructure('text', 'quota_url', false),
  6454.             '#deepl_quota_method': createStructure('text', 'quota_method', false),
  6455.             '#deepl_quota_header': createStructure('text', 'quota_header', false, 'keyValuePairs'),
  6456.             '#deepl_quota_data': createStructure('text', 'quota_data', false, 'keyValuePairs'),
  6457.             '#deepl_quota_surplus': createStructure('text', 'quota_surplus', false, 'dotSeparatedPath'),
  6458.         };
  6459.         let tempConfig_deepl = GM_getValue('deepl_config'); // 获取配置信息
  6460.         const configManager_deepl = new ConfigManager('#deepl_config', 'deepl_config_', tempConfig_deepl, deeplStructure, deeplConfigEditHTML);
  6461.         configManager_deepl.registerChoiceChange();
  6462.  
  6463.         // chatgpt配置
  6464.         const chatgptStructure = {
  6465.             '#name': createStructure('text', 'name', true),
  6466.             '#chatgpt_model': createStructure('text', 'model', false),
  6467.             '#chatgpt_key': createStructure('text', 'key', true),
  6468.             '#chatgpt_proxy': createStructure('text', 'proxy', false),
  6469.             '#chatgpt_header': createStructure('text', '_header', false, 'keyValuePairs'),
  6470.             '#chatgpt_data': createStructure('text', '_data', false, 'keyValuePairs'),
  6471.             '#chatgpt_quota_url': createStructure('text', 'quota_url', false),
  6472.             '#chatgpt_quota_header': createStructure('text', 'quota_header', false, 'keyValuePairs'),
  6473.             '#chatgpt_quota_data': createStructure('text', 'quota_data', false, 'keyValuePairs'),
  6474.             '#chatgpt_quota_surplus': createStructure('text', 'quota_surplus', false, 'dotSeparatedPath'),
  6475.             '#chatgpt_quota_method': createStructure('text', 'quota_method', false),
  6476.         };
  6477.         let tempConfig_chatgpt = GM_getValue('chatgpt_config'); // 获取配置信息
  6478.         const configManager_chatgpt = new ConfigManager('#chatgpt_config', 'chatgpt_config_', tempConfig_chatgpt, chatgptStructure, chatgptConfigEditHTML);
  6479.         configManager_chatgpt.registerChoiceChange();
  6480.  
  6481.         // Complet配置
  6482.         const CompletStructure = {
  6483.             '#name': createStructure('text', 'name', true),
  6484.             '#complet_isChoose': createStructure('checkbox', 'isChoose', true),
  6485.             '#complet_genre': createStructure('text', 'genre', true),
  6486.             '#complet_language': createStructure('text', 'language', true),
  6487.             '#complet_jsonUrl': createStructure('text', 'jsonUrl', true)
  6488.         };
  6489.         let tempConfig_Complet = GM_getValue('Complet_config'); // 获取配置信息
  6490.         const configManager_complet = new ConfigManager('#Complet_config', 'complet_config_', tempConfig_Complet, CompletStructure, CompletConfigEditHTML, false);
  6491.  
  6492.         // 状态更新
  6493.         $("input[name='darkMode'][value='" + OJBetter.basic.darkMode + "']").prop("checked", true);
  6494.         $("#showLoading").prop("checked", GM_getValue("showLoading") === true);
  6495.         $("#expandFoldingblocks").prop("checked", GM_getValue("expandFoldingblocks") === true);
  6496.         $("#renderPerfOpt").prop("checked", GM_getValue("renderPerfOpt") === true);
  6497.         $("#selectElementPerfOpt").prop("checked", GM_getValue("selectElementPerfOpt") === true);
  6498.         $("#commentPaging").prop("checked", GM_getValue("commentPaging") === true);
  6499.         $("#standingsRecolor").prop("checked", GM_getValue("standingsRecolor") === true);
  6500.         $("#showJumpToLuogu").prop("checked", GM_getValue("showJumpToLuogu") === true);
  6501.         $("#showCF2vjudge").prop("checked", GM_getValue("showCF2vjudge") === true);
  6502.         $("#hoverTargetAreaDisplay").prop("checked", GM_getValue("hoverTargetAreaDisplay") === true);
  6503.         $("#showClistRating_contest").prop("checked", GM_getValue("showClistRating_contest") === true);
  6504.         $("#showClistRating_problemset").prop("checked", GM_getValue("showClistRating_problemset") === true);
  6505.         $("#showClistRating_problem").prop("checked", GM_getValue("showClistRating_problem") === true);
  6506.         $("#RatingHidden").prop("checked", GM_getValue("RatingHidden") === true);
  6507.         $('#scriptL10nLanguage').val(GM_getValue("scriptL10nLanguage"));
  6508.         $('#localizationLanguage').val(GM_getValue("localizationLanguage"));
  6509.         $("input[name='translation'][value='" + OJBetter.translation.choice + "']").prop("checked", true);
  6510.         $("input[name='translation']").css("color", "gray");
  6511.         $('#deepl_type').val(GM_getValue("deepl_type"));
  6512.         $("#deepl_config_config_bar_ul").find(`input[name='deepl_config_config_item'][value='${tempConfig_deepl.choice}']`).prop("checked", true);
  6513.         $('#enableEmphasisProtection').prop("checked", GM_getValue("enableEmphasisProtection") === true);
  6514.         $('#enableLinkProtection').prop("checked", GM_getValue("enableLinkProtection") === true);
  6515.         $("#chatgpt_config_config_bar_ul").find(`input[name='chatgpt_config_config_item'][value='${tempConfig_chatgpt.choice}']`).prop("checked", true);
  6516.         $("#openai_isStream").prop("checked", GM_getValue("openai_isStream") === true);
  6517.         $('#comment_translation_choice').val(GM_getValue("commentTranslationChoice"));
  6518.         $('#iconButtonSize').val(GM_getValue("iconButtonSize"));
  6519.         $("#autoTranslation").prop("checked", GM_getValue("autoTranslation") === true);
  6520.         $('#shortTextLength').val(GM_getValue("shortTextLength"));
  6521.         $("#allowMixTrans").prop("checked", GM_getValue("allowMixTrans") === true);
  6522.         $('.OJBetter_checkboxs').find('input[type="checkbox"][name="mixedTranslation"]').each(function () {
  6523.             if (OJBetter.translation.auto.mixTrans.servers.indexOf($(this).val()) > -1) {
  6524.                 $(this).prop('checked', true);
  6525.             }
  6526.         });
  6527.         // 翻译目标语言下拉框
  6528.         $('#transTargetLang').change(function () {
  6529.             var selectedLang = $(this).val();
  6530.             updateRadioButtonsAvailability('#translationServices', selectedLang);
  6531.             updateSelectOptionsAvailability('#comment_translation_choice', selectedLang);
  6532.             updateCheckboxesAvailability('.OJBetter_checkboxs', selectedLang);
  6533.         });
  6534.         $('#transTargetLang').val(GM_getValue("transTargetLang"));
  6535.         $('#transTargetLang').change();
  6536.         // 
  6537.         $('#comment_translation_mode').val(GM_getValue("commentTranslationMode"));
  6538.         $("#memoryTranslateHistory").prop("checked", GM_getValue("memoryTranslateHistory") === true);
  6539.         $('#transWaitTime').val(GM_getValue("transWaitTime"));
  6540.         $('#translation_replaceSymbol').val(GM_getValue("replaceSymbol"));
  6541.         $("#filterTextWithoutEmphasis").prop("checked", GM_getValue("filterTextWithoutEmphasis") === true);
  6542.         $('#translation_retransAction').val(GM_getValue("retransAction"));
  6543.         $("#clist_Authorization").val(GM_getValue("clist_Authorization"));
  6544.         $("#problemPageCodeEditor").prop("checked", GM_getValue("problemPageCodeEditor") === true);
  6545.         $("#beautifyPreBlocks").prop("checked", GM_getValue("beautifyPreBlocks") === true);
  6546.         $("#isCodeSubmitConfirm").prop("checked", GM_getValue("isCodeSubmitConfirm") === true);
  6547.         $("#alwaysConsumeMouseWheel").prop("checked", GM_getValue("alwaysConsumeMouseWheel") === true);
  6548.         $("#submitButtonPosition").val(GM_getValue("submitButtonPosition"));
  6549.         $("#cppCodeTemplateComplete").prop("checked", GM_getValue("cppCodeTemplateComplete") === true);
  6550.         $("#useLSP").prop("checked", GM_getValue("useLSP") === true);
  6551.         $("#OJBetter_Bridge_WorkUri").val(GM_getValue("OJBetter_Bridge_WorkUri"));
  6552.         $("#OJBetter_Bridge_SocketUrl").val(GM_getValue("OJBetter_Bridge_SocketUrl"));
  6553.         $("input[name='compiler'][value='" + OJBetter.monaco.onlineCompilerChoice + "']").prop("checked", true);
  6554.         $("input[name='compiler']").css("color", "gray");
  6555.         // 调试
  6556.         $("#notWaiteLoaded").prop("checked", GM_getValue("notWaiteLoaded") === true);
  6557.         $('#l10n_refreshScrpitCacheButton').click(clearI18nextCache);
  6558.         $('#l10n_web_refreshScrpitCacheButton').click(clearWebsiteL10nData);
  6559.         $("#isRuleMarkingEnabled").prop("checked", GM_getValue("isRuleMarkingEnabled") === true);
  6560.         $('#indexedDB_clearButton').click(async () => { await clearDatabase(); });
  6561.         $('#indexedDB_exportButton').click(async () => { downloadDataAsFile(await exportDatabase(), 'database_export.json') });
  6562.         $('#indexedDB_importButton').click(() => { readFileInput(async (fileContent) => { await importDatabase(fileContent); }); });
  6563.         $('#configuration_clearButton').click(deleteAllConfigSettings);
  6564.         $('#configuration_exportButton').click(() => { downloadDataAsFile(exportSettingsToJSON(), 'configuration_export.json') });
  6565.         $('#configuration_importButton').click(() => { readFileInput((fileContent) => { importSettingsFromJSON(fileContent); }) });
  6566.         // 关于
  6567.         $('#updateChannel').val(GM_getValue("updateChannel"));
  6568.         $('#updateSource').val(GM_getValue("updateSource"));
  6569.         $('#updateChannel').change(function () {
  6570.             var selectedLang = $(this).val();
  6571.             updateUpdateSourceSelectOptionsAvailability('#updateSource', selectedLang);
  6572.             if (selectedLang == "dev") $('#thanksforDevChannelNotice').show();
  6573.             else $('#thanksforDevChannelNotice').hide();
  6574.         });
  6575.         $('#updateChannel').change();
  6576.  
  6577.         // 关闭
  6578.         const $settingMenu = $(".OJBetter_setting_menu");
  6579.         $settingMenu.on("click", ".btn-close", async () => {
  6580.             // 设置的数据
  6581.             const settings = {
  6582.                 darkMode: $("input[name='darkMode']:checked").val(),
  6583.                 showLoading: $("#showLoading").prop("checked"),
  6584.                 hoverTargetAreaDisplay: $("#hoverTargetAreaDisplay").prop("checked"),
  6585.                 expandFoldingblocks: $("#expandFoldingblocks").prop("checked"),
  6586.                 renderPerfOpt: $("#renderPerfOpt").prop("checked"),
  6587.                 selectElementPerfOpt: $("#selectElementPerfOpt").prop("checked"),
  6588.                 commentPaging: $("#commentPaging").prop("checked"),
  6589.                 standingsRecolor: $("#standingsRecolor").prop("checked"),
  6590.                 showJumpToLuogu: $("#showJumpToLuogu").prop("checked"),
  6591.                 showCF2vjudge: $("#showCF2vjudge").prop("checked"),
  6592.                 scriptL10nLanguage: $('#scriptL10nLanguage').val(),
  6593.                 localizationLanguage: $('#localizationLanguage').val(),
  6594.                 transTargetLang: $('#transTargetLang').val(),
  6595.                 translation: $("input[name='translation']:checked").val(),
  6596.                 deepl_type: $('#deepl_type').val(),
  6597.                 enableEmphasisProtection: $("#enableEmphasisProtection").prop("checked"),
  6598.                 enableLinkProtection: $("#enableLinkProtection").prop("checked"),
  6599.                 openai_isStream: $("#openai_isStream").prop("checked"),
  6600.                 commentTranslationChoice: $('#comment_translation_choice').val(),
  6601.                 iconButtonSize: $('#iconButtonSize').val(),
  6602.                 autoTranslation: $("#autoTranslation").prop("checked"),
  6603.                 shortTextLength: $('#shortTextLength').val(),
  6604.                 allowMixTrans: $("#allowMixTrans").prop("checked"),
  6605.                 mixedTranslation: (() => {
  6606.                     let mixedTranslation = [];
  6607.                     $('.OJBetter_checkboxs').find('input[type="checkbox"][name="mixedTranslation"]').each(function () {
  6608.                         if ($(this).is(":checked")) {
  6609.                             mixedTranslation.push($(this).val());
  6610.                         }
  6611.                     });
  6612.                     return mixedTranslation;
  6613.                 })(),
  6614.                 commentTranslationMode: $('#comment_translation_mode').val(),
  6615.                 memoryTranslateHistory: $('#memoryTranslateHistory').prop("checked"),
  6616.                 transWaitTime: $('#transWaitTime').val(),
  6617.                 replaceSymbol: $('#translation_replaceSymbol').val(),
  6618.                 filterTextWithoutEmphasis: $('#filterTextWithoutEmphasis').prop("checked"),
  6619.                 retransAction: $('#translation_retransAction').val(),
  6620.                 showClistRating_contest: $('#showClistRating_contest').prop("checked"),
  6621.                 showClistRating_problemset: $('#showClistRating_problemset').prop("checked"),
  6622.                 showClistRating_problem: $('#showClistRating_problem').prop("checked"),
  6623.                 RatingHidden: $('#RatingHidden').prop("checked"),
  6624.                 clist_Authorization: $('#clist_Authorization').val(),
  6625.                 problemPageCodeEditor: $("#problemPageCodeEditor").prop("checked"),
  6626.                 beautifyPreBlocks: $("#beautifyPreBlocks").prop("checked"),
  6627.                 isCodeSubmitConfirm: $("#isCodeSubmitConfirm").prop("checked"),
  6628.                 alwaysConsumeMouseWheel: $("#alwaysConsumeMouseWheel").prop("checked"),
  6629.                 submitButtonPosition: $('#submitButtonPosition').val(),
  6630.                 cppCodeTemplateComplete: $("#cppCodeTemplateComplete").prop("checked"),
  6631.                 useLSP: $("#useLSP").prop("checked"),
  6632.                 OJBetter_Bridge_WorkUri: $('#OJBetter_Bridge_WorkUri').val().replace(/\\/g, '/').replace(/\/$/, ''),
  6633.                 OJBetter_Bridge_SocketUrl: $('#OJBetter_Bridge_SocketUrl').val(),
  6634.                 onlineCompilerChoice: $("input[name='compiler']:checked").val(),
  6635.                 notWaiteLoaded: $("#notWaiteLoaded").prop("checked"),
  6636.                 isRuleMarkingEnabled: $("#isRuleMarkingEnabled").prop("checked"),
  6637.                 updateChannel: $('#updateChannel').val(),
  6638.                 updateSource: $('#updateSource').val()
  6639.             };
  6640.             // tempConfigs的数据
  6641.             const tempConfigs = {
  6642.                 'deepl_config': configManager_deepl.getTempConfig(),
  6643.                 'chatgpt_config': configManager_chatgpt.getTempConfig(),
  6644.                 'Complet_config': configManager_complet.getTempConfig()
  6645.             }
  6646.  
  6647.             // 判断是否改变
  6648.             let changes = {};
  6649.             const combinedConfigs = Object.assign({}, settings, tempConfigs); // 合并settings和tempConfigs对象
  6650.             for (const [key, value] of Object.entries(combinedConfigs)) {
  6651.                 const storedValue = GM_getValue(key);
  6652.                 if (!OJB_deepEquals(value, storedValue)) {
  6653.                     changes[key] = { oldValue: storedValue, newValue: value };
  6654.                 }
  6655.             }
  6656.  
  6657.             // 如果changes对象不为空，则有变化
  6658.             if (Object.keys(changes).length > 0) {
  6659.                 console.log("Changes detected:", changes);
  6660.                 const shouldSave = await OJB_createDialog(
  6661.                     i18next.t('saveSetting.title', { ns: 'dialog' }),
  6662.                     i18next.t('saveSetting.content', { ns: 'dialog' }),
  6663.                     [
  6664.                         i18next.t('saveSetting.buttons.0', { ns: 'dialog' }),
  6665.                         i18next.t('saveSetting.buttons.1', { ns: 'dialog' })
  6666.                     ]
  6667.                 ); // 配置改变保存确认
  6668.                 if (shouldSave) {
  6669.                     // 数据校验
  6670.                     // TODO
  6671.                     if (settings.deepl_type !== 'free') {
  6672.                         let selectedIndex = $('input[name="deepl_config_config_item"]:checked').length > 0;
  6673.                         if (!selectedIndex) {
  6674.                             $('.deepl_config a').removeClass('active');
  6675.                             $('.settings-page').removeClass('active');
  6676.                             $('#sidebar-translation-settings').addClass('active');
  6677.                             $('#translation-settings').addClass('active');
  6678.  
  6679.                             $('#deepl_config').addClass('missing');
  6680.                             return;
  6681.                         } else {
  6682.                             $('#deepl_config').removeClass('missing');
  6683.                         }
  6684.                     }
  6685.                     if (settings.translation === "openai") {
  6686.                         let selectedIndex = $('input[name="chatgpt_config_config_item"]:checked').length > 0;
  6687.                         if (!selectedIndex) {
  6688.                             $('.chatgpt_config a').removeClass('active');
  6689.                             $('.settings-page').removeClass('active');
  6690.                             $('#sidebar-translation-settings').addClass('active');
  6691.                             $('#translation-settings').addClass('active');
  6692.  
  6693.                             $('#chatgpt_config').addClass('missing');
  6694.                             return;
  6695.                         } else {
  6696.                             $('#chatgpt_config').removeClass('missing');
  6697.                         }
  6698.                     }
  6699.                     {
  6700.                         let selectedIndex = $('input[name="translation"]:checked').length > 0;
  6701.                         if (!selectedIndex) {
  6702.                             $('.OJBetter_setting_sidebar a').removeClass('active');
  6703.                             $('.settings-page').removeClass('active');
  6704.                             $('#sidebar-translation-settings').addClass('active');
  6705.                             $('#translation-settings').addClass('active');
  6706.  
  6707.                             $('#translationServices').addClass('missing');
  6708.                             return;
  6709.                         } else {
  6710.                             $('#translationServices').removeClass('missing');
  6711.                         }
  6712.                     }
  6713.  
  6714.                     // 保存数据
  6715.                     let refreshPage = false; // 是否需要刷新页面
  6716.                     for (const [key, value] of Object.entries(settings)) {
  6717.                         if (!refreshPage && !(key == 'translation' || key == 'darkMode' || key == 'commentTranslationChoice')) {
  6718.                             if (GM_getValue(key) != value) refreshPage = true;
  6719.                         }
  6720.                         GM_setValue(key, value);
  6721.                     }
  6722.                     for (const [key, value] of Object.entries(tempConfigs)) {
  6723.                         if (!refreshPage && (JSON.stringify(GM_getValue(key)) != JSON.stringify(value))) refreshPage = true;
  6724.                         GM_setValue(key, value);
  6725.                     }
  6726.  
  6727.                     if (refreshPage) location.reload();
  6728.                     else {
  6729.                         // 切换黑暗模式
  6730.                         if (OJBetter.basic.darkMode != settings.darkMode) {
  6731.                             OJBetter.basic.darkMode = settings.darkMode;
  6732.                             // 移除旧的事件监听器
  6733.                             changeEventListeners.forEach(listener => {
  6734.                                 mediaQueryList.removeEventListener('change', listener);
  6735.                             });
  6736.  
  6737.                             if (OJBetter.basic.darkMode == "follow") {
  6738.                                 changeEventListeners.push(handleColorSchemeChange);
  6739.                                 mediaQueryList.addEventListener('change', handleColorSchemeChange);
  6740.                                 $('html').removeAttr('data-theme');
  6741.                             } else if (OJBetter.basic.darkMode == "dark") {
  6742.                                 $('html').attr('data-theme', 'dark');
  6743.                                 if (OJBetter.monaco.editor) {
  6744.                                     monaco.editor.setTheme('vs-dark');
  6745.                                 }
  6746.                             } else {
  6747.                                 $('html').attr('data-theme', 'light');
  6748.                                 if (OJBetter.monaco.editor) {
  6749.                                     monaco.editor.setTheme('vs');
  6750.                                 }
  6751.                                 // 移除旧的事件监听器
  6752.                                 const mediaQueryList = window.matchMedia('(prefers-color-scheme: dark)');
  6753.                                 window.matchMedia('(prefers-color-scheme: dark)');
  6754.                             }
  6755.                         }
  6756.                         // 更新配置信息
  6757.                         OJBetter.translation.choice = settings.translation;
  6758.                         OJBetter.translation.comment.choice = settings.commentTranslationChoice;
  6759.                     }
  6760.                 }
  6761.             }
  6762.             OJB_closeAndRemoveModal(settingMenu);
  6763.             $settingBtns.prop("disabled", false).removeClass("open");
  6764.         });
  6765.     });
  6766. };
  6767.  
  6768. /**
  6769.  * 初始化html2markdown转换器
  6770.  */
  6771. async function initHTML2MarkDown() {
  6772.     OJBetter.common.turndownService = new TurndownService({ bulletListMarker: '-' });
  6773.  
  6774.     // 保留原始
  6775.     OJBetter.common.turndownService.keep(['del']);
  6776.  
  6777.     OJBetter.common.turndownService.addRule('removeByClass', {
  6778.         filter: function (node) {
  6779.             return node.classList.contains('html2md-panel') ||
  6780.                 node.classList.contains('div-btn-copy') ||
  6781.                 node.classList.contains('btn-copy') ||
  6782.                 node.classList.contains('overlay') ||
  6783.                 node.classList.contains('monaco-editor')
  6784.         },
  6785.         replacement: function () {
  6786.             return '';
  6787.         }
  6788.     });
  6789.  
  6790.     // inline math
  6791.     OJBetter.common.turndownService.addRule('inline-math', {
  6792.         filter: function (node, options) {
  6793.             return node.tagName.toLowerCase() == "span" && node.className == "katex";
  6794.         },
  6795.         replacement: function (content, node) {
  6796.             var latex = $(node).find('annotation').text();
  6797.             latex = latex.replace(/</g, "&lt;").replace(/>/g, "&gt;");
  6798.             return "$" + latex + "$";
  6799.         }
  6800.     });
  6801.  
  6802.     // block math
  6803.     OJBetter.common.turndownService.addRule('block-math', {
  6804.         filter: function (node, options) {
  6805.             return node.tagName.toLowerCase() == "span" && node.className == "katex-display";
  6806.         },
  6807.         replacement: function (content, node) {
  6808.             var latex = $(node).find('annotation').text();
  6809.             latex = latex.replace(/</g, "&lt;").replace(/>/g, "&gt;");
  6810.             return "\n$$\n" + latex + "\n$$\n";
  6811.         }
  6812.     });
  6813.  
  6814.     // pre
  6815.     OJBetter.common.turndownService.addRule('pre', {
  6816.         filter: function (node, options) {
  6817.             return node.tagName.toLowerCase() == "pre";
  6818.         },
  6819.         replacement: function (content, node) {
  6820.             if (!node.classList.contains('source-code-for-copy') && !node.classList.contains('prettyprint')) {
  6821.                 return "```\n" + content + "```\n";
  6822.             } else {
  6823.                 return "";
  6824.             }
  6825.         }
  6826.     });
  6827.  
  6828.     // bordertable
  6829.     OJBetter.common.turndownService.addRule('bordertable', {
  6830.         filter: 'table',
  6831.         replacement: function (content, node) {
  6832.             if (node.classList.contains('table')) {
  6833.                 var output = [],
  6834.                     thead = '',
  6835.                     trs = node.querySelectorAll('tr');
  6836.                 if (trs.length > 0) {
  6837.                     var ths = trs[0].querySelectorAll('th, td');
  6838.                     if (ths.length > 0) {
  6839.                         thead = '| ' + Array.from(ths).map(th => OJBetter.common.turndownService.turndown(th.innerHTML.trim())).join(' | ') + ' |\n'
  6840.                         thead += '| ' + Array.from(ths).map(() => ' --- ').join('|') + ' |\n';
  6841.                     }
  6842.                 }
  6843.                 var rows = node.querySelectorAll('tr');
  6844.                 Array.from(rows).forEach(function (row, i) {
  6845.                     if (i > 0) {
  6846.                         var cells = row.querySelectorAll('td,th');
  6847.                         var trow = '| ' + Array.from(cells).map(cell => OJBetter.common.turndownService.turndown(cell.innerHTML.trim())).join(' | ') + ' |';
  6848.                         output.push(trow);
  6849.                     }
  6850.                 });
  6851.                 return thead + output.join('\n');
  6852.             } else {
  6853.                 return content;
  6854.             }
  6855.         }
  6856.     });
  6857. };
  6858.  
  6859. /**
  6860.  * 任务队列
  6861.  */
  6862. class TaskQueue {
  6863.     constructor() {
  6864.         this.taskQueues = {};
  6865.         this.isProcessing = {}; // 处理状态
  6866.         this.delays = {}; // 等待时间（毫秒）
  6867.     }
  6868.  
  6869.     getDelay(type) {
  6870.         if (type === 'openai') {
  6871.             return 0;
  6872.         } else {
  6873.             return OJBetter.translation.waitTime;
  6874.         }
  6875.     }
  6876.  
  6877.     /**
  6878.      * 添加任务
  6879.      * @param {string} type 任务类型
  6880.      * @param {function} fn 任务函数
  6881.      * @param {boolean} isNonQueueTask 是否为非队列任务
  6882.      */
  6883.     addTask(type, fn, isNonQueueTask = false) {
  6884.         if (!this.taskQueues[type]) {
  6885.             this.taskQueues[type] = [];
  6886.         }
  6887.  
  6888.         if (isNonQueueTask) {
  6889.             fn();
  6890.         } else {
  6891.             this.taskQueues[type].push(fn);
  6892.  
  6893.             if (!this.isProcessing[type]) {
  6894.                 this.processQueue(type);
  6895.             }
  6896.         }
  6897.     }
  6898.  
  6899.     async processQueue(type) {
  6900.         this.isProcessing[type] = true;
  6901.  
  6902.         while (this.taskQueues[type].length > 0) {
  6903.             const task = this.taskQueues[type].shift();
  6904.             await task();
  6905.  
  6906.             if (this.taskQueues[type].length > 0) {
  6907.                 await this.wait(this.getDelay(type));
  6908.             }
  6909.         }
  6910.  
  6911.         this.isProcessing[type] = false;
  6912.     }
  6913.  
  6914.     wait(delay) {
  6915.         return new Promise(resolve => {
  6916.             setTimeout(resolve, delay);
  6917.         });
  6918.     }
  6919. }
  6920.  
  6921. /**
  6922.  * 检测文本是否可能为代码片段
  6923.  * @param {string} text 待检测的文本
  6924.  * @returns {boolean} 是否可能为代码片段
  6925.  */
  6926. /**
  6927.  * 检测为空文本
  6928.  * @param {string} text 待检测的文本
  6929.  * @returns {boolean} 是否为空文本
  6930.  */
  6931. const isEmptyText = text => text.trim() === '';
  6932.  
  6933. /**
  6934.  * 加载按钮相关函数
  6935.  */
  6936. async function initButtonFunc() {
  6937.     // 鼠标悬浮时为目标元素区域添加一个覆盖层
  6938.     $.fn.addHoverOverlay = function (target) {
  6939.         let position = $(target).css('position');
  6940.         let display = $(target).css('display');
  6941.  
  6942.         this.hover(() => {
  6943.             $(target)
  6944.                 .addClass('overlay')
  6945.                 .css('position', 'relative');
  6946.             if (display == "inline" || display == "contents") {
  6947.                 $(target).css('display', 'block');
  6948.             }
  6949.         }, () => {
  6950.             $(target)
  6951.                 .removeClass('overlay')
  6952.                 .css('position', position);
  6953.             if (display == "inline" || display == "contents") {
  6954.                 $(target).css('display', display);
  6955.             }
  6956.         })
  6957.     }
  6958.  
  6959.     /**
  6960.      * 为按钮设置图标
  6961.      * @param {string} icon 图标
  6962.      * @returns {JQuery<HTMLElement>} 按钮
  6963.      */
  6964.     $.fn.setButtonIcon = function (icon) {
  6965.         let i = this.find("i");
  6966.         if (i.length != 0 && i.hasClass("iconfont")) {
  6967.             i.html(icon);
  6968.         } else {
  6969.             i = OJB_safeCreateJQElement(`<i>${icon}</i>`);
  6970.             this.prepend(i);
  6971.         }
  6972.         return this;
  6973.     }
  6974.  
  6975.     /** 
  6976.      * 设置按钮为加载等待状态
  6977.      */
  6978.     $.fn.setButtonLoading = function () {
  6979.         this.addClass("loading");
  6980.         this.prop("disabled", true);
  6981.         return this;
  6982.     }
  6983.  
  6984.     /**
  6985.      * 解除按钮的加载等待状态
  6986.      */
  6987.     $.fn.setButtonLoaded = function () {
  6988.         this.removeClass("loading");
  6989.         this.prop("disabled", false);
  6990.         return this;
  6991.     }
  6992.  
  6993.     /**
  6994.      * 为按钮设置popover提示文本
  6995.      * @param {string} text 文本
  6996.      * @returns {JQuery<HTMLElement>} 按钮
  6997.      */
  6998.     $.fn.setButtonPopover = function (text) {
  6999.         // find if has popover_content class element
  7000.         let popover_content = this.find(".popover_content");
  7001.         if (popover_content.length != 0) {
  7002.             popover_content.text(text);
  7003.         } else {
  7004.             popover_content = OJB_safeCreateJQElement(`<span class="popover_content">${text}</span>`);
  7005.             this.append(popover_content);
  7006.         }
  7007.         return this;
  7008.     }
  7009.  
  7010.     /**
  7011.      * 获取MarkDown
  7012.      * @returns {string} MarkDown
  7013.      */
  7014.     $.fn.getMarkdown = function () {
  7015.         const markdown = this.data('markdown');
  7016.         if (markdown === undefined) {
  7017.             const htmlContent = this.html();
  7018.             const newMarkdown = OJBetter.common.turndownService.turndown(htmlContent);
  7019.             this.data('markdown', newMarkdown);
  7020.             return newMarkdown;
  7021.         }
  7022.         return markdown;
  7023.     }
  7024.  
  7025.     // 设置按钮状态
  7026.     $.fn.setButtonState = function (state, popoverText = null, disabled = false) {
  7027.         this.data('buttonState', state)
  7028.             .prop('disabled', disabled)
  7029.             .css('cursor', disabled ? 'not-allowed' : 'pointer')
  7030.             .removeClass('running success enabled error loading redo');
  7031.         if (popoverText) this.setButtonPopover(popoverText);
  7032.  
  7033.         if (state !== 'initial') this.addClass(state);
  7034.         return this;
  7035.     };
  7036.  
  7037.     // 为按钮添加鼠标悬浮重试
  7038.     $.fn.setHoverRedo = function () {
  7039.         this.hover(() => {
  7040.             prevState = this.getButtonState();
  7041.             if (prevState !== "normal" && prevState !== "running") {
  7042.                 this.setButtonState('redo');
  7043.             }
  7044.         }, () => {
  7045.             const currentState = this.getButtonState();
  7046.             if (prevState !== "normal" && ["normal", "redo"].includes(currentState)) {
  7047.                 this.setButtonState(prevState);
  7048.                 prevState = null;
  7049.             }
  7050.         });
  7051.     };
  7052.  
  7053.     // 获取按钮状态
  7054.     $.fn.getButtonState = function () {
  7055.         return this.data('buttonState') || 'normal';
  7056.     };
  7057.  
  7058.     // 设置翻译按钮状态
  7059.     $.fn.setTransButtonState = function (state, text = null) {
  7060.         const popoverText = text || i18next.t(`trans.${state}`, { ns: 'button' });
  7061.         const disabled = state === 'running' || state === 'loading';
  7062.         this.setButtonState(state, popoverText, disabled);
  7063.         return this;
  7064.     };
  7065.  
  7066.     // 存翻译结果
  7067.     $.fn.pushResultToTransButton = function (result) {
  7068.         let resultStack = this.data('resultStack');
  7069.         if (!resultStack) resultStack = [];
  7070.         resultStack.push(result);
  7071.         this.data('resultStack', resultStack);
  7072.     }
  7073.  
  7074.     // 获取翻译结果
  7075.     $.fn.getResultFromTransButton = function () {
  7076.         return this.data('resultStack');
  7077.     }
  7078.  
  7079.     // 标记为不自动翻译
  7080.     $.fn.setNotAutoTranslate = function () {
  7081.         this.data('notAutoTranslate', true);
  7082.     }
  7083.  
  7084.     // 获取是否为不自动翻译
  7085.     $.fn.getNotAutoTranslate = function () {
  7086.         return this.data('notAutoTranslate');
  7087.     }
  7088.  
  7089.     // 判断是否已经翻译
  7090.     $.fn.IsTranslated = function () {
  7091.         if (this.hasAttr('translated')) {
  7092.             return true;
  7093.         } else {
  7094.             return false;
  7095.         }
  7096.     }
  7097.  
  7098.     // 判断是否为评论区按钮
  7099.     $.fn.IsCommentButton = function () {
  7100.         let isCommentButton = this.data('isCommentButton');
  7101.         if (isCommentButton == undefined) {
  7102.             this.parents('.comments').length > 0 ? isCommentButton = true : isCommentButton = false;
  7103.             this.data('isCommentButton', isCommentButton);
  7104.         }
  7105.         return isCommentButton;
  7106.     }
  7107.  
  7108.     // 按钮点击效果
  7109.     $(document).on('mousedown', '.ojb_btn', function () {
  7110.         $(this).addClass('active').on('animationend', () => $(this).removeClass('active'));
  7111.     });
  7112. }
  7113.  
  7114. /**
  7115.  * 添加题目markdown转换/复制/翻译按钮面板
  7116.  * @param {HTMLElement} element 需要添加按钮面板的元素
  7117.  * @param {string} suffix 按钮面板id后缀
  7118.  * @param {string} type 按钮面板添加位置
  7119.  * @param {boolean} is_simple 是否是简单模式
  7120.  * @returns {object} 返回按钮面板元素
  7121.  */
  7122. function addButtonPanel(element, suffix, type, is_simple = false) {
  7123.     let text;
  7124.     if (OJBetter.translation.comment.transMode == "1") text = i18next.t('trans.segment', { ns: 'button' });
  7125.     else if (OJBetter.translation.comment.transMode == "2") text = i18next.t('trans.select', { ns: 'button' });
  7126.     else text = i18next.t('trans.normal', { ns: 'button' });
  7127.  
  7128.     let panel = OJB_safeCreateJQElement(`<div class='html2md-panel input-output-copier ${is_simple ? 'is_simple' : ''}'></div>`);
  7129.     let viewButton = OJB_safeCreateJQElement(`
  7130.         <button class='ojb_btn ojb_btn_popover top' id='html2md-view${suffix}'>
  7131.             <i class="iconfont">&#xe7e5;</i>
  7132.             <span class="popover_content">${i18next.t('md.normal', { ns: 'button' })}</span>
  7133.         </button>`);
  7134.     let copyButton = OJB_safeCreateJQElement(`
  7135.         <button class='ojb_btn ojb_btn_popover top' id='html2md-cb${suffix}'>
  7136.             <i class="iconfont">&#xe608;</i>
  7137.             <span class="popover_content">${i18next.t('copy.normal', { ns: 'button' })}</span>
  7138.         </button>`);
  7139.     let translateButton = OJB_safeCreateJQElement(`
  7140.         <button class='ojb_btn translateButton ojb_btn_popover top' id='translateButton${suffix}'>
  7141.             <i class="iconfont">&#xe6be;</i>
  7142.             <span class="popover_content">${text}</span>
  7143.         </button>`);
  7144.     if (!is_simple) panel.append(viewButton);
  7145.     if (!is_simple) panel.append(copyButton);
  7146.     panel.append(translateButton);
  7147.     if (type === "this_level") {
  7148.         $(element).before(panel);
  7149.     } else if (type === "child_level") {
  7150.         $(element).prepend(panel);
  7151.     }
  7152.  
  7153.     return {
  7154.         panel: panel,
  7155.         viewButton: viewButton,
  7156.         copyButton: copyButton,
  7157.         translateButton: translateButton
  7158.     }
  7159. }
  7160.  
  7161. /**
  7162.  * 添加MD视图按钮
  7163.  * @param {JQuery<HTMLElement>} button 按钮
  7164.  * @param {JQuery<HTMLElement>} element 目标元素
  7165.  * @param {string} suffix id后缀
  7166.  * @param {string} type 类型
  7167.  * @returns {void}
  7168.  */
  7169. async function addButtonWithHTML2MD(button, element, suffix, type) {
  7170.     /**
  7171.      * 改变按钮状态
  7172.      * @param {string} state 状态
  7173.      */
  7174.     function changeButtonState(state) {
  7175.         if (state == "loading") {
  7176.             button.setButtonLoading();
  7177.             button.setButtonPopover(i18next.t('state.waitMathJax', { ns: 'button' }));
  7178.         } else if (state == "loaded") {
  7179.             button.setButtonLoaded();
  7180.             button.setButtonPopover(i18next.t('md.normal', { ns: 'button' }));
  7181.         } else if (state == "normal") {
  7182.             button.removeClass("enabled");
  7183.             button.setButtonPopover(i18next.t('md.normal', { ns: 'button' }));
  7184.         } else if (state == "mdView") {
  7185.             button.addClass("enabled");
  7186.             button.setButtonPopover(i18next.t('md.reduction', { ns: 'button' }));
  7187.         } else if (state == "disabled") {
  7188.             button.prop("disabled", true);
  7189.             button.setButtonPopover(i18next.t('md.disabled', { ns: 'button' }));
  7190.         }
  7191.     }
  7192.  
  7193.     if (OJBetter.typeOfPage.is_oldLatex || OJBetter.typeOfPage.is_acmsguru) {
  7194.         changeButtonState("disabled");
  7195.         return;
  7196.     } else {
  7197.         changeButtonState("loading");
  7198.         await waitForMathJaxIdle();
  7199.         changeButtonState("loaded");
  7200.     }
  7201.  
  7202.     button.click(OJB_debounce(function () {
  7203.         var target = $(element).get(0);
  7204.  
  7205.         /**
  7206.          * 检查是否是MarkDown视图 
  7207.          * @returns {boolean} 是否是MarkDown视图
  7208.          */
  7209.         function checkViewmd() {
  7210.             if ($(element).attr("viewmd") === "true") {
  7211.                 return true;
  7212.             } else {
  7213.                 return false;
  7214.             }
  7215.         }
  7216.  
  7217.         /**
  7218.          * 设置是否是MarkDown视图
  7219.          * @param {boolean} value 是否是MarkDown视图
  7220.          * @returns {void}
  7221.          */
  7222.         function setViewmd(value) {
  7223.             $(element).attr("viewmd", value);
  7224.             if (value) {
  7225.                 changeButtonState("mdView");
  7226.             } else {
  7227.                 changeButtonState("normal");
  7228.             }
  7229.         }
  7230.  
  7231.         if (checkViewmd()) {
  7232.             setViewmd(false);
  7233.             $(element).next(".mdViewContent").remove();
  7234.             $(element).show();
  7235.         } else {
  7236.             setViewmd(true);
  7237.             var markdown = $(element).getMarkdown();
  7238.             var mdViewContent = OJB_safeCreateJQElement(`<span class="mdViewContent" style="width:auto; height:auto;">${markdown}</span>`);
  7239.             $(element).after(mdViewContent);
  7240.             $(element).hide();
  7241.         }
  7242.     }));
  7243.  
  7244.     if (OJBetter.preference.hoverTargetAreaDisplay && !OJBetter.typeOfPage.is_oldLatex && !OJBetter.typeOfPage.is_acmsguru) {
  7245.         button.addHoverOverlay($(element));
  7246.     }
  7247. }
  7248.  
  7249. /**
  7250.  * 添加复制按钮
  7251.  * @param {JQuery<HTMLElement>} button 按钮
  7252.  * @param {JQuery<HTMLElement>} element 目标元素
  7253.  * @param {string} suffix 后缀
  7254.  * @param {string} type 类型
  7255.  */
  7256. async function addButtonWithCopy(button, element, suffix, type) {
  7257.     /**
  7258.      * 改变按钮状态
  7259.      * @param {string} state 状态
  7260.      */
  7261.     function changeButtonState(state) {
  7262.         if (state == "loading") {
  7263.             button.setButtonLoading();
  7264.             button.setButtonPopover(i18next.t('state.waitMathJax', { ns: 'button' }));
  7265.         } else if (state == "loaded") {
  7266.             button.setButtonLoaded();
  7267.             button.setButtonPopover(i18next.t('copy.normal', { ns: 'button' }));
  7268.         } else if (state == "normal") {
  7269.             button.setButtonPopover(i18next.t('copy.normal', { ns: 'button' }));
  7270.         } else if (state == "copied") {
  7271.             button.setButtonPopover(i18next.t('copy.copied', { ns: 'button' }));
  7272.         } else if (state == "disabled") {
  7273.             button.prop("disabled", true);
  7274.             button.setButtonPopover(i18next.t('copy.disabled', { ns: 'button' }));
  7275.         }
  7276.     }
  7277.  
  7278.     // 等待MathJax队列完成
  7279.     if (OJBetter.typeOfPage.is_oldLatex || OJBetter.typeOfPage.is_acmsguru) {
  7280.         changeButtonState("disabled");
  7281.         return;
  7282.     } else {
  7283.         changeButtonState("loading");
  7284.         await waitForMathJaxIdle();
  7285.         changeButtonState("loaded");
  7286.     }
  7287.  
  7288.     button.click(OJB_debounce(function () {
  7289.         var target = $(element).get(0);
  7290.  
  7291.         var markdown = $(element).getMarkdown();
  7292.  
  7293.         GM_setClipboard(markdown);
  7294.  
  7295.         $(this).addClass("success");
  7296.         changeButtonState("copied");
  7297.  
  7298.  
  7299.         // 更新复制按钮文本
  7300.         setTimeout(() => {
  7301.             $(this).removeClass("success");
  7302.             changeButtonState("normal")
  7303.         }, 2000);
  7304.     }));
  7305.  
  7306.     if (OJBetter.preference.hoverTargetAreaDisplay && !OJBetter.typeOfPage.is_oldLatex && !OJBetter.typeOfPage.is_acmsguru) {
  7307.         button.addHoverOverlay($(element));
  7308.     }
  7309. }
  7310.  
  7311. /**
  7312.  * 添加翻译按钮
  7313.  * @param {JQuery<HTMLElement>} button 按钮
  7314.  * @param {JQuery<HTMLElement>} element 目标元素
  7315.  * @param {string} suffix 后缀
  7316.  * @param {string} type 类型
  7317.  * @param {boolean} is_comment 是否是评论
  7318.  */
  7319. async function addButtonWithTranslation(button, element, suffix, type, is_comment = false) {
  7320.     /**
  7321.      * 添加可指定翻译服务的方法调用
  7322.      * @param {string} translation 翻译服务
  7323.      */
  7324.     button.data("translatedItBy", function (translation) {
  7325.         button.setTransButtonState('running', i18next.t('trans.wait', { ns: 'button' }));
  7326.         OJBetter.common.taskQueue.addTask(translation, () => transTask(button, element, type, is_comment, translation), translation == 'openai');
  7327.     });
  7328.  
  7329.     // 等待MathJax队列完成
  7330.     button.setButtonLoading();
  7331.     await waitForMathJaxIdle();
  7332.     button.setButtonLoaded();
  7333.  
  7334.     // 标记目标文本区域不自动翻译
  7335.     {
  7336.         let text;
  7337.         if (OJBetter.typeOfPage.is_oldLatex || OJBetter.typeOfPage.is_acmsguru) {
  7338.             text = $(element).html();
  7339.         } else {
  7340.             text = $(element).getMarkdown();
  7341.         }
  7342.         let length = text.length;
  7343.         if (length > OJBetter.translation.auto.shortTextLength || isEmptyText(text) || $(element).find('.spoiler').length > 0) {
  7344.             button.setNotAutoTranslate();
  7345.         }
  7346.         // button.after(`<span>${length}</span>`); // 显示字符数
  7347.     }
  7348.  
  7349.     button.click(OJB_debounce(async function () {
  7350.         // 重新翻译
  7351.         let resultStack = $(this).getResultFromTransButton();
  7352.         if (resultStack) {
  7353.             let pElements = $(element).find("p.block_selected:not(li p), li.block_selected");
  7354.             for (let item of resultStack) {
  7355.                 if (OJBetter.translation.retransAction == "0") {
  7356.                     // 选段翻译不直接移除旧结果
  7357.                     if (OJBetter.translation.comment.transMode == "2") {
  7358.                         // 只移除即将要翻译的段的结果
  7359.                         if (pElements.is(item.translateDiv.getDiv().prev())) {
  7360.                             item.translateDiv.close();
  7361.                         }
  7362.                     } else {
  7363.                         item.translateDiv.close();
  7364.                         $($(element)).find(".translate-problem-statement, .translate-problem-statement-panel").remove();
  7365.                     }
  7366.                 } else {
  7367.                     item.translateDiv.foldMainDiv();
  7368.                 }
  7369.             }
  7370.         }
  7371.  
  7372.         // 翻译
  7373.         button.setTransButtonState('running', i18next.t('trans.wait', { ns: 'button' }));
  7374.         OJBetter.common.taskQueue.addTask(OJBetter.translation.choice, () => transTask(button, element, type, is_comment), OJBetter.translation.choice == 'openai');
  7375.     }));
  7376.  
  7377.     // 重新翻译提示
  7378.     let prevState;
  7379.     button.hover(() => {
  7380.         prevState = button.getButtonState();
  7381.         if (prevState !== "normal" && prevState !== "running") {
  7382.             button.setTransButtonState('redo');
  7383.         }
  7384.     }, () => {
  7385.         const currentState = button.getButtonState();
  7386.         if (prevState !== "normal" && ["normal", "redo"].includes(currentState)) {
  7387.             button.setTransButtonState(prevState);
  7388.             prevState = null;
  7389.         }
  7390.     });
  7391.  
  7392.     // 目标区域指示
  7393.     if (OJBetter.preference.hoverTargetAreaDisplay) {
  7394.         button.addHoverOverlay($(element));
  7395.     }
  7396.  
  7397.     // 翻译右键切换菜单
  7398.     $(document).on('contextmenu', '#translateButton' + suffix, function (e) {
  7399.         e.preventDefault();
  7400.  
  7401.         // 是否为评论的翻译
  7402.         let is_comment = button.IsCommentButton();
  7403.  
  7404.         // 移除旧的
  7405.         if (!$(e.target).closest('.OJBetter_contextmenu').length) {
  7406.             $('.OJBetter_contextmenu').remove();
  7407.         }
  7408.  
  7409.         var menu = $('<div class="OJBetter_contextmenu"></div>');
  7410.         var translations = [
  7411.             { value: 'deepl', name: i18next.t('translation.options.services.deepl', { ns: 'settings' }) },
  7412.             { value: 'iflyrec', name: i18next.t('translation.options.services.iflyrec', { ns: 'settings' }) },
  7413.             { value: 'youdao', name: i18next.t('translation.options.services.youdao', { ns: 'settings' }) },
  7414.             { value: 'google', name: i18next.t('translation.options.services.google', { ns: 'settings' }) },
  7415.             { value: 'caiyun', name: i18next.t('translation.options.services.caiyun', { ns: 'settings' }) },
  7416.             { value: 'openai', name: i18next.t('translation.options.services.openai.name', { ns: 'settings' }) }
  7417.         ];
  7418.  
  7419.         // Function to check if the service supports the target language
  7420.         function supportsTargetLanguage(service, targetLang) {
  7421.             return OJBetter.supportList.translationSupport[service] && OJBetter.supportList.translationSupport[service][targetLang] !== undefined;
  7422.         }
  7423.  
  7424.         if (is_comment) {
  7425.             var label = OJB_safeCreateJQElement(`<label><input type="radio" name="translation" value="0">
  7426.             <span class="OJBetter_contextmenu_label_text">
  7427.             ${i18next.t('translation.preference.comment_translation_choice.services.follow', { ns: 'settings' })}
  7428.             </span></label>`);
  7429.             menu.append(label);
  7430.         }
  7431.         translations.forEach(function (translation) {
  7432.             if (supportsTargetLanguage(translation.value, OJBetter.translation.targetLang)) {
  7433.                 var label = OJB_safeCreateJQElement(`<label><input type="radio" name="translation" value="${translation.value}">
  7434.                 <span class="OJBetter_contextmenu_label_text">${translation.name}</span></label>`);
  7435.                 menu.append(label);
  7436.             }
  7437.         });
  7438.  
  7439.         // 初始化
  7440.         if (is_comment) {
  7441.             menu.find(`input[name="translation"][value="${OJBetter.translation.comment.choice}"]`).prop('checked', true);
  7442.         } else {
  7443.             menu.find(`input[name="translation"][value="${OJBetter.translation.choice}"]`).prop('checked', true);
  7444.         }
  7445.         menu.css({
  7446.             top: e.pageY + 'px',
  7447.             left: e.pageX + 'px'
  7448.         }).appendTo('body');
  7449.  
  7450.         $(document).one('change', 'input[name="translation"]', function () {
  7451.             if (is_comment) {
  7452.                 OJBetter.translation.comment.choice = $('input[name="translation"]:checked').val();
  7453.                 GM_setValue("commentTranslationChoice", OJBetter.translation.comment.choice);
  7454.             } else {
  7455.                 OJBetter.translation.choice = $('input[name="translation"]:checked').val();
  7456.                 GM_setValue("translation", OJBetter.translation.choice);
  7457.             }
  7458.             $('.OJBetter_contextmenu').remove();
  7459.         });
  7460.  
  7461.         // 点击区域外关闭菜单
  7462.         function handleClick(event) {
  7463.             if (!$(event.target).closest('.OJBetter_contextmenu').length) {
  7464.                 $('.OJBetter_contextmenu').remove();
  7465.                 $(document).off('change', 'input[name="translation"]');
  7466.             } else {
  7467.                 $(document).one('click', handleClick);
  7468.             }
  7469.         }
  7470.         $(document).one('click', handleClick);
  7471.     });
  7472. }
  7473.  
  7474. /**
  7475.  * 创建翻译任务
  7476.  * @param {JQuery<HTMLElement>} button 按钮
  7477.  * @param {HTMLElement} element 目标元素
  7478.  * @param {string} type 类型
  7479.  * @param {boolean} is_comment 是否是评论
  7480.  * @param {string} overrideTrans 覆盖全局翻译服务设定
  7481.  */
  7482. async function transTask(button, element, type, is_comment, overrideTrans) {
  7483.     /** @type {HTMLElement} 目标元素 */
  7484.     let target;
  7485.     /**
  7486.      * 错误计数数据结构
  7487.      * @typedef {Object} count
  7488.      * @property {number} errerNum 错误数量
  7489.      * @property {number} skipNum 跳过数量
  7490.      */
  7491.     const count = {
  7492.         errerNum: 0,
  7493.         skipNum: 0
  7494.     };
  7495.     if (OJBetter.translation.comment.transMode == "1") {
  7496.         // 分段翻译
  7497.         let pElements = $(element).find("p:not(li p), li, .OJBetter_acmsguru");
  7498.         for (let i = 0; i < pElements.length; i++) {
  7499.             target = $(pElements[i]).eq(0).clone();
  7500.             element_node = pElements[i];
  7501.             await process(button, target, element_node, type, is_comment, count, overrideTrans);
  7502.         }
  7503.     } else if (OJBetter.translation.comment.transMode == "2") {
  7504.         // 选段翻译
  7505.         let pElements = $(element).find("p.block_selected:not(li p), li.block_selected, .OJBetter_acmsguru");
  7506.         for (let i = 0; i < pElements.length; i++) {
  7507.             target = $(pElements[i]).eq(0).clone();
  7508.             element_node = pElements[i];
  7509.             await process(button, target, element_node, type, is_comment, count, overrideTrans);
  7510.         }
  7511.         $(element).find("p.block_selected:not(li p), li.block_selected").removeClass('block_selected');
  7512.     } else {
  7513.         // 普通翻译
  7514.         target = $(element).eq(0).clone();
  7515.         if (type === "child_level") $(target).children(':first').remove();
  7516.         element_node = $($(element)).get(0);
  7517.         await process(button, target, element_node, type, is_comment, count, overrideTrans);
  7518.     }
  7519.  
  7520.     // 翻译完成
  7521.     if (!count.errerNum && !count.skipNum) {
  7522.         button.setTransButtonState('success');
  7523.     }
  7524. }
  7525.  
  7526. /**
  7527.  * 翻译处理
  7528.  * @param {JQuery<HTMLElement>} button 按钮
  7529.  * @param {HTMLElement} target 目标元素
  7530.  * @param {HTMLElement} element_node 目标节点
  7531.  * @param {string} type 类型
  7532.  * @param {boolean} is_comment 是否是评论
  7533.  * @param {string} overrideTrans 覆盖全局翻译服务设定
  7534.  */
  7535. async function process(button, target, element_node, type, is_comment, count, overrideTrans) {
  7536.     if (type === "child_level") {
  7537.         let div = $("<div>");
  7538.         $(element_node).append(div);
  7539.         element_node = div.get(0);
  7540.     }
  7541.  
  7542.     //是否跳过折叠块
  7543.     if ($(target).find('.spoiler').length > 0) {
  7544.         const shouldSkip = await OJB_createDialog(
  7545.             i18next.t('skipFold.title', { ns: 'dialog' }),
  7546.             i18next.t('skipFold.content', { ns: 'dialog' }),
  7547.             [
  7548.                 i18next.t('skipFold.buttons.0', { ns: 'dialog' }),
  7549.                 i18next.t('skipFold.buttons.1', { ns: 'dialog' })
  7550.             ],
  7551.             true
  7552.         ); //跳过折叠块确认
  7553.         if (shouldSkip) {
  7554.             $(target).find('.spoiler').remove();
  7555.         } else {
  7556.             $(target).find('.html2md-panel').remove();
  7557.         }
  7558.     }
  7559.  
  7560.     // 等待并获取结果
  7561.     button.setTransButtonState('running');
  7562.     const result = await blockProcessing(button, target, element_node, is_comment, overrideTrans);
  7563.     button.pushResultToTransButton(result);
  7564.  
  7565.     if (result.status == "error") count.errerNum += 1;
  7566.     else if (result.status == "skip") count.skipNum += 1;
  7567.     $(target).remove();
  7568. }
  7569.  
  7570. /**
  7571.  * 块处理
  7572.  * @param {JQuery<HTMLElement>} button 
  7573.  * @param {HTMLElement} target 目标元素
  7574.  * @param {HTMLElement} element_node 目标节点
  7575.  * @param {boolean} is_comment 是否是评论
  7576.  * @param {string} overrideTrans 覆盖全局翻译服务设定
  7577.  * @returns {TranslateResult} 翻译结果对象
  7578.  */
  7579. async function blockProcessing(button, target, element_node, is_comment, overrideTrans) {
  7580.     if (OJBetter.typeOfPage.is_oldLatex || OJBetter.typeOfPage.is_acmsguru) {
  7581.         target.markdown = $(target).html();
  7582.     } else if (!target.markdown) {
  7583.         target.markdown = OJBetter.common.turndownService.turndown($(target).html());
  7584.     }
  7585.  
  7586.     const result = await translateProblemStatement(target.markdown, element_node, is_comment, overrideTrans);
  7587.     if (result.status == "skip") {
  7588.         button.setTransButtonState('error', i18next.t('trans.tooLong', { ns: 'button' }));
  7589.         result.translateDiv.close();
  7590.     } else if (result.status == "error" || !result.rawData.done) {
  7591.         result.translateDiv.setError();
  7592.         result.translateDiv.setRawData(result.rawData);
  7593.         result.translateDiv.showDebugButton();
  7594.         button.setTransButtonState('error', i18next.t('trans.error', { ns: 'button' }));
  7595.         $(target).remove();
  7596.     }
  7597.     return result;
  7598. }
  7599.  
  7600. /**
  7601.  * 选段翻译支持
  7602.  */
  7603. async function multiChoiceTranslation() {
  7604.     GM_addStyle(`
  7605.         .topic .content #task-statement {
  7606.             overflow: initial;
  7607.         }
  7608.     `);
  7609.  
  7610.     $(document).on('click', 'p, li:not(:has(.comment)), .OJBetter_acmsguru', function (e) {
  7611.         let $this = $(this);
  7612.         e.stopPropagation();
  7613.         if ($this.hasClass('block_selected')) {
  7614.             $this.removeClass('block_selected');
  7615.             // 移除对应的按钮 
  7616.             $('.OJBetter_MiniTranslateButton').remove("#translateButton_selected_" + $this.attr('OJBetter_p_id'));
  7617.         } else {
  7618.             let id = OJB_getRandomNumber(8);
  7619.             $this.attr('OJBetter_p_id', id);
  7620.             $this.addClass('block_selected');
  7621.             // 添加按钮 
  7622.             let menu = OJB_safeCreateJQElement(`<div class="OJBetter_MiniTranslateButton" id='translateButton_selected_${id}'>${translateIcon}</div>`)
  7623.                 .css({
  7624.                     left: $($this).outerWidth(true) + $($this).position().left + 10 + 'px',
  7625.                 });
  7626.             $this.before(menu);
  7627.  
  7628.             $("#translateButton_selected_" + id).click(async function () {
  7629.                 // 处理旧的结果
  7630.                 if ($this.attr('translated')) {
  7631.                     let result = $this.data("resultData");
  7632.                     if (OJBetter.translation.retransAction == "0") {
  7633.                         result.translateDiv.close();
  7634.                     } else {
  7635.                         result.translateDiv.foldMainDiv();
  7636.                     }
  7637.                 }
  7638.                 // 翻译
  7639.                 let target = $this.eq(0).clone();
  7640.                 let result = await blockProcessing(OJBetter.translation.choice, target, $this.eq(0), $("#translateButton_selected_" + id), false);
  7641.                 $this.data("resultData", result);
  7642.                 $this.removeClass('block_selected');
  7643.                 // 移除对应的按钮 
  7644.                 $('.OJBetter_MiniTranslateButton').remove("#translateButton_selected_" + id);
  7645.                 $this.attr('translated', '1'); // 标记已翻译
  7646.             });
  7647.         }
  7648.     });
  7649. }
  7650.  
  7651. /**
  7652.  * 添加MD/复制/翻译按钮
  7653.  */
  7654. async function addConversionButton() {
  7655.     // TODO 7
  7656.     let promises = []; // 用于收集所有的 Promise
  7657.  
  7658.     // 基本添加
  7659.     if (!OJBetter.typeOfPage.is_homepage) {
  7660.         $('section').each((i, e) => {
  7661.             let id = "_" + OJB_getRandomNumber(8);
  7662.             let panel = addButtonPanel(e, id, "this_level");
  7663.             promises.push(addButtonWithHTML2MD(panel.viewButton, e, id, "this_level"));
  7664.             promises.push(addButtonWithCopy(panel.copyButton, e, id, "this_level"));
  7665.             promises.push(addButtonWithTranslation(panel.translateButton, e, id, "this_level"));
  7666.         });
  7667.     }
  7668.  
  7669.     // 添加按钮到题解部分
  7670.     if (OJBetter.typeOfPage.isEditorial) {
  7671.         let contestNavTabs = $("#contest-nav-tabs");
  7672.         let nextElement = contestNavTabs.next();
  7673.         let id = "_editorial_1_" + OJB_getRandomNumber(8);
  7674.         let panel = addButtonPanel(nextElement, id, "this_level");
  7675.         panel.panel.css('width', '100%'); // 加个样式，不然不显示
  7676.         promises.push(addButtonWithHTML2MD(panel.viewButton, nextElement, id, "this_level"));
  7677.         promises.push(addButtonWithCopy(panel.copyButton, nextElement, id, "this_level"));
  7678.         promises.push(addButtonWithTranslation(panel.translateButton, nextElement, id, "this_level"));
  7679.     }
  7680.  
  7681.     // 添加按钮到折叠块部分
  7682.     $('details').each((i, e) => {
  7683.         // 自定义测试样例折叠块不添加
  7684.         if ($(e).attr('id') !== "customTestBlock") {
  7685.             let id = "_details_" + OJB_getRandomNumber(8);
  7686.             let panel = addButtonPanel(e, id, "child_level");
  7687.             promises.push(addButtonWithHTML2MD(panel.viewButton, e, id, "child_level"));
  7688.             promises.push(addButtonWithCopy(panel.copyButton, e, id, "child_level"));
  7689.             promises.push(addButtonWithTranslation(panel.translateButton, e, id, "child_level"));
  7690.         }
  7691.     });
  7692.  
  7693.     // 添加到contest-statement部分
  7694.     $('#contest-statement').each((i, e) => {
  7695.         let id = "_contest-statement_" + OJB_getRandomNumber(8);
  7696.         let panel = addButtonPanel(e, id, "this_level");
  7697.         promises.push(addButtonWithHTML2MD(panel.viewButton, e, id, "this_level"));
  7698.         promises.push(addButtonWithCopy(panel.copyButton, e, id, "this_level"));
  7699.         promises.push(addButtonWithTranslation(panel.translateButton, e, id, "this_level"));
  7700.     });
  7701.  
  7702.     // 添加到blog-post部分
  7703.     $('.blog-post').each((i, e) => {
  7704.         let id = "_blog-post_" + OJB_getRandomNumber(8);
  7705.         let panel = addButtonPanel(e, id, "this_level");
  7706.         promises.push(addButtonWithHTML2MD(panel.viewButton, e, id, "this_level"));
  7707.         promises.push(addButtonWithCopy(panel.copyButton, e, id, "this_level"));
  7708.         promises.push(addButtonWithTranslation(panel.translateButton, e, id, "this_level"));
  7709.     });
  7710.  
  7711.     return Promise.all(promises).catch(error => {
  7712.         console.error("One or more of the Add Button operations failed: ", error);
  7713.     });
  7714. };
  7715.  
  7716. /**
  7717.  * 等待LaTeX渲染队列全部完成
  7718.  * @returns {Promise} 完成渲染
  7719.  */
  7720. function waitForMathJaxIdle() {
  7721.     return true;
  7722.     // return new Promise((resolve, reject) => {
  7723.     //     // 检查MathJax对象是否存在
  7724.     //     const checkMathJaxExists = () => {
  7725.     //         if (typeof MathJax === 'undefined') {
  7726.     //             // 如果MathJax不存在，稍后再次检查
  7727.     //             OJB_delay(100).then(checkMathJaxExists);
  7728.     //         } else {
  7729.     //             // MathJax存在，开始监视渲染队列
  7730.     //             startMonitoringQueue();
  7731.     //         }
  7732.     //     };
  7733.  
  7734.     //     // 开始监视MathJax渲染队列
  7735.     //     const startMonitoringQueue = () => {
  7736.     //         const intervalId = setInterval(() => {
  7737.     //             const queue = MathJax.Hub.queue;
  7738.     //             if (queue.pending === 0 && queue.running === 0) {
  7739.     //                 clearInterval(intervalId);
  7740.     //                 resolve();
  7741.     //             }
  7742.     //         }, 100);
  7743.     //     };
  7744.  
  7745.     //     // 开始检查MathJax对象
  7746.     //     checkMathJaxExists();
  7747.     // });
  7748. }
  7749.  
  7750. /**
  7751.  * 翻译结果面板
  7752.  */
  7753. class TranslateDiv {
  7754.     /**
  7755.      * 构造函数
  7756.      * @param {string} id 指定翻译框的id
  7757.      */
  7758.     constructor(id) {
  7759.         this.id = id;
  7760.         this.div = $('<div>').attr('id', id).addClass('translateDiv bounce-in');
  7761.         if (!OJBetter.typeOfPage.is_completeProblemset) {
  7762.             this.div.addClass('input-output-copier');
  7763.         }
  7764.         this.panelDiv = $('<div>').addClass('translate-problem-statement-panel');
  7765.         this.div.append(this.panelDiv);
  7766.  
  7767.         // 主要信息
  7768.         this.mainDiv = $('<div>').addClass('translate-problem-statement');
  7769.         this.span = $('<span>');
  7770.         this.mainDiv.append(this.span);
  7771.         this.div.append(this.mainDiv);
  7772.         this.mainDivState = {
  7773.             current: 'transHTML',
  7774.             transHTML: '',
  7775.             rawDataHTML: ''
  7776.         };
  7777.  
  7778.         // 顶栏信息
  7779.         this.topText = $('<div>').addClass('topText');
  7780.         this.panelDiv.append(this.topText);
  7781.  
  7782.         // 右侧
  7783.         this.rightDiv = $('<div>').css('display', 'flex');
  7784.         this.panelDiv.append(this.rightDiv);
  7785.         this.debugButton = OJB_safeCreateJQElement(`
  7786.         <button class='ojb_btn ojb_btn_popover top'>
  7787.             <i class="iconfont">&#xe641;</i>
  7788.             <span class="popover_content">${i18next.t('rawData.normal', { ns: 'button' })}</span>
  7789.         </button>`).hide();
  7790.         this.rightDiv.append(this.debugButton);
  7791.         this.queryBalanceButton = OJB_safeCreateJQElement(`
  7792.         <button class='ojb_btn ojb_btn_popover top'>
  7793.             <i class="iconfont">&#xe6ae;</i>
  7794.             <span class="popover_content">${i18next.t('queryBalance.normal', { ns: 'button' })}</span>
  7795.         </button>`).hide();
  7796.         this.rightDiv.append(this.queryBalanceButton);
  7797.         this.copyButton = OJB_safeCreateJQElement(`
  7798.         <button class='ojb_btn ojb_btn_popover top'>
  7799.             <i class="iconfont">&#xe608;</i>
  7800.             <span class="popover_content">${i18next.t('copy.normal', { ns: 'button' })}</span>
  7801.         </button>`);
  7802.         this.rightDiv.append(this.copyButton);
  7803.         this.upButton = OJB_safeCreateJQElement(`
  7804.         <button class='ojb_btn ojb_btn_popover top'>
  7805.             <i class="iconfont">&#xe601;</i>
  7806.             <span class="popover_content">${i18next.t('fold.normal', { ns: 'button' })}</span>
  7807.         </button>`);
  7808.         this.rightDiv.append(this.upButton);
  7809.         this.closeButton = OJB_safeCreateJQElement(`
  7810.         <button class='ojb_btn ojb_btn_popover top'>
  7811.             <i class="iconfont">&#xe614;</i>
  7812.             <span class="popover_content">${i18next.t('close.normal', { ns: 'button' })}</span>
  7813.         </button>`);
  7814.         this.rightDiv.append(this.closeButton);
  7815.     }
  7816.  
  7817.     /**
  7818.      * 获取翻译框
  7819.      * @returns {JQuery<HTMLElement>} 返回翻译框
  7820.      */
  7821.     getDiv() {
  7822.         return this.div;
  7823.     }
  7824.  
  7825.     /**
  7826.      * 设置翻译框顶部的文本
  7827.      * @param {string} text 翻译框顶部的文本
  7828.      */
  7829.     setTopText(text) {
  7830.         this.div.attr("data-topText", text);
  7831.         this.topText.text(text);
  7832.     }
  7833.  
  7834.     /**
  7835.      * 获取翻译框顶部的文本
  7836.      * @returns {string} 返回翻译框顶部的文本
  7837.      */
  7838.     getTopText() {
  7839.         return this.topText.text();
  7840.     }
  7841.  
  7842.     /**
  7843.      * 渲染一个元素内的LaTeX公式
  7844.      * @param {*} element 
  7845.      */
  7846.     renderLaTeX(element) {
  7847.         const latexRenderOptions = {
  7848.             delimiters: [
  7849.                 { left: "$$", right: "$$", display: true },
  7850.                 { left: "\$$", right: "\\$$", display: true },
  7851.                 { left: "$", right: "$", display: false },
  7852.                 { left: "\$$", right: "\\$$", display: false }
  7853.             ]
  7854.         };
  7855.  
  7856.         if (typeof renderMathInElement === 'function') {
  7857.             renderMathInElement(element, latexRenderOptions);
  7858.         }
  7859.     }
  7860.  
  7861.     /**
  7862.      * 更新翻译框内容
  7863.      * @param {string} text 文本内容
  7864.      * @param {boolean} is_escapeHTML 是否转义HTML标签，为true则HTML标签将作为普通文本处理，默认为true
  7865.      * @param {boolean} is_renderLaTeX 是否渲染LaTeX，为true则会渲染LaTeX，默认为true
  7866.      */
  7867.     updateTranslateDiv(text, is_escapeHTML = true, is_renderLaTeX = true,) {
  7868.         // 渲染MarkDown
  7869.         let md = window.markdownit({
  7870.             html: !is_escapeHTML,
  7871.         });
  7872.         if (!text) text = "";
  7873.         let html = md.render(text);
  7874.         this.mainDiv.html(html);
  7875.  
  7876.         // 渲染Latex
  7877.         if (is_renderLaTeX) {
  7878.             // MathJax.Hub.Queue(["Typeset", MathJax.Hub, this.mainDiv.get(0)]);
  7879.             this.renderLaTeX(this.mainDiv.get(0));
  7880.         }
  7881.         // 渲染代码块中的公式 (AtCoder)
  7882.         this.mainDiv.find('pre code').each((index, element) => {
  7883.             const codeText = $(element).text();
  7884.             const latexPattern = /\$\$(\\.|[^\$])*?\$\$|\$(\\.|[^\$])*?\$/;
  7885.             if (latexPattern.test(codeText)) {
  7886.                 this.renderLaTeX(element);
  7887.             }
  7888.         });
  7889.     }
  7890.  
  7891.     /**
  7892.      * 关闭元素
  7893.      */
  7894.     close() {
  7895.         this.closeButton.click();
  7896.     }
  7897.  
  7898.     /**
  7899.      * 注册收起按钮事件
  7900.      */
  7901.     registerUpButtonEvent() {
  7902.         this.upButton.on("click", () => {
  7903.             // 如果没有reverse类，说明是展开状态
  7904.             if (!this.upButton.hasClass("reverse")) {
  7905.                 // 执行收起操作
  7906.                 this.upButton.addClass("reverse");
  7907.                 this.upButton.setButtonState('initial', i18next.t('fold.unfold', { ns: 'button' }));
  7908.                 OJB_toggleCollapseExpand(this.mainDiv.get(0));
  7909.             } else {
  7910.                 // 执行展开操作
  7911.                 this.upButton.removeClass("reverse");
  7912.                 this.upButton.setButtonState('initial', i18next.t('fold.normal', { ns: 'button' }));
  7913.                 OJB_toggleCollapseExpand(this.mainDiv.get(0));
  7914.             }
  7915.         });
  7916.     }
  7917.  
  7918.     /**
  7919.      * 注册关闭按钮事件
  7920.      */
  7921.     registerCloseButtonEvent() {
  7922.         this.closeButton.on("click", () => {
  7923.             $(this.div).remove();
  7924.             $(this.panelDiv).remove();
  7925.             if (OJBetter.typeOfPage.is_problem && OJBetter.translation.memory.enabled) {
  7926.                 OJBetter.translation.memory.ttTree.rmTransResultMap(this.id); // 移除ttTree中的数据
  7927.                 OJBetter.translation.memory.ttTree.refreshNode("#task-statement");
  7928.                 updateTransDBData(OJBetter.translation.memory.ttTree.getNodeData(), OJBetter.translation.memory.ttTree.getTransResultMap()); // 更新DB中的数据
  7929.             }
  7930.         });
  7931.     }
  7932.  
  7933.     /**
  7934.      * 注册复制按钮事件
  7935.      * @param {string} text 复制的文本
  7936.      */
  7937.     registerCopyButtonEvent(text) {
  7938.         this.copyButton.on("click", () => {
  7939.             GM_setClipboard(text);
  7940.             this.copyButton.setButtonState('success', i18next.t('copy.copied', { ns: 'button' }));
  7941.             // 复制提示
  7942.             setTimeout(() => {
  7943.                 this.copyButton.setButtonState('initial', i18next.t('copy.normal', { ns: 'button' }));
  7944.             }, 2000);
  7945.         });
  7946.     }
  7947.  
  7948.     /**
  7949.      * 禁用复制按钮
  7950.      */
  7951.     disableCopyButton() {
  7952.         this.copyButton.css({ 'fill': '#ccc' });
  7953.         this.copyButton.off("click");
  7954.     }
  7955.  
  7956.     /**
  7957.      * 设置面板为error状态
  7958.      */
  7959.     setError() {
  7960.         this.div.addClass('error');
  7961.         this.panelDiv.addClass('error');
  7962.         this.mainDiv.addClass('error');
  7963.     }
  7964.  
  7965.     /**
  7966.      * 设置原始数据数据
  7967.      * @param {Object} Object 原始数据
  7968.      */
  7969.     setRawData(Object) {
  7970.         this.mainDivState.rawDataHTML = $("<pre>").text(JSON.stringify(Object, null, 4)).get(0);
  7971.         if (this.mainDivState.current === 'rawDataHTML') {
  7972.             this.renderMainDiv();
  7973.         }
  7974.     }
  7975.  
  7976.     /**
  7977.      * 切换结果面板与原始数据面板
  7978.      */
  7979.     switchMainDiv() {
  7980.         // 在切换之前，保存当前内容的状态
  7981.         this.mainDivState[this.mainDivState.current] = this.mainDiv.html();
  7982.         // 切换当前状态
  7983.         this.debugButton.setButtonState(this.mainDivState.current === 'transHTML' ? 'enabled' : 'initial');
  7984.         this.mainDivState.current = this.mainDivState.current === 'transHTML' ? 'rawDataHTML' : 'transHTML';
  7985.         // 渲染新的当前状态
  7986.         this.renderMainDiv();
  7987.     }
  7988.  
  7989.     // 渲染当前内容到 mainDiv
  7990.     renderMainDiv() {
  7991.         requestAnimationFrame(() => {
  7992.             this.mainDiv.html(this.mainDivState[this.mainDivState.current]);
  7993.         });
  7994.     }
  7995.  
  7996.     /**
  7997.      * 注册debug按钮事件
  7998.      */
  7999.     registerDebugButtonEvent() {
  8000.         this.debugButton.on("click", () => {
  8001.             this.switchMainDiv();
  8002.         });
  8003.     }
  8004.  
  8005.     /**
  8006.      * 显示debug按钮
  8007.      */
  8008.     showDebugButton() {
  8009.         this.debugButton.show();
  8010.         this.registerDebugButtonEvent();
  8011.     }
  8012.  
  8013.     /**
  8014.      * 注册查询余额按钮事件
  8015.      * @param {function} callback 查询回调函数
  8016.      */
  8017.     registerQueryBalanceButtonEvent(callback) {
  8018.         this.queryBalanceButton.on("click", async () => {
  8019.             this.queryBalanceButton.setButtonState('loading', i18next.t('queryBalance.loading', { ns: 'button' }));
  8020.             try {
  8021.                 const balance = await callback();
  8022.                 this.queryBalanceButton.setButtonState('success', `${i18next.t('queryBalance.success', { ns: 'button' })} ${balance}`);
  8023.             } catch (error) {
  8024.                 this.queryBalanceButton.setButtonState('error', `${i18next.t('queryBalance.error', { ns: 'button' })} ${error.message}`);
  8025.             }
  8026.         });
  8027.     }
  8028.  
  8029.     /**
  8030.      * 显示余额查询按钮
  8031.      * @param {string} server 服务名称
  8032.      */
  8033.     showQueryBalanceButton(server) {
  8034.         if (server == 'deepl') {
  8035.             const quotaConfig = OJBetter.deepl.config.quota;
  8036.             if (quotaConfig.url && quotaConfig.surplus && quotaConfig.header) {
  8037.                 this.queryBalanceButton.show();
  8038.                 this.registerQueryBalanceButtonEvent(() => {
  8039.                     return queryServerBalance(OJBetter.deepl.config.quota);
  8040.                 });
  8041.             }
  8042.         } else if (server == 'openai') {
  8043.             const quotaConfig = OJBetter.chatgpt.config.quota;
  8044.             if (quotaConfig.url && quotaConfig.surplus && quotaConfig.header) {
  8045.                 this.queryBalanceButton.show();
  8046.                 this.registerQueryBalanceButtonEvent(() => {
  8047.                     return queryServerBalance(OJBetter.chatgpt.config.quota);
  8048.                 });
  8049.             }
  8050.         }
  8051.     }
  8052. }
  8053.  
  8054. // 元素关系树
  8055. class ElementsTree {
  8056.     constructor(elements) {
  8057.         this.node = [];
  8058.         this.transResultMap = {};
  8059.         this.index = 0;
  8060.         // this.tagNames = ["DIV", "P", "UL", "LI"]
  8061.         this.tagNames = ["DIV", "P", "UL", "LI", "SECTION", "SPAN"]
  8062.         this.init($(elements));
  8063.     }
  8064.  
  8065.     // Iterate through all elements, because there may be multiple ttypography
  8066.     init(elements) {
  8067.         elements.each((i, e) => {
  8068.             this.node.push({}); // add one element
  8069.             this.index = 0; // reset index
  8070.             this.create(i, $(e));
  8071.         });
  8072.     }
  8073.  
  8074.     // 刷新关系树
  8075.     refreshNode(elements) {
  8076.         this.node = [];
  8077.         this.index = 0;
  8078.         this.init($(elements));
  8079.     }
  8080.  
  8081.     // 创建节点间的关系树
  8082.     create(i_, element) {
  8083.         var prev = null;
  8084.         var node = this.node[i_];
  8085.         element.children().each((i, e) => {
  8086.             // only add element with tagNames
  8087.             if (this.tagNames.includes($(e).prop("tagName"))) {
  8088.                 prev = this.addNode(i_, prev, e);
  8089.             }
  8090.             // recursively child element
  8091.             if ($(e).children().length > 0 && prev !== null) {
  8092.                 node[prev].firstChild = this.index;
  8093.                 this.create(i_, $(e));
  8094.             }
  8095.         });
  8096.     }
  8097.  
  8098.     // 向树中添加一个节点
  8099.     addNode(i_, prev, e) {
  8100.         let node = this.node[i_];
  8101.         node[this.index] = {
  8102.             prev: prev,
  8103.             next: null,
  8104.             firstChild: null,
  8105.             type: $(e).prop("tagName"),
  8106.             isTranslateDiv: $(e).hasClass("translateDiv"),
  8107.             topText: $(e).attr("data-topText"),
  8108.             id: $(e).attr("id"),
  8109.         };
  8110.  
  8111.         if (prev !== null) {
  8112.             node[prev].next = this.index;
  8113.         }
  8114.  
  8115.         prev = this.index;
  8116.  
  8117.         this.index++;
  8118.         return prev;
  8119.     }
  8120.  
  8121.     getNodeData() {
  8122.         return this.node;
  8123.     }
  8124.  
  8125.     setNodeData(node) {
  8126.         this.node = node;
  8127.     }
  8128.  
  8129.     getTransResultMap() {
  8130.         return this.transResultMap;
  8131.     }
  8132.  
  8133.     setTransResultMap(transResultMap) {
  8134.         this.transResultMap = transResultMap;
  8135.     }
  8136.  
  8137.     rmTransResultMap(id) {
  8138.         delete this.transResultMap[id];
  8139.     }
  8140.  
  8141.     addTransResultMap(id, text) {
  8142.         this.transResultMap[id] = text;
  8143.     }
  8144.  
  8145.     getTranslateDivNum(ttTree) {
  8146.         var num = 0;
  8147.         for (var i in ttTree) {
  8148.             if (ttTree[i].isTranslateDiv) {
  8149.                 num++;
  8150.             }
  8151.         }
  8152.         return num;
  8153.     }
  8154.  
  8155.     // 恢复目标元素中的translateDiv
  8156.     recover(elements) {
  8157.         elements.each((i, e) => {
  8158.             var ttTreeNode = this.node[i];
  8159.             var missingTranslateDivs = this.getTranslateDivNum(ttTreeNode);
  8160.             if (missingTranslateDivs > 0) {
  8161.                 this.recoverOneElement($(e), ttTreeNode);
  8162.             }
  8163.         });
  8164.     }
  8165.  
  8166.     recoverOneElement(element, ttTreeNode) {
  8167.         this.recoverOneFork(element.children().eq(0), ttTreeNode, 0);
  8168.     }
  8169.  
  8170.     // 恢复一个分支
  8171.     recoverOneFork(pElement, ttTreeNode, index) {
  8172.         do {
  8173.             // only recover element with tagNames
  8174.             if (!this.tagNames.includes(pElement.prop("tagName"))) {
  8175.                 if (pElement.next().length > 0) {
  8176.                     pElement = pElement.next();
  8177.                 } else {
  8178.                     return;
  8179.                 }
  8180.             }
  8181.             if (!ttTreeNode[index] || pElement.prop("tagName") !== ttTreeNode[index].type) {
  8182.                 // console.warn(`元素不存在或类型不同, 元素结构可能已经发生了变化: \nindex: ${index}`, pElement);
  8183.                 return;
  8184.             } else {
  8185.                 // recursively child element
  8186.                 var node = ttTreeNode[index];
  8187.                 if (node.firstChild !== null) {
  8188.                     this.recoverOneFork(
  8189.                         pElement.children().eq(0),
  8190.                         ttTreeNode,
  8191.                         node.firstChild
  8192.                     );
  8193.                 }
  8194.                 // check if next node is translateDiv
  8195.                 if (node.next !== null) {
  8196.                     index = node.next;
  8197.  
  8198.                     var ne_node = ttTreeNode[index];
  8199.                     if (ne_node.isTranslateDiv) {
  8200.                         var id = ne_node.id;
  8201.                         var topText = ne_node.topText;
  8202.                         var text = this.transResultMap[id];
  8203.                         // create element after pElement
  8204.                         this.reCreateTransDiv(pElement, id, text, topText);
  8205.                     }
  8206.                     pElement = pElement.next(); // go to next element
  8207.                 }
  8208.             }
  8209.         } while (node.next !== null);
  8210.     }
  8211.  
  8212.     // 重新创建translateDiv
  8213.     reCreateTransDiv(pElement, id, translatedText, topText) {
  8214.         const translateDiv = new TranslateDiv(id);
  8215.         pElement.after(translateDiv.getDiv());
  8216.         translateDiv.setTopText(topText);
  8217.         translateDiv.registerUpButtonEvent();
  8218.         translateDiv.registerCloseButtonEvent();
  8219.         if (!OJBetter.typeOfPage.is_oldLatex && !OJBetter.typeOfPage.is_acmsguru) {
  8220.             translateDiv.registerCopyButtonEvent(translatedText);
  8221.         } else {
  8222.             translateDiv.disableCopyButton();
  8223.         }
  8224.         translateDiv.updateTranslateDiv(translatedText, !(OJBetter.typeOfPage.is_oldLatex || OJBetter.typeOfPage.is_acmsguru));
  8225.         // 标记已翻译并添加到翻译按钮的结果栈中
  8226.         let transButton = pElement.prev('.html2md-panel').find('.translateButton');
  8227.         if (transButton.length == 0) {
  8228.             // 如果没有找到，则应该是得在父元素中找到
  8229.             transButton = pElement.parent().prev('.html2md-panel').find('.translateButton');
  8230.         }
  8231.         transButton.pushResultToTransButton({
  8232.             translateDiv: translateDiv,
  8233.             status: 0
  8234.         });
  8235.         transButton.setTransButtonState('success');
  8236.     }
  8237. }
  8238.  
  8239. // 更新TransDB中的翻译数据
  8240. async function updateTransDBData(nodeDate, transResultMap) {
  8241.     var url = window.location.href.replace(/#/, "");
  8242.     try {
  8243.         await OJBetter.common.database.translateData.put({ url, transResultMap, nodeDate });
  8244.         return 'translateData saved successfully';
  8245.     } catch (error) {
  8246.         throw new Error(`Failed to save translateData: ${error}`);
  8247.     }
  8248. }
  8249.  
  8250. // 获取TransDB中保存的翻译数据
  8251. async function getTransDBData() {
  8252.     var url = window.location.href.replace(/#/, "");
  8253.     try {
  8254.         const result = await OJBetter.common.database.translateData.get(url);
  8255.         return result;
  8256.     } catch (error) {
  8257.         throw new Error(`Failed to get translateData: ${error}`);
  8258.     }
  8259. }
  8260.  
  8261. /**
  8262.  * 翻译结果恢复功能初始化
  8263.  * @returns 
  8264.  */
  8265. async function initTransResultsRecover() {
  8266.     OJBetter.translation.memory.ttTree = new ElementsTree("#task-statement"); // 初始化当前页面#task-statement元素的结构树
  8267.     let result = await getTransDBData();
  8268.     if (!result) return;
  8269.     OJBetter.translation.memory.ttTree.setNodeData(result.nodeDate);
  8270.     OJBetter.translation.memory.ttTree.setTransResultMap(result.transResultMap);
  8271.     OJBetter.translation.memory.ttTree.recover($("#task-statement"));
  8272. }
  8273.  
  8274. /**
  8275.  * 自动翻译
  8276.  */
  8277. async function initTransWhenViewable() {
  8278.     await waitForMathJaxIdle();
  8279.  
  8280.     // const elements = $('.ttypography, .comments').find('.translateButton');
  8281.     const elements = $('#task-statement').find('.translateButton');
  8282.     const observers = [];
  8283.  
  8284.     // Use a single Intersection Observer for all elements
  8285.     const observer = new IntersectionObserver((entries, obs) => {
  8286.         entries.forEach((entry) => {
  8287.             if (entry.isIntersecting) {
  8288.                 const button = $(entry.target);
  8289.                 const state = button.getButtonState();
  8290.                 const notAutoTranslate = button.getNotAutoTranslate();
  8291.                 // Check if the button meets the criteria
  8292.                 if (state === 'normal' && !notAutoTranslate) {
  8293.                     let trans = OJBetter.translation.choice;
  8294.  
  8295.                     if (OJBetter.translation.auto.mixTrans.enabled && button.IsCommentButton() && OJBetter.translation.auto.mixTrans.servers.length > 0) {
  8296.                         const randomIndex = Math.floor(Math.random() * OJBetter.translation.auto.mixTrans.servers.length);
  8297.                         trans = OJBetter.translation.auto.mixTrans.servers[randomIndex];
  8298.                     }
  8299.                     button.data("translatedItBy")(trans);
  8300.                 }
  8301.  
  8302.                 // Stop observing the element
  8303.                 obs.unobserve(entry.target);
  8304.             }
  8305.         });
  8306.     });
  8307.  
  8308.     // Observe each element
  8309.     elements.each((i, e) => {
  8310.         observer.observe(e);
  8311.     });
  8312.  
  8313.     // Store the observer in case you need to disconnect it later
  8314.     observers.push(observer);
  8315. }
  8316.  
  8317. /** 
  8318.  * 翻译返回结果结构体
  8319.  * @typedef {Object} TranslateResult
  8320.  * @property {string} status 翻译状态
  8321.  * @property {TranslateDiv} translateDiv 翻译结果面板
  8322.  * @property {TransRawData} rawData 原始翻译数据
  8323.  */
  8324.  
  8325. /**
  8326.  * 翻译主方法
  8327.  * @param {string} text 待翻译文本
  8328.  * @param {HTMLElement} element_node 元素节点
  8329.  * @param {Boolean} is_comment 是否为评论区文本
  8330.  * @param {string} overrideTrans 覆盖全局翻译服务设定
  8331.  * @returns {TranslateResult} 翻译结果对象
  8332.  */
  8333. async function translateProblemStatement(text, element_node, is_comment, overrideTrans) {
  8334.     /** @type {number} 翻译结果的ID*/
  8335.     const id = OJB_getRandomNumber(8);
  8336.     /** @type {TextBlockReplacer} 文本块替换/恢复实例*/
  8337.     const textBlockReplacer = new TextBlockReplacer();
  8338.     /** @type {string} 翻译结果文本*/
  8339.     let translatedText = "";
  8340.  
  8341.     /** @type {string} 当前实际应用的翻译服务 */
  8342.     const realTransServer = overrideTrans ||
  8343.         (is_comment && OJBetter.translation.comment.choice != "0" ?
  8344.             OJBetter.translation.comment.choice :
  8345.             OJBetter.translation.choice);
  8346.  
  8347.     /** @type {TranslateResult} 翻译结果对象 */
  8348.     const translateResult = {
  8349.         status: "ok",
  8350.         rawData: {
  8351.             done: false
  8352.         }
  8353.     }
  8354.  
  8355.     /**
  8356.      * LaTeX替换
  8357.      * @param {string} text 待翻译文本
  8358.      * @returns {string} 处理后的文本
  8359.      */
  8360.     const replaceLatex = function (text) {
  8361.         if (OJBetter.typeOfPage.is_oldLatex) {
  8362.             const regex = /<span\s+class="tex-span">.*?<\/span>/gi;
  8363.             text = textBlockReplacer.replace(text, regex);
  8364.             text = text.replace(/<p>(.*?)<\/p>/g, "$1\n\n"); // <p/>标签换为换行
  8365.         } else if (OJBetter.typeOfPage.is_acmsguru) {
  8366.             const regex = /<i>.*?<\/i>|<sub>.*?<\/sub>|<sup>.*?<\/sup>|<pre>.*?<\/pre>/gi;
  8367.             text = textBlockReplacer.replace(text, regex);
  8368.         } else if (realTransServer != "openai") {
  8369.             // 使用GPT翻译时不必替换latex公式
  8370.             const regex = /\$\$(\\.|[^\$])*?\$\$|\$(\\.|[^\$])*?\$/g;
  8371.             text = textBlockReplacer.replace(text, regex);
  8372.  
  8373.             // 替换行间代码块```
  8374.             const regex2 = /```[\s\S]*?```/g;
  8375.             text = textBlockReplacer.replace(text, regex2);
  8376.         }
  8377.         return text;
  8378.     }
  8379.  
  8380.     /**
  8381.      * LaTeX恢复
  8382.      * @param {string} text 已翻译的文本
  8383.      * @returns {string} 恢复后的文本
  8384.      */
  8385.     const recoverLatex = function (text) {
  8386.         // 两个公式之间加个空格，防止有些LaTeX解析器解析错误
  8387.         let resultText = text
  8388.             .replace(/】【/g, '】 【')
  8389.             .replace(/\]\[/g, '] [')
  8390.             .replace(/\}\{/g, '} {');
  8391.  
  8392.         if (OJBetter.typeOfPage.is_oldLatex) {
  8393.             resultText = resultText.replace(/(.+?)(\n\n|$)/g, "<p>$1</p>"); // 换行符还原为<p/>标签
  8394.             resultText = textBlockReplacer.recover(resultText);
  8395.         } else if (OJBetter.typeOfPage.is_acmsguru) {
  8396.             resultText = textBlockReplacer.recover(resultText);
  8397.         } else if (realTransServer != "openai") {
  8398.             resultText = textBlockReplacer.recover(resultText);
  8399.         }
  8400.         return resultText;
  8401.     }
  8402.  
  8403.     /**
  8404.      * 格式化翻译结果
  8405.      * @param {string} text 
  8406.      * @returns {string} 处理后的翻译结果
  8407.      */
  8408.     const formatText = function (text) {
  8409.         // 转义LaTex中的特殊符号
  8410.         if (!OJBetter.typeOfPage.is_oldLatex && !OJBetter.typeOfPage.is_acmsguru) {
  8411.  
  8412.             // 先替换掉行间代码块
  8413.             const replacer = new TextBlockReplacer();
  8414.             text = replacer.replace(text, /```[\s\S]*?```/g);
  8415.  
  8416.             // 处理LaTeX公式
  8417.             const escapeRules = [
  8418.                 { pattern: /(?<!\\)>(?!\s)/g, replacement: " &gt; " }, // >符号
  8419.                 { pattern: /(?<!\\)</g, replacement: " &lt; " }, // <符号
  8420.                 { pattern: /(?<!\\)\*/g, replacement: " &#42; " }, // *符号
  8421.                 { pattern: /(?<!\\)_/g, replacement: " &#95; " }, // _符号
  8422.                 { pattern: /(?<!\\)\\\\(?=\s)/g, replacement: "\\\\\\\\" }, // \\符号
  8423.                 { pattern: /(?<!\\)\\(?![\\a-zA-Z0-9])/g, replacement: "\\\\" }, // \符号
  8424.             ];
  8425.  
  8426.             let latexMatches = [...text.matchAll(/\$\$([\s\S]*?)\$\$|\$(.*?)\$|\$([\s\S]*?)\$/g)];
  8427.             for (const match of latexMatches) {
  8428.                 const matchedText = match[0];
  8429.                 let escapedText = matchedText;
  8430.  
  8431.                 for (const rule of escapeRules) {
  8432.                     escapedText = escapedText.replaceAll(rule.pattern, rule.replacement);
  8433.                 }
  8434.                 escapedText = escapedText.replace(/\$\$/g, "$$$$$$$$");// $$符号（因为后面需要作为replacement，双倍消耗）
  8435.                 text = text.replace(matchedText, escapedText);
  8436.             }
  8437.  
  8438.             // 恢复行间代码块
  8439.             text = replacer.recover(text);
  8440.         }
  8441.  
  8442.         // // 使符合mathjx的转换语法
  8443.         // const mathjaxRuleMap = [
  8444.         //     { pattern: /\$/g, replacement: "$$$$$$" }, // $$ 行间
  8445.         // ];
  8446.         // mathjaxRuleMap.forEach(({ pattern, replacement }) => {
  8447.         //     text = text.replace(pattern, replacement);
  8448.         // });
  8449.  
  8450.         // markdown修正
  8451.         const mdRuleMap = [
  8452.             { pattern: /(\s_[\u4e00-\u9fa5]+_)([\u4e00-\u9fa5]+)/g, replacement: "$1 $2" }, // 斜体
  8453.             { pattern: /(_[\u4e00-\u9fa5]+_\s)([\u4e00-\u9fa5]+)/g, replacement: " $1$2" },
  8454.             { pattern: /(_[\u4e00-\u9fa5]+_)([\u4e00-\u9fa5]+)/g, replacement: " $1 $2" },
  8455.             { pattern: /（([\s\S]*?)）/g, replacement: "($1)" }, // 中文（）
  8456.             // { pattern: /：/g, replacement: ":" }, // 中文：
  8457.             { pattern: /\*\* (.*?) \*\*/g, replacement: "\*\*$1\*\*" } // 加粗
  8458.         ];
  8459.         mdRuleMap.forEach(({ pattern, replacement }) => {
  8460.             text = text.replace(pattern, replacement);
  8461.         });
  8462.  
  8463.         return text;
  8464.     }
  8465.  
  8466.     // 创建翻译结果元素并放在element_node的后面
  8467.     translateResult.translateDiv = new TranslateDiv(id);
  8468.     $(element_node).after(translateResult.translateDiv.getDiv());
  8469.  
  8470.     // 顶栏左侧信息
  8471.     translateResult.translateDiv.setTopText(i18next.t('servers.' + realTransServer, { ns: 'translator' }) +
  8472.         i18next.t('translateDiv.topTextSuffix', { ns: 'translator' }));
  8473.  
  8474.     // 注册按钮
  8475.     translateResult.translateDiv.registerUpButtonEvent();
  8476.     translateResult.translateDiv.registerCloseButtonEvent();
  8477.     if (OJBetter.translation.choice == 'openai' || OJBetter.translation.choice == 'deepl') {
  8478.         translateResult.translateDiv.showQueryBalanceButton(OJBetter.translation.choice); // 显示额度查询
  8479.     }
  8480.  
  8481.     // 翻译内容是否可能为代码片段
  8482.     if (isEmptyText(text)) {
  8483.         const shouldContinue = await OJB_createDialog(
  8484.             i18next.t('isEmptyText.title', { ns: 'dialog' }),
  8485.             i18next.t('isEmptyText.content', { ns: 'dialog' }),
  8486.             [
  8487.                 i18next.t('isEmptyText.buttons.0', { ns: 'dialog' }),
  8488.                 i18next.t('isEmptyText.buttons.1', { ns: 'dialog' })
  8489.             ],
  8490.             true
  8491.         );
  8492.         if (shouldContinue) {
  8493.             translateResult.status = "skip";
  8494.             return translateResult;
  8495.         }
  8496.     }
  8497.  
  8498.     // 替换latex公式
  8499.     text = replaceLatex(text);
  8500.  
  8501.     // 过滤**号
  8502.     if (OJBetter.translation.filterTextWithoutEmphasis && GM_getValue("translation") !== "openai") { // TODO
  8503.         text = text.replace(/\*\*/g, "");
  8504.     }
  8505.  
  8506.     // 字符数上限
  8507.     const translationLimits = {
  8508.         deepl: 5000,
  8509.         iflyrec: 2000,
  8510.         youdao: 600,
  8511.         google: 5000,
  8512.         caiyun: 5000
  8513.     };
  8514.     if (translationLimits.hasOwnProperty(realTransServer) && text.length > translationLimits[realTransServer]) {
  8515.         let textLength = translationLimits[realTransServer];
  8516.         let realTextLength = text.length;
  8517.         const shouldContinue = await OJB_createDialog(
  8518.             i18next.t('transTextLimits.title', { ns: 'dialog' }),
  8519.             i18next.t('transTextLimits.content', { ns: 'dialog', textLength: textLength, realTextLength: realTextLength }),
  8520.             [
  8521.                 i18next.t('transTextLimits.buttons.0', { ns: 'dialog' }),
  8522.                 i18next.t('transTextLimits.buttons.1', { ns: 'dialog' })
  8523.             ],
  8524.             true
  8525.         ); // 字数超限确认
  8526.         if (shouldContinue) {
  8527.             translateResult.status = "skip";
  8528.             return translateResult;
  8529.         }
  8530.     }
  8531.  
  8532.     /**
  8533.      * 调用各个翻译服务
  8534.      * @param {string} transServer 翻译服务
  8535.      * @returns {TransRawData} 原始翻译数据
  8536.      */
  8537.     async function translate(transServer) {
  8538.         const is_renderLaTeX = !(OJBetter.typeOfPage.is_oldLatex || OJBetter.typeOfPage.is_acmsguru);
  8539.         const servername = i18next.t('servers.' + realTransServer, { ns: 'translator' });
  8540.         /** @type {TransRawData} 原始翻译数据*/
  8541.         let rawData = {};
  8542.         try {
  8543.             if (transServer == "deepl") {
  8544.                 if (OJBetter.deepl.config.type == 'free') {
  8545.                     translateResult.translateDiv.updateTranslateDiv(`${i18next.t('transingTip.basic', { ns: 'translator', server: servername })}`, is_renderLaTeX);
  8546.                     rawData = await translate_deepl(text);
  8547.                 } else if (OJBetter.deepl.config.type == 'api') {
  8548.                     translateResult.translateDiv.updateTranslateDiv(`${i18next.t('transingTip.deeplApi', { ns: 'translator', deepl_configName: OJBetter.deepl.config.name })}`, is_renderLaTeX);
  8549.                     if (OJBetter.deepl.config.apiGenre == 'deeplx') {
  8550.                         rawData = await translate_deeplx(text);
  8551.                     } else {
  8552.                         if (OJBetter.deepl.enableEmphasisProtection) text = convertBoldMarkdownToHTML(text);
  8553.                         if (OJBetter.deepl.enableLinkProtection) text = convertLinksMarkdownToHTML(text);
  8554.                         if (OJBetter.deepl.config.apiGenre == 'api-free') {
  8555.                             rawData = await translate_deepl_api_free(text);
  8556.                         } else if (OJBetter.deepl.config.apiGenre == 'api-pro') {
  8557.                             rawData = await translate_deepl_api_pro(text);
  8558.                         }
  8559.                         if (OJBetter.deepl.enableEmphasisProtection) rawData.text = convertBoldHTMLToMarkdown(rawData.text);
  8560.                         if (OJBetter.deepl.enableLinkProtection) rawData.text = convertLinksHTMLToMarkdown(rawData.text);
  8561.                     }
  8562.                 }
  8563.             } else if (transServer == "iflyrec") {
  8564.                 translateResult.translateDiv.updateTranslateDiv(`${i18next.t('transingTip.basic', { ns: 'translator', server: servername })}`, is_renderLaTeX);
  8565.                 rawData = await translate_iflyrec(text);
  8566.             } else if (transServer == "youdao") {
  8567.                 translateResult.translateDiv.updateTranslateDiv(`${i18next.t('transingTip.basic', { ns: 'translator', server: servername })}`, is_renderLaTeX);
  8568.                 rawData = await translate_youdao_mobile(text);
  8569.             } else if (transServer == "google") {
  8570.                 translateResult.translateDiv.updateTranslateDiv(`${i18next.t('transingTip.basic', { ns: 'translator', server: servername })}`, is_renderLaTeX);
  8571.                 rawData = await translate_gg(text);
  8572.             } else if (transServer == "caiyun") {
  8573.                 translateResult.translateDiv.updateTranslateDiv(`${i18next.t('transingTip.basic', { ns: 'translator', server: servername })}`, is_renderLaTeX);
  8574.                 rawData = await translate_caiyun(text);
  8575.             } else if (transServer == "openai") {
  8576.                 translateResult.translateDiv.updateTranslateDiv(`${i18next.t('transingTip.openai', { ns: 'translator', openai_name: OJBetter.chatgpt.config.name })}${!OJBetter.chatgpt.isStream
  8577.                     ? i18next.t('transingTip.openai_isStream', { ns: 'translator' }) : ""}`,
  8578.                     is_renderLaTeX);
  8579.                 if (OJBetter.chatgpt.isStream) {
  8580.                     // 流式传输
  8581.                     rawData = await translate_openai_stream(text, translateResult.translateDiv);
  8582.                 } else {
  8583.                     // 普通模式
  8584.                     rawData = await translate_openai(text);
  8585.                 }
  8586.             }
  8587.             translatedText = rawData.text;
  8588.             if (!rawData.done) {
  8589.                 translateResult.status = "error";
  8590.             }
  8591.         } catch (e) {
  8592.             translateResult.status = "error";
  8593.             rawData.message = i18next.t('error.unexpected', { ns: 'translator' });
  8594.             console.warn(e);
  8595.         }
  8596.         return rawData;
  8597.     }
  8598.     translateResult.rawData = await translate(realTransServer);
  8599.  
  8600.     if (translateResult.status == "error") {
  8601.         translateResult.translateDiv.updateTranslateDiv(translateResult.rawData.message);
  8602.         return translateResult;
  8603.     }
  8604.  
  8605.     // 还原latex公式
  8606.     translatedText = recoverLatex(translatedText);
  8607.  
  8608.     // 注册结果复制按钮
  8609.     if (!OJBetter.typeOfPage.is_oldLatex && !OJBetter.typeOfPage.is_acmsguru) {
  8610.         translateResult.translateDiv.registerCopyButtonEvent(translatedText);
  8611.     } else {
  8612.         translateResult.translateDiv.disableCopyButton();
  8613.     }
  8614.  
  8615.     // 翻译结果格式化
  8616.     translatedText = formatText(translatedText);
  8617.  
  8618.     // 保存翻译结果
  8619.     if ((OJBetter.typeOfPage.is_problem || OJBetter.typeOfPage.is_completeProblemset) && OJBetter.translation.memory.enabled) {
  8620.         // OJBetter.translation.memory.ttTree.refreshNode(".ttypography"); // 刷新当前页面.ttypography元素的结构树实例
  8621.         OJBetter.translation.memory.ttTree.refreshNode("#task-statement"); // 刷新当前页面.ttypography元素的结构树实例
  8622.         OJBetter.translation.memory.ttTree.addTransResultMap(id, translatedText);
  8623.         updateTransDBData(OJBetter.translation.memory.ttTree.getNodeData(), OJBetter.translation.memory.ttTree.getTransResultMap()); // 更新翻译结果到transDB
  8624.     }
  8625.  
  8626.     // 翻译结果面板更新
  8627.     translateResult.translateDiv.updateTranslateDiv(translatedText, !(OJBetter.typeOfPage.is_oldLatex || OJBetter.typeOfPage.is_acmsguru));
  8628.  
  8629.     return translateResult;
  8630. }
  8631.  
  8632. //弹窗翻译
  8633. function alertZh() {
  8634.     // var _alert = window.alert;
  8635.     // window.alert = async function (msg) {
  8636.     //     _alert(msg + "\n=========翻译=========\n" + await translate_deepl(msg));
  8637.     //     return true;
  8638.     // }
  8639. };
  8640.  
  8641. /**
  8642.  * 折叠块展开
  8643.  */
  8644. function ExpandFoldingblocks() {
  8645.     $('.spoiler').addClass('spoiler-open');
  8646.     $('.spoiler-content').attr('style', '');
  8647. };
  8648.  
  8649. /**
  8650.  * 折叠块渲染优化
  8651.  */
  8652. function RenderPerfOpt() {
  8653.     GM_addStyle(`
  8654.         .spoiler-content {
  8655.             contain: layout style;
  8656.         }
  8657.     `);
  8658. }
  8659.  
  8660. /**
  8661.  * 下拉选择框性能优化
  8662.  */
  8663. async function SelectElementPerfOpt() {
  8664.     // TODO 10
  8665.     // 加载库资源
  8666.     await OJB_LoadJS("https://aowuucdn.oss-accelerate.aliyuncs.com/js/selectpage.min.js");
  8667.     /**
  8668.      * 将一个<select>元素转换为SelectPage控件
  8669.      * @param {HTMLElement|string} selector - 要转换的<select>元素或其选择器
  8670.      */
  8671.     const OJB_transformSelectToSelectPage = (selector) => {
  8672.         const $select = $(selector);
  8673.         if ($select.length === 0 || !$select.is('select')) {
  8674.             console.error('Invalid select element provided.');
  8675.             return;
  8676.         }
  8677.  
  8678.         // 隐藏原生的<select>元素
  8679.         $select.hide();
  8680.  
  8681.         // 创建一个新的<input>元素用于SelectPage控件
  8682.         const $inputForSelectPage = $('<input>', {
  8683.             type: 'text',
  8684.             class: 'selectpage-input',
  8685.             autocomplete: 'off'
  8686.         });
  8687.         $select.after($inputForSelectPage);
  8688.  
  8689.         // 准备SelectPage所需的数据格式
  8690.         const data = $select.find('option').map((_, option) => ({
  8691.             id: option.value,
  8692.             text: option.text
  8693.         })).get();
  8694.  
  8695.         // 初始化SelectPage
  8696.         $inputForSelectPage.selectPage({
  8697.             showField: 'text',
  8698.             keyField: 'id',
  8699.             data,
  8700.             lang: 'en',
  8701.             // 当选中一个选项时，更新隐藏的<select>元素的值
  8702.             eSelect: (data) => {
  8703.                 $select.val(data.id).trigger('change');
  8704.             },
  8705.             // 初始化时根据<select>的当前值设置SelectPage
  8706.             initRecord: $select.val()
  8707.         });
  8708.     };
  8709.  
  8710.     // 遍历页面上的所有select
  8711.     $('select').each((_, select) => {
  8712.         // 选项大于500才优化
  8713.         if ($(select).find('option').length > 500) {
  8714.             OJB_transformSelectToSelectPage(select);
  8715.         }
  8716.     });
  8717. }
  8718.  
  8719. /**
  8720.  * 题目页相关链接栏
  8721.  */
  8722. class ProblemPageLinkbar {
  8723.     constructor() {
  8724.         this.containerElement = this.createToolbar();
  8725.         this.commandInvoker = new CommandInvoker();
  8726.     }
  8727.  
  8728.     /**
  8729.      * 创建工具栏
  8730.      */
  8731.     createToolbar() {
  8732.         // const toolbarElement = $("<div>").attr("id", "problemToolbar").insertBefore($(".problemindexholder"));
  8733.         const toolbarElement = $("<div>").attr("id", "problemToolbar").insertBefore($(".h2"));
  8734.         return new DOMContainer(toolbarElement);
  8735.     }
  8736.  
  8737.     /**
  8738.      * 添加按钮
  8739.      * @param {string} id 按钮id
  8740.      * @param {string} url 按钮链接
  8741.      * @param {string} text 按钮文字
  8742.      * @param {JQueryObject} icon 按钮图标
  8743.      * @param {string} iconHeight 图标高度
  8744.      * @returns {object} 按钮对象
  8745.      */
  8746.     addLinkButton(id, url, text, icon = $('<div>'), iconHeight = "22px") {
  8747.         const linkElement = $("<a>")
  8748.             .attr("href", url)
  8749.             .attr("target", "_blank")
  8750.             .addClass("ojb_btn")
  8751.             .attr("id", id);
  8752.  
  8753.         linkElement.append(icon);
  8754.         icon.css("height", iconHeight);
  8755.  
  8756.         const textSpan = $("<span>").html(text);
  8757.         linkElement.append(textSpan);
  8758.  
  8759.         this.commandInvoker.execute(new AddElementCommand(this.containerElement, linkElement));
  8760.         return {
  8761.             element: linkElement,
  8762.             text: textSpan,
  8763.             icon: icon
  8764.         };
  8765.     }
  8766.  
  8767.     /**
  8768.      * 更新链接
  8769.      * @param {object} button 按钮对象
  8770.      * @param {string} url 按钮链接
  8771.      */
  8772.     updateUrl(button, url) {
  8773.         button.element.attr("href", url);
  8774.     }
  8775.  
  8776.     /**
  8777.      * 更新文字
  8778.      * @param {object} button 按钮对象
  8779.      * @param {string} text 按钮文字
  8780.      */
  8781.     updateText(button, text) {
  8782.         button.text.html(text);
  8783.     }
  8784.  
  8785.     /**
  8786.      * 设置文字为粗体
  8787.      * @param {object} button 按钮对象
  8788.      */
  8789.     setBold(button) {
  8790.         button.text.css("font-weight", "bold");
  8791.     }
  8792.  
  8793.     /**
  8794.      * 更新图标
  8795.      * @param {object} button 按钮对象
  8796.      * @param {JQueryObject} icon 按钮图标
  8797.      * @param {string} iconHeight 图标高度
  8798.      */
  8799.     updateIcon(button, icon, iconHeight = "16px") {
  8800.         button.icon.remove();
  8801.         button.text.prepend(icon);
  8802.         icon.css("height", iconHeight);
  8803.         button.icon = icon;
  8804.     }
  8805.  
  8806.     /**
  8807.      * 添加类
  8808.      * @param {object} button 按钮对象
  8809.      * @param {string} className 类名
  8810.      */
  8811.     addClass(button, className) {
  8812.         button.element.addClass(className);
  8813.     }
  8814.  
  8815.     /**
  8816.      * 禁用链接按钮
  8817.      * @param {object} button 按钮对象
  8818.      */
  8819.     disableButton(button) {
  8820.         button.element.addClass("disabled");
  8821.     }
  8822.  
  8823.     /**
  8824.      * 启用链接按钮
  8825.      * @param {object} button 按钮对象
  8826.      */
  8827.     enableButton(button) {
  8828.         button.element.removeClass("disabled");
  8829.     }
  8830. }
  8831.  
  8832. /**
  8833.  * 获取题目的id
  8834.  * @param {String} url 题目的链接 
  8835.  * @returns 题目的id，形如2000A
  8836.  */
  8837. function getProblemId(url) {
  8838.     const regex = /\/contests\/([A-Za-z\d]+)\/tasks\/([A-Za-z\d\_]+)/;
  8839.     const matchResult = url.match(regex);
  8840.     return matchResult && matchResult.length >= 3
  8841.         ? `${matchResult[2]}`
  8842.         : '';
  8843. };
  8844.  
  8845. /**
  8846.  * 跳转到洛谷
  8847.  * @param {ProblemPageLinkbar} problemToolbar 
  8848.  */
  8849. async function CF2luogu(problemToolbar) {
  8850.     const url = window.location.href;
  8851.     const problemId = getProblemId(url);
  8852.     const luoguButton = problemToolbar.addLinkButton(
  8853.         "luoguButton",
  8854.         "https://www.luogu.com.cn/",
  8855.         i18next.t('state.loading', { ns: 'button' }),
  8856.         $("<img>").attr("src", "https://cdn.luogu.com.cn/fe/logo.png")
  8857.     );
  8858.  
  8859.     const checkLinkExistence = async (url) => {
  8860.         return OJB_promiseRetryWrapper(async () => {
  8861.             const response = await OJB_GMRequest({
  8862.                 method: "GET",
  8863.                 url
  8864.             });
  8865.             return !response.responseText.match(/出错了/g);
  8866.         }, {
  8867.             maxRetries: 3,
  8868.             retryInterval: 1000
  8869.         });
  8870.     };
  8871.  
  8872.     const LuoguUrl = `https://www.luogu.com.cn/problem/AT_${problemId}`;
  8873.     try {
  8874.         const result = await checkLinkExistence(LuoguUrl);
  8875.         if (problemId && result) {
  8876.             problemToolbar.updateText(luoguButton, "");
  8877.             problemToolbar.updateUrl(luoguButton, LuoguUrl);
  8878.         } else {
  8879.             problemToolbar.updateText(luoguButton, i18next.t('state.404', { ns: 'button' }));
  8880.             problemToolbar.disableButton(luoguButton);
  8881.         }
  8882.     } catch (error) {
  8883.         if (error instanceof OJB_GMError && error.type == "error") {
  8884.             problemToolbar.updateText(luoguButton, i18next.t('state.netError', { ns: 'button' }));
  8885.             problemToolbar.disableButton(luoguButton);
  8886.         }
  8887.     }
  8888. }
  8889.  
  8890. /**
  8891.  * 跳转到 Virtual Judge
  8892.  * @param {ProblemPageLinkbar} problemToolbar 
  8893.  */
  8894. async function CF2vjudge(problemToolbar) {
  8895.     const url = window.location.href;
  8896.     const problemId = getProblemId(url);
  8897.     const vjudgeButton = problemToolbar.addLinkButton(
  8898.         "vjudgeButton",
  8899.         "https://vjudge.net/",
  8900.         i18next.t('state.loading', { ns: 'button' }),
  8901.         $("<img>").attr("src", "https://aowuucdn.oss-accelerate.aliyuncs.com/vjudge.ico")
  8902.     );
  8903.  
  8904.     const checkLinkExistence = async (url) => {
  8905.         return OJB_promiseRetryWrapper(async () => {
  8906.             const response = await OJB_GMRequest({
  8907.                 method: "HEAD",
  8908.                 url: url,
  8909.             });
  8910.             if (response.status >= 200 && response.status < 300) return true;
  8911.             else if (response.status == 404) return false;
  8912.             else throw new OJB_GMError('network', 'An unknown network error occurred!', response);
  8913.         }, {
  8914.             maxRetries: 3,
  8915.             retryInterval: 1000
  8916.         });
  8917.     };
  8918.  
  8919.     const VjudgeUrl = `https://vjudge.net/problem/AtCoder-${problemId}`;
  8920.     try {
  8921.         const result = await checkLinkExistence(VjudgeUrl);
  8922.         if (problemId && result) {
  8923.             problemToolbar.updateText(vjudgeButton, "VJudge");
  8924.             problemToolbar.updateUrl(vjudgeButton, VjudgeUrl);
  8925.         } else {
  8926.             problemToolbar.updateText(vjudgeButton, i18next.t('state.404', { ns: 'button' }));
  8927.             problemToolbar.disableButton(vjudgeButton);
  8928.         }
  8929.     } catch (error) {
  8930.         if (error instanceof OJB_GMError && error.type == "error") {
  8931.             problemToolbar.updateText(vjudgeButton, i18next.t('state.netError', { ns: 'button' }));
  8932.             problemToolbar.disableButton(vjudgeButton);
  8933.         }
  8934.     }
  8935. }
  8936.  
  8937. // RatingClass
  8938. const ratingClassMap = {
  8939.     NaN: "rating_by_clist_colorNaN",
  8940.     0: "rating_by_clist_color0",
  8941.     1200: "rating_by_clist_color1",
  8942.     1400: "rating_by_clist_color2",
  8943.     1600: "rating_by_clist_color3",
  8944.     1900: "rating_by_clist_color4",
  8945.     2100: "rating_by_clist_color5",
  8946.     2300: "rating_by_clist_color6",
  8947.     2400: "rating_by_clist_color7",
  8948.     2600: "rating_by_clist_color8",
  8949.     3000: "rating_by_clist_color9"
  8950. };
  8951. const cssMap = {
  8952.     "rating_by_clist_colorNaN": "#cccccc",
  8953.     "rating_by_clist_color0": "#808080",
  8954.     "rating_by_clist_color1": "#73e473",
  8955.     "rating_by_clist_color2": "#77ddbb",
  8956.     "rating_by_clist_color3": "#aaaaff",
  8957.     "rating_by_clist_color4": "#ff88ff",
  8958.     "rating_by_clist_color5": "#ffcc88",
  8959.     "rating_by_clist_color6": "#ffbb55",
  8960.     "rating_by_clist_color7": "#ff7777",
  8961.     "rating_by_clist_color8": "#ff3333",
  8962.     "rating_by_clist_color9": "#aa0000"
  8963. };
  8964. // TODO 7
  8965. /**
  8966.  * clist 访问有效性检查
  8967.  * @param {boolean} onlyCookie 是否只检查Cookie
  8968.  * @returns {Promise<boolean>} 是否有效
  8969.  */
  8970. async function validateClistConnection(onlyCookie = false) {
  8971.     const clistApiUrl = "https://clist.by:443/api/v4/contest/?limit=1&resource_id=1";
  8972.     const requestOptions = {
  8973.         method: "GET",
  8974.         url: clistApiUrl,
  8975.         timeout: 5000,
  8976.     };
  8977.  
  8978.     // 尝试发送请求
  8979.     async function tryRequest(options) {
  8980.         try {
  8981.             const response = await OJB_GMRequest(options);
  8982.             if (response.status === 200) {
  8983.                 return { ok: true };
  8984.             } else if (response.status === 401) {
  8985.                 throw new Error('unauthorized');
  8986.             } else if (response.status === 404) {
  8987.                 throw new Error('not_found');
  8988.             } else {
  8989.                 throw new Error('other_error');
  8990.             }
  8991.         } catch (error) {
  8992.             console.warn(`Error accessing clist.by: ${error.message}`);
  8993.             return { ok: false, error: error.message };
  8994.         }
  8995.     }
  8996.  
  8997.     // 尝试携带Key发送请求
  8998.     let result = await tryRequest(requestOptions);
  8999.     if (!onlyCookie && !result.ok) {
  9000.         requestOptions.headers = { "Authorization": OJBetter.clist.authorization };
  9001.         result = await tryRequest(requestOptions);
  9002.     }
  9003.  
  9004.     // 根据结果显示错误信息
  9005.     if (!result.ok) {
  9006.         let errorType = result.error;
  9007.         const loadingMessage = new LoadingMessage();
  9008.         let state;
  9009.         if (errorType === 'not_found') {
  9010.             state = i18next.t('error.clist.404', { ns: 'alert' });
  9011.         } else if (errorType === 'unauthorized') {
  9012.             state = i18next.t('error.clist.cookie', { ns: 'alert' });
  9013.         } else {
  9014.             state = i18next.t('error.clist.other', { ns: 'alert' });
  9015.         }
  9016.         loadingMessage.updateStatus(`${OJBetter.state.name} —— ${state}`, 'error');
  9017.     }
  9018.     return result.ok;
  9019. }
  9020.  
  9021. /**
  9022.  * 创建Rating相关css
  9023.  * @param {boolean} [hasBorder=true] 是否有边框
  9024.  */
  9025. function creatRatingCss(hasBorder = true) {
  9026.     const defaultBorderColor = '#dcdfe6';
  9027.     let dynamicCss = "";
  9028.     let hoverSelector = OJBetter.clist.ratingHidden ? ":hover" : "";
  9029.     for (let cssClass in cssMap) {
  9030.         dynamicCss += `a.${cssClass}${hoverSelector}, a.${cssClass}${hoverSelector}:link {\n`;
  9031.         let borderColor = hasBorder ? cssMap[cssClass] : defaultBorderColor;
  9032.         dynamicCss += `    color: ${cssMap[cssClass]} ${OJBetter.clist.ratingHidden ? "!important" : ""};\n`;
  9033.         dynamicCss += `}\n`;
  9034.     }
  9035.     GM_addStyle(dynamicCss);
  9036.     if (OJBetter.clist.ratingHidden) {
  9037.         GM_addStyle(`
  9038.         #clistButton {
  9039.             color: #ffffff00;
  9040.         }
  9041.     `);
  9042.     }
  9043. }
  9044.  
  9045. /**
  9046.  * 模拟clist网页访问获取rating
  9047.  * @param {string} problem 题目名称
  9048.  * @param {string} problem_url 题目链接
  9049.  * @param {string} contest 比赛名称
  9050.  * @returns {Promise<{rating: number, problem: string}>} 题目难度
  9051.  */
  9052. async function getRatingFromHTML(problem, problem_url, contest = null) {
  9053.     // 去除题目名称中的括号，以及首尾的空白符
  9054.     problem = problem.replace(/\([\s\S]*?\)/g, '').trim();
  9055.  
  9056.     return OJB_promiseRetryWrapper(async () => {
  9057.         const queryString = `search=${encodeURIComponent(problem)}&resource=1`;
  9058.         const response = await OJB_GMRequest({
  9059.             method: 'GET',
  9060.             url: `https://clist.by/problems/?${queryString}`,
  9061.         });
  9062.  
  9063.         if (!response.responseText) throw new OJB_GMError('network', 'An unknown network error occurred!', response);
  9064.         const html = response.responseText;
  9065.         const cleanedHtml = html.replace(/src=(.|\s)*?"/g, '');
  9066.         const parser = new DOMParser();
  9067.         const doc = parser.parseFromString(cleanedHtml, 'text/html');
  9068.         const trs = doc.querySelectorAll('table tbody tr');
  9069.  
  9070.         for (let tr of trs) {
  9071.             const rating = tr.querySelector('.problem-rating-column').textContent.trim();
  9072.             const link = OJB_cleanLink(tr.querySelector('.problem-name-column a:nth-of-type(2)')?.href);
  9073.  
  9074.             if (link === problem_url || link === problem_url + '/') {
  9075.                 return {
  9076.                     rating: parseInt(rating),
  9077.                     problem: problem
  9078.                 };
  9079.             } else if (contest !== null) {
  9080.                 const contestTitles = [...tr.querySelectorAll('.problem-name-column .pull-right a[title], .problem-name-column .pull-right span[title]')].map(el => el.title);
  9081.                 if (contestTitles.includes(contest)) {
  9082.                     return {
  9083.                         rating: parseInt(rating),
  9084.                         problem: problem
  9085.                     };
  9086.                 }
  9087.             }
  9088.         }
  9089.         console.warn(`No data found for the question: ${problem}`);
  9090.     }, {
  9091.         maxRetries: 3,
  9092.         retryInterval: 500
  9093.     });
  9094. }
  9095.  
  9096. /**
  9097.  * 从clist API获取题目的rating
  9098.  * @param {string} problem_name 题目名
  9099.  * @param {string} problem_url 题目链接
  9100.  * @returns {Promise<number>} 题目rating
  9101.  * 
  9102.  * 使用两个Map对象来存储和快速访问题目信息：
  9103.  * - problemsMap: 通过题目的URL作为键来存储题目信息。
  9104.  * - nameMap: 通过题目的名称作为键来存储题目信息。
  9105.  * 
  9106.  * 每个题目信息是一个对象，包含以下属性：
  9107.  * @typedef {Object} ProblemInfo
  9108.  * @property {string} name 题目名称
  9109.  * @property {string} url 题目URL
  9110.  * @property {number} rating 题目评分，如果没有评分信息则为NaN
  9111.  */
  9112. async function getRatingFromApi_problem(problem_name, problem_url) {
  9113.     return OJB_promiseRetryWrapper(async () => {
  9114.         const response = await OJB_GMRequest({
  9115.             method: "GET",
  9116.             // url: `https://clist.by:443/api/v4/problem/?name=${encodeURIComponent(problem_name)}&resource__regex=codeforces.com`,
  9117.             url: `https://clist.by:443/api/v4/problem/?url__regex=${encodeURIComponent(problem_name)}&resource__regex=atcoder.jp`,
  9118.             headers: { "Authorization": OJBetter.clist.authorization }
  9119.         });
  9120.  
  9121.         if (!response.responseText) throw new OJB_GMError('network', 'An unknown network error occurred!', response);
  9122.         let data = JSON.parse(response.responseText);
  9123.         /** 
  9124.          * 使用题目的URL作为键来存储题目信息。
  9125.          * @type {Map<string, ProblemInfo>}
  9126.          */
  9127.         let problemsMap = new Map();
  9128.  
  9129.         /** 
  9130.          * 使用题目的名称作为键来存储题目信息。
  9131.          * @type {Map<string, ProblemInfo>}
  9132.          */
  9133.         let nameMap = new Map();
  9134.  
  9135.         data.objects.forEach(problem => {
  9136.             /** @type {ProblemInfo} 题目信息*/
  9137.             let problemInfo = {
  9138.                 name: problem.name,
  9139.                 url: problem.url,
  9140.                 rating: problem.rating ? problem.rating : NaN
  9141.             };
  9142.             problemsMap.set(OJB_cleanLink(problem.url), problemInfo);
  9143.             nameMap.set(problem.name, problemInfo);
  9144.         });
  9145.  
  9146.         if (problemsMap.has(problem_url)) {
  9147.             return problemsMap.get(problem_url).rating;
  9148.         } else if (nameMap.has(problem_name)) {
  9149.             return nameMap.get(problem_name).rating;
  9150.         } else {
  9151.             console.warn('Problem not found in the response');
  9152.         }
  9153.     }, {
  9154.         maxRetries: 5,
  9155.         retryInterval: 1000
  9156.     });
  9157. }
  9158.  
  9159. /**
  9160.  * 获取字符串中的关键词列表
  9161.  * @param {string} text 字符串文本
  9162.  * @returns {array<string>} 返回关键词列表
  9163.  */
  9164. function getKeywords(text) {
  9165.     // 定义要过滤掉的高频词
  9166.     const highFrequencyWords = ['Educational', 'Codeforces', 'Round', 'Div'];
  9167.  
  9168.     // 使用正则表达式替换掉特殊符号（保留空格以便分词）
  9169.     const sanitizedText = text.replace(/[^\w\s]|_/g, '').replace(/\s+/g, ' ');
  9170.  
  9171.     // 将字符串拆分为单词数组
  9172.     const words = sanitizedText.split(' ');
  9173.  
  9174.     // 过滤掉高频词和空字符串
  9175.     const filteredWords = words.filter(word => {
  9176.         return word && highFrequencyWords.indexOf(word) === -1;
  9177.     });
  9178.  
  9179.     // 返回关键词列表
  9180.     return filteredWords;
  9181. }
  9182.  
  9183. /**
  9184.  * 根据关键词从 Clist API 中获取实际比赛名称
  9185.  * @param {string} contestName 比赛名
  9186.  * @param {string} contestUrl 比赛链接
  9187.  * @returns {string|null} 该比赛在Clist中的实际名字
  9188.  */
  9189. async function getContestNameFromApi(contestName, contestUrl) {
  9190.     return OJB_promiseRetryWrapper(async () => {
  9191.         const options = {
  9192.             method: "GET",
  9193.             // url: `https://clist.by:443/api/v4/contest/?resource_id=1&event__regex=${encodeURIComponent(contestName)}`,
  9194.             url: `https://clist.by:443/api/v4/contest/?resource_id=93&event__regex=${encodeURIComponent(contestName)}`,
  9195.             headers: {
  9196.                 "Authorization": OJBetter.clist.authorization
  9197.             }
  9198.         };
  9199.  
  9200.         let response = await OJB_GMRequest(options);
  9201.  
  9202.         if (!response.responseText) throw new OJB_GMError('network', 'An unknown network error occurred!', response);
  9203.  
  9204.         let data = JSON.parse(response.responseText);
  9205.         let objects = data.objects;
  9206.  
  9207.         if (objects.length > 0) {
  9208.             for (const contest of objects) {
  9209.                 // const href = contest.href.replace(/\/contests\//i, '/contest/'); // 链接可能是contests而不是contest，换回来
  9210.                 const href = contest.href;
  9211.                 if (OJB_cleanLink(href) == contestUrl) {
  9212.                     return contest.event;
  9213.                 }
  9214.             }
  9215.         }
  9216.         return null;
  9217.     }, {
  9218.         maxRetries: 5,
  9219.         retryInterval: 1000
  9220.     });
  9221. }
  9222.  
  9223. /**
  9224.  * 获取在clist中的实际比赛名称
  9225.  * @param {string} contestName 待搜索的比赛名称
  9226.  * @param {string} contestUrl 比赛的url
  9227.  * @returns {Promise<string|null>} 在clist中的实际比赛名称，如果没有找到，则返回null
  9228.  */
  9229. async function getActualContestName(contestName, contestUrl) {
  9230.     // 首先尝试使用完整的比赛名称进行搜索
  9231.     let actualContestName = await getContestNameFromApi(contestName, contestUrl);
  9232.     if (actualContestName) {
  9233.         return actualContestName;
  9234.     }
  9235.  
  9236.     // 如果使用完整名称没有找到，则尝试使用关键词进行搜索
  9237.     const keywords = getKeywords(contestName);
  9238.     const maxKeywordAttempts = 1; // 最多尝试到第几个关键词（因为Clist API有频率限制）
  9239.     for (let i = 0; i < Math.min(keywords.length, maxKeywordAttempts); i++) {
  9240.         actualContestName = await getContestNameFromApi(keywords[i], contestUrl);
  9241.         if (actualContestName) {
  9242.             return actualContestName;
  9243.         }
  9244.     }
  9245.  
  9246.     // 如果全部尝试后仍没有找到，返回null
  9247.     return null;
  9248. }
  9249.  
  9250. /**
  9251.  * 从clist API获取比赛题目集的rating
  9252.  * @param {string} contestName 比赛名
  9253.  * @returns {Promise<Map<string, number>>} 题目rating
  9254.  */
  9255. async function getRatingFromApi_contest(contestName, contestUrl) {
  9256.     const actualContestName = await getActualContestName(contestName, contestUrl);
  9257.     return OJB_promiseRetryWrapper(async () => {
  9258.         const options = {
  9259.             method: "GET",
  9260.             url: `https://clist.by:443/api/v4/contest/?resource_id=93&with_problems=true&event=${encodeURIComponent(actualContestName)}`,
  9261.             headers: {
  9262.                 "Authorization": OJBetter.clist.authorization
  9263.             }
  9264.         };
  9265.  
  9266.         let response = await OJB_GMRequest(options);
  9267.  
  9268.         if (!response.responseText) throw new OJB_GMError('network', 'An unknown network error occurred!', response);
  9269.  
  9270.         let data = JSON.parse(response.responseText);
  9271.         let objects = data.objects;
  9272.         let problemsMap = new Map();
  9273.  
  9274.         if (objects.length > 0 && objects[0].problems) {
  9275.             objects[0].problems.forEach(problem => {
  9276.                 problemsMap.set(OJB_cleanLink(problem.url), problem.rating ? problem.rating : NaN);
  9277.             });
  9278.         }
  9279.  
  9280.         return problemsMap;
  9281.     }, {
  9282.         maxRetries: 5,
  9283.         retryInterval: 1000
  9284.     });
  9285. }
  9286.  
  9287. /**
  9288.  * 根据rating获取对应的颜色class名
  9289.  * @param {number} rating 题目rating
  9290.  * @returns {string} 颜色class名
  9291.  */
  9292. function getClassNameByRating(rating) {
  9293.     let className = "rating_by_clist_color9";
  9294.     if (Number.isNaN(rating)) {
  9295.         className = "rating_by_clist_colorNaN";
  9296.     } else {
  9297.         let keys = Object.keys(ratingClassMap);
  9298.         for (let i = 0; i < keys.length; i++) {
  9299.             if (rating < keys[i]) {
  9300.                 className = ratingClassMap[keys[i - 1]];
  9301.                 break;
  9302.             }
  9303.         }
  9304.     }
  9305.     return className;
  9306. }
  9307.  
  9308. /**
  9309.  * problem题目页显示Rating
  9310.  * @param {ProblemPageLinkbar} problemToolbar 
  9311.  * @returns {Promise<void>}
  9312.  */
  9313. async function showRatingByClist_problem(problemToolbar) {
  9314.     // 题目名
  9315.     // const problem = $('.header .title').eq(0).text().replace(/[\s\S]*?. /, '');
  9316.     // if (OJBetter.typeOfPage.is_acmsguru) problem = $('h4').eq(0).text().replace(/[\s\S]*?. /, '');
  9317.     const url = window.location.href;
  9318.     const problemId = getProblemId(url);
  9319.  
  9320.     // 创建Rating按钮元素
  9321.     creatRatingCss(false);
  9322.     // TODO
  9323.     // const clistButton = problemToolbar.addLinkButton(
  9324.     //     'clistButton',
  9325.     //     `https://clist.by/problems/?search=${problem}&resource=1`,
  9326.     //     i18next.t('state.wait', { ns: 'button' }),
  9327.     //     $("<img>").attr("src", "https://clist.by/static/img/logo-48.png"),
  9328.     //     "15px"
  9329.     // );
  9330.     const clistButton = problemToolbar.addLinkButton(
  9331.         'clistButton',
  9332.         `https://clist.by/problems/?search=${problemId}&resource=93`,
  9333.         i18next.t('state.wait', { ns: 'button' }),
  9334.         $("<img>").attr("src", "https://clist.by/static/img/logo-48.png"),
  9335.         "15px"
  9336.     );
  9337.  
  9338.     // 检测clist连接
  9339.     if (!await validateClistConnection()) {
  9340.         problemToolbar.updateText(clistButton, i18next.t('state.netError', { ns: 'button' }));
  9341.         return;
  9342.     }
  9343.  
  9344.     // 题目链接
  9345.     let problem_url = window.location.href;
  9346.     if (problem_url.includes('/contest/')) {
  9347.         problem_url = problem_url.replace(/\/contest\/(\d+)\/problem\/(\w+)[^\w]*/, '/contest/$1/problem/$2');
  9348.     } else {
  9349.         problem_url = problem_url.replace(/\/problemset\/problem\/(\d+)\/(\w+)/, '/contest/$1/problem/$2');
  9350.     }
  9351.     if (OJBetter.typeOfPage.is_mSite) problem_url = problem_url.replace(/\/\/(\w+).codeforces.com/, '//codeforces.com'); // 轻量站
  9352.  
  9353.     // 比赛名
  9354.     // let contest = $('#sidebar').children().first().find('.rtable th').first().text();
  9355.  
  9356.     // rating
  9357.     problemToolbar.updateText(clistButton, i18next.t('state.loading', { ns: 'button' }));
  9358.     let rating = await getRatingFromApi_problem(problemId, problem_url);
  9359.     if (rating) {
  9360.         let className = getClassNameByRating(rating);
  9361.         problemToolbar.updateText(clistButton, rating);
  9362.         problemToolbar.setBold(clistButton);
  9363.         problemToolbar.addClass(clistButton, className);
  9364.     } else {
  9365.         problemToolbar.updateText(clistButton, i18next.t('state.404', { ns: 'button' }));
  9366.         problemToolbar.disableButton(clistButton);
  9367.     }
  9368. }
  9369.  
  9370. /**
  9371.  * contest页显示Rating
  9372.  * @returns {Promise<void>}
  9373.  */
  9374. async function showRatingByClist_contest() {
  9375.     // 创建Rating显示框
  9376.     creatRatingCss();
  9377.     let ratingBadges = {};
  9378.     // $('.datatable .id.left').each(function () {
  9379.     //     let href = 'https://codeforces.com' + $(this).find('a').attr('href');
  9380.     //     let badge = OJB_safeCreateJQElement(`<a id="clistButton" class="ratingBadge">${i18next.t('state.wait', { ns: 'button' })}</a>`);
  9381.     //     $(this).find('a').after(badge);
  9382.     //     ratingBadges[href] = badge;
  9383.     // });
  9384.     $('table tbody tr').each(function () {
  9385.         let href = 'https://atcoder.jp' + $(this).find('a').attr('href');
  9386.         let badge = OJB_safeCreateJQElement(`<a id="clistButton" class="ratingBadge">${i18next.t('state.wait', { ns: 'button' })}</a>`);
  9387.         $(this).find('a:first').after(badge);
  9388.         ratingBadges[href] = badge;
  9389.     });
  9390.  
  9391.     // 检测clist连接
  9392.     if (!await validateClistConnection()) {
  9393.         for (let href in ratingBadges) {
  9394.             ratingBadges[href].text('error').addClass('ratingBadge_error');
  9395.         }
  9396.         return;
  9397.     }
  9398.  
  9399.     // 显示loading
  9400.     for (let href in ratingBadges) {
  9401.         ratingBadges[href].text(i18next.t('state.loading', { ns: 'button' })).addClass('ratingBadge_loading');
  9402.     }
  9403.  
  9404.     // 获取Rating
  9405.     // let contestName = $('#sidebar').children().first().find('.rtable th').first().text();
  9406.     let contestName = window.location.href.match(/\/contests\/[^\/]*?(\d+)\/tasks/)?.[1];
  9407.     // let contestUrl = OJB_cleanLink(window.location.href);
  9408.     let contestUrl = OJB_cleanLink(window.location.href.replace(/\/tasks\/?.*$/, ''));
  9409.     try {
  9410.         let problemsMap = await getRatingFromApi_contest(contestName, contestUrl);
  9411.  
  9412.         // 填充数据
  9413.         for (let href in ratingBadges) {
  9414.             if (problemsMap.has(href)) {
  9415.                 let rating = problemsMap.get(href);
  9416.                 let className = getClassNameByRating(rating);
  9417.                 ratingBadges[href].text(rating).addClass(className);
  9418.             } else {
  9419.                 ratingBadges[href].text(i18next.t('state.404', { ns: 'button' })).addClass('ratingBadge_no');
  9420.             }
  9421.         }
  9422.     } catch (error) {
  9423.         // 填充数据
  9424.         for (let href in ratingBadges) {
  9425.             ratingBadges[href].text(i18next.t('state.netError', { ns: 'button' })).addClass('ratingBadge_no');
  9426.         }
  9427.         console.warn(error);
  9428.     }
  9429. }
  9430.  
  9431. /**
  9432.  * problemset页显示Rating
  9433.  * @returns {Promise<void>}
  9434.  */
  9435. async function showRatingByClist_problemset() {
  9436.     creatRatingCss();
  9437.     let ratingBadges = [];
  9438.     const $problems = $('.problems');
  9439.     const $trs = $problems.find('tbody tr:gt(0)');
  9440.  
  9441.     // 先创建Rating显示框，并将关系存进数组ratingBadges
  9442.     for (let i = 0; i < $trs.length; i++) {
  9443.         const $tds = $($trs[i]).find('td');
  9444.         const $firstDiv = $($tds[1]).find('div:first');
  9445.         let problem = $firstDiv.text();
  9446.         let problem_url = $firstDiv.find('a').attr('href');
  9447.         problem_url = problem_url.replace(/^\/problemset\/problem\/(\d+)\/(\w+)/, 'https://codeforces.com/contest/$1/problem/$2');
  9448.  
  9449.         const ratingBadge = OJB_safeCreateJQElement(`<a id="clistButton" class="ratingBadge"></a>`);
  9450.         const rating = OJB_safeCreateJQElement(`<span class="rating">${i18next.t('state.wait', { ns: 'button' })}</span>`);
  9451.         ratingBadge.append(rating);
  9452.         $($tds[0]).find('a').after(ratingBadge);
  9453.         ratingBadges.push({ ratingBadge, rating, problem, problem_url });
  9454.     }
  9455.  
  9456.     // 检测clist连接
  9457.     if (!await validateClistConnection()) {
  9458.         for (let i = 0; i < rating.length; i++) {
  9459.             ratingBadges[i].rating.text(i18next.t('state.netError', { ns: 'button' }));
  9460.         }
  9461.         return;
  9462.     }
  9463.  
  9464.     // 每次只获取3个rating
  9465.     for (let i = 0; i < ratingBadges.length; i += 3) {
  9466.         const promises = [];
  9467.         const endIndex = Math.min(i + 3, ratingBadges.length);
  9468.  
  9469.         for (let j = i; j < endIndex; j++) {
  9470.             const ratingBadge = ratingBadges[j];
  9471.             // 显示请求中
  9472.             ratingBadge.rating.text(i18next.t('state.loading', { ns: 'button' }));
  9473.             promises.push(getRatingFromHTML(ratingBadge.problem, ratingBadge.problem_url).catch(error => console.warn(error)));
  9474.         }
  9475.  
  9476.         const results = await Promise.all(promises);
  9477.  
  9478.         for (let j = i; j < endIndex; j++) {
  9479.             const result = results[j - i];
  9480.             const ratingBadge = ratingBadges[j];
  9481.             if (result) {
  9482.                 let className = getClassNameByRating(result.rating);
  9483.                 ratingBadge.ratingBadge.addClass(className);
  9484.                 ratingBadge.rating.text(result.rating);
  9485.             } else {
  9486.                 ratingBadge.rating.text(i18next.t('state.404', { ns: 'button' }));
  9487.             }
  9488.         }
  9489.     }
  9490. }
  9491.  
  9492. /**
  9493.  * 存放编辑器语言select的值与Monaco语言对应关系的map.
  9494.  * @type {Object.<string, string>}
  9495.  */
  9496. // const value_monacoLanguageMap = {
  9497. //     "4": "pascal", "6": "php", "7": "python", "9": "csharp", "13": "perl", "20": "scala", "31": "python",
  9498. //     "32": "go", "34": "javascript", "36": "java", "40": "python", "41": "python", "43": "cpp",
  9499. //     "50": "cpp", "51": "pascal", "52": "cpp", "54": "cpp", "55": "javascript", "59": "cpp", "60": "java",
  9500. //     "61": "cpp", "65": "csharp", "67": "ruby", "70": "python", "73": "cpp", "74": "java", "75": "rust",
  9501. //     "77": "kotlin", "79": "csharp", "80": "cpp", "83": "kotlin", "87": "java"
  9502. // };
  9503. const value_monacoLanguageMap = {
  9504.     "5001": "cpp", "5002": "go", "5003": "csharp", "5004": "kotlin", "5005": "java",
  9505.     "5006": "nim", "5007": "text", "5008": "text", "5009": "javascript", "5010": "javascript",
  9506.     "5011": "r", "5012": "d", "5013": "d", "5014": "swift", "5015": "dart",
  9507.     "5016": "php", "5017": "cpp", "5018": "ruby", "5019": "crystal", "5020": "text",
  9508.     "5021": "fsharp", "5022": "julia", "5023": "sh", "5024": "text", "5025": "haskell",
  9509.     "5026": "fortran", "5027": "lua", "5028": "cpp", "5029": "lisp", "5030": "cobol",
  9510.     "5031": "cpp", "5032": "sh", "5033": "python", "5034": "sh", "5035": "text",
  9511.     "5036": "text", "5037": "perl", "5038": "sh", "5039": "text", "5040": "text",
  9512.     "5041": "pascal", "5042": "csharp", "5043": "lua", "5044": "prolog", "5045": "sh",
  9513.     "5046": "scheme", "5047": "scala", "5048": "vbscript", "5049": "text", "5050": "clojure",
  9514.     "5051": "erlang", "5052": "typescript", "5053": "cpp", "5054": "rust", "5055": "python",
  9515.     "5056": "scala", "5057": "text", "5058": "typescript", "5059": "ocaml", "5060": "raku",
  9516.     "5061": "text", "5062": "lisp", "5063": "python", "5064": "clojure", "5065": "text",
  9517.     "5066": "text", "5067": "text", "5068": "ada", "5069": "text", "5070": "text",
  9518.     "5071": "clojure", "5072": "cpp", "5073": "cpp", "5074": "text", "5075": "lisp",
  9519.     "5076": "text", "5077": "d", "5078": "python", "5079": "text", "5080": "text",
  9520.     "5081": "ocaml", "5082": "python", "5083": "matlab", "5084": "haxe", "5085": "elixir",
  9521.     "5086": "text", "5087": "text", "5088": "lisp", "5089": "text", "5090": "cobol"
  9522. };
  9523.  
  9524. /**
  9525.  * 更新代码提交页的HTML
  9526.  * @param {string} submitUrl 提交页面的URL
  9527.  * @param {string} cacheKey 本地缓存的键名
  9528.  * @returns {Promise<jQuery<HTMLElement>>} 返回 jQuery 包装的 HTML 元素
  9529.  */
  9530. async function CloneOriginalHTML(submitUrl, cacheKey) {
  9531.     return OJB_promiseRetryWrapper(async () => {
  9532.         const response = await OJB_GMRequest({
  9533.             method: 'GET',
  9534.             url: submitUrl
  9535.         });
  9536.         const html = response.responseText;
  9537.         const parser = new DOMParser();
  9538.         const doc = parser.parseFromString(html, 'text/html');
  9539.         const cloneHTML = $(doc.body).html();
  9540.         localStorage.setItem(cacheKey, html);
  9541.         return $(cloneHTML);
  9542.     }, {
  9543.         maxRetries: 5,
  9544.         retryInterval: 1000,
  9545.         errorHandler: (err) => {
  9546.             console.error('A network error occurred while retrieving the HTML for the code submission page.', submitUrl);
  9547.         }
  9548.     });
  9549. }
  9550.  
  9551. /**
  9552.  * 获取代码提交页的HTML元素
  9553.  * @param {string} submitUrl 
  9554.  * @returns {Promise<jQuery>}
  9555.  */
  9556. async function getSubmitHTML(submitUrl) {
  9557.     const cacheKey = 'OJBetter_CloneOriginalHTML';
  9558.     const cookieKey = 'OJBetter_CloneOriginalHTML_time';
  9559.     if (OJB_getCookie(cookieKey) === '1') {
  9560.         // 存在缓存
  9561.         CloneOriginalHTML(submitUrl, cacheKey);
  9562.         // 校验
  9563.         let cloneHTML = $(localStorage.getItem(cacheKey));
  9564.         if (cloneHTML.find('form.submit-form').length > 0) {
  9565.             return cloneHTML;
  9566.         } else {
  9567.             // 存在错误，更新缓存
  9568.             console.warn(`Cache error detected!\nattempting to update, cache destination submitUrl:\n${submitUrl}`);
  9569.             return await CloneOriginalHTML(submitUrl, cacheKey);
  9570.         }
  9571.  
  9572.     } else {
  9573.         // 没有缓存，更新
  9574.         document.cookie = `${cookieKey}=1; path=/`;
  9575.         return await CloneOriginalHTML(submitUrl, cacheKey);
  9576.     }
  9577. }
  9578.  
  9579. // 代码自动保存
  9580. async function saveCode(url, code) {
  9581.     try {
  9582.         await OJBetter.common.database.editorCode.put({ url, code });
  9583.         return 'Code saved successfully';
  9584.     } catch (error) {
  9585.         throw new Error('Failed to save code');
  9586.     }
  9587. }
  9588.  
  9589. async function getCode(url) {
  9590.     try {
  9591.         const result = await OJBetter.common.database.editorCode.get(url);
  9592.         return result ? result.code : null;
  9593.     } catch (error) {
  9594.         throw new Error('Failed to get code');
  9595.     }
  9596. }
  9597.  
  9598. // 创建代码编辑调试表单元素
  9599. // async function createCodeEditorForm(submitUrl, cloneHTML) {
  9600. async function createCodeEditorForm(submitUrl) {
  9601.     // 表单
  9602.     let formDiv = $('<form method="post" id="OJBetter_SubmitForm" class="input-output-copier"></form>');
  9603.     // $('.ttypography').after(formDiv);
  9604.     $('#task-statement').after(formDiv);
  9605.     // formDiv.attr('action', submitUrl + "?csrf_token=" + OJBetter.common.at_csrf_token);
  9606.     formDiv.attr('action', submitUrl);
  9607.     formDiv.attr('method', 'POST');
  9608.  
  9609.     // 顶部区域
  9610.     let topDiv = OJB_safeCreateJQElement(`<div class="topDiv"></div>`);
  9611.     let selectLang = $('#select-lang').clone(); // 语言选择
  9612.     // selectLang.css({ 'margin': '10px 0px' }).attr('id', 'programTypeId');
  9613.     topDiv.append(selectLang);
  9614.     let topRightDiv = OJB_safeCreateJQElement(`<div class="topRightDiv"></div>`);
  9615.     topDiv.append(topRightDiv);
  9616.     formDiv.append(topDiv);
  9617.  
  9618.     // 问题选择/编号
  9619.     // let selectProblem = $('<input name="submittedProblemIndex" style="display:none;"></input>');
  9620.     // let problemCode;
  9621.     // if (OJBetter.typeOfPage.is_acmsguru) {
  9622.     //     problemCode = $('h4').eq(0).text();
  9623.     //     let matchResult = problemCode.match(/([A-Z0-9]+)/);
  9624.     //     problemCode = matchResult[0];
  9625.     // } else if (OJBetter.typeOfPage.is_problemset_problem) {
  9626.     //     let match = window.location.href.match(/\/problem\/([0-9]+?)\/([A-Z0-9]+?)(?!=[A-Z0-9])/);
  9627.     //     problemCode = match[1] + match[2];
  9628.     //     selectProblem.attr('name', 'submittedProblemCode');
  9629.     // } else {
  9630.     //     problemCode = $('.header .title').eq(0).text();
  9631.     //     let matchResult = problemCode.match(/([A-Z0-9]+)/);
  9632.     //     problemCode = matchResult[0];
  9633.     // }
  9634.     // selectProblem.val(problemCode);
  9635.     let selectProblem = $('input[name="data.TaskScreenName"]').clone();
  9636.     formDiv.append(selectProblem);
  9637.  
  9638.     // 隐藏的代码记录
  9639.     // let sourceDiv = $('<textarea id="sourceCodeTextarea" name="source" style="display: none;"></textarea>');
  9640.     let sourceDiv = $('<textarea id="plain-textarea" name="sourceCode" style="display: none;"></textarea>');
  9641.     formDiv.append(sourceDiv);
  9642.  
  9643.     // 隐藏的crsf token
  9644.     let csrfDiv = $(`<input type="hidden" name="csrf_token" value=${OJBetter.common.at_csrf_token}>`);
  9645.     formDiv.append(csrfDiv);
  9646.  
  9647.     // 代码编辑器
  9648.     let editorDiv = $('<div id="OJBetter_editor"></div>');
  9649.     formDiv.append(editorDiv);
  9650.  
  9651.     // monaco
  9652.     let monaco = $('<div id="OJBetter_monaco"></div>');
  9653.     editorDiv.append(monaco);
  9654.  
  9655.     // 自定义调试
  9656.     let customTestDiv = OJB_safeCreateJQElement(`
  9657.         <details id="customTestBlock">
  9658.             <summary >${i18next.t('customTestBlock.title', { ns: 'codeEditor' })}</summary>
  9659.             <div id="customTests" style="min-height: 30px;"></div>
  9660.             <div id="control" style="display:flex;">
  9661.                 <div style="display: flex;margin: 5px;">
  9662.                     <input type="checkbox" id="onlyCustomTest"}><label for="onlyCustomTest">
  9663.                     ${i18next.t('customTestBlock.onlyCustom', { ns: 'codeEditor' })}
  9664.                     </label>
  9665.                 </div>
  9666.                 <div style="display: flex;margin: 5px;">
  9667.                     <input type="checkbox" id="DontShowDiff"}>
  9668.                     <label for="DontShowDiff">
  9669.                         ${i18next.t('customTestBlock.DontShowDiff', { ns: 'codeEditor' })}
  9670.                     </label>
  9671.                 </div>
  9672.                 <button type="button" id="addCustomTest">${i18next.t('customTestBlock.add', { ns: 'codeEditor' })}</button>
  9673.             </div>
  9674.         </details>
  9675.     `)
  9676.     formDiv.append(customTestDiv);
  9677.  
  9678.     // 调试/提交
  9679.     let submitDiv = $('<div id="OJBetter_submitDiv"></div>');
  9680.     let CompilerArgsInput = $('<input type="text" id="CompilerArgsInput">');
  9681.     submitDiv.append(CompilerArgsInput);
  9682.  
  9683.     let runButton = OJB_safeCreateJQElement(`
  9684.         <button type="button" id="RunTestButton" class="ojb_btn ojb_btn_popover top">
  9685.             <i class="iconfont">&#xe6c1;</i>
  9686.             <span class="popover_content">${i18next.t('runTestButton.initial', { ns: 'codeEditor' })}</span>
  9687.         </button>
  9688.     `);
  9689.     let submitButton = OJB_safeCreateJQElement(`
  9690.         <button id="SubmitButton" class="ojb_btn ojb_btn_popover top" type="submit">
  9691.             <i class="iconfont">&#xe633;</i>
  9692.             <span class="popover_content">${i18next.t('submitButton', { ns: 'codeEditor' })}</span>
  9693.         </button>
  9694.     `);
  9695.     if (OJBetter.monaco.setting.submitButtonPosition == "bottom") {
  9696.         // 添加测试/提交按钮到底部
  9697.         submitDiv.append(runButton);
  9698.         submitDiv.append(submitButton);
  9699.     }
  9700.  
  9701.     formDiv.append(submitDiv);
  9702.     let CompilerSetting = OJB_safeCreateJQElement(`
  9703.         <div id="CompilerSetting"></div>
  9704.     `);
  9705.     formDiv.append(CompilerSetting);
  9706.     let statePanel = OJB_safeCreateJQElement(`
  9707.         <div id="statePanel"></div>
  9708.     `);
  9709.     formDiv.append(statePanel);
  9710.  
  9711.     //==================================
  9712.     // 去除原有的编辑器
  9713.     //==================================
  9714.     $('.form-code-submit').remove();
  9715.  
  9716.     let from = {
  9717.         formDiv: formDiv,
  9718.         selectLang: selectLang.find('select:first'),
  9719.         topRightDiv: topRightDiv,
  9720.         sourceDiv: sourceDiv,
  9721.         editorDiv: editorDiv,
  9722.         monaco: monaco,
  9723.         runButton: runButton,
  9724.         submitButton: submitButton,
  9725.         submitDiv: submitDiv,
  9726.         CompilerSetting: CompilerSetting,
  9727.         statePanel: statePanel
  9728.     };
  9729.     return from;
  9730. }
  9731.  
  9732. // 解析ace格式的补全规则(acwing)
  9733. function parseAceCompleter(rules, range) {
  9734.     const suggestions = [];
  9735.     if (rules && rules.templates && rules.templates.items) {
  9736.         const items = rules.templates.items;
  9737.         for (let i = 0; i < items.length; i++) {
  9738.             const item = items[i];
  9739.             const parts = item.caption.split(' ');
  9740.             for (let i = 0; i < parts.length; i++) {
  9741.                 if (item.value.startsWith(parts[i])) {
  9742.                     item.value = item.value.replace(parts[i], parts.slice(0, i + 1).join(' '));
  9743.                     break;
  9744.                 }
  9745.             }
  9746.             const completionItem = {
  9747.                 label: item.caption,
  9748.                 kind: monaco.languages.CompletionItemKind.Function,
  9749.                 insertText: item.value,
  9750.                 range: range
  9751.             };
  9752.             suggestions.push(completionItem);
  9753.         }
  9754.     }
  9755.     return { suggestions };
  9756. }
  9757.  
  9758. // 解析monaco格式的补全规则
  9759. function parseMonacoCompleter(rules, range) {
  9760.     const suggestions_ = [];
  9761.     if (rules && rules.suggestions) {
  9762.         const suggestion = rules.suggestions;
  9763.         for (let i = 0; i < rules.suggestions.length; i++) {
  9764.             const item = suggestion[i];
  9765.             const completionItem = {
  9766.                 ...item,
  9767.                 range: range
  9768.             };
  9769.             suggestions_.push(completionItem);
  9770.         }
  9771.     }
  9772.     return { suggestions: suggestions_ };
  9773. }
  9774.  
  9775. /**
  9776.  * 创建monaco编辑器的一个实例
  9777.  */
  9778. async function createMonacoEditor(language, form, support) {
  9779.     // 判断monacoLoader是否加载完毕
  9780.     await OJB_waitUntilTrue(() => OJBetter.monaco.loaderOnload);
  9781.  
  9782.     /**
  9783.      * 通用参数
  9784.      */
  9785.     var id = 0; // 协议中的id标识
  9786.     var workspace = language + "_workspace";
  9787.     var rootUri = OJBetter.monaco.lsp.workUri + "/" + workspace;
  9788.     // 文件名
  9789.     var InstanceID = OJB_getRandomNumber(8).toString();
  9790.     var filename = language == "java" ? "hello/src/" + InstanceID : InstanceID;
  9791.     // 后缀名
  9792.     var fileExtension =
  9793.         language === "cpp"
  9794.             ? ".cpp"
  9795.             : language === "python"
  9796.                 ? ".py"
  9797.                 : language === "java"
  9798.                     ? ".java"
  9799.                     : "";
  9800.     var uri = rootUri + "/" + filename + fileExtension;
  9801.     var initialized = false; // 是否已初始化
  9802.     var serverInfo; // 服务器返回的支持信息
  9803.     var model; // model
  9804.     var OJBetter_monaco = {};
  9805.     window.OJBetter_monaco = OJBetter_monaco; // 全局方法
  9806.  
  9807.     /**
  9808.      * 一些工具函数
  9809.      */
  9810.     // 将lsp格式的rang转换为Monaco格式
  9811.     OJBetter_monaco.lspRangeToMonacoRange = function (range) {
  9812.         const { start, end } = range;
  9813.         return new monaco.Range(
  9814.             start.line + 1,
  9815.             start.character + 1,
  9816.             end.line + 1,
  9817.             end.character + 1
  9818.         );
  9819.     };
  9820.     // 将Monaco格式的rang转为lsp格式
  9821.     OJBetter_monaco.MonacoRangeTolspRange = function (range) {
  9822.         return {
  9823.             start: {
  9824.                 line: range.startLineNumber - 1,
  9825.                 character: range.startColumn - 1,
  9826.             },
  9827.             end: {
  9828.                 line: range.endLineNumber - 1,
  9829.                 character: range.endColumn - 1,
  9830.             },
  9831.         };
  9832.     };
  9833.     // 将Monaco格式的position转为lsp格式的
  9834.     OJBetter_monaco.MonacoPositionTolspPosition = function (position) {
  9835.         return {
  9836.             line: position.lineNumber - 1,
  9837.             character: position.column - 1,
  9838.         };
  9839.     };
  9840.     // 将Monaco格式的severity转为lsp格式的
  9841.     OJBetter_monaco.MonacoSeverityTolspSeverity = function (severity) {
  9842.         switch (severity) {
  9843.             case 8:
  9844.                 return 1;
  9845.             case 1:
  9846.                 return 4;
  9847.             case 2:
  9848.                 return 3;
  9849.             case 4:
  9850.                 return 2;
  9851.             default:
  9852.                 return severity;
  9853.         }
  9854.     };
  9855.     // 将lsp格式的severity转为Monaco格式的
  9856.     OJBetter_monaco.lspSeverityToMonacoSeverity = function (severity) {
  9857.         switch (severity) {
  9858.             case 1:
  9859.                 return 8;
  9860.             case 4:
  9861.                 return 1;
  9862.             case 3:
  9863.                 return 2;
  9864.             case 2:
  9865.                 return 4;
  9866.             default:
  9867.                 return severity;
  9868.         }
  9869.     };
  9870.     // 收集Monaco数据中的rang数据
  9871.     OJBetter_monaco.CollectRange = function (item) {
  9872.         return {
  9873.             startLineNumber: item.startLineNumber,
  9874.             startColumn: item.startColumn,
  9875.             endLineNumber: item.endLineNumber,
  9876.             endColumn: item.endColumn,
  9877.         };
  9878.     };
  9879.     // 收集Monaco position数据中的rang数据
  9880.     OJBetter_monaco.CollectRangeByPosition = function (item) {
  9881.         var word = model.getWordUntilPosition(item);
  9882.         return {
  9883.             startLineNumber: item.lineNumber,
  9884.             endLineNumber: item.lineNumber,
  9885.             startColumn: word.startColumn,
  9886.             endColumn: word.endColumn,
  9887.         };
  9888.     };
  9889.     // 将lsp格式的Edit转换为Monaco格式
  9890.     OJBetter_monaco.lspEditToMonacoEdit = function (edit) {
  9891.         const edits = [];
  9892.  
  9893.         if (language == "python") {
  9894.             for (const item1 of edit.documentChanges) {
  9895.                 for (const item2 of item1.edits) {
  9896.                     const newElement = {
  9897.                         textEdit: {
  9898.                             range: OJBetter_monaco.lspRangeToMonacoRange(item2.range),
  9899.                             text: item2.newText,
  9900.                         },
  9901.                         resource: monaco.Uri.parse(item1.textDocument.uri),
  9902.                         versionId: model.getVersionId(),
  9903.                     };
  9904.                     edits.push(newElement);
  9905.                 }
  9906.             }
  9907.         } else if (language == "java") {
  9908.             for (const item1 in edit.changes) {
  9909.                 edit.changes[item1].forEach((item2) => {
  9910.                     const newElement = {
  9911.                         textEdit: {
  9912.                             range: OJBetter_monaco.lspRangeToMonacoRange(item2.range),
  9913.                             text: item2.newText,
  9914.                         },
  9915.                         resource: uri,
  9916.                         versionId: model.getVersionId(),
  9917.                     };
  9918.                     edits.push(newElement);
  9919.                 });
  9920.             }
  9921.         } else {
  9922.             for (const key in edit.changes) {
  9923.                 const arr = edit.changes[key];
  9924.                 for (const item of arr) {
  9925.                     const newElement = {
  9926.                         textEdit: {
  9927.                             range: OJBetter_monaco.lspRangeToMonacoRange(item.range),
  9928.                             text: item.newText,
  9929.                         },
  9930.                         resource: monaco.Uri.parse(key),
  9931.                         versionId: model.getVersionId(),
  9932.                     };
  9933.                     edits.push(newElement);
  9934.                 }
  9935.             }
  9936.         }
  9937.         return { edits: edits };
  9938.     };
  9939.  
  9940.     /**
  9941.      * 实例化一个editor
  9942.      */
  9943.     uri = monaco.Uri.file(uri);
  9944.     model = monaco.editor.createModel('', language, uri);
  9945.     OJBetter.monaco.editor = monaco.editor.create(document.getElementById("OJBetter_monaco"), {
  9946.         model: model,
  9947.         rootUri: rootUri,
  9948.         fontSize: 15,
  9949.         tabSize: 4,
  9950.         theme: OJBetter.basic.darkMode == "dark" ? "vs-dark" : "vs",
  9951.         bracketPairColorization: {
  9952.             enabled: true,
  9953.             independentColorPoolPerBracketType: true,
  9954.         },
  9955.         automaticLayout: true,
  9956.         lineNumbersMinChars: 3,
  9957.         matchOnWordStartOnly: false,
  9958.         wordWrap: "on",
  9959.         wrappingIndent: "same",
  9960.         glyphMargin: true,
  9961.         formatOnType: true,
  9962.         scrollbar: {
  9963.             verticalScrollbarSize: 10,
  9964.             horizontalScrollbarSize: 10,
  9965.             alwaysConsumeMouseWheel: OJBetter.monaco.setting.alwaysConsumeMouseWheel
  9966.         },
  9967.         suggest: {
  9968.             selectionMode: 'never' // 代码建议不自动选择
  9969.         }
  9970.     });
  9971.  
  9972.     /**
  9973.      * 添加快捷功能
  9974.      */
  9975.     (OJBetter_monaco.addShortCuts = async () => {
  9976.         // 从配置信息更新字体大小
  9977.         OJBetter.monaco.editor.updateOptions({ fontSize: parseInt(OJBetter.monaco.setting.fontsize) });
  9978.  
  9979.         // 调整字体大小
  9980.         let changeSize = OJB_safeCreateJQElement(`
  9981.         <div class="ojb_btn ojb_btn_popover top">
  9982.             <input type="number" id="fontSizeInput" value="${OJBetter.monaco.setting.fontsize}">
  9983.             <span class="popover_content">${i18next.t('fontSizeInput', { ns: 'codeEditor' })}</span>
  9984.         </div>`)
  9985.         form.topRightDiv.append(changeSize);
  9986.         changeSize.find('input#fontSizeInput').on('input', function () {
  9987.             var size = $(this).val();
  9988.             OJBetter.monaco.editor.updateOptions({ fontSize: parseInt(size) });
  9989.             GM_setValue('editorFontSize', size);
  9990.         });
  9991.  
  9992.         // 全屏按钮
  9993.         let fullscreenButton = OJB_safeCreateJQElement(`
  9994.         <button type="button" class="ojb_btn ojb_btn_popover top">
  9995.             <i class="iconfont">&#xe606;</i>
  9996.             <span class="popover_content">${i18next.t('fullscreenButton', { ns: 'codeEditor' })}</span>
  9997.         </button>
  9998.         `);
  9999.         form.topRightDiv.append(fullscreenButton);
  10000.         fullscreenButton.on('click', enterFullscreen);
  10001.  
  10002.         // 固定到底部按钮
  10003.         let fixToBottomButton = OJB_safeCreateJQElement(`
  10004.         <button type="button" class="ojb_btn ojb_btn_popover top">
  10005.             <i class="iconfont">&#xe607;</i>
  10006.             <span class="popover_content">${i18next.t('fixToBottomButton', { ns: 'codeEditor' })}</span>
  10007.         </button>
  10008.         `);
  10009.         form.topRightDiv.append(fixToBottomButton);
  10010.         fixToBottomButton.on('click', fixToBottom);
  10011.  
  10012.         // 固定到右侧按钮
  10013.         let fixToRightButton = OJB_safeCreateJQElement(`
  10014.         <button type="button" class="ojb_btn ojb_btn_popover top">
  10015.             <i class="iconfont">&#xe605;</i>
  10016.             <span class="popover_content">${i18next.t('fixToRightButton', { ns: 'codeEditor' })}</span>
  10017.         </button>
  10018.         `);
  10019.         // form.topRightDiv.append(fixToRightButton);
  10020.         fixToRightButton.on('click', fixToRight);
  10021.  
  10022.         // 添加测试/提交按钮到顶部
  10023.         if (OJBetter.monaco.setting.submitButtonPosition == "top") {
  10024.             form.topRightDiv.append(form.runButton);
  10025.             form.topRightDiv.append(form.submitButton);
  10026.         }
  10027.  
  10028.         // 选择记忆
  10029.         if (!OJBetter.monaco.setting.position_initialized) {
  10030.             OJBetter.monaco.setting.position_initialized = true; // 标记是否已经初始化过
  10031.             if (OJBetter.monaco.setting.position == "full") {
  10032.                 fullscreenButton.click();
  10033.             } else if (OJBetter.monaco.setting.position == "bottom") {
  10034.                 fixToBottomButton.click();
  10035.             } else if (OJBetter.monaco.setting.position == "right") {
  10036.                 fixToRightButton.click();
  10037.             }
  10038.         }
  10039.  
  10040.         // 禁用按钮
  10041.         function disableButtons() {
  10042.             fullscreenButton.prop("disabled", true);
  10043.             fixToBottomButton.prop("disabled", true);
  10044.             fixToRightButton.prop("disabled", true);
  10045.         }
  10046.  
  10047.         // 启用按钮
  10048.         function enableButtons() {
  10049.             fullscreenButton.prop("disabled", false);
  10050.             fixToBottomButton.prop("disabled", false);
  10051.             fixToRightButton.prop("disabled", false);
  10052.         }
  10053.  
  10054.         // 进入全屏
  10055.         function enterFullscreen() {
  10056.             let editor = $('#OJBetter_editor');
  10057.             editor.addClass('fullscreen');
  10058.  
  10059.             // 取消按钮
  10060.             let cancelButton = OJB_safeCreateJQElement(`
  10061.                 <button type="button" class="ojb_btn ojb_btn_popover top primary exit_button_bottom">
  10062.                     <i class="iconfont">&#xe60b;</i>
  10063.                     <span class="popover_content">${i18next.t('exitFullscreenButton', { ns: 'codeEditor' })}</span>
  10064.                 </button>
  10065.             `).on('click', () => exitFullscreen(cancelButton));
  10066.             $('body').append(cancelButton);
  10067.  
  10068.             disableButtons();
  10069.             GM_setValue("monacoEditor_position", "full");
  10070.         }
  10071.  
  10072.         // 退出全屏
  10073.         const exitFullscreen = (cancelButton) => {
  10074.             let editor = $('#OJBetter_editor');
  10075.             editor.removeClass('fullscreen');
  10076.             cancelButton.remove();
  10077.             enableButtons();
  10078.             GM_setValue("monacoEditor_position", "initial");
  10079.         };
  10080.  
  10081.         // 固定到底部
  10082.         function fixToBottom() {
  10083.             let editor = $('#OJBetter_editor');
  10084.             editor.addClass('bottom');
  10085.  
  10086.             let halfHeight = $(window).height() * 0.5;
  10087.             let blankSpace = $('<div>', {
  10088.                 'class': 'blank-space',
  10089.                 'style': 'height: ' + (halfHeight + 30) + 'px;'
  10090.             });
  10091.             $('body').append(blankSpace);
  10092.  
  10093.             let cancelButton = OJB_safeCreateJQElement(`
  10094.                 <button type="button" class="ojb_btn ojb_btn_popover top enabled exit_button_bottom">
  10095.                     <i class="iconfont">&#xe625;</i>
  10096.                     <span class="popover_content">${i18next.t('cancelFixButton', { ns: 'codeEditor' })}</span>
  10097.                 </button>
  10098.             `).on('click', () => cancelFixingToBottom(cancelButton, blankSpace));
  10099.             $('body').append(cancelButton);
  10100.  
  10101.             disableButtons();
  10102.             GM_setValue("monacoEditor_position", "bottom");
  10103.         }
  10104.  
  10105.         // 取消固定到底部
  10106.         const cancelFixingToBottom = (cancelButton, blankSpace) => {
  10107.             let editor = $('#OJBetter_editor');
  10108.             editor.removeClass('bottom');
  10109.             cancelButton.remove();
  10110.             blankSpace.remove();
  10111.             enableButtons();
  10112.             GM_setValue("monacoEditor_position", "initial");
  10113.         };
  10114.  
  10115.         // 固定到右侧边栏
  10116.         function fixToRight() {
  10117.             const sidebar = $('#sidebar').hide();
  10118.  
  10119.             // 添加样式
  10120.             const styleElement = GM_addStyle(`
  10121.                 #body {
  10122.                     min-width: 50vw;
  10123.                     max-width: 50vw;
  10124.                     max-height: 100vh;
  10125.                     overflow-x: hidden;
  10126.                     overflow-y: auto;
  10127.                     padding: 1rem;
  10128.                     box-sizing: border-box;
  10129.                 }
  10130.                 body {
  10131.                     margin: 0px;
  10132.                 }
  10133.                 .content-with-sidebar {
  10134.                     margin-right: 0px !important;
  10135.                 }
  10136.                 .menu-list li {
  10137.                     margin-right: 0.5em;
  10138.                 }
  10139.                 .menu-list li a {
  10140.                     font-size: 1.4rem;
  10141.                 }
  10142.                 #OJBetter_editor{
  10143.                     height: 100vh;
  10144.                     width: 50vw;
  10145.                 }
  10146.             `);
  10147.  
  10148.             // 包装一层div
  10149.             $('#body').wrap('<div id="right-side-wrapper" style="display:flex; max-width: 100vw; overflow: hidden;"></div>');
  10150.             const blankSpace = $('<div>').appendTo('#right-side-wrapper');
  10151.  
  10152.             // 移动编辑器
  10153.             const editor = $('#OJBetter_editor').prependTo(blankSpace).addClass('right-side');
  10154.  
  10155.             // 取消按钮
  10156.             const cancelButton = OJB_safeCreateJQElement(`
  10157.                 <button type="button" class="ojb_btn ojb_btn_popover top enabled exit_button_bottom">
  10158.                     <i class="iconfont">&#xe625;</i>
  10159.                     <span class="popover_content">${i18next.t('cancelFixButton', { ns: 'codeEditor' })}</span>
  10160.                 </button>
  10161.             `).on('click', () => cancelFixingToRight(sidebar, styleElement, editor, cancelButton)).appendTo('body');
  10162.  
  10163.             disableButtons();
  10164.             GM_setValue("monacoEditor_position", "right");
  10165.  
  10166.             // 补丁：修复固定到右侧导致的样例元素.sample-test相关代码重复执行的问题（具体原因未查）
  10167.             $('.sample-test').find('.title').each((i, e) => {
  10168.                 if ($(e).find('.input-output-copier').length > 1) {
  10169.                     $(e).find('.input-output-copier').first().remove();
  10170.                 }
  10171.             });
  10172.             darkModeStyleAdjustment();
  10173.         }
  10174.  
  10175.         const cancelFixingToRight = (sidebar, styleElement, editor, cancelButton) => {
  10176.             sidebar.show();
  10177.             // 移回来
  10178.             editor.insertAfter(form.sourceDiv).removeClass('right-side');
  10179.  
  10180.             // 移除包装
  10181.             $('#body').unwrap();
  10182.             cancelButton.remove();
  10183.             styleElement.remove(); // 移除添加的样式
  10184.  
  10185.             enableButtons();
  10186.             GM_setValue("monacoEditor_position", "initial");
  10187.         }
  10188.  
  10189.         // 代码同步与保存
  10190.         var nowUrl = window.location.href;
  10191.         nowUrl = nowUrl.replace(/#/, ""); // 当页面存在更改时url会多出一个#，去掉
  10192.         const code = await getCode(nowUrl);
  10193.         if (code) {
  10194.             OJBetter.monaco.editor.setValue(code); // 恢复代码
  10195.             form.sourceDiv.val(code);
  10196.         }
  10197.         OJBetter.monaco.editor.onDidChangeModelContent(async () => {
  10198.             // 将monaco editor的内容同步到sourceDiv
  10199.             const code = OJBetter.monaco.editor.getValue();
  10200.             form.sourceDiv.val(code);
  10201.             await saveCode(nowUrl, code);
  10202.         });
  10203.     })();
  10204.  
  10205.     /**
  10206.      * 注册本地自动补全
  10207.      */
  10208.     (OJBetter_monaco.RegisterLocalComplet = async () => {
  10209.         // 补全器注册函数
  10210.         function registMyCompletionItemProvider(language, genre, rule) {
  10211.             if (genre == "monaco") {
  10212.                 monaco.languages.registerCompletionItemProvider(language, {
  10213.                     provideCompletionItems: function (model, position) {
  10214.                         return parseMonacoCompleter(rule, OJBetter_monaco.CollectRangeByPosition(position));
  10215.                     }
  10216.                 })
  10217.             } else if (genre == "ace") {
  10218.                 monaco.languages.registerCompletionItemProvider(language, {
  10219.                     provideCompletionItems: function (model, position) {
  10220.                         return parseAceCompleter(rule, OJBetter_monaco.CollectRangeByPosition(position));
  10221.                     }
  10222.                 })
  10223.             }
  10224.         }
  10225.  
  10226.         // 注册acwing cpp 模板
  10227.         if (language == "cpp" && OJBetter.monaco.complet.cppCodeTemplate) {
  10228.             try {
  10229.                 var acwing_cpp_code_completer = JSON.parse(GM_getResourceText("acwing_cpp_code_completer"));
  10230.                 registMyCompletionItemProvider('cpp', 'ace', acwing_cpp_code_completer);
  10231.             } catch (error) {
  10232.                 console.error("Error registering acwing cpp template:", error);
  10233.             }
  10234.         }
  10235.  
  10236.         // 注册自定义的补全
  10237.         let complet_length = OJBetter.monaco.complet.customConfig.configurations.length;
  10238.         if (complet_length > 0) {
  10239.             for (let i = 0; i < complet_length; i++) {
  10240.                 let item = OJBetter.monaco.complet.customConfig.configurations[i];
  10241.                 if (item.isChoose && item.language == language) {
  10242.                     try {
  10243.                         let rule = await OJB_getExternalJSON(item.jsonUrl);
  10244.                         registMyCompletionItemProvider(item.language, item.genre, rule);
  10245.                     } catch (error) {
  10246.                         console.error(`Error registering custom completer for ${item.language}:`, error);
  10247.                     }
  10248.                 }
  10249.             }
  10250.         }
  10251.     })();
  10252.  
  10253.     if (!support || !OJBetter.monaco.lsp.enabled) { return; } // 如果不支持lsp，则到此为止
  10254.  
  10255.     /**
  10256.      * LSP连接状态指示
  10257.      */
  10258.     const lspStateButton = OJB_safeCreateJQElement(`
  10259.     <div id="lspStateDiv" class="ojb_btn ojb_btn_popover top loading">
  10260.         <i class="iconfont">&#xe658;</i>
  10261.         <span class="popover_content">${i18next.t('lsp.connect', { ns: 'codeEditor' })}</span>
  10262.     </div>
  10263.     `).on('click', () => {
  10264.         OJB_showModal(LSPLogDiv);
  10265.         LSPLogDiv.show();
  10266.     });
  10267.     form.topRightDiv.prepend(lspStateButton);
  10268.  
  10269.     const LSPLogDiv = OJB_safeCreateJQElement(`
  10270.     <dialog id="LSPLog" style="display: none;">
  10271.         <button class="ojb_btn">${i18next.t('close', { ns: 'common' })}</button>
  10272.         <div id="LSPLogList" style="overflow: auto;"></div>
  10273.     <dialog>`);
  10274.     $('body').append(LSPLogDiv);
  10275.  
  10276.     const LSPLogList = $('<ul></ul>');
  10277.     $('#LSPLogList').append(LSPLogList);
  10278.  
  10279.     const closeButton = LSPLogDiv.find('button');
  10280.     closeButton.on('click', function () {
  10281.         OJB_closeModal(LSPLogDiv);
  10282.     });
  10283.  
  10284.     /**
  10285.      * 推送新的消息到LSP日志中
  10286.      * @param {'error' | 'warn' | 'info'} status 
  10287.      * @param {string} msg 
  10288.      * @param {boolean} data 
  10289.      */
  10290.     function pushLSPLogMessage(status, msg, data) {
  10291.         var li = $('<li>').text('[' + new Date().toLocaleString() + '] ' + msg);
  10292.         if (status === 'error') {
  10293.             li.attr('style', 'color: #f44336;');
  10294.         } else if (status === 'warn') {
  10295.             li.attr('style', 'color: #ff9800;');
  10296.         } else if (status === 'info') {
  10297.             li.attr('style', 'color: #616161;');
  10298.         }
  10299.         if (data) {
  10300.             var jsonText = JSON.stringify(data, null, 2);
  10301.             var details = $('<details>');
  10302.             var summary = $('<summary>').text('Data');
  10303.             var pre = $('<pre>').text(jsonText);
  10304.             details.append(summary, pre);
  10305.             li.append(details);
  10306.         }
  10307.         LSPLogList.append(li);
  10308.     }
  10309.  
  10310.     /**
  10311.      * 添加状态底栏
  10312.      */
  10313.     var statusBar = $('<div id="OJBetter_statusBar">');
  10314.     form.editorDiv.append(statusBar);
  10315.  
  10316.     /**
  10317.      * languageSocket
  10318.      */
  10319.     var url = OJBetter.monaco.lsp.socketUrl;
  10320.     var languageSocket = new WebSocket(url + language);
  10321.     OJBetter.monaco.lsp.socket.push(languageSocket);
  10322.     var languageSocketState = false;
  10323.     var responseHandlers = new Map(); // 映射表，需要等待返回数据的请求 -> 对应的事件触发函数
  10324.  
  10325.     languageSocket.onopen = () => {
  10326.         languageSocketState = true;
  10327.         lspStateButton.setButtonPopover(i18next.t('lsp.waitingAnswer', { ns: 'codeEditor' }));
  10328.         pushLSPLogMessage("info", `languageSocket ${i18next.t('lsp.socket.open', { ns: 'logMessage' })}`);
  10329.     };
  10330.     languageSocket.onmessage = (event) => {
  10331.         const message = JSON.parse(event.data);
  10332.         if (message.id === 0 && message.result) {
  10333.             // 初始化完成
  10334.             lspStateButton.setButtonState('success', i18next.t('lsp.connected', { ns: 'codeEditor' }));
  10335.             pushLSPLogMessage("info", `Initialization ${i18next.t('lsp.state.finished', { ns: 'logMessage' })}`);
  10336.             serverInfo = message.result; // 存下服务器支持信息
  10337.             OJBetter_monaco.openDocRequest(); // 打开文档
  10338.             if (!OJBetter.monaco.setting.language.includes(language)) {
  10339.                 OJBetter.monaco.setting.language.push(language);
  10340.                 OJBetter_monaco.RegistrationAfterInit(); // 注册语言及功能
  10341.             } else {
  10342.                 location.reload(); // 这里有问题，先贴个补丁
  10343.             }
  10344.             OJBetter_monaco.PassiveReceiveHandler(); // 注册被动接收函数
  10345.         } else if (message.id === 0 && message.error) {
  10346.             pushLSPLogMessage("warn", `Initialization ${i18next.t('lsp.state.error', { ns: 'logMessage' })}`);
  10347.         } else if (message.id !== undefined && responseHandlers.has(message.id)) {
  10348.             // 如果收到带有id字段的消息，则回传给对应的事件触发函数
  10349.             const handler = responseHandlers.get(message.id);
  10350.             if (handler) {
  10351.                 handler(message);
  10352.                 responseHandlers.delete(message.id); // 删除已处理的事件触发函数
  10353.             }
  10354.         } else if (message.method == "textDocument/publishDiagnostics") {
  10355.             // 接收代码诊断推送
  10356.             OJBetter_monaco.updateMarkers(message);
  10357.         } else if (message.method == "workspace/applyEdit") {
  10358.             // 应用服务器推送的更改
  10359.             OJBetter_monaco.applyEdit(message);
  10360.         }
  10361.     };
  10362.     languageSocket.onerror = (error) => {
  10363.         pushLSPLogMessage("error", `languageSocket ${i18next.t('lsp.state.error', { ns: 'logMessage' })}`, error);
  10364.         console.warn(`Error connecting to languageSocket: ${error}`)
  10365.     };
  10366.     languageSocket.onclose = (event) => {
  10367.         languageSocketState = false;
  10368.         lspStateButton.setButtonState('error', i18next.t('lsp.error', { ns: 'codeEditor' }));
  10369.         pushLSPLogMessage("warn", `languageSocket ${i18next.t('lsp.socket.close', { ns: 'logMessage' })}`);
  10370.     };
  10371.  
  10372.     /**
  10373.      * 等待LanguageSocketState
  10374.      */
  10375.     async function waitForLanguageSocketState() {
  10376.         return new Promise((resolve) => {
  10377.             const checkInitialized = () => {
  10378.                 if (languageSocketState) {
  10379.                     resolve();
  10380.                 } else {
  10381.                     setTimeout(checkInitialized, 100); // 每100毫秒检查一次initialized的值
  10382.                 }
  10383.             };
  10384.             checkInitialized();
  10385.         });
  10386.     }
  10387.  
  10388.     // 等待lsp响应初始化结果
  10389.     async function waitForInitialized() {
  10390.         return new Promise((resolve) => {
  10391.             const checkInitialized = () => {
  10392.                 if (initialized) {
  10393.                     resolve();
  10394.                 } else {
  10395.                     setTimeout(checkInitialized, 100); // 每100毫秒检查一次initialized的值
  10396.                 }
  10397.             };
  10398.             checkInitialized();
  10399.         });
  10400.     }
  10401.  
  10402.     /**
  10403.      * 与languageSocket通信的包装方法
  10404.      */
  10405.     async function sendMessage(data, requiresResponse, callback) {
  10406.         if (!initialized) {
  10407.             await waitForInitialized(); // 等待initialized为真
  10408.         }
  10409.         if (requiresResponse) {
  10410.             responseHandlers.set(data.id, callback) // 将事件触发函数与id关联起来
  10411.         }
  10412.         if (!languageSocketState) await waitForLanguageSocketState();
  10413.         languageSocket.send(JSON.stringify(data));
  10414.     }
  10415.     // 发送消息并等待返回结果
  10416.     function fetchData(params, callback) {
  10417.         sendMessage(params, true, callback);
  10418.     }
  10419.     // 发送消息，不需要等待返回结果
  10420.     function sendData(data) {
  10421.         sendMessage(data, false);
  10422.     }
  10423.  
  10424.     /**
  10425.      * 代码文件更新fileWebSocket
  10426.      */
  10427.     var fileWebSocket = new WebSocket(url + "file");
  10428.     var fileWebSocketState = false;
  10429.     OJBetter.monaco.lsp.socket.push(fileWebSocket);
  10430.     fileWebSocket.onopen = () => {
  10431.         fileWebSocketState = true;
  10432.         pushLSPLogMessage("info", `fileWebSocket ${i18next.t('lsp.socket.open', { ns: 'logMessage' })}`);
  10433.     };
  10434.     fileWebSocket.onclose = (ev) => {
  10435.         fileWebSocketState = false;
  10436.         pushLSPLogMessage("warn", `fileWebSocket ${i18next.t('lsp.socket.close', { ns: 'logMessage' })}`, ev);
  10437.     };
  10438.     fileWebSocket.onmessage = (ev) => {
  10439.         let message = JSON.parse(ev.data);
  10440.         if (message.result !== "ok")
  10441.             pushLSPLogMessage("error", `update file failed: ${ev}`);
  10442.     };
  10443.     fileWebSocket.onerror = (error) => {
  10444.         console.warn(`Error connecting to fileWebSocket: ${error}`);
  10445.     };
  10446.     async function updateFile(workspace, filename, fileExtension, code) {
  10447.         async function waitForfileWebSocketState() {
  10448.             return new Promise((resolve) => {
  10449.                 const checkInitialized = () => {
  10450.                     if (fileWebSocketState) {
  10451.                         resolve();
  10452.                     } else {
  10453.                         setTimeout(checkInitialized, 100); // 每100毫秒检查一次initialized的值
  10454.                     }
  10455.                 };
  10456.                 checkInitialized();
  10457.             });
  10458.         }
  10459.         if (!fileWebSocketState) await waitForfileWebSocketState();
  10460.         fileWebSocket.send(
  10461.             JSON.stringify({
  10462.                 type: "update",
  10463.                 workspace,
  10464.                 filename,
  10465.                 fileExtension,
  10466.                 code,
  10467.             })
  10468.         );
  10469.     }
  10470.  
  10471.     /**
  10472.      * 发送初始化请求
  10473.      */
  10474.     OJBetter_monaco.Initialize = () => {
  10475.         //初始化initialize
  10476.         const capabilities = {
  10477.             workspace: {
  10478.                 applyEdit: true,
  10479.             },
  10480.             textDocument: {
  10481.                 publishDiagnostics: {
  10482.                     relatedInformation: true,
  10483.                     versionSupport: false,
  10484.                     tagSupport: {
  10485.                         valueSet: [1, 2],
  10486.                     },
  10487.                     codeDescriptionSupport: true,
  10488.                 },
  10489.                 completion: {
  10490.                     contextSupport: true,
  10491.                     completionItem: {
  10492.                         snippetSupport: true,
  10493.                         commitCharactersSupport: true,
  10494.                         documentationFormat: ["markdown", "plaintext"],
  10495.                         deprecatedSupport: true,
  10496.                         preselectSupport: true,
  10497.                         tagSupport: {
  10498.                             valueSet: [1],
  10499.                         },
  10500.                         insertReplaceSupport: true,
  10501.                         resolveSupport: {
  10502.                             properties: [
  10503.                                 "documentation",
  10504.                                 "detail",
  10505.                                 "additionalTextEdits",
  10506.                             ],
  10507.                         },
  10508.                         insertTextModeSupport: {
  10509.                             valueSet: [1, 2],
  10510.                         },
  10511.                     },
  10512.                 },
  10513.                 hover: {
  10514.                     dynamicRegistration: true,
  10515.                     contentFormat: ["markdown", "plaintext"],
  10516.                 },
  10517.                 signatureHelp: {
  10518.                     signatureInformation: {
  10519.                         documentationFormat: ["markdown", "plaintext"],
  10520.                         parameterInformation: {
  10521.                             labelOffsetSupport: true,
  10522.                         },
  10523.                         activeParameterSupport: true,
  10524.                     },
  10525.                     contextSupport: true,
  10526.                 },
  10527.                 definition: {
  10528.                     dynamicRegistration: true,
  10529.                     linkSupport: true,
  10530.                 },
  10531.                 references: {
  10532.                     dynamicRegistration: true,
  10533.                 },
  10534.                 documentHighlight: {
  10535.                     dynamicRegistration: true,
  10536.                 },
  10537.                 codeAction: {
  10538.                     codeActionLiteralSupport: {
  10539.                         codeActionKind: {
  10540.                             valueSet:
  10541.                                 language == "java"
  10542.                                     ? []
  10543.                                     : [
  10544.                                         "",
  10545.                                         "quickfix",
  10546.                                         "refactor",
  10547.                                         "refactor.extract",
  10548.                                         "refactor.inline",
  10549.                                         "refactor.rewrite",
  10550.                                         "source",
  10551.                                         "source.organizeImports",
  10552.                                     ],
  10553.                         },
  10554.                     },
  10555.                 },
  10556.                 rename: {
  10557.                     dynamicRegistration: true,
  10558.                     prepareSupport: true,
  10559.                     prepareSupportDefaultBehavior: 1,
  10560.                     honorsChangeAnnotations: true,
  10561.                 },
  10562.                 documentLink: {
  10563.                     tooltipSupport: true,
  10564.                 },
  10565.                 typeDefinition: {
  10566.                     dynamicRegistration: true,
  10567.                     linkSupport: true,
  10568.                 },
  10569.                 implementation: {
  10570.                     dynamicRegistration: true,
  10571.                     linkSupport: true,
  10572.                 },
  10573.                 colorProvider: {
  10574.                     dynamicRegistration: true,
  10575.                 },
  10576.                 foldingRange: {
  10577.                     dynamicRegistration: true,
  10578.                     rangeLimit: 5000,
  10579.                     lineFoldingOnly: true,
  10580.                 },
  10581.                 declaration: {
  10582.                     dynamicRegistration: true,
  10583.                     linkSupport: true,
  10584.                 },
  10585.                 semanticTokens: {
  10586.                     dynamicRegistration: true,
  10587.                     tokenTypes: [
  10588.                         "namespace",
  10589.                         "type",
  10590.                         "class",
  10591.                         "enum",
  10592.                         "interface",
  10593.                         "struct",
  10594.                         "typeParameter",
  10595.                         "parameter",
  10596.                         "variable",
  10597.                         "property",
  10598.                         "enumMember",
  10599.                         "event",
  10600.                         "function",
  10601.                         "method",
  10602.                         "macro",
  10603.                         "keyword",
  10604.                         "modifier",
  10605.                         "comment",
  10606.                         "string",
  10607.                         "number",
  10608.                         "regexp",
  10609.                         "operator",
  10610.                     ],
  10611.                     tokenModifiers: [
  10612.                         "declaration",
  10613.                         "definition",
  10614.                         "readonly",
  10615.                         "static",
  10616.                         "deprecated",
  10617.                         "abstract",
  10618.                         "async",
  10619.                         "modification",
  10620.                         "documentation",
  10621.                         "defaultLibrary",
  10622.                     ],
  10623.                     formats: ["relative"],
  10624.                     requests: {
  10625.                         range: true,
  10626.                         full: {
  10627.                             delta: true,
  10628.                         },
  10629.                     },
  10630.                     multilineTokenSupport: false,
  10631.                     overlappingTokenSupport: false,
  10632.                 },
  10633.                 callHierarchy: {
  10634.                     dynamicRegistration: true,
  10635.                 },
  10636.             },
  10637.             window: {
  10638.                 showMessage: {
  10639.                     messageActionItem: {
  10640.                         additionalPropertiesSupport: true,
  10641.                     },
  10642.                 },
  10643.                 showDocument: {
  10644.                     support: true,
  10645.                 },
  10646.                 workDoneProgress: true,
  10647.             },
  10648.             general: {
  10649.                 regularExpressions: {
  10650.                     engine: "ECMAScript",
  10651.                     version: "ES2020",
  10652.                 },
  10653.                 markdown: {
  10654.                     parser: "marked",
  10655.                     version: "1.1.0",
  10656.                 },
  10657.             },
  10658.         };
  10659.  
  10660.         const initializeRequest = {
  10661.             id: id++,
  10662.             jsonrpc: "2.0",
  10663.             method: "initialize",
  10664.             params: {
  10665.                 processId: null,
  10666.                 clientInfo: {
  10667.                     name: "CFMonaco" + InstanceID,
  10668.                 },
  10669.                 locale: "zh-CN",
  10670.                 rootPath: null,
  10671.                 rootUri: null,
  10672.                 capabilities: capabilities,
  10673.                 trace: "off",
  10674.                 workspaceFolders: [
  10675.                     {
  10676.                         uri:
  10677.                             "file:///" + OJBetter.monaco.lsp.workUri + workspace,
  10678.                         name:
  10679.                             "file:///" + OJBetter.monaco.lsp.workUri + workspace,
  10680.                     },
  10681.                 ],
  10682.             },
  10683.         };
  10684.         languageSocket.send(JSON.stringify(initializeRequest));
  10685.  
  10686.         // 打开文档函数
  10687.         OJBetter_monaco.openDocRequest = function () {
  10688.             const initializ = {
  10689.                 jsonrpc: "2.0",
  10690.                 method: "initialized",
  10691.                 params: {},
  10692.             };
  10693.             languageSocket.send(JSON.stringify(initializ));
  10694.             const openDocRequest = {
  10695.                 jsonrpc: "2.0",
  10696.                 method: "textDocument/didOpen",
  10697.                 params: {
  10698.                     textDocument: {
  10699.                         uri: model.uri.toString(),
  10700.                         languageId: language,
  10701.                         version: model.getVersionId(),
  10702.                         text: model.getValue(),
  10703.                     },
  10704.                 },
  10705.             };
  10706.             languageSocket.send(JSON.stringify(openDocRequest));
  10707.             initialized = true; // 初始化完成，这里确认逻辑待完善
  10708.         };
  10709.  
  10710.         // 初始化更新文件
  10711.         updateFile(workspace, filename, fileExtension, model.getValue());
  10712.     }
  10713.  
  10714.     /**
  10715.      * 注册语言及功能
  10716.      */
  10717.     OJBetter_monaco.RegistrationAfterInit = () => {
  10718.         // 注册语言
  10719.         monaco.languages.register({ id: language });
  10720.  
  10721.         // 注册"Command"
  10722.         (function registerCommand() {
  10723.             serverInfo.capabilities.executeCommandProvider.commands.forEach(
  10724.                 (item) => {
  10725.                     pushLSPLogMessage("info", `${i18next.t('lsp.server.regist', { ns: 'logMessage' })}`, item);
  10726.                     monaco.editor.registerCommand(item, (accessor, ...args) => {
  10727.                         sendData({
  10728.                             jsonrpc: "2.0",
  10729.                             id: id++,
  10730.                             method: "workspace/executeCommand",
  10731.                             params: {
  10732.                                 command: item,
  10733.                                 arguments: args,
  10734.                             },
  10735.                         });
  10736.                     });
  10737.                 }
  10738.             );
  10739.         })();
  10740.  
  10741.         // 注册"增量更新"
  10742.         model.onDidChangeContent((event) => {
  10743.             updateFile(workspace, filename, fileExtension, model.getValue()); // 更新文件
  10744.             const changeDocRequest = {
  10745.                 jsonrpc: "2.0",
  10746.                 method: "textDocument/didChange",
  10747.                 params: {
  10748.                     textDocument: {
  10749.                         uri: model.uri.toString(),
  10750.                         version: model.getVersionId(),
  10751.                     },
  10752.                     contentChanges: event.changes.map((change) => ({
  10753.                         range: OJBetter_monaco.MonacoRangeTolspRange(change.range),
  10754.                         rangeLength: change.rangeLength,
  10755.                         text: change.text,
  10756.                     })),
  10757.                 },
  10758.             };
  10759.             sendData(changeDocRequest);
  10760.         });
  10761.  
  10762.         //注册"自动补全"
  10763.         monaco.languages.registerCompletionItemProvider(language, {
  10764.             provideCompletionItems: (model, position, context) => {
  10765.                 const request = {
  10766.                     jsonrpc: "2.0",
  10767.                     id: id++,
  10768.                     method: "textDocument/completion",
  10769.                     params: {
  10770.                         textDocument: {
  10771.                             uri: model.uri.toString(),
  10772.                         },
  10773.                         position: OJBetter_monaco.MonacoPositionTolspPosition(position),
  10774.                         context: {
  10775.                             triggerKind: context.triggerKind + 1, // 这里要+1，两边的定义不一样。。。
  10776.                             triggerCharacter: context.triggerCharacter,
  10777.                         },
  10778.                     },
  10779.                 };
  10780.                 return new Promise((resolve, reject) => {
  10781.                     fetchData(request, (response) => {
  10782.                         const result = response.result;
  10783.                         pushLSPLogMessage("info", `completion ${i18next.t('lsp.server.receive', { ns: 'logMessage' })}`, response);
  10784.                         if (!result) return resolve(null);
  10785.                         const CompletionItems = {
  10786.                             suggestions: result.items.map(
  10787.                                 ({
  10788.                                     label,
  10789.                                     kind,
  10790.                                     filterText,
  10791.                                     insertText,
  10792.                                     insertTextFormat,
  10793.                                     sortText,
  10794.                                     textEdit,
  10795.                                     documentation,
  10796.                                     additionalTextEdits,
  10797.                                 }) => ({
  10798.                                     additionalTextEdits: additionalTextEdits
  10799.                                         ? additionalTextEdits.map(({ newText, range }) => ({
  10800.                                             text: newText,
  10801.                                             range: OJBetter_monaco.lspRangeToMonacoRange(range),
  10802.                                         }))
  10803.                                         : [],
  10804.                                     documentation: documentation ? documentation.value : "",
  10805.                                     filterText,
  10806.                                     insertText: insertText ? insertText : textEdit.newText,
  10807.                                     insertTextRules:
  10808.                                         insertTextFormat === 2
  10809.                                             ? monaco.languages.CompletionItemInsertTextRule
  10810.                                                 .InsertAsSnippet
  10811.                                             : monaco.languages.CompletionItemInsertTextRule
  10812.                                                 .KeepWhitespace,
  10813.                                     kind,
  10814.                                     label,
  10815.                                     sortText,
  10816.                                     range: textEdit
  10817.                                         ? textEdit.range
  10818.                                             ? OJBetter_monaco.lspRangeToMonacoRange(textEdit.range)
  10819.                                             : OJBetter_monaco.lspRangeToMonacoRange(textEdit.insert)
  10820.                                         : null,
  10821.                                 })
  10822.                             ),
  10823.                         };
  10824.                         pushLSPLogMessage("info", `completion ${i18next.t('lsp.server.transmit', { ns: 'logMessage' })}`, CompletionItems);
  10825.                         resolve(CompletionItems);
  10826.                     });
  10827.                 });
  10828.             },
  10829.         });
  10830.  
  10831.         // 注册"代码修复"
  10832.         monaco.languages.registerCodeActionProvider(language, {
  10833.             provideCodeActions: (model, range, context) => {
  10834.                 const request = {
  10835.                     id: id++,
  10836.                     jsonrpc: "2.0",
  10837.                     method: "textDocument/codeAction",
  10838.                     params: {
  10839.                         textDocument: {
  10840.                             uri: model.uri.toString(),
  10841.                         },
  10842.                         range: OJBetter_monaco.MonacoRangeTolspRange(range),
  10843.                         context: {
  10844.                             diagnostics: context.markers.map((item) => ({
  10845.                                 range: OJBetter_monaco.MonacoRangeTolspRange({
  10846.                                     startLineNumber: item.startLineNumber,
  10847.                                     startColumn: item.startColumn,
  10848.                                     endLineNumber: item.endLineNumber,
  10849.                                     endColumn: item.endColumn,
  10850.                                 }),
  10851.                                 severity: OJBetter_monaco.MonacoSeverityTolspSeverity(
  10852.                                     item.severity
  10853.                                 ),
  10854.                                 code: item.code,
  10855.                                 source: item.source,
  10856.                                 message: item.message,
  10857.                                 tags: item.tags,
  10858.                                 relatedInformation: item.relatedInformation
  10859.                                     ? item.relatedInformation.map((item) => ({
  10860.                                         location: {
  10861.                                             uri: item.resource.toString(),
  10862.                                             range: OJBetter_monaco.MonacoRangeTolspRange({
  10863.                                                 startLineNumber: item.startLineNumber,
  10864.                                                 startColumn: item.startColumn,
  10865.                                                 endLineNumber: item.endLineNumber,
  10866.                                                 endColumn: item.endColumn,
  10867.                                             }),
  10868.                                         },
  10869.                                         message: item.message,
  10870.                                     }))
  10871.                                     : null,
  10872.                             })),
  10873.                             only: context.only ? [context.only] : [],
  10874.                             triggerKind: context.trigger,
  10875.                         },
  10876.                     },
  10877.                 };
  10878.  
  10879.                 return new Promise((resolve, reject) => {
  10880.                     fetchData(request, (response) => {
  10881.                         const result = response.result;
  10882.                         pushLSPLogMessage("info", `codeAction ${i18next.t('lsp.server.receive', { ns: 'logMessage' })}`, response);
  10883.                         if (!result) return resolve(null);
  10884.                         const codeAction = {
  10885.                             actions: result.map((item) => ({
  10886.                                 title: item.title,
  10887.                                 kind: item.kind ? item.kind : "quickfix",
  10888.                                 command: item.command
  10889.                                     ? item.command.command
  10890.                                         ? {
  10891.                                             id: item.command.command,
  10892.                                             arguments: item.command.arguments,
  10893.                                             title: item.command.title,
  10894.                                         }
  10895.                                         : null
  10896.                                     : null,
  10897.                                 diagnostics: item.diagnostics
  10898.                                     ? item.diagnostics.map((item) => ({
  10899.                                         code: item.code,
  10900.                                         message: item.message,
  10901.                                         range: OJBetter_monaco.lspRangeToMonacoRange(item.range),
  10902.                                         severity: OJBetter_monaco.lspSeverityToMonacoSeverity(
  10903.                                             item.severity
  10904.                                         ),
  10905.                                         source: item.source,
  10906.                                     }))
  10907.                                     : null,
  10908.                                 edit: item.edit
  10909.                                     ? OJBetter_monaco.lspEditToMonacoEdit(item.edit)
  10910.                                     : item.arguments
  10911.                                         ? {
  10912.                                             edits: item.arguments.flatMap(
  10913.                                                 (item1) => OJBetter_monaco.lspEditToMonacoEdit(item1).edits
  10914.                                             ),
  10915.                                         }
  10916.                                         : null,
  10917.                             })),
  10918.                             dispose: () => { },
  10919.                         };
  10920.                         pushLSPLogMessage("info", `codeAction ${i18next.t('lsp.server.transmit', { ns: 'logMessage' })}`, codeAction);
  10921.  
  10922.                         resolve(codeAction);
  10923.                     });
  10924.                 });
  10925.             },
  10926.         });
  10927.  
  10928.         // 注册"hover提示"
  10929.         monaco.languages.registerHoverProvider(language, {
  10930.             provideHover: (model, position) => {
  10931.                 const request = {
  10932.                     jsonrpc: "2.0",
  10933.                     id: id++,
  10934.                     method: "textDocument/hover",
  10935.                     params: {
  10936.                         textDocument: {
  10937.                             uri: model.uri.toString(),
  10938.                         },
  10939.                         position: OJBetter_monaco.MonacoPositionTolspPosition(position),
  10940.                     },
  10941.                 };
  10942.  
  10943.                 return new Promise((resolve, reject) => {
  10944.                     fetchData(request, (response) => {
  10945.                         pushLSPLogMessage("info", `Hover ${i18next.t('lsp.server.receive', { ns: 'logMessage' })}`, response);
  10946.                         const result = response.result;
  10947.  
  10948.                         if (!result) return resolve(null);
  10949.                         const Hover = {
  10950.                             range: result.range
  10951.                                 ? OJBetter_monaco.lspRangeToMonacoRange(result.range)
  10952.                                 : new monaco.Range(
  10953.                                     position.lineNumber,
  10954.                                     position.column,
  10955.                                     position.lineNumber,
  10956.                                     position.column
  10957.                                 ),
  10958.                             contents: Array.isArray(result.contents)
  10959.                                 ? result.contents.map((item) => ({
  10960.                                     value: item.value ? item.value : item,
  10961.                                 }))
  10962.                                 : [
  10963.                                     {
  10964.                                         value: result.contents.value,
  10965.                                     },
  10966.                                 ],
  10967.                         };
  10968.                         pushLSPLogMessage("info", `Hover ${i18next.t('lsp.server.transmit', { ns: 'logMessage' })}`, Hover);
  10969.                         resolve(Hover);
  10970.                     });
  10971.                 });
  10972.             },
  10973.         });
  10974.  
  10975.         // 注册"inlay提示"
  10976.         if (language == "cpp" || language == "java")
  10977.             monaco.languages.registerInlayHintsProvider(language, {
  10978.                 provideInlayHints: (model, range, token) => {
  10979.                     return new Promise((resolve, reject) => {
  10980.                         const request = {
  10981.                             jsonrpc: "2.0",
  10982.                             id: id++,
  10983.                             method: "textDocument/inlayHint",
  10984.                             params: {
  10985.                                 textDocument: {
  10986.                                     uri: model.uri.toString(),
  10987.                                 },
  10988.                                 range: OJBetter_monaco.MonacoRangeTolspRange(range),
  10989.                             },
  10990.                         };
  10991.  
  10992.                         fetchData(request, (response) => {
  10993.                             const result = response.result;
  10994.                             pushLSPLogMessage("info", `Inlay Hints ${i18next.t('lsp.server.receive', { ns: 'logMessage' })}`, response);
  10995.  
  10996.                             if (!result) return resolve(null);
  10997.  
  10998.                             const inlayHints = {
  10999.                                 hints: result.map((item) => {
  11000.                                     return {
  11001.                                         kind: item.kind,
  11002.                                         label: item.label,
  11003.                                         paddingLeft: item.paddingLeft,
  11004.                                         paddingRight: item.paddingRight,
  11005.                                         position: {
  11006.                                             lineNumber: item.position.line + 1,
  11007.                                             column: item.position.character + 1,
  11008.                                         },
  11009.                                     };
  11010.                                 }),
  11011.                             };
  11012.                             pushLSPLogMessage("info", `Inlay Hints ${i18next.t('lsp.server.transmit', { ns: 'logMessage' })}`, inlayHints);
  11013.  
  11014.                             resolve(inlayHints);
  11015.                         });
  11016.                     });
  11017.                 },
  11018.             });
  11019.  
  11020.         // 注册"转到定义"
  11021.         monaco.languages.registerDefinitionProvider(language, {
  11022.             provideDefinition: (model, position) => {
  11023.                 const request = {
  11024.                     jsonrpc: "2.0",
  11025.                     id: id++,
  11026.                     method: "textDocument/definition",
  11027.                     params: {
  11028.                         textDocument: {
  11029.                             uri: model.uri.toString(),
  11030.                         },
  11031.                         position: OJBetter_monaco.MonacoPositionTolspPosition(position),
  11032.                     },
  11033.                 };
  11034.  
  11035.                 return new Promise((resolve, reject) => {
  11036.                     fetchData(request, (response) => {
  11037.                         const result = response.result;
  11038.                         pushLSPLogMessage("info", `definition ${i18next.t('lsp.server.receive', { ns: 'logMessage' })}`, response);
  11039.  
  11040.                         if (result.length == 0) return resolve(null);
  11041.                         const definition = result.map((item) => ({
  11042.                             range: OJBetter_monaco.lspRangeToMonacoRange(item.range),
  11043.                             uri: monaco.Uri.parse(item.uri), //
  11044.                         }));
  11045.                         pushLSPLogMessage("info", `definition ${i18next.t('lsp.server.transmit', { ns: 'logMessage' })}`, definition);
  11046.  
  11047.                         resolve(definition);
  11048.                     });
  11049.                 });
  11050.  
  11051.                 return null; // 如果没有内容，则返回null
  11052.             },
  11053.         });
  11054.  
  11055.         // 注册"转到引用"
  11056.         monaco.languages.registerReferenceProvider(language, {
  11057.             provideReferences: (model, position, context) => {
  11058.                 const request = {
  11059.                     jsonrpc: "2.0",
  11060.                     id: id++,
  11061.                     method: "textDocument/references",
  11062.                     params: {
  11063.                         context: context,
  11064.                         textDocument: {
  11065.                             uri: model.uri.toString(),
  11066.                         },
  11067.                         position: OJBetter_monaco.MonacoPositionTolspPosition(position),
  11068.                     },
  11069.                 };
  11070.  
  11071.                 return new Promise((resolve, reject) => {
  11072.                     fetchData(request, (response) => {
  11073.                         const result = response.result;
  11074.                         pushLSPLogMessage("info", `references ${i18next.t('lsp.server.receive', { ns: 'logMessage' })}`, response);
  11075.  
  11076.                         if (result.length == 0) return resolve([]);
  11077.  
  11078.                         const references = result.map((item) => ({
  11079.                             range: OJBetter_monaco.lspRangeToMonacoRange(item.range),
  11080.                             uri: monaco.Uri.parse(item.uri), //
  11081.                         }));
  11082.                         pushLSPLogMessage("info", `references ${i18next.t('lsp.server.transmit', { ns: 'logMessage' })}`, references);
  11083.                         resolve(references);
  11084.                     });
  11085.                 });
  11086.                 return []; // 如果没有内容，则返回空数组
  11087.             },
  11088.         });
  11089.  
  11090.         // 注册"符号引用点击高亮"
  11091.         monaco.languages.registerDocumentHighlightProvider(language, {
  11092.             provideDocumentHighlights: (model, position) => {
  11093.                 const request = {
  11094.                     jsonrpc: "2.0",
  11095.                     id: id++,
  11096.                     method: "textDocument/documentHighlight",
  11097.                     params: {
  11098.                         textDocument: {
  11099.                             uri: model.uri.toString(),
  11100.                         },
  11101.                         position: OJBetter_monaco.MonacoPositionTolspPosition(position),
  11102.                     },
  11103.                 };
  11104.  
  11105.                 return new Promise((resolve, reject) => {
  11106.                     fetchData(request, (response) => {
  11107.                         const result = response.result;
  11108.                         pushLSPLogMessage("info", `documentHighlight ${i18next.t('lsp.server.receive', { ns: 'logMessage' })}`, response);
  11109.  
  11110.                         if (!result || result.length == 0) return resolve([]);
  11111.                         const highlights = result.map((item) => ({
  11112.                             range: OJBetter_monaco.lspRangeToMonacoRange(item.range),
  11113.                             kind: item.kind,
  11114.                         }));
  11115.                         pushLSPLogMessage("info",
  11116.                             `documentHighlight ${i18next.t('lsp.server.transmit', { ns: 'logMessage' })}`,
  11117.                             highlights
  11118.                         );
  11119.  
  11120.                         resolve(highlights);
  11121.                     });
  11122.                 });
  11123.                 return []; // 如果没有内容，则返回空数组
  11124.             },
  11125.         });
  11126.  
  11127.         // 注册"文件链接"
  11128.         if (language == "cpp" || language == "java")
  11129.             monaco.languages.registerLinkProvider(language, {
  11130.                 provideLinks: (model) => {
  11131.                     const request = {
  11132.                         jsonrpc: "2.0",
  11133.                         id: id++,
  11134.                         method: "textDocument/documentLink",
  11135.                         params: {
  11136.                             textDocument: {
  11137.                                 uri: model.uri.toString(),
  11138.                             },
  11139.                         },
  11140.                     };
  11141.  
  11142.                     return new Promise((resolve, reject) => {
  11143.                         fetchData(request, (response) => {
  11144.                             const result = response.result;
  11145.                             pushLSPLogMessage("info", `DocumentLink ${i18next.t('lsp.server.receive', { ns: 'logMessage' })}`, response);
  11146.  
  11147.                             if (!result) return resolve(null);
  11148.                             const links = {
  11149.                                 links: result.map((item) => ({
  11150.                                     range: OJBetter_monaco.lspRangeToMonacoRange(item.range),
  11151.                                     url: item.target.toString(),
  11152.                                     tooltip: item.tooltip ? item.tooltip : null,
  11153.                                 })),
  11154.                             };
  11155.                             pushLSPLogMessage("info", `DocumentLink ${i18next.t('lsp.server.transmit', { ns: 'logMessage' })}`, links);
  11156.                             resolve(links);
  11157.                         });
  11158.                     });
  11159.                 },
  11160.             });
  11161.  
  11162.         // 注册"格式化"
  11163.         monaco.languages.registerDocumentFormattingEditProvider(language, {
  11164.             provideDocumentFormattingEdits: (model, options, token) => {
  11165.                 const request = {
  11166.                     jsonrpc: "2.0",
  11167.                     id: id++,
  11168.                     method: "textDocument/formatting",
  11169.                     params: {
  11170.                         textDocument: {
  11171.                             uri: model.uri.toString(),
  11172.                         },
  11173.                         options: options,
  11174.                     },
  11175.                 };
  11176.  
  11177.                 return new Promise((resolve, reject) => {
  11178.                     fetchData(request, (response) => {
  11179.                         const result = response.result;
  11180.                         pushLSPLogMessage("info", `formatting ${i18next.t('lsp.server.receive', { ns: 'logMessage' })}`, response);
  11181.  
  11182.                         const TextEdit = result.map((edit) => ({
  11183.                             range: OJBetter_monaco.lspRangeToMonacoRange(edit.range),
  11184.                             text: edit.newText,
  11185.                         }));
  11186.                         pushLSPLogMessage("info", `formatting ${i18next.t('lsp.server.transmit', { ns: 'logMessage' })}`, TextEdit);
  11187.                         resolve(TextEdit);
  11188.                     });
  11189.                 });
  11190.             },
  11191.         });
  11192.  
  11193.         // 注册"部分格式化"
  11194.         monaco.languages.registerDocumentRangeFormattingEditProvider(language, {
  11195.             provideDocumentRangeFormattingEdits: (model, range, options) => {
  11196.                 const request = {
  11197.                     jsonrpc: "2.0",
  11198.                     id: id++,
  11199.                     method: "textDocument/rangeFormatting",
  11200.                     params: {
  11201.                         textDocument: {
  11202.                             uri: model.uri.toString(),
  11203.                         },
  11204.                         range: OJBetter_monaco.MonacoRangeTolspRange(range),
  11205.                         options,
  11206.                     },
  11207.                 };
  11208.  
  11209.                 return new Promise((resolve, reject) => {
  11210.                     fetchData(request, (response) => {
  11211.                         const result = response.result;
  11212.                         pushLSPLogMessage("info", `rangeFormatting ${i18next.t('lsp.server.receive', { ns: 'logMessage' })}`, response);
  11213.  
  11214.                         if (!result || result.length == 0) return resolve([]);
  11215.                         const edits = result.map((item) => ({
  11216.                             range: OJBetter_monaco.lspRangeToMonacoRange(item.range),
  11217.                             text: item.newText,
  11218.                         }));
  11219.                         pushLSPLogMessage("info", `rangeFormatting ${i18next.t('lsp.server.transmit', { ns: 'logMessage' })}`, edits);
  11220.                         resolve(edits);
  11221.                     });
  11222.                 });
  11223.             },
  11224.         });
  11225.  
  11226.         // 注册"重命名"
  11227.         monaco.languages.registerRenameProvider(language, {
  11228.             provideRenameEdits: (model, position, newName, token) => {
  11229.                 const request = {
  11230.                     jsonrpc: "2.0",
  11231.                     id: id++,
  11232.                     method: "textDocument/rename",
  11233.                     params: {
  11234.                         textDocument: {
  11235.                             uri: model.uri.toString(),
  11236.                         },
  11237.                         position: OJBetter_monaco.MonacoPositionTolspPosition(position),
  11238.                         newName: newName,
  11239.                     },
  11240.                 };
  11241.  
  11242.                 return new Promise((resolve, reject) => {
  11243.                     fetchData(request, (response) => {
  11244.                         const result = response.result;
  11245.                         pushLSPLogMessage("info", `rename ${i18next.t('lsp.server.receive', { ns: 'logMessage' })}`, response);
  11246.  
  11247.                         const rename = OJBetter_monaco.lspEditToMonacoEdit(result);
  11248.                         pushLSPLogMessage("info", `rename ${i18next.t('lsp.server.transmit', { ns: 'logMessage' })}`, rename);
  11249.                         resolve(rename);
  11250.                     });
  11251.                 });
  11252.             },
  11253.         });
  11254.  
  11255.         // 注册"折叠范围分析"
  11256.         monaco.languages.registerFoldingRangeProvider(language, {
  11257.             provideFoldingRanges: (model) => {
  11258.                 const request = {
  11259.                     jsonrpc: "2.0",
  11260.                     id: id++,
  11261.                     method: "textDocument/foldingRange",
  11262.                     params: {
  11263.                         textDocument: {
  11264.                             uri: model.uri.toString(),
  11265.                         },
  11266.                     },
  11267.                 };
  11268.  
  11269.                 return new Promise((resolve, reject) => {
  11270.                     fetchData(request, (response) => {
  11271.                         const result = response.result;
  11272.                         pushLSPLogMessage("info", `FoldingRange ${i18next.t('lsp.server.receive', { ns: 'logMessage' })}`, response);
  11273.  
  11274.                         if (!result) return resolve([]);
  11275.                         const foldingRanges = result.map((item) => ({
  11276.                             start: item.startLine + 1,
  11277.                             end: item.endLine + 1,
  11278.                             kind: monaco.languages.FoldingRangeKind.fromValue(item.kind),
  11279.                         }));
  11280.                         pushLSPLogMessage("info", `FoldingRange ${i18next.t('lsp.server.transmit', { ns: 'logMessage' })}`, foldingRanges);
  11281.                         resolve(foldingRanges);
  11282.                     });
  11283.                 });
  11284.             },
  11285.         });
  11286.  
  11287.         // 注册"方法签名提示"
  11288.         monaco.languages.registerSignatureHelpProvider(language, {
  11289.             signatureHelpTriggerCharacters:
  11290.                 serverInfo.capabilities.signatureHelpProvider.triggerCharacters,
  11291.             provideSignatureHelp: (model, position, token, context) => {
  11292.                 const request = {
  11293.                     jsonrpc: "2.0",
  11294.                     id: id++,
  11295.                     method: "textDocument/signatureHelp",
  11296.                     params: {
  11297.                         textDocument: {
  11298.                             uri: model.uri.toString(),
  11299.                         },
  11300.                         position: {
  11301.                             line: position.lineNumber - 1,
  11302.                             character: position.column - 1,
  11303.                         },
  11304.                         context: {
  11305.                             triggerKind: context.triggerKind,
  11306.                             triggerCharacter: context.triggerCharacter,
  11307.                             isRetrigger: context.isRetrigger,
  11308.                             activeSignatureHelp: context.activeSignatureHelp,
  11309.                         },
  11310.                     },
  11311.                 };
  11312.  
  11313.                 return new Promise((resolve, reject) => {
  11314.                     fetchData(request, (response) => {
  11315.                         const result = response.result;
  11316.  
  11317.                         pushLSPLogMessage("info", `signatureHelp ${i18next.t('lsp.server.receive', { ns: 'logMessage' })}`, response);
  11318.  
  11319.                         if (!result) return resolve(null);
  11320.                         const SignatureHelpResult = {
  11321.                             value: {
  11322.                                 activeParameter: result.activeParameter,
  11323.                                 activeSignature: result.activeSignature,
  11324.                                 signatures: result.signatures,
  11325.                             },
  11326.                             dispose: () => { },
  11327.                         };
  11328.  
  11329.                         pushLSPLogMessage("info",
  11330.                             `signatureHelp ${i18next.t('lsp.server.transmit', { ns: 'logMessage' })}`,
  11331.                             SignatureHelpResult
  11332.                         );
  11333.                         resolve(SignatureHelpResult);
  11334.                     });
  11335.                 });
  11336.             },
  11337.         });
  11338.  
  11339.         // 注册"渐进式自动格式化" 如果server有这个
  11340.         if (serverInfo.capabilities.documentOnTypeFormattingProvider)
  11341.             monaco.languages.registerOnTypeFormattingEditProvider(language, {
  11342.                 autoFormatTriggerCharacters: [
  11343.                     serverInfo.capabilities.documentOnTypeFormattingProvider
  11344.                         .firstTriggerCharacter,
  11345.                 ],
  11346.                 provideOnTypeFormattingEdits: (model, position, ch, options) => {
  11347.                     const request = {
  11348.                         jsonrpc: "2.0",
  11349.                         id: id++,
  11350.                         method: "textDocument/onTypeFormatting",
  11351.                         params: {
  11352.                             textDocument: {
  11353.                                 uri: model.uri.toString(),
  11354.                             },
  11355.                             position: OJBetter_monaco.MonacoPositionTolspPosition(position),
  11356.                             ch,
  11357.                             options,
  11358.                         },
  11359.                     };
  11360.  
  11361.                     return new Promise((resolve, reject) => {
  11362.                         fetchData(request, (response) => {
  11363.                             const result = response.result;
  11364.                             pushLSPLogMessage("info", `onTypeFormatting ${i18next.t('lsp.server.receive', { ns: 'logMessage' })}`, response);
  11365.  
  11366.                             if (!result || result.length == 0) return resolve([]);
  11367.  
  11368.                             const edits = result.map((item) => ({
  11369.                                 range: OJBetter_monaco.lspRangeToMonacoRange(item.range),
  11370.                                 text: item.newText,
  11371.                             }));
  11372.                             pushLSPLogMessage("info", `onTypeFormatting ${i18next.t('lsp.server.transmit', { ns: 'logMessage' })}`, edits);
  11373.                             resolve(edits);
  11374.                         });
  11375.                     });
  11376.                 },
  11377.             });
  11378.     };
  11379.  
  11380.     /**
  11381.      * 被动式接收处理
  11382.      */
  11383.     OJBetter_monaco.PassiveReceiveHandler = () => {
  11384.  
  11385.         // "实时代码诊断"
  11386.         OJBetter_monaco.updateMarkers = function (message) {
  11387.             const params = message.params;
  11388.             pushLSPLogMessage("info", `Markers ${i18next.t('lsp.server.receive', { ns: 'logMessage' })}`, message);
  11389.  
  11390.             if (!params) return;
  11391.             const markers = params.diagnostics.map((item1) => ({
  11392.                 code: item1.code,
  11393.                 message: item1.message,
  11394.                 ...OJBetter_monaco.lspRangeToMonacoRange(item1.range),
  11395.                 relatedInformation: item1.relatedInformation
  11396.                     ? item1.relatedInformation.map((item2) => ({
  11397.                         ...(item2.location.range
  11398.                             ? OJBetter_monaco.lspRangeToMonacoRange(item2.location.range)
  11399.                             : OJBetter_monaco.lspRangeToMonacoRange(item2.location)),
  11400.                         message: item2.message,
  11401.                         resource: monaco.Uri.parse(item2.location.uri),
  11402.                     }))
  11403.                     : null,
  11404.                 severity: OJBetter_monaco.lspSeverityToMonacoSeverity(item1.severity),
  11405.                 source: item1.source,
  11406.             }));
  11407.  
  11408.             pushLSPLogMessage("info", `Markers ${i18next.t('lsp.server.transmit', { ns: 'logMessage' })}`, markers);
  11409.             monaco.editor.setModelMarkers(model, "eslint", markers);
  11410.  
  11411.             // 更新状态底栏信息
  11412.             const nowMarks = monaco.editor.getModelMarkers();
  11413.             warningCount = 0;
  11414.             errorCount = 0;
  11415.             for (const marker of nowMarks) {
  11416.                 if (marker.severity === monaco.MarkerSeverity.Warning) {
  11417.                     warningCount++;
  11418.                 } else if (marker.severity === monaco.MarkerSeverity.Error) {
  11419.                     errorCount++;
  11420.                 }
  11421.             }
  11422.             $('#OJBetter_statusBar').text(`Warnings: ${warningCount}, Errors: ${errorCount}`);
  11423.         };
  11424.  
  11425.         // "应用服务器推送的更改"(代码修复)
  11426.         OJBetter_monaco.applyEdit = function (message) {
  11427.             const params = message.params;
  11428.             pushLSPLogMessage("info", `applyEdit ${i18next.t('lsp.server.receive', { ns: 'logMessage' })}`, message);
  11429.  
  11430.             if (!params) return;
  11431.             const operations = Object.values(params.edit.changes)
  11432.                 .flat()
  11433.                 .map((item) => ({
  11434.                     range: OJBetter_monaco.lspRangeToMonacoRange(item.range),
  11435.                     text: item.newText,
  11436.                 }));
  11437.  
  11438.             pushLSPLogMessage("info", `applyEdit ${i18next.t('lsp.server.transmit', { ns: 'logMessage' })}`, operations);
  11439.             model.pushEditOperations([], operations, () => null); // 入栈编辑操作
  11440.         };
  11441.     }
  11442.  
  11443.     if (!languageSocketState) await waitForLanguageSocketState();
  11444.     OJBetter_monaco.Initialize();
  11445. }
  11446.  
  11447. // 语言更改
  11448. function changeMonacoLanguage(form) {
  11449.     let nowSelect = form.selectLang.val();
  11450.  
  11451.     // 这里是因为在Chrome上Select2会莫名其妙触发一次不会改变值的change事件，而在其他浏览器中没有，所以贴个补丁
  11452.     if (nowSelect === OJBetter.monaco.nowLangSelect) return;
  11453.     else OJBetter.monaco.nowLangSelect = nowSelect;
  11454.  
  11455.     // 记忆更改
  11456.     GM_setValue('compilerSelection', nowSelect);
  11457.     // 销毁旧的编辑器
  11458.     try {
  11459.         if (OJBetter.monaco.editor) OJBetter.monaco.editor.dispose();
  11460.     } catch (error) {
  11461.         console.warn("Encountered an error while attempting to delete the old editor, but it should not affect your regular usage.", error)
  11462.     }
  11463.     // 关闭旧的socket
  11464.     OJBetter.monaco.lsp.socket.forEach(socket => {
  11465.         socket.close();
  11466.     });
  11467.     // 移除相关元素
  11468.     form.topRightDiv.empty();
  11469.     $('#LSPLog').remove();
  11470.     $('#OJBetter_statusBar').remove();
  11471.     // 创建新的编辑器
  11472.     if (nowSelect in value_monacoLanguageMap) {
  11473.         let language = value_monacoLanguageMap[nowSelect];
  11474.         if (language == "python" || language == "cpp") {
  11475.             createMonacoEditor(language, form, true);
  11476.         } else {
  11477.             createMonacoEditor(language, form, false);
  11478.         }
  11479.     } else {
  11480.         createMonacoEditor(null, form, false);
  11481.     }
  11482.     // 更新在线编译器参数
  11483.     changeCompilerArgs(nowSelect);
  11484. }
  11485.  
  11486. // 收集样例数据
  11487. function getTestData() {
  11488.     let testData = {};
  11489.  
  11490.     /**
  11491.      * 从pre中获取文本信息
  11492.      * @param {JQuery<HTMLElement>} node 元素
  11493.      * @returns {string} 文本信息
  11494.      */
  11495.     function getTextFromPre(node) {
  11496.         let text;
  11497.         if (node.find("br").length > 0) {
  11498.             text = node.html().replace(/<br>/g, "\n"); // <br>作换行符的情况
  11499.         } else {
  11500.             text = node.text();
  11501.         }
  11502.         return text;
  11503.     }
  11504.  
  11505.     // $('.input').each(function (index) {
  11506.     //     var inputText = '';
  11507.     //     if ($(this).find('pre').find('div').length > 0) {
  11508.     //         $(this).find('pre').find('div').each(function () {
  11509.     //             inputText += getTextFromPre($(this)) + '\n';
  11510.     //         });
  11511.     //     } else {
  11512.     //         inputText = getTextFromPre($(this).find('pre'));
  11513.     //     }
  11514.     //     var outputText = '';
  11515.     //     if ($('.output').eq(index).find('pre').find('div').length > 0) {
  11516.     //         $('.output').eq(index).find('pre').find('div').each(function () {
  11517.     //             inputText += getTextFromPre($(this)) + '\n';
  11518.     //         });
  11519.     //     } else {
  11520.     //         outputText = getTextFromPre($('.output').eq(index).find('pre'));
  11521.     //     }
  11522.  
  11523.     //     testData[index + 1] = {
  11524.     //         input: inputText.trim(),
  11525.     //         output: outputText.trim()
  11526.     //     };
  11527.     // });
  11528.  
  11529.     // 需要过滤重复的样例（因为有日文英文两个页面，样例元素重复了两遍）
  11530.     let uniqueTestData = [];
  11531.     const filteredPreElements = $('pre').clone().filter((index, element) => element.id.startsWith('pre-sample'));
  11532.     for (let i = 0; i < filteredPreElements.length; i += 2) {
  11533.         if (i + 1 < filteredPreElements.length) {
  11534.             const inputElement = $(filteredPreElements[i]);
  11535.             const outputElement = $(filteredPreElements[i + 1]);
  11536.  
  11537.             const inputText = getTextFromPre(inputElement).trim();
  11538.             const outputText = getTextFromPre(outputElement).trim();
  11539.  
  11540.             // 检查是否已经存在相同的样例
  11541.             let isDuplicate = uniqueTestData.some(testCase => testCase.input === inputText && testCase.output === outputText);
  11542.             if (!isDuplicate) {
  11543.                 uniqueTestData.push({
  11544.                     input: inputText,
  11545.                     output: outputText
  11546.                 });
  11547.             }
  11548.         }
  11549.     }
  11550.  
  11551.     // 把唯一的测试数据赋值给testData，保持原有的索引风格
  11552.     uniqueTestData.forEach((testCase, index) => {
  11553.         testData[index + 1] = testCase;
  11554.     });
  11555.  
  11556.     return testData;
  11557. }
  11558.  
  11559. // 初始化自定义测试数据面板
  11560. function CustomTestInit() {
  11561.     const url = window.location.href;
  11562.  
  11563.     restoreText();
  11564.  
  11565.     // 添加
  11566.     $('#addCustomTest').click(function () {
  11567.         var sampleDiv = $('<div class="sampleDiv">');
  11568.         var inputTextarea = $('<p style="padding: 0px 5px;">input</p><textarea class="dynamicTextarea inputTextarea"></textarea>');
  11569.         var outputTextarea = $('<p style="padding: 0px 5px;">output</p><textarea class="dynamicTextarea outputTextarea"></textarea>');
  11570.         var deleteCustomTest = OJB_safeCreateJQElement(`<button type="button" class="deleteCustomTest">${closeIcon}</button>`);
  11571.         sampleDiv.append(deleteCustomTest);
  11572.         sampleDiv.append(inputTextarea);
  11573.         sampleDiv.append(outputTextarea);
  11574.         $('#customTests').append(sampleDiv);
  11575.     });
  11576.  
  11577.     // 实时保存文本内容到 IndexedDB 中
  11578.     $(document).on('input', '.inputTextarea, .outputTextarea', function () {
  11579.         OJBetter.common.database.transaction('rw', OJBetter.common.database.samplesData, function () {
  11580.             var objectStore = OJBetter.common.database.samplesData;
  11581.             var samples = {
  11582.                 url: url,
  11583.                 samples: []
  11584.             };
  11585.             var index = 0;
  11586.             $('.sampleDiv').each(function () {
  11587.                 var $sampleDiv = $(this);
  11588.                 var inputTextarea = $sampleDiv.find('.inputTextarea');
  11589.                 var outputTextarea = $sampleDiv.find('.outputTextarea');
  11590.                 $sampleDiv.attr('data-index', index);
  11591.                 inputTextarea.attr('id', 'input' + index);
  11592.                 outputTextarea.attr('id', 'output' + index);
  11593.                 var sample = {
  11594.                     id: index,
  11595.                     input: inputTextarea.val(),
  11596.                     output: outputTextarea.val()
  11597.                 };
  11598.                 samples.samples.push(sample);
  11599.                 index++;
  11600.             });
  11601.             objectStore.put(samples);
  11602.         });
  11603.     });
  11604.  
  11605.     // 删除
  11606.     $(document).on('click', '.deleteCustomTest', function () {
  11607.         var $sampleDiv = $(this).closest('.sampleDiv');
  11608.         OJBetter.common.database.transaction('rw', OJBetter.common.database.samplesData, function () {
  11609.             var objectStore = OJBetter.common.database.samplesData;
  11610.             var index = parseInt($sampleDiv.attr('data-index'));
  11611.             if (!isNaN(index)) {
  11612.                 objectStore.get(url).then(row => {
  11613.                     let samples = row.samples;
  11614.                     samples.splice(index, 1); // 移除第index个元素
  11615.                     objectStore.put({
  11616.                         url: url,
  11617.                         samples: samples
  11618.                     });
  11619.                 })
  11620.             }
  11621.             $sampleDiv.remove();
  11622.         });
  11623.     });
  11624.  
  11625.     // 恢复保存的内容
  11626.     function restoreText() {
  11627.         OJBetter.common.database.transaction('r', OJBetter.common.database.samplesData, function () {
  11628.             return OJBetter.common.database.samplesData.get(url);
  11629.         }).then(function (data) {
  11630.             if (data.samples && data.samples.length > 0) {
  11631.                 data.samples.forEach(function (item, index) {
  11632.                     var sampleDiv = $('<div class="sampleDiv">');
  11633.                     var inputTextarea = OJB_safeCreateJQElement(`<p style="padding: 0px 5px;">input</p><textarea id="input${index}" class="dynamicTextarea inputTextarea"></textarea>`);
  11634.                     var outputTextarea = OJB_safeCreateJQElement(`<p style="padding: 0px 5px;">output</p><textarea id="output${index}" class="dynamicTextarea outputTextarea"></textarea>`);
  11635.                     var deleteCustomTest = OJB_safeCreateJQElement(`<button type="button" class="deleteCustomTest">${closeIcon}</button>`);
  11636.  
  11637.                     inputTextarea.val(item.input);
  11638.                     outputTextarea.val(item.output);
  11639.  
  11640.                     sampleDiv.append(deleteCustomTest);
  11641.                     sampleDiv.append(inputTextarea);
  11642.                     sampleDiv.append(outputTextarea);
  11643.                     sampleDiv.attr('data-index', index)
  11644.                     $('#customTests').append(sampleDiv);
  11645.                 });
  11646.             }
  11647.         });
  11648.     }
  11649. }
  11650.  
  11651. // 获取自定义测试数据
  11652. function getCustomTestData() {
  11653.     const url = window.location.href;
  11654.  
  11655.     return new Promise(function (resolve) {
  11656.         var customTestData = {};
  11657.         OJBetter.common.database.transaction('r', OJBetter.common.database.samplesData, function () {
  11658.             return OJBetter.common.database.samplesData.get(url);
  11659.         }).then(function (data) {
  11660.             if (!data) resolve(customTestData);
  11661.             if (data.samples && data.samples.length > 0) {
  11662.                 data.samples.forEach(function (item, index) {
  11663.                     customTestData[index + 1] = {
  11664.                         input: item.input,
  11665.                         output: item.output
  11666.                     };
  11667.                 });
  11668.             }
  11669.             resolve(customTestData);
  11670.         });
  11671.     });
  11672. }
  11673.  
  11674. // codeforces编译器参数列表
  11675. let officialLanguage = "";
  11676. function officialCompilerArgsChange(nowSelect) {
  11677.     officialLanguage = nowSelect;
  11678.     $('#CompilerArgsInput').prop("disabled", true);
  11679. }
  11680.  
  11681. // codeforces编译器通信
  11682. async function officialCompiler(code, input) {
  11683.     // const data = new FormData();
  11684.     // data.append('csrf_token', OJBetter.common.cf_csrf_token);
  11685.     const data = new URLSearchParams();
  11686.     data.append('csrf_token', OJBetter.common.at_csrf_token);
  11687.     // data.append('source', code);
  11688.     // data.append('tabSize', '4');
  11689.     // data.append('programTypeId', officialLanguage);
  11690.     data.append('data.LanguageId', officialLanguage);
  11691.     data.append('input', input);
  11692.     // data.append('output', '');
  11693.     // data.append('communityCode', '');
  11694.     // data.append('action', 'submitSourceCode');
  11695.     // data.append('programTypeId', officialLanguage);
  11696.     data.append('sourceCode', code);
  11697.  
  11698.     const requestOptions = {
  11699.         method: 'POST',
  11700.         // url: `${OJBetter.common.hostAddress}/data/customtest`,
  11701.         url: `${OJBetter.common.hostAddress}/contests/arc172/custom_test/submit/json`,
  11702.         data: data,
  11703.         headers: {
  11704.             // 'X-Csrf-Token': OJBetter.common.cf_csrf_token
  11705.             'Content-Type': 'application/x-www-form-urlencoded'
  11706.         }
  11707.     };
  11708.  
  11709.     const result = {
  11710.         Errors: '',
  11711.         Result: '',
  11712.         Stats: ''
  11713.     };
  11714.  
  11715.     try {
  11716.         const submitResponse = await OJB_GMRequest(requestOptions);
  11717.         // if (submitResponse.status !== 200 || !submitResponse.response) {
  11718.         //     result.Errors = `${i18next.t('compiler.official.pushError', { ns: 'codeEditor' })}`;
  11719.         //     return result;
  11720.         // }
  11721.         if (submitResponse.status !== 200) {
  11722.             result.Errors = `${i18next.t('compiler.official.pushError', { ns: 'codeEditor' })}`;
  11723.             return result;
  11724.         }
  11725.  
  11726.         // const submitResult = JSON.parse(submitResponse.response);
  11727.         // const customTestSubmitId = submitResult.customTestSubmitId;
  11728.  
  11729.         const verdictResponse = await OJB_promiseRetryWrapper(
  11730.             getOfficialCompilerVerdict,
  11731.             {
  11732.                 maxRetries: 10,
  11733.                 retryInterval: 500
  11734.             },
  11735.             // customTestSubmitId
  11736.         );
  11737.         return verdictResponse;
  11738.     } catch (error) {
  11739.         result.Errors = error.message;
  11740.         return result;
  11741.     }
  11742. }
  11743.  
  11744. // 获取codeforces编译器的执行结果
  11745. // async function getOfficialCompilerVerdict(customTestSubmitId) {
  11746. async function getOfficialCompilerVerdict() {
  11747.     // const newdata = new FormData();
  11748.     // newdata.append('csrf_token', OJBetter.common.cf_csrf_token);
  11749.     // newdata.append('action', 'getVerdict');
  11750.     // newdata.append('customTestSubmitId', customTestSubmitId);
  11751.  
  11752.     // const requestOptions = {
  11753.     //     method: 'POST',
  11754.     //     url: `${OJBetter.common.hostAddress}/data/customtest`,
  11755.     //     data: newdata,
  11756.     //     headers: {
  11757.     //         'X-Csrf-Token': OJBetter.common.cf_csrf_token
  11758.     //     }
  11759.     // };
  11760.     const requestOptions = {
  11761.         method: 'GET',
  11762.         url: `https://atcoder.jp/contests/arc172/custom_test/json?reload=true`,
  11763.     };
  11764.  
  11765.     const responseDetails = await OJB_GMRequest(requestOptions);
  11766.     if (responseDetails.status !== 200 || !responseDetails.response) {
  11767.         throw new Error(`${i18next.t('compiler.official.getResultError', { ns: 'codeEditor' })}`);
  11768.     }
  11769.  
  11770.     const response = JSON.parse(responseDetails.response);
  11771.     // if (!response.stat) {
  11772.     //     throw new Error('Verdict not ready, retrying...');
  11773.     // }
  11774.     if (response.Interval) {
  11775.         throw new Error('Verdict not ready, retrying...');
  11776.     }
  11777.  
  11778.     // return {
  11779.     //     Errors: response.verdict === "OK" ? null : response.verdict + '<br>' + response.output,
  11780.     //     Result: response.output.replace(/\r\n/g, "\n"),
  11781.     //     Stats: `Status: ${response.stat}`
  11782.     // };
  11783.     return {
  11784.         Errors: response.Result.ExitCode === "0" ? null : response.Stderr,
  11785.         Result: response.Stdout.replace(/\r\n/g, "\n"),
  11786.         Stats: `Status: ExitCode: ${response.Result.ExitCode}  Exec Time: ${response.Result.TimeConsumption} ms  Memory: ${response.Result.MemoryConsumption} KB`
  11787.     };
  11788. }
  11789.  
  11790. // rextester编译器参数列表
  11791. let rextesterLanguage = "";
  11792. function rextesterCompilerArgsChange(nowSelect) {
  11793.     // let LanguageChoiceList = {
  11794.     //     "4": "9", "6": "8", "7": "5", "9": "1", "13": "13", "19": "42", "20": "21", "28": "30", "31": "24", "32": "20",
  11795.     //     "34": "17", "36": "4", "43": "6", "45": "7", "46": "4", "50": "7", "51": "9", "52": "27", "54": "7", "55": "23", "60": "4",
  11796.     //     "61": "7", "65": "1", "67": "12", "70": "5", "73": "7", "74": "4", "75": "46", "77": "43", "79": "1", "80": "27", "83": "43", "87": "4"
  11797.     // }
  11798.     let LanguageChoiceList = {
  11799.         "5001": "7", "5002": "20", "5003": "1", "5005": "4", "5009": "17", "5016": "8", "5037": "13", "5041": "9",
  11800.         "5047": "21", "5055": "5", "5058": "17", "5063": "5", "5078": "5", "5082": "5"
  11801.     }
  11802.  
  11803.     let CompilerArgsList = {
  11804.         "6": "-Wall -std=gnu99 -O2 -o a.out source_file.c",
  11805.         "7": "-Wall -std=c++14 -O2 -o a.out source_file.cpp",
  11806.         "20": "-o a.out source_file.go",
  11807.         "27": "-Wall -std=c++14 -stdlib=libc++ -O2 -o a.out source_file.cpp",
  11808.         "30": "source_file.d -ofa.out"
  11809.     }
  11810.     if (nowSelect in LanguageChoiceList) {
  11811.         $('#RunTestButton').prop("disabled", false);
  11812.         rextesterLanguage = LanguageChoiceList[nowSelect];
  11813.     } else {
  11814.         $('#RunTestButton').prop("disabled", true);
  11815.     }
  11816.     if (rextesterLanguage in CompilerArgsList) {
  11817.         const rextesterCompilerArgs = CompilerArgsList[rextesterLanguage];
  11818.         $('#CompilerArgsInput').val(rextesterCompilerArgs);
  11819.     } else {
  11820.         $('#CompilerArgsInput').val("");
  11821.     }
  11822. }
  11823.  
  11824. // rextester编译器通信
  11825. async function rextesterCompiler(code, input) {
  11826.     try {
  11827.         const result = await OJB_promiseRetryWrapper(rextesterCompilerRequest, {
  11828.             maxRetries: 5,
  11829.             retryInterval: 500,
  11830.             errorHandler: (err) => ({ Errors: err.message, Result: '', Stats: '' })
  11831.         }, code, input);
  11832.         return result;
  11833.     } catch (error) {
  11834.         return { Errors: error.message, Result: '', Stats: '' };
  11835.     }
  11836. }
  11837.  
  11838. // rextester编译器请求方法
  11839. async function rextesterCompilerRequest(code, input) {
  11840.     const data = new FormData();
  11841.     data.append('LanguageChoiceWrapper', rextesterLanguage);
  11842.     data.append('EditorChoiceWrapper', '1');
  11843.     data.append('LayoutChoiceWrapper', '1');
  11844.     data.append('Program', code);
  11845.     data.append('CompilerArgs', $('#CompilerArgsInput').val());
  11846.     data.append('Input', input);
  11847.     data.append('ShowWarnings', 'false');
  11848.     data.append('IsInEditMode', 'false');
  11849.     data.append('IsLive', 'false');
  11850.  
  11851.     const responseDetails = await OJB_GMRequest({
  11852.         method: 'POST',
  11853.         url: 'https://rextester.com/rundotnet/Run',
  11854.         data: data
  11855.     });
  11856.  
  11857.     if (responseDetails.status !== 200 || !responseDetails.response) {
  11858.         throw new Error(`${i18next.t('compiler.common.error', { ns: 'codeEditor' })}`);
  11859.     }
  11860.  
  11861.     const response = JSON.parse(responseDetails.response);
  11862.     return {
  11863.         Errors: response.Errors || '',
  11864.         Result: response.Result || '',
  11865.         Stats: response.Stats || ''
  11866.     };
  11867. }
  11868.  
  11869. // wandbox编译器参数列表
  11870. var wandboxlist = JSON.parse(GM_getResourceText("wandboxlist"));
  11871. function wandboxCompilerArgsChange(nowSelect) {
  11872.     // let LanguageChoiceList = {
  11873.     //     "6": "PHP", "7": "Python", "9": "C#", "12": "Haskell", "13": "Perl", "19": "OCaml",
  11874.     //     "20": "Scala", "28": "D", "31": "Python", "32": "Go", "34": "JavaScript", "36": "Java", "40": "Python", "41": "Python",
  11875.     //     "43": "C++", "50": "C++", "51": "Pascal", "52": "C++", "54": "C++", "60": "Java", "61": "C++", "65": "C#", "67": "Ruby",
  11876.     //     "70": "Python", "73": "C++", "74": "Java", "75": "Rust", "79": "C#", "80": "C++", "87": "Java"
  11877.     // }
  11878.     let LanguageChoiceList = {
  11879.         "5001": "C++", "5002": "Go", "5003": "C#", "5005": "Java", "5009": "JavaScript", "5010": "JavaScript",
  11880.         "5012": "D", "5013": "D", "5016": "PHP", "5017": "C++", "5018": "Ruby", "5025": "Haskell",
  11881.         "5027": "Lua", "5028": "C++", "5031": "C++", "5037": "Perl", "5041": "Pascal", "5042": "C#",
  11882.         "5043": "Lua", "5047": "Scala", "5055": "Python", "5056": "Scala", "5059": "OCaml", "5062": "Lisp",
  11883.         "5063": "Python", "5077": "D", "5078": "Python", "5081": "OCaml", "5082": "Python"
  11884.     }
  11885.  
  11886.     // 移除旧的
  11887.     $('#CompilerChange').remove();
  11888.  
  11889.     if (nowSelect in LanguageChoiceList) {
  11890.         $('#RunTestButton').prop("disabled", false);
  11891.         const Languagefiltered = wandboxlist.filter(obj => obj.language === LanguageChoiceList[nowSelect]);
  11892.  
  11893.         // 创建编译器下拉框
  11894.         let CompilerChange = $('<select id="CompilerChange" style="width: 100%;"></select>');
  11895.  
  11896.         $('#CompilerSetting').show().append(CompilerChange);
  11897.         for (let i = 0; i < Languagefiltered.length; i++) {
  11898.             let Compiler = Languagefiltered[i];
  11899.             let op = $("<option></option>")
  11900.                 .val(Compiler.name)
  11901.                 .text(Compiler["display-name"] + " " + Compiler.version);
  11902.             $("#CompilerChange").append(op);
  11903.         }
  11904.  
  11905.         // 编译器参数刷新
  11906.         function refreshCompilerArgs() {
  11907.             var flags = '';
  11908.             $("#CompilerBox").find("*").each(function () {
  11909.                 if ($(this).is("input[type='checkbox']")) {
  11910.                     let flag = $(this).prop("checked") ? $(this).val() : '';
  11911.                     flags += flag + (flag ? ' ' : '');
  11912.                 } else if ($(this).is("select") || $(this).is("input") || $(this).is("textarea")) {
  11913.                     let flag = $(this).val();
  11914.                     flags += flag + (flag ? ' ' : '');
  11915.                 }
  11916.             });
  11917.             $("#CompilerArgsInput").val(flags);
  11918.             $("#CompilerArgsInput").prop("readonly", true); // 只读
  11919.         }
  11920.  
  11921.         // 编译器切换监听
  11922.         CompilerChange.change(function () {
  11923.             let selectedName = CompilerChange.val();
  11924.             let Compiler = Languagefiltered.find(
  11925.                 (obj) => obj.name === selectedName
  11926.             );
  11927.  
  11928.             $("#CompilerArgsInput").val(); // 初始化编译器输入框
  11929.  
  11930.             $("#CompilerBox").remove();
  11931.             let div = $("<div id='CompilerBox'></div>");
  11932.  
  11933.             let display_compile_command = OJB_safeCreateJQElement(`<input id='${Compiler.name}' value='${Compiler['display-compile-command']}' style="display:none;"}></input>`);
  11934.             div.append(display_compile_command);
  11935.  
  11936.             let switches = Compiler.switches;
  11937.             for (let i = 0; i < switches.length; i++) {
  11938.                 let switche = switches[i];
  11939.  
  11940.                 if (switche.type == "single") {
  11941.                     let single = OJB_safeCreateJQElement(`
  11942.                     <div>
  11943.                         <input type='checkbox' id='${switche.name}' value='${switche['display-flags']}' ${switche.default ? 'checked' : ''}></input>
  11944.                         <label for='${switche.name}'>${switche['display-name']}</label>
  11945.                     </div>
  11946.                     `);
  11947.                     div.append(single);
  11948.                     single.find("input").change(function () {
  11949.                         refreshCompilerArgs();
  11950.                     });
  11951.                 } else if (switche.type == "select") {
  11952.                     let select = OJB_safeCreateJQElement(`<select id='${switche.name}'></select>`);
  11953.                     select.data('previousValue', switche.options[0]['display-flags']);
  11954.                     div.append(select);
  11955.                     for (let i = 0; i < switche.options.length; i++) {
  11956.                         let option = switche.options[i];
  11957.                         let op = $("<option></option>")
  11958.                             .val(option['display-flags'])
  11959.                             .text(option['display-name']);
  11960.                         select.append(op);
  11961.                     }
  11962.                     select.change(function () {
  11963.                         refreshCompilerArgs();
  11964.                     });
  11965.                 }
  11966.             }
  11967.  
  11968.             if (Compiler['compiler-option-raw'] == true) {
  11969.                 let textarea = OJB_safeCreateJQElement(`<textarea id="compiler_option_raw" placeholder="Raw compiler options" style="resize: vertical;"></textarea>`);
  11970.                 div.append(textarea);
  11971.                 textarea.on('input', function () {
  11972.                     refreshCompilerArgs();
  11973.                 });
  11974.             }
  11975.             if (Compiler['runtime-option-raw'] == true) {
  11976.                 let textarea = OJB_safeCreateJQElement(`<textarea id="runtime_option_raw" placeholder="Raw runtime options" style="resize: vertical;"></textarea>`);
  11977.                 div.append(textarea);
  11978.                 textarea.on('input', function () {
  11979.                     refreshCompilerArgs();
  11980.                 });
  11981.             }
  11982.             $("#CompilerSetting").append(div);
  11983.  
  11984.             refreshCompilerArgs();  // 初始化
  11985.         });
  11986.  
  11987.         CompilerChange.trigger("change"); // 初始化
  11988.     } else {
  11989.         $('#RunTestButton').prop("disabled", true);
  11990.     }
  11991. }
  11992.  
  11993. // wandbox编译器通信
  11994. async function wandboxCompiler(code, input) {
  11995.     try {
  11996.         const result = await OJB_promiseRetryWrapper(wandboxCompilerRequest, {
  11997.             maxRetries: 5,
  11998.             retryInterval: 500,
  11999.             errorHandler: (err) => ({ Errors: err.message, Result: '', Stats: '' })
  12000.         }, code, input);
  12001.         return result;
  12002.     } catch (error) {
  12003.         return { Errors: error.message, Result: '', Stats: '' };
  12004.     }
  12005. }
  12006.  
  12007. // wandbox编译器请求方法
  12008. async function wandboxCompilerRequest(code, input) {
  12009.     const data = {
  12010.         code: code,
  12011.         codes: [],
  12012.         compiler: $('#CompilerChange').val().replace($('#compiler_option_raw').val(), '').replace($('#runtime_option_raw').val(), ''),
  12013.         'compiler-option-raw': $('#compiler_option_raw').val(),
  12014.         'runtime-option-raw': $('#runtime_option_raw').val(),
  12015.         options: $("#CompilerArgsInput").val(),
  12016.         description: '',
  12017.         stdin: input,
  12018.         title: ''
  12019.     };
  12020.  
  12021.     const responseDetails = await OJB_GMRequest({
  12022.         method: 'POST',
  12023.         url: 'https://wandbox.org/api/compile.json',
  12024.         data: JSON.stringify(data),
  12025.         headers: {
  12026.             'Content-Type': 'application/json'
  12027.         }
  12028.     });
  12029.  
  12030.     if (responseDetails.status !== 200 || !responseDetails.response) {
  12031.         throw new Error(`${i18next.t('compiler.common.error', { ns: 'codeEditor' })}`);
  12032.     }
  12033.  
  12034.     const response = JSON.parse(responseDetails.response);
  12035.     return {
  12036.         Errors: response.compiler_error === "" ? response.signal : response.compiler_error,
  12037.         Result: response.program_output || '',
  12038.         Stats: response.status === "0" ? "Finish" : "Error"
  12039.     };
  12040. }
  12041.  
  12042. // 更改编译器参数
  12043. function changeCompilerArgs(nowSelect) {
  12044.     if (OJBetter.monaco.onlineCompilerChoice == "official") {
  12045.         officialCompilerArgsChange(nowSelect);
  12046.     } else if (OJBetter.monaco.onlineCompilerChoice == "rextester") {
  12047.         rextesterCompilerArgsChange(nowSelect);
  12048.     } else if (OJBetter.monaco.onlineCompilerChoice == "wandbox") {
  12049.         wandboxCompilerArgsChange(nowSelect);
  12050.     }
  12051. }
  12052.  
  12053. // 在线编译器通信
  12054. async function onlineCompilerConnect(code, input) {
  12055.     if (OJBetter.monaco.onlineCompilerChoice == "official") {
  12056.         return await officialCompiler(code, input);
  12057.     } else if (OJBetter.monaco.onlineCompilerChoice == "rextester") {
  12058.         return await rextesterCompiler(code, input);
  12059.     } else if (OJBetter.monaco.onlineCompilerChoice == "wandbox") {
  12060.         return await wandboxCompiler(code, input);
  12061.     }
  12062. }
  12063.  
  12064. // 差异对比
  12065. function codeDiff(expectedText, actualText) {
  12066.     // 将文本按行拆分
  12067.     const expectedLines = expectedText ? expectedText.split('\n') : [];
  12068.     const actualLines = actualText ? actualText.split('\n') : [];
  12069.  
  12070.     const output = document.createElement('div');
  12071.  
  12072.     const createLineElement = (lineNo, contentElement) => {
  12073.         const lineDiv = document.createElement('div');
  12074.         lineDiv.className = 'diffLine';
  12075.  
  12076.         const lineNoDiv = document.createElement('div');
  12077.         lineNoDiv.className = 'lineNo';
  12078.         lineNoDiv.textContent = lineNo;
  12079.  
  12080.         lineDiv.appendChild(lineNoDiv);
  12081.         lineDiv.appendChild(contentElement);
  12082.  
  12083.         return lineDiv;
  12084.     };
  12085.  
  12086.     const createContentElement = (isEquals = true, expected = null, removed = null) => {
  12087.         const contentDiv = document.createElement('div');
  12088.         contentDiv.className = 'lineContent';
  12089.  
  12090.         if (isEquals) {
  12091.             const span = document.createElement('span');
  12092.             span.textContent = expected;
  12093.             contentDiv.appendChild(span);
  12094.         } else {
  12095.             if (removed != null) {
  12096.                 const removedSpan = document.createElement('span');
  12097.                 removedSpan.className = 'removed';
  12098.                 removedSpan.textContent = removed;
  12099.                 contentDiv.appendChild(removedSpan);
  12100.             }
  12101.             if (expected != null) {
  12102.                 const addedSpan = document.createElement('span');
  12103.                 addedSpan.className = 'added';
  12104.                 addedSpan.textContent = expected;
  12105.                 contentDiv.appendChild(addedSpan);
  12106.             }
  12107.         }
  12108.  
  12109.         return contentDiv;
  12110.     };
  12111.  
  12112.     let index = 1;
  12113.  
  12114.     expectedLines.forEach((expectedLine, i) => {
  12115.         const actualLine = actualLines[i];
  12116.         if (actualLine === undefined) {
  12117.             output.appendChild(createLineElement(index++, createContentElement(false, expectedLine)));
  12118.         } else if (expectedLine === actualLine) {
  12119.             output.appendChild(createLineElement(index++, createContentElement(true, expectedLine)));
  12120.         } else {
  12121.             output.appendChild(createLineElement(index++, createContentElement(false, expectedLine, actualLine)));
  12122.         }
  12123.     });
  12124.  
  12125.     // 处理多余的 actualLines
  12126.     for (let i = expectedLines.length; i < actualLines.length; i++) {
  12127.         output.appendChild(createLineElement(index++, createContentElement(false, null, actualLines[i])));
  12128.     }
  12129.  
  12130.     return output.innerHTML;
  12131. }
  12132.  
  12133. // 内容类型常量
  12134. const TestCaseContentType = {
  12135.     TERMINAL: 'terminal',
  12136.     DIFF: 'diff',
  12137.     NO_DIFF: 'no_diff',
  12138.     SUCCESS: 'success'
  12139. };
  12140.  
  12141. // 样例测试状态类
  12142. class TestCaseStatus {
  12143.     constructor(item, prefix) {
  12144.         this.testCase = OJB_safeCreateJQElement(`<div class="test-case"></div>`);
  12145.         this.item = item;
  12146.         this.prefix = prefix;
  12147.         this.titleElement = OJB_safeCreateJQElement(`<div class="test-case-title">${this.prefix} ${this.item}</div>`);
  12148.         this.statusElement = OJB_safeCreateJQElement(`<div class="test-case-status"></div>`);
  12149.         this.contentElement = OJB_safeCreateJQElement(`<div class="test-case-content"></div>`);
  12150.         this.judgeElement = OJB_safeCreateJQElement(`<div class="test-case-judge"></div>`);
  12151.         this.testCase.append(this.titleElement, this.statusElement, this.contentElement, this.judgeElement);
  12152.         $('#statePanel').append(this.testCase);
  12153.         this.setStatus('Queued', 'queued');
  12154.     }
  12155.  
  12156.     setTitle(title) {
  12157.         this.titleElement.text(title);
  12158.     }
  12159.  
  12160.     setStatus(text, status) {
  12161.         this.statusElement.text(text).removeClass('queued running success error').addClass(status);
  12162.     }
  12163.  
  12164.     setContent(content, type) {
  12165.         // 如果内容类型为SUCCESS，隐藏内容元素并提前返回
  12166.         if (type === TestCaseContentType.SUCCESS) {
  12167.             this.contentElement.hide();
  12168.             return;
  12169.         }
  12170.  
  12171.         // 根据内容类型创建内容元素
  12172.         const createContentElementByType = (content, type) => {
  12173.             let contentElement;
  12174.             switch (type) {
  12175.                 case TestCaseContentType.TERMINAL:
  12176.                     // 为TERMINAL类型创建一个新的终端容器
  12177.                     contentElement = OJB_safeCreateJQElement(`<div class="terminal-container" style="overflow: auto;"></div>`);
  12178.                     break;
  12179.                 case TestCaseContentType.DIFF:
  12180.                 case TestCaseContentType.NO_DIFF:
  12181.                     // 为DIFF和NO_DIFF类型创建相应的内容元素，并添加差异说明
  12182.                     const className = type === TestCaseContentType.DIFF ? "output_diff" : "output_no_diff";
  12183.                     contentElement = OJB_safeCreateJQElement(`<pre class="${className}">${content}</pre>`);
  12184.                     appendDiffNote();
  12185.                     break;
  12186.                 default:
  12187.                     throw new Error("Unsupported content type.");
  12188.             }
  12189.             return contentElement;
  12190.         };
  12191.  
  12192.         // 初始化终端
  12193.         const initializeTerminal = (content, contentElement) => {
  12194.             const term = new Terminal({ rows: 10, cols: 150 });
  12195.             term.setOption('theme', { background: '#2d2e2c' });
  12196.             term.setOption('convertEol', true); // 将换行符\n转换为\r\n
  12197.             term.write(content);
  12198.             term.open(contentElement.get(0));
  12199.         };
  12200.  
  12201.         // 添加差异说明
  12202.         const appendDiffNote = () => {
  12203.             const diffNote = OJB_safeCreateJQElement(`<div class="diff_note">${i18next.t('resultBlock.diffNote', { ns: 'codeEditor' })}</div>`);
  12204.             this.testCase.append(diffNote);
  12205.         };
  12206.  
  12207.         // 创建并追加内容元素
  12208.         const contentElement = createContentElementByType(content, type);
  12209.         this.contentElement.append(contentElement);
  12210.  
  12211.         // 如果内容类型为TERMINAL，初始化并打开终端
  12212.         if (type === TestCaseContentType.TERMINAL) {
  12213.             initializeTerminal(content, contentElement);
  12214.         }
  12215.     }
  12216.  
  12217.     setJudge(judge) {
  12218.         this.judgeElement.text(judge);
  12219.     }
  12220. }
  12221.  
  12222. // 样例测试函数
  12223. async function runCode(event, runButton, sourceDiv, submitDiv) {
  12224.     event.preventDefault();
  12225.     const statePanel = $('#statePanel').show().empty();
  12226.     const testData = getTestData();
  12227.     const customTestData = await getCustomTestData();
  12228.     const totalTests = Object.keys(customTestData).length + Object.keys(testData).length;
  12229.  
  12230.     let passedTests = 0;
  12231.     let failedTests = 0;
  12232.     let hasError = false;
  12233.  
  12234.     // 定义一个对象队列，包括创建的样例块实例和对应的样例数据
  12235.     const queue = [];
  12236.  
  12237.     // 先生成各个样例的块，并显示排队中，将创建的各个对象存到队列中，以便后面更新
  12238.     for (const [item, data] of Object.entries(customTestData)) {
  12239.         const testCase = new TestCaseStatus(item, i18next.t('resultBlock.title.custom', { ns: 'codeEditor' }));
  12240.         queue.push({ testCase, data });
  12241.     }
  12242.  
  12243.     if (!$('#onlyCustomTest').prop('checked')) {
  12244.         for (const [item, data] of Object.entries(testData)) {
  12245.             const testCase = new TestCaseStatus(item, i18next.t('resultBlock.title.sample', { ns: 'codeEditor' }));
  12246.             queue.push({ testCase, data });
  12247.         }
  12248.     }
  12249.  
  12250.     // 测试函数
  12251.     const runTest = async (testCase, data, index) => {
  12252.         runButton.setButtonState('running', `${index}/${totalTests}`);
  12253.  
  12254.         testCase.setStatus('Running', 'running');
  12255.         const result = await onlineCompilerConnect(sourceDiv.val(), data.input);
  12256.  
  12257.         if (result.Errors) {
  12258.             testCase.setStatus('Compilation error or Time limit', 'error');
  12259.             testCase.setContent(result.Errors, TestCaseContentType.TERMINAL);
  12260.             hasError = true;
  12261.         } else if (result.Result.trim() === data.output.trim()) {
  12262.             testCase.setStatus('Accepted', 'success');
  12263.             testCase.setContent('The output is correct.', TestCaseContentType.SUCCESS);
  12264.             passedTests++;
  12265.         } else {
  12266.             testCase.setStatus('Wrong Answer', 'error');
  12267.             const diffContent = $('#DontShowDiff').prop('checked') ? result.Result.trim() : codeDiff(data.output.trim(), result.Result.trim());
  12268.             const contentType = $('#DontShowDiff').prop('checked') ? TestCaseContentType.NO_DIFF : TestCaseContentType.DIFF;
  12269.             testCase.setContent(diffContent, contentType);
  12270.             failedTests++;
  12271.         }
  12272.  
  12273.         const judgeStats = `${i18next.t('resultBlock.state', { ns: 'codeEditor' })}${result.Stats}`;
  12274.         testCase.setJudge(judgeStats);
  12275.  
  12276.         await OJB_delay(500); // 等待500毫秒
  12277.     };
  12278.  
  12279.     // 对队列中的对象进行测试
  12280.     for (let i = 0; i < queue.length; i++) {
  12281.         const { testCase, data } = queue[i];
  12282.         await runTest(testCase, data, i + 1);
  12283.     }
  12284.  
  12285.     // 测试完成后更新按钮状态
  12286.     if (hasError) {
  12287.         runButton.setButtonState('error', i18next.t('runTestButton.error', { ns: 'codeEditor' }));
  12288.     } else if (failedTests > 0) {
  12289.         runButton.setButtonState('error', `${passedTests}/${totalTests} ` + i18next.t('runTestButton.partial', { ns: 'codeEditor' }));
  12290.     } else {
  12291.         runButton.setButtonState('success', i18next.t('runTestButton.success', { ns: 'codeEditor' }));
  12292.     }
  12293. }
  12294.  
  12295. /**
  12296.  * 添加题目页代码编辑器
  12297.  * @returns 
  12298.  */
  12299. async function addProblemPageCodeEditor() {
  12300.     // if (typeof ace === 'undefined') {
  12301.     //     const loadingMessage = new LoadingMessage();
  12302.     //     loadingMessage.updateStatus(`${OJBetter.state.name} —— ${i18next.t('error.codeEditor.load', { ns: 'alert' })}`, 'error');
  12303.     //     return; // 因为Codeforces设定的是未登录时不能访问提交页，也不会加载ace库
  12304.     // }
  12305.  
  12306.     // 获取提交页链接
  12307.     const href = window.location.href;
  12308.     let submitUrl = OJBetter.common.hostAddress + $('.form-code-submit').attr('action');
  12309.     // if (/\/problemset\//.test(href)) {
  12310.     //     // problemset
  12311.     //     submitUrl = OJBetter.common.hostAddress + '/problemset/submit';
  12312.     // } else if (/\/gym\//.test(href)) {
  12313.     //     // gym 题目
  12314.     //     submitUrl = OJBetter.common.hostAddress + '/gym/' + ((href) => {
  12315.     //         const regex = /\/gym\/(?<num>[0-9a-zA-Z]*?)\/problem\//;
  12316.     //         const match = href.match(regex);
  12317.     //         return match && match.groups.num;
  12318.     //     })(href) + '/submit';
  12319.     // } else if (OJBetter.typeOfPage.is_acmsguru) {
  12320.     //     // acmsguru 题目
  12321.     //     submitUrl = href.replace(/\/problemsets[A-Za-z0-9\/#]*/, "/problemsets/acmsguru/submit");
  12322.     // } else {
  12323.     //     submitUrl = href.replace(/\/problem[A-Za-z0-9\/#]*/, "/submit");
  12324.     // }
  12325.  
  12326.     // // 获取提交页HTML
  12327.     // let cloneHTML = await getSubmitHTML(submitUrl);
  12328.  
  12329.     // 创建
  12330.     // let form = await createCodeEditorForm(submitUrl, cloneHTML);
  12331.     let form = await createCodeEditorForm(submitUrl);
  12332.     let selectLang = form.selectLang;
  12333.     let submitButton = form.submitButton;
  12334.     let runButton = form.runButton;
  12335.  
  12336.     // 初始化
  12337.     CustomTestInit(); // 自定义测试数据面板
  12338.     selectLang.val(OJBetter.monaco.compilerSelection); // 恢复上一次的语言选择
  12339.  
  12340.     // 设置语言选择change事件监听器
  12341.     selectLang.on('change', () => {
  12342.         changeMonacoLanguage(form); // 编辑器语言切换监听
  12343.     });
  12344.     changeMonacoLanguage(form);
  12345.  
  12346.     // 样例测试
  12347.     runButton.on('click', (event) => runCode(event, runButton, form.sourceDiv, form.submitDiv))
  12348.         .setHoverRedo();
  12349.  
  12350.     // 提交
  12351.     submitButton.on('click', async function (event) {
  12352.         event.preventDefault();
  12353.         if (OJBetter.monaco.setting.isCodeSubmitDoubleConfirm) {
  12354.             const submit = await OJB_createDialog(
  12355.                 i18next.t('submitCode.title', { ns: 'dialog' }),
  12356.                 i18next.t('submitCode.content', { ns: 'dialog' }),
  12357.                 [
  12358.                     i18next.t('submitCode.buttons.0', { ns: 'dialog' }),
  12359.                     i18next.t('submitCode.buttons.1', { ns: 'dialog' })
  12360.                 ]
  12361.             ); //提交确认
  12362.             if (submit) {
  12363.                 submitButton.after(`<img class="OJBetter_loding" src="//codeforces.org/s/84141/images/ajax-loading-24x24.gif">`);
  12364.                 $('#OJBetter_SubmitForm').submit();
  12365.             } else {
  12366.                 submitButton.addClass('disabled');
  12367.                 setTimeout(function () {
  12368.                     submitButton.removeClass('disabled');
  12369.                 }, 300);
  12370.             }
  12371.         } else {
  12372.             $('#OJBetter_SubmitForm').submit();
  12373.         }
  12374.     });
  12375. }
  12376.  
  12377. /**
  12378.  * 获取翻译服务目标语言的对应代码
  12379.  * @param {string} serverName 服务名称
  12380.  * @returns {string} 目标语言，如果没有对应代码则返回中文
  12381.  */
  12382. function getTargetLanguage(serverName) {
  12383.     let targetLanguage = OJBetter.supportList.translationSupport[serverName][OJBetter.translation.targetLang];
  12384.     if (targetLanguage) return targetLanguage;
  12385.     else return OJBetter.supportList.translationSupport[serverName]['zh'];
  12386. }
  12387.  
  12388. /**
  12389.  * 将文本中Markdown格式的加粗**转换成HTML格式。
  12390.  * @param {string} text 文本
  12391.  * @returns {string} 替换后的字符串
  12392.  */
  12393. function convertBoldMarkdownToHTML(text) {
  12394.     return text.replace(/\*\*(.*?)\*\*/g, '<strong>$1</strong>');
  12395. }
  12396.  
  12397. /**
  12398. * 将文本中Markdown格式的链接文本转换成HTML格式。
  12399. * @param {string} text 文本
  12400. * @returns {string} 替换后的字符串
  12401. */
  12402. function convertLinksMarkdownToHTML(text) {
  12403.     return text.replace(/(?<!!)\[(.*?)\]\(([^"]*?)("(.*?)")*\)/g, '<a href="$2" title="$4">$1</a>');
  12404. }
  12405.  
  12406. /**
  12407.  * 将HTML格式的加粗文本转换回Markdown格式。
  12408.  * @param {string} text 文本
  12409.  * @returns {string} 替换后的字符串
  12410.  */
  12411. function convertBoldHTMLToMarkdown(text) {
  12412.     return text.replace(/<strong>(.*?)<\/strong>/g, '**$1**');
  12413. }
  12414.  
  12415. /**
  12416.  * 将HTML格式的链接文本转换回Markdown格式。
  12417.  * @param {string} html - 包含HTML链接标签<a>的字符串。
  12418.  * @returns {string} 转换后的字符串，其中HTML链接标签被替换为Markdown的链接语法。
  12419.  */
  12420. function convertLinksHTMLToMarkdown(html) {
  12421.     return html.replace(/<a href="([^"]*)"( title="([^"]*)")*>([^<]+)<\/a>/g, '[$4]($1 "$3")');
  12422. }
  12423.  
  12424. /**
  12425.  * DeepL翻译
  12426.  * @param {string} raw 原文
  12427.  * @returns {Promise<TransRawData>} 翻译结果对象
  12428.  */
  12429. async function translate_deepl(raw) {
  12430.     const id = (Math.floor(Math.random() * 99999) + 100000) * 1000;
  12431.     const data = {
  12432.         jsonrpc: '2.0',
  12433.         method: 'LMT_handle_texts',
  12434.         id,
  12435.         params: {
  12436.             splitting: 'newlines',
  12437.             lang: {
  12438.                 source_lang_user_selected: 'auto',
  12439.                 target_lang: getTargetLanguage('deepl'),
  12440.             },
  12441.             texts: [{
  12442.                 text: raw,
  12443.                 requestAlternatives: 3
  12444.             }],
  12445.             timestamp: getTimeStamp(raw.split('i').length - 1)
  12446.         }
  12447.     }
  12448.     let postData = JSON.stringify(data);
  12449.     if ((id + 5) % 29 === 0 || (id + 3) % 13 === 0) {
  12450.         postData = postData.replace('"method":"', '"method" : "');
  12451.     } else {
  12452.         postData = postData.replace('"method":"', '"method": "');
  12453.     }
  12454.     const options = {
  12455.         method: 'POST',
  12456.         url: 'https://www2.deepl.com/jsonrpc',
  12457.         data: postData,
  12458.         headers: {
  12459.             'Content-Type': 'application/json',
  12460.             'Host': 'www2.deepl.com',
  12461.             'Origin': 'https://www.deepl.com',
  12462.             'Referer': 'https://www.deepl.com/',
  12463.         },
  12464.         anonymous: true,
  12465.         nocache: true,
  12466.     }
  12467.  
  12468.     return await BaseTranslate(options, res => JSON.parse(res)?.result?.texts?.[0]?.text || res, res => {
  12469.         const resObj = {
  12470.             status: true,
  12471.             message: 'ok'
  12472.         };
  12473.         if (res.includes('"message":"Too many requests"')) {
  12474.             resObj.status = false;
  12475.             resObj.message = i18next.t('error.deepl429', { ns: 'translator' }); // Too many requests 提示
  12476.             return resObj;
  12477.         };
  12478.         return resObj;
  12479.     });
  12480. }
  12481.  
  12482. /**
  12483.  * 使用 DeepL Free API 进行翻译
  12484.  * @param {string} raw 原文
  12485.  * @returns {Promise<TransRawData>} 翻译结果对象
  12486.  */
  12487. async function translate_deepl_api_free(raw) {
  12488.     const data = JSON.stringify({
  12489.         text: [raw],
  12490.         target_lang: getTargetLanguage('deepl'),
  12491.         split_sentences: '1',
  12492.         ...(OJBetter.deepl.enableEmphasisProtection || OJBetter.deepl.enableLinkProtection ? { tag_handling: 'html' } : {}),
  12493.         ...Object.assign({}, ...OJBetter.deepl.config.data)
  12494.     });
  12495.  
  12496.     const options = {
  12497.         method: "POST",
  12498.         url: OJBetter.deepl.config.proxy || "https://api-free.deepl.com/v2/translate",
  12499.         headers: {
  12500.             "Authorization": `DeepL-Auth-Key ${OJBetter.deepl.config.key}`,
  12501.             "Content-Type": "application/json",
  12502.             ...Object.assign({}, ...OJBetter.deepl.config.header)
  12503.         },
  12504.         data: data,
  12505.         onload: response => response.responseText,
  12506.         onerror: error => console.error(error)
  12507.     };
  12508.  
  12509.     return await BaseTranslate(options, res => JSON.parse(res).translations[0].text);
  12510. }
  12511.  
  12512. /**
  12513.  * 使用 DeepL Pro API 进行翻译
  12514.  * @param {string} raw 原文
  12515.  * @returns {Promise<TransRawData>} 翻译结果对象
  12516.  */
  12517. async function translate_deepl_api_pro(raw) {
  12518.     const data = JSON.stringify({
  12519.         text: [raw],
  12520.         target_lang: getTargetLanguage('deepl'),
  12521.         split_sentences: '1',
  12522.         ...(OJBetter.deepl.enableEmphasisProtection || OJBetter.deepl.enableLinkProtection ? { tag_handling: 'html' } : {}),
  12523.         ...Object.assign({}, ...OJBetter.deepl.config.data)
  12524.     });
  12525.  
  12526.     const options = {
  12527.         method: "POST",
  12528.         url: OJBetter.deepl.config.proxy || "https://api.deepl.com/v2/translate",
  12529.         headers: {
  12530.             "Authorization": `DeepL-Auth-Key ${OJBetter.deepl.config.key}`,
  12531.             "Content-Type": "application/json",
  12532.             ...Object.assign({}, ...OJBetter.deepl.config.header)
  12533.         },
  12534.         data: data,
  12535.         onload: response => response.responseText,
  12536.         onerror: error => console.error(error)
  12537.     };
  12538.  
  12539.     return await BaseTranslate(options, res => JSON.parse(res).translations[0].text);
  12540. }
  12541.  
  12542. /**
  12543.  * 使用 DeepLX 进行翻译
  12544.  * @param {String} text 原文
  12545.  * @returns {Promise<TransRawData>} 翻译结果对象
  12546.  */
  12547. async function translate_deeplx(text) {
  12548.     const options = {
  12549.         method: "POST",
  12550.         url: OJBetter.deepl.config.proxy || 'https://api.deeplx.org/translate',
  12551.         data: JSON.stringify({
  12552.             "text": text,
  12553.             "source_lang": "EN",
  12554.             "target_lang": getTargetLanguage('deepl'),
  12555.         }),
  12556.         headers: {
  12557.             'Content-Type': 'application/json',
  12558.             ...(OJBetter.deepl.config.key ? { Authorization: `Bearer ${OJBetter.deepl.config.key}` } : {})
  12559.         },
  12560.         responseType: "json",
  12561.     };
  12562.  
  12563.     return await BaseTranslate(options, res => {
  12564.         const parsedResponse = JSON.parse(res);
  12565.         if (parsedResponse.code === 200 && parsedResponse.data) {
  12566.             return parsedResponse.data;
  12567.         } else {
  12568.             throw new Error('Translation failed or invalid response format.');
  12569.         }
  12570.     });
  12571. }
  12572.  
  12573. function getTimeStamp(iCount) {
  12574.     const ts = Date.now();
  12575.     if (iCount !== 0) {
  12576.         iCount = iCount + 1;
  12577.         return ts - (ts % iCount) + iCount;
  12578.     } else {
  12579.         return ts;
  12580.     }
  12581. }
  12582.  
  12583. /**
  12584.  * 讯飞听见翻译
  12585.  * @param {String} text 要翻译的文本
  12586.  * @returns {Promise<TransRawData>} 翻译结果对象
  12587.  */
  12588. async function translate_iflyrec(text) {
  12589.     const options = {
  12590.         method: "POST",
  12591.         url: 'https://www.iflyrec.com/TranslationService/v1/textTranslation',
  12592.         data: JSON.stringify({
  12593.             "from": "2",
  12594.             "to": getTargetLanguage('iflyrec'),
  12595.             "contents": [{
  12596.                 "text": text,
  12597.                 "frontBlankLine": 0
  12598.             }]
  12599.         }),
  12600.         anonymous: true,
  12601.         headers: {
  12602.             'Content-Type': 'application/json',
  12603.             'Origin': 'https://www.iflyrec.com',
  12604.         },
  12605.         responseType: "json",
  12606.     };
  12607.     return await BaseTranslate(options, res => JSON.parse(res).biz[0].translateResult.replace(/\\n/g, "\n\n"));
  12608. }
  12609.  
  12610. /**
  12611.  * 有道翻译
  12612.  * @param {string} raw 原文
  12613.  * @returns {Promise<TransRawData>} 翻译结果对象
  12614.  */
  12615. async function translate_youdao_mobile(raw) {
  12616.     const options = {
  12617.         method: "POST",
  12618.         url: 'http://m.youdao.com/translate',
  12619.         data: "inputtext=" + encodeURIComponent(raw) + "&type=" + getTargetLanguage('youdao'),
  12620.         anonymous: true,
  12621.         headers: {
  12622.             "Content-Type": "application/x-www-form-urlencoded",
  12623.             'Host': 'm.youdao.com',
  12624.             'Origin': 'http://m.youdao.com',
  12625.             'Referer': 'http://m.youdao.com/translate',
  12626.         }
  12627.     }
  12628.     return await BaseTranslate(options,
  12629.         res => {
  12630.             const array = /id="translateResult">\s*?<li>([\s\S]*?)<\/li>\s*?<\/ul/.exec(res);
  12631.             if (array && array.length > 1) {
  12632.                 return array[1];
  12633.             } else {
  12634.                 return res;
  12635.             }
  12636.         },
  12637.         res => {
  12638.             const resObj = {
  12639.                 status: true,
  12640.                 message: 'ok'
  12641.             };
  12642.             if (res.includes('<title>413 Request Entity Too Large</title>')) {
  12643.                 resObj.status = false;
  12644.                 resObj.message = i18next.t('error.youdao413', { ns: 'translator' }); // Request Entity Too Large 提示
  12645.                 return resObj;
  12646.             };
  12647.             return resObj;
  12648.         })
  12649. }
  12650.  
  12651. /**
  12652.  * google翻译
  12653.  * @param {string} raw 原文
  12654.  * @returns {Promise<TransRawData>} 翻译结果对象
  12655.  */
  12656. async function translate_gg(raw) {
  12657.     const params = `tl=${getTargetLanguage('google')}&q=${encodeURIComponent(raw)}`;
  12658.     const options = {
  12659.         method: "GET",
  12660.         url: `https://translate.google.com/m?${params}`,
  12661.     }
  12662.     return await BaseTranslate(options,
  12663.         res => $(res).filter('.result-container').text() || $(res).find('.result-container').text());
  12664. }
  12665.  
  12666. /**
  12667.  * 彩云翻译
  12668.  * @param {string} raw 原文
  12669.  * @returns {Promise<TransRawData>} 翻译结果对象
  12670.  */
  12671. async function translate_caiyun(raw) {
  12672.     const source = "NOPQRSTUVWXYZABCDEFGHIJKLMnopqrstuvwxyzabcdefghijklm";
  12673.     const dic = [..."ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz"].reduce((dic, current, index) => { dic[current] = source[index]; return dic }, {});
  12674.     const browser_id = CryptoJS.MD5(Math.random().toString()).toString();
  12675.     const caiyun_jwt = await (async () => {
  12676.         const options = {
  12677.             method: "POST",
  12678.             url: 'https://api.interpreter.caiyunai.com/v1/user/jwt/generate',
  12679.             headers: {
  12680.                 "content-type": "application/json",
  12681.                 "x-authorization": "token:qgemv4jr1y38jyq6vhvi",
  12682.                 "origin": "https://fanyi.caiyunapp.com",
  12683.             },
  12684.             data: JSON.stringify({ browser_id }),
  12685.         }
  12686.         const res = await OJB_GMRequest(options);
  12687.         return JSON.parse(res.responseText).jwt;
  12688.     })();
  12689.  
  12690.     // 解码
  12691.     const decodeUnicode = str => {
  12692.         const decoder = new TextDecoder();
  12693.         const data = Uint8Array.from(atob(str), c => c.charCodeAt(0));
  12694.         return decoder.decode(data);
  12695.     };
  12696.     const decoder = line => decodeUnicode([...line].map(i => dic[i] || i).join(""));
  12697.  
  12698.     const options = {
  12699.         method: "POST",
  12700.         url: 'https://api.interpreter.caiyunai.com/v1/translator',
  12701.         data: JSON.stringify({
  12702.             "source": raw.split('\n'),
  12703.             "browser_id": browser_id,
  12704.             "trans_type": getTargetLanguage('caiyun'),
  12705.             "request_id": "web_fanyi",
  12706.             "media": "text",
  12707.             "os_type": "web",
  12708.             "dict": true,
  12709.             "cached": true,
  12710.             "replaced": true,
  12711.             "style": "formal",
  12712.             "model": "",
  12713.             "detect": true,
  12714.         }),
  12715.         headers: {
  12716.             "content-type": "application/json;charset=UTF-8",
  12717.             "x-authorization": "token:qgemv4jr1y38jyq6vhvi",
  12718.             "t-authorization": caiyun_jwt
  12719.         }
  12720.     }
  12721.     return await BaseTranslate(options, res => JSON.parse(res).target.map(decoder).join('\n'))
  12722. }
  12723.  
  12724. /**
  12725.  * ChatGPT
  12726.  * @param {string} raw 原文
  12727.  * @returns {Promise<TransRawData>} 翻译结果对象
  12728.  */
  12729. async function translate_openai(raw) {
  12730.     const modelDefault = 'gpt-3.5-turbo';
  12731.     const lang = getTargetLanguage('openai');
  12732.     const prompt = `
  12733. As a professional English translator, your task is to accurately translate a segment of an algorithm programming competition question into ${lang}.
  12734. The translation should use professional terms and maintain the text format, including ${OJBetter.typeOfPage.is_oldLatex || OJBetter.typeOfPage.is_acmsguru
  12735.             ? "keeping the LaTeX equations unchanged."
  12736.             : "keeping the brackets【】, HTML tags, and their content unchanged."
  12737.         }
  12738. After translation, please ensure that the ${lang} version conforms to normal expression habits.
  12739. What I need is a carefully polished ${lang} translation of my question segment, The segment to be translated is as follows: "
  12740. ${raw}
  12741. "`;
  12742.     const data = {
  12743.         model: OJBetter.chatgpt.config.model || modelDefault,
  12744.         messages: [{
  12745.             role: "assistant",
  12746.             content: prompt
  12747.         }],
  12748.         temperature: 0.7,
  12749.         ...Object.assign({}, ...OJBetter.chatgpt.config.data)
  12750.     }
  12751.     const options = {
  12752.         method: "POST",
  12753.         url: OJBetter.chatgpt.config.proxy || 'https://api.openai.com/v1/chat/completions',
  12754.         data: JSON.stringify(data),
  12755.         responseType: 'json',
  12756.         headers: {
  12757.             'Content-Type': 'application/json',
  12758.             'Authorization': 'Bearer ' + OJBetter.chatgpt.config.key,
  12759.             ...Object.assign({}, ...OJBetter.chatgpt.config.header)
  12760.         }
  12761.     }
  12762.     return await BaseTranslate(options,
  12763.         res => res,
  12764.         undefined,
  12765.         response => response.response.choices[0].message.content);
  12766. }
  12767.  
  12768. /**
  12769.  * ChatGPT 流式传输
  12770.  * @param {string} raw 原文
  12771.  * @param {TranslateDiv} translateDiv 翻译结果面板
  12772.  * @returns {Promise<TransRawData>} 翻译结果对象
  12773.  */
  12774. async function translate_openai_stream(raw, translateDiv) {
  12775.     const result = {
  12776.         done: true,
  12777.         checkPassed: null,
  12778.         response: null,
  12779.         responseText: null,
  12780.         text: "",
  12781.         error: null,
  12782.         message: null
  12783.     };
  12784.     const helpText = i18next.t('error.basic', { ns: 'translator' }); // 基本帮助提示信息
  12785.     try {
  12786.         for await (const delta of openai_stream(raw)) {
  12787.             result.text += delta;
  12788.             // 翻译结果面板更新
  12789.             translateDiv.updateTranslateDiv(result.text, !(OJBetter.typeOfPage.is_oldLatex || OJBetter.typeOfPage.is_acmsguru), false);
  12790.         }
  12791.         return result;
  12792.     } catch (err) {
  12793.         console.warn(err);
  12794.         result.error = {
  12795.             message: err.message || null,
  12796.             stack: err.stack ? err.stack.replace(/\n/g, '<br>').replace(/\s/g, '&nbsp;') : null,
  12797.             enumerable: err,
  12798.             source: 'openai_stream'
  12799.         };
  12800.         result.message = `${i18next.t('error.GMRequest', { ns: 'translator' })}${helpText}`;
  12801.     }
  12802.  
  12803.     return result;
  12804. }
  12805.  
  12806. /**
  12807.  * 流式传输
  12808.  * @param {string} raw 原文
  12809.  * @returns {AsyncGenerator<string>} 返回 AsyncGenerator
  12810.  */
  12811. async function* openai_stream(raw) {
  12812.     const modelDefault = 'gpt-3.5-turbo';
  12813.     const lang = getTargetLanguage('openai');
  12814.     const prompt = `
  12815. I hope you can act as a professional English translator to help me translate a segment of an algorithm programming competition question into ${lang}.
  12816. During the translation process, I would like you to use more professional terms and maintain the text format, ${OJBetter.typeOfPage.is_oldLatex || OJBetter.typeOfPage.is_acmsguru
  12817.             ? "keeping the LaTeX equations unchanged."
  12818.             : "keeping the brackets【】, HTML tags, and their content unchanged."
  12819.         }
  12820. After completing the translation, please polish the ${lang} version to ensure it conforms to normal expression habits.
  12821. What I need is a carefully polished ${lang} translation of my question segment, which is as follows: 
  12822. "
  12823. ${raw}
  12824. "`;
  12825.     const data = {
  12826.         model: OJBetter.chatgpt.config.model || modelDefault,
  12827.         messages: [{
  12828.             role: "assistant",
  12829.             content: prompt
  12830.         }],
  12831.         temperature: 0.7,
  12832.         stream: true,
  12833.         ...Object.assign({}, ...OJBetter.chatgpt.config.data)
  12834.     }
  12835.     const options = {
  12836.         method: "POST",
  12837.         url: OJBetter.chatgpt.config.proxy || 'https://api.openai.com/v1/chat/completions',
  12838.         data: JSON.stringify(data),
  12839.         responseType: 'stream',
  12840.         headers: {
  12841.             'Content-Type': 'application/json',
  12842.             'Authorization': 'Bearer ' + OJBetter.chatgpt.config.key,
  12843.             ...Object.assign({}, ...OJBetter.chatgpt.config.header)
  12844.         }
  12845.     }
  12846.     const response = await OJB_GMRequest(options, true);
  12847.     const reader = response.response.getReader();
  12848.     const decoder = new TextDecoder();
  12849.     let buffer = ''; // 用于累积数据片段的缓冲区
  12850.  
  12851.     while (true) {
  12852.         const { done, value } = await reader.read();
  12853.         if (done) break;
  12854.         buffer += decoder.decode(value, { stream: true }); // 将新的数据片段追加到缓冲区
  12855.         let lines = buffer.split("\n\n"); // 处理累积的数据
  12856.  
  12857.         // 缓冲区的最后一行可能还未完整接收，保留在缓冲区中，-1
  12858.         for (let i = 0; i < lines.length - 1; i++) {
  12859.             let line = lines[i];
  12860.             line = line.substring(5); // 移除 'data:' 前缀
  12861.             if (line.includes('[DONE]')) {
  12862.                 return; // End
  12863.             }
  12864.             try {
  12865.                 let data = JSON.parse(line);
  12866.                 let delta = data['choices'][0]['delta'];
  12867.                 let content = delta['content'] ? delta['content'] : "";
  12868.                 yield content; // 传递数据给调用者
  12869.             } catch (error) {
  12870.                 console.warn(`Error parsing JSON: ${error}\n\nError data: ${line}`);
  12871.             }
  12872.         }
  12873.  
  12874.         // 保留最后一行在缓冲区中
  12875.         buffer = lines.slice(-1);
  12876.     }
  12877.  
  12878.     return buffer;
  12879. }
  12880.  
  12881. /**
  12882.  * @typedef {Object} CheckResponseResult
  12883.  * @property {boolean} status 检查是否通过
  12884.  * @property {string} message 检查失败时的消息
  12885.  */
  12886.  
  12887. /**
  12888.  * @typedef {Object} ErrorResponse
  12889.  * @property {Object} message 错误消息
  12890.  * @property {Object} stack 错误堆栈
  12891.  * @property {Object} enumerable 可枚举的错误属性
  12892.  * @property {string} source 错误来源
  12893.  */
  12894.  
  12895. /**
  12896.  * @typedef {Object} TransRawData
  12897.  * @property {boolean} done 操作是否完成
  12898.  * @property {CheckResponseResult|null} checkPassed 检查是否通过的结果
  12899.  * @property {Object|null} response 响应对象
  12900.  * @property {string|null} text 处理后的文本
  12901.  * @property {ErrorResponse} error 错误列表
  12902.  * @property {string|null} message 可能的消息
  12903.  */
  12904.  
  12905. /**
  12906.  * 通用翻译函数
  12907.  * @param {Object} options GM_xmlhttpRequest 的参数
  12908.  * @param {Function} processer 响应再处理函数，它接收响应文本，并应返回处理后的文本。
  12909.  * @param {Function} checkResponse 检查文本是否符合预期的函数，它接收文本，并返回一个Object，包含状态和信息。默认为返回 { status: true, message: 'ok' }
  12910.  * @param {Function} getResponseText 重写响应文本获取函数，它接收response，并返回响应文本。 默认为 response.responseText
  12911.  * @returns {Promise<TransRawData>} 返回 Promise，其解析值为翻译结果对象
  12912.  */
  12913. async function BaseTranslate(options, processer, checkResponse = () => { return { status: true, message: 'ok' } }, getResponseText = (response) => response.responseText) {
  12914.     const result = {
  12915.         done: false,
  12916.         checkPassed: null,
  12917.         response: null,
  12918.         responseText: null,
  12919.         text: "",
  12920.         error: null,
  12921.         message: null
  12922.     };
  12923.     const helpText = i18next.t('error.basic', { ns: 'translator' }); // 基本帮助提示信息
  12924.     const toDo = async () => {
  12925.         try {
  12926.             result.response = await OJB_GMRequest(options);
  12927.             result.responseText = result.response.responseText;
  12928.             result.text = getResponseText(result.response);
  12929.         } catch (err) {
  12930.             console.warn(err);
  12931.             result.error = {
  12932.                 message: err.message || null,
  12933.                 stack: err.stack ? err.stack.replace(/\n/g, '<br>').replace(/\s/g, '&nbsp;') : null,
  12934.                 enumerable: err,
  12935.                 source: 'GMRequest'
  12936.             };
  12937.             result.message = `${i18next.t('error.GMRequest', { ns: 'translator' })}${helpText}`;
  12938.             throw result;
  12939.         }
  12940.         try {
  12941.             result.text = processer(result.text);
  12942.         } catch (err) {
  12943.             console.warn(err);
  12944.             result.error = {
  12945.                 message: err.message || null,
  12946.                 stack: err.stack ? err.stack.replace(/\n/g, '<br>').replace(/\s/g, '&nbsp;') : null,
  12947.                 enumerable: err,
  12948.                 source: 'processer'
  12949.             };
  12950.             result.message = `${i18next.t('error.processer', { ns: 'translator' })}${helpText}`;
  12951.             throw result;
  12952.         }
  12953.         try {
  12954.             result.checkPassed = checkResponse(result.text);
  12955.             if (result.checkPassed.status) result.done = true;
  12956.             else result.message = result.checkPassed.message;
  12957.             return result;
  12958.         } catch (err) {
  12959.             console.warn(err);
  12960.             result.error = {
  12961.                 message: err.message || null,
  12962.                 stack: err.stack ? err.stack.replace(/\n/g, '<br>').replace(/\s/g, '&nbsp;') : null,
  12963.                 enumerable: err,
  12964.                 source: 'checkResponse'
  12965.             };
  12966.             result.message = `${i18next.t('error.checkResponse', { ns: 'translator' })}${helpText}`;
  12967.             throw result;
  12968.         }
  12969.     };
  12970.  
  12971.     return await OJB_promiseRetryWrapper(toDo, {
  12972.         maxRetries: 3,
  12973.         errorHandler: (err, maxRetries, attemptsLeft) => {
  12974.             const detailedError = {
  12975.                 maxRetries: maxRetries,
  12976.                 attemptsLeft: attemptsLeft,
  12977.                 ...err
  12978.             };
  12979.             return detailedError;
  12980.         }
  12981.     });
  12982. }
  12983.  
  12984. /**
  12985.  * 查询服务余额
  12986.  * @param {Object} quotaConfig - 配额配置对象
  12987.  * @returns {Promise} 返回包含余额信息的 Promise
  12988.  */
  12989. async function queryServerBalance(quotaConfig) {
  12990.     // 确保传入了有效的配置对象
  12991.     if (!quotaConfig || !quotaConfig.url) {
  12992.         return Promise.reject(new Error('Quota configuration is missing.'));
  12993.     }
  12994.  
  12995.     // 准备请求选项
  12996.     const requestOptions = {
  12997.         method: quotaConfig.method || 'GET',
  12998.         url: quotaConfig.url,
  12999.         headers: {
  13000.             ...Object.assign({}, ...quotaConfig.header)
  13001.         },
  13002.         data: JSON.stringify({ ...Object.assign({}, ...quotaConfig.data) })
  13003.     };
  13004.  
  13005.     // 发送请求并返回 Promise
  13006.     return OJB_GMRequest(requestOptions).then(response => {
  13007.         try {
  13008.             const responseData = JSON.parse(response.responseText);
  13009.             // 从响应数据中提取余额
  13010.             const surplusPath = quotaConfig.surplus;
  13011.             const surplusValue = OJB_evaluatePathOrExpression(responseData, surplusPath);
  13012.             return surplusValue;
  13013.         } catch (error) {
  13014.             return Promise.reject(new Error('Failed to parse balance response.'));
  13015.         }
  13016.     }).catch(error => {
  13017.         console.warn('Error querying balance:', error);
  13018.         return Promise.reject(error);
  13019.     });
  13020. }
  13021.  
  13022. /**
  13023.  * 确认 jQuery 已加载
  13024.  * @param {number} retryDelay 重试延迟（毫秒）
  13025.  * @returns {Promise<void>}
  13026.  */
  13027. async function ensureJQueryIsLoaded(retryDelay = 50) {
  13028.     while (typeof jQuery === 'undefined') {
  13029.         console.warn(`JQuery is not loaded. Retry after ${retryDelay} ms.`);
  13030.         await OJB_delay(retryDelay);
  13031.         retryDelay = Math.min(retryDelay * 2, 2000);
  13032.     }
  13033. }
  13034.  
  13035. /**
  13036.  * 加载必须的函数
  13037.  * @returns {Promise} 加载提示信息
  13038.  */
  13039. async function loadRequiredFunctions() {
  13040.     await initVar();// 初始化全局变量
  13041.     return Promise.allSettled([
  13042.         initDB(), // 连接数据库
  13043.         initI18next(), // i18next初始化
  13044.         initButtonFunc(), // 加载按钮相关函数
  13045.         initHTML2MarkDown(), // 初始化html2markdown转换器
  13046.         checkScriptVersion(), // 更新检查
  13047.         // ...(OJBetter.typeOfPage.is_acmsguru ? [acmsguruReblock()] : []) // 为acmsguru题面重新划分div
  13048.     ]);
  13049. }
  13050.  
  13051. /**
  13052.  * DOM加载后即可执行
  13053.  */
  13054. function initOnDOMReady() {
  13055.     showAnnounce(); // 显示公告
  13056.     showWarnMessage(); // 显示警告消息
  13057.     initSettingsPanel(); // 加载设置按钮面板
  13058.     initMonacoEditor(); // 初始化monaco编辑器资源
  13059.     localizeWebsite(); // 网站本地化替换
  13060.     addDependencyStyles(); // 添加一些依赖库的样式
  13061.     addI18nStyles(); // 添加包含i18n内容的样式
  13062.     // if (OJBetter.basic.expandFoldingblocks) ExpandFoldingblocks(); // 折叠块展开
  13063.     // if (OJBetter.basic.renderPerfOpt) RenderPerfOpt(); // 折叠块渲染优化
  13064.     // if (OJBetter.basic.selectElementPerfOpt) SelectElementPerfOpt(); // 下拉选择框性能优化
  13065.     if (OJBetter.typeOfPage.is_problem) {
  13066.         const problemPageLinkbar = new ProblemPageLinkbar(); // 创建题目页相关链接栏
  13067.         if (OJBetter.basic.showCF2vjudge) CF2vjudge(problemPageLinkbar); // 跳转到Vjudge按钮
  13068.         if (OJBetter.basic.showJumpToLuogu) CF2luogu(problemPageLinkbar); // 跳转到洛谷按钮
  13069.         if (OJBetter.clist.enabled.problem) showRatingByClist_problem(problemPageLinkbar); // problem页显示Rating
  13070.     }
  13071.     if (OJBetter.typeOfPage.is_contest) {
  13072.         if (OJBetter.clist.enabled.contest) showRatingByClist_contest(); // contest页显示Rating
  13073.     }
  13074.     // if (OJBetter.typeOfPage.is_problemset) {
  13075.     //     if (OJBetter.clist.enabled.problemset) showRatingByClist_problemset(); // problemset页显示Rating
  13076.     // }
  13077.     if (OJBetter.typeOfPage.is_problem && OJBetter.monaco.enableOnProblemPage) {
  13078.         addProblemPageCodeEditor(); // 添加题目页代码编辑器
  13079.     }
  13080. }
  13081.  
  13082. /**
  13083.  * 需要在页面资源完全加载后执行的函数
  13084.  */
  13085. function onResourcesReady(loadingMessage) {
  13086.     if (OJBetter.preference.showLoading) loadingMessage.updateStatus(`${OJBetter.state.name} —— ${i18next.t('loadFunc', { ns: 'alert' })}`);
  13087.     initializeInParallel(loadingMessage);
  13088.     initializeSequentially(loadingMessage);
  13089. }
  13090.  
  13091. /**
  13092.  * 可以异步并行的函数
  13093.  */
  13094. function initializeInParallel(loadingMessage) {
  13095.     if (OJBetter.basic.darkMode == "dark") darkModeStyleAdjustment(); // 黑暗模式额外的处理事件
  13096.     // if (OJBetter.basic.commentPaging) CommentPagination(); // 评论区分页
  13097.     if (OJBetter.translation.comment.transMode == "2") multiChoiceTranslation(); // 选段翻译支持
  13098.     if (OJBetter.monaco.beautifyPreBlocks) beautifyPreBlocksWithMonaco(); // 美化Pre代码块
  13099. }
  13100.  
  13101. /**
  13102.  * 必须按序执行的函数
  13103.  */
  13104. async function initializeSequentially(loadingMessage) {
  13105.     await addConversionButton(); // 添加MD/复制/翻译按钮
  13106.     if ((OJBetter.typeOfPage.is_problem || OJBetter.typeOfPage.is_completeProblemset) && OJBetter.translation.memory.enabled) {
  13107.         await initTransResultsRecover(); // 翻译结果恢复功能初始化
  13108.     }
  13109.     // if (OJBetter.translation.auto.enabled) {
  13110.     //     await initTransWhenViewable(); // 自动翻译
  13111.     // }
  13112.     // if (OJBetter.basic.standingsRecolor && OJBetter.typeOfPage.is_cfStandings) {
  13113.     //     await recolorStandings(); // cf赛制榜单重新着色
  13114.     // }
  13115.     if (OJBetter.preference.showLoading) loadingMessage.updateStatus(`${OJBetter.state.name} —— ${i18next.t('loadSuccess', { ns: 'alert' })}`, 'success', 3000);
  13116. }
  13117.  
  13118. /**
  13119.  * 主方法
  13120.  */
  13121. async function main() {
  13122.     await ensureJQueryIsLoaded(); // 等待jQuery加载
  13123.     const loadingMessage = new LoadingMessage();
  13124.     await loadRequiredFunctions(); // 加载必须的函数
  13125.     initOnDOMReady(); // DOM加载后即可执行的函数
  13126.     if (OJBetter.preference.showLoading) loadingMessage.updateStatus(`${OJBetter.state.name} —— ${i18next.t('onload', { ns: 'alert' })}`);
  13127.  
  13128.     // 检查页面资源是否已经完全加载
  13129.     if (OJBetter.state.notWaiteLoaded) {
  13130.         onResourcesReady(loadingMessage);
  13131.     } else {
  13132.         if (document.readyState === 'complete') {
  13133.             onResourcesReady(loadingMessage);
  13134.         } else {
  13135.             window.addEventListener('load', () => onResourcesReady(loadingMessage));
  13136.         }
  13137.     }
  13138. };
  13139.  
  13140. // ------------------------------
  13141. // 脚本加载入口
  13142. if (document.readyState === 'loading') {
  13143.     document.addEventListener("DOMContentLoaded", main);
  13144. } else {
  13145.     main(); // 如果DOMContentLoaded已经触发，立即执行
  13146. }
  13147. // ------------------------------
  13148.  
  13149. // ------------------------------
  13150. // 配置自动迁移代码（将在10个小版本后移除-1.19）
  13151. // ------------------------------
  13152.  
  13153. if (GM_getValue("openai_key") || GM_getValue("api2d_key")) {
  13154.     const newConfig = { "choice": -1, "configurations": [] };
  13155.     if (GM_getValue("openai_key")) {
  13156.         let config1 = {
  13157.             "note": "我的配置1",
  13158.             "model": GM_getValue("openai_model"),
  13159.             "key": GM_getValue("openai_key"),
  13160.             "proxy": GM_getValue("openai_proxy"),
  13161.             "_header": "",
  13162.             "_data": ""
  13163.         }
  13164.         if (GM_getValue("translation") === "openai") newConfig.choice = 0;
  13165.         newConfig.configurations.push(config1);
  13166.     }
  13167.     if (GM_getValue("api2d_key")) {
  13168.         let config2 = {
  13169.             "note": "api2d",
  13170.             "model": GM_getValue("api2d_model"),
  13171.             "key": GM_getValue("api2d_key"),
  13172.             "proxy": GM_getValue("api2d_request_entry") + '/v1/chat/completions',
  13173.             "_header": GM_getValue("x_api2d_no_cache") ? "" : " x-api2d-no-cache : 1",
  13174.             "_data": ""
  13175.         }
  13176.         if (GM_getValue("translation") === "api2d") {
  13177.             if (GM_getValue("openai_key")) newConfig.choice = 1;
  13178.             else newConfig.choice = 0;
  13179.         }
  13180.         newConfig.configurations.push(config2);
  13181.     }
  13182.     GM_setValue("chatgpt-config", newConfig);
  13183.     const keysToDelete = ["openai_key", "openai_model", "openai_proxy", "api2d_key", "api2d_model", "api2d_request_entry", "x_api2d_no_cache", "showOpneAiAdvanced"];
  13184.     keysToDelete.forEach(key => {
  13185.         if (GM_getValue(key) != undefined) GM_deleteValue(key);
  13186.     });
  13187.     if (GM_getValue("translation") === "api2d") GM_setValue("translation", "openai");
  13188.     location.reload();
  13189. }
  13190.  
  13191.  
  13192. // ------------------------------
  13193. // 配置自动迁移代码（将在10个小版本后移除-1.23）
  13194. // ------------------------------
  13195.  
  13196. {
  13197.     let bottomZh_CN = GM_getValue("bottomZh_CN");
  13198.     if (bottomZh_CN !== undefined) {
  13199.         if (bottomZh_CN == true) {
  13200.             GM_setValue("localizationLanguage", "zh");
  13201.         } else {
  13202.             GM_setValue("localizationLanguage", "initial");
  13203.         }
  13204.         GM_deleteValue("bottomZh_CN");
  13205.         location.reload();
  13206.     }
  13207. }
  13208. {
  13209.     let config = GM_getValue("chatgpt-config");
  13210.     if (config && config !== undefined) {
  13211.         let index = parseInt(config.choice, 10);
  13212.         if (index == -1) config.choice = "";
  13213.         else config.choice = config.configurations[index].note;
  13214.         config.configurations.forEach(function (item) {
  13215.             item.name = item.note;
  13216.             delete item.note;
  13217.         });
  13218.         GM_deleteValue("chatgpt-config");
  13219.         GM_setValue("chatgpt_config", config);
  13220.         location.reload();
  13221.     }
  13222. }
  13223.  
  13224. // ------------------------------
  13225. // 配置自动迁移代码（将在10个小版本后移除-1.24）
  13226. // ------------------------------
  13227.  
  13228. {
  13229.     let config = GM_getValue("compilerSelection");
  13230.     if (config !== undefined) {
  13231.         if (config === "61") {
  13232.             GM_setValue("compilerSelection", "5001");
  13233.             location.reload();
  13234.         }
  13235.     }
  13236. }