☰

Codeforces Better!

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

当前为 2024-03-23 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         Codeforces Better!
  3. // @namespace    https://greasyfork.org/users/747162
  4. // @version      1.74.1
  5. // @author       北极小狐
  6. // @match        *://*.codeforces.com/*
  7. // @match        *://*.codeforc.es/*
  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      greasyfork.org
  23. // @connect      rextester.com
  24. // @connect      wandbox.org
  25. // @connect      staticfile.net
  26. // @connect      aowuucdn.oss-cn-beijing.aliyuncs.com
  27. // @connect      aowuucdn.oss-accelerate.aliyuncs.com
  28. // @connect      127.0.0.1
  29. // @connect      *
  30. // @grant        GM_xmlhttpRequest
  31. // @grant        GM_info
  32. // @grant        GM_setValue
  33. // @grant        GM_getValue
  34. // @grant        GM_listValues
  35. // @grant        GM_deleteValue
  36. // @grant        GM_addStyle
  37. // @grant        GM_setClipboard
  38. // @grant        GM_getResourceText
  39. // @icon         https://aowuucdn.oss-accelerate.aliyuncs.com/codeforces.png
  40. // @require      https://cdn.staticfile.net/turndown/7.1.2/turndown.min.js
  41. // @require      https://cdn.staticfile.net/markdown-it/13.0.1/markdown-it.min.js
  42. // @require      https://cdn.bootcdn.net/ajax/libs/crypto-js/4.1.1/crypto-js.min.js
  43. // @require      https://cdn.staticfile.net/chroma-js/2.4.2/chroma.min.js
  44. // @require      https://cdn.staticfile.net/xterm/3.9.2/xterm.min.js
  45. // @require      https://cdn.staticfile.net/dexie/3.2.4/dexie.min.js
  46. // @require      https://cdn.staticfile.net/i18next/23.5.1/i18next.min.js
  47. // @require      https://cdn.staticfile.net/i18next-http-backend/2.2.2/i18nextHttpBackend.min.js
  48. // @require      https://cdn.staticfile.net/jquery-i18next/1.2.1/jquery-i18next.min.js
  49. // @require      https://cdn.staticfile.net/highlight.js/11.3.1/highlight.min.js
  50. // @require      https://update.greasyfork.org/scripts/484742/1311040/i18nextChainedBackendjs.js
  51. // @require      https://update.greasyfork.org/scripts/484743/1311041/i18next-localstorage-backendjs.js
  52. // @resource     acwing_cpp_code_completer https://aowuucdn.oss-accelerate.aliyuncs.com/acwing_cpp_code_completer-0.0.11.json
  53. // @resource     wandboxlist https://wandbox.org/api/list.json
  54. // @resource     xtermcss https://cdn.staticfile.net/xterm/3.9.2/xterm.min.css
  55. // @resource     selectpagecss https://aowuucdn.oss-accelerate.aliyuncs.com/css/selectpage.css
  56. // @license      GPL3
  57. // @compatible	 Chrome
  58. // @compatible	 Firefox
  59. // @compatible	 Edge
  60. // @incompatible safari
  61. // @supportURL   https://github.com/beijixiaohu/OJBetter/issues
  62. // @name:zh-TW   Codeforces Better!
  63. // @name:en      Codeforces Better!
  64. // @name:de      Codeforces Better!
  65. // @name:fr      Codeforces Better!
  66. // @name:ko      Codeforces Better!
  67. // @name:pt      Codeforces Better!
  68. // @name:ja      Codeforces Better!
  69. // @name:es      Codeforces Better!
  70. // @name:it      Codeforces Better!
  71. // @name:hi      Codeforces Better!
  72. // @description         一个适用于 Codeforces 的 Tampermonkey 脚本，增强功能与界面。
  73. // @description:zh-TW   一個適用於 Codeforces 的 Tampermonkey 腳本，增強功能與界面。
  74. // @description:en      A Tampermonkey script for Codeforces that enhances functionality and interface.
  75. // @description:de      Ein Tampermonkey-Skript für Codeforces, das Funktionalität und Benutzeroberfläche verbessert.
  76. // @description:fr      Un script Tampermonkey pour Codeforces qui améliore les fonctionnalités et l'interface.
  77. // @description:ko      Codeforces를 위한 Tampermonkey 스크립트로 기능과 인터페이스를 개선합니다.
  78. // @description:pt      Um script Tampermonkey para Codeforces que aprimora a funcionalidade e a interface.
  79. // @description:ja      Codeforces用のTampermonkeyスクリプトで機能とインターフェースを強化します。
  80. // @description:es      Un script Tampermonkey para Codeforces que mejora la funcionalidad y la interfaz.
  81. // @description:it      Uno script Tampermonkey per Codeforces che migliora la funzionalità e l'interfaccia.
  82. // @description:hi      Codeforces के लिए एक Tampermonkey स्क्रिप्ट जो कार्यक्षमता और इंटरफ़ेस को बेहतर बनाता है।
  83. // ==/UserScript==
  84.  
  85. /**
  86.  * @namespace OJBetter
  87.  * @desc 主命名空间
  88.  */
  89. const OJBetter = {};
  90.  
  91. /**
  92.  * @namespace state
  93.  * @desc 描述脚本的当前状态。
  94.  * @memberof OJBetter
  95.  */
  96. OJBetter.state = {
  97.     /** @type {string} 脚本名*/
  98.     name: GM_info.script.name,
  99.     /** @type {string} 格式化后的脚本名*/
  100.     formatName: undefined,
  101.     /** @type {string} 版本号*/
  102.     version: GM_info.script.version,
  103.     /** @type {boolean?} 是否跳过页面加载等待 */
  104.     notWaiteLoaded: undefined,
  105.     /** @type {string} 最后公告版本，用于标识版本更新完成提示 */
  106.     lastAnnounceVer: undefined,
  107.     /** @type {string} 最后读取的有效公告版本 */
  108.     lastReadAnnounceVer: undefined,
  109.     /** @type {number} 当前已打开的模态对话框数量*/
  110.     openDialogCount: 0
  111. };
  112.  
  113. /**
  114.  * @namespace common
  115.  * @desc 通用设置和属性。
  116.  * @memberof OJBetter
  117.  */
  118. OJBetter.common = {
  119.     /** @type {string} 网站的主机地址 */
  120.     hostAddress: location.origin,
  121.     /** @type {string?} Codeforces的CSRF令牌 */
  122.     cf_csrf_token: undefined,
  123.     /** @type {Array?} 任务队列 */
  124.     taskQueue: undefined,
  125.     /** @type {object} OJBetter数据库连接实例*/
  126.     database: undefined,
  127.     /** @type {object} turndownService实例*/
  128.     turndownService: undefined,
  129. };
  130.  
  131. /**
  132.  * @namespace basic
  133.  * @desc 基本的用户界面设置。
  134.  * @memberof OJBetter
  135.  */
  136. OJBetter.basic = {
  137.     /** @type {string} 黑暗模式设置 */
  138.     darkMode: undefined,
  139.     /** @type {boolean?} 是否展开折叠块 */
  140.     expandFoldingblocks: undefined,
  141.     /** @type {boolean?} 是否开启折叠块渲染性能优化 */
  142.     renderPerfOpt: undefined,
  143.     /** @type {boolean?} 是否开启下拉选择框性能优化 */
  144.     selectElementPerfOpt: undefined,
  145.     /** @type {boolean?} 评论区分页 */
  146.     commentPaging: undefined,
  147.     /** @type {boolean?} 显示跳转到Luogu按钮 */
  148.     showJumpToLuogu: undefined,
  149.     /** @type {boolean?} 显示跳转到Virtual Judge按钮 */
  150.     showCF2vjudge: undefined,
  151.     /** @type {boolean?} 比赛排行榜重新着色 */
  152.     standingsRecolor: undefined
  153. };
  154.  
  155. /**
  156.  * @namespace typeOfPage
  157.  * @desc 页面类型判断。
  158.  * @memberof OJBetter
  159.  */
  160. OJBetter.typeOfPage = {
  161.     /** @type {boolean?} 是否是轻量站 */
  162.     is_mSite: undefined,
  163.     /** @type {boolean?} 是否是acmsguru页面 */
  164.     is_acmsguru: undefined,
  165.     /** @type {boolean?} 是否是旧版LaTeX页面 */
  166.     is_oldLatex: undefined,
  167.     /** @type {boolean?} 是否是题目集页面 */
  168.     is_contest: undefined,
  169.     /** @type {boolean?} 是否是题目页面 */
  170.     is_problem: undefined,
  171.     /** @type {boolean?} 是否是完整的问题集页面 */
  172.     is_completeProblemset: undefined,
  173.     /** @type {boolean?} 是否是问题集中的问题页面 */
  174.     is_problemset_problem: undefined,
  175.     /** @type {boolean?} 是否是问题集页面 */
  176.     is_problemset: undefined,
  177.     /** @type {boolean?} 是否是Codeforces排名页面 */
  178.     is_cfStandings: undefined,
  179.     /** @type {boolean?} 是否是提交页面 */
  180.     is_submitPage: undefined,
  181.     /** @type {boolean?} 是否是代码状态页面 */
  182.     is_statePage: undefined,
  183.     /** @type {boolean?} 是否是提交记录页面 */
  184.     is_submissions: undefined,
  185. };
  186.  
  187. /**
  188.  * @namespace localization
  189.  * @desc 本地化设置。
  190.  * @memberof OJBetter
  191.  */
  192. OJBetter.localization = {
  193.     /** @type {string?} 网站语言 */
  194.     websiteLang: undefined,
  195.     /** @type {string?} 脚本语言 */
  196.     scriptLang: undefined
  197. };
  198.  
  199. /**
  200.  * @namespace translation
  201.  * @desc 翻译设置。
  202.  * @memberof OJBetter
  203.  */
  204. OJBetter.translation = {
  205.     /** @type {string?} 翻译服务选择 */
  206.     choice: undefined,
  207.     /** @type {string?} 目标语言 */
  208.     targetLang: undefined,
  209.     comment: {
  210.         /** @type {string?} 评论翻译服务选择 */
  211.         choice: undefined,
  212.         /** @type {string?} 评论翻译模式 */
  213.         transMode: undefined
  214.     },
  215.     auto: {
  216.         /** @type {boolean?} 自动翻译开关 */
  217.         enabled: undefined,
  218.         /** @type {number?} 短文本长度限制 */
  219.         shortTextLength: undefined,
  220.         mixTrans: {
  221.             /** @type {boolean?} 混合翻译开关 */
  222.             enabled: undefined,
  223.             /** @type {Array?} 混合翻译服务列表 */
  224.             servers: undefined
  225.         }
  226.     },
  227.     memory: {
  228.         /** @type {boolean?} 翻译记忆开关 */
  229.         enabled: undefined,
  230.         /** @type {Object?} 翻译记忆树 */
  231.         ttTree: undefined
  232.     },
  233.     /** @type {string?} 重翻译时的行为 */
  234.     retransAction: undefined,
  235.     /** @type {number?} 等待时间 */
  236.     waitTime: undefined,
  237.     /** @type {boolean?} 替换符 */
  238.     replaceSymbol: undefined,
  239.     /** @type {boolean?} 过滤文本中的*号 */
  240.     filterTextWithoutEmphasis: undefined
  241. };
  242.  
  243. /**
  244.  * @namespace clist
  245.  * @desc Clist相关设置。
  246.  * @memberof OJBetter
  247.  */
  248. OJBetter.clist = {
  249.     enabled: {
  250.         /** @type {boolean?} 比赛页面开关 */
  251.         contest: undefined,
  252.         /** @type {boolean?} 问题页面开关 */
  253.         problem: undefined,
  254.         /** @type {boolean?} 问题集页面开关 */
  255.         problemset: undefined
  256.     },
  257.     /** @type {boolean?} Rating数据防剧透 */
  258.     ratingHidden: undefined,
  259.     /** @type {string?} Clist key */
  260.     authorization: undefined
  261. };
  262.  
  263. /**
  264.  * @namespace monaco
  265.  * @desc Monaco编辑器配置。
  266.  * @memberof OJBetter
  267.  */
  268. OJBetter.monaco = {
  269.     /** @type {boolean?} 在问题页面上启用Monaco编辑器 */
  270.     enableOnProblemPage: undefined,
  271.     /** @type {boolean?} 美化pre代码块 */
  272.     beautifyPreBlocks: undefined,
  273.     /** @type {boolean} Monaco编辑器加载完成标志 */
  274.     loaderOnload: false,
  275.     lsp: {
  276.         /** @type {Array?} LSP套接字数组 */
  277.         socket: [],
  278.         /** @type {boolean?} 是否启用LSP */
  279.         enabled: undefined,
  280.         /** @type {string?} 工作路径 */
  281.         workUri: undefined,
  282.         /** @type {string?} 套接字URL */
  283.         socketUrl: undefined
  284.     },
  285.     complet: {
  286.         /** @type {boolean?} 是否启用C++代码补全模板 */
  287.         cppCodeTemplate: undefined,
  288.         /** @type {Object?} 自定义配置 */
  289.         customConfig: undefined
  290.     },
  291.     /** @type {Object?} Monaco编辑器实例 */
  292.     editor: null,
  293.     /** @type {string?} 在线编译器选择 */
  294.     onlineCompilerChoice: undefined,
  295.     /** @type {string?} 记忆编译器语言选择 */
  296.     compilerSelection: undefined,
  297.     /** @type {string?}  当前选择的语言 */
  298.     nowLangSelect: undefined,
  299.     setting: {
  300.         /** @type {Array?} 语言设置数组 */
  301.         language: [],
  302.         /** @type {string?} 位置 */
  303.         position: undefined,
  304.         /** @type {boolean} 位置初始化标志 */
  305.         position_initialized: false,
  306.         /** @type {number?} 字体大小 */
  307.         fontsize: undefined,
  308.         /** @type {boolean?} 鼠标滚动锁定 */
  309.         alwaysConsumeMouseWheel: undefined,
  310.         /** @type {boolean?} 提交代码二次确认 */
  311.         isCodeSubmitDoubleConfirm: undefined,
  312.         /** @type {string?} 提交按钮位置 */
  313.         submitButtonPosition: undefined
  314.     }
  315. };
  316.  
  317. /**
  318.  * @namespace deepl
  319.  * @desc DeepL翻译服务配置。
  320.  * @memberof OJBetter
  321.  */
  322. OJBetter.deepl = {
  323.     /** @type {Object?} DeepL配置对象 */
  324.     configs: undefined,
  325.     config: {
  326.         /** @type {string?} 类型 */
  327.         type: undefined,
  328.         /** @type {string?} 名称 */
  329.         name: undefined,
  330.         /** @type {string?} API类型 */
  331.         apiGenre: undefined,
  332.         /** @type {string?} API密钥 */
  333.         key: undefined,
  334.         /** @type {string?} 代理 */
  335.         proxy: undefined,
  336.         /** @type {Object?} 额外请求头 */
  337.         header: undefined,
  338.         /** @type {Object?} 额外请求数据 */
  339.         data: undefined,
  340.         quota: {
  341.             /** @type {string?} 余额URL */
  342.             url: undefined,
  343.             /** @type {string?} 余额请求方法 */
  344.             method: undefined,
  345.             /** @type {Object?} 余额请求头 */
  346.             header: undefined,
  347.             /** @type {Object?} 余额请求数据 */
  348.             data: undefined,
  349.             /** @type {number?} 剩余配额 */
  350.             surplus: undefined
  351.         }
  352.     },
  353.     /** @type {boolean?} 启用重点保护 */
  354.     enableEmphasisProtection: undefined,
  355.     /** @type {boolean?} 启用链接保护 */
  356.     enableLinkProtection: undefined
  357. };
  358.  
  359. /**
  360.  * @namespace chatgpt
  361.  * @desc ChatGPT服务配置。
  362.  * @memberof OJBetter
  363.  */
  364. OJBetter.chatgpt = {
  365.     /** @type {Object?} ChatGPT配置对象 */
  366.     configs: undefined,
  367.     config: {
  368.         /** @type {string?} 名称 */
  369.         name: undefined,
  370.         /** @type {string?} 模型 */
  371.         model: undefined,
  372.         /** @type {string?} API密钥 */
  373.         key: undefined,
  374.         /** @type {string?} 代理 */
  375.         proxy: undefined,
  376.         /** @type {Object?} 额外请求头 */
  377.         header: undefined,
  378.         /** @type {Object?} 额外请求数据 */
  379.         data: undefined,
  380.         quota: {
  381.             /** @type {string?} 余额URL */
  382.             url: undefined,
  383.             /** @type {string?} 余额请求方法 */
  384.             method: undefined,
  385.             /** @type {Object?} 余额请求头 */
  386.             header: undefined,
  387.             /** @type {Object?} 余额请求数据 */
  388.             data: undefined,
  389.             /** @type {number?} 剩余配额 */
  390.             surplus: undefined
  391.         }
  392.     },
  393.     /** @type {boolean?} 是否为流式传输 */
  394.     isStream: undefined
  395. };
  396.  
  397. /**
  398.  * @namespace preference
  399.  * @desc 偏好设置
  400.  * @memberof OJBetter
  401.  */
  402. OJBetter.preference = {
  403.     /** @type {boolean?} 是否显示加载动画 */
  404.     showLoading: undefined,
  405.     /** @type {boolean?} 是否显示悬停目标区域 */
  406.     hoverTargetAreaDisplay: undefined,
  407.     /** @type {string?} 按钮图标大小 */
  408.     iconButtonSize: undefined,
  409. };
  410.  
  411. /**
  412.  * @namespace dev
  413.  * @desc 维护
  414.  * @memberof OJBetter
  415.  */
  416. OJBetter.dev = {
  417.     /** @type {boolean?} 是否显示规则标记 */
  418.     isRuleMarkingEnabled: undefined,
  419. };
  420.  
  421. /**
  422.  * @namespace about
  423.  * @desc 关于页信息
  424.  * @memberof OJBetter
  425.  */
  426. OJBetter.about = {
  427.     /** @type {string?} 更新通道 */
  428.     updateChannel: undefined,
  429.     /** @type {string?} 更新源 */
  430.     updateSource: undefined
  431. };
  432.  
  433. /**
  434.  * @namespace supportList
  435.  * @desc 支持列表
  436.  * @memberof OJBetter
  437.  */
  438. OJBetter.supportList = {
  439.     /** @type {object} 翻译支持列表和对应语言代码*/
  440.     translationSupport: {
  441.         'deepl': { 'zh': 'ZH', 'de': 'DE', 'fr': 'FR', 'ko': 'KO', 'pt': 'PT', 'ja': 'JA', 'es': 'ES', 'it': 'IT' },
  442.         'iflyrec': { 'zh': '1' },
  443.         'youdao': { 'zh': 'AUTO' },
  444.         'google': { 'zh': 'zh-CN', 'zh-Hant': 'zh-TW', 'de': 'de', 'fr': 'fr', 'ko': 'ko', 'pt': 'pt', 'ja': 'ja', 'es': 'es', 'it': 'it', 'hi': 'hi' },
  445.         'caiyun': { 'zh': 'auto2zh', 'ja': 'auto2ja', 'ko': 'auto2ko', 'es': 'auto2es', 'fr': 'auto2fr' },
  446.         'openai': { 'zh': 'Chinese', 'zh-Hant': 'Traditional Chinese', 'de': 'German', 'fr': 'French', 'ko': 'Korean', 'pt': 'Portuguese', 'ja': 'Japanese', 'es': 'Spanish', 'it': 'Italian', 'hi': 'Hindi' }
  447.     },
  448.     /** @type {object} 更新源支持列表*/
  449.     updateSourceSupportList: {
  450.         'greasyfork': {
  451.             'release': true,
  452.             'dev': false
  453.         },
  454.         'github': {
  455.             'release': true,
  456.             'dev': true
  457.         },
  458.         'aliyunoss': {
  459.             'release': true,
  460.             'dev': true
  461.         }
  462.     }
  463. }
  464.  
  465. // ------------------------------
  466. // 一些工具函数
  467. // ------------------------------
  468.  
  469. /**
  470.  * 延迟函数 
  471.  * @param {number} ms 延迟时间（毫秒） 
  472.  * @returns {Promise<void>}
  473.  */
  474. function OJB_delay(ms) {
  475.     return new Promise(resolve => setTimeout(resolve, ms));
  476. }
  477.  
  478. /**
  479.  * 等待直到指定的条件函数返回true。
  480.  * 
  481.  * @param {() => boolean} conditionCheck 一个无参数的函数，用于检查条件是否满足。当函数返回true时，表示条件已满足。
  482.  * @param {number} [interval=100] 检查条件的间隔时间，单位为毫秒。默认为100毫秒。
  483.  * @returns {Promise<void>} 返回一个Promise，在条件满足时解决。
  484.  */
  485. async function OJB_waitUntilTrue(conditionCheck, interval = 100) {
  486.     return new Promise((resolve) => {
  487.         const checkCondition = async () => {
  488.             if (conditionCheck()) {
  489.                 resolve();
  490.             } else {
  491.                 await OJB_delay(interval);
  492.                 checkCondition();
  493.             }
  494.         };
  495.         checkCondition();
  496.     });
  497. }
  498.  
  499. /**
  500.  * 动态加载JavaScript库并返回一个Promise，该Promise在脚本加载完成后解决。
  501.  * 
  502.  * @param {string} url - 要加载的JavaScript库的URL地址。
  503.  * @returns {Promise<void>} 一个Promise，它在脚本加载并执行完成后解决。
  504.  */
  505. function OJB_LoadJS(url) {
  506.     return new Promise((resolve, reject) => {
  507.         let scriptElement = document.createElement("script");
  508.         scriptElement.src = url;
  509.         document.head.prepend(scriptElement);
  510.         scriptElement.onload = resolve;
  511.         scriptElement.onerror = reject;
  512.     });
  513. }
  514.  
  515. /**
  516.  * 安全地创建JQuery对象
  517.  * @description 通过字符串创建JQuery对象时，如果字符串以空格开头，在某些Jquery版本中会发生错误，过滤空格以安全的创建元素。
  518.  * @param {string} string - 字符串。
  519.  * @returns JQuery对象
  520.  */
  521. const OJB_safeCreateJQElement = function (string) {
  522.     return $(string.replace(/^\s+/, ""));
  523. }
  524.  
  525. /**
  526.  * 将数字或者字符串解析为数字。
  527.  * @memberof OJBetter.common
  528.  * @param {string} val 要解析的字符串
  529.  * @param {boolean} [strict=false] 是否进行严格类型检查
  530.  * @returns {number} 解析结果
  531.  * @throws {Error} 如果解析失败，则抛出错误
  532.  */
  533. const OJB_parseNumber = (val, strict = false) => {
  534.     const num = Number(val);
  535.     if (isNaN(num) || (strict && val.toString() !== num.toString())) {
  536.         throw new Error('Invalid number');
  537.     }
  538.     return num;
  539. };
  540.  
  541. /**
  542.  * 将字符串解析为布尔值
  543.  * @param {string} val - 要解析的字符串
  544.  * @param {boolean} strict - 是否进行严格类型检查
  545.  * @returns {boolean} - 解析结果
  546.  * @throws {Error} - 如果解析失败，则抛出错误
  547.  */
  548. const OJB_parseBoolean = (val, strict) => {
  549.     if (strict) {
  550.         if (val === true || val === false) return val;
  551.         throw new Error('Invalid boolean');
  552.     }
  553.     return val === 'true' ? true : val === 'false' ? false : val;
  554. };
  555.  
  556. /**
  557.  * 将字符串解析为对象
  558.  * @param {string} val - 要解析的字符串
  559.  * @returns {Object} - 解析结果
  560.  * @throws {Error} - 如果解析失败，则抛出错误
  561.  */
  562. const OJB_parseObject = val => {
  563.     try {
  564.         return JSON.parse(val);
  565.     } catch {
  566.         throw new Error('Invalid JSON');
  567.     }
  568. };
  569.  
  570. /**
  571.  * 将字符串解析为键值对数组
  572.  * @param {string} val - 要解析的字符串
  573.  * @returns {Object[]} - 解析结果
  574.  * @throws {Error} - 如果解析失败，则抛出错误
  575.  */
  576. const OJB_parseLinePairArray = val => {
  577.     if (typeof val !== 'string' || val.trim() === '') return [];
  578.     return val.split("\n").filter(line => line.trim() !== '').map(line => {
  579.         const indexOfFirstColon = line.indexOf(":");
  580.         if (indexOfFirstColon === -1) throw new Error('Invalid LinePairArray format: ":" is missing');
  581.         const key = line.substring(0, indexOfFirstColon).trim();
  582.         const value = line.substring(indexOfFirstColon + 1).trim();
  583.         return { [key]: value };
  584.     });
  585. };
  586.  
  587. /**
  588.  * 移除文本中的HTML标签
  589.  * @param {string} text - 包含HTML标签的文本
  590.  * @returns {string} - 移除HTML标签后的文本
  591.  */
  592. const OJB_removeHTMLTags = function (text) {
  593.     return text.replace(/<\/?[a-zA-Z]+("[^"]*"|'[^']*'|[^'">])*>/g, '');
  594. }
  595.  
  596. /**
  597.  * 获取对象中指定路径表达式的值
  598.  * @param {Object} obj - 要计算的对象
  599.  * @param {string} pathOrExpression - 要计算的路径表达式
  600.  * @returns {any} - 计算结果
  601.  * @example
  602.  * const obj = {
  603.  *   "a": {
  604.  *     "b": 1
  605.  *   },
  606.  *   "c": 2
  607.  * };
  608.  * OJB_evaluatePathOrExpression(obj, "a.b"); // 1
  609.  * OJB_evaluatePathOrExpression(obj, "a.b + c"); // 3
  610.  * OJB_evaluatePathOrExpression(obj, "a.b + a.c"); // 1 
  611.  */
  612. function OJB_evaluatePathOrExpression(obj, pathOrExpression) {
  613.     const hasOperator = /[\+\-\*\/]/.test(pathOrExpression);
  614.     const getPathValue = (obj, path) => {
  615.         return path.split('.').reduce((acc, part) => {
  616.             return acc !== undefined && acc !== null && acc.hasOwnProperty(part) ? acc[part] : undefined;
  617.         }, obj);
  618.     };
  619.     const evaluateExpression = (obj, expression) => {
  620.         const tokens = expression.split(/([\+\-\*\/])/).map(token => token.trim());
  621.         const values = tokens.map(token => {
  622.             if (/[\+\-\*\/]/.test(token)) {
  623.                 return token;
  624.             } else {
  625.                 const value = getPathValue(obj, token);
  626.                 return value !== undefined ? value : 0;
  627.             }
  628.         });
  629.         const evaluatedExpression = values.join(' ');
  630.         try {
  631.             return Function(`'use strict'; return (${evaluatedExpression});`)();
  632.         } catch (e) {
  633.             console.error('Expression evaluation error:', e);
  634.             return undefined;
  635.         }
  636.     };
  637.     return hasOperator ? evaluateExpression(obj, pathOrExpression) : getPathValue(obj, pathOrExpression);
  638. }
  639.  
  640. /**
  641.  * 获取 GM 存储的值并根据类型进行处理
  642.  * @param {string} key - 要检索的值的键。
  643.  * @param {any} defaultValue - 如果值未找到，则返回的默认值。
  644.  * @param {Object} [options={}] - 配置选项对象。
  645.  * @param {string} [options.type='string'] - 期望的值的类型。可选值：'string', 'number', 'boolean', 'object', 'array', 'linePairArray'。
  646.  * @param {boolean} [options.strict=false] - 用于数字和布尔类型，表示是否进行严格类型检查。
  647.  * @param {string} [options.pathOrExpression=''] - 用于对象或数组类型，表示路径表达式或获取元素的索引。
  648.  * @returns {any} - 检索到的值。
  649.  */
  650. const OJB_getGMValue = (key, defaultValue, { type = 'string', strict = false, pathOrExpression = '' } = {}) => {
  651.     let value = GM_getValue(key);
  652.     if (value === undefined || value === null || value === "") {
  653.         GM_setValue?.(key, defaultValue);
  654.         return defaultValue;
  655.     }
  656.  
  657.     const parsers = {
  658.         string: val => val,
  659.         number: (val) => OJB_parseNumber(val, strict),
  660.         boolean: (val) => OJB_parseBoolean(val, strict),
  661.         object: OJB_parseObject,
  662.         array: OJB_parseObject,
  663.         linePairArray: OJB_parseLinePairArray
  664.     };
  665.  
  666.     if (!(type in parsers)) {
  667.         console.error(`Unsupported type: ${type}`);
  668.         return defaultValue;
  669.     }
  670.  
  671.     try {
  672.         value = parsers[type](value);
  673.     } catch (e) {
  674.         console.error('Error:', e.message);
  675.         return defaultValue;
  676.     }
  677.  
  678.     // The pathOrExpression processing is not applicable to linePairArray type
  679.     if ((type === 'object' || type === 'array') && pathOrExpression) {
  680.         const evaluated = OJB_evaluatePathOrExpression(value, pathOrExpression);
  681.         if (evaluated === undefined) {
  682.             console.error('Path or expression evaluation returned undefined');
  683.             return defaultValue;
  684.         }
  685.         value = evaluated;
  686.     }
  687.  
  688.     return value;
  689. };
  690.  
  691. /**
  692.  * 版本号比较方法
  693.  * @param {string} version1 版本号1
  694.  * @param {string} version2 版本号2
  695.  * @returns {number} -1: version1 < version2, 0: version1 = version2, 1: version1 > version2
  696.  */
  697. const OJB_compareVersions = function (version1 = "0", version2 = "0") {
  698.     const v1Array = version1.split(".").map(Number);
  699.     const v2Array = version2.split(".").map(Number);
  700.     const length = Math.max(v1Array.length, v2Array.length);
  701.     for (let i = 0; i < length; i++) {
  702.         const diff = (v1Array[i] || 0) - (v2Array[i] || 0);
  703.         if (diff) return Math.sign(diff);
  704.     }
  705.     return 0;
  706. }
  707.  
  708. /**
  709.  * 获取上一个主版本号
  710.  * @param {string} currentVersion 当前版本号
  711.  * @returns {string} 上一个主版本号
  712.  */
  713. const OJB_getPreviousVersion = function (currentVersion) {
  714.     const versionArray = currentVersion.split(".").map(Number);
  715.     let lastNonZeroIndex = versionArray.length - 1;
  716.     while (lastNonZeroIndex >= 0 && versionArray[lastNonZeroIndex] === 0) {
  717.         lastNonZeroIndex--;
  718.     }
  719.     if (lastNonZeroIndex >= 0) {
  720.         versionArray[lastNonZeroIndex]--;
  721.         for (let i = lastNonZeroIndex + 1; i < versionArray.length; i++) {
  722.             versionArray[i] = 0;
  723.         }
  724.     }
  725.     return versionArray.join(".");
  726. };
  727.  
  728. /**
  729.  * 在指定根节点下观察指定选择器的元素，当元素存在时，执行回调函数
  730.  * @param {Object} options - 配置对象
  731.  * @param {string} options.selector - CSS选择器文本
  732.  * @param {Function} options.callback - 回调函数，接收变动的节点作为参数
  733.  * @param {Boolean} [options.triggerOnExist=true] - 如果为true，元素已存在时立即触发一次回调
  734.  * @param {Element} [options.root=document.body] - 在哪个根节点下监听变化
  735.  * @param {Boolean} [options.subtree=false] - 是否监听子树变化（即非直接子元素）
  736.  */
  737. function OJB_observeElement({
  738.     selector,
  739.     callback,
  740.     triggerOnExist = true,
  741.     root = document.body,
  742.     subtree = false
  743. }) {
  744.     // 尝试获取选择器指定的元素
  745.     const targetNode = root.querySelector(selector);
  746.  
  747.     if (targetNode) {
  748.         // 如果元素已存在，直接开始观察
  749.         observeAndReport(targetNode, callback);
  750.         // 如果triggerOnExist为true，则立即触发一次回调
  751.         if (triggerOnExist) {
  752.             callback(targetNode);
  753.         }
  754.     } else {
  755.         // 如果元素不存在，监听DOM变化直到该元素被添加
  756.         const observer = new MutationObserver((mutations) => {
  757.             mutations.forEach((mutation) => {
  758.                 mutation.addedNodes.forEach((node) => {
  759.                     if (node.nodeType === Node.ELEMENT_NODE && node.matches(selector)) {
  760.                         observeAndReport(node, callback);
  761.                         if (triggerOnExist) {
  762.                             callback(node);
  763.                         }
  764.                         observer.disconnect(); // 停止监听
  765.                     }
  766.                 });
  767.             });
  768.         });
  769.  
  770.         observer.observe(root, { childList: true, subtree, attributes: false });
  771.     }
  772.  
  773.     function observeAndReport(node, callback) {
  774.         const childObserver = new MutationObserver((mutations) => {
  775.             mutations.forEach((mutation) => {
  776.                 mutation.addedNodes.forEach((addedNode) => {
  777.                     if (addedNode.nodeType === Node.ELEMENT_NODE) {
  778.                         callback(addedNode); // 执行回调函数
  779.                     }
  780.                 });
  781.             });
  782.         });
  783.  
  784.         childObserver.observe(node, { childList: true, subtree: true, attributes: false });
  785.     }
  786. }
  787.  
  788. /**
  789.  * 初始化全局变量
  790.  */
  791. async function initVar() {
  792.     const { hostname, href } = window.location;
  793.     OJBetter.state.formatName = (() => OJBetter.state.name
  794.         .toLowerCase()
  795.         .replace(/\s+/g, '-')
  796.         .replace(/[^a-z0-9-]/g, ''))();
  797.     OJBetter.state.lastAnnounceVer = OJB_getGMValue("lastAnnounceVer", "0");
  798.     OJBetter.state.lastReadAnnounceVer = OJB_getGMValue("lastReadAnnounceVer", "0");
  799.     OJBetter.typeOfPage.is_mSite = /^m[0-9]/.test(hostname);
  800.     OJBetter.typeOfPage.is_oldLatex = $('.tex-span').length;
  801.     OJBetter.typeOfPage.is_acmsguru = href.includes("acmsguru") && href.includes('/problem/');
  802.     OJBetter.typeOfPage.is_contest = /\/contest\/[\d\/\s]+$/.test(href) && !href.includes('/problem/');
  803.     OJBetter.typeOfPage.is_problem = href.includes('/problem/');
  804.     OJBetter.typeOfPage.is_completeProblemset = /problems\/?$/.test(href);
  805.     OJBetter.typeOfPage.is_problemset_problem = href.includes('/problemset/') && href.includes('/problem/');
  806.     OJBetter.typeOfPage.is_problemset = href.includes('/problemset') && !href.includes('/problem/');
  807.     OJBetter.typeOfPage.is_submitPage = href.includes('/submit');
  808.     OJBetter.typeOfPage.is_statePage = href.includes('/status');
  809.     OJBetter.typeOfPage.is_submissions = href.includes('/submissions');
  810.     OJBetter.typeOfPage.is_cfStandings = href.includes('/standings') &&
  811.         $('.standings tr:first th:nth-child(n+5)')
  812.             .map(function () {
  813.                 return $(this).find('span').text();
  814.             })
  815.             .get()
  816.             .every(score => /^[0-9]+$/.test(score));
  817.     OJBetter.localization.websiteLang = OJB_getGMValue("localizationLanguage", "zh");
  818.     OJBetter.localization.scriptLang = OJB_getGMValue("scriptL10nLanguage", "zh");
  819.     OJBetter.basic.renderPerfOpt = OJB_getGMValue("renderPerfOpt", false);
  820.     OJBetter.basic.selectElementPerfOpt = OJB_getGMValue("selectElementPerfOpt", false);
  821.     OJBetter.basic.commentPaging = OJB_getGMValue("commentPaging", true);
  822.     OJBetter.basic.showJumpToLuogu = OJB_getGMValue("showJumpToLuogu", true);
  823.     OJBetter.basic.showCF2vjudge = OJB_getGMValue("showCF2vjudge", true);
  824.     OJBetter.basic.standingsRecolor = OJB_getGMValue("standingsRecolor", true);
  825.     OJBetter.state.notWaiteLoaded = OJB_getGMValue("notWaiteLoaded", false);
  826.     OJBetter.translation.targetLang = OJB_getGMValue("transTargetLang", "zh");
  827.     OJBetter.translation.choice = OJB_getGMValue("translation", "deepl");
  828.     OJBetter.translation.comment.transMode = OJB_getGMValue("commentTranslationMode", "0");
  829.     OJBetter.translation.comment.choice = OJB_getGMValue("commentTranslationChoice", "0");
  830.     OJBetter.translation.memory.enabled = OJB_getGMValue("memoryTranslateHistory", true);
  831.     OJBetter.translation.auto.enabled = OJB_getGMValue("autoTranslation", false);
  832.     OJBetter.translation.auto.shortTextLength = OJB_getGMValue("shortTextLength", "2000");
  833.     OJBetter.translation.retransAction = OJB_getGMValue("retransAction", "0");
  834.     OJBetter.translation.waitTime = OJB_getGMValue("transWaitTime", "200");
  835.     OJBetter.translation.auto.mixTrans.enabled = OJB_getGMValue("allowMixTrans", true);
  836.     OJBetter.translation.auto.mixTrans.servers = OJB_getGMValue("mixedTranslation", ['deepl', 'iflyrec', 'youdao', 'caiyun']);
  837.     OJBetter.common.taskQueue = new TaskQueue();
  838.     OJBetter.translation.replaceSymbol = OJB_getGMValue("replaceSymbol", "2");
  839.     OJBetter.translation.filterTextWithoutEmphasis = OJB_getGMValue("filterTextWithoutEmphasis", false);
  840.     OJBetter.clist.enabled.contest = OJB_getGMValue("showClistRating_contest", false);
  841.     OJBetter.clist.enabled.problem = OJB_getGMValue("showClistRating_problem", false);
  842.     OJBetter.clist.enabled.problemset = OJB_getGMValue("showClistRating_problemset", false);
  843.     OJBetter.clist.ratingHidden = OJB_getGMValue("RatingHidden", false);
  844.     OJBetter.clist.authorization = OJB_getGMValue("clist_Authorization", "");
  845.     //deepl
  846.     OJBetter.deepl.config.type = OJB_getGMValue("deepl_type", "free");
  847.     OJBetter.deepl.configs = OJB_getGMValue("deepl_config", {
  848.         "choice": "",
  849.         "configurations": []
  850.     });
  851.     if (OJBetter.deepl.configs.choice !== "" && OJBetter.deepl.configs.configurations.length !== 0) {
  852.         const choice = OJBetter.deepl.configs.choice;
  853.         const configuration = OJBetter.deepl.configs.configurations.find(obj => obj.name === choice);;
  854.         if (configuration == undefined) {
  855.             let existingConfig = GM_getValue('deepl_config');
  856.             existingConfig.choice = "";
  857.             GM_setValue('deepl_config', existingConfig);
  858.             location.reload();
  859.         }
  860.         OJBetter.deepl.config.name = configuration.name;
  861.         OJBetter.deepl.config.apiGenre = configuration.apiGenre;
  862.         OJBetter.deepl.config.key = configuration.key;
  863.         OJBetter.deepl.config.proxy = configuration.proxy;
  864.         OJBetter.deepl.config.header = OJB_parseLinePairArray(configuration._header);
  865.         OJBetter.deepl.config.data = OJB_parseLinePairArray(configuration._data);
  866.         OJBetter.deepl.config.quota.url = configuration.quota_url;
  867.         OJBetter.deepl.config.quota.method = configuration.quota_method;
  868.         OJBetter.deepl.config.quota.header = OJB_parseLinePairArray(configuration.quota_header);
  869.         OJBetter.deepl.config.quota.data = OJB_parseLinePairArray(configuration.quota_data);
  870.         OJBetter.deepl.config.quota.surplus = configuration.quota_surplus;
  871.     }
  872.     OJBetter.deepl.enableEmphasisProtection = OJB_getGMValue("enableEmphasisProtection", true);
  873.     OJBetter.deepl.enableLinkProtection = OJB_getGMValue("enableLinkProtection", true);
  874.     //openai
  875.     OJBetter.chatgpt.isStream = OJB_getGMValue("openai_isStream", true);
  876.     OJBetter.chatgpt.configs = OJB_getGMValue("chatgpt_config", {
  877.         "choice": "",
  878.         "configurations": []
  879.     });
  880.     if (OJBetter.chatgpt.configs.choice !== "" && OJBetter.chatgpt.configs.configurations.length !== 0) {
  881.         const choice = OJBetter.chatgpt.configs.choice;
  882.         const configuration = OJBetter.chatgpt.configs.configurations.find(obj => obj.name === choice);;
  883.         if (configuration == undefined) {
  884.             let existingConfig = GM_getValue('chatgpt_config');
  885.             existingConfig.choice = "";
  886.             GM_setValue('chatgpt_config', existingConfig);
  887.             location.reload();
  888.         }
  889.         OJBetter.chatgpt.config.name = configuration.name;
  890.         OJBetter.chatgpt.config.model = configuration.model;
  891.         OJBetter.chatgpt.config.key = configuration.key;
  892.         OJBetter.chatgpt.config.proxy = configuration.proxy;
  893.         OJBetter.chatgpt.config.header = OJB_parseLinePairArray(configuration._header);
  894.         OJBetter.chatgpt.config.data = OJB_parseLinePairArray(configuration._data);
  895.         OJBetter.chatgpt.config.quota.url = configuration.quota_url;
  896.         OJBetter.chatgpt.config.quota.method = configuration.quota_method;
  897.         OJBetter.chatgpt.config.quota.header = OJB_parseLinePairArray(configuration.quota_header);
  898.         OJBetter.chatgpt.config.quota.data = OJB_parseLinePairArray(configuration.quota_data);
  899.         OJBetter.chatgpt.config.quota.surplus = configuration.quota_surplus;
  900.     }
  901.     // 编辑器
  902.     if (!OJBetter.typeOfPage.is_mSite) OJBetter.common.cf_csrf_token = Codeforces.getCsrfToken();
  903.     else OJBetter.common.cf_csrf_token = "";
  904.     OJBetter.monaco.compilerSelection = OJB_getGMValue("compilerSelection", "61");
  905.     OJBetter.monaco.setting.fontsize = OJB_getGMValue("editorFontSize", "15");
  906.     OJBetter.monaco.enableOnProblemPage = OJB_getGMValue("problemPageCodeEditor", true);
  907.     OJBetter.monaco.beautifyPreBlocks = OJB_getGMValue("beautifyPreBlocks", true);
  908.     OJBetter.monaco.complet.cppCodeTemplate = OJB_getGMValue("cppCodeTemplateComplete", true);
  909.     OJBetter.monaco.onlineCompilerChoice = OJB_getGMValue("onlineCompilerChoice", "official");
  910.     OJBetter.monaco.setting.isCodeSubmitDoubleConfirm = OJB_getGMValue("isCodeSubmitConfirm", true);
  911.     OJBetter.monaco.setting.alwaysConsumeMouseWheel = OJB_getGMValue("alwaysConsumeMouseWheel", true);
  912.     OJBetter.monaco.setting.submitButtonPosition = OJB_getGMValue("submitButtonPosition", "bottom");
  913.     //自定义补全
  914.     OJBetter.monaco.complet.customConfig = OJB_getGMValue("Complet_config", {
  915.         "choice": -1,
  916.         "configurations": []
  917.     });
  918.     // monaco
  919.     OJBetter.monaco.lsp.enabled = OJB_getGMValue("useLSP", false);
  920.     OJBetter.monaco.setting.position = OJB_getGMValue("monacoEditor_position", "initial");
  921.     OJBetter.monaco.lsp.workUri = OJB_getGMValue("OJBetter_Bridge_WorkUri", "C:/OJBetter_Bridge");
  922.     OJBetter.monaco.lsp.socketUrl = OJB_getGMValue("OJBetter_Bridge_SocketUrl", "ws://127.0.0.1:2323/");
  923.     OJBetter.preference.showLoading = OJB_getGMValue("showLoading", true);
  924.     OJBetter.preference.hoverTargetAreaDisplay = OJB_getGMValue("hoverTargetAreaDisplay", false);
  925.     OJBetter.basic.expandFoldingblocks = OJB_getGMValue("expandFoldingblocks", true);
  926.     OJBetter.preference.iconButtonSize = OJB_getGMValue("iconButtonSize", "16");
  927.     OJBetter.dev.isRuleMarkingEnabled = OJB_getGMValue("isRuleMarkingEnabled", false);
  928.     OJBetter.about.updateChannel = OJB_getGMValue("updateChannel", "release");
  929.     OJBetter.about.updateSource = OJB_getGMValue("updateSource", "greasyfork");
  930. }
  931.  
  932. /**
  933.  * 显示警告消息
  934.  */
  935. function showWarnMessage() {
  936.     if (OJBetter.typeOfPage.is_oldLatex) {
  937.         const loadingMessage = new LoadingMessage();
  938.         loadingMessage.updateStatus(`${OJBetter.state.name} —— ${i18next.t('warning.is_oldLatex', { ns: 'alert' })}`, 'warning');
  939.     }
  940.     if (OJBetter.typeOfPage.is_acmsguru) {
  941.         const loadingMessage = new LoadingMessage();
  942.         loadingMessage.updateStatus(`${OJBetter.state.name} —— ${i18next.t('warning.is_acmsguru', { ns: 'alert' })}`, 'warning');
  943.     }
  944.     if (OJBetter.translation.comment.transMode == "1") {
  945.         const loadingMessage = new LoadingMessage();
  946.         loadingMessage.updateStatus(`${OJBetter.state.name} —— ${i18next.t('warning.trans_segment', { ns: 'alert' })}`, 'warning');
  947.     }
  948.     if (OJBetter.translation.comment.transMode == "2") {
  949.         const loadingMessage = new LoadingMessage();
  950.         loadingMessage.updateStatus(`${OJBetter.state.name} —— ${i18next.t('warning.trans_select', { ns: 'alert' })}`, 'warning');
  951.     }
  952.     if (OJBetter.typeOfPage.is_submitPage && OJBetter.monaco.enableOnProblemPage) {
  953.         const loadingMessage = new LoadingMessage();
  954.         loadingMessage.updateStatus(`${OJBetter.state.name} —— ${i18next.t('warning.is_submitPage', { ns: 'alert' })}`, 'warning');
  955.     }
  956. }
  957.  
  958. // 常量
  959. 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>';
  960. 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>`;
  961. 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 
  962. 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>`;
  963. 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" />
  964. <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" />
  965. <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>`;
  966.  
  967. /**
  968.  * 连接数据库
  969.  */
  970. async function initDB() {
  971.     OJBetter.common.database = new Dexie('CFBetterDB');
  972.     OJBetter.common.database.version(3).stores({
  973.         samplesData: '&url',
  974.         editorCode: '&url',
  975.         translateData: '&url',
  976.         localizeSubsData: '&lang'
  977.     });
  978.  
  979.     // 等待数据库打开
  980.     await OJBetter.common.database.open();
  981. }
  982.  
  983. /**
  984.  * 清空数据库
  985.  */
  986. async function clearDatabase() {
  987.     const isConfirmed = await OJB_createDialog(
  988.         i18next.t('isClearDatabase.title', { ns: 'dialog' }),
  989.         i18next.t('isClearDatabase.content', { ns: 'dialog' }),
  990.         [
  991.             i18next.t('isClearDatabase.buttons.0', { ns: 'dialog' }),
  992.             i18next.t('isClearDatabase.buttons.1', { ns: 'dialog' })
  993.         ]
  994.     );
  995.     if (!isConfirmed) {
  996.         try {
  997.             // 开启一个读写事务，包含数据库中的所有表
  998.             await OJBetter.common.database.transaction('rw', OJBetter.common.database.tables, async () => {
  999.                 // 遍历所有表
  1000.                 for (const table of OJBetter.common.database.tables) {
  1001.                     // 清空当前表
  1002.                     await table.clear();
  1003.                 }
  1004.             });
  1005.             console.log("All tables in the database have been cleared.");
  1006.             alert("All tables in the database have been cleared.");
  1007.         } catch (error) {
  1008.             console.error("Error clearing the database:", error);
  1009.         }
  1010.     }
  1011. }
  1012.  
  1013. /**
  1014.  * 导出数据库
  1015.  * @returns {Promise<string>} 数据库的JSON字符串
  1016.  */
  1017. async function exportDatabase() {
  1018.     try {
  1019.         // 创建一个存储数据的对象
  1020.         const exportData = {};
  1021.         // 获取数据库中所有表的名称
  1022.         const tableNames = OJBetter.common.database.tables.map(table => table.name);
  1023.  
  1024.         // 遍历每一个表，获取数据
  1025.         for (const tableName of tableNames) {
  1026.             const tableData = await OJBetter.common.database.table(tableName).toArray();
  1027.             exportData[tableName] = tableData;
  1028.         }
  1029.  
  1030.         // 将数据对象转换为JSON字符串
  1031.         const jsonData = JSON.stringify(exportData, null, 4);
  1032.         return jsonData;
  1033.     } catch (error) {
  1034.         console.error("Error exporting database:", error);
  1035.     }
  1036. }
  1037.  
  1038. /**
  1039.  * 导入数据库
  1040.  * @param {string} jsonData 数据库的JSON字符串
  1041.  */
  1042. async function importDatabase(jsonData) {
  1043.     const isConfirmed = await OJB_createDialog(
  1044.         i18next.t('isImportDatabase.title', { ns: 'dialog' }),
  1045.         i18next.t('isImportDatabase.content', { ns: 'dialog' }),
  1046.         [
  1047.             i18next.t('isImportDatabase.buttons.0', { ns: 'dialog' }),
  1048.             i18next.t('isImportDatabase.buttons.1', { ns: 'dialog' })
  1049.         ]
  1050.     );
  1051.     if (!isConfirmed) {
  1052.         try {
  1053.             // 将JSON字符串解析为对象
  1054.             const importData = JSON.parse(jsonData);
  1055.  
  1056.             // 开启一个事务，并清空现有数据
  1057.             await OJBetter.common.database.transaction('rw', OJBetter.common.database.tables, async () => {
  1058.                 // 清空所有表的数据
  1059.                 for (const tableName of OJBetter.common.database.tables.map(table => table.name)) {
  1060.                     await OJBetter.common.database.table(tableName).clear();
  1061.                 }
  1062.  
  1063.                 // 插入新数据
  1064.                 for (const [tableName, rows] of Object.entries(importData)) {
  1065.                     await OJBetter.common.database.table(tableName).bulkAdd(rows);
  1066.                 }
  1067.             });
  1068.             alert("Data imported successfully");
  1069.         } catch (error) {
  1070.             console.error("Error importing database:", error);
  1071.         }
  1072.     }
  1073. }
  1074.  
  1075. /**
  1076.  * 将数据下载为文件
  1077.  * @param {string} data 数据
  1078.  * @param {string} filename 文件名，默认为'export.json'
  1079.  * @param {string} fileType 文件MIME类型，默认为'application/json'
  1080.  * @returns {void}
  1081.  */
  1082. function downloadDataAsFile(data, filename = 'export.json', fileType = 'application/json') {
  1083.     // 创建一个blob对象，指定文件类型
  1084.     const blob = new Blob([data], { type: fileType });
  1085.     const url = URL.createObjectURL(blob);
  1086.  
  1087.     // 创建一个隐藏的a标签，模拟点击进行下载
  1088.     const a = document.createElement('a');
  1089.     a.href = url;
  1090.     a.download = filename;
  1091.     document.body.appendChild(a);
  1092.     a.click();
  1093.  
  1094.     // 清理
  1095.     document.body.removeChild(a);
  1096.     URL.revokeObjectURL(url);
  1097. }
  1098.  
  1099.  
  1100. /**
  1101.  * 从文件中读取数据
  1102.  * @param {Function} callback 回调函数
  1103.  * @returns {void}
  1104.  */
  1105. function readFileInput(callback) {
  1106.     const fileInput = document.createElement('input');
  1107.     fileInput.type = 'file';
  1108.     fileInput.accept = '.json';
  1109.     fileInput.style.display = 'none'; // 隐藏input元素
  1110.  
  1111.     fileInput.onchange = (e) => {
  1112.         const file = e.target.files[0];
  1113.         if (file) {
  1114.             const reader = new FileReader();
  1115.             reader.onload = (e) => {
  1116.                 const fileContent = e.target.result;
  1117.                 if (callback && typeof callback === 'function') {
  1118.                     callback(fileContent); // 调用回调函数，传入文件内容
  1119.                 }
  1120.             };
  1121.             reader.readAsText(file);
  1122.         }
  1123.     };
  1124.  
  1125.     document.body.appendChild(fileInput);
  1126.     fileInput.click();
  1127.     document.body.removeChild(fileInput);
  1128. }
  1129.  
  1130. /**
  1131.  * 清除所有设置
  1132.  */
  1133. async function deleteAllConfigSettings() {
  1134.     const isConfirmed = await OJB_createDialog(
  1135.         i18next.t('isDeleteAllConfigSettings.title', { ns: 'dialog' }),
  1136.         i18next.t('isDeleteAllConfigSettings.content', { ns: 'dialog' }),
  1137.         [
  1138.             i18next.t('isDeleteAllConfigSettings.buttons.0', { ns: 'dialog' }),
  1139.             i18next.t('isDeleteAllConfigSettings.buttons.1', { ns: 'dialog' })
  1140.         ]
  1141.     );
  1142.     if (!isConfirmed) {
  1143.         const keys = GM_listValues();
  1144.  
  1145.         keys.forEach(key => {
  1146.             GM_deleteValue(key);
  1147.         });
  1148.  
  1149.         alert('All settings have been deleted.');
  1150.         window.location.reload();
  1151.     }
  1152. }
  1153.  
  1154. /**
  1155.  * 导出设置到JSON
  1156.  * @returns {string} JSON字符串
  1157.  */
  1158. function exportSettingsToJSON() {
  1159.     const keys = GM_listValues();
  1160.     let settings = {};
  1161.  
  1162.     keys.forEach(key => {
  1163.         settings[key] = GM_getValue(key);
  1164.     });
  1165.  
  1166.     return JSON.stringify(settings, null, 4);
  1167. }
  1168.  
  1169. /**
  1170.  * 从JSON导入设置
  1171.  * @param {string} jsonData JSON字符串
  1172.  * @returns {void}
  1173.  */
  1174. async function importSettingsFromJSON(jsonData) {
  1175.     const isConfirmed = await OJB_createDialog(
  1176.         i18next.t('isImportSettings.title', { ns: 'dialog' }),
  1177.         i18next.t('isImportSettings.content', { ns: 'dialog' }),
  1178.         [
  1179.             i18next.t('isImportSettings.buttons.0', { ns: 'dialog' }),
  1180.             i18next.t('isImportSettings.buttons.1', { ns: 'dialog' })
  1181.         ]
  1182.     );
  1183.     if (!isConfirmed) {
  1184.         let settings;
  1185.         try {
  1186.             settings = JSON.parse(jsonData);
  1187.         } catch (e) {
  1188.             console.error('JSON parsing error:', e);
  1189.             return;
  1190.         }
  1191.  
  1192.         Object.keys(settings).forEach(key => {
  1193.             GM_setValue(key, settings[key]);
  1194.         });
  1195.  
  1196.         alert('Settings imported successfully!');
  1197.         window.location.reload();
  1198.     }
  1199. }
  1200.  
  1201. /**
  1202.  * 加载元素本地化语言数据
  1203.  * @param {JQuery} element jQuery元素
  1204.  * @param {number} [retries=10] 重试次数
  1205.  * @param {number} [interval=50] 重试间隔
  1206.  */
  1207. function elementLocalize(element, retries = 10, interval = 50) {
  1208.     if ($.isFunction(element.localize)) {
  1209.         element.localize();
  1210.     } else if (retries > 0) {
  1211.         setTimeout(elementLocalize, interval, element, retries - 1, interval);
  1212.     } else {
  1213.         console.error('Unable to localize', element);
  1214.     }
  1215. }
  1216.  
  1217. // 切换系统黑暗监听
  1218. const mediaQueryList = window.matchMedia('(prefers-color-scheme: dark)');
  1219. const changeEventListeners = [];
  1220. function handleColorSchemeChange(event) {
  1221.     event.matches ? $('html').attr('data-theme', 'dark') : $('html').attr('data-theme', 'light');
  1222.     if (!event.matches) {
  1223.         var originalColor = $(this).data("original-color");
  1224.         $(this).css("background-color", originalColor);
  1225.         if (OJBetter.monaco.editor) {
  1226.             monaco.editor.setTheme('vs');
  1227.         }
  1228.     } else {
  1229.         if (OJBetter.monaco.editor) {
  1230.             monaco.editor.setTheme('vs-dark');
  1231.         }
  1232.     }
  1233. }
  1234.  
  1235. /**
  1236.  * 黑暗模式
  1237.  */
  1238. (function setDark() {
  1239.     /**
  1240.      * 初始化
  1241.      */
  1242.     function setDarkTheme() {
  1243.         const htmlElement = document.querySelector('html');
  1244.         if (htmlElement) {
  1245.             htmlElement.setAttribute('data-theme', 'dark');
  1246.         } else {
  1247.             setTimeout(setDarkTheme, 100);
  1248.         }
  1249.     }
  1250.     OJBetter.basic.darkMode = OJB_getGMValue("darkMode", "follow")
  1251.     if (OJBetter.basic.darkMode == "dark") {
  1252.         setDarkTheme();
  1253.     } else if (OJBetter.basic.darkMode == "follow") {
  1254.         // 添加事件监听器
  1255.         changeEventListeners.push(handleColorSchemeChange);
  1256.         mediaQueryList.addEventListener('change', handleColorSchemeChange);
  1257.  
  1258.         if (window.matchMedia('(prefers-color-scheme: dark)').matches) setDarkTheme();
  1259.     }
  1260.  
  1261.     // 定义全局变量
  1262.     GM_addStyle(`
  1263.         /* 黑暗支持 */
  1264.         html[data-theme=dark]:root {
  1265.             color-scheme: light dark;
  1266.         }
  1267.         /* 颜色 */
  1268.         :root {
  1269.             /* 文字颜色 */
  1270.             --ojb-color-text-primary: #a0adb9; /* 主要文字颜色 */
  1271.             --ojb-color-text-secondary: #9AA4B1; /* 次要文字颜色 */
  1272.             --ojb-color-text-tertiary: #9BA5B2; /* 第三级文字颜色 */
  1273.             --ojb-color-text-success: #43A047; /* 成功状态文字颜色 */
  1274.             --ojb-color-text-highlight: #cbd6e2; /* 高亮文字颜色 */
  1275.             --ojb-color-text-disabled: #506778; /* 禁用状态文字颜色 */
  1276.             --ojb-color-text-icon-success: #2e7d32; /* 成功状态图标颜色 */
  1277.             --ojb-color-text-link: #4b8eda; /* 链接颜色 */
  1278.  
  1279.             /* 背景颜色 */
  1280.             --ojb-color-bg-primary: #22272e; /* 主背景颜色 */
  1281.             --ojb-color-bg-secondary: #2d333b; /* 次级背景颜色 */
  1282.             --ojb-color-bg-disabled: #24292e; /* 禁用元素背景颜色 */
  1283.  
  1284.             /* 边框颜色 */
  1285.             --ojb-color-border-primary: #48535F; /* 主要边框颜色 */
  1286.             --ojb-color-border-disabled: #404950; /* 禁用状态边框颜色 */
  1287.             --ojb-color-border-dashed-hover: #03A9F4; /* 虚线边框悬浮颜色 */
  1288.             --ojb-color-border-radio-checked: #326154; /* 选中的单选框边框颜色 */
  1289.  
  1290.             /* 阴影颜色 */
  1291.             --ojb-shadow-standard: 0px 0px 0.5px 0.5px #3A4048; /* 标准阴影 */
  1292.             --ojb-shadow-menu-modal: 0px 0px 0px 4px #2d333b; /* 菜单和模态框阴影 */
  1293.  
  1294.             /* 区域遮罩颜色 */
  1295.             --ojb-overlay-background: repeating-linear-gradient(135deg, #49525f6e, #49525f6e 30px, #49525f29 0px, #49525f29 55px); /* 区域遮罩背景 */
  1296.  
  1297.             /* 文字阴影 */
  1298.             --ojb-text-shadow-icon: 1px 1px 0px #2d333b, 1px -1px 0px #2d333b, -1px -1px 0px #2d333b, -1px 1px 0px #2d333b; /* 图标文字阴影 */
  1299.         }
  1300.         /* 边框样式 */
  1301.         :root {
  1302.             /* 边框样式 */
  1303.             --ojb-border-width: 1px; /* 边框宽度 */
  1304.             --ojb-border-style-solid: solid; /* 实线样式 */
  1305.             --ojb-border-style-dashed: dashed; /* 虚线样式 */
  1306.             --ojb-border-radius-small: 4px; /* 小圆角 */
  1307.             --ojb-border-radius-medium: 8px; /* 中圆角 */
  1308.             --ojb-border-radius-large: 12px; /* 大圆角 */
  1309.             
  1310.             /* 组合边框样式 */
  1311.             --ojb-border-solid-primary: var(--ojb-border-width) var(--ojb-border-style-solid) var(--ojb-color-border-primary); /* 主要实线边框 */
  1312.             --ojb-border-dashed: var(--ojb-border-width) var(--ojb-border-style-dashed) var(--ojb-color-border-primary); /* 主要虚线边框 */
  1313.             --ojb-border-dashed-hover: var(--ojb-border-width) var(--ojb-border-style-dashed) var(--ojb-color-border-dashed-hover); /* 悬浮虚线边框 */
  1314.             --ojb-border-solid-disabled: var(--ojb-border-width) var(--ojb-border-style-solid) var(--ojb-color-border-disabled); /* 禁用状态实线边框 */
  1315.         }
  1316.     `);
  1317.  
  1318.     // OJBetter界面样式
  1319.     GM_addStyle(`
  1320.         /* 主要文字颜色 */
  1321.         html[data-theme=dark] .alert-success, html[data-theme=dark] .alert-info, html[data-theme=dark] .alert-error,
  1322.         html[data-theme=dark] .alert-warning, html[data-theme=dark] .markItUpEditor, 
  1323.         html[data-theme=dark] .translate-problem-statement, html[data-theme=dark] .OJBetter_setting_menu, 
  1324.         html[data-theme=dark] .help_tip .tip_text,
  1325.         html[data-theme=dark] .OJBetter_setting_menu input, html[data-theme=dark] .OJBetter_setting_menu textarea,
  1326.         html[data-theme=dark] #OJBetter_SubmitForm input, html[data-theme=dark] #OJBetter_SubmitForm textarea, html[data-theme=dark] #OJBetter_SubmitForm select,
  1327.         html[data-theme=dark] #items-per-page, html[data-theme=dark] #pagBar, 
  1328.         html[data-theme=dark] .OJBetter_setting_sidebar li a:link,
  1329.         html[data-theme=dark] .popup .content{
  1330.             color: var(--ojb-color-text-primary);
  1331.         }
  1332.         /* 次要文字颜色 */
  1333.         html[data-theme=dark] .ojb_btn:hover, html[data-theme=dark] .OJBetter_modal button, html[data-theme=dark] #OJBetter_statusBar,
  1334.         html[data-theme=dark] #RunTestButton, html[data-theme=dark] #programTypeId, html[data-theme=dark] #addCustomTest,
  1335.         html[data-theme=dark] #customTestBlock, html[data-theme=dark] .OJBetter_setting_list.alert_info{
  1336.             color: var(--ojb-color-text-secondary);
  1337.         }
  1338.         /* 文字颜色3 */
  1339.         html[data-theme=dark] .ojb_btn{
  1340.             color: var(--ojb-color-text-tertiary);
  1341.         }
  1342.         /* 文字颜色 浅绿 */
  1343.         html[data-theme=dark] #SubmitButton{
  1344.             color: var(--ojb-color-text-success);
  1345.         }
  1346.         /* 禁止文字颜色 */
  1347.         html[data-theme=dark] .ojb_btn[disabled]{
  1348.             color: var(--ojb-color-text-disabled);
  1349.         }
  1350.         /* 主要背景层次 */
  1351.         html[data-theme=dark] .OJBetter_setting_menu, html[data-theme=dark] .help_tip .tip_text, html[data-theme=dark] li#add_button:hover,
  1352.         html[data-theme=dark] .ojb_btn:hover, 
  1353.         html[data-theme=dark] .OJBetter_setting_menu input, html[data-theme=dark] .OJBetter_setting_menu textarea,
  1354.         html[data-theme=dark] #OJBetter_SubmitForm input, 
  1355.         html[data-theme=dark] .OJBetter_setting_menu input[type="checkbox"], html[data-theme=dark] .OJBetter_setting_menu input[type="checkbox"]:checked,
  1356.         html[data-theme=dark] #OJBetter_SubmitForm textarea, html[data-theme=dark] #OJBetter_SubmitForm select, 
  1357.         html[data-theme=dark] .OJBetter_setting_sidebar li a.active, html[data-theme=dark] .OJBetter_setting_sidebar li,
  1358.         html[data-theme=dark] .OJBetter_setting_menu::-webkit-scrollbar-track, html[data-theme=dark] .OJBetter_setting_content::-webkit-scrollbar-track,
  1359.         html[data-theme=dark] .OJBetter_modal, html[data-theme=dark] .OJBetter_modal button:hover,
  1360.         html[data-theme=dark] .popup .content, 
  1361.         html[data-theme=dark] .config_bar_list, html[data-theme=dark] #LSPLog,
  1362.         html[data-theme=dark] .OJBetter_setting_menu .OJBetter_checkboxs,
  1363.         html[data-theme=dark] .OJBetter_setting_menu .OJBetter_checkboxs input[type="checkbox"]::before,
  1364.         html[data-theme=dark] .OJBetter_setting_menu a, html[data-theme=dark] .OJBetter_setting_menu .OJBetter_setting_list button:hover,
  1365.         html[data-theme=dark] .OJBetter_setting_menu select{
  1366.             background-color: var(--ojb-color-bg-primary);
  1367.             background-image: none;
  1368.         }
  1369.         /* 次要背景层次 */
  1370.         html[data-theme=dark] .ojb_btn, 
  1371.         html[data-theme=dark] .alert-success, html[data-theme=dark] .alert-info, html[data-theme=dark] .alert-error,
  1372.         html[data-theme=dark] .alert-warning, html[data-theme=dark] .SumoSelect>.optWrapper>.options li.opt:hover,
  1373.         html[data-theme=dark] .translate-problem-statement-panel,
  1374.         html[data-theme=dark] .translate-problem-statement, 
  1375.         html[data-theme=dark] .OJBetter_setting_list,
  1376.         html[data-theme=dark] .OJBetter_setting_menu hr, 
  1377.         html[data-theme=dark] .OJBetter_setting_sidebar li a,
  1378.         html[data-theme=dark] .OJBetter_setting_menu::-webkit-scrollbar-thumb, html[data-theme=dark] .OJBetter_setting_content::-webkit-scrollbar-thumb,
  1379.         html[data-theme=dark] .OJBetter_modal button, html[data-theme=dark] .test-for-popup pre,
  1380.         html[data-theme=dark] .popup .content pre, html[data-theme=dark] .popup .content pre code,
  1381.         html[data-theme=dark] ul.config_bar_ul::-webkit-scrollbar-thumb,  html[data-theme=dark] #OJBetter_statusBar,
  1382.         html[data-theme=dark] #RunTestButton, html[data-theme=dark] #programTypeId, html[data-theme=dark] .sampleDiv,
  1383.         html[data-theme=dark] #addCustomTest, html[data-theme=dark] #LSPLog li:nth-child(odd),
  1384.         html[data-theme=dark] .OJBetter_setting_menu .OJBetter_checkboxs input[type="checkbox"]:checked::before,
  1385.         html[data-theme=dark] .config::before, html[data-theme=dark] .config li.tempConfig_add_button:hover,
  1386.         html[data-theme=dark] .OJBetter_setting_menu details, html[data-theme=dark] #config_bar_menu,
  1387.         html[data-theme=dark] .OJBetter_setting_menu .OJBetter_setting_list button, 
  1388.         html[data-theme=dark] .OJBetter_setting_menu .badge, html[data-theme=dark] #OJBetter_SubmitForm #SubmitButton{
  1389.             background-color: var(--ojb-color-bg-secondary);
  1390.         }
  1391.         /* 禁止背景层次 */
  1392.         html[data-theme=dark] .ojb_btn[disabled]{
  1393.             background-color: var(--ojb-color-bg-disabled);
  1394.         }
  1395.         /* 实线边框颜色-圆角 */
  1396.         html[data-theme=dark] .alert-success, html[data-theme=dark] .alert-info, html[data-theme=dark] .alert-error,
  1397.         html[data-theme=dark] .alert-warning, html[data-theme=dark] .translate-problem-statement{
  1398.             border: var(--ojb-border-solid-primary);
  1399.             border-radius: 2px;
  1400.         }
  1401.         /* 实线边框颜色-无圆角 */
  1402.         html[data-theme=dark] .ojb_btn, 
  1403.         html[data-theme=dark] .OJBetter_setting_list, html[data-theme=dark] .config_bar_list,
  1404.         html[data-theme=dark] label.config_bar_ul_li_text, 
  1405.         html[data-theme=dark] .OJBetter_setting_sidebar li, html[data-theme=dark] .OJBetter_setting_menu select,
  1406.         html[data-theme=dark] .translate-problem-statement-panel, html[data-theme=dark] .OJBetter_modal button, html[data-theme=dark] #OJBetter_SubmitForm select,
  1407.         html[data-theme=dark] #OJBetter_editor, html[data-theme=dark] #OJBetter_statusBar,
  1408.         html[data-theme=dark] #OJBetter_SubmitForm #RunTestButton, html[data-theme=dark] #programTypeId, html[data-theme=dark] #customTestBlock,
  1409.         html[data-theme=dark] #OJBetter_SubmitForm #addCustomTest, html[data-theme=dark] #OJBetter_SubmitForm #SubmitButton,
  1410.         html[data-theme=dark] .OJBetter_setting_menu input,
  1411.         html[data-theme=dark] .OJBetter_setting_menu input[type="checkbox"], html[data-theme=dark] .OJBetter_setting_menu input[type="checkbox"]:checked,
  1412.         html[data-theme=dark] .OJBetter_setting_menu textarea,
  1413.         html[data-theme=dark] #OJBetter_SubmitForm input, html[data-theme=dark] #OJBetter_SubmitForm textarea,
  1414.         html[data-theme=dark] #CompilerSetting select, html[data-theme=dark] #CompilerSetting textarea, html[data-theme=dark] #CompilerBox,
  1415.         html[data-theme=dark] .OJBetter_setting_menu .OJBetter_checkboxs,
  1416.         html[data-theme=dark] .help_tip .tip_text, html[data-theme=dark] .config::before,
  1417.         html[data-theme=dark] #statePanel, html[data-theme=dark] .test-case, html[data-theme=dark] .OJBetter_setting_menu .badge{
  1418.             border: var(--ojb-border-solid-primary);
  1419.         }
  1420.         html[data-theme=dark] #customTestBlock #customTests{
  1421.             border-top: var(--ojb-border-solid-primary);
  1422.         }
  1423.         html[data-theme=dark] .OJBetter_setting_sidebar {
  1424.             border-right: var(--ojb-border-solid-primary);
  1425.         }
  1426.         /* 实线边框-禁止 */
  1427.         html[data-theme=dark] .ojb_btn[disabled]{
  1428.             border: var(--ojb-border-solid-disabled);
  1429.         }
  1430.         /* 虚线边框 */
  1431.         html[data-theme=dark] li#add_button,
  1432.         html[data-theme=dark] .OJBetter_setting_menu_label_text{
  1433.             border: var(--ojb-border-dashed);
  1434.         }
  1435.         /* 虚线边框-悬浮 */
  1436.         html[data-theme=dark] li#add_button:hover{
  1437.             border: var(--ojb-border-dashed-hover);
  1438.             background-color: var(--ojb-color-bg-secondary);
  1439.             color: var(--ojb-color-border-dashed-hover);
  1440.         }
  1441.         /* 无边框 */
  1442.         html[data-theme=dark] .translate-problem-statement-panel .ojb_btn{
  1443.             border: none;
  1444.         }
  1445.         /* 区域遮罩 */
  1446.         html[data-theme=dark] .overlay::before {
  1447.             background: var(--ojb-overlay-background);
  1448.             color: var(--ojb-color-text-secondary);
  1449.             text-shadow: 0px 0px 2px #000000;
  1450.         }
  1451.         /* 阴影 */
  1452.         html[data-theme=dark] .translate-problem-statement-panel, html[data-theme=dark] .translate-problem-statement{
  1453.             box-shadow: var(--ojb-shadow-standard);
  1454.         }
  1455.         /* 图标按钮状态样式 */
  1456.         html[data-theme=dark] .ojb_btn_popover.success i:before, html[data-theme=dark] .ojb_btn_popover.success i {
  1457.             color: var(--ojb-color-text-icon-success);
  1458.         }
  1459.         html[data-theme=dark] .ojb_btn_popover i:before {
  1460.             text-shadow: var(--ojb-text-shadow-icon);
  1461.         }
  1462.         /* 其他样式 */
  1463.         html[data-theme=dark] .OJBetter_setting_menu, html[data-theme=dark] .OJBetter_modal{
  1464.             box-shadow: var(--ojb-shadow-menu-modal);
  1465.             border: 1px solid var(--ojb-color-bg-secondary);
  1466.         }
  1467.         html[data-theme=dark] input[type="radio"]:checked+.OJBetter_setting_menu_label_text {
  1468.             color: var(--ojb-color-text-primary);
  1469.             border: 1px solid var(--ojb-color-border-radio-checked);
  1470.         }
  1471.         html[data-theme=dark] .alert{
  1472.             text-shadow: none;
  1473.         }
  1474.     `);
  1475.  
  1476.     // 网站界面样式
  1477.     GM_addStyle(`
  1478.         /* 文字颜色1 */
  1479.         html[data-theme=dark] body, html[data-theme=dark] .title,
  1480.         html[data-theme=dark] .problem-statement, html[data-theme=dark] #pageContent,
  1481.         html[data-theme=dark] .ttypography, html[data-theme=dark] .roundbox, html[data-theme=dark] .info,
  1482.         html[data-theme=dark] .ttypography .bordertable, html[data-theme=dark] .ttypography .bordertable thead th,
  1483.         html[data-theme=dark] .ttypography h1, html[data-theme=dark] .ttypography h2, html[data-theme=dark] .ttypography h3,
  1484.         html[data-theme=dark] .ttypography h4, html[data-theme=dark] .ttypography h5, html[data-theme=dark] .ttypography h6,
  1485.         html[data-theme=dark] .datatable table, html[data-theme=dark] .problem-statement .sample-tests pre,
  1486.         html[data-theme=dark] .ace-chrome .ace_gutter, 
  1487.         html[data-theme=dark] .setting-name, 
  1488.         html[data-theme=dark] .user-black, html[data-theme=dark] .comments label.show-archived,
  1489.         html[data-theme=dark] .comments label.show-archived *, html[data-theme=dark] table{
  1490.             color: var(--ojb-color-text-primary) !important;
  1491.         }
  1492.         html[data-theme=dark] h1 a, html[data-theme=dark] h2 a, html[data-theme=dark] h3 a, html[data-theme=dark] h4 a{
  1493.             color: var(--ojb-color-text-secondary);
  1494.         }
  1495.         /* 文字颜色2 */
  1496.         html[data-theme=dark] .contest-state-phase, html[data-theme=dark] .legendary-user-first-letter,
  1497.         html[data-theme=dark] .lang-chooser,
  1498.         html[data-theme=dark] .second-level-menu-list li a, html[data-theme=dark] #footer,
  1499.         html[data-theme=dark] .ttypography .tt, html[data-theme=dark] select,
  1500.         html[data-theme=dark] .roundbox .caption, html[data-theme=dark] .topic .title *,
  1501.         html[data-theme=dark] .user-admin{
  1502.             color: var(--ojb-color-text-secondary) !important;
  1503.         }
  1504.         /* 文字颜色3 */
  1505.         html[data-theme=dark] #program-source-text-copy{
  1506.             color: var(--ojb-color-text-secondary);
  1507.         }
  1508.         html[data-theme=dark] input{
  1509.             color: var(--ojb-color-text-secondary) !important;
  1510.         }
  1511.         /* 文字颜色4 */
  1512.         html[data-theme=dark] .ttypography .MathJax, html[data-theme=dark] .MathJax span{
  1513.             color: var(--ojb-color-text-highlight) !important;
  1514.         }
  1515.         /* 链接颜色 */
  1516.         html[data-theme=dark] a:link {
  1517.             color: var(--ojb-color-text-link);
  1518.         }
  1519.         html[data-theme=dark] a:visited {
  1520.             color: var(--ojb-color-text-secondary);
  1521.         }
  1522.         html[data-theme=dark] .menu-box a, html[data-theme=dark] .sidebox th a{
  1523.             color: var(--ojb-color-text-secondary) !important;
  1524.         }
  1525.         /* 按钮 */
  1526.         html[data-theme=dark] .second-level-menu-list li.backLava {
  1527.             border-radius: 6px;
  1528.             overflow: hidden;
  1529.             filter: invert(1) hue-rotate(.5turn);
  1530.         }
  1531.         html[data-theme=dark] input:hover{
  1532.             background-color: var(--ojb-color-bg-primary) !important;
  1533.         }
  1534.         /* 背景层次1 */
  1535.         html[data-theme=dark] body, html[data-theme=dark] .ttypography .bordertable thead th,
  1536.         html[data-theme=dark] .datatable table, html[data-theme=dark] .datatable .dark, html[data-theme=dark] li#add_button,
  1537.         html[data-theme=dark] .problem-statement .sample-tests pre, html[data-theme=dark] .markItUpEditor,
  1538.         html[data-theme=dark] .SumoSelect>.CaptionCont, html[data-theme=dark] .SumoSelect>.optWrapper,
  1539.         html[data-theme=dark] .SumoSelect>.optWrapper.multiple>.options li.opt span i, html[data-theme=dark] .ace_scroller,
  1540.         html[data-theme=dark] textarea, html[data-theme=dark] .state, html[data-theme=dark] .ace-chrome .ace_gutter-active-line,
  1541.         html[data-theme=dark] .sidebar-menu ul li:hover, html[data-theme=dark] .sidebar-menu ul li.active,
  1542.         html[data-theme=dark] .popup .content, html[data-theme=dark] .file.input-view .text, html[data-theme=dark] .file.output-view .text,
  1543.         html[data-theme=dark] .file.answer-view .text, html[data-theme=dark] .file.checker-comment-view .text{
  1544.             background-color: var(--ojb-color-bg-primary) !important;
  1545.             background-image: none;
  1546.         }
  1547.         /* 背景层次2 */
  1548.         html[data-theme=dark] .roundbox, html[data-theme=dark] .roundbox .dark, html[data-theme=dark] .bottom-links,
  1549.         html[data-theme=dark] .spoiler-content, html[data-theme=dark] input,
  1550.         html[data-theme=dark] .problem-statement .test-example-line-even, html[data-theme=dark] .highlight-blue,
  1551.         html[data-theme=dark] .ttypography .tt, html[data-theme=dark] select,
  1552.         html[data-theme=dark] .SumoSelect>.optWrapper>.options li.opt:hover,
  1553.         html[data-theme=dark] .aceEditorTd, html[data-theme=dark] .ace-chrome .ace_gutter,
  1554.         html[data-theme=dark] .datatable,
  1555.         html[data-theme=dark] .highlighted-row td, html[data-theme=dark] .highlighted-row th,
  1556.         html[data-theme=dark] .pagination span.active, html[data-theme=dark] .test-for-popup pre,
  1557.         html[data-theme=dark] pre{
  1558.             background-color: var(--ojb-color-bg-secondary) !important;
  1559.         }
  1560.         /* 实线边框颜色-圆角 */
  1561.         html[data-theme=dark] .roundbox, html[data-theme=dark] .roundbox .rtable td,
  1562.         html[data-theme=dark] .sidebar-menu ul li,
  1563.         html[data-theme=dark] input, html[data-theme=dark] .ttypography .tt, html[data-theme=dark] #items-per-page,
  1564.         html[data-theme=dark] .datatable td, html[data-theme=dark] .datatable th,
  1565.         html[data-theme=dark] textarea, html[data-theme=dark] .input-output-copier{
  1566.             border: var(--ojb-border-solid-primary) !important;
  1567.             border-radius: 2px;
  1568.         }
  1569.         /* 实线边框颜色-无圆角 */
  1570.          html[data-theme=dark] .problem-statement .sample-tests .input,
  1571.         html[data-theme=dark] .problem-statement .sample-tests .output, html[data-theme=dark] .pagination span.active,
  1572.         html[data-theme=dark] .test-for-popup pre{
  1573.             border: var(--ojb-border-solid-primary) !important;
  1574.         }
  1575.         html[data-theme=dark] .roundbox .titled, html[data-theme=dark] .roundbox .rtable th {
  1576.             border-bottom: var(--ojb-border-solid-primary) !important;
  1577.         }
  1578.         html[data-theme=dark] .roundbox .bottom-links, html[data-theme=dark] #footer{
  1579.             border-top: var(--ojb-border-solid-primary) !important;
  1580.         }
  1581.         html[data-theme=dark] .topic .content {
  1582.             border-left: 4px solid var(--ojb-color-border-primary) !important;
  1583.         }
  1584.         html[data-theme=dark] hr {
  1585.             border-color: var(--ojb-color-border-primary) !important;
  1586.         }
  1587.         /* 虚线边框 */
  1588.         html[data-theme=dark] .comment-table{
  1589.             border: var(--ojb-border-dashed);
  1590.         }
  1591.         /* input-output-copier特殊处理 */
  1592.         html[data-theme=dark] .html2md-panel.input-output-copier,
  1593.         html[data-theme=dark] .translateDiv.input-output-copier,
  1594.         html[data-theme=dark] #OJBetter_SubmitForm.input-output-copier{
  1595.             border: none !important;
  1596.         }
  1597.         html[data-theme=dark] .html2md-panel.input-output-copier:hover, 
  1598.         html[data-theme=dark] #OJBetter_SubmitForm.input-output-copier:hover{
  1599.             background-color: #ffffff00 !important;
  1600.         }
  1601.         /* focus-visible */
  1602.         html[data-theme=dark] input:focus-visible, html[data-theme=dark] textarea, html[data-theme=dark] select{
  1603.             border-width: 1.5px !important;
  1604.             outline: none;
  1605.         }
  1606.         /* 图片-亮度 */
  1607.         html[data-theme=dark] img, html[data-theme=dark] #facebox .popup a{
  1608.             opacity: .75; 
  1609.         }
  1610.         /* 反转 */
  1611.         html[data-theme=dark] .SumoSelect>.CaptionCont>label>i, html[data-theme=dark] .delete-resource-link,
  1612.         html[data-theme=dark] #program-source-text, html[data-theme=dark] .spoiler-content pre,
  1613.         html[data-theme=dark] .popup .content pre code{
  1614.             filter: invert(1) hue-rotate(.5turn);
  1615.         }
  1616.         /* 阴影 */
  1617.         html[data-theme=dark] .translate-problem-statement-panel, html[data-theme=dark] .translate-problem-statement{
  1618.             box-shadow: var(--ojb-shadow-standard);
  1619.         }
  1620.         /* 图标按钮状态样式 */
  1621.         html[data-theme=dark] .ojb_btn_popover.success i:before, html[data-theme=dark] .ojb_btn_popover.success i {
  1622.             color: var(--ojb-color-text-icon-success);
  1623.         }
  1624.         html[data-theme=dark] .ojb_btn_popover i:before {
  1625.             text-shadow: var(--ojb-text-shadow-icon);
  1626.         }
  1627.         /* 评测状态文字颜色 */
  1628.         html[data-theme=dark] .verdict-accepted, html[data-theme=dark] .verdict-accepted-challenged,
  1629.         html[data-theme=dark] .verdict-successful-challenge{
  1630.             color: #0a0 !important;
  1631.         }
  1632.         html[data-theme=dark] .verdict-failed, html[data-theme=dark] .verdict-challenged{
  1633.             color: red !important;
  1634.         }
  1635.         html[data-theme=dark] .verdict-rejected, html[data-theme=dark] .verdict-unsuccessful-challenge{
  1636.             color: #673ab7 !important;
  1637.         }
  1638.         html[data-theme=dark] .verdict-waiting {
  1639.             color: gray !important;
  1640.         }
  1641.         /* 样例hover样式 */
  1642.         html[data-theme=dark] .problem-statement .darkhighlight {
  1643.           background-color: #455a64 !important;
  1644.         }
  1645.         /* 其他样式 */
  1646.         html[data-theme=dark] .rated-user{
  1647.             display: initial;
  1648.         }
  1649.         html[data-theme=dark] .datatable .ilt, html[data-theme=dark] .datatable .irt,
  1650.         html[data-theme=dark] .datatable .ilb, html[data-theme=dark] .datatable .irb,
  1651.         html[data-theme=dark] .datatable .lt, html[data-theme=dark] .datatable .rt,
  1652.         html[data-theme=dark] .datatable .lb, html[data-theme=dark] .datatable .rb{
  1653.             background: none;
  1654.         }
  1655.         html[data-theme=dark] .problems .accepted-problem td.id{
  1656.             border-left: 6px solid #47837d !important;
  1657.         }
  1658.         html[data-theme=dark] .problems .rejected-problem td.id{
  1659.             border-left: 6px solid #ef9a9a !important;
  1660.         }
  1661.         html[data-theme=dark] .problems .accepted-problem td.act {
  1662.             background-color: #47837d !important;
  1663.             border-radius: 0px;
  1664.         }
  1665.         html[data-theme=dark] .problems .rejected-problem td.act{
  1666.             background-color: #ef9a9a !important;
  1667.             border-radius: 0px;
  1668.         }
  1669.         html[data-theme=dark] .collapsible-topic.collapsed .content .collapsible-topic-options:before{
  1670.             background-image: linear-gradient(#22272e00, #22272e);
  1671.         }
  1672.     `);
  1673. })()
  1674.  
  1675. /**
  1676.  * 黑暗模式额外的处理事件
  1677.  */
  1678. function darkModeStyleAdjustment() {
  1679.     $(".test-example-line").off("mouseenter mouseleave"); // 移除上面原本的事件
  1680.     // 为奇数行添加悬停效果
  1681.     $('.test-example-line-odd').hover(
  1682.         function () {
  1683.             $(this).addClass('darkhighlight');
  1684.             $(this).prevUntil(':not(.test-example-line-odd)').addClass('darkhighlight');
  1685.             $(this).nextUntil(':not(.test-example-line-odd)').addClass('darkhighlight');
  1686.         },
  1687.         function () {
  1688.             $(this).removeClass('darkhighlight');
  1689.             $(this).prevUntil(':not(.test-example-line-odd)').removeClass('darkhighlight');
  1690.             $(this).nextUntil(':not(.test-example-line-odd)').removeClass('darkhighlight');
  1691.         }
  1692.     );
  1693.  
  1694.     // 为偶数行添加悬停效果
  1695.     $('.test-example-line-even').hover(
  1696.         function () {
  1697.             $(this).addClass('darkhighlight');
  1698.             $(this).prevUntil(':not(.test-example-line-even)').addClass('darkhighlight');
  1699.             $(this).nextUntil(':not(.test-example-line-even)').addClass('darkhighlight');
  1700.         },
  1701.         function () {
  1702.             $(this).removeClass('darkhighlight');
  1703.             $(this).prevUntil(':not(.test-example-line-even)').removeClass('darkhighlight');
  1704.             $(this).nextUntil(':not(.test-example-line-even)').removeClass('darkhighlight');
  1705.         }
  1706.     );
  1707. }
  1708.  
  1709. /**
  1710.  * 初始化monaco编辑器资源
  1711.  */
  1712. async function initMonacoEditor() {
  1713.     if (OJBetter.monaco.enableOnProblemPage || OJBetter.monaco.beautifyPreBlocks) {
  1714.         try {
  1715.             // 等待Monaco Editor加载器脚本加载完成
  1716.             await OJB_LoadJS("https://cdn.staticfile.net/monaco-editor/0.44.0/min/vs/loader.min.js");
  1717.  
  1718.             // 配置Monaco Editor
  1719.             require.config({
  1720.                 paths: { vs: "https://cdn.staticfile.net/monaco-editor/0.44.0/min/vs" },
  1721.                 "vs/nls": { availableLanguages: { "*": "zh-cn" } },
  1722.             });
  1723.  
  1724.             // 加载Monaco Editor主脚本
  1725.             require(["vs/editor/editor.main"], () => {
  1726.                 OJBetter.monaco.loaderOnload = true;
  1727.             });
  1728.         } catch (error) {
  1729.             console.error("Failed to load Monaco Editor: ", error);
  1730.         }
  1731.     }
  1732. }
  1733.  
  1734. /**
  1735.  * 美化代码块
  1736.  */
  1737. async function beautifyPreBlocksWithMonaco() {
  1738.     // 判断monacoLoader是否加载完毕
  1739.     await OJB_waitUntilTrue(() => OJBetter.monaco.loaderOnload);
  1740.  
  1741.     // 用于替换 <pre> 标签为 Monaco 编辑器的函数
  1742.     function replacePreWithMonaco(preElement) {
  1743.         const pre = $(preElement);
  1744.         if (pre.hasClass('source-code-for-copy')) return; // 跳过复制块
  1745.         const code = OJB_getCodeFromPre(pre.get(0));
  1746.         if (!code) return;
  1747.         const language = OJB_codeLangDetect(code);
  1748.  
  1749.         // 创建一个用于 Monaco 编辑器的容器
  1750.         const container = $('<div></div>');
  1751.         const lineCount = code.split('\n').length; // 代码的行数
  1752.  
  1753.         // 计算容器的高度
  1754.         const calculateContainerHeight = (lineCount) => {
  1755.             const lineHeight = 20; // 每行代码的高度
  1756.             const minHeight = 100; // 最小高度
  1757.             const maxHeight = 1000; // 最大高度
  1758.             const dynamicHeight = lineCount * lineHeight;
  1759.             return Math.min(Math.max(dynamicHeight, minHeight), maxHeight) + 'px';
  1760.         };
  1761.  
  1762.         // 应用样式
  1763.         container.css({
  1764.             height: calculateContainerHeight(lineCount),
  1765.             width: '100%'
  1766.         });
  1767.         pre.replaceWith(container);
  1768.  
  1769.         // 初始化 Monaco 编辑器
  1770.         monaco.editor.create(container[0], {
  1771.             value: code,
  1772.             language: language,
  1773.             readOnly: true,
  1774.             tabSize: 4,
  1775.             theme: OJBetter.basic.darkMode == "dark" ? "vs-dark" : "vs",
  1776.             scrollbar: {
  1777.                 verticalScrollbarSize: 10,
  1778.                 horizontalScrollbarSize: 10,
  1779.                 alwaysConsumeMouseWheel: false
  1780.             },
  1781.             automaticLayout: true,
  1782.             scrollBeyondLastLine: false
  1783.         });
  1784.     }
  1785.     // 全局替换页面上所有的 <pre> 元素
  1786.     $('pre').each(function () {
  1787.         replacePreWithMonaco(this);
  1788.     });
  1789.     // 监听页面上的提交状态页面窗口的 <pre> 元素
  1790.     if (OJBetter.typeOfPage.is_statePage || OJBetter.typeOfPage.is_submissions) {
  1791.         OJB_observeElement({
  1792.             selector: '#facebox',
  1793.             callback: (node) => {
  1794.                 // 如果 facebox 中存在 pre 元素，则替换它们
  1795.                 const preElements = $(node).find('pre');
  1796.                 preElements.each(function () {
  1797.                     replacePreWithMonaco(this);
  1798.                 });
  1799.             }
  1800.         });
  1801.     }
  1802. }
  1803.  
  1804. // 样式
  1805. GM_addStyle(`
  1806. /*动画*/
  1807. @keyframes shake {
  1808.     0% { transform: translateX(-5px); }
  1809.     100% { transform: translateX(5px); }
  1810. }
  1811. @keyframes rotate {
  1812.     from {
  1813.         transform: rotate(0deg);
  1814.     }
  1815.  
  1816.     to {
  1817.         transform: rotate(360deg);
  1818.     }
  1819. }
  1820. @keyframes rippleout {
  1821.     0% {
  1822.         box-shadow: 0 0 0 0 rgba(96, 98, 102, 0.2);
  1823.     }
  1824.  
  1825.     100% {
  1826.         box-shadow: 0 0 0 6px rgba(0, 0, 0, 0);
  1827.     }
  1828. }
  1829. @keyframes bounce-in {
  1830. 	20%,40%,60%,80%,from,to {
  1831. 		animation-timing-function: cubic-bezier(.215,.61,.355,1);
  1832. 	}
  1833.  
  1834. 	0% {
  1835. 		opacity: 0;
  1836. 		transform: scale3d(.995,.995,.995);
  1837. 	}
  1838.  
  1839. 	20% {
  1840.         opacity: 1;
  1841. 		transform: scale3d(1.005,1.005,1.005);
  1842. 	}
  1843.  
  1844. 	40% {
  1845. 		transform: scale3d(.998,.998,.998);
  1846. 	}
  1847.  
  1848. 	60% {
  1849. 		transform: scale3d(1.002,1.002,1.002);
  1850. 	}
  1851.  
  1852. 	80% {
  1853. 		transform: scale3d(.995,.995,.995);
  1854. 	}
  1855.  
  1856. 	to {
  1857. 		opacity: 1;
  1858. 		transform: scale3d(1,1,1);
  1859. 	}
  1860. }
  1861. /*iconfont图标*/
  1862. .iconfont {
  1863.     font-family: "iconfont" !important;
  1864.     font-size: 16px;
  1865.     font-style: normal !important;
  1866.     -webkit-font-smoothing: antialiased;
  1867.     -moz-osx-font-smoothing: grayscale;
  1868. }
  1869. @font-face {
  1870.   font-family: 'iconfont';  /* Project id 4284341 */
  1871.   src: url('//aowuucdn.oss-accelerate.aliyuncs.com/iconfont/iconfont.woff2') format('woff2'),
  1872.        url('//aowuucdn.oss-accelerate.aliyuncs.com/iconfont/iconfont.woff2.ttf') format('truetype');
  1873. }
  1874. html {
  1875.     scroll-behavior: smooth;
  1876. }
  1877. :root {
  1878.     --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";
  1879. }
  1880. span.mdViewContent {
  1881.     white-space: pre-wrap;
  1882. }
  1883.  
  1884. /* 特殊处理，加上input-output-copier类, 让convertStatementToText方法忽略该元素 */
  1885. .translateDiv.input-output-copier, .html2md-panel.input-output-copier, #OJBetter_SubmitForm.input-output-copier {
  1886.   font-size: initial;
  1887.   float: initial;
  1888.   color: initial;
  1889.   cursor: initial;
  1890.   border: none;
  1891.   padding: 0px;
  1892.   margin: 0px;
  1893.   line-height: initial;
  1894.   text-transform: none;
  1895. }
  1896. .translateDiv.input-output-copier:hover, .html2md-panel.input-output-copier:hover, #OJBetter_SubmitForm.input-output-copier:hover {
  1897.   background-color: #ffffff00;
  1898. }
  1899.  
  1900. /* dialog */
  1901. dialog {
  1902.     margin: 0px;
  1903. }
  1904. dialog::backdrop {
  1905.     background-color: rgba(0, 0, 0, 0.4);
  1906. }
  1907.  
  1908. /*题目页链接栏样式*/
  1909. #problemToolbar {
  1910.     display: flex;
  1911.     flex-wrap: wrap;
  1912.     justify-content: flex-end;
  1913.     overflow: auto;
  1914.     height: 100%;
  1915.     margin: 0.5em;
  1916. }
  1917.  
  1918. /*html2md面板*/
  1919. .html2md-panel {
  1920.     display: flex;
  1921.     justify-content: flex-end;
  1922.     align-items: center;
  1923. }
  1924. .html2md-panel a {
  1925.     text-decoration: none;
  1926. }
  1927. .html2md-panel > button {
  1928.     margin: 5px;
  1929. }
  1930. .html2md-panel.is_simple {
  1931.     position: absolute;
  1932.     right: 2%;
  1933. }
  1934.  
  1935. /*通用按钮*/
  1936. .ojb_btn {
  1937.     display: flex;
  1938.     align-items: center;
  1939.     justify-content: center;
  1940.     cursor: pointer;
  1941.     background-color: #ffffff;
  1942.     color: #606266;
  1943.     width: auto;
  1944.     font-size: 13px;
  1945.     border-radius: 0.3rem;
  1946.     padding: 2px 5px;
  1947.     margin: 0px 5px;
  1948.     border: 1px solid #dcdfe6;
  1949. }
  1950. .ojb_btn[disabled] {
  1951.     cursor: not-allowed !important;
  1952.     color: rgb(168, 171, 178) !important;
  1953.     border: 1px solid #e4e7ed;
  1954.     background-color: #ffffff;
  1955. }
  1956. .ojb_btn:hover {
  1957.     color: #409eff;
  1958.     border-color: #409eff;
  1959.     background-color: #f1f8ff;
  1960.     z-index: 150;
  1961. }
  1962. .ojb_btn.primary {
  1963.     color: #ffffff;
  1964.     border: 1px solid #409eff;
  1965.     background-color: #409eff;
  1966. }
  1967. .ojb_btn.primary:hover {
  1968.     color: #ffffff;
  1969.     border: 1px solid #79bbff;
  1970.     background-color: #79bbff;
  1971. }
  1972. .ojb_btn.success {  
  1973.     color: #4caf50;
  1974.     border: 1px solid #C8E6C9;
  1975.     background-color: #f0f9eb;
  1976. }
  1977. .ojb_btn.warning {
  1978.     color: #e6a23c;
  1979.     border: 1px solid #f3d19e;
  1980.     background-color: #fdf6ec;
  1981. }
  1982. .ojb_btn.error {
  1983.     color: #f56c6c;
  1984.     border: 1px solid #fab6b6;
  1985.     background-color: #fef0f0;
  1986. }
  1987. .ojb_btn.enabled {
  1988.     color: #42A5F5;
  1989.     border: 1px solid #90CAF9;
  1990.     background-color: #fafbff;
  1991. }
  1992. .ojb_btn.active {
  1993.     animation: rippleout 0.5s ease-in-out;
  1994. }
  1995. a.ojb_btn {
  1996.     text-decoration: none;
  1997. }
  1998. a.ojb_btn:link {
  1999.     color: #606266;
  2000. }
  2001. a.ojb_btn span {
  2002.     margin-left: 2px;
  2003. }
  2004. /*按钮图标和popover*/
  2005. .ojb_btn_popover {
  2006.     display: flex;
  2007.     justify-content: center;
  2008.     position: relative;
  2009.     outline: none;
  2010.     appearance: none;
  2011. }
  2012. .ojb_btn_popover:hover span {
  2013.     opacity: 1;
  2014.     visibility: visible;
  2015. }
  2016. .ojb_btn_popover i:before {
  2017.     position: absolute;
  2018.     text-shadow: 1px 1px 0px #ffffff, 1px -1px 0px #ffffff, -1px -1px 0px #ffffff, -1px 1px 0px #ffffff;
  2019. }
  2020. .ojb_btn_popover span {
  2021.     cursor: initial;
  2022.     position: absolute;
  2023.     left: 50%;
  2024.     opacity: 0;
  2025.     visibility: hidden;
  2026.     padding: 4px 8px;
  2027.     background-color: rgba(33, 33, 33, 0.8);
  2028.     color: rgba(255, 255, 255, 0.9019607843);
  2029.     font-size: 12px;
  2030.     border-radius: 6px;
  2031.     line-height: 1.6;
  2032.     text-align: left;
  2033.     white-space: nowrap;
  2034.     transition: all 0.15s ease-in-out;
  2035.     z-index: 999;
  2036. }
  2037. .ojb_btn_popover span:hover {
  2038.     opacity: 0;
  2039.     visibility: hidden;
  2040. }
  2041. .ojb_btn_popover.top:hover span {
  2042.     transform: translate(-50%, 0);
  2043. }
  2044. .ojb_btn_popover.top span {
  2045.     bottom: 100%;
  2046.     transform: translate(-50%, -20%);
  2047.     margin-bottom: 4px;
  2048. }
  2049. .ojb_btn_popover.top span:hover {
  2050.     transform: translate(-50%, -20%);
  2051. }
  2052. .ojb_btn_popover.bottom:hover span {
  2053.     transform: translate(-50%, 105%);
  2054. }
  2055. .ojb_btn_popover.bottom span {
  2056.     bottom: -2%;
  2057.     transform: translate(-50%, 100%);
  2058.     margin-top: 4px;
  2059. }
  2060. .ojb_btn_popover.bottom span:hover {
  2061.     transform: translate(-50%, 50%);
  2062. }
  2063. .ojb_btn_popover.loading i {
  2064.     color: rgba(33, 33, 33, 0.1);
  2065. }
  2066. .ojb_btn_popover.loading i:before {
  2067.     content: "\\e640";
  2068.     color: rgb(168, 171, 178);
  2069.     animation: rotate 2s cubic-bezier(0.65, 0.05, 0.36, 1) infinite;
  2070. }
  2071. .ojb_btn_popover.running i {
  2072.     color: rgba(33, 33, 33, 0.1);
  2073. }
  2074. .ojb_btn_popover.running i:before {
  2075.     content: "\\e600";
  2076.     color: rgb(168, 171, 178);
  2077.     animation: rotate 1s linear infinite;
  2078. }
  2079. .ojb_btn_popover.warning i {
  2080.     color: rgba(230, 162, 61, 0.8);
  2081. }
  2082. .ojb_btn_popover.warning i:before {
  2083.     content: "\\e68b";
  2084.     font-size: 15px;
  2085.     left: 10px;
  2086.     bottom: 0%;
  2087.     color: #ff9800;
  2088. }
  2089. .ojb_btn_popover.error i {
  2090.     color: rgba(245, 108, 108, 0.8);
  2091. }
  2092. .ojb_btn_popover.error i:before {
  2093.     content: "\\e651";
  2094.     font-size: 15px;
  2095.     left: 10px;
  2096.     bottom: 0%;
  2097.     color: #F44336;
  2098. }
  2099. .ojb_btn_popover.success i {
  2100.     color: rgba(76, 175, 80, 0.9);
  2101. }
  2102. .ojb_btn_popover.success i:before {
  2103.     content: "\\e61e";
  2104.     font-size: 15px;
  2105.     left: 10px;
  2106.     bottom: 0%;
  2107.     color: #4caf50;
  2108. }
  2109. .ojb_btn_popover.enabled i {
  2110.     color: rgba(33, 150, 243, 0.6);
  2111. }
  2112. .ojb_btn_popover.enabled i:before {
  2113.     content: "\\e6f4";
  2114.     font-size: 15px;
  2115.     left: 10px;
  2116.     bottom: 0%;
  2117.     color: #2196F3;
  2118. }
  2119. .ojb_btn_popover.redo i {
  2120.     color: rgba(33, 33, 33, 0.1);
  2121. }
  2122. .ojb_btn_popover.redo i:before {
  2123.     content: "\\e831";
  2124.     color: #616161;
  2125. }
  2126. .ojb_btn_popover.reverse i {
  2127.     transform: rotate(180deg);
  2128. }
  2129.  
  2130. /*translateDiv样式*/
  2131. .translateDiv .topText {
  2132.     display: flex;
  2133.     margin-left: 5px;
  2134.     color: #9e9e9e;
  2135.     font-size: 13px;
  2136.     align-items: center;
  2137. }
  2138. .translateDiv .borderlessButton{
  2139.     display: flex;
  2140.     align-items: center;
  2141.     margin: 2.5px 7px;
  2142.     fill: #9E9E9E;
  2143. }
  2144. .translateDiv .borderlessButton:hover{
  2145.     cursor: pointer;
  2146.     fill: #059669;
  2147. }
  2148. .translateDiv.bounce-in {
  2149.     animation: bounce-in 1s forwards;
  2150. }
  2151. html:not([data-theme='dark']) .translateDiv {
  2152.     box-shadow: 0px 0px 0.5px 0.5px #defdf378;
  2153. }
  2154. .translate-problem-statement {
  2155.     justify-items: start;
  2156.     letter-spacing: 1.8px;
  2157.     color: #059669;
  2158.     background-color: #f9f9fa;
  2159.     border: 1px solid #c5ebdf;
  2160.     border-radius: 0rem 0rem 0.3rem 0.3rem;
  2161.     padding: 5px;
  2162.     margin: -5px 0px 6px 0px;
  2163.     width: 100%;
  2164.     box-sizing: border-box;
  2165.     font-size: 13px;
  2166. }
  2167. .translate-problem-statement h2 {
  2168.     font-size: 1.6em;
  2169.     font-weight: 700;
  2170. }
  2171. .translate-problem-statement h3 {
  2172.     font-size: 1.3em;
  2173.     font-weight: 700;
  2174. }
  2175. .translate-problem-statement-panel{
  2176.     display: flex;
  2177.     justify-content: space-between;
  2178.     background-color: #f9f9fa;
  2179.     border: 1px solid #c5ebdf;
  2180.     border-radius: 0.3rem;
  2181.     margin: 4px 0px;
  2182. }
  2183. .translate-problem-statement-panel .ojb_btn {
  2184.     background: none;
  2185.     border: none;
  2186.     color: #9e9e9e;
  2187. }
  2188. .translate-problem-statement-panel.error, .translate-problem-statement.error {
  2189.     color: red;
  2190.     border-color: red;
  2191. }
  2192. .translate-problem-statement a, .translate-problem-statement a:link {
  2193.     color: #10b981;
  2194.     font-weight: 600;
  2195.     background: 0 0;
  2196.     text-decoration: none;
  2197. }
  2198. .translate-problem-statement ol, .translate-problem-statement ul {
  2199.     display: grid;
  2200.     margin-inline-start: 0.8em;
  2201.     margin-block-start: 0em;
  2202.     margin: 0.5em 0 0 3em;
  2203.     padding-inline-start: 0px;
  2204. }
  2205. .translate-problem-statement li {
  2206.     display: list-item;
  2207.     height: auto;
  2208.     word-wrap: break-word;
  2209. }
  2210. .translate-problem-statement ol li {
  2211.     list-style-type: auto;
  2212. }
  2213. .translate-problem-statement ul li {
  2214.     list-style-type: disc;
  2215. }
  2216. .translate-problem-statement img {
  2217.     max-width: 100.0%;
  2218.     max-height: 100.0%;
  2219. }
  2220. .ttypography .translate-problem-statement .MathJax {
  2221.     color: #059669!important;
  2222. }
  2223. .translate-problem-statement span.math {
  2224.     margin: 0px 2.5px !important;
  2225. }
  2226. .translate-problem-statement a:hover {
  2227.     background-color: #800;
  2228.     color: #fff;
  2229.     text-decoration: none;
  2230. }
  2231. .translate-problem-statement table {
  2232.     border: 1px #ccc solid !important;
  2233.     margin: 1.5em 0 !important;
  2234.     color: #059669 !important;
  2235. }
  2236. .translate-problem-statement table thead th {
  2237.     border: 1px #ccc solid !important;
  2238.     color: #059669 !important;
  2239. }
  2240. .translate-problem-statement table td {
  2241.     border-right: 1px solid #ccc;
  2242.     border-top: 1px solid #ccc;
  2243.     padding: 0.7143em 0.5em;
  2244. }
  2245. .translate-problem-statement table th {
  2246.     padding: 0.7143em 0.5em;
  2247. }
  2248. .translate-problem-statement p:not(:first-child) {
  2249.     margin: 1.5em 0 0;
  2250. }
  2251. .translate-problem-statement p {
  2252.     line-height: 20px !important;
  2253.     word-wrap: break-word;
  2254.     font-size: 13px !important
  2255. }
  2256. .problem-statement p:last-child {
  2257.     margin-bottom: 0px !important;
  2258. }
  2259.  
  2260. /*设置按钮*/
  2261. header .enter-or-register-box, header .languages {
  2262.     position: absolute;
  2263.     right: 170px;
  2264. }
  2265. .ojb_btn.OJBetter_setting {
  2266.     float: right;
  2267.     height: 30px;
  2268.     background: #60a5fa;
  2269.     color: white;
  2270.     margin: 10px;
  2271.     border: 1px solid #60a5fa;
  2272. }
  2273. .ojb_btn.OJBetter_setting.open {
  2274.     background-color: #e6e6e6;
  2275.     color: #727378;
  2276.     cursor: not-allowed;
  2277. }
  2278.  
  2279. /*设置面板*/
  2280. .OJBetter_setting_menu {
  2281.     box-shadow: 0px 0px 0px 4px #ffffff;
  2282.     position: fixed;
  2283.     top: 50%;
  2284.     left: 50%;
  2285.     width: 600px;
  2286.     min-height: 600px;
  2287.     transform: translate(-50%, -50%);
  2288.     border-radius: 6px;
  2289.     background-color: #f0f4f9;
  2290.     border-collapse: collapse;
  2291.     border: 1px solid #ffffff;
  2292.     color: #697e91;
  2293.     font-family: var(--vp-font-family-base);
  2294.     padding: 10px 20px 20px 10px;
  2295.     box-sizing: content-box;
  2296. }
  2297. .OJBetter_setting_menu h3 {
  2298.     margin-top: 10px;
  2299.     font-size: 1.4em;
  2300.     font-weight: 700;
  2301. }
  2302. .OJBetter_setting_menu h4 {
  2303.     margin: 15px 0px 10px 0px;
  2304. }
  2305. .OJBetter_setting_menu h4,.OJBetter_setting_menu h5 {
  2306.     font-weight: 600;
  2307. }
  2308. .OJBetter_setting_menu hr {
  2309.     border: none;
  2310.     height: 1px;
  2311.     background-color: #ccc;
  2312.     margin: 10px 0;
  2313. }
  2314. .OJBetter_setting_menu details {
  2315.     padding: 10px;
  2316.     margin-bottom: 5px;
  2317.     background-color: #ffffff;
  2318.     border-bottom: 1px solid #c9c6c696;
  2319.     border-radius: 8px;
  2320. }
  2321. .OJBetter_setting_menu .badge {
  2322.     border-radius: 4px;
  2323.     border: 1px solid #009688;
  2324.     color: #009688;
  2325.     background-color: #fff;
  2326.     padding: 0.5px 4px;
  2327.     margin-left: 5px;
  2328.     margin-right: auto;
  2329.     line-height: initial;
  2330.     font-weight: initial;
  2331. }
  2332. .OJBetter_setting_menu .missing {
  2333.     box-shadow: inset 0px 0px 1px 1px red;
  2334. }
  2335. /* 页面切换 */
  2336. .OJBetter_setting_menu .settings-page {
  2337.     display: none;
  2338. }
  2339. .OJBetter_setting_menu .settings-page.active {
  2340.     display: block;
  2341. }
  2342. .OJBetter_setting_container {
  2343.     display: flex;
  2344. }
  2345. .OJBetter_setting_sidebar {
  2346.     flex: 0 0 auto;
  2347.     min-width: 110px;
  2348.     padding: 6px 10px 6px 6px;
  2349.     margin: 20px 0px;
  2350.     border-right: 1px solid #d4d8e9;
  2351. }
  2352. .OJBetter_setting_content {
  2353.     flex-grow: 1;
  2354.     margin: 20px 0px 0px 12px;
  2355.     padding-right: 10px;
  2356.     max-height: 580px;
  2357.     overflow-y: auto;
  2358.     box-sizing: border-box;
  2359. }
  2360. .OJBetter_setting_sidebar h3 {
  2361.     margin-top: 0;
  2362. }
  2363. .OJBetter_setting_sidebar hr {
  2364.     margin-top: 10px;
  2365.     margin-bottom: 10px;
  2366.     border: none;
  2367.     border-top: 1px solid #DADCE0;
  2368. }
  2369. .OJBetter_setting_sidebar ul {
  2370.     list-style-type: none;
  2371.     margin: 0;
  2372.     padding: 0;
  2373. }
  2374. .OJBetter_setting_sidebar li {
  2375.     margin: 5px 0px;
  2376.     background-color: #ffffff;
  2377.     border: 1px solid #d4d8e9;
  2378.     border-radius: 4px;
  2379.     font-size: 16px;
  2380. }
  2381. .OJBetter_setting_sidebar li a {
  2382.     text-decoration: none;
  2383.     display: flex;
  2384.     width: 100%;
  2385.     font-size: 16px;
  2386.     color: gray;
  2387.     background-color: #ffffff;
  2388.     border: none;
  2389.     letter-spacing: 2px;
  2390.     padding: 7px;
  2391.     margin: 0px;
  2392.     border-radius: 4px;
  2393.     align-items: center;
  2394.     -webkit-box-sizing: border-box;
  2395.     -moz-box-sizing: border-box;
  2396.     box-sizing: border-box;
  2397. }
  2398. .OJBetter_setting_sidebar li a.active {
  2399.     background-color: #eceff1c7;
  2400. }
  2401. /* 链接样式 */
  2402. .OJBetter_setting_menu a {
  2403.     font-size: 13px;
  2404.     color: #009688;
  2405.     background-color: #E0F2F1;
  2406.     border: 1px solid #009688;
  2407.     border-radius: 4px;
  2408.     padding: 0px 5px;
  2409.     margin: 0px 5px;
  2410.     text-decoration: none;
  2411. }
  2412. /* 下拉选择框 */
  2413. .OJBetter_setting_menu select {
  2414.     appearance: none;
  2415.     padding: 5px 10px;
  2416.     margin: -5px 0px;
  2417.     border-radius: 6px;
  2418.     border-style: solid;
  2419.     border: 1px solid #ced4da;
  2420.     color: #009688;
  2421.     background: #ffffff;
  2422.     font-size: 15px;
  2423. }
  2424. .OJBetter_setting_menu select:focus-visible {
  2425.     outline: none;
  2426. }
  2427. .OJBetter_setting_menu select option:disabled {
  2428.     color: #EEEEEE;
  2429. }
  2430. /* 数值输入框 */
  2431. .OJBetter_setting_menu input[type="number"] {
  2432.     width: 40px;
  2433.     color: #009688;
  2434.     font-size: 15px;
  2435.     appearance: none;
  2436.     padding: 5px 10px;
  2437.     margin: -5px 3px;
  2438.     border-radius: 6px;
  2439.     border-style: solid;
  2440.     border: 1px solid #ced4da;
  2441. }
  2442. .OJBetter_setting_menu input[type="number"]:focus-visible {
  2443.     outline: none;
  2444. }
  2445. .OJBetter_setting_menu input[type="number"]::-webkit-inner-spin-button,
  2446. .OJBetter_setting_menu input[type="number"]::-webkit-outer-spin-button {
  2447.     -webkit-appearance: none;
  2448.     margin: 0;
  2449. }
  2450. /*设置面板-滚动条*/
  2451. .OJBetter_setting_menu::-webkit-scrollbar, .OJBetter_setting_content::-webkit-scrollbar,
  2452. .OJBetter_modal .content::-webkit-scrollbar {
  2453.     width: 5px;
  2454.     height: 7px;
  2455.     background-color: #aaa;
  2456. }
  2457. .OJBetter_setting_menu::-webkit-scrollbar-thumb, .OJBetter_setting_content::-webkit-scrollbar-thumb,
  2458. .OJBetter_modal .content::-webkit-scrollbar-thumb {
  2459.     background-clip: padding-box;
  2460.     background-color: #d7d9e4;
  2461. }
  2462. .OJBetter_setting_menu::-webkit-scrollbar-track, .OJBetter_setting_content::-webkit-scrollbar-track,
  2463. .OJBetter_modal .content::-webkit-scrollbar-track {
  2464.     background-color: #f1f1f1;
  2465. }
  2466. /*设置面板-关闭按钮*/
  2467. .OJBetter_setting_menu .tool-box {
  2468.     position: absolute;
  2469.     width: 20px;
  2470.     height: 20px;
  2471.     top: 3px;
  2472.     right: 3px;
  2473. }
  2474. .OJBetter_setting_menu .btn-close {
  2475.     width: 20px;
  2476.     height: 20px;
  2477.     border-radius: 50%;
  2478.     border: none;
  2479.     margin: 0px;
  2480.     padding: 0px;
  2481.     background-color: #ff000080;
  2482.     transition: .15s ease all;
  2483.     box-sizing: border-box;
  2484.     text-align: center;
  2485.     color: transparent;
  2486. }
  2487. .OJBetter_setting_menu .iconfont {
  2488.     font-size: 10px;
  2489.     font-weight: bolder;
  2490. }
  2491. .OJBetter_setting_menu .btn-close:hover {
  2492.     color: #ffffff;
  2493.     background-color: #ff0000cc;
  2494.     box-shadow: 0 5px 5px 0 #00000026;
  2495. }
  2496. .OJBetter_setting_menu .btn-close:active {
  2497.     color: #ffffffde;
  2498.     background-color: #ff000080;
  2499. }
  2500. /*设置面板-checkbox*/
  2501. .OJBetter_setting_menu input[type=checkbox]:focus {
  2502.     outline: 0px;
  2503. }
  2504. .OJBetter_setting_menu .OJBetter_setting_list input[type="checkbox"] {
  2505.     margin: 0px;
  2506. 	appearance: none;
  2507.     -webkit-appearance: none;
  2508. 	width: 40px;
  2509. 	height: 20px;
  2510. 	border: 1.5px solid #D7CCC8;
  2511.     padding: 0px !important;
  2512. 	border-radius: 20px;
  2513. 	background: #efebe978;
  2514. 	position: relative;
  2515. 	box-sizing: border-box;
  2516. }
  2517. .OJBetter_setting_menu .OJBetter_setting_list input[type="checkbox"]::before {
  2518. 	content: "";
  2519.     width: 17px;
  2520.     height: 17px;
  2521.     background: #D7CCC8;
  2522.     border: 1.5px solid #BCAAA4;
  2523.     border-radius: 50%;
  2524.     position: absolute;
  2525.     top: 0;
  2526.     left: 0;
  2527.     transform: translate(2%, 2%);
  2528.     transition: all 0.3s ease-in-out;
  2529.     box-sizing: border-box;
  2530. }
  2531. .OJBetter_setting_menu .OJBetter_setting_list input[type="checkbox"]::after {
  2532. 	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");
  2533. 	position: absolute;
  2534. 	top: 0;
  2535. 	left: 24px;
  2536. }
  2537. .OJBetter_setting_menu .OJBetter_setting_list input[type="checkbox"]:checked {
  2538. 	border: 1.5px solid #C5CAE9;
  2539. 	background: #E8EAF6;
  2540. }
  2541. .OJBetter_setting_menu .OJBetter_setting_list input[type="checkbox"]:checked::before {
  2542.     background: #C5CAE9;
  2543.     border: 1.5px solid #7986CB;
  2544.     transform: translate(122%, 2%);
  2545.     transition: all 0.3s ease-in-out;
  2546. }
  2547. .OJBetter_setting_menu .OJBetter_setting_list input[type="checkbox"]:checked::after {
  2548.     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");
  2549.     position: absolute;
  2550.     top: 1.5px;
  2551.     left: 4.5px;
  2552. }
  2553. .OJBetter_setting_menu .OJBetter_setting_list button {
  2554.     cursor: pointer;
  2555.     color: #7986cb;
  2556.     background-color: #e8eaf6;
  2557.     border: 1px solid #7986cb;
  2558.     border-radius: 6px;
  2559.     width: 100px;
  2560.     margin: -5px 2px;
  2561.     padding: 5px 10px;
  2562. }
  2563. .OJBetter_setting_menu .OJBetter_setting_list button:hover {
  2564.     color: #e8eaf6;
  2565.     background-color: #7986cb;
  2566.     border: 1px solid #7986cb;
  2567. }
  2568. .OJBetter_setting_menu label, #darkMode_span, #loaded_span {
  2569.     font-size: 16px;
  2570. }
  2571. .OJBetter_setting_list {
  2572.     display: flex;
  2573.     flex-wrap: wrap;
  2574.     align-items: center;
  2575.     padding: 10px;
  2576.     margin: 5px 0px;
  2577.     background-color: #ffffff;
  2578.     border: 1px solid #c9c6c642;
  2579.     border-bottom-color: #c9c6c696;
  2580.     border-radius: 8px;
  2581.     justify-content: space-between;
  2582. }
  2583. .OJBetter_setting_list.alert_danger {
  2584.     color: #F44336;
  2585.     background-color: #FFEBEE;
  2586.     border: 1px solid #F44336;
  2587.     margin: 10px 0px;
  2588. }
  2589. .OJBetter_setting_list.alert_warn {
  2590.     color: #E65100;
  2591.     background-color: #FFF3E0;
  2592.     border: 1px solid #FF9800;
  2593.     margin: 10px 0px;
  2594. }
  2595. .OJBetter_setting_list.alert_tip {
  2596.     color: #009688;
  2597.     background-color: #E0F2F1;
  2598.     border: 1px solid #009688;
  2599.     margin: 10px 0px;
  2600. }
  2601. .OJBetter_setting_list.alert_info {
  2602.     color: #ffffff;
  2603.     background-color: #009688;
  2604.     margin: 10px 0px;
  2605.     box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px 0px inset;
  2606. }
  2607. .OJBetter_setting_list p:not(:last-child) {
  2608.     margin-bottom: 10px;
  2609. }
  2610. .OJBetter_setting_list p:not(:first-child) {
  2611.     margin-top: 10px;
  2612. }
  2613. /*设置面板-checkboxs*/
  2614. .OJBetter_setting_menu .OJBetter_checkboxs {
  2615.     flex-basis: 100%;
  2616.     display: flex;
  2617.     padding: 8px;
  2618.     margin: 10px 0px 0px 0px;
  2619.     border-bottom: 1px solid #c9c6c696;
  2620.     border-radius: 8px;
  2621.     border: 1px solid #c5cae9;
  2622.     background-color: #f0f8ff;
  2623. }
  2624. .OJBetter_setting_menu .OJBetter_checkboxs label {
  2625.     font-size: 13px;
  2626.     margin: 0px 6px 0px 3px;
  2627. }
  2628. .OJBetter_setting_menu .OJBetter_checkboxs input[type=checkbox]:checked+label{
  2629.     color: #7986cb;
  2630. }
  2631. .OJBetter_setting_menu .OJBetter_checkboxs input[type="checkbox"] {
  2632.     border: none;
  2633.     width: 16px;
  2634.     height: 16px;
  2635. }
  2636. .OJBetter_setting_menu .OJBetter_checkboxs input[type="checkbox"]::before{
  2637.     background: #ffffff;
  2638.     transform: none;
  2639.     width: 16px;
  2640.     height: 16px;
  2641. }
  2642. .OJBetter_setting_menu .OJBetter_checkboxs input[type="checkbox"]:checked {
  2643. 	background: none;
  2644.     border: none;
  2645. }
  2646. .OJBetter_setting_menu .OJBetter_checkboxs input[type="checkbox"]:checked::before {
  2647.     border: 1.5px solid #95a2de;
  2648.     background: #e8eaf6;
  2649. 	transform: none;
  2650. }
  2651. .OJBetter_setting_menu .OJBetter_checkboxs input[type="checkbox"]:checked::after {
  2652.     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");
  2653.     top: 0px;
  2654.     left: 3.5px;
  2655. }
  2656. .OJBetter_setting_menu .OJBetter_checkboxs input[type="checkbox"]:disabled+label {
  2657.     color: #BDBDBD;
  2658. }
  2659. /*设置面板-radio*/
  2660. .OJBetter_setting_menu label {
  2661.     display: block;
  2662.     font-weight: initial;
  2663.     list-style-type: none;
  2664.     padding-inline-start: 0px;
  2665.     overflow-x: auto;
  2666.     max-width: 100%;
  2667.     margin: 3px 0px;
  2668.     overflow-x: visible;
  2669. }
  2670. .OJBetter_setting_menu_label_text {
  2671.     display: flex;
  2672.     border: 1px dashed #00aeeccc;
  2673.     height: 35px;
  2674.     width: 100%;
  2675.     color: #6e6e6e;
  2676.     font-weight: 300;
  2677.     font-size: 14px;
  2678.     letter-spacing: 2px;
  2679.     padding: 7px;
  2680.     margin-bottom: 4px;
  2681.     align-items: center;
  2682.     -webkit-box-sizing: border-box;
  2683.     -moz-box-sizing: border-box;
  2684.     box-sizing: border-box;
  2685. }
  2686. input[type="radio"]:checked+.OJBetter_setting_menu_label_text {
  2687.     background: #41e49930;
  2688.     border: 1px solid green;
  2689.     color: green;
  2690.     text-shadow: 0px 0px 0.5px green;
  2691. }
  2692. input[type="radio"]:disabled+.OJBetter_setting_menu_label_text {
  2693.     background: #fafafa00;
  2694.     border: 1px solid #e0e0e07a;
  2695.     color: #e0e0e0;
  2696. }
  2697. .OJBetter_setting_menu label input[type="radio"], .OJBetter_contextmenu label input[type="radio"]{
  2698.     appearance: none;
  2699.     list-style: none;
  2700.     padding: 0px !important;
  2701.     margin: 0px;
  2702.     clip: rect(0 0 0 0);
  2703.     -webkit-clip-path: inset(100%);
  2704.     clip-path: inset(100%);
  2705.     height: 1px;
  2706.     overflow: hidden;
  2707.     position: absolute;
  2708.     white-space: nowrap;
  2709.     width: 1px;
  2710. }
  2711. /*设置面板-文本输入框*/
  2712. .OJBetter_setting_menu input[type="text"] {
  2713.     display: block;
  2714.     height: 25px !important;
  2715.     width: 100%;
  2716.     background-color: #ffffff;
  2717.     color: #727378;
  2718.     font-size: 12px;
  2719.     border-radius: 0.3rem;
  2720.     padding: 1px 5px !important;
  2721.     box-sizing: border-box;
  2722.     margin: 5px 0px 5px 0px;
  2723.     border: 1px solid #00aeeccc;
  2724.     box-shadow: 0 0 1px #0000004d;
  2725. }
  2726. .OJBetter_setting_menu .OJBetter_setting_list input[type="text"] {
  2727.     margin-left: 5px;
  2728. }
  2729. .OJBetter_setting_menu input[type="text"]:focus-visible{
  2730.     border-style: solid;
  2731.     border-color: #3f51b5;
  2732.     outline: none;
  2733. }
  2734. .OJBetter_setting_menu_config_box {
  2735.     width: 100%;
  2736.     display: grid;
  2737.     margin-top: 5px;
  2738.     -webkit-box-sizing: border-box;
  2739.     -moz-box-sizing: border-box;
  2740.     box-sizing: border-box;
  2741. }
  2742. .OJBetter_setting_menu input::placeholder {
  2743.     color: #727378;
  2744. }
  2745. .OJBetter_setting_menu input.no_default::placeholder{
  2746.     color: #BDBDBD;
  2747. }
  2748. .OJBetter_setting_menu input.is_null::placeholder{
  2749.     color: red;
  2750.     border-width: 1.5px;
  2751. }
  2752. .OJBetter_setting_menu input.is_null{
  2753.     border-color: red;
  2754. }
  2755. .OJBetter_setting_menu textarea {
  2756.     resize: vertical;
  2757.     display: block;
  2758.     width: 100%;
  2759.     height: 60px;
  2760.     background-color: #ffffff;
  2761.     color: #727378;
  2762.     font-size: 12px;
  2763.     padding: 1px 5px !important;
  2764.     box-sizing: border-box;
  2765.     margin: 5px 0px 5px 0px;
  2766.     border: 1px solid #00aeeccc;
  2767.     box-shadow: 0 0 1px #0000004d;
  2768. }
  2769. .OJBetter_setting_menu textarea:focus-visible{
  2770.     border-style: solid;
  2771.     border-color: #3f51b5;
  2772.     outline: none;
  2773. }
  2774. .OJBetter_setting_menu textarea::placeholder{
  2775.     color: #BDBDBD;
  2776.     font-size: 14px;
  2777. }
  2778. .OJBetter_setting_menu #tempConfig_save {
  2779.     cursor: pointer;
  2780. 	display: inline-flex;
  2781.     padding: 5px;
  2782. 	background-color: #1aa06d;
  2783. 	color: #ffffff;
  2784. 	font-size: 14px;
  2785. 	line-height: 1.5rem;
  2786. 	font-weight: 500;
  2787. 	justify-content: center;
  2788. 	width: 100%;
  2789. 	border-radius: 0.375rem;
  2790. 	border: none;
  2791. 	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  2792.     margin-top: 20px
  2793. }
  2794. .OJBetter_setting_menu button#debug_button.debug_button {
  2795.     width: 18%;
  2796. }
  2797. .OJBetter_setting_menu span.tip {
  2798.     color: #999;
  2799.     font-size: 12px;
  2800.     font-weight: 500;
  2801.     padding: 5px 0px;
  2802. }
  2803. /*设置面板-tip*/
  2804. .help_tip {
  2805.     margin-right: auto;
  2806. }
  2807. span.input_label {
  2808.     font-size: 14px;
  2809. }
  2810. .help_tip .tip_text {
  2811.     display: none;
  2812.     position: absolute;
  2813.     color: #697e91;
  2814.     font-weight: 400;
  2815.     font-size: 14px;
  2816.     letter-spacing: 0px;
  2817.     background-color: #ffffff;
  2818.     padding: 10px;
  2819.     margin: 5px 0px;
  2820.     border-radius: 4px;
  2821.     border: 1px solid #e4e7ed;
  2822.     box-shadow: 0px 0px 12px rgba(0, 0, 0, .12);
  2823.     z-index: 100;
  2824. }
  2825. .help_tip .tip_text p {
  2826.     margin-bottom: 5px;
  2827. }
  2828. .help_tip .tip_text:before {
  2829.     content: "";
  2830.     position: absolute;
  2831.     top: -20px;
  2832.     right: -10px;
  2833.     bottom: -10px;
  2834.     left: -10px;
  2835.     z-index: -1;
  2836. }
  2837. .help-icon {
  2838.     cursor: help;
  2839.     width: 15px;
  2840.     color: #b4b9d4;
  2841.     margin-left: 5px;
  2842.     margin-top: 3px;
  2843. }
  2844. .OJBetter_setting_menu .OJBetter_setting_menu_label_text .help_tip .help-icon {
  2845.     color: #7fbeb2;
  2846. }
  2847. .help_tip .help-icon:hover + .tip_text, .help_tip .tip_text:hover {
  2848.     display: block;
  2849.     cursor: help;
  2850.     width: 250px;
  2851. }
  2852. /* 版本信息 */
  2853. .OJBetter_setting_menu .versionInfo{
  2854.     display: grid;
  2855.     justify-items: center;
  2856.     font-size: 16px;
  2857.     padding: 10px;
  2858. }
  2859. .OJBetter_setting_menu .versionInfo>* {
  2860.     margin: 10px 0px;
  2861. }
  2862.  
  2863. /* 配置管理面板 */
  2864. .config{
  2865.     width: 100%;
  2866.     margin: 10px 0px;
  2867. }
  2868. .config li.tempConfig_add_button {
  2869.     cursor: pointer;
  2870.     height: 40px;
  2871.     border: 1px dashed #BDBDBD;
  2872.     border-radius: 8px;
  2873.     background-color: #fcfbfb36;
  2874.     color: #bdbdbd;
  2875.     font-size: 14px;
  2876.     align-items: center;
  2877.     justify-content: center;
  2878. }
  2879. .config li.tempConfig_add_button:hover {
  2880.     border: 1px dashed #03A9F4;
  2881.     background-color: #d7f0fb8c;
  2882.     color: #03A9F4;
  2883. }
  2884. .config .config_bar_list {
  2885.     display: flex;
  2886.     width: 100%;
  2887.     padding-bottom: 2px;
  2888.     border: 1px solid #c5cae9;
  2889.     background-color: #f0f8ff;
  2890.     box-sizing: border-box;
  2891.     border-radius: 0px 0px 8px 8px;
  2892. }
  2893. .config .config_bar_list input[type="radio"] {
  2894.     appearance: none;
  2895.     width: 0;
  2896.     height: 0;
  2897.     overflow: hidden;
  2898. }
  2899. .config .config_bar_list input[type="radio"] {
  2900.     margin: 0px;
  2901. }
  2902. .config .config_bar_list input[type=radio]:focus {
  2903.     outline: 0px;
  2904. }
  2905. .config .config_bar_ul_li_text {
  2906.     display: flex;
  2907.     align-items: center;
  2908.     justify-content: center;
  2909.     max-width: 100%;
  2910.     height: 40px;
  2911.     overflow-x: auto;
  2912.     font-size: 14px;
  2913.     font-weight: 400;
  2914.     margin: 0px 4px;
  2915.     padding: 3px;
  2916.     border: 1px solid #dedede;
  2917.     border-radius: 10px;
  2918.     box-shadow: 0px 2px 4px 0px rgba(0,0,0,.05);
  2919.     box-sizing: border-box;
  2920. }
  2921. .config .config_bar_ul li button {
  2922.     background-color: #e6e6e6;
  2923.     color: #727378;
  2924.     height: 23px;
  2925.     font-size: 14px;
  2926.     border-radius: 0.3rem;
  2927.     padding: 1px 5px;
  2928.     margin: 5px;
  2929.     border: none;
  2930.     box-shadow: 0 0 1px #0000004d;
  2931. }
  2932. .config .config_bar_ul {
  2933.     display: flex;
  2934.     align-items: center;
  2935.     list-style-type: none;
  2936.     padding-inline-start: 0px;
  2937.     overflow-x: auto;
  2938.     max-width: 100%;
  2939.     margin: 0px;
  2940.     padding: 5px;
  2941. }
  2942. .config .config_bar_ul li {
  2943.     width: 80px;
  2944.     display: grid;
  2945.     margin: 4px 4px;
  2946.     min-width: 100px;
  2947.     box-sizing: border-box;
  2948. }
  2949. .config .config_bar_ul_li_text:hover {
  2950.     background-color: #eae4dc24;
  2951. }
  2952. input[type="radio"]:checked + .config_bar_ul_li_text {
  2953.     background: #41b3e430;
  2954.     border: 1px solid #5e7ce0;
  2955.     color: #5e7ce0;
  2956. }
  2957. .config .config_bar_ul::-webkit-scrollbar {
  2958.     width: 5px;
  2959.     height: 4px;
  2960. }
  2961. .config .config_bar_ul::-webkit-scrollbar-thumb {
  2962.     background-clip: padding-box;
  2963.     background-color: #d7d9e4;
  2964.     border-radius: 8px;
  2965. }
  2966. .config .config_bar_ul::-webkit-scrollbar-button:start:decrement {
  2967.     width: 4px;
  2968.     background-color: transparent;
  2969. }
  2970. .config .config_bar_ul::-webkit-scrollbar-button:end:increment {
  2971.     width: 4px;
  2972.     background-color: transparent;
  2973. }
  2974. .config .config_bar_ul::-webkit-scrollbar-track {
  2975.     border-radius: 5px;
  2976. }
  2977. .config .config_bar_ul_li_text::-webkit-scrollbar {
  2978.     width: 5px;
  2979.     height: 7px;
  2980.     background-color: #aaa;
  2981. }
  2982. .config .config_bar_ul_li_text::-webkit-scrollbar-thumb {
  2983.     background-clip: padding-box;
  2984.     background-color: #d7d9e4;
  2985. }
  2986. .config .config_bar_ul_li_text::-webkit-scrollbar-track {
  2987.     background-color: #f1f1f1;
  2988. }
  2989. .config .config_bar_list_add_div {
  2990.     display: flex;
  2991.     height: 40px;
  2992.     margin: 4px 2px;
  2993. }
  2994.  
  2995. /* 修改菜单 */
  2996. #config_bar_menu {
  2997.     z-index: 400;
  2998.     position: fixed;
  2999.     width: 60px;
  3000.     background: #ffffff;
  3001.     box-shadow: 1px 1px 4px 0px #0000004d;
  3002.     border: 0px solid rgba(0,0,0,0.04);
  3003.     border-radius: 4px;
  3004.     padding: 8px 0;
  3005. }
  3006. .config_bar_menu_item {
  3007.     cursor: pointer;
  3008.     padding: 2px 6px;
  3009.     display: flex;
  3010.     justify-content: center;
  3011.     align-items: center;
  3012.     height: 32px;
  3013.     font-size: 14px;
  3014.     font-weight: 500;
  3015.     box-shadow: inset 0px 0px 0px 0px #8bb2d9;
  3016. }
  3017. #config_bar_menu_edit:hover {
  3018.     background-color: #00aeec;
  3019.     color: white;
  3020. }
  3021. #config_bar_menu_delete:hover {
  3022.     background-color: #FF5722;
  3023.     color: white;
  3024. }
  3025.  
  3026. /* 配置编辑页面 */
  3027. #config_edit_menu {
  3028.     z-index: 300;
  3029.     width: 450px;
  3030. }
  3031.  
  3032. /* 黑暗模式选项按钮 */
  3033. .dark-mode-selection {
  3034.     display: flex;
  3035.     justify-content: center;
  3036.     align-items: center;
  3037.     max-width: 350px;
  3038.     -webkit-user-select: none;
  3039.     -moz-user-select: none;
  3040.     -ms-user-select: none;
  3041.     user-select: none;
  3042. }
  3043. .dark-mode-selection label {
  3044.     margin: 8px 0px 8px 8px;
  3045. }
  3046. .dark-mode-selection > * {
  3047.     margin: 6px;
  3048. }
  3049. .dark-mode-selection .OJBetter_setting_menu_label_text {
  3050.     border-radius: 8px;
  3051.     margin-bottom: 0px;
  3052. }
  3053.  
  3054. /*确认弹窗*/
  3055. .OJBetter_modal {
  3056.     z-index: 600;
  3057.     display: grid;
  3058.     position: fixed;
  3059.     top: 50%;
  3060.     left: 50%;
  3061.     transform: translate(-50%, -50%);
  3062.     font-size: 12px;
  3063.     font-family: var(--vp-font-family-base);
  3064.     width: max-content;
  3065.     padding: 10px 20px;
  3066.     box-shadow: 0px 0px 0px 4px #ffffff;
  3067.     border-radius: 6px;
  3068.     background-color: #f0f4f9;
  3069.     border-collapse: collapse;
  3070.     border: 1px solid #ffffff;
  3071.     color: #697e91;
  3072. }
  3073. .OJBetter_modal h2 {
  3074.     font-size: 1.6em;
  3075.     font-weight: 700;
  3076. }
  3077. .OJBetter_modal .content{
  3078.     white-space: nowrap;
  3079.     max-height: 500px;
  3080.     overflow-y: auto;
  3081. }
  3082. .OJBetter_modal .buttons{
  3083.     display: flex;
  3084.     padding-top: 15px;
  3085. }
  3086. .OJBetter_modal button {
  3087.     display: inline-flex;
  3088.     justify-content: center;
  3089.     align-items: center;
  3090.     line-height: 1;
  3091.     white-space: nowrap;
  3092.     cursor: pointer;
  3093.     text-align: center;
  3094.     box-sizing: border-box;
  3095.     outline: none;
  3096.     transition: .1s;
  3097.     user-select: none;
  3098.     vertical-align: middle;
  3099.     -webkit-appearance: none;
  3100.     height: 24px;
  3101.     padding: 5px 11px;
  3102.     margin-right: 15px;
  3103.     font-size: 12px;
  3104.     border-radius: 4px;
  3105.     color: #ffffff;
  3106.     background: #009688;
  3107.     border-color: #009688;
  3108.     border: none;
  3109. }
  3110. .OJBetter_modal button.secondary{
  3111.     background-color:#4DB6AC;
  3112. }
  3113. .OJBetter_modal button:hover{
  3114.     background-color:#4DB6AC;
  3115. }
  3116. .OJBetter_modal button.secondary:hover {
  3117.     background-color: #80CBC4;
  3118. }
  3119. .OJBetter_modal .help-icon {
  3120.     margin: 0px 8px 0px 0px;
  3121.     height: 1em;
  3122.     width: 1em;
  3123.     line-height: 1em;
  3124.     display: inline-flex;
  3125.     justify-content: center;
  3126.     align-items: center;
  3127.     position: relative;
  3128.     fill: currentColor;
  3129.     font-size: inherit;
  3130. }
  3131. .OJBetter_modal p {
  3132.     margin: 5px 0px;
  3133. }
  3134.  
  3135. /* 右键菜单 */
  3136. .OJBetter_contextmenu {
  3137.     z-index: 500;
  3138.     display: grid;
  3139.     position: absolute;
  3140.     background-color: #f0f4f9;
  3141.     border-collapse: collapse;
  3142.     color: #697e91;
  3143.     font-family: var(--vp-font-family-base);
  3144.     overflow: hidden;
  3145.     box-sizing: content-box;
  3146.     box-shadow: 0px 0px 0px 2px #eddbdb4d;
  3147. }
  3148. .OJBetter_contextmenu label {
  3149.     margin: 0px;
  3150. }
  3151. input[type="radio"]:checked+.OJBetter_contextmenu_label_text {
  3152.     background: #41e49930;
  3153.     border: 1px solid green;
  3154.     color: green;
  3155.     font-weight: 500;
  3156. }
  3157. .OJBetter_contextmenu_label_text {
  3158.     display: flex;
  3159.     border: 1px dashed #80cbc4;
  3160.     height: 26px;
  3161.     width: 100%;
  3162.     color: gray;
  3163.     font-size: 13px;
  3164.     font-weight: initial;
  3165.     padding: 4px;
  3166.     align-items: center;
  3167.     -webkit-box-sizing: border-box;
  3168.     -moz-box-sizing: border-box;
  3169.     box-sizing: border-box;
  3170. }
  3171. .OJBetter_contextmenu_label_text:hover {
  3172.     color: #F44336;
  3173.     border: 1px dashed #009688;
  3174.     background-color: #ffebcd;
  3175. }
  3176.  
  3177. /* RatingByClist */
  3178. .ratingBadge, html[data-theme=dark] button.ratingBadge{
  3179.     display: block;
  3180.     font-weight: 700;
  3181.     font-size: 11px;
  3182.     margin-top: 5px;
  3183.     padding: 2px;
  3184.     border-radius: 4px;
  3185.     color: #B0BEC5;
  3186.     border: 1px solid #cccccc66;
  3187. }
  3188.  
  3189. /* 多选翻译 */
  3190. .block_selected{
  3191.     box-shadow: 0px 0px 0px 1px #FF9800;
  3192.     outline: none;
  3193. }
  3194.  
  3195. /* 悬浮菜单 */
  3196. .OJBetter_MiniTranslateButton {
  3197.     z-index: 100;
  3198.     display: grid;
  3199.     position: absolute;
  3200.     border-collapse: collapse;
  3201.     fill: #F57C00;
  3202.     background-color: #FFF3E0;
  3203.     overflow: hidden;
  3204.     box-sizing: content-box;
  3205.     box-shadow: 0px 0px 0px 2px #FFE0B2;
  3206.     border-radius: 100%;
  3207. }
  3208. .OJBetter_MiniTranslateButton:hover {
  3209.     cursor: pointer;
  3210.     box-shadow: 0px 0px 0px 2px #FFB74D;
  3211. }
  3212.  
  3213. /* acmsguru划分块 */
  3214. .OJBetter_acmsguru {
  3215.     margin: 0 0 1em!important;
  3216. }
  3217.  
  3218. /* 代码提交表单 */
  3219. #OJBetter_SubmitForm.input-output-copier:hover {
  3220.     background-color: #ffffff00;
  3221. }
  3222. #OJBetter_SubmitForm input[type="number"] {
  3223.     width: 40px;
  3224.     color: #009688;
  3225.     appearance: none;
  3226.     border-radius: 6px;
  3227.     border-style: solid;
  3228.     border: none;
  3229.     background-color: #ffffff00;
  3230. }
  3231. #OJBetter_SubmitForm :focus-visible {
  3232.     outline: none;
  3233. }
  3234. #OJBetter_SubmitForm .topDiv {
  3235.     height: 50px;
  3236.     display: flex;
  3237.     align-items: center;
  3238.     justify-content: space-between;
  3239.     padding: 10px 0px;
  3240.     box-sizing: border-box;
  3241. }
  3242. #OJBetter_SubmitForm .topDiv .topRightDiv {
  3243.     height: 100%;
  3244.     display: flex;
  3245.     flex-wrap: wrap;
  3246.     gap: 0px;
  3247. }
  3248. #OJBetter_SubmitForm input[type="checkbox"], #OJBetter_SubmitForm label {
  3249.     margin: 0px;
  3250.     font-weight: initial;
  3251. }
  3252. #OJBetter_SubmitForm #fontSizeInput {
  3253.     border: none;
  3254.     background-color: #ffffff00;
  3255. }
  3256.  
  3257. /* 顶部区域 */
  3258. #OJBetter_SubmitForm .topRightDiv>* {
  3259.     height: 100%;
  3260.     box-sizing: border-box;
  3261. }
  3262. #OJBetter_SubmitForm .topRightDiv>button{
  3263.     padding: 0px 8px;
  3264. }
  3265. #OJBetter_SubmitForm .topRightDiv {
  3266.     display: flex;
  3267.     flex-wrap: wrap;
  3268.     gap: 0px;
  3269.     align-items: center;
  3270. }
  3271. #OJBetter_SubmitForm input[type="checkbox"], #OJBetter_SubmitForm label {
  3272.     margin: 0px;
  3273.     font-weight: initial;
  3274. }
  3275.  
  3276. /* LSP连接Log */
  3277. #LSPLog{
  3278.     width: 500px;
  3279.     height: 500px;
  3280.     position: fixed;
  3281.     top: 50%;
  3282.     left: 50%;
  3283.     padding: 10px;
  3284.     transform: translate(-50%, -50%);
  3285.     border: 1px solid;
  3286.     z-index: 200;
  3287.     background-color: #ffffff;
  3288. }
  3289. #LSPLog button{
  3290.     position: fixed;
  3291.     top: 10px;
  3292.     right: 10px;
  3293.     z-index: 200;
  3294. }
  3295. #LSPLog #LSPLogList{
  3296.     width: 500px;
  3297.     height: 500px;
  3298.     overflow: auto;
  3299.     color: #424242;
  3300. }
  3301. #LSPLog li:nth-child(odd){
  3302.     background-color: #f5f5f5;
  3303. }
  3304. #LSPLog details{
  3305.     padding: 2px;
  3306. }
  3307.  
  3308. /* 代码编辑器 */
  3309. #OJBetter_editor{
  3310.     box-sizing: border-box;
  3311.     height: 600px;
  3312.     border: 1px solid #d3d3d3;
  3313.     width: 100%;
  3314.     resize: vertical;
  3315.     display: flex;
  3316.     flex-direction: column;
  3317. }
  3318. #OJBetter_editor.fullscreen{
  3319.     position: fixed;
  3320.     top: 0;
  3321.     left: 0;
  3322.     width: 100%;
  3323.     height: 100vh;
  3324.     z-index: 2000;
  3325. }
  3326. #OJBetter_editor.bottom{
  3327.     position: fixed;
  3328.     bottom: 0;
  3329.     left: 0;
  3330.     width: 100%;
  3331.     height: 50vh;
  3332.     z-index: 2000;
  3333. }
  3334. .ojb_btn.exit_button_bottom {
  3335.     position: fixed;
  3336.     bottom: 30px;
  3337.     right: 15px;
  3338.     z-index: 2000;
  3339.     height: 28px;
  3340. }
  3341.  
  3342. /* monaco */
  3343. #OJBetter_monaco {
  3344.     flex: 1;
  3345.     min-height: 0;
  3346.     width: 100%;
  3347. }
  3348. #OJBetter_monaco .highlight {
  3349.     border: 1px solid #ffffff00;
  3350.     background-color: #ffffff00!important
  3351. }
  3352. .monaco-hover hr {
  3353.     margin: 4px -8px 4px !important;
  3354. }
  3355.  
  3356. /* 状态底栏 */
  3357. #OJBetter_statusBar{
  3358.     height: 22px;
  3359.     font-size: 12px;
  3360.     color: #757575;
  3361.     border: 1px solid #d3d3d3;
  3362.     background-color: #f8f8f8;
  3363.     padding: 3px;
  3364.     box-sizing: border-box;
  3365. }
  3366.  
  3367. /* 提交 */
  3368. #OJBetter_submitDiv{
  3369.     display: flex;
  3370.     padding-top: 15px;
  3371.     height: 50px;
  3372.     box-sizing: border-box;
  3373. }
  3374. #OJBetter_submitDiv >* {
  3375.     border-radius: 6px;
  3376. }
  3377. #OJBetter_submitDiv > button {
  3378.     height: 100%;
  3379.     aspect-ratio: 1 / 1;
  3380. }
  3381. #SubmitButton {
  3382.     color: #fff;
  3383.     background-color: #209978;
  3384.     border-color: #17795E;
  3385. }
  3386. #SubmitButton:hover {
  3387.     background-color: #17795e;
  3388. }
  3389. #SubmitButton.disabled {
  3390.     background-color: red;
  3391.     animation: shake 0.07s infinite alternate;
  3392. }
  3393. #programTypeId{
  3394.     height: 100%;
  3395.     padding: 5px 10px;
  3396.     border-radius: 6px;
  3397.     border-style: solid;
  3398.     border: 1px solid #ced4da;
  3399.     color: #212529;
  3400. }
  3401.  
  3402. /* 调试 */
  3403. .OJBetter_loding{
  3404.     padding: 6px 0px 0px 5px;
  3405.     height: 22px;
  3406. }
  3407. #CompilerArgsInput{
  3408.     flex-grow: 1;
  3409.     width: 100%;
  3410.     height: 100%;
  3411.     margin-bottom: 10px;
  3412.     padding: 5px 10px;
  3413.     border-radius: 6px;
  3414.     box-sizing: border-box;
  3415.     border: 1px solid #ccc;
  3416.     box-shadow: inset 0px 1px 1px rgba(0,0,0,.075);
  3417. }
  3418. #CompilerArgsInput[disabled] {
  3419.     cursor: not-allowed;
  3420. }
  3421. #CompilerSetting{
  3422.     font-size: 14px;
  3423.     margin-top: 10px;
  3424.     display: none;
  3425. }
  3426. #CompilerSetting select, #CompilerSetting textarea{
  3427.     padding: 4px 10px;
  3428.     border-radius: 6px;
  3429.     border-style: solid;
  3430.     border: 1px solid #ced4da;
  3431.     color: #212529;
  3432. }
  3433. #CompilerBox{
  3434.     display: grid;
  3435.     margin-top: 10px;
  3436.     border: #d0d7de solid 1px;
  3437.     border-radius: 6px;
  3438. }
  3439. #CompilerBox > * {  
  3440.     margin: 5px;
  3441. }
  3442.  
  3443. /* 自定义样例 */
  3444. #customTestBlock {
  3445.     margin-top: 10px;
  3446.     font-size: 14px;
  3447.     color: #616161;
  3448.     border: 1px solid #d3d3d3;
  3449.     box-sizing: border-box;
  3450.     position: relative;
  3451. }
  3452. #customTestBlock #customTests{
  3453.     border-top: 1px solid #d3d3d3;
  3454.     margin: 0px 0px 40px 0px;
  3455. }
  3456. #customTestBlock summary {
  3457.     cursor: pointer;
  3458.     padding: 10px;
  3459. }
  3460. #customTestBlock textarea {
  3461.     resize: vertical;
  3462. }
  3463. .sampleDiv {
  3464.     color: #727378;
  3465.     background-color: #FAFAFA;
  3466.     padding: 5px;
  3467.     margin-bottom: 10px;
  3468.     box-shadow: inset 0 0 1px #0000004d;
  3469.     position: relative;
  3470. }
  3471. .dynamicTextarea {
  3472.     width: 98%;
  3473.     height: 120px;
  3474.     margin: 10px 5px;
  3475.     border: 1px solid #E0E0E0;
  3476. }
  3477. .deleteCustomTest {
  3478.     cursor: pointer;
  3479.     position: absolute;
  3480.     top: 5px;
  3481.     right: 5px;
  3482.     display: flex;
  3483.     fill: #9E9E9E;
  3484.     padding: 2px 2px;
  3485.     border-radius: 4px;
  3486.     border: 1px solid #ffffff00;
  3487.     background-color: #ffffff00;
  3488.     align-items: center;
  3489. }
  3490. .deleteCustomTest:hover {
  3491.     fill: #EF5350;
  3492.     border: 1px solid #ef9a9a;
  3493.     background-color: #FFEBEE;
  3494. }
  3495. #addCustomTest {
  3496.     cursor: pointer;
  3497.     position: absolute;
  3498.     bottom: 5px;
  3499.     right: 5px;
  3500.     padding: 3px 10px;
  3501.     color: #795548;
  3502.     border: 1px solid #ccc;
  3503.     border-radius: 4px;
  3504.     background-color: #FAFAFA;
  3505. }
  3506. #addCustomTest:hover {
  3507.     background-color: #f5f5f5;
  3508. }
  3509.  
  3510. /* 调试结果 */
  3511. #statePanel{
  3512.     display: none;
  3513.     padding: 5px;
  3514.     margin-top: 10px;
  3515.     border: 1px solid #ddd;
  3516.     border-radius: 4px;
  3517. }
  3518. .test-case {
  3519.     padding: 10px;
  3520.     border: 1px solid #ddd;
  3521.     border-radius: 4px;
  3522. }
  3523. .test-case:not(:first-child){
  3524.     margin-top: 5px;
  3525. }
  3526. .test-case > * {
  3527.     margin: 5px 0px;
  3528. }
  3529. .test-case > :first-child {
  3530.     margin-top: 0px;
  3531. }
  3532. .test-case > :last-child {
  3533.     margin-bottom: 0px;
  3534. }
  3535. .test-case-title, .test-case-status {
  3536.     font-size: 16px;
  3537.     display: inline;
  3538. }
  3539. .test-case-status{
  3540.     margin-left: 5px;
  3541. }
  3542. .test-case-status.error{
  3543.     color: red;
  3544. }
  3545. .test-case-status.success{
  3546.     color: #449d44;
  3547. }
  3548. .test-case-judge {
  3549.     font-size: 13px;
  3550. }
  3551.  
  3552. /* 差异对比 */
  3553. .output_diff {
  3554.     color: #5d4037;
  3555.     margin: 5px 0px;
  3556.     display: grid;
  3557.     border: 1px solid #bcaaa4;
  3558.     font-size: 13px;
  3559.     font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
  3560.     overflow: auto;
  3561. }
  3562. .output_diff .added {
  3563.     background-color: #c8f7c5;
  3564.     user-select: none;
  3565. }
  3566. .output_diff .removed {
  3567.     background-color: #f7c5c5; 
  3568. }
  3569. .output_diff .diffLine {
  3570.     display: flex;
  3571. }
  3572. .output_diff .diffLine:nth-child(odd) {
  3573.     background-color: #f5f5f5;
  3574. }
  3575. .lineNo {
  3576.     display: flex;
  3577.     align-items: center;
  3578.     justify-content: center;
  3579.     width: 17px;
  3580.     color: #BDBDBD;
  3581.     font-size: 10px;
  3582.     border-right: 1px solid;
  3583.     user-select: none;
  3584. }
  3585. .lineContent {
  3586.     display: grid;
  3587.     width: 100%;
  3588. }
  3589. .lineContent>span {
  3590.     height: 16px;
  3591.     padding-left: 3px;
  3592. }
  3593. .output_no_diff {
  3594.     padding: 5px;
  3595.     border: 1px solid #ddd;
  3596. }
  3597. .diff_note {
  3598.     font-size: 10px;
  3599. }
  3600.  
  3601. /* 网站本地化替换规则标记 */
  3602. .markingTextReplaceRule{
  3603.     color: #FFF3E0;
  3604.     background-color: #FF9800;
  3605. }
  3606.  
  3607. /* SelectPage样式 */
  3608. .sp_input {
  3609.     padding: 4px 6px px !important;
  3610.     height: 20px !important;
  3611.     min-height: 20px !important;
  3612.     line-height: 20px !important;
  3613. }
  3614. div.sp_clear_btn {
  3615.     padding: 0px !important;
  3616. }
  3617.  
  3618. /* 移动设备 */
  3619. @media (max-device-width: 450px) {
  3620.     .ojb_btn{
  3621.         height: 2em;
  3622.         font-size: 1.2em;
  3623.     }
  3624.     .ojb_btn.OJBetter_setting{
  3625.         height: 2.5em;
  3626.         font-size: 1em;
  3627.     }
  3628.     .OJBetter_setting_menu{
  3629.         width: 90%;
  3630.     }
  3631.     .OJBetter_setting_menu label, #darkMode_span, #loaded_span, .OJBetter_setting_menu_label_text,
  3632.     .OJBetter_setting_sidebar li{
  3633.         font-size: 1em;
  3634.     }
  3635.     .translate-problem-statement{
  3636.         font-size: 1.2em;
  3637.     }
  3638.     .OJBetter_modal{
  3639.         font-size: 1.5em;
  3640.     }
  3641.     .OJBetter_setting_list, .translate-problem-statement{
  3642.         padding: 0.5em;
  3643.     }
  3644.     .OJBetter_setting_menu_label_text{
  3645.         height: 2.5em;
  3646.         padding: 0.5em;
  3647.     }
  3648.     #pagBar #jump-input, #pagBar #items-per-page, .OJBetter_modal button{
  3649.         height: 2.5em;
  3650.         font-size: 1em;
  3651.     }
  3652.     .translate-problem-statement p, .translate-problem-statement ul li{
  3653.         line-height: 1.5em !important;
  3654.     }
  3655.     .OJBetter_contextmenu_label_text{
  3656.         height: 3em;
  3657.         font-size: 1em;
  3658.     }
  3659. }
  3660.  
  3661. /* 覆盖网站原本的样式 */
  3662. #footer > div:nth-child(7) {
  3663.     left: 0px !important;
  3664. }
  3665. `);
  3666.  
  3667. /**
  3668.  * 添加一些依赖库和条件加载的css样式
  3669.  */
  3670. function addDependencyStyles() {
  3671.     GM_addStyle(GM_getResourceText("xtermcss"));
  3672.     GM_addStyle(GM_getResourceText("selectpagecss"));
  3673.     // 自定义图标大小
  3674.     GM_addStyle(`
  3675.         .iconfont {
  3676.             font-size: ${OJBetter.preference.iconButtonSize}px;
  3677.         }
  3678.     `);
  3679. }
  3680.  
  3681. /**
  3682.  * 添加包含i18n内容的css样式
  3683.  */
  3684. function addI18nStyles() {
  3685.     GM_addStyle(`
  3686.     /* 加载鼠标悬浮覆盖层css */
  3687.     .overlay::before {
  3688.         content: '';
  3689.         position: absolute;
  3690.         top: 0;
  3691.         left: 0;
  3692.         width: 100%;
  3693.         height: 100%;
  3694.         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);
  3695.         z-index: 100;
  3696.     }
  3697.     .overlay::after {
  3698.         content: '${i18next.t('targetArea', { ns: 'common' })}';
  3699.         position: absolute;
  3700.         top: 50%;
  3701.         left: 50%;
  3702.         transform: translate(-50%, -50%);
  3703.         color: #00695C;
  3704.         font-size: 16px;
  3705.         font-weight: bold;
  3706.         z-index: 100;
  3707.     }
  3708.  
  3709.     .config::before {
  3710.         content: "${i18next.t('common.configManageTitle', { ns: 'settings' })}";
  3711.         display: block;
  3712.         height: 20px;
  3713.         background-color: #f0f8ff;
  3714.         border: 1px solid #c5cae9;
  3715.         border-bottom: 0px;
  3716.         line-height: 20px;
  3717.         padding: 2px 10px;
  3718.         border-radius: 8px 8px 0px 0px;
  3719.         box-sizing: content-box;
  3720.     }
  3721.     .config.missing::before {
  3722.         content: "${i18next.t('common.missing.radio', { ns: 'settings' })}";
  3723.         background-color: #fef0f0;
  3724.         color: #f56c6c;
  3725.         border: 1px solid #fab6b6;
  3726.     }
  3727.     `);
  3728. }
  3729.  
  3730. // ------------------------------
  3731. // 一些工具类
  3732. // ------------------------------
  3733.  
  3734. /**
  3735.  * 自定义错误类，以区分不同的错误类型
  3736.  */
  3737. class OJB_GMError extends Error {
  3738.     constructor(type, message, originalError) {
  3739.         super(message);
  3740.         this.name = 'GMError';
  3741.         this.type = type;
  3742.         this.stack = originalError.stack;
  3743.         Object.assign(this, originalError);
  3744.     }
  3745. }
  3746.  
  3747. /**
  3748.  * 文本块替换/恢复类
  3749.  */
  3750. class TextBlockReplacer {
  3751.     constructor() {
  3752.         /** @type {string[]} 匹配项 */
  3753.         this.matches = [];
  3754.         /** @type {Map<string, string>} 待还原项 */
  3755.         this.replacements = new Map();
  3756.         /** @type {Map<string, string>} 暂时未找到的待还原项 */
  3757.         this.tempReplacements = new Map();
  3758.         /** @type {string} 替换符号 */
  3759.         this.replaceSymbol = OJBetter.translation.replaceSymbol;
  3760.     }
  3761.  
  3762.     /**
  3763.      * 替换文本
  3764.      * @param {string} text 原文本
  3765.      * @param {RegExp} regex 匹配规则
  3766.      * @returns {string} 替换后的文本
  3767.      */
  3768.     replace(text, regex) {
  3769.         this.matches = text.match(regex) || [];
  3770.         try {
  3771.             for (let i = 0; i < this.matches.length; i++) {
  3772.                 const match = this.matches[i];
  3773.                 const id = OJB_getRandomNumber(8);
  3774.                 let replacement = '';
  3775.                 switch (this.replaceSymbol) {
  3776.                     case "1":
  3777.                         replacement = `【${id}】`;
  3778.                         break;
  3779.                     case "2":
  3780.                         replacement = `{${id}}`;
  3781.                         break;
  3782.                     case "3":
  3783.                         replacement = `[${id}]`;
  3784.                         break;
  3785.                     default:
  3786.                         replacement = `【${id}】`;
  3787.                         break;
  3788.                 }
  3789.                 text = text.replace(match, replacement);
  3790.                 this.replacements.set(id, match);
  3791.             }
  3792.         } catch (e) { }
  3793.         return text;
  3794.     }
  3795.  
  3796.  
  3797.     /**
  3798.      * 恢复替换的文本
  3799.      * @param {string} text 还原前的文本
  3800.      * @returns {string} 还原后的文本
  3801.      */
  3802.     recover(text) {
  3803.         let textCopy = text;
  3804.  
  3805.         /**
  3806.          * 替换文本
  3807.          * @param {string} replacement 替换的文本
  3808.          * @param {string} regexPattern 匹配规则
  3809.          * @returns {void}
  3810.          */
  3811.         const replaceText = (replacement, regexPattern) => {
  3812.             const latexMatch = '(?<latex_block>\\$\\$(\\\\.|[^\\$])*?\\$\\$)|(?<latex_inline>\\$(\\\\.|[^\\$])*?\\$)|';
  3813.             const regex = new RegExp(latexMatch + regexPattern, 'g');
  3814.             textCopy = textCopy.replace(regex, (match, ...args) => {
  3815.                 // LaTeX中的不替换
  3816.                 const groups = args[args.length - 1]; // groups是replace方法的最后一个参数
  3817.                 if (groups.latex_block || groups.latex_inline) return match;
  3818.                 // 没有空格则加一个
  3819.                 const offset = args[args.length - 3]; // offset是replace方法的倒数第三个参数
  3820.                 let leftSpace = "", rightSpace = "";
  3821.                 if (!/\s/.test(textCopy[offset - 1])) leftSpace = " ";
  3822.                 if (!/\s/.test(textCopy[offset + match.length])) rightSpace = " ";
  3823.                 return leftSpace + replacement + rightSpace;
  3824.             });
  3825.         };
  3826.  
  3827.         /**
  3828.          * 尝试还原
  3829.          * @param {string} replacement 替换的文本
  3830.          * @param {string} id 替换的 id
  3831.          * @returns {boolean} 是否替换成功
  3832.          */
  3833.         const tryRecover = (replacement, id) => {
  3834.             // 尝试还原，如果还原成功，则从 replacements 中删除
  3835.             const originalText = textCopy;
  3836.             replaceText(replacement, `【\\s*${id}\\s*】|\\[\\s*${id}\\s*\\]|{\\s*${id}\\s*}`); // 替换符完整匹配（考虑了多出空格的情况）
  3837.             replaceText(replacement, `【\\s*${id}(?![】\\d])|(?<![【\\d])${id}\\s*】|\\[\\s*${id}(?![\\]\\d])|(?<![\\[\\d])${id}\\s*\\]|{\\s*${id}(?![}\\d])|(?<![{\\d])${id}\\s*}`); // 替换符部分匹配
  3838.  
  3839.             if (textCopy === originalText) {
  3840.                 // 如果文本没有变化，说明没有找到，加入到 tempReplacements
  3841.                 this.tempReplacements.set(id, replacement);
  3842.                 return false;
  3843.             } else {
  3844.                 // 如果文本变化了，说明找到并成功替换，则删除
  3845.                 this.replacements.delete(id);
  3846.                 this.tempReplacements.delete(id);
  3847.                 return true;
  3848.             }
  3849.         }
  3850.  
  3851.         // 处理 replacements 中的项
  3852.         this.replacements.forEach((replacement, id) => {
  3853.             tryRecover(replacement, id);
  3854.         });
  3855.  
  3856.         // 处理 tempReplacements 中的项
  3857.         while (this.tempReplacements.size > 0) {
  3858.             let found = false;
  3859.             this.tempReplacements.forEach((replacement, id) => {
  3860.                 found = tryRecover(replacement, id) || found;
  3861.             });
  3862.             if (!found) break; // 如果这一轮没有找到任何项，终止循环
  3863.         }
  3864.  
  3865.         // 如果 tempReplacements 还有未找到的项
  3866.         if (this.tempReplacements.size > 0) {
  3867.             console.warn("There are still some replacements not found:", this.tempReplacements);
  3868.         }
  3869.  
  3870.         return textCopy;
  3871.     }
  3872. }
  3873.  
  3874. // ------------------------------
  3875. // 一些工具函数
  3876. // ------------------------------
  3877.  
  3878. /**
  3879.  * 格式化链接格式
  3880.  * @param {string} url 链接字符串
  3881.  * @returns {string} 清理后的链接字符串
  3882.  */
  3883. function OJB_cleanLink(url) {
  3884.     if (url === null || url === undefined) return "";
  3885.  
  3886.     // 替换'http://'为'https://'
  3887.     let cleanUrl = url.replace(/^http:\/\//i, 'https://');
  3888.  
  3889.     // 移除末尾的斜杠
  3890.     cleanUrl = cleanUrl.replace(/\/$/, '');
  3891.  
  3892.     return cleanUrl;
  3893. }
  3894.  
  3895. /**
  3896.  * 深度比较两个对象或数组是否完全相等。
  3897.  * @param {any} a - 第一个比较对象。
  3898.  * @param {any} b - 第二个比较对象。
  3899.  * @returns {boolean} - 如果两个对象或数组深度相等，则返回true，否则返回false。
  3900.  */
  3901. function OJB_deepEquals(a, b) {
  3902.     if (a === b) return true;
  3903.     if (typeof a !== 'object' || a === null || typeof b !== 'object' || b === null) return false;
  3904.     const keysA = Object.keys(a);
  3905.     const keysB = Object.keys(b);
  3906.     if (keysA.length !== keysB.length) return false;
  3907.     for (let key of keysA) {
  3908.         if (!b.hasOwnProperty(key)) return false;
  3909.         if (!OJB_deepEquals(a[key], b[key])) return false;
  3910.     }
  3911.     return true;
  3912. }
  3913.  
  3914. /**
  3915.  * 用于封装需要重试的异步函数
  3916.  * @param {Function} task 需要封装的异步函数
  3917.  * @param {Object} options 配置项
  3918.  * @param {Number} options.maxRetries 重试次数，默认为 5
  3919.  * @param {Number} options.retryInterval 重试时间间隔，默认为 0 毫秒
  3920.  * @param {Function} options.errorHandler 错误处理函数，默认为抛出错误
  3921.  * @param {...any} args task 函数的参数
  3922.  * @returns {Promise} 返回 Promise
  3923.  */
  3924. async function OJB_promiseRetryWrapper(task, {
  3925.     maxRetries = 5,
  3926.     retryInterval = 0,
  3927.     errorHandler = (err) => { throw err }
  3928. } = {}, ...args) {
  3929.     let attemptsLeft = maxRetries;
  3930.     while (attemptsLeft--) {
  3931.         try {
  3932.             return await task(...args);
  3933.         } catch (err) {
  3934.             if (attemptsLeft <= 0) {
  3935.                 return errorHandler(err, maxRetries, attemptsLeft);
  3936.             }
  3937.             if (retryInterval > 0) {
  3938.                 await OJB_delay(retryInterval);
  3939.             }
  3940.         }
  3941.     }
  3942. }
  3943.  
  3944. /**
  3945.  * GM_xmlhttpRequest 的 Promise 封装
  3946.  * @param {Object} options GM_xmlhttpRequest 的参数
  3947.  * @param {Boolean} isStream 是否为流式请求
  3948.  * @returns {Promise<OJB_GMError>} 返回 Promise
  3949.  */
  3950. function OJB_GMRequest(options, isStream = false) {
  3951.     return new Promise((resolve, reject) => {
  3952.         GM_xmlhttpRequest({
  3953.             ...options,
  3954.             ...(isStream ? {
  3955.                 onloadstart: resolve
  3956.             } : {
  3957.                 onload: resolve
  3958.             }),
  3959.             onerror: (error) => reject(new OJB_GMError('error', 'An error occurred during the request.', error)),
  3960.             ontimeout: (error) => reject(new OJB_GMError('timeout', 'The request timed out.', error)),
  3961.             onabort: (error) => reject(new OJB_GMError('abort', 'The request was aborted.', error)),
  3962.         });
  3963.     });
  3964. }
  3965.  
  3966. /**
  3967.  * 获取cookie
  3968.  * @param {string} name cookie名称
  3969.  * @returns {string} cookie值
  3970.  */
  3971. function OJB_getCookie(name) {
  3972.     const cookies = document.cookie.split(";");
  3973.     for (let i = 0; i < cookies.length; i++) {
  3974.         const cookie = cookies[i].trim();
  3975.         const [cookieName, cookieValue] = cookie.split("=");
  3976.  
  3977.         if (cookieName === name) {
  3978.             return decodeURIComponent(cookieValue);
  3979.         }
  3980.     }
  3981.     return "";
  3982. }
  3983.  
  3984. /**
  3985.  * 检查是否仍在同一浏览器会话中
  3986.  * @param {string} sessionKey - 会话键名，用于标识会话
  3987.  * @returns {boolean} - 如果在当前会话中之前已经设置过这个键，则返回true，否则返回false
  3988.  */
  3989. function OJB_isSameBrowserSession(sessionKey) {
  3990.     const fullCookieName = `OJB_Session_${sessionKey}`;
  3991.     const sessionValue = OJB_getCookie(fullCookieName);
  3992.     if (sessionValue === "") {
  3993.         document.cookie = `${fullCookieName}=true; path=/`;
  3994.         return false;
  3995.     }
  3996.     return true;
  3997. }
  3998.  
  3999. /**
  4000.  * 随机数生成
  4001.  * @param {number} numDigits 位数
  4002.  * @returns {number}
  4003.  */
  4004. function OJB_getRandomNumber(numDigits) {
  4005.     let min = Math.pow(10, numDigits - 1);
  4006.     let max = Math.pow(10, numDigits) - 1;
  4007.     return Math.floor(Math.random() * (max - min + 1)) + min;
  4008. }
  4009.  
  4010. /**
  4011.  * 防抖函数
  4012.  * @param {Function} callback 回调函数
  4013.  * @returns {Function}
  4014.  */
  4015. function OJB_debounce(callback) {
  4016.     let timer;
  4017.     let immediateExecuted = false;
  4018.     const delay = 500;
  4019.     return function () {
  4020.         clearTimeout(timer);
  4021.         if (!immediateExecuted) { callback.call(this); immediateExecuted = true; }
  4022.         timer = setTimeout(() => { immediateExecuted = false; }, delay);
  4023.     };
  4024. }
  4025.  
  4026. /**
  4027.  * 为元素添加鼠标拖拽支持
  4028.  * @param {JQuery<HTMLElement>} element 要添加拖拽支持的元素
  4029.  * @returns {void}
  4030.  */
  4031. function OJB_addDraggable(element) {
  4032.     let isDragging = false;
  4033.     let x, y, l, t, nl, nt;
  4034.     let isSpecialMouseDown = false; // 选取某些元素时不拖动
  4035.  
  4036.     element.on('mousedown', function (e) {
  4037.         isSpecialMouseDown = $(e.target).is('label, p, input, textarea, span, select, details, summary');
  4038.         if (isSpecialMouseDown) return;
  4039.  
  4040.         isDragging = true;
  4041.         x = e.clientX;
  4042.         y = e.clientY;
  4043.         l = element.offset().left - $(window).scrollLeft();
  4044.         t = element.offset().top - $(window).scrollTop();
  4045.  
  4046.         element.css({ left: l + 'px', top: t + 'px', transform: 'none' });
  4047.  
  4048.         $(document).on("mousemove", drag);
  4049.         $(document).on("mouseup", stopDrag);
  4050.         element.css('cursor', 'all-scroll');
  4051.     });
  4052.  
  4053.     const drag = (e) => {
  4054.         if (!isDragging) return;
  4055.         // 不执行拖动操作
  4056.         if ($(e.target).is('label, p, input, textarea, span') || isSpecialMouseDown && !$(e.target).is('input, textarea')) return;
  4057.         e.preventDefault();
  4058.  
  4059.         const nx = e.clientX;
  4060.         const ny = e.clientY;
  4061.         nl = nx - (x - l);
  4062.         nt = ny - (y - t);
  4063.         element.css({ transform: `translate(${nx - x}px, ${ny - y}px)` });
  4064.     };
  4065.  
  4066.     const stopDrag = () => {
  4067.         isDragging = false;
  4068.         isSpecialMouseDown = false;
  4069.         element.css('cursor', 'default');
  4070.  
  4071.         // 在停止拖拽后，设置元素的left和top，并还原transform
  4072.         element.css({ left: nl + 'px', top: nt + 'px', transform: 'none' });
  4073.         $(document).off("mousemove", drag);
  4074.         $(document).off("mouseup", stopDrag);
  4075.     };
  4076. }
  4077.  
  4078. /**
  4079.  * 切换元素的折叠/展开过渡动画
  4080.  * @param {HTMLElement} element
  4081.  */
  4082. function OJB_toggleCollapseExpand(element) {
  4083.     // 设置transitionend事件监听器的函数
  4084.     const setTransitionListener = (listener) => {
  4085.         const listenerName = `transitionEndListener${Date.now()}`;
  4086.         window[listenerName] = listener;
  4087.         element.addEventListener('transitionend', listener);
  4088.         element.setAttribute('data-transition-end-listener', listenerName);
  4089.     };
  4090.  
  4091.     // 移除事件监听器的函数
  4092.     const removeTransitionListener = () => {
  4093.         const transitionEndListenerName = element.getAttribute('data-transition-end-listener');
  4094.         if (transitionEndListenerName) {
  4095.             element.removeEventListener('transitionend', window[transitionEndListenerName]);
  4096.             element.removeAttribute('data-transition-end-listener');
  4097.         }
  4098.     };
  4099.  
  4100.     const collapsed = element.getAttribute('data-collapsed') === 'true';
  4101.     const sectionHeight = element.scrollHeight;
  4102.  
  4103.     // 移除事件监听器
  4104.     removeTransitionListener();
  4105.  
  4106.     // 设置初始样式
  4107.     element.style.overflow = 'hidden';
  4108.     element.style.transition = 'height 0.3s ease-out 0s';
  4109.     element.style.height = collapsed ? `0px` : `${sectionHeight}px`;
  4110.     element.style.opacity = collapsed ? '' : '1';
  4111.  
  4112.     // 需要立即开始动画
  4113.     requestAnimationFrame(() => {
  4114.         // 设置结束样式
  4115.         element.style.height = collapsed ? `${sectionHeight}px` : `0px`;
  4116.     });
  4117.  
  4118.     const transitionEndListener = (event) => {
  4119.         if (event.propertyName === 'height') {
  4120.             if (collapsed) {
  4121.                 // 展开后的设置
  4122.                 element.style.height = '';
  4123.                 element.style.overflow = '';
  4124.             } else {
  4125.                 // 折叠后的设置
  4126.                 element.style.opacity = '0';
  4127.             }
  4128.             removeTransitionListener();
  4129.         }
  4130.     };
  4131.  
  4132.     setTransitionListener(transitionEndListener);
  4133.  
  4134.     // 更新data-collapsed属性
  4135.     element.setAttribute('data-collapsed', collapsed ? 'false' : 'true');
  4136. }
  4137.  
  4138. /**
  4139.  * 获取外部JSON并转换为Object
  4140.  * @param {string} url JSON Url
  4141.  * @param {boolean} [nacache=true] 是否不使用缓存
  4142.  * @returns {Promise<Object>} JSON Object
  4143.  */
  4144. async function OJB_getExternalJSON(url, nacache = true) {
  4145.     const response = await OJB_GMRequest({
  4146.         method: "GET",
  4147.         url: url,
  4148.         nocache: nacache
  4149.     });
  4150.     try {
  4151.         return JSON.parse(response.responseText);
  4152.     } catch (e) {
  4153.         throw new Error(`JSON parse error\n${e}`);
  4154.     }
  4155. }
  4156.  
  4157. /**
  4158.  * 创建确认对话框dialog
  4159.  * @param {string} title 标题
  4160.  * @param {string} content 内容
  4161.  * @param {string[]} buttons 按钮 (取消 确定) 可以为null
  4162.  * @param {boolean} renderMarkdown 是否使用markdown渲染文本
  4163.  * @returns {Promise<boolean>} 用户点击了确定按钮返回true, 否则返回false
  4164.  */
  4165. function OJB_createDialog(title, content, buttons, renderMarkdown = false) {
  4166.     return new Promise(resolve => {
  4167.         let contentHtml = content;
  4168.  
  4169.         if (renderMarkdown) {
  4170.             const md = window.markdownit();
  4171.             contentHtml = md.render(content);
  4172.         }
  4173.  
  4174.         const dialog = OJB_safeCreateJQElement(`
  4175.         <dialog class="OJBetter_modal">
  4176.             <h2>${title}</h2>
  4177.             <div class="content">${contentHtml}</div>
  4178.         </dialog>
  4179.         `);
  4180.         const buttonbox = OJB_safeCreateJQElement(`<div class="buttons"></div>`);
  4181.         const cancelButton = OJB_safeCreateJQElement(`<button class="cancelButton">${buttons[0]}</button>`)
  4182.             .addClass("secondary");
  4183.         const continueButton = OJB_safeCreateJQElement(`<button class="continueButton">${buttons[1]}</button>`);
  4184.         if (buttons[0] !== null) buttonbox.append(cancelButton);
  4185.         if (buttons[1] !== null) buttonbox.append(continueButton);
  4186.         dialog.append(buttonbox);
  4187.         $('body').before(dialog);
  4188.  
  4189.         OJB_showModal(dialog);
  4190.         OJB_addDraggable(dialog);
  4191.  
  4192.         continueButton.click(function () {
  4193.             OJB_closeAndRemoveModal(dialog);
  4194.             resolve(true);
  4195.         });
  4196.  
  4197.         cancelButton.click(function () {
  4198.             OJB_closeAndRemoveModal(dialog);
  4199.             resolve(false);
  4200.         });
  4201.     });
  4202. }
  4203.  
  4204. /**
  4205.  * 显示模态对话框并阻止页面滚动，同时考虑滚动条宽度变化和原始marginRight
  4206.  * @param {JQuery<HTMLElement>} element
  4207.  */
  4208. function OJB_showModal(element) {
  4209.     const dialog = element.get(0);
  4210.     dialog.showModal();
  4211.     OJBetter.state.openDialogCount++;
  4212.  
  4213.     if (OJBetter.state.openDialogCount === 1) {
  4214.         const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;
  4215.         // 获取原始的html marginRight，考虑到可能的非数字值，比如auto
  4216.         const originalMarginRight = window.getComputedStyle(document.documentElement).marginRight;
  4217.         const marginRightValue = parseFloat(originalMarginRight) || 0; // 将非数字值转换为0
  4218.  
  4219.         if (scrollbarWidth > 0) {
  4220.             // 保存原始的marginRight，并设置新的值以补偿滚动条宽度
  4221.             document.documentElement.style.setProperty('--original-margin-right', originalMarginRight);
  4222.             document.documentElement.style.marginRight = `${marginRightValue + scrollbarWidth}px`;
  4223.         }
  4224.  
  4225.         // 保存原始的overflow样式
  4226.         document.documentElement.setAttribute('data-original-overflow', document.documentElement.style.overflow);
  4227.         document.documentElement.style.overflow = 'hidden';
  4228.     }
  4229.  
  4230.     const allowScrollIfNeeded = () => {
  4231.         OJBetter.state.openDialogCount--;
  4232.         if (OJBetter.state.openDialogCount === 0) {
  4233.             // 恢复原始的html marginRight和overflow样式
  4234.             const originalMarginRight = document.documentElement.style.getPropertyValue('--original-margin-right');
  4235.             document.documentElement.style.marginRight = originalMarginRight;
  4236.             document.documentElement.style.removeProperty('--original-margin-right');
  4237.  
  4238.             const originalOverflow = document.documentElement.getAttribute('data-original-overflow');
  4239.             document.documentElement.style.overflow = originalOverflow;
  4240.             document.documentElement.removeAttribute('data-original-overflow');
  4241.         }
  4242.     };
  4243.  
  4244.     dialog.addEventListener('close', allowScrollIfNeeded);
  4245. }
  4246.  
  4247. /**
  4248.  * 关闭并移除模态对话框
  4249.  * @param {JQuery<HTMLElement>} element
  4250.  */
  4251. function OJB_closeAndRemoveModal(element) {
  4252.     const dialog = element.get(0);
  4253.     dialog.close();
  4254.     dialog.remove();
  4255. }
  4256.  
  4257. /**
  4258.  * 关闭并移除模态对话框
  4259.  * @param {JQuery<HTMLElement>} element
  4260.  */
  4261. function OJB_closeModal(element) {
  4262.     const dialog = element.get(0);
  4263.     dialog.close();
  4264. }
  4265.  
  4266. /**
  4267.  * 清除i18next的缓存数据并刷新
  4268.  */
  4269. function clearI18nextCache() {
  4270.     Object.keys(localStorage)
  4271.         .filter(key => key.startsWith('i18next_res_'))
  4272.         .forEach(key => localStorage.removeItem(key));
  4273.     window.location.reload();
  4274. }
  4275.  
  4276. /**
  4277.  * 清除网站本地化数据
  4278.  */
  4279. async function clearWebsiteL10nData() {
  4280.     OJBetter.common.database.localizeSubsData.clear().then(() => {
  4281.         console.log('localizeSubsData table has been cleared');
  4282.         window.location.reload();
  4283.     }).catch((error) => {
  4284.         console.error('Failed to clear localizeSubsData table:', error);
  4285.     });
  4286. }
  4287.  
  4288. /**
  4289.  * 从Pre代码块中获取原始代码
  4290.  * @param {HTMLElement} element pre代码块元素
  4291.  * @returns {string|null} 代码文本
  4292.  */
  4293. function OJB_getCodeFromPre(element) {
  4294.     /**
  4295.      * 从Ace格式化的代码块中获取原始代码
  4296.      * @param {HTMLElement} element pre代码块元素
  4297.      * @returns {string} 代码文本
  4298.      */
  4299.     const getCodeFromAcePre = function (element) {
  4300.         const editor = ace.edit(element);
  4301.         return editor.getValue();
  4302.     }
  4303.  
  4304.     /**
  4305.      * 从Pretty格式化的代码块中获取原始代码-1
  4306.      * 代码直接存放在 pre 元素中
  4307.      * @param {HTMLElement} element pre代码块元素
  4308.      * @returns {string} 代码文本
  4309.      */
  4310.     const getCodeFromPrettyPre = function (element) {
  4311.         return Array.from(element.querySelectorAll('li')).map(function (li) {
  4312.             return li.textContent;
  4313.         }).join('\n');
  4314.     }
  4315.  
  4316.     /**
  4317.      * 从Pretty格式化的代码块中获取原始代码-2
  4318.      * 代码存放在子元素 code 中
  4319.      * @param {HTMLElement} element pre代码块元素
  4320.      * @returns {string} 代码文本
  4321.      */
  4322.     const getCodeFromPreChild = function (element) {
  4323.         const code = element.querySelector("code.prettyprint");
  4324.         if (code.classList.contains("linenums")) {
  4325.             return getCodeFromPrettyPre(element);
  4326.         } else {
  4327.             return element.querySelector("code.prettyprint").textContent;
  4328.         }
  4329.     }
  4330.  
  4331.     if (element.id === "submission-code") {
  4332.         return getCodeFromAcePre(element);
  4333.     } else if (element.classList.contains("prettyprint")) {
  4334.         return getCodeFromPrettyPre(element);
  4335.     } else if (element.querySelector("code.prettyprint")) {
  4336.         return getCodeFromPreChild(element);
  4337.     } else {
  4338.         return null;
  4339.     }
  4340. }
  4341.  
  4342. /**
  4343.  * 判断代码的语言
  4344.  * @param {string} code 代码文本
  4345.  * @returns {string} 可能的语言
  4346.  */
  4347. function OJB_codeLangDetect(code) {
  4348.     result = hljs.highlightAuto(code);
  4349.     return result.language;
  4350. }
  4351.  
  4352. /**
  4353.  * 获取指定命名空间下的所有i18n翻译键值对。
  4354.  * 
  4355.  * @param {string} namespace - 要获取键值对的i18next命名空间。
  4356.  * @returns {Map<string, string>} 一个包含命名空间下所有键值对的Map对象。
  4357.  */
  4358. function OJB_getAllI18nKeysForNamespace(namespace) {
  4359.     const language = i18next.language; // 获取当前语言
  4360.     const resources = i18next.store.data[language]; // 获取当前语言的所有资源
  4361.     const nsResources = resources[namespace]; // 获取特定命名空间的资源
  4362.     const resultMap = new Map();
  4363.  
  4364.     if (nsResources) {
  4365.         // 遍历命名空间下的所有键值对，并添加到Map中
  4366.         Object.keys(nsResources).forEach(key => {
  4367.             resultMap.set(key, nsResources[key]);
  4368.         });
  4369.     } else {
  4370.         console.log(`No resources found for namespace "${namespace}"`);
  4371.     }
  4372.  
  4373.     return resultMap;
  4374. }
  4375.  
  4376. /**
  4377.  * 更新检查
  4378.  */
  4379. async function checkScriptVersion() {
  4380.     try {
  4381.         const versionResponse = await OJB_GMRequest({
  4382.             method: "GET",
  4383.             url: "https://aowuucdn.oss-accelerate.aliyuncs.com/script/versions.json",
  4384.             timeout: 10 * 1e3,
  4385.             nocache: true
  4386.         });
  4387.         const versionData = JSON.parse(versionResponse.responseText);
  4388.         const { [OJBetter.state.formatName]: { dev: version_dev, release: version_release } } = versionData;
  4389.         const baseUrls = {
  4390.             greasyfork: 'https://update.greasyfork.org/scripts/465777/Codeforces%20Better%21.user.js',
  4391.             github: `https://github.com/beijixiaohu/OJBetter/raw/main/script/${OJBetter.about.updateChannel}/${OJBetter.state.formatName}.user.js`,
  4392.             aliyunoss: `https://aowuucdn.oss-accelerate.aliyuncs.com/script/${OJBetter.about.updateChannel}/${OJBetter.state.formatName}.user.js`
  4393.         };
  4394.         /** @type {string} 更新跳转url */
  4395.         const updateUrl = baseUrls[OJBetter.about.updateSource];
  4396.         /** @type {string} 是否暂时跳过cookie */
  4397.         const skipUpdate = OJB_getCookie("skipUpdate");
  4398.         /** @type {string} 当前更新频道的最新版本 */
  4399.         const version = OJBetter.about.updateChannel == "release" ? version_release : version_dev;
  4400.         if (OJB_compareVersions(version, OJBetter.state.version) === 1 && skipUpdate !== "true") {
  4401.             const updateConfirmed = await OJB_createDialog(
  4402.                 i18next.t('update.title', { ns: 'dialog', scriptName: OJBetter.state.name }),
  4403.                 i18next.t('update.content', { ns: 'dialog', oldVersion: OJBetter.state.version, newVersion: version }),
  4404.                 [
  4405.                     i18next.t('update.buttons.0', { ns: 'dialog' }),
  4406.                     i18next.t('update.buttons.1', { ns: 'dialog' })
  4407.                 ],
  4408.                 true
  4409.             );
  4410.  
  4411.             if (updateConfirmed) {
  4412.                 window.location.href = updateUrl;
  4413.             } else {
  4414.                 document.cookie = "skipUpdate=true; path=/";
  4415.             }
  4416.         }
  4417.     } catch (error) {
  4418.         console.error("Update check failed: ", error);
  4419.     }
  4420. }
  4421.  
  4422. /**
  4423.  * 公告
  4424.  */
  4425. async function showAnnounce() {
  4426.     /** @type {string} 最新公告版本*/
  4427.     const lastAnnounceVer = i18next.t('lastVersion', { ns: 'announce' });
  4428.     if (OJB_compareVersions(OJBetter.state.version, OJBetter.state.lastAnnounceVer) === 1) {
  4429.         const title = `🎉${i18next.t('announce.title', { ns: 'dialog' })} ${OJBetter.state.version}`;
  4430.         /** @type {Boolean} 是否是新的公告 */
  4431.         const isNewAnnounceVer = OJB_compareVersions(lastAnnounceVer, OJBetter.state.lastReadAnnounceVer) === 1;
  4432.         /** @type {Boolean} 是否展示新的公告(高于当前版本的测试公告不展示) */
  4433.         const showNewAnnounceVer = OJB_compareVersions(lastAnnounceVer, OJBetter.state.version) !== 1;
  4434.         /**
  4435.          * 获取公告的内容
  4436.          * @returns {string} 公告内容
  4437.          */
  4438.         const getAnnounceContent = function () {
  4439.             // 获取公告
  4440.             const announceMap = OJB_getAllI18nKeysForNamespace('announce');
  4441.             // 移除 'lastVersion' 键
  4442.             announceMap.delete('lastVersion');
  4443.             // 将 Map 转换为数组并根据版本号排序
  4444.             const sortedVersions = [...announceMap.keys()].sort(OJB_compareVersions).reverse();
  4445.             let content = "";
  4446.             sortedVersions.forEach(version => {
  4447.                 content += `### ${version}\n\n`; // 使用版本号作为标题
  4448.                 content += announceMap.get(version); // 添加对应版本的公告内容
  4449.                 content += "\n\n";
  4450.             });
  4451.  
  4452.             return content;
  4453.         };
  4454.  
  4455.         const content = (() => {
  4456.             if (isNewAnnounceVer && showNewAnnounceVer) {
  4457.                 return `${i18next.t('announce.prefix', { ns: 'dialog' })}\n\n${getAnnounceContent()}`;
  4458.             } else {
  4459.                 return i18next.t('announce.divContent', { ns: 'dialog' });
  4460.             }
  4461.         })();
  4462.         const ok = await OJB_createDialog(
  4463.             title,
  4464.             content,
  4465.             [
  4466.                 null,
  4467.                 i18next.t('announce.buttons.0', { ns: 'dialog' })
  4468.             ],
  4469.             true
  4470.         ); //跳过折叠块确认
  4471.         if (ok) {
  4472.             if (isNewAnnounceVer && showNewAnnounceVer) {
  4473.                 GM_setValue('lastReadAnnounceVer', lastAnnounceVer);
  4474.             }
  4475.             GM_setValue('lastAnnounceVer', OJBetter.state.version);
  4476.         }
  4477.     }
  4478. };
  4479.  
  4480. /**
  4481.  * 页面顶部提示信息alert类
  4482.  */
  4483. class LoadingMessage {
  4484.     constructor() {
  4485.         this._statusElement = null;
  4486.         this._isDisplayed = false;
  4487.         this.init();
  4488.     }
  4489.  
  4490.     /**
  4491.      * 初始化加载提示信息
  4492.      */
  4493.     init() {
  4494.         this._statusElement = this.createStatusElement();
  4495.         this.insertStatusElement();
  4496.     }
  4497.  
  4498.     /**
  4499.      * 创建提示信息元素
  4500.      */
  4501.     createStatusElement() {
  4502.         const statusElement = $("<div></div>").addClass("alert OJBetter_alert")
  4503.             .css({
  4504.                 "margin": "1em",
  4505.                 "text-align": "center",
  4506.                 "position": "relative"
  4507.             }).hide();
  4508.         return statusElement;
  4509.     }
  4510.  
  4511.     /**
  4512.      * 插入提示信息
  4513.      * @returns {void}
  4514.      */
  4515.     insertStatusElement() {
  4516.         (OJBetter.typeOfPage.is_mSite ? $("header") : $(".menu-box:first").next()).after(this._statusElement);
  4517.     }
  4518.  
  4519.     /**
  4520.      * 显示提示信息
  4521.      */
  4522.     showStatus() {
  4523.         this._statusElement.show();
  4524.         this._isDisplayed = true;
  4525.     }
  4526.  
  4527.     /**
  4528.      * 隐藏提示信息
  4529.      */
  4530.     hideStatus() {
  4531.         this._statusElement.fadeOut(500);
  4532.         this._isDisplayed = false;
  4533.     }
  4534.  
  4535.     /**
  4536.      * 移除提示信息
  4537.      */
  4538.     removeStatus() {
  4539.         this._statusElement.remove();
  4540.         this._isDisplayed = false;
  4541.     }
  4542.  
  4543.     /**
  4544.      * 更新提示信息
  4545.      * @param {string} text 提示信息文本
  4546.      * @param {string} type 提示信息类型，可选值：info, success, warning, error
  4547.      * @param {number} timeout 提示信息显示的持续时间（毫秒）, 默认为无限长
  4548.      */
  4549.     updateStatus(text, type = 'info', timeout = Infinity, isMarkdown = false) {
  4550.         if (isMarkdown) {
  4551.             let md = window.markdownit({
  4552.                 html: !is_escapeHTML,
  4553.             });
  4554.             text = md.render(text);
  4555.         }
  4556.         this._statusElement.html(text).removeClass("alert-info alert-success alert-warning alert-error").addClass(`alert-${type}`);
  4557.         if (!this._isDisplayed) {
  4558.             this.showStatus();
  4559.         }
  4560.         if (timeout !== Infinity) {
  4561.             setTimeout(() => {
  4562.                 this.hideStatus();
  4563.             }, timeout);
  4564.         }
  4565.     }
  4566. }
  4567.  
  4568. /**
  4569.  * 获取网站本地化的数据
  4570.  * @param {*} localizationLanguage 本地化语言
  4571.  * @returns {Promise<Object>} 本地化数据
  4572.  */
  4573. async function getLocalizeWebsiteJson(localizationLanguage) {
  4574.     let data = await OJBetter.common.database.localizeSubsData.get(localizationLanguage);
  4575.     let url = localizationLanguage === "zh" ?
  4576.         `https://aowuucdn.oss-accelerate.aliyuncs.com/resources/subs/${OJBetter.state.formatName}.json` :
  4577.         `https://aowuucdn.oss-accelerate.aliyuncs.com/i18n/${localizationLanguage}/resources/subs/${OJBetter.state.formatName}.json`;
  4578.     if (data) data = data.data;
  4579.     if (!data) {
  4580.         // 如果本地没有数据，从远端获取并保存
  4581.         data = await OJB_getExternalJSON(url);
  4582.         await OJBetter.common.database.localizeSubsData.put({ lang: localizationLanguage, data: data });
  4583.     } else {
  4584.         // 如果本地有数据，检查是否已经在当前会话中尝试过更新
  4585.         const sessionKey = `ojb_updateL10nWebsiteJson_${localizationLanguage}`;
  4586.         if (!OJB_isSameBrowserSession(sessionKey)) {
  4587.             // 如果尚未更新，则在后台更新
  4588.             (async () => {
  4589.                 try {
  4590.                     const newData = await OJB_getExternalJSON(url);
  4591.                     await OJBetter.common.database.localizeSubsData.put({ lang: localizationLanguage, data: newData });
  4592.                     console.log("Website local data has been refreshed!");
  4593.                 } catch (error) {
  4594.                     console.error('Failed to update localization data:', error);
  4595.                 }
  4596.             })();
  4597.         }
  4598.     }
  4599.     return data;
  4600. }
  4601.  
  4602. /**
  4603.  * 网站本地化替换
  4604.  * @returns 
  4605.  */
  4606. async function localizeWebsite() {
  4607.     if (OJBetter.localization.websiteLang === "initial") return;
  4608.  
  4609.     // 设置网页语言
  4610.     var htmlTag = document.getElementsByTagName("html")[0];
  4611.     htmlTag.setAttribute("lang", OJBetter.localization.websiteLang);
  4612.  
  4613.     // 获取网站本地化的数据
  4614.     var subs = await getLocalizeWebsiteJson(OJBetter.localization.websiteLang);
  4615.  
  4616.     /**
  4617.      * 文本节点遍历替换
  4618.      * @param {JQuery} $nodes jQuery对象
  4619.      * @param {Object} textReplaceRules 文本替换规则对象
  4620.      * @param {string} key 应用的规则集的名字
  4621.      */
  4622.     const traverseTextNodes = ($nodes, textReplaceRules, key) => {
  4623.         if (!$nodes) return;
  4624.  
  4625.         $nodes.each((_, node) => {
  4626.             if (node.nodeType === Node.TEXT_NODE) {
  4627.                 Object.entries(textReplaceRules).forEach(([match, replace]) => {
  4628.                     try {
  4629.                         const regex = new RegExp(match, 'g');
  4630.                         const beforeText = node.textContent;
  4631.                         node.textContent = node.textContent.replace(regex, replace);
  4632.                         if (node.textContent !== beforeText && OJBetter.dev.isRuleMarkingEnabled) {
  4633.                             $(node).after(`<span class="markingTextReplaceRule">${key}</span>`);
  4634.                         }
  4635.                     } catch (error) {
  4636.                         console.error(`Error processing text replacement for match: ${match}`, error);
  4637.                     }
  4638.                 });
  4639.             } else {
  4640.                 $(node).contents().each((_, childNode) => {
  4641.                     traverseTextNodes($(childNode), textReplaceRules, key);
  4642.                 });
  4643.             }
  4644.         });
  4645.     };
  4646.  
  4647.     /**
  4648.      * value替换
  4649.      * @param {JQuery} $nodes jQuery对象
  4650.      * @param {Object} valueReplaceRules 值替换规则对象
  4651.      * @param {string} key 应用的规则集的名字
  4652.      */
  4653.     function traverseValueNodes($nodes, valueReplaceRules, key) {
  4654.         if (!$nodes) return;
  4655.  
  4656.         $nodes.each(function () {
  4657.             let $node = $(this);
  4658.             if ($node.is('[value]')) {
  4659.                 Object.keys(valueReplaceRules).forEach(match => {
  4660.                     const replace = valueReplaceRules[match];
  4661.                     const regex = new RegExp(match, 'g');
  4662.                     let currentValue = $node.val();
  4663.                     let newValue = currentValue.replace(regex, replace);
  4664.                     $node.val(newValue);
  4665.                     if (OJBetter.dev.isRuleMarkingEnabled) {
  4666.                         if (newValue !== currentValue) $($node).after(`<span class="markingTextReplaceRule">${key}</span>`);
  4667.                     }
  4668.                 });
  4669.             } else {
  4670.                 $node.children().each(function () {
  4671.                     traverseValueNodes($(this), valueReplaceRules, key);
  4672.                 });
  4673.             }
  4674.         });
  4675.     }
  4676.  
  4677.     /**
  4678.      * 严格的文本节点遍历替换
  4679.      * 要求被替换文本严格与规则文本一致
  4680.      * @param {JQuery} $nodes jQuery对象
  4681.      * @param {Object} textReplaceRules 文本替换规则对象
  4682.      * @param {string} key 应用的规则集的名字
  4683.      */
  4684.     const strictTraverseTextNodes = ($nodes, textReplaceRules, key) => {
  4685.         if (!$nodes) return;
  4686.  
  4687.         $nodes.each((_, node) => {
  4688.             if (node.nodeType === Node.TEXT_NODE) {
  4689.                 const trimmedNodeText = node.textContent.trim();
  4690.                 for (const [match, replacement] of Object.entries(textReplaceRules)) {
  4691.                     if (trimmedNodeText === match) {
  4692.                         const beforeText = node.textContent;
  4693.                         node.textContent = replacement;
  4694.                         if (node.textContent !== beforeText && OJBetter.dev.isRuleMarkingEnabled) {
  4695.                             $(node).after(`<span class="markingTextReplaceRule">${key}</span>`);
  4696.                         }
  4697.                     }
  4698.                 }
  4699.             } else {
  4700.                 $(node).contents().each((_, childNode) => {
  4701.                     strictTraverseTextNodes($(childNode), textReplaceRules, key);
  4702.                 });
  4703.             }
  4704.         });
  4705.     };
  4706.  
  4707.     /**
  4708.      * 应用文本替换
  4709.      */
  4710.     let commonReplacements = subs.commonReplacements;
  4711.     Object.entries(commonReplacements).forEach(([key, value]) => {
  4712.         const classSelectors = Array.isArray(value.class) ? value.class : [value.class]; // 兼容，class的值可以为数组或者字符串
  4713.         classSelectors.forEach(classSelector => {
  4714.             if (value.isStrict) {
  4715.                 strictTraverseTextNodes(OJB_safeCreateJQElement(`${classSelector}`), value.rules, key);
  4716.             } else {
  4717.                 traverseTextNodes(OJB_safeCreateJQElement(`${classSelector}`), value.rules, key);
  4718.             }
  4719.         });
  4720.     });
  4721.  
  4722.     /**
  4723.      * 应用value替换
  4724.      */
  4725.     let InputValueReplacements = subs.InputValueReplacements;
  4726.     Object.entries(InputValueReplacements).forEach(([key, value]) => {
  4727.         const classSelectors = Array.isArray(value.class) ? value.class : [value.class];
  4728.         classSelectors.forEach(classSelector => {
  4729.             traverseValueNodes(OJB_safeCreateJQElement(`${classSelector}`), value.rules, key);
  4730.         });
  4731.     });
  4732.  
  4733.     /**
  4734.      * 动态添加的文本的替换
  4735.      */
  4736.     let dynamicReplacements = subs.dynamicReplacements;
  4737.     Object.entries(dynamicReplacements).forEach(([key, value]) => {
  4738.         const classSelectors = Array.isArray(value.class) ? value.class : [value.class]; // 兼容，class的值可以为数组或者字符串
  4739.         classSelectors.forEach(classSelector => {
  4740.             OJB_observeElement({
  4741.                 selector: classSelector,
  4742.                 callback: (node) => {
  4743.                     // let popupContent = node.textContent.replace(/^×/, ''); // 去除开头多余的 '×' 字符
  4744.                     if (value.isStrict) {
  4745.                         strictTraverseTextNodes(OJB_safeCreateJQElement(`${classSelector}`), value.rules, key);
  4746.                     } else {
  4747.                         traverseTextNodes(OJB_safeCreateJQElement(`${classSelector}`), value.rules, key);
  4748.                     }
  4749.                 }
  4750.             });
  4751.         });
  4752.     });
  4753.  
  4754.     // 杂项
  4755.     (function () {
  4756.         // 选项汉化input[type="radio"]
  4757.         var translations = {
  4758.             "as individual participant": "个人",
  4759.             "as a team member": "作为一个团队成员",
  4760.         };
  4761.         $('input[type="radio"]').each(function () {
  4762.             var tag = $(this).parent().contents().filter(function () {
  4763.                 return this.nodeType === Node.TEXT_NODE;
  4764.             });
  4765.             for (var i = 0; i < tag.length; i++) {
  4766.                 var text = tag[i].textContent.trim();
  4767.                 if (translations.hasOwnProperty(text)) {
  4768.                     $(this).addClass(text);
  4769.                     tag[i].replaceWith(translations[text]);
  4770.                     break;
  4771.                 }
  4772.             }
  4773.         });
  4774.     })();
  4775.     (function () {
  4776.         var translations = {
  4777.             "(standard input\/output)": "标准输入/输出",
  4778.         };
  4779.         $("div.notice").each(function () {
  4780.             var tag = $(this).children().eq(0).text();
  4781.             for (var property in translations) {
  4782.                 if (tag.match(property)) {
  4783.                     $(this).children().eq(0).text(translations[property]);
  4784.                     break;
  4785.                 }
  4786.             }
  4787.         });
  4788.     })();
  4789.  
  4790.     // 轻量站特殊
  4791.     if (OJBetter.typeOfPage.is_mSite) {
  4792.         traverseTextNodes($('nav'), commonReplacements['.second-level-menu']['rules']);
  4793.     }
  4794.     if (OJBetter.typeOfPage.is_mSite) {
  4795.         (function () {
  4796.             var translations = {
  4797.                 "Announcements": "公告",
  4798.                 "Submissions": "提交记录",
  4799.                 "Contests": "比赛",
  4800.             };
  4801.             $(".caption").each(function () {
  4802.                 var optionValue = $(this).text();
  4803.                 if (translations[optionValue]) {
  4804.                     $(this).text(translations[optionValue]);
  4805.                 }
  4806.             });
  4807.         })();
  4808.     }
  4809. };
  4810.  
  4811. /**
  4812.  * i18next初始化
  4813.  */
  4814. async function initI18next() {
  4815.     return new Promise((resolve, reject) => {
  4816.         i18next
  4817.             .use(i18nextChainedBackend)
  4818.             .init({
  4819.                 lng: OJBetter.localization.scriptLang,
  4820.                 ns: ['common', 'settings', 'config', 'dialog', 'alert', 'translator',
  4821.                     'button', 'codeEditor', 'comments', 'announce', 'logMessage'], // 命名空间列表
  4822.                 defaultNS: 'settings',
  4823.                 fallbackLng: ['zh', OJBetter.translation.targetLang],
  4824.                 load: 'currentOnly',
  4825.                 debug: false,
  4826.                 backend: {
  4827.                     backends: [
  4828.                         i18nextLocalStorageBackend,
  4829.                         i18nextHttpBackend
  4830.                     ],
  4831.                     backendOptions: [{
  4832.                         prefix: 'i18next_res_',
  4833.                         expirationTime: 7 * 24 * 60 * 60 * 1000,
  4834.                         defaultVersion: `v${OJBetter.state.version}`,
  4835.                         store: typeof window !== 'undefined' ? window.localStorage : null
  4836.                     }, {
  4837.                         /* options for secondary backend */
  4838.                         loadPath: (lng, ns) => {
  4839.                             if (lng[0] === 'zh' || lng[0] === 'zh-Hans') {
  4840.                                 return `https://aowuucdn.oss-accelerate.aliyuncs.com/resources/locales/${OJBetter.state.formatName}/${ns}.json`;
  4841.                             }
  4842.                             return `https://aowuucdn.oss-accelerate.aliyuncs.com/i18n/${lng}/resources/locales/${OJBetter.state.formatName}/${ns}.json`;
  4843.                         }
  4844.                     }]
  4845.                 }
  4846.             }, (err, t) => {
  4847.                 if (err) {
  4848.                     reject(err);
  4849.                 } else {
  4850.                     jqueryI18next.init(i18next, $, {
  4851.                         useOptionsAttr: true
  4852.                     });
  4853.                     resolve(t);
  4854.                 }
  4855.             });
  4856.     });
  4857. };
  4858.  
  4859. /**
  4860.  * 抽象命令类
  4861.  */
  4862. class Command {
  4863.     execute() { }
  4864.     undo() { }
  4865. }
  4866.  
  4867. /**
  4868.  * 命令调用者
  4869.  */
  4870. class CommandInvoker {
  4871.     constructor() {
  4872.         this.history = [];
  4873.     }
  4874.  
  4875.     /**
  4876.      * 执行命令
  4877.      * @param {Command} command 命令对象
  4878.      */
  4879.     execute(command) {
  4880.         this.history.push(command);
  4881.         command.execute();
  4882.     }
  4883.  
  4884.     /**
  4885.      * 撤销命令
  4886.      */
  4887.     undo() {
  4888.         const command = this.history.pop();
  4889.         if (command) {
  4890.             command.undo();
  4891.         }
  4892.     }
  4893. }
  4894.  
  4895. /**
  4896.  * 接收者
  4897.  */
  4898. class DOMContainer {
  4899.     /**
  4900.      * @param {JQueryObject} element 容器对象
  4901.      */
  4902.     constructor(element) {
  4903.         this.containerElement = element;
  4904.     }
  4905.  
  4906.     /**
  4907.      * 添加元素
  4908.      * @param {JQueryObject} element 元素对象
  4909.      * @returns {JQueryObject} 添加的元素对象
  4910.      */
  4911.     add(element) {
  4912.         this.containerElement.append(element);
  4913.         return this.containerElement.children().last();
  4914.     }
  4915.  
  4916.     /**
  4917.      * 删除元素
  4918.      * @param {JQueryObject} element 元素对象
  4919.      */
  4920.     remove(element) {
  4921.         $(element).remove();
  4922.     }
  4923. }
  4924.  
  4925. /**
  4926.  * 具体命令类：添加元素
  4927.  */
  4928. class AddElementCommand extends Command {
  4929.     /**
  4930.      * @param {DOMContainer} receiver 接收者
  4931.      * @param {JQueryObject} element 元素对象
  4932.      */
  4933.     constructor(receiver, element) {
  4934.         super();
  4935.         this.receiver = receiver;
  4936.         this.element = element;
  4937.         this.addedElement = null;
  4938.     }
  4939.  
  4940.     execute() {
  4941.         this.addedElement = this.receiver.add(this.element);
  4942.     }
  4943.  
  4944.     undo() {
  4945.         if (this.addedElement) {
  4946.             this.receiver.remove(this.addedElement);
  4947.         }
  4948.     }
  4949. }
  4950.  
  4951. /**
  4952.  * 具体命令类：删除元素
  4953.  */
  4954. class RemoveElementCommand extends Command {
  4955.     /**
  4956.      * @param {DOMContainer} receiver 接收者
  4957.      * @param {JQueryObject} element 元素对象
  4958.      */
  4959.     constructor(receiver, element) {
  4960.         super();
  4961.         this.receiver = receiver;
  4962.         this.element = element;
  4963.         this.parent = $(element).parent();
  4964.         this.nextSibling = $(element).next();
  4965.     }
  4966.  
  4967.     execute() {
  4968.         this.receiver.remove(this.element);
  4969.     }
  4970.  
  4971.     undo() {
  4972.         if (this.nextSibling.length > 0) {
  4973.             $(this.element).insertBefore(this.nextSibling);
  4974.         } else {
  4975.             this.parent.append(this.element);
  4976.         }
  4977.     }
  4978. }
  4979.  
  4980. /**
  4981.  * 验证器
  4982.  */
  4983. class Validator {
  4984.     /**
  4985.      * 表单必填项空值校验
  4986.      */
  4987.     static required(structure) {
  4988.         let config = {};
  4989.         let allFieldsValid = true;
  4990.         for (const key in structure) {
  4991.             let value = key.type == 'checkbox' ?
  4992.                 $(key).prop("checked") : $(key).val();
  4993.  
  4994.             config[structure[key].value] = value;
  4995.  
  4996.             if (value || structure[key].require === false) {
  4997.                 $(key).removeClass('is_null');
  4998.             } else {
  4999.                 $(key).addClass('is_null');
  5000.                 allFieldsValid = false;
  5001.             }
  5002.         }
  5003.         return {
  5004.             valid: allFieldsValid,
  5005.             config: config
  5006.         };
  5007.     }
  5008.  
  5009.     /**
  5010.      * 表单合法性校验
  5011.      */
  5012.     static checkKeyValuePairs(structure, config) {
  5013.         let errorKeys = [];
  5014.         let allFieldsValid = true;
  5015.  
  5016.         for (const key in structure) {
  5017.             const { check, value } = structure[key];
  5018.             const fieldValue = config[value];
  5019.  
  5020.             // 如果字段没有值或校验类型不匹配，则跳过当前迭代
  5021.             if (!fieldValue) continue;
  5022.  
  5023.             let isValid = true;
  5024.             switch (check) {
  5025.                 case 'keyValuePairs':
  5026.                     isValid = Validator.keyValuePairs(fieldValue);
  5027.                     break;
  5028.                 case 'dotSeparatedPath':
  5029.                     isValid = Validator.validateDotSeparatedPath(fieldValue);
  5030.                     break;
  5031.                 default:
  5032.                     // 没有匹配的校验类型
  5033.                     continue;
  5034.             }
  5035.  
  5036.             Validator.toggleErrorDisplay(key, isValid);
  5037.             if (!isValid) {
  5038.                 allFieldsValid = false;
  5039.                 errorKeys.push(key);
  5040.             }
  5041.         }
  5042.  
  5043.         return {
  5044.             valid: allFieldsValid,
  5045.             errorKeys: errorKeys
  5046.         };
  5047.     }
  5048.  
  5049.     /**
  5050.      * 切换错误信息的显示和隐藏
  5051.      * @param {string} key - 字段的键
  5052.      * @param {boolean} isValid - 字段值是否有效
  5053.      */
  5054.     static toggleErrorDisplay(key, isValid) {
  5055.         const errorMessage = i18next.t('common.unValid', { ns: 'settings' });
  5056.         const $errorSpan = $(key).prev('span.text-error');
  5057.         if (!isValid) {
  5058.             if (!$errorSpan.length) {
  5059.                 $(key).before(`<span class="text-error" style="color: red;">${errorMessage}</span>`);
  5060.             }
  5061.         } else {
  5062.             $errorSpan.remove();
  5063.         }
  5064.     }
  5065.  
  5066.     /**
  5067.      * 键值对合法性校验
  5068.      * @param {string} value
  5069.      * @returns {boolean}
  5070.      */
  5071.     static keyValuePairs(value) {
  5072.         const keyValuePairs = value.split('\n');
  5073.         // 允许值中包含空格和冒号
  5074.         const regex = /^[a-zA-Z0-9_-]+\s*:\s*.+$/;
  5075.         return keyValuePairs.every(pair => regex.test(pair));
  5076.     }
  5077.  
  5078.  
  5079.     /**
  5080.      * 点分隔符路径格式校验，允许加减运算
  5081.      * @param {string} path
  5082.      * @returns {boolean}
  5083.      */
  5084.     static validateDotSeparatedPath(path) {
  5085.         // 正则表达式允许标识符之间有点号，标识符可以包含加减运算
  5086.         const regex = /^([a-zA-Z0-9_-]+(\s*[\+\-]\s*[a-zA-Z0-9_-]+)*\.)*([a-zA-Z0-9_-]+(\s*[\+\-]\s*[a-zA-Z0-9_-]+)*)$/;
  5087.         return regex.test(path);
  5088.     }
  5089. }
  5090.  
  5091. /**
  5092.  * 配置管理
  5093.  */
  5094. class ConfigManager {
  5095.     /**
  5096.      * @param {HTMLElement} element - 挂载容器
  5097.      * @param {string} prefix - 前缀
  5098.      * @param {object} tempConfig - 配置内容
  5099.      * @param {object} structure - 配置结构
  5100.      * @param {object} configHTML - 配置编辑页面HTML
  5101.      * @param {boolean} allowChoice - 是否允许选择列表项
  5102.      */
  5103.     constructor(element, prefix, tempConfig, structure, configHTML, allowChoice = true) {
  5104.         /** @param 设置面板DIV */
  5105.         this.settingMenuDiv = $('#OJBetter_setting_menu');
  5106.         this.element = $(element);
  5107.         this.prefix = prefix;
  5108.         this.tempConfig = tempConfig;
  5109.         this.structure = structure;
  5110.         this.configHTML = configHTML;
  5111.         this.allowChoice = allowChoice;
  5112.  
  5113.         this.controlTip = null;
  5114.         this.config_bar_list = null;
  5115.         this.config_bar_ul = null;
  5116.         this.config_add_button = null;
  5117.         this.menu = null;
  5118.         this.editItem = null;
  5119.         this.deleteItem = null;
  5120.  
  5121.         // 绑定方法
  5122.         this.onAdd = this.onAdd.bind(this);
  5123.         this.onEdit = this.onEdit.bind(this);
  5124.         this.onDelete = this.onDelete.bind(this);
  5125.         this.createListItemElement = this.createListItemElement.bind(this);
  5126.  
  5127.         this.lastItemId = 0; // 列表中当前最后一个元素的id号
  5128.         this.init();
  5129.     }
  5130.  
  5131.     init() {
  5132.         this.createControlBar();
  5133.         this.createContextMenu();
  5134.         this.renderList();
  5135.     }
  5136.  
  5137.     /**
  5138.      * 创建控制栏
  5139.      */
  5140.     createControlBar() {
  5141.         this.controlTip = OJB_safeCreateJQElement(`<div id='${this.prefix}configControlTip' style='color:red;'></div>`);
  5142.         this.config_bar_list = OJB_safeCreateJQElement(`<div class='config_bar_list' id='${this.prefix}config_bar_list'></div>`);
  5143.         this.config_bar_ul = OJB_safeCreateJQElement(`<ul class='config_bar_ul' id='${this.prefix}config_bar_ul'></ul>`);
  5144.         this.element.append(this.controlTip);
  5145.         this.element.append(this.config_bar_list);
  5146.         this.config_bar_list.append(this.config_bar_ul);
  5147.     }
  5148.  
  5149.     /**
  5150.      * 创建右键菜单
  5151.      */
  5152.     createContextMenu() {
  5153.         const menu = OJB_safeCreateJQElement(`<div id='config_bar_menu' style='display: none;'></div>`);
  5154.         const editItem = OJB_safeCreateJQElement(`
  5155.         <div class='config_bar_menu_item' id='config_bar_menu_edit'>
  5156.             ${i18next.t('contextMenu.edit', { ns: 'translator' })}
  5157.         </div>`);
  5158.         const deleteItem = OJB_safeCreateJQElement(`
  5159.         <div class='config_bar_menu_item' id='config_bar_menu_delete'>
  5160.             ${i18next.t('contextMenu.delete', { ns: 'translator' })}
  5161.         </div>`);
  5162.         menu.append(editItem);
  5163.         menu.append(deleteItem);
  5164.         this.editItem = editItem;
  5165.         this.deleteItem = deleteItem;
  5166.         this.menu = menu;
  5167.         this.settingMenuDiv.append(menu);
  5168.     }
  5169.  
  5170.     /**
  5171.      * 关闭右键菜单
  5172.      */
  5173.     closeContextMenu() {
  5174.         this.menu.css({ display: "none" });
  5175.     }
  5176.  
  5177.     /**
  5178.      * 创建列表项
  5179.      * @param {string} text - 列表项文本
  5180.      * @returns {HTMLElement} - 列表项
  5181.      */
  5182.     createListItemElement(text) {
  5183.         const id = OJB_getRandomNumber(4);
  5184.         const li = $("<li></li>");
  5185.         const radio = OJB_safeCreateJQElement(`<input type='radio' name='${this.prefix}config_item'></input>`)
  5186.             .attr("value", text)
  5187.             .attr("id", id)
  5188.             .attr("prev_id", this.lastItemId)
  5189.             .appendTo(li);
  5190.         if (!this.allowChoice) {
  5191.             radio.prop("disabled", true);
  5192.         }
  5193.         const label = OJB_safeCreateJQElement(`<label for='${id}' class='config_bar_ul_li_text'>${text}</label>`).appendTo(li);
  5194.  
  5195.  
  5196.         this.lastItemId = id;
  5197.  
  5198.         // 添加右键菜单
  5199.         li.on("contextmenu", (event) => {
  5200.             event.preventDefault();
  5201.             this.menu.css({
  5202.                 display: "block",
  5203.                 left: event.pageX, top: event.pageY
  5204.             });
  5205.  
  5206.             const deleteItem = this.deleteItem;
  5207.             const editItem = this.editItem;
  5208.  
  5209.             // 移除旧事件
  5210.             deleteItem.off("click");
  5211.             editItem.off("click");
  5212.  
  5213.             // 获取 li 在 ul 中的索引
  5214.             const index = li.index();
  5215.  
  5216.             deleteItem.on("click", () => this.onDelete(index, li));
  5217.             editItem.on("click", () => this.onEdit(index, li));
  5218.  
  5219.             $(document).one("click", (event) => {
  5220.                 if (!this.menu.get(0).contains(event.target)) {
  5221.                     this.closeContextMenu();
  5222.                     deleteItem.off("click", () => this.onDelete);
  5223.                     editItem.off("click", () => this.onEdit);
  5224.                 }
  5225.             });
  5226.         });
  5227.  
  5228.         return li;
  5229.     }
  5230.  
  5231.     /**
  5232.      * 渲染配置列表
  5233.      */
  5234.     renderList() {
  5235.         const list = this.config_bar_ul;
  5236.         list.empty(); // 清空
  5237.         this.tempConfig.configurations.forEach((item) => {
  5238.             list.append(this.createListItemElement(item['name']));
  5239.         });
  5240.  
  5241.         // 添加按钮
  5242.         let addButton = OJB_safeCreateJQElement(`<li id='${this.prefix}add_button' class="tempConfig_add_button">
  5243.             <span>+ ${i18next.t('add', { ns: 'common' })}</span>
  5244.         </li>`);
  5245.         this.config_add_button = addButton;
  5246.         list.append(addButton);
  5247.         addButton.on("click", this.onAdd);
  5248.     }
  5249.  
  5250.     /**
  5251.      * 添加配置项
  5252.      */
  5253.     onAdd() {
  5254.         const configMenu = this.createConfigHTML();
  5255.         const structure = this.structure;
  5256.  
  5257.         configMenu.on("click", "#tempConfig_save", () => {
  5258.  
  5259.             // 检查必填字段
  5260.             const { valid, config } = Validator.required(structure);
  5261.             if (!valid) return;
  5262.  
  5263.             // 检查键值对
  5264.             const { valid: checkOk, errorKey } = Validator.checkKeyValuePairs(structure, config);
  5265.             if (!checkOk) return;
  5266.  
  5267.             this.tempConfig.configurations.push(config);
  5268.  
  5269.             this.createListItemElement(config.name).insertBefore(this.config_add_button);
  5270.  
  5271.             configMenu.remove();
  5272.         });
  5273.  
  5274.         configMenu.on("click", ".btn-close", () => {
  5275.             configMenu.remove();
  5276.         });
  5277.     }
  5278.  
  5279.     /**
  5280.      * 修改配置项
  5281.      * @param {number} index - 配置项索引
  5282.      * @param {HTMLElement} li - 配置项
  5283.      * @returns {void}
  5284.      */
  5285.     onEdit(index, li) {
  5286.         const configMenu = this.createConfigHTML();
  5287.         const structure = this.structure;
  5288.  
  5289.         this.closeContextMenu();
  5290.  
  5291.         // 填充表单
  5292.         for (const [key, { value, type }] of Object.entries(this.structure)) {
  5293.             const configValue = this.tempConfig.configurations[index][value];
  5294.             const $element = $(key);
  5295.             if (type === 'checkbox') {
  5296.                 $element.prop("checked", configValue);
  5297.             } else {
  5298.                 $element.val(configValue);
  5299.             }
  5300.         }
  5301.  
  5302.         configMenu.on("click", "#tempConfig_save", () => {
  5303.             // 检查必填字段
  5304.             const { valid, config } = Validator.required(structure);
  5305.             if (!valid) return;
  5306.  
  5307.             // 检查键值对
  5308.             const { valid: checkOk, errorKey } = Validator.checkKeyValuePairs(structure, config);
  5309.             if (!checkOk) return;
  5310.  
  5311.             // 更新配置
  5312.             this.tempConfig.configurations[index] = config;
  5313.             li.find('label').text(config.name);
  5314.  
  5315.             OJB_closeAndRemoveModal(configMenu);
  5316.         });
  5317.  
  5318.         configMenu.on("click", ".btn-close", () => {
  5319.             OJB_closeAndRemoveModal(configMenu);
  5320.         });
  5321.     }
  5322.  
  5323.     /**
  5324.      * 删除配置项
  5325.      * @param {number} index - 配置项索引
  5326.      * @param {HTMLElement} li - 配置项
  5327.      * @returns {void}
  5328.      */
  5329.     onDelete(index, li) {
  5330.         this.closeContextMenu();
  5331.         this.tempConfig.configurations.splice(index, 1);
  5332.         li.remove();
  5333.     }
  5334.  
  5335.     /**
  5336.      * 创建配置编辑页面
  5337.      * @returns {JQuery<HTMLElement>} 返回配置编辑页面
  5338.      */
  5339.     createConfigHTML() {
  5340.         const configMenu = OJB_safeCreateJQElement(this.configHTML);
  5341.         this.settingMenuDiv.after(configMenu);
  5342.         OJB_showModal(configMenu);
  5343.         OJB_addDraggable(configMenu);
  5344.         elementLocalize(configMenu);
  5345.         return configMenu;
  5346.     }
  5347.  
  5348.     /**
  5349.      * 获取配置内容
  5350.      * @returns {object} - 配置内容
  5351.      */
  5352.     getTempConfig() {
  5353.         return this.tempConfig;
  5354.     }
  5355.  
  5356.     /**
  5357.      * 注册列表项选中改变监听
  5358.      */
  5359.     registerChoiceChange() {
  5360.         this.config_bar_ul.on("change", "input[type='radio']", (event) => {
  5361.             const value = event.target.value;
  5362.             this.tempConfig.choice = value;
  5363.         });
  5364.     }
  5365. }
  5366.  
  5367. const OJBetter_setting_sidebar_HTML = `
  5368. <div class="OJBetter_setting_sidebar">
  5369.     <ul>
  5370.         <li><a href="#basic-settings" id="sidebar-basic-settings" class="active" data-i18n="settings:sidebar.basic"></a></li>
  5371.         <li><a href="#l10n_settings" id="sidebar-l10n_settings" data-i18n="settings:sidebar.localization"></a></li>
  5372.         <li><a href="#translation-settings" id="sidebar-translation-settings" data-i18n="settings:sidebar.translation"></a></li>
  5373.         <li><a href="#clist_rating-settings" id="sidebar-clist_rating-settings" data-i18n="settings:sidebar.clist"></a></li>
  5374.         <li><a href="#code_editor-settings" id="sidebar-code_editor-settings" data-i18n="settings:sidebar.monaco"></a></li>
  5375.         <li><a href="#preference-settings" id="sidebar-preference-settings" data-i18n="settings:sidebar.preference"></a></li>
  5376.         <li><a href="#dev-settings" id="sidebar-dev-settings" data-i18n="settings:sidebar.dev"></a></li>
  5377.         <li><a href="#about-settings" id="sidebar-about-settings" data-i18n="settings:sidebar.about"></a></li>
  5378.     </ul>
  5379. </div>
  5380. `;
  5381.  
  5382. const basic_settings_HTML = `
  5383. <div id="basic-settings" class="settings-page active">
  5384.     <h3 data-i18n="settings:basic.title"></h3>
  5385.     <hr>
  5386.     <div class='OJBetter_setting_list' style="padding: 0px 10px;">
  5387.         <span id="darkMode_span" data-i18n="settings:basic.darkMode.name"></span>
  5388.         <div class="dark-mode-selection">
  5389.             <label>
  5390.                 <input class="radio-input" type="radio" name="darkMode" value="dark" />
  5391.                 <span class="OJBetter_setting_menu_label_text"
  5392.                     data-i18n="settings:basic.darkMode.options.dark"></span>
  5393.                 <span class="radio-icon"> </span>
  5394.             </label>
  5395.             <label>
  5396.                 <input checked="" class="radio-input" type="radio" name="darkMode" value="light" />
  5397.                 <span class="OJBetter_setting_menu_label_text"
  5398.                     data-i18n="settings:basic.darkMode.options.light"></span>
  5399.                 <span class="radio-icon"> </span>
  5400.             </label>
  5401.             <label>
  5402.                 <input class="radio-input" type="radio" name="darkMode" value="follow" />
  5403.                 <span class="OJBetter_setting_menu_label_text"
  5404.                     data-i18n="settings:basic.darkMode.options.system"></span>
  5405.                 <span class="radio-icon"> </span>
  5406.             </label>
  5407.         </div>
  5408.     </div>
  5409.     <div class='OJBetter_setting_list'>
  5410.         <label for="expandFoldingblocks" data-i18n="settings:basic.expandBlocks"></label>
  5411.         <input type="checkbox" id="expandFoldingblocks" name="expandFoldingblocks">
  5412.     </div>
  5413.     <div class='OJBetter_setting_list'>
  5414.         <label for="renderPerfOpt" data-i18n="settings:basic.renderOptimization.label"></label>
  5415.         <div class="help_tip">
  5416.             ${helpCircleHTML}
  5417.             <div class="tip_text" data-i18n="[html]settings:basic.renderOptimization.helpText"></div>
  5418.         </div>
  5419.         <input type="checkbox" id="renderPerfOpt" name="renderPerfOpt">
  5420.     </div>
  5421.     <div class='OJBetter_setting_list'>
  5422.         <label for="selectElementPerfOpt" data-i18n="settings:basic.selectElementOptimization.label"></label>
  5423.         <div class="help_tip">
  5424.             ${helpCircleHTML}
  5425.             <div class="tip_text" data-i18n="[html]settings:basic.selectElementOptimization.helpText"></div>
  5426.         </div>
  5427.         <input type="checkbox" id="selectElementPerfOpt" name="selectElementPerfOpt">
  5428.     </div>
  5429.     <div class='OJBetter_setting_list'>
  5430.         <label for="commentPaging" data-i18n="settings:basic.paging.label"></label>
  5431.         <div class="help_tip">
  5432.             ${helpCircleHTML}
  5433.             <div class="tip_text" data-i18n="[html]settings:basic.paging.helpText"></div>
  5434.         </div>
  5435.         <input type="checkbox" id="commentPaging" name="commentPaging">
  5436.     </div>
  5437.     <div class='OJBetter_setting_list'>
  5438.         <label for="showJumpToLuogu" data-i18n="settings:basic.luoguJump.label"></label>
  5439.         <div class="help_tip">
  5440.             ${helpCircleHTML}
  5441.             <div class="tip_text" data-i18n="[html]settings:basic.luoguJump.helpText"></div>
  5442.         </div>
  5443.         <input type="checkbox" id="showJumpToLuogu" name="showJumpToLuogu">
  5444.     </div>
  5445.     <div class='OJBetter_setting_list'>
  5446.         <label for="showCF2vjudge" data-i18n="settings:basic.vjudgeJump.label"></label>
  5447.         <div class="help_tip">
  5448.             ${helpCircleHTML}
  5449.             <div class="tip_text" data-i18n="[html]settings:basic.vjudgeJump.helpText"></div>
  5450.         </div>
  5451.         <input type="checkbox" id="showCF2vjudge" name="showCF2vjudge">
  5452.     </div>
  5453.     <div class='OJBetter_setting_list'>
  5454.         <label for="standingsRecolor" data-i18n="settings:basic.recolor.label"></label>
  5455.         <div class="help_tip">
  5456.             ${helpCircleHTML}
  5457.             <div class="tip_text" data-i18n="[html]settings:basic.recolor.helpText"></div>
  5458.         </div>
  5459.         <input type="checkbox" id="standingsRecolor" name="standingsRecolor">
  5460.     </div>
  5461. </div>
  5462. `;
  5463.  
  5464. const l10n_settings_HTML = `
  5465. <div id="l10n_settings" class="settings-page">
  5466.     <h3 data-i18n="settings:localization.title"></h3>
  5467.     <hr>
  5468.     <div class='OJBetter_setting_list'>
  5469.         <label for="scriptL10nLanguage" style="display: flex;" data-i18n="settings:localization.scriptLanguageLabel"></label>
  5470.         <select id="scriptL10nLanguage" name="scriptL10nLanguage">
  5471.             <option value="zh">简体中文</option>
  5472.             <option value="zh-Hant">繁體中文</option>
  5473.             <option value="en">English</option>
  5474.             <option value="de">Deutsch</option>
  5475.             <option value="fr">Français</option>
  5476.             <option value="ko">한국어</option>
  5477.             <option value="pt">Português</option>
  5478.             <option value="ja">日本語</option>
  5479.             <option value="es">Español</option>
  5480.             <option value="it">Italiano</option>
  5481.             <option value="hi">हिन्दी</option>
  5482.         </select>
  5483.     </div>
  5484.     <div class='OJBetter_setting_list'>
  5485.         <label for="localizationLanguage" style="display: flex;" data-i18n="settings:localization.websiteLanguageLabel"></label>
  5486.         <select id="localizationLanguage" name="localizationLanguage">
  5487.             <option value="initial">——</option>
  5488.             <option value="zh">简体中文</option>
  5489.             <option value="zh-Hant">繁體中文</option>
  5490.             <option value="de">Deutsch</option>
  5491.             <option value="fr">Français</option>
  5492.             <option value="ko">한국어</option>
  5493.             <option value="pt">Português</option>
  5494.             <option value="ja">日本語</option>
  5495.             <option value="es">Español</option>
  5496.             <option value="it">Italiano</option>
  5497.             <option value="hi">हिन्दी</option>
  5498.         </select>
  5499.     </div>
  5500.     <div class='OJBetter_setting_list alert_tip'>
  5501.         <div data-i18n="[html]settings:localization.notice.1"></div>
  5502.     </div>
  5503.     <div class='OJBetter_setting_list alert_tip'>
  5504.         <div data-i18n="[html]settings:localization.notice.2"></div>
  5505.     </div>
  5506. </div>
  5507. `;
  5508.  
  5509. const translation_settings_HTML = `
  5510. <div id="translation-settings" class="settings-page">
  5511.     <h3 data-i18n="settings:translation.title"></h3>
  5512.     <hr>
  5513.     <h4 data-i18n="settings:translation.options.title"></h4>
  5514.     <div class='OJBetter_setting_list'>
  5515.         <label for="transTargetLang" style="display: flex;" data-i18n="settings:translation.preference.target.title"></label>
  5516.         <div class="help_tip">
  5517.             ${helpCircleHTML}
  5518.             <div class="tip_text" data-i18n="[html]settings:translation.preference.target.helpText"></div>
  5519.         </div>
  5520.         <select id="transTargetLang" name="transTargetLang">
  5521.             <option value="zh">简体中文</option>
  5522.             <option value="zh-Hant">繁體中文</option>
  5523.             <option value="de">Deutsch</option>
  5524.             <option value="fr">Français</option>
  5525.             <option value="ko">한국어</option>
  5526.             <option value="pt">Português</option>
  5527.             <option value="ja">日本語</option>
  5528.             <option value="es">Español</option>
  5529.             <option value="it">Italiano</option>
  5530.             <option value="hi">हिन्दी</option>
  5531.         </select>
  5532.     </div>
  5533.     <div id="translationServices">
  5534.         <label>
  5535.             <input type='radio' name='translation' value='deepl'>
  5536.             <span class='OJBetter_setting_menu_label_text'
  5537.                 data-i18n="settings:translation.options.services.deepl"></span>
  5538.         </label>
  5539.         <label>
  5540.             <input type='radio' name='translation' value='iflyrec'>
  5541.             <span class='OJBetter_setting_menu_label_text'
  5542.                 data-i18n="settings:translation.options.services.iflyrec"></span>
  5543.         </label>
  5544.         <label>
  5545.             <input type='radio' name='translation' value='youdao'>
  5546.             <span class='OJBetter_setting_menu_label_text'
  5547.                 data-i18n="settings:translation.options.services.youdao"></span>
  5548.         </label>
  5549.         <label>
  5550.             <input type='radio' name='translation' value='google'>
  5551.             <span class='OJBetter_setting_menu_label_text'
  5552.                 data-i18n="settings:translation.options.services.google"></span>
  5553.         </label>
  5554.         <label>
  5555.             <input type='radio' name='translation' value='caiyun'>
  5556.             <span class='OJBetter_setting_menu_label_text'
  5557.                 data-i18n="settings:translation.options.services.caiyun"></span>
  5558.         </label>
  5559.         <label>
  5560.             <input type='radio' name='translation' value='openai'>
  5561.             <span class='OJBetter_setting_menu_label_text'
  5562.                 data-i18n="settings:translation.options.services.openai.name">
  5563.                 <div class="help_tip">
  5564.                     ${helpCircleHTML}
  5565.                     <div class="tip_text"
  5566.                         data-i18n="[html]settings:translation.options.services.openai.helpText"></div>
  5567.                 </div>
  5568.             </span>
  5569.         </label>
  5570.     </div>
  5571.     <hr>
  5572.     <h4>DeepL</h4>
  5573.     <div class='OJBetter_setting_list'>
  5574.         <label for="deepl_type" style="display: flex;" data-i18n="settings:translation.deepl.mode.title"></label>
  5575.         <div class="help_tip">
  5576.             ${helpCircleHTML}
  5577.             <div class="tip_text" data-i18n="[html]settings:translation.deepl.mode.helpText"></div>
  5578.         </div>
  5579.         <select id="deepl_type" name="deepl_type">
  5580.             <option value="free" data-i18n="settings:translation.deepl.mode.select.free"></option>
  5581.             <option value="api" data-i18n="settings:translation.deepl.mode.select.api"></option>
  5582.         </select>
  5583.     </div>
  5584.     <div id="deepl_config" class="config"></div>
  5585.     <div class='OJBetter_setting_list'>
  5586.         <label for="enableEmphasisProtection" data-i18n="settings:translation.deepl.enableEmphasisProtection.title"></label>
  5587.         <div class="help_tip" style="margin-right: initial;">
  5588.             ${helpCircleHTML}
  5589.             <div class="tip_text" data-i18n="[html]settings:translation.deepl.enableEmphasisProtection.helpText"></div>
  5590.         </div>
  5591.         <div class="badge">Official API Only</div>
  5592.         <input type="checkbox" id="enableEmphasisProtection" name="enableEmphasisProtection">
  5593.     </div>
  5594.     <div class='OJBetter_setting_list'>
  5595.         <label for="enableLinkProtection" data-i18n="settings:translation.deepl.enableLinkProtection.title"></label>
  5596.         <div class="help_tip" style="margin-right: initial;">
  5597.             ${helpCircleHTML}
  5598.             <div class="tip_text" data-i18n="[html]settings:translation.deepl.enableLinkProtection.helpText"></div>
  5599.         </div>
  5600.         <div class="badge">Official API Only</div>
  5601.         <input type="checkbox" id="enableLinkProtection" name="enableLinkProtection">
  5602.     </div>
  5603.     <hr>
  5604.     <h4>ChatGPT</h4>
  5605.     <div id="chatgpt_config" class="config"></div>
  5606.     <div class='OJBetter_setting_list'>
  5607.         <label for="openai_isStream" data-i18n="settings:translation.chatgpt.isStream.name"></label>
  5608.         <div class="help_tip">
  5609.             ${helpCircleHTML}
  5610.             <div class="tip_text" data-i18n="[html]settings:translation.chatgpt.isStream.helpText"></div>
  5611.         </div>
  5612.         <input type="checkbox" id="openai_isStream" name="openai_isStream">
  5613.     </div>
  5614.     <hr>
  5615.     <h4 data-i18n="settings:translation.preference.title"></h4>
  5616.     <div class='OJBetter_setting_list'>
  5617.         <label for="comment_translation_choice" style="display: flex;"
  5618.             data-i18n="settings:translation.preference.comment_translation_choice.title">
  5619.         </label>
  5620.         <select id="comment_translation_choice" name="comment_translation_choice">
  5621.             <option value="0" data-i18n="settings:translation.preference.comment_translation_choice.services.follow"></option>
  5622.             <option value="deepl" data-i18n="settings:translation.preference.comment_translation_choice.services.deepl"></option>
  5623.             <option value="iflyrec" data-i18n="settings:translation.preference.comment_translation_choice.services.iflyrec"></option>
  5624.             <option value="youdao" data-i18n="settings:translation.preference.comment_translation_choice.services.youdao"></option>
  5625.             <option value="google" data-i18n="settings:translation.preference.comment_translation_choice.services.google"></option>
  5626.             <option value="caiyun" data-i18n="settings:translation.preference.comment_translation_choice.services.caiyun"></option>
  5627.             <option value="openai" data-i18n="settings:translation.preference.comment_translation_choice.services.openai"></option>
  5628.         </select>
  5629.     </div>
  5630.     <hr>
  5631.     <h4 data-i18n="settings:translation.autoTranslation.title"></h4>
  5632.     <div class='OJBetter_setting_list'>
  5633.         <label for="autoTranslation" data-i18n="settings:translation.autoTranslation.enable"></label>
  5634.         <div class="help_tip">
  5635.             ${helpCircleHTML}
  5636.             <div class="tip_text" data-i18n="[html]settings:translation.autoTranslation.helpText"></div>
  5637.         </div>
  5638.         <input type="checkbox" id="autoTranslation" name="autoTranslation">
  5639.     </div>
  5640.     <div class='OJBetter_setting_list'>
  5641.         <label for='shortTextLength'>
  5642.             <div style="display: flex;align-items: center;"
  5643.                 data-i18n="settings:translation.autoTranslation.shortTextLength.name"></div>
  5644.         </label>
  5645.         <div class="help_tip">
  5646.             ${helpCircleHTML}
  5647.             <div class="tip_text" data-i18n="[html]settings:translation.autoTranslation.shortTextLength.helpText">
  5648.             </div>
  5649.         </div>
  5650.         <input type='number' id='shortTextLength' class='no_default' require=true data-i18n="[placeholder]settings:translation.autoTranslation.shortTextLength.placeholder">
  5651.         <span data-i18n="settings:translation.autoTranslation.shortTextLength.end"></span>
  5652.     </div>
  5653.     <div class='OJBetter_setting_list'>
  5654.         <label for="allowMixTrans" data-i18n="settings:translation.autoTranslation.allowMixTrans.name"></label>
  5655.         <div class="help_tip">
  5656.             ${helpCircleHTML}
  5657.             <div class="tip_text" data-i18n="[html]settings:translation.autoTranslation.allowMixTrans.helpText">
  5658.             </div>
  5659.         </div>
  5660.         <input type="checkbox" id="allowMixTrans" name="allowMixTrans">
  5661.         <div class='OJBetter_checkboxs'>
  5662.             <input type="checkbox" id="deepl" name="mixedTranslation" value="deepl">
  5663.             <label for="deepl" data-i18n="settings:translation.autoTranslation.allowMixTrans.checkboxs.deepl"></label>
  5664.             <input type="checkbox" id="iflyrec" name="mixedTranslation" value="iflyrec">
  5665.             <label for="iflyrec" data-i18n="settings:translation.autoTranslation.allowMixTrans.checkboxs.iflyrec"></label>
  5666.             <input type="checkbox" id="youdao" name="mixedTranslation" value="youdao">
  5667.             <label for="youdao" data-i18n="settings:translation.autoTranslation.allowMixTrans.checkboxs.youdao"></label>
  5668.             <input type="checkbox" id="google" name="mixedTranslation" value="google">
  5669.             <label for="google" data-i18n="settings:translation.autoTranslation.allowMixTrans.checkboxs.google">Google</label>
  5670.             <input type="checkbox" id="caiyun" name="mixedTranslation" value="caiyun">
  5671.             <label for="caiyun" data-i18n="settings:translation.autoTranslation.allowMixTrans.checkboxs.caiyun"></label>
  5672.         </div>
  5673.     </div>
  5674.     <hr>
  5675.     <h4 data-i18n="settings:translation.advanced.name"></h4>
  5676.     <div class='OJBetter_setting_list'>
  5677.         <label for="comment_translation_mode" style="display: flex;" data-i18n="settings:translation.advanced.mode.name"></label>
  5678.         <div class="help_tip">
  5679.             ${helpCircleHTML}
  5680.             <div class="tip_text" data-i18n="[html]settings:translation.advanced.mode.helpText"></div>
  5681.         </div>
  5682.         <select id="comment_translation_mode" name="comment_translation_mode">
  5683.             <option value="0" data-i18n="settings:translation.advanced.mode.options.0"></option>
  5684.             <option value="1" data-i18n="settings:translation.advanced.mode.options.1"></option>
  5685.             <option value="2" data-i18n="settings:translation.advanced.mode.options.2"></option>
  5686.         </select>
  5687.     </div>
  5688.     <div class='OJBetter_setting_list'>
  5689.         <label for="memoryTranslateHistory" data-i18n="settings:translation.advanced.memory.name"></label>
  5690.         <div class="help_tip">
  5691.             ${helpCircleHTML}
  5692.             <div class="tip_text" data-i18n="[html]settings:translation.advanced.memory.helpText"></div>
  5693.         </div>
  5694.         <input type="checkbox" id="memoryTranslateHistory" name="memoryTranslateHistory">
  5695.     </div>
  5696.     <div class='OJBetter_setting_list'>
  5697.         <label for="translation_retransAction" style="display: flex;" data-i18n="settings:translation.advanced.retrans.name"></label>
  5698.         <div class="help_tip">
  5699.             ${helpCircleHTML}
  5700.             <div class="tip_text" data-i18n="[html]settings:translation.advanced.retrans.helpText"></div>
  5701.         </div>
  5702.         <select id="translation_retransAction" name="translation_retransAction">
  5703.             <option value=0 data-i18n="settings:translation.advanced.retrans.options.0"></option>
  5704.             <option value=1 data-i18n="settings:translation.advanced.retrans.options.1"></option>
  5705.         </select>
  5706.     </div>
  5707.     <div class='OJBetter_setting_list'>
  5708.         <label for='transWaitTime'>
  5709.             <div style="display: flex;align-items: center;" data-i18n="settings:translation.advanced.transWaitTime.name"></div>
  5710.         </label>
  5711.         <div class="help_tip">
  5712.             ${helpCircleHTML}
  5713.             <div class="tip_text" data-i18n="[html]settings:translation.advanced.transWaitTime.helpText"></div>
  5714.         </div>
  5715.         <input type='number' id='transWaitTime' class='no_default' require=true data-i18n="[placeholder]settings:translation.advanced.transWaitTime.placeholder">
  5716.         <span data-i18n="settings:translation.advanced.transWaitTime.end"></span>
  5717.     </div>
  5718.     <div class='OJBetter_setting_list'>
  5719.         <label for="translation_replaceSymbol" style="display: flex;" data-i18n="settings:translation.advanced.replaceSymbol.name"></label>
  5720.         <div class="help_tip">
  5721.             ${helpCircleHTML}
  5722.             <div class="tip_text" data-i18n="[html]settings:translation.advanced.replaceSymbol.helpText"></div>
  5723.         </div>
  5724.         <select id="translation_replaceSymbol" name="translation_replaceSymbol">
  5725.             <option value=2 data-i18n="settings:translation.advanced.replaceSymbol.options.2"></option>
  5726.             <option value=1 data-i18n="settings:translation.advanced.replaceSymbol.options.1"></option>
  5727.             <option value=3 data-i18n="settings:translation.advanced.replaceSymbol.options.3"></option>
  5728.         </select>
  5729.     </div>
  5730.     <div class='OJBetter_setting_list'>
  5731.         <label for="filterTextWithoutEmphasis" data-i18n="settings:translation.advanced.filterTextWithoutEmphasis.name"></label>
  5732.         <div class="help_tip">
  5733.             ${helpCircleHTML}
  5734.             <div class="tip_text" data-i18n="[html]settings:translation.advanced.filterTextWithoutEmphasis.helpText"></div>
  5735.         </div>
  5736.         <input type="checkbox" id="filterTextWithoutEmphasis" name="filterTextWithoutEmphasis">
  5737.     </div>
  5738. </div>
  5739. `;
  5740.  
  5741. const clist_rating_settings_HTML = `
  5742. <div id="clist_rating-settings" class="settings-page">
  5743.     <h3 data-i18n="settings:clist.title"></h3>
  5744.     <hr>
  5745.     <h4 data-i18n="settings:clist.basics.name"></h4>
  5746.     <div class='OJBetter_setting_list alert_tip'>
  5747.         <div>
  5748.             <p data-i18n="[html]settings:clist.basics.notice"></p>
  5749.         </div>
  5750.     </div>
  5751.     <div class='OJBetter_setting_list'>
  5752.         <label for='clist_Authorization'>
  5753.             <div style="display: flex;align-items: center;">
  5754.                 <span class="input_label" data-i18n="settings:clist.basics.key.title"></span>
  5755.             </div>
  5756.         </label>
  5757.         <div class="help_tip">
  5758.             ${helpCircleHTML}
  5759.             <div class="tip_text" data-i18n="[html]settings:clist.basics.key.helpText"></div>
  5760.         </div>
  5761.         <input type='text' id='clist_Authorization' class='no_default' required="true"
  5762.             data-i18n="[placeholder]settings:clist.basics.key.keyPlaceholder">
  5763.     </div>
  5764.     <hr>
  5765.     <h4 data-i18n="settings:clist.displayRating.title"></h4>
  5766.     <div class='OJBetter_setting_list'>
  5767.         <label for="showClistRating_contest"><span data-i18n="settings:clist.displayRating.contest.name"></span></label>
  5768.         <input type="checkbox" id="showClistRating_contest" name="showClistRating_contest">
  5769.     </div>
  5770.     <div class='OJBetter_setting_list'>
  5771.         <label for="showClistRating_problem"><span data-i18n="settings:clist.displayRating.problem.name"></span></label>
  5772.         <input type="checkbox" id="showClistRating_problem" name="showClistRating_problem">
  5773.     </div>
  5774.     <div class='OJBetter_setting_list'>
  5775.         <label for="showClistRating_problemset"><span data-i18n="settings:clist.displayRating.problemset.name"></span></label>
  5776.         <input type="checkbox" id="showClistRating_problemset" name="showClistRating_problemset">
  5777.     </div>
  5778.     <hr>
  5779.     <div class='OJBetter_setting_list'>
  5780.         <label for="RatingHidden"><span data-i18n="settings:clist.spoilerProtection.title"></span></label>
  5781.         <div class="help_tip">
  5782.             ${helpCircleHTML}
  5783.             <div class="tip_text" data-i18n="[html]settings:clist.spoilerProtection.helpText"></div>
  5784.         </div>
  5785.         <input type="checkbox" id="RatingHidden" name="RatingHidden">
  5786.     </div>
  5787. </div>
  5788. `;
  5789.  
  5790. const code_editor_settings_HTML = `
  5791. <div id="code_editor-settings" class="settings-page">
  5792.     <h3 data-i18n="settings:codeEditor.title"></h3>
  5793.     <hr>
  5794.     <h4 data-i18n="settings:codeEditor.basics"></h4>
  5795.     <div class='OJBetter_setting_list'>
  5796.         <label for="problemPageCodeEditor"><span
  5797.                 data-i18n="settings:codeEditor.problemPageCodeEditor.label"></span></label>
  5798.         <div class="help_tip">
  5799.             ${helpCircleHTML}
  5800.             <div class="tip_text" data-i18n="settings:codeEditor.problemPageCodeEditor.helpText"></div>
  5801.         </div>
  5802.         <input type="checkbox" id="problemPageCodeEditor" name="problemPageCodeEditor">
  5803.     </div>
  5804.     <div class='OJBetter_setting_list'>
  5805.         <label for="beautifyPreBlocks"><span
  5806.                 data-i18n="settings:codeEditor.beautifyPreBlocks.label"></span></label>
  5807.         <div class="help_tip">
  5808.             ${helpCircleHTML}
  5809.             <div class="tip_text" data-i18n="settings:codeEditor.beautifyPreBlocks.helpText"></div>
  5810.         </div>
  5811.         <input type="checkbox" id="beautifyPreBlocks" name="beautifyPreBlocks">
  5812.     </div>
  5813.     <hr>
  5814.     <h4 data-i18n="settings:codeEditor.preferences.title"></h4>
  5815.     <div class='OJBetter_setting_list'>
  5816.         <label for="isCodeSubmitConfirm"><span
  5817.                 data-i18n="settings:codeEditor.preferences.isCodeSubmitConfirm.label"></span></label>
  5818.         <div class="help_tip">
  5819.             ${helpCircleHTML}
  5820.             <div class="tip_text" data-i18n="settings:codeEditor.preferences.isCodeSubmitConfirm.helpText"></div>
  5821.         </div>
  5822.         <input type="checkbox" id="isCodeSubmitConfirm" name="isCodeSubmitConfirm">
  5823.     </div>
  5824.     <div class='OJBetter_setting_list'>
  5825.         <label for="alwaysConsumeMouseWheel"><span
  5826.                 data-i18n="settings:codeEditor.preferences.alwaysConsumeMouseWheel.label"></span></label>
  5827.         <div class="help_tip">
  5828.             ${helpCircleHTML}
  5829.             <div class="tip_text" data-i18n="settings:codeEditor.preferences.alwaysConsumeMouseWheel.helpText"></div>
  5830.         </div>
  5831.         <input type="checkbox" id="alwaysConsumeMouseWheel" name="alwaysConsumeMouseWheel">
  5832.     </div>
  5833.     <div class='OJBetter_setting_list'>
  5834.         <label for="submitButtonPosition"><span
  5835.                 data-i18n="settings:codeEditor.preferences.submitButtonPosition.label"></span></label>
  5836.         <div class="help_tip">
  5837.             ${helpCircleHTML}
  5838.             <div class="tip_text" data-i18n="settings:codeEditor.preferences.submitButtonPosition.helpText"></div>
  5839.         </div>
  5840.         <select id="submitButtonPosition" name="submitButtonPosition">
  5841.             <option value="bottom" data-i18n="settings:codeEditor.preferences.submitButtonPosition.options.bottom"></option>
  5842.             <option value="top" data-i18n="settings:codeEditor.preferences.submitButtonPosition.options.top"></option>
  5843.         </select>
  5844.     </div>
  5845.     <hr>
  5846.     <h4 data-i18n="settings:codeEditor.onlineCodeExecution.title"></h4>
  5847.     <label>
  5848.         <input type='radio' name='compiler' value='official'>
  5849.         <span class='OJBetter_setting_menu_label_text'
  5850.             data-i18n="settings:codeEditor.onlineCodeExecution.compilerOptions.codeforces"></span>
  5851.     </label>
  5852.     <label>
  5853.         <input type='radio' name='compiler' value='wandbox'>
  5854.         <span class='OJBetter_setting_menu_label_text'
  5855.             data-i18n="settings:codeEditor.onlineCodeExecution.compilerOptions.wandbox"></span>
  5856.     </label>
  5857.     <label>
  5858.         <input type='radio' name='compiler' value='rextester'>
  5859.         <span class='OJBetter_setting_menu_label_text'
  5860.             data-i18n="settings:codeEditor.onlineCodeExecution.compilerOptions.rextester"></span>
  5861.     </label>
  5862.     <hr>
  5863.     <h4 data-i18n="settings:codeEditor.lsp.title"></h4>
  5864.     <div class='OJBetter_setting_list'>
  5865.         <label for="useLSP"><span data-i18n="settings:codeEditor.lsp.useLSP.label"></span></label>
  5866.         <div class="help_tip">
  5867.             ${helpCircleHTML}
  5868.             <div class="tip_text" data-i18n="[html]settings:codeEditor.lsp.useLSP.helpText"></div>
  5869.         </div>
  5870.         <input type="checkbox" id="useLSP" name="useLSP">
  5871.     </div>
  5872.     <div class='OJBetter_setting_list'>
  5873.         <label for='OJBetter_Bridge_WorkUri'>
  5874.             <div style="display: flex;align-items: center;">
  5875.                 <span class="input_label" data-i18n="settings:codeEditor.lsp.OJBetter_Bridge_WorkUri.label"></span>
  5876.             </div>
  5877.         </label>
  5878.         <div class="help_tip">
  5879.             ${helpCircleHTML}
  5880.             <div class="tip_text" data-i18n="[html]settings:codeEditor.lsp.OJBetter_Bridge_WorkUri.helpText"></div>
  5881.         </div>
  5882.         <input type='text' id='OJBetter_Bridge_WorkUri' class='no_default'
  5883.             require=true data-i18n="[placeholder]settings:codeEditor.lsp.OJBetter_Bridge_WorkUri.placeholder">
  5884.     </div>
  5885.     <div class='OJBetter_setting_list'>
  5886.         <label for='OJBetter_Bridge_SocketUrl'>
  5887.             <div style="display: flex;align-items: center;">
  5888.                 <span class="input_label"
  5889.                     data-i18n="settings:codeEditor.lsp.OJBetter_Bridge_SocketUrl.label"></span>
  5890.             </div>
  5891.         </label>
  5892.         <div class="help_tip">
  5893.             ${helpCircleHTML}
  5894.             <div class="tip_text" data-i18n="[html]settings:codeEditor.lsp.OJBetter_Bridge_SocketUrl.helpText"></div>
  5895.         </div>
  5896.         <input type='text' id='OJBetter_Bridge_SocketUrl' class='no_default'
  5897.             require=true data-i18n="[placeholder]settings:codeEditor.lsp.OJBetter_Bridge_SocketUrl.placeholder">
  5898.     </div>
  5899.     <hr>
  5900.     <h4 data-i18n="settings:codeEditor.staticCompletionEnhancement.title"></h4>
  5901.     <div class='OJBetter_setting_list'>
  5902.         <label for="cppCodeTemplateComplete"><span
  5903.                 data-i18n="settings:codeEditor.staticCompletionEnhancement.cppCodeTemplateComplete.label"></span></label>
  5904.         <div class="help_tip">
  5905.             ${helpCircleHTML}
  5906.             <div class="tip_text" data-i18n="[html]settings:codeEditor.staticCompletionEnhancement.cppCodeTemplateComplete.helpText"></div>
  5907.         </div>
  5908.         <input type="checkbox" id="cppCodeTemplateComplete" name="cppCodeTemplateComplete">
  5909.     </div>
  5910.     <hr>
  5911.     <h5 data-i18n="settings:codeEditor.staticCompletionEnhancement.customization"></h5>
  5912.     <div class='OJBetter_setting_list alert_warn'>
  5913.         <div>
  5914.             <p data-i18n="settings:codeEditor.staticCompletionEnhancement.performanceWarning"></p>
  5915.         </div>
  5916.     </div>
  5917.     <div id="Complet_config" class="config"></div>
  5918. </div>
  5919. `;
  5920.  
  5921. const preference_settings_HTML = `
  5922. <div id="preference-settings" class="settings-page">
  5923.     <h3 data-i18n="settings:preference.title"></h3>
  5924.     <hr>
  5925.     <div class='OJBetter_setting_list'>
  5926.         <label for="showLoading" data-i18n="settings:preference.loadingInfo.label"></label>
  5927.         <div class="help_tip">
  5928.             ${helpCircleHTML}
  5929.             <div class="tip_text" data-i18n="[html]settings:preference.loadingInfo.helpText" data-i18n-options='{ "scriptName": "${OJBetter.state.name}" }'></div>
  5930.         </div>
  5931.         <input type="checkbox" id="showLoading" name="showLoading">
  5932.     </div>
  5933.     <div class='OJBetter_setting_list'>
  5934.         <label for="hoverTargetAreaDisplay" data-i18n="settings:preference.targetArea.label"></label>
  5935.         <div class="help_tip">
  5936.             ${helpCircleHTML}
  5937.             <div class="tip_text" data-i18n="[html]settings:preference.targetArea.helpText"></div>
  5938.         </div>
  5939.         <input type="checkbox" id="hoverTargetAreaDisplay" name="hoverTargetAreaDisplay">
  5940.     </div>
  5941.     <div class='OJBetter_setting_list'>
  5942.         <label for='iconButtonSize'>
  5943.             <div style="display: flex;align-items: center;" data-i18n="settings:preference.iconButtonSize.title"></div>
  5944.         </label>
  5945.         <div class="help_tip">
  5946.             ${helpCircleHTML}
  5947.             <div class="tip_text" data-i18n="[html]settings:preference.iconButtonSize.helpText"></div>
  5948.         </div>
  5949.         <input type='number' id='iconButtonSize' class='no_default' require=true data-i18n="[placeholder]settings:preference.iconButtonSize.placeholder">
  5950.         <span>px</span>
  5951.     </div>
  5952. </div>
  5953. `;
  5954.  
  5955. const dev_settings_HTML = `
  5956. <div id="dev-settings" class="settings-page">
  5957.     <h3 data-i18n="settings:dev.title"></h3>
  5958.     <hr>
  5959.     <div class='OJBetter_setting_list alert_danger'>
  5960.         <div>
  5961.             <p data-i18n="[html]settings:dev.notice"></p>
  5962.         </div>
  5963.     </div>
  5964.     <hr>
  5965.     <h5 data-i18n="settings:dev.load.title"></h5>
  5966.     <div class='OJBetter_setting_list'>
  5967.         <label for="notWaiteLoaded"><span data-i18n="settings:dev.load.notWaiteLoaded.label"></span></label>
  5968.         <div class="help_tip">
  5969.             ${helpCircleHTML}
  5970.             <div class="tip_text" data-i18n="[html]settings:dev.load.notWaiteLoaded.helpText"></div>
  5971.         </div>
  5972.         <input type="checkbox" id="notWaiteLoaded" name="notWaiteLoaded">
  5973.     </div>
  5974.     <hr>
  5975.     <h5 data-i18n="settings:dev.l10n.title"></h5>
  5976.     <div class='OJBetter_setting_list'>
  5977.         <label><span data-i18n="settings:dev.l10n.refreshScrpitCache.label"></span></label>
  5978.         <div class="help_tip">
  5979.             ${helpCircleHTML}
  5980.             <div class="tip_text" data-i18n="[html]settings:dev.l10n.refreshScrpitCache.helpText"></div>
  5981.         </div>
  5982.         <button type="button" id="l10n_refreshScrpitCacheButton" name="l10n_refreshScrpitCacheButton" data-i18n="settings:dev.l10n.refreshScrpitCache.button"></button>
  5983.     </div>
  5984.     <hr>
  5985.     <h5 data-i18n="settings:dev.l10n_web.title"></h5>
  5986.     <div class='OJBetter_setting_list'>
  5987.         <label><span data-i18n="settings:dev.l10n_web.refreshScrpitCache.label"></span></label>
  5988.         <div class="help_tip">
  5989.             ${helpCircleHTML}
  5990.             <div class="tip_text" data-i18n="[html]settings:dev.l10n_web.refreshScrpitCache.helpText"></div>
  5991.         </div>
  5992.         <button type="button" id="l10n_web_refreshScrpitCacheButton" name="l10n_web_refreshScrpitCacheButton" data-i18n="settings:dev.l10n_web.refreshScrpitCache.button"></button>
  5993.     </div>
  5994.     <div class='OJBetter_setting_list'>
  5995.         <label for="isRuleMarkingEnabled"><span data-i18n="settings:dev.l10n_web.isRuleMarkingEnabled.label"></span></label>
  5996.         <div class="help_tip">
  5997.             ${helpCircleHTML}
  5998.             <div class="tip_text" data-i18n="[html]settings:dev.l10n_web.isRuleMarkingEnabled.helpText"></div>
  5999.         </div>
  6000.         <input type="checkbox" id="isRuleMarkingEnabled" name="isRuleMarkingEnabled">
  6001.     </div>
  6002.     <hr>
  6003.     <h5 data-i18n="settings:dev.indexedDB.title"></h5>
  6004.     <div class='OJBetter_setting_list'>
  6005.         <label><span data-i18n="settings:dev.indexedDB.clear.label"></span></label>
  6006.         <div class="help_tip">
  6007.             ${helpCircleHTML}
  6008.             <div class="tip_text" data-i18n="[html]settings:dev.indexedDB.clear.helpText"></div>
  6009.         </div>
  6010.         <button type="button" id="indexedDB_clearButton" name="indexedDB_clearButton" data-i18n="settings:dev.indexedDB.clear.button"></button>
  6011.     </div>
  6012.     <div class='OJBetter_setting_list'>
  6013.         <label><span data-i18n="settings:dev.indexedDB.inputOrExport.label"></span></label>
  6014.         <div class="help_tip">
  6015.             ${helpCircleHTML}
  6016.             <div class="tip_text" data-i18n="[html]settings:dev.indexedDB.inputOrExport.helpText"></div>
  6017.         </div>
  6018.         <button type="button" id="indexedDB_exportButton" name="indexedDB_exportButton" data-i18n="settings:dev.indexedDB.inputOrExport.export"></button>
  6019.         <button type="button" id="indexedDB_importButton" name="indexedDB_importButton" data-i18n="settings:dev.indexedDB.inputOrExport.import"></button>
  6020.     </div>
  6021.     <hr>
  6022.     <h5 data-i18n="settings:dev.configuration.title"></h5>
  6023.     <div class='OJBetter_setting_list'>
  6024.         <label><span data-i18n="settings:dev.configuration.clear.label"></span></label>
  6025.         <div class="help_tip">
  6026.             ${helpCircleHTML}
  6027.             <div class="tip_text" data-i18n="[html]settings:dev.configuration.clear.helpText"></div>
  6028.         </div>
  6029.         <button type="button" id="configuration_clearButton" name="configuration_clearButton" data-i18n="settings:dev.configuration.clear.button"></button>
  6030.     </div>
  6031.     <div class='OJBetter_setting_list'>
  6032.         <label><span data-i18n="settings:dev.configuration.inputOrExport.label"></span></label>
  6033.         <div class="help_tip">
  6034.             ${helpCircleHTML}
  6035.             <div class="tip_text" data-i18n="[html]settings:dev.configuration.inputOrExport.helpText"></div>
  6036.         </div>
  6037.         <button type="button" id="configuration_exportButton" name="configuration_exportButton" data-i18n="settings:dev.configuration.inputOrExport.export"></button>
  6038.         <button type="button" id="configuration_importButton" name="configuration_importButton" data-i18n="settings:dev.configuration.inputOrExport.import"></button>
  6039.     </div>
  6040. </div>
  6041. `;
  6042.  
  6043. const about_settings_HTML = `
  6044. <div id="about-settings" class="settings-page">
  6045.     <h3 data-i18n="settings:about.title"></h3>
  6046.     <hr>
  6047.     <div class='versionInfo'>
  6048.         <p>${OJBetter.state.name}</p>
  6049.         <p><span data-i18n="settings:about.version"></span><span id="nowVersion">${OJBetter.state.version}</span></p>
  6050.         <p> @北极小狐 <a target="_blank" href="https://github.com/beijixiaohu/OJBetter">Github</a> 
  6051.         <a target="_blank" href="https://greasyfork.org/zh-CN/scripts/465777">GreasyFork</a></p>
  6052.     </div>
  6053.     <hr>
  6054.     <h5 data-i18n="settings:about.update.title"></h5>
  6055.     <div id="thanksforDevChannelNotice" class='OJBetter_setting_list alert_info'>
  6056.         <div data-i18n="[html]settings:about.update.thanksforDevChannelNotice"} data-i18n-options='{ "scriptName": "${OJBetter.state.name}" }' ></div>
  6057.     </div>
  6058.     <div class='OJBetter_setting_list'>
  6059.         <label for="updateChannel"><span data-i18n="settings:about.update.channel.label"></span></label>
  6060.         <div class="help_tip">
  6061.             ${helpCircleHTML}
  6062.             <div class="tip_text" data-i18n="[html]settings:about.update.channel.helpText"></div>
  6063.         </div>
  6064.         <select id="updateChannel" name="updateChannel">
  6065.             <option value="release" data-i18n="settings:about.update.channel.options.release"></option>
  6066.             <option value="dev" data-i18n="settings:about.update.channel.options.dev"></option>
  6067.         </select>
  6068.     </div>
  6069.     <div class='OJBetter_setting_list'>
  6070.         <label for="updateSource"><span data-i18n="settings:about.update.source.label"></span></label>
  6071.         <div class="help_tip">
  6072.             ${helpCircleHTML}
  6073.             <div class="tip_text" data-i18n="[html]settings:about.update.source.helpText"></div>
  6074.         </div>
  6075.         <select id="updateSource" name="updateSource">
  6076.             <option value="greasyfork" data-i18n="settings:about.update.source.options.greasyfork"></option>
  6077.             <option value="github" data-i18n="settings:about.update.source.options.github"></option>
  6078.             <option value="aliyunoss" data-i18n="settings:about.update.source.options.aliyunoss"></option>
  6079.         </select>
  6080.     </div>
  6081. </div>
  6082. `;
  6083.  
  6084. const OJBetter_setting_content_HTML = `
  6085. <div class="OJBetter_setting_content">
  6086.     ${basic_settings_HTML}
  6087.     ${l10n_settings_HTML}
  6088.     ${translation_settings_HTML}
  6089.     ${clist_rating_settings_HTML}
  6090.     ${code_editor_settings_HTML}
  6091.     ${preference_settings_HTML}
  6092.     ${dev_settings_HTML}
  6093.     ${about_settings_HTML}
  6094. </div>
  6095. `;
  6096.  
  6097. // 设置界面HTML
  6098. const OJBetterSettingMenu_HTML = `
  6099.     <dialog class='OJBetter_setting_menu' id='OJBetter_setting_menu'>
  6100.         <div class="tool-box">
  6101.             <button class='ojb_btn ojb_btn_popover top btn-close'>
  6102.                 <i class="iconfont">&#xe614;</i>
  6103.             </button>
  6104.         </div>
  6105.         <div class="OJBetter_setting_container">
  6106.             ${OJBetter_setting_sidebar_HTML}
  6107.             ${OJBetter_setting_content_HTML}
  6108.         </div>
  6109.     </dialog>
  6110. `;
  6111.  
  6112. const apiCustomConfigHTML = (prefix) => {
  6113.     return `
  6114.     <div class="OJBetter_setting_list">
  6115.         <label for='${prefix}_header'>
  6116.             <div style="display: flex;align-items: center;">
  6117.                 <span class="input_label" data-i18n="config:common.advanced.header.label"></span>
  6118.                 <div class="help_tip">
  6119.                     ${helpCircleHTML}
  6120.                     <div class="tip_text" data-i18n="[html]config:common.advanced.header.tipText"></div>
  6121.                 </div>
  6122.             </div>
  6123.         </label>
  6124.         <textarea id="${prefix}_header" placeholder='' require = false data-i18n="[placeholder]config:common.advanced.header.placeholder"></textarea>
  6125.     </div>
  6126.     <div class="OJBetter_setting_list">
  6127.         <label for='${prefix}_data'>
  6128.             <div style="display: flex;align-items: center;">
  6129.                 <span class="input_label" data-i18n="config:common.advanced.data.label"></span>
  6130.                 <div class="help_tip">
  6131.                     ${helpCircleHTML}
  6132.                     <div class="tip_text" data-i18n="[html]config:common.advanced.data.tipText"></div>
  6133.                 </div>
  6134.             </div>
  6135.         </label>
  6136.         <textarea id="${prefix}_data" placeholder='' require = false data-i18n="[placeholder]config:common.advanced.data.placeholder"></textarea>
  6137.     </div>
  6138.     `;
  6139. };
  6140.  
  6141. const apiQuotaConfigHTML = (prefix) => {
  6142.     return `
  6143.     <div class="OJBetter_setting_list">
  6144.         <label for='${prefix}_quota_url'>
  6145.         <div style="display: flex;align-items: center;">
  6146.                 <span class="input_label" data-i18n="config:common.quota.url.label"></span>
  6147.                 <div class="help_tip">
  6148.                     ${helpCircleHTML}
  6149.                     <div class="tip_text" data-i18n="[html]config:common.quota.url.tipText"></div>
  6150.                 </div>
  6151.             </div>
  6152.         </label>
  6153.         <input type='text' id='${prefix}_quota_url' class='no_default' placeholder='' require = true data-i18n="[placeholder]config:common.quota.url.placeholder">
  6154.     </div>
  6155.     <div class="OJBetter_setting_list">
  6156.         <label for="${prefix}_quota_method" style="display: flex;" data-i18n="config:common.quota.method.label"></label>
  6157.         <div class="help_tip">
  6158.             ${helpCircleHTML}
  6159.             <div class="tip_text" data-i18n="[html]config:common.quota.method.tipText"></div>
  6160.         </div>
  6161.         <select id="${prefix}_quota_method" name="${prefix}_quota_method">
  6162.             <option value="get">GET</option>
  6163.             <option value="post">POST</option>
  6164.         </select>
  6165.     </div>
  6166.     <div class="OJBetter_setting_list">
  6167.         <label for='${prefix}_quota_header'>
  6168.             <div style="display: flex;align-items: center;">
  6169.                 <span class="input_label" data-i18n="config:common.quota.header.label"></span>
  6170.                 <div class="help_tip">
  6171.                     ${helpCircleHTML}
  6172.                     <div class="tip_text" data-i18n="[html]config:common.quota.header.tipText"></div>
  6173.                 </div>
  6174.             </div>
  6175.         </label>
  6176.         <textarea id="${prefix}_quota_header" placeholder='' require = false data-i18n="[placeholder]config:common.quota.header.placeholder"></textarea>
  6177.     </div>
  6178.     <div class="OJBetter_setting_list">
  6179.         <label for='${prefix}_quota_data'>
  6180.             <div style="display: flex;align-items: center;">
  6181.                 <span class="input_label" data-i18n="config:common.quota.data.label"></span>
  6182.                 <div class="help_tip">
  6183.                     ${helpCircleHTML}
  6184.                     <div class="tip_text" data-i18n="[html]config:common.quota.data.tipText"></div>
  6185.                 </div>
  6186.             </div>
  6187.         </label>
  6188.         <textarea id="${prefix}_quota_data" placeholder='' require = false data-i18n="[placeholder]config:common.quota.data.placeholder"></textarea>
  6189.     </div>
  6190.     <div class="OJBetter_setting_list">
  6191.         <div style="display: flex;align-items: center;">
  6192.                 <span class="input_label" data-i18n="config:common.quota.surplus.label"></span>
  6193.                 <div class="help_tip">
  6194.                     ${helpCircleHTML}
  6195.                     <div class="tip_text" data-i18n="[html]config:common.quota.surplus.tipText"></div>
  6196.                 </div>
  6197.             </div>
  6198.         </label>
  6199.         <input type='text' id='${prefix}_quota_surplus' class='no_default' placeholder='' require = true data-i18n="[placeholder]config:common.quota.surplus.placeholder">
  6200.     </div>
  6201.     `;
  6202. }
  6203.  
  6204. const deeplConfigEditHTML = `
  6205.     <dialog class='OJBetter_setting_menu' id='config_edit_menu'>
  6206.     <div class='OJBetter_setting_content'>
  6207.         <div class="tool-box">
  6208.             <button class='ojb_btn ojb_btn_popover top btn-close'>
  6209.                 <i class="iconfont">&#xe614;</i>
  6210.             </button>
  6211.         </div>
  6212.         <h4 data-i18n="config:deepl.title"></h4>
  6213.         <h5 data-i18n="config:deepl.basic.title"></h5>
  6214.         <hr>
  6215.         <div class="OJBetter_setting_list">
  6216.             <label for='name'>
  6217.                 <span class="input_label" data-i18n="config:deepl.basic.name.label"></span>
  6218.             </label>
  6219.             <input type='text' id='name' class='no_default' placeholder='' require = true data-i18n="[placeholder]config:deepl.basic.name.placeholder">
  6220.         </div>
  6221.         <div class='OJBetter_setting_list'>
  6222.             <label for="deepl_apiGenre" style="display: flex;" data-i18n="config:deepl.genre.label"></label>
  6223.             <div class="help_tip">
  6224.                 ${helpCircleHTML}
  6225.                 <div class="tip_text" data-i18n="[html]config:deepl.genre.tipText"></div>
  6226.             </div>
  6227.             <select id="deepl_apiGenre" name="deepl_apiGenre">
  6228.                 <option value="api-free">api-free</option>
  6229.                 <option value="api-pro">api-pro</option>
  6230.                 <option value="deeplx">deeplx</option>
  6231.             </select>
  6232.         </div>
  6233.         <div class="OJBetter_setting_list">
  6234.             <label for='deepl_key'>
  6235.                 <div style="display: flex;align-items: center;">
  6236.                     <span class="input_label" data-i18n="config:deepl.basic.key.label"></span>
  6237.                     <div class="help_tip">
  6238.                         ${helpCircleHTML}
  6239.                         <div class="tip_text" data-i18n="[html]config:deepl.basic.key.tipText"></div>
  6240.                     </div>
  6241.                 </div>
  6242.             </label>
  6243.             <input type='text' id='deepl_key' class='no_default' placeholder='' require = true data-i18n="[placeholder]config:deepl.basic.key.placeholder">
  6244.         </div>
  6245.         <div class="OJBetter_setting_list">
  6246.             <label for='deepl_proxy'>
  6247.                 <div style="display: flex;align-items: center;">
  6248.                     <span class="input_label" data-i18n="config:deepl.basic.proxy.label">Proxy API:</span>
  6249.                     <div class="help_tip">
  6250.                         ${helpCircleHTML}
  6251.                         <div class="tip_text" data-i18n="[html]config:deepl.basic.proxy.tipText"></div>
  6252.                     </div>
  6253.                 </div>
  6254.             </label>
  6255.             <input type='text' id='deepl_proxy' placeholder='' require = false>
  6256.         </div>
  6257.         <hr>
  6258.         <details>
  6259.             <summary data-i18n="config:common.advanced.title"></summary>
  6260.             ${apiCustomConfigHTML('deepl')}
  6261.         </details>
  6262.         <details>
  6263.             <summary data-i18n="config:common.quota.title"></summary>
  6264.             ${apiQuotaConfigHTML('deepl')}
  6265.         </details>
  6266.         <button id='tempConfig_save' data-i18n="common:save"></button>
  6267.     </div>
  6268.     </dialog>
  6269. `;
  6270.  
  6271. const chatgptConfigEditHTML = `
  6272.     <dialog class='OJBetter_setting_menu' id='config_edit_menu'>
  6273.     <div class='OJBetter_setting_content'>
  6274.         <div class="tool-box">
  6275.             <button class='ojb_btn ojb_btn_popover top btn-close'>
  6276.                 <i class="iconfont">&#xe614;</i>
  6277.             </button>
  6278.         </div>
  6279.         <h4 data-i18n="config:chatgpt.title"></h4>
  6280.         <h5 data-i18n="config:chatgpt.basic.title"></h5>
  6281.         <hr>
  6282.         <div class="OJBetter_setting_list">
  6283.             <label for='name'>
  6284.                 <span class="input_label" data-i18n="config:chatgpt.basic.name.label"></span>
  6285.             </label>
  6286.             <input type='text' id='name' class='no_default' placeholder='' require = true data-i18n="[placeholder]config:chatgpt.basic.name.placeholder">
  6287.         </div>
  6288.         <div class="OJBetter_setting_list">
  6289.             <label for='chatgpt_model'>
  6290.                 <div style="display: flex;align-items: center;">
  6291.                     <span class="input_label" data-i18n="[html]config:chatgpt.basic.model.label"></span>
  6292.                     <div class="help_tip">
  6293.                         ${helpCircleHTML}
  6294.                         <div class="tip_text" data-i18n="[html]config:chatgpt.basic.model.tipText"></div>
  6295.                     </div>
  6296.                 </div>
  6297.             </label>
  6298.             <input type='text' id='chatgpt_model' placeholder='gpt-3.5-turbo' require = false>
  6299.         </div>
  6300.         <div class="OJBetter_setting_list">
  6301.             <label for='chatgpt_key'>
  6302.                 <div style="display: flex;align-items: center;">
  6303.                     <span class="input_label" data-i18n="config:chatgpt.basic.key.label"></span>
  6304.                     <div class="help_tip">
  6305.                         ${helpCircleHTML}
  6306.                         <div class="tip_text" data-i18n="[html]config:chatgpt.basic.key.tipText"></div>
  6307.                     </div>
  6308.                 </div>
  6309.             </label>
  6310.             <input type='text' id='chatgpt_key' class='no_default' placeholder='' require = true data-i18n="[placeholder]config:chatgpt.basic.key.placeholder">
  6311.         </div>
  6312.         <div class="OJBetter_setting_list">
  6313.             <label for='chatgpt_proxy'>
  6314.                 <div style="display: flex;align-items: center;">
  6315.                     <span class="input_label" data-i18n="config:chatgpt.basic.proxy.label">Proxy API:</span>
  6316.                     <div class="help_tip">
  6317.                         ${helpCircleHTML}
  6318.                         <div class="tip_text" data-i18n="[html]config:chatgpt.basic.proxy.tipText"></div>
  6319.                     </div>
  6320.                 </div>
  6321.             </label>
  6322.             <input type='text' id='chatgpt_proxy' placeholder='https://api.openai.com/v1/chat/completions' require = false>
  6323.         </div>
  6324.         <hr>
  6325.         <details>
  6326.             <summary data-i18n="config:common.advanced.title"></summary>
  6327.             ${apiCustomConfigHTML('chatgpt')}
  6328.         </details>
  6329.         <details>
  6330.             <summary data-i18n="config:common.quota.title"></summary>
  6331.             ${apiQuotaConfigHTML('chatgpt')}
  6332.         </details>
  6333.         <button id='tempConfig_save' data-i18n="common:save"></button>
  6334.     </div>
  6335.     </dialog>
  6336. `;
  6337.  
  6338. const CompletConfigEditHTML = `
  6339.     <dialog class='OJBetter_setting_menu' id='config_edit_menu'>
  6340.     <div class='OJBetter_setting_content'>
  6341.         <div class="tool-box">
  6342.             <button class='ojb_btn ojb_btn_popover top btn-close'>
  6343.                 <i class="iconfont">&#xe614;</i>
  6344.             </button>
  6345.         </div>
  6346.         <h4 data-i18n="config:complet.title"></h4>
  6347.         <hr>
  6348.         <div class="OJBetter_setting_list">
  6349.             <label for='name'>
  6350.                 <span class="input_label" data-i18n="config:complet.name.label"></span>
  6351.             </label>
  6352.             <input type='text' id='name' class='no_default' placeholder='' require = true  data-i18n="[placeholder]config:complet.name.placeholder">
  6353.         </div>
  6354.         <div class='OJBetter_setting_list'>
  6355.             <label for="complet_isChoose"><span id="loaded_span" data-i18n="config:complet.choose.label"></span></label>
  6356.             <input type="checkbox" id="complet_isChoose" name="complet_isChoose" require = false>
  6357.         </div>
  6358.         <div class='OJBetter_setting_list'>
  6359.             <label for="complet_genre" style="display: flex;" data-i18n="config:complet.genre.label"></label>
  6360.             <div class="help_tip">
  6361.                 ${helpCircleHTML}
  6362.                 <div class="tip_text" data-i18n="[html]config:complet.genre.tipText"></div>
  6363.             </div>
  6364.             <select id="complet_genre" name="complet_genre">
  6365.                 <option value="monaco">monaco</option>
  6366.                 <option value="ace">ace</option>
  6367.             </select>
  6368.         </div>
  6369.         <div class='OJBetter_setting_list'>
  6370.             <label for="complet_language" style="display: flex;" data-i18n="config:complet.language.label"></label>
  6371.             <select id="complet_language" name="complet_language">
  6372.                 <option value="cpp">cpp</option>
  6373.                 <option value="python">python</option>
  6374.                 <option value="java">java</option>
  6375.                 <option value="c">c</option>
  6376.             </select>
  6377.         </div>
  6378.         <div class="OJBetter_setting_list">
  6379.             <label for='complet_jsonUrl'>
  6380.                 <div style="display: flex;align-items: center;">
  6381.                     <span class="input_label">JSON URL:</span>
  6382.                     <div class="help_tip">
  6383.                         ${helpCircleHTML}
  6384.                         <div class="tip_text" data-i18n="[html]config:complet.jsonurl.tipText"></div>
  6385.                     </div>
  6386.                 </div>
  6387.             </label>
  6388.             <div class='OJBetter_setting_list alert_warn' data-i18n="[html]config:complet.jsonurl.alert"></div>
  6389.             <input type='text' id='complet_jsonUrl' class='no_default' placeholder='' require = true data-i18n="[placeholder]config:complet.jsonurl.placeholder">
  6390.         </div>
  6391.         <button id='tempConfig_save' data-i18n="common:save"></button>
  6392.     </div>
  6393.     </dialog>
  6394. `;
  6395.  
  6396. /**
  6397.  * 加载设置按钮面板
  6398.  */
  6399. async function initSettingsPanel() {
  6400.     /**
  6401.      * 添加右上角设置按钮
  6402.      * @param {string} location 位置选择器
  6403.      * @param {string} method 插入方法
  6404.      */
  6405.     function insertOJBetterSettingButton(location, method) {
  6406.         $(location)[method](`<button class='ojb_btn OJBetter_setting'>
  6407.         ${OJBetter.state.name} ${i18next.t('settings', { ns: 'common' })}</button>`);
  6408.     }
  6409.  
  6410.     /**
  6411.      * ============================================
  6412.      * 该网站插入设置按钮的位置和方式
  6413.      */
  6414.     insertOJBetterSettingButton(".lang-chooser", "before");
  6415.     insertOJBetterSettingButton(".enter-or-register-box", "after");
  6416.     if (OJBetter.typeOfPage.is_completeProblemset) insertOJBetterSettingButton(".lang", "before");
  6417.     /**
  6418.      * ============================================
  6419.      */
  6420.  
  6421.     const $settingBtns = $(".OJBetter_setting");
  6422.     $settingBtns.click(() => {
  6423.         $settingBtns.prop("disabled", true).addClass("open");
  6424.  
  6425.         // 设置面板div
  6426.         const settingMenu = OJB_safeCreateJQElement(OJBetterSettingMenu_HTML);
  6427.         $("body").append(settingMenu);
  6428.  
  6429.         elementLocalize(settingMenu); // 加载i18n
  6430.         OJB_showModal(settingMenu);
  6431.         OJB_addDraggable($('#OJBetter_setting_menu')); // 窗口支持拖拽
  6432.  
  6433.         // help帮助悬浮窗位置更新
  6434.         $(document).on('mouseenter', '.help-icon', function (event) {
  6435.             var menuOffset = $('.OJBetter_setting_menu:last').offset();
  6436.             var mouseX = event.pageX - menuOffset.left;
  6437.             var mouseY = event.pageY - menuOffset.top;
  6438.  
  6439.             $('.tip_text').css({
  6440.                 'top': mouseY + 'px',
  6441.                 'left': mouseX + 'px'
  6442.             });
  6443.         });
  6444.  
  6445.         // 选项卡切换
  6446.         $('.OJBetter_setting_sidebar a').click(function (event) {
  6447.             event.preventDefault();
  6448.             $('.OJBetter_setting_sidebar a').removeClass('active');
  6449.             $('.settings-page').removeClass('active');
  6450.             $(this).addClass('active');
  6451.             const targetPageId = $(this).attr('href').substring(1);
  6452.             $('#' + targetPageId).addClass('active');
  6453.         });
  6454.  
  6455.         /**
  6456.          * 更新单选按钮组的可用状态
  6457.          * @param {string} selector 单选按钮组的选择器
  6458.          * @param {string} targetLanguage 目标语言
  6459.          * @param {Object} translationSupport 翻译支持的语言对应表
  6460.          */
  6461.         const updateRadioButtonsAvailability = (selector, targetLanguage) => {
  6462.             Object.entries(OJBetter.supportList.translationSupport).forEach(([service, languages]) => {
  6463.                 const radioButton = $(selector).find(`input[value="${service}"]`);
  6464.                 const isEnabled = languages[targetLanguage];
  6465.                 $(radioButton).prop('disabled', !isEnabled);
  6466.                 if (!isEnabled) {
  6467.                     $(radioButton).prop('checked', false);
  6468.                 }
  6469.             });
  6470.         };
  6471.  
  6472.         /**
  6473.          * 检查下拉框选中项是否有效，若无效则清空
  6474.          * @param {string} selector 下拉框的选择器
  6475.          */
  6476.         const validateSelectOption = (selector) => {
  6477.             const selectedValue = $(selector).val();
  6478.             if (!selectedValue) {
  6479.                 $(selector).val('');
  6480.             }
  6481.         };
  6482.  
  6483.         /**
  6484.          * 更新翻译目标语言下拉框的可用状态
  6485.          * @param {string} selector 下拉框的选择器
  6486.          * @param {string} targetLanguage 目标语言
  6487.          * @param {Object} translationSupport 翻译支持的语言对应表
  6488.          */
  6489.         const updateSelectOptionsAvailability = (selector, targetLanguage) => {
  6490.             $(selector).children('option').each(function () {
  6491.                 const optionValue = $(this).val();
  6492.                 const isEnabled = OJBetter.supportList.translationSupport[optionValue] ? OJBetter.supportList.translationSupport[optionValue][targetLanguage] : true;
  6493.                 $(this).prop('disabled', !isEnabled);
  6494.             });
  6495.             validateSelectOption(selector);
  6496.         };
  6497.  
  6498.         /**
  6499.          * 更新翻译服务复选框的可用状态
  6500.          * @param {string} selector 复选框的选择器
  6501.          * @param {string} targetLanguage 目标语言
  6502.          * @param {Object} translationSupport 翻译支持的语言对应表
  6503.          */
  6504.         const updateCheckboxesAvailability = (selector, targetLanguage) => {
  6505.             $(selector).children('input').each(function () {
  6506.                 const checkboxValue = $(this).val();
  6507.                 const isEnabled = OJBetter.supportList.translationSupport[checkboxValue][targetLanguage];
  6508.                 $(this).prop('disabled', !isEnabled);
  6509.                 if (!isEnabled) {
  6510.                     $(this).prop('checked', false);
  6511.                 }
  6512.             });
  6513.         };
  6514.  
  6515.         /**
  6516.          * 更新更新源下拉框的可用状态
  6517.          * @param {string} selector 下拉框的选择器
  6518.          * @param {string} targetLanguage 目标语言
  6519.          * @param {Object} translationSupport 翻译支持的语言对应表
  6520.          */
  6521.         const updateUpdateSourceSelectOptionsAvailability = (selector, updateChannel) => {
  6522.             $(selector).children('option').each(function () {
  6523.                 const optionValue = $(this).val();
  6524.                 const isEnabled = OJBetter.supportList.updateSourceSupportList[optionValue][updateChannel];
  6525.                 $(this).prop('disabled', !isEnabled);
  6526.             });
  6527.             validateSelectOption(selector);
  6528.         };
  6529.  
  6530.         /**
  6531.          * 创建配置结构
  6532.          * @param {string} type - 该字段的在表单中的类型
  6533.          * @param {string} value - 在配置中的键值
  6534.          * @param {boolean} require - 是否是表单的必填项
  6535.          * @param {string} [check=""] check - 调用的合法性检查
  6536.          */
  6537.         function createStructure(type, value, require, check = "") {
  6538.             return { type, value, require, check };
  6539.         }
  6540.  
  6541.         // deepl配置
  6542.         const deeplStructure = {
  6543.             '#name': createStructure('text', 'name', true),
  6544.             '#deepl_apiGenre': createStructure('text', 'apiGenre', true),
  6545.             '#deepl_key': createStructure('text', 'key', false),
  6546.             '#deepl_proxy': createStructure('text', 'proxy', false),
  6547.             '#deepl_header': createStructure('text', '_header', false, 'keyValuePairs'),
  6548.             '#deepl_data': createStructure('text', '_data', false, 'keyValuePairs'),
  6549.             '#deepl_quota_url': createStructure('text', 'quota_url', false),
  6550.             '#deepl_quota_method': createStructure('text', 'quota_method', false),
  6551.             '#deepl_quota_header': createStructure('text', 'quota_header', false, 'keyValuePairs'),
  6552.             '#deepl_quota_data': createStructure('text', 'quota_data', false, 'keyValuePairs'),
  6553.             '#deepl_quota_surplus': createStructure('text', 'quota_surplus', false, 'dotSeparatedPath'),
  6554.         };
  6555.         let tempConfig_deepl = GM_getValue('deepl_config'); // 获取配置信息
  6556.         const configManager_deepl = new ConfigManager('#deepl_config', 'deepl_config_', tempConfig_deepl, deeplStructure, deeplConfigEditHTML);
  6557.         configManager_deepl.registerChoiceChange();
  6558.  
  6559.         // chatgpt配置
  6560.         const chatgptStructure = {
  6561.             '#name': createStructure('text', 'name', true),
  6562.             '#chatgpt_model': createStructure('text', 'model', false),
  6563.             '#chatgpt_key': createStructure('text', 'key', true),
  6564.             '#chatgpt_proxy': createStructure('text', 'proxy', false),
  6565.             '#chatgpt_header': createStructure('text', '_header', false, 'keyValuePairs'),
  6566.             '#chatgpt_data': createStructure('text', '_data', false, 'keyValuePairs'),
  6567.             '#chatgpt_quota_url': createStructure('text', 'quota_url', false),
  6568.             '#chatgpt_quota_header': createStructure('text', 'quota_header', false, 'keyValuePairs'),
  6569.             '#chatgpt_quota_data': createStructure('text', 'quota_data', false, 'keyValuePairs'),
  6570.             '#chatgpt_quota_surplus': createStructure('text', 'quota_surplus', false, 'dotSeparatedPath'),
  6571.             '#chatgpt_quota_method': createStructure('text', 'quota_method', false),
  6572.         };
  6573.         let tempConfig_chatgpt = GM_getValue('chatgpt_config'); // 获取配置信息
  6574.         const configManager_chatgpt = new ConfigManager('#chatgpt_config', 'chatgpt_config_', tempConfig_chatgpt, chatgptStructure, chatgptConfigEditHTML);
  6575.         configManager_chatgpt.registerChoiceChange();
  6576.  
  6577.         // Complet配置
  6578.         const CompletStructure = {
  6579.             '#name': createStructure('text', 'name', true),
  6580.             '#complet_isChoose': createStructure('checkbox', 'isChoose', true),
  6581.             '#complet_genre': createStructure('text', 'genre', true),
  6582.             '#complet_language': createStructure('text', 'language', true),
  6583.             '#complet_jsonUrl': createStructure('text', 'jsonUrl', true)
  6584.         };
  6585.         let tempConfig_Complet = GM_getValue('Complet_config'); // 获取配置信息
  6586.         const configManager_complet = new ConfigManager('#Complet_config', 'complet_config_', tempConfig_Complet, CompletStructure, CompletConfigEditHTML, false);
  6587.  
  6588.         // 状态更新
  6589.         $("input[name='darkMode'][value='" + OJBetter.basic.darkMode + "']").prop("checked", true);
  6590.         $("#showLoading").prop("checked", GM_getValue("showLoading") === true);
  6591.         $("#expandFoldingblocks").prop("checked", GM_getValue("expandFoldingblocks") === true);
  6592.         $("#renderPerfOpt").prop("checked", GM_getValue("renderPerfOpt") === true);
  6593.         $("#selectElementPerfOpt").prop("checked", GM_getValue("selectElementPerfOpt") === true);
  6594.         $("#commentPaging").prop("checked", GM_getValue("commentPaging") === true);
  6595.         $("#standingsRecolor").prop("checked", GM_getValue("standingsRecolor") === true);
  6596.         $("#showJumpToLuogu").prop("checked", GM_getValue("showJumpToLuogu") === true);
  6597.         $("#showCF2vjudge").prop("checked", GM_getValue("showCF2vjudge") === true);
  6598.         $("#hoverTargetAreaDisplay").prop("checked", GM_getValue("hoverTargetAreaDisplay") === true);
  6599.         $("#showClistRating_contest").prop("checked", GM_getValue("showClistRating_contest") === true);
  6600.         $("#showClistRating_problemset").prop("checked", GM_getValue("showClistRating_problemset") === true);
  6601.         $("#showClistRating_problem").prop("checked", GM_getValue("showClistRating_problem") === true);
  6602.         $("#RatingHidden").prop("checked", GM_getValue("RatingHidden") === true);
  6603.         $('#scriptL10nLanguage').val(GM_getValue("scriptL10nLanguage"));
  6604.         $('#localizationLanguage').val(GM_getValue("localizationLanguage"));
  6605.         $("input[name='translation'][value='" + OJBetter.translation.choice + "']").prop("checked", true);
  6606.         $("input[name='translation']").css("color", "gray");
  6607.         $('#deepl_type').val(GM_getValue("deepl_type"));
  6608.         $("#deepl_config_config_bar_ul").find(`input[name='deepl_config_config_item'][value='${tempConfig_deepl.choice}']`).prop("checked", true);
  6609.         $('#enableEmphasisProtection').prop("checked", GM_getValue("enableEmphasisProtection") === true);
  6610.         $('#enableLinkProtection').prop("checked", GM_getValue("enableLinkProtection") === true);
  6611.         $("#chatgpt_config_config_bar_ul").find(`input[name='chatgpt_config_config_item'][value='${tempConfig_chatgpt.choice}']`).prop("checked", true);
  6612.         $("#openai_isStream").prop("checked", GM_getValue("openai_isStream") === true);
  6613.         $('#comment_translation_choice').val(GM_getValue("commentTranslationChoice"));
  6614.         $('#iconButtonSize').val(GM_getValue("iconButtonSize"));
  6615.         $("#autoTranslation").prop("checked", GM_getValue("autoTranslation") === true);
  6616.         $('#shortTextLength').val(GM_getValue("shortTextLength"));
  6617.         $("#allowMixTrans").prop("checked", GM_getValue("allowMixTrans") === true);
  6618.         $('.OJBetter_checkboxs').find('input[type="checkbox"][name="mixedTranslation"]').each(function () {
  6619.             if (OJBetter.translation.auto.mixTrans.servers.indexOf($(this).val()) > -1) {
  6620.                 $(this).prop('checked', true);
  6621.             }
  6622.         });
  6623.         // 翻译目标语言下拉框
  6624.         $('#transTargetLang').change(function () {
  6625.             var selectedLang = $(this).val();
  6626.             updateRadioButtonsAvailability('#translationServices', selectedLang);
  6627.             updateSelectOptionsAvailability('#comment_translation_choice', selectedLang);
  6628.             updateCheckboxesAvailability('.OJBetter_checkboxs', selectedLang);
  6629.         });
  6630.         $('#transTargetLang').val(GM_getValue("transTargetLang"));
  6631.         $('#transTargetLang').change();
  6632.         // 
  6633.         $('#comment_translation_mode').val(GM_getValue("commentTranslationMode"));
  6634.         $("#memoryTranslateHistory").prop("checked", GM_getValue("memoryTranslateHistory") === true);
  6635.         $('#transWaitTime').val(GM_getValue("transWaitTime"));
  6636.         $('#translation_replaceSymbol').val(GM_getValue("replaceSymbol"));
  6637.         $("#filterTextWithoutEmphasis").prop("checked", GM_getValue("filterTextWithoutEmphasis") === true);
  6638.         $('#translation_retransAction').val(GM_getValue("retransAction"));
  6639.         $("#clist_Authorization").val(GM_getValue("clist_Authorization"));
  6640.         $("#problemPageCodeEditor").prop("checked", GM_getValue("problemPageCodeEditor") === true);
  6641.         $("#beautifyPreBlocks").prop("checked", GM_getValue("beautifyPreBlocks") === true);
  6642.         $("#isCodeSubmitConfirm").prop("checked", GM_getValue("isCodeSubmitConfirm") === true);
  6643.         $("#alwaysConsumeMouseWheel").prop("checked", GM_getValue("alwaysConsumeMouseWheel") === true);
  6644.         $("#submitButtonPosition").val(GM_getValue("submitButtonPosition"));
  6645.         $("#cppCodeTemplateComplete").prop("checked", GM_getValue("cppCodeTemplateComplete") === true);
  6646.         $("#useLSP").prop("checked", GM_getValue("useLSP") === true);
  6647.         $("#OJBetter_Bridge_WorkUri").val(GM_getValue("OJBetter_Bridge_WorkUri"));
  6648.         $("#OJBetter_Bridge_SocketUrl").val(GM_getValue("OJBetter_Bridge_SocketUrl"));
  6649.         $("input[name='compiler'][value='" + OJBetter.monaco.onlineCompilerChoice + "']").prop("checked", true);
  6650.         $("input[name='compiler']").css("color", "gray");
  6651.         // 调试
  6652.         $("#notWaiteLoaded").prop("checked", GM_getValue("notWaiteLoaded") === true);
  6653.         $('#l10n_refreshScrpitCacheButton').click(clearI18nextCache);
  6654.         $('#l10n_web_refreshScrpitCacheButton').click(clearWebsiteL10nData);
  6655.         $("#isRuleMarkingEnabled").prop("checked", GM_getValue("isRuleMarkingEnabled") === true);
  6656.         $('#indexedDB_clearButton').click(async () => { await clearDatabase(); });
  6657.         $('#indexedDB_exportButton').click(async () => { downloadDataAsFile(await exportDatabase(), 'database_export.json') });
  6658.         $('#indexedDB_importButton').click(() => { readFileInput(async (fileContent) => { await importDatabase(fileContent); }); });
  6659.         $('#configuration_clearButton').click(deleteAllConfigSettings);
  6660.         $('#configuration_exportButton').click(() => { downloadDataAsFile(exportSettingsToJSON(), 'configuration_export.json') });
  6661.         $('#configuration_importButton').click(() => { readFileInput((fileContent) => { importSettingsFromJSON(fileContent); }) });
  6662.         // 关于
  6663.         $('#updateChannel').val(GM_getValue("updateChannel"));
  6664.         $('#updateSource').val(GM_getValue("updateSource"));
  6665.         $('#updateChannel').change(function () {
  6666.             var selectedLang = $(this).val();
  6667.             updateUpdateSourceSelectOptionsAvailability('#updateSource', selectedLang);
  6668.             if (selectedLang == "dev") $('#thanksforDevChannelNotice').show();
  6669.             else $('#thanksforDevChannelNotice').hide();
  6670.         });
  6671.         $('#updateChannel').change();
  6672.  
  6673.         // 关闭
  6674.         const $settingMenu = $(".OJBetter_setting_menu");
  6675.         $settingMenu.on("click", ".btn-close", async () => {
  6676.             // 设置的数据
  6677.             const settings = {
  6678.                 darkMode: $("input[name='darkMode']:checked").val(),
  6679.                 showLoading: $("#showLoading").prop("checked"),
  6680.                 hoverTargetAreaDisplay: $("#hoverTargetAreaDisplay").prop("checked"),
  6681.                 expandFoldingblocks: $("#expandFoldingblocks").prop("checked"),
  6682.                 renderPerfOpt: $("#renderPerfOpt").prop("checked"),
  6683.                 selectElementPerfOpt: $("#selectElementPerfOpt").prop("checked"),
  6684.                 commentPaging: $("#commentPaging").prop("checked"),
  6685.                 standingsRecolor: $("#standingsRecolor").prop("checked"),
  6686.                 showJumpToLuogu: $("#showJumpToLuogu").prop("checked"),
  6687.                 showCF2vjudge: $("#showCF2vjudge").prop("checked"),
  6688.                 scriptL10nLanguage: $('#scriptL10nLanguage').val(),
  6689.                 localizationLanguage: $('#localizationLanguage').val(),
  6690.                 transTargetLang: $('#transTargetLang').val(),
  6691.                 translation: $("input[name='translation']:checked").val(),
  6692.                 deepl_type: $('#deepl_type').val(),
  6693.                 enableEmphasisProtection: $("#enableEmphasisProtection").prop("checked"),
  6694.                 enableLinkProtection: $("#enableLinkProtection").prop("checked"),
  6695.                 openai_isStream: $("#openai_isStream").prop("checked"),
  6696.                 commentTranslationChoice: $('#comment_translation_choice').val(),
  6697.                 iconButtonSize: $('#iconButtonSize').val(),
  6698.                 autoTranslation: $("#autoTranslation").prop("checked"),
  6699.                 shortTextLength: $('#shortTextLength').val(),
  6700.                 allowMixTrans: $("#allowMixTrans").prop("checked"),
  6701.                 mixedTranslation: (() => {
  6702.                     let mixedTranslation = [];
  6703.                     $('.OJBetter_checkboxs').find('input[type="checkbox"][name="mixedTranslation"]').each(function () {
  6704.                         if ($(this).is(":checked")) {
  6705.                             mixedTranslation.push($(this).val());
  6706.                         }
  6707.                     });
  6708.                     return mixedTranslation;
  6709.                 })(),
  6710.                 commentTranslationMode: $('#comment_translation_mode').val(),
  6711.                 memoryTranslateHistory: $('#memoryTranslateHistory').prop("checked"),
  6712.                 transWaitTime: $('#transWaitTime').val(),
  6713.                 replaceSymbol: $('#translation_replaceSymbol').val(),
  6714.                 filterTextWithoutEmphasis: $('#filterTextWithoutEmphasis').prop("checked"),
  6715.                 retransAction: $('#translation_retransAction').val(),
  6716.                 showClistRating_contest: $('#showClistRating_contest').prop("checked"),
  6717.                 showClistRating_problemset: $('#showClistRating_problemset').prop("checked"),
  6718.                 showClistRating_problem: $('#showClistRating_problem').prop("checked"),
  6719.                 RatingHidden: $('#RatingHidden').prop("checked"),
  6720.                 clist_Authorization: $('#clist_Authorization').val(),
  6721.                 problemPageCodeEditor: $("#problemPageCodeEditor").prop("checked"),
  6722.                 beautifyPreBlocks: $("#beautifyPreBlocks").prop("checked"),
  6723.                 isCodeSubmitConfirm: $("#isCodeSubmitConfirm").prop("checked"),
  6724.                 alwaysConsumeMouseWheel: $("#alwaysConsumeMouseWheel").prop("checked"),
  6725.                 submitButtonPosition: $('#submitButtonPosition').val(),
  6726.                 cppCodeTemplateComplete: $("#cppCodeTemplateComplete").prop("checked"),
  6727.                 useLSP: $("#useLSP").prop("checked"),
  6728.                 OJBetter_Bridge_WorkUri: $('#OJBetter_Bridge_WorkUri').val().replace(/\\/g, '/').replace(/\/$/, ''),
  6729.                 OJBetter_Bridge_SocketUrl: $('#OJBetter_Bridge_SocketUrl').val(),
  6730.                 onlineCompilerChoice: $("input[name='compiler']:checked").val(),
  6731.                 notWaiteLoaded: $("#notWaiteLoaded").prop("checked"),
  6732.                 isRuleMarkingEnabled: $("#isRuleMarkingEnabled").prop("checked"),
  6733.                 updateChannel: $('#updateChannel').val(),
  6734.                 updateSource: $('#updateSource').val()
  6735.             };
  6736.             // tempConfigs的数据
  6737.             const tempConfigs = {
  6738.                 'deepl_config': configManager_deepl.getTempConfig(),
  6739.                 'chatgpt_config': configManager_chatgpt.getTempConfig(),
  6740.                 'Complet_config': configManager_complet.getTempConfig()
  6741.             }
  6742.  
  6743.             // 判断是否改变
  6744.             let changes = {};
  6745.             const combinedConfigs = Object.assign({}, settings, tempConfigs); // 合并settings和tempConfigs对象
  6746.             for (const [key, value] of Object.entries(combinedConfigs)) {
  6747.                 const storedValue = GM_getValue(key);
  6748.                 if (!OJB_deepEquals(value, storedValue)) {
  6749.                     changes[key] = { oldValue: storedValue, newValue: value };
  6750.                 }
  6751.             }
  6752.  
  6753.             // 如果changes对象不为空，则有变化
  6754.             if (Object.keys(changes).length > 0) {
  6755.                 console.log("Changes detected:", changes);
  6756.                 const shouldSave = await OJB_createDialog(
  6757.                     i18next.t('saveSetting.title', { ns: 'dialog' }),
  6758.                     i18next.t('saveSetting.content', { ns: 'dialog' }),
  6759.                     [
  6760.                         i18next.t('saveSetting.buttons.0', { ns: 'dialog' }),
  6761.                         i18next.t('saveSetting.buttons.1', { ns: 'dialog' })
  6762.                     ]
  6763.                 ); // 配置改变保存确认
  6764.                 if (shouldSave) {
  6765.                     // 数据校验
  6766.                     // TODO
  6767.                     if (settings.deepl_type !== 'free') {
  6768.                         let selectedIndex = $('input[name="deepl_config_config_item"]:checked').length > 0;
  6769.                         if (!selectedIndex) {
  6770.                             $('.deepl_config a').removeClass('active');
  6771.                             $('.settings-page').removeClass('active');
  6772.                             $('#sidebar-translation-settings').addClass('active');
  6773.                             $('#translation-settings').addClass('active');
  6774.  
  6775.                             $('#deepl_config').addClass('missing');
  6776.                             return;
  6777.                         } else {
  6778.                             $('#deepl_config').removeClass('missing');
  6779.                         }
  6780.                     }
  6781.                     if (settings.translation === "openai") {
  6782.                         let selectedIndex = $('input[name="chatgpt_config_config_item"]:checked').length > 0;
  6783.                         if (!selectedIndex) {
  6784.                             $('.chatgpt_config a').removeClass('active');
  6785.                             $('.settings-page').removeClass('active');
  6786.                             $('#sidebar-translation-settings').addClass('active');
  6787.                             $('#translation-settings').addClass('active');
  6788.  
  6789.                             $('#chatgpt_config').addClass('missing');
  6790.                             return;
  6791.                         } else {
  6792.                             $('#chatgpt_config').removeClass('missing');
  6793.                         }
  6794.                     }
  6795.                     {
  6796.                         let selectedIndex = $('input[name="translation"]:checked').length > 0;
  6797.                         if (!selectedIndex) {
  6798.                             $('.OJBetter_setting_sidebar a').removeClass('active');
  6799.                             $('.settings-page').removeClass('active');
  6800.                             $('#sidebar-translation-settings').addClass('active');
  6801.                             $('#translation-settings').addClass('active');
  6802.  
  6803.                             $('#translationServices').addClass('missing');
  6804.                             return;
  6805.                         } else {
  6806.                             $('#translationServices').removeClass('missing');
  6807.                         }
  6808.                     }
  6809.  
  6810.                     // 保存数据
  6811.                     let refreshPage = false; // 是否需要刷新页面
  6812.                     for (const [key, value] of Object.entries(settings)) {
  6813.                         if (!refreshPage && !(key == 'translation' || key == 'darkMode' || key == 'commentTranslationChoice')) {
  6814.                             if (GM_getValue(key) != value) refreshPage = true;
  6815.                         }
  6816.                         GM_setValue(key, value);
  6817.                     }
  6818.                     for (const [key, value] of Object.entries(tempConfigs)) {
  6819.                         if (!refreshPage && (JSON.stringify(GM_getValue(key)) != JSON.stringify(value))) refreshPage = true;
  6820.                         GM_setValue(key, value);
  6821.                     }
  6822.  
  6823.                     if (refreshPage) location.reload();
  6824.                     else {
  6825.                         // 切换黑暗模式
  6826.                         if (OJBetter.basic.darkMode != settings.darkMode) {
  6827.                             OJBetter.basic.darkMode = settings.darkMode;
  6828.                             // 移除旧的事件监听器
  6829.                             changeEventListeners.forEach(listener => {
  6830.                                 mediaQueryList.removeEventListener('change', listener);
  6831.                             });
  6832.  
  6833.                             if (OJBetter.basic.darkMode == "follow") {
  6834.                                 changeEventListeners.push(handleColorSchemeChange);
  6835.                                 mediaQueryList.addEventListener('change', handleColorSchemeChange);
  6836.                                 $('html').removeAttr('data-theme');
  6837.                             } else if (OJBetter.basic.darkMode == "dark") {
  6838.                                 $('html').attr('data-theme', 'dark');
  6839.                                 if (OJBetter.monaco.editor) {
  6840.                                     monaco.editor.setTheme('vs-dark');
  6841.                                 }
  6842.                             } else {
  6843.                                 $('html').attr('data-theme', 'light');
  6844.                                 if (OJBetter.monaco.editor) {
  6845.                                     monaco.editor.setTheme('vs');
  6846.                                 }
  6847.                                 // 移除旧的事件监听器
  6848.                                 const mediaQueryList = window.matchMedia('(prefers-color-scheme: dark)');
  6849.                                 window.matchMedia('(prefers-color-scheme: dark)');
  6850.                             }
  6851.                         }
  6852.                         // 更新配置信息
  6853.                         OJBetter.translation.choice = settings.translation;
  6854.                         OJBetter.translation.comment.choice = settings.commentTranslationChoice;
  6855.                     }
  6856.                 }
  6857.             }
  6858.             OJB_closeAndRemoveModal(settingMenu);
  6859.             $settingBtns.prop("disabled", false).removeClass("open");
  6860.         });
  6861.     });
  6862. };
  6863.  
  6864. /**
  6865.  * 初始化html2markdown转换器
  6866.  */
  6867. async function initHTML2MarkDown() {
  6868.     OJBetter.common.turndownService = new TurndownService({ bulletListMarker: '-' });
  6869.  
  6870.     // 保留原始
  6871.     OJBetter.common.turndownService.keep(['del']);
  6872.  
  6873.     // 丢弃
  6874.     OJBetter.common.turndownService.addRule('remove-by-class', {
  6875.         filter: function (node) {
  6876.             return node.classList.contains('sample-tests') ||
  6877.                 node.classList.contains('header') ||
  6878.                 node.classList.contains('overlay') ||
  6879.                 node.classList.contains('html2md-panel') ||
  6880.                 node.classList.contains('likeForm') ||
  6881.                 node.classList.contains('monaco-editor');
  6882.         },
  6883.         replacement: function (content, node) {
  6884.             return "";
  6885.         }
  6886.     });
  6887.     OJBetter.common.turndownService.addRule('remove-script', {
  6888.         filter: function (node, options) {
  6889.             return node.tagName.toLowerCase() == "script" && node.type.startsWith("math/tex");
  6890.         },
  6891.         replacement: function (content, node) {
  6892.             return "";
  6893.         }
  6894.     });
  6895.  
  6896.     // inline math
  6897.     OJBetter.common.turndownService.addRule('inline-math', {
  6898.         filter: function (node, options) {
  6899.             return node.tagName.toLowerCase() == "span" && node.className == "MathJax";
  6900.         },
  6901.         replacement: function (content, node) {
  6902.             var latex = $(node).next().text();
  6903.             latex = latex.replace(/</g, "&lt;").replace(/>/g, "&gt;");
  6904.             return "$" + latex + "$";
  6905.         }
  6906.     });
  6907.  
  6908.     // block math
  6909.     OJBetter.common.turndownService.addRule('block-math', {
  6910.         filter: function (node, options) {
  6911.             return node.tagName.toLowerCase() == "div" && node.className == "MathJax_Display";
  6912.         },
  6913.         replacement: function (content, node) {
  6914.             var latex = $(node).next().text();
  6915.             latex = latex.replace(/</g, "&lt;").replace(/>/g, "&gt;");
  6916.             return "\n$$\n" + latex + "\n$$\n";
  6917.         }
  6918.     });
  6919.  
  6920.     // texFontStyle
  6921.     OJBetter.common.turndownService.addRule('texFontStyle', {
  6922.         filter: function (node) {
  6923.             return (
  6924.                 node.nodeName === 'SPAN' &&
  6925.                 node.classList.contains('tex-font-style-bf')
  6926.             )
  6927.         },
  6928.         replacement: function (content) {
  6929.             return '**' + content + '**'
  6930.         }
  6931.     })
  6932.  
  6933.     // sectionTitle
  6934.     OJBetter.common.turndownService.addRule('sectionTitle', {
  6935.         filter: function (node) {
  6936.             return (
  6937.                 node.nodeName === 'DIV' &&
  6938.                 node.classList.contains('section-title')
  6939.             )
  6940.         },
  6941.         replacement: function (content) {
  6942.             return '**' + content + '**'
  6943.         }
  6944.     })
  6945.  
  6946.     // property-title
  6947.     OJBetter.common.turndownService.addRule('property-title', {
  6948.         filter: function (node) {
  6949.             return (
  6950.                 node.nodeName === 'DIV' &&
  6951.                 node.classList.contains('property-title')
  6952.             )
  6953.         },
  6954.         replacement: function (content) {
  6955.             return content + ': '
  6956.         }
  6957.     })
  6958.  
  6959.     // pre
  6960.     OJBetter.common.turndownService.addRule('pre', {
  6961.         filter: function (node, options) {
  6962.             return node.tagName.toLowerCase() == "pre";
  6963.         },
  6964.         replacement: function (content, node) {
  6965.             if (!!node.querySelector('code.prettyprint')) {
  6966.                 return "";
  6967.             } else {
  6968.                 return "```\n" + content + "```\n";
  6969.             }
  6970.         }
  6971.     });
  6972.  
  6973.     // bordertable
  6974.     OJBetter.common.turndownService.addRule('bordertable', {
  6975.         filter: 'table',
  6976.         replacement: function (content, node) {
  6977.             if (node.classList.contains('bordertable')) {
  6978.                 var output = [],
  6979.                     thead = '',
  6980.                     trs = node.querySelectorAll('tr');
  6981.                 if (trs.length > 0) {
  6982.                     var ths = trs[0].querySelectorAll('td,th');
  6983.                     if (ths.length > 0) {
  6984.                         thead = '| ' + Array.from(ths).map(th => OJBetter.common.turndownService.turndown(th.innerHTML.trim())).join(' | ') + ' |\n'
  6985.                             + '| ' + Array.from(ths).map(() => ' --- ').join('|') + ' |\n';
  6986.                     }
  6987.                 }
  6988.                 var rows = node.querySelectorAll('tr');
  6989.                 Array.from(rows).forEach(function (row, i) {
  6990.                     if (i > 0) {
  6991.                         var cells = row.querySelectorAll('td,th');
  6992.                         var trow = '| ' + Array.from(cells).map(cell => OJBetter.common.turndownService.turndown(cell.innerHTML.trim())).join(' | ') + ' |';
  6993.                         output.push(trow);
  6994.                     }
  6995.                 });
  6996.                 return thead + output.join('\n');
  6997.             } else {
  6998.                 return content;
  6999.             }
  7000.         }
  7001.     });
  7002. };
  7003.  
  7004. /**
  7005.  * 任务队列
  7006.  */
  7007. class TaskQueue {
  7008.     constructor() {
  7009.         this.taskQueues = {};
  7010.         this.isProcessing = {}; // 处理状态
  7011.         this.delays = {}; // 等待时间（毫秒）
  7012.     }
  7013.  
  7014.     getDelay(type) {
  7015.         if (type === 'openai') {
  7016.             return 0;
  7017.         } else {
  7018.             return OJBetter.translation.waitTime;
  7019.         }
  7020.     }
  7021.  
  7022.     /**
  7023.      * 添加任务
  7024.      * @param {string} type 任务类型
  7025.      * @param {function} fn 任务函数
  7026.      * @param {boolean} isNonQueueTask 是否为非队列任务
  7027.      */
  7028.     addTask(type, fn, isNonQueueTask = false) {
  7029.         if (!this.taskQueues[type]) {
  7030.             this.taskQueues[type] = [];
  7031.         }
  7032.  
  7033.         if (isNonQueueTask) {
  7034.             fn();
  7035.         } else {
  7036.             this.taskQueues[type].push(fn);
  7037.  
  7038.             if (!this.isProcessing[type]) {
  7039.                 this.processQueue(type);
  7040.             }
  7041.         }
  7042.     }
  7043.  
  7044.     async processQueue(type) {
  7045.         this.isProcessing[type] = true;
  7046.  
  7047.         while (this.taskQueues[type].length > 0) {
  7048.             const task = this.taskQueues[type].shift();
  7049.             await task();
  7050.  
  7051.             if (this.taskQueues[type].length > 0) {
  7052.                 await this.wait(this.getDelay(type));
  7053.             }
  7054.         }
  7055.  
  7056.         this.isProcessing[type] = false;
  7057.     }
  7058.  
  7059.     wait(delay) {
  7060.         return new Promise(resolve => {
  7061.             setTimeout(resolve, delay);
  7062.         });
  7063.     }
  7064. }
  7065.  
  7066. /**
  7067.  * 检测为空文本
  7068.  * @param {string} text 待检测的文本
  7069.  * @returns {boolean} 是否为空文本
  7070.  */
  7071. const isEmptyText = text => text.trim() === '';
  7072.  
  7073. /**
  7074.  * 加载按钮相关函数
  7075.  */
  7076. async function initButtonFunc() {
  7077.     // 鼠标悬浮时为目标元素区域添加一个覆盖层
  7078.     $.fn.addHoverOverlay = function (target) {
  7079.         let position = $(target).css('position');
  7080.         let display = $(target).css('display');
  7081.  
  7082.         this.hover(() => {
  7083.             $(target)
  7084.                 .addClass('overlay')
  7085.                 .css('position', 'relative');
  7086.             if (display == "inline" || display == "contents") {
  7087.                 $(target).css('display', 'block');
  7088.             }
  7089.         }, () => {
  7090.             $(target)
  7091.                 .removeClass('overlay')
  7092.                 .css('position', position);
  7093.             if (display == "inline" || display == "contents") {
  7094.                 $(target).css('display', display);
  7095.             }
  7096.         })
  7097.     }
  7098.  
  7099.     /**
  7100.      * 为按钮设置图标
  7101.      * @param {string} icon 图标
  7102.      * @returns {JQuery<HTMLElement>} 按钮
  7103.      */
  7104.     $.fn.setButtonIcon = function (icon) {
  7105.         let i = this.find("i");
  7106.         if (i.length != 0 && i.hasClass("iconfont")) {
  7107.             i.html(icon);
  7108.         } else {
  7109.             i = OJB_safeCreateJQElement(`<i>${icon}</i>`);
  7110.             this.prepend(i);
  7111.         }
  7112.         return this;
  7113.     }
  7114.  
  7115.     /** 
  7116.      * 设置按钮为加载等待状态
  7117.      */
  7118.     $.fn.setButtonLoading = function () {
  7119.         this.addClass("loading");
  7120.         this.prop("disabled", true);
  7121.         return this;
  7122.     }
  7123.  
  7124.     /**
  7125.      * 解除按钮的加载等待状态
  7126.      */
  7127.     $.fn.setButtonLoaded = function () {
  7128.         this.removeClass("loading");
  7129.         this.prop("disabled", false);
  7130.         return this;
  7131.     }
  7132.  
  7133.     /**
  7134.      * 为按钮设置popover提示文本
  7135.      * @param {string} text 文本
  7136.      * @returns {JQuery<HTMLElement>} 按钮
  7137.      */
  7138.     $.fn.setButtonPopover = function (text) {
  7139.         // find if has popover_content class element
  7140.         let popover_content = this.find(".popover_content");
  7141.         if (popover_content.length != 0) {
  7142.             popover_content.text(text);
  7143.         } else {
  7144.             popover_content = OJB_safeCreateJQElement(`<span class="popover_content">${text}</span>`);
  7145.             this.append(popover_content);
  7146.         }
  7147.         return this;
  7148.     }
  7149.  
  7150.     /**
  7151.      * 获取MarkDown
  7152.      * @returns {string} MarkDown
  7153.      */
  7154.     $.fn.getMarkdown = function () {
  7155.         const markdown = this.data('markdown');
  7156.         if (markdown === undefined) {
  7157.             const htmlContent = this.html();
  7158.             const newMarkdown = OJBetter.common.turndownService.turndown(htmlContent);
  7159.             this.data('markdown', newMarkdown);
  7160.             return newMarkdown;
  7161.         }
  7162.         return markdown;
  7163.     }
  7164.  
  7165.     // 设置按钮状态
  7166.     $.fn.setButtonState = function (state, popoverText = null, disabled = false) {
  7167.         this.data('buttonState', state)
  7168.             .prop('disabled', disabled)
  7169.             .css('cursor', disabled ? 'not-allowed' : 'pointer')
  7170.             .removeClass('running success enabled error loading redo');
  7171.         if (popoverText) this.setButtonPopover(popoverText);
  7172.  
  7173.         if (state !== 'initial') this.addClass(state);
  7174.         return this;
  7175.     };
  7176.  
  7177.     // 为按钮添加鼠标悬浮重试
  7178.     $.fn.setHoverRedo = function () {
  7179.         this.hover(() => {
  7180.             prevState = this.getButtonState();
  7181.             if (prevState !== "normal" && prevState !== "running") {
  7182.                 this.setButtonState('redo');
  7183.             }
  7184.         }, () => {
  7185.             const currentState = this.getButtonState();
  7186.             if (prevState !== "normal" && ["normal", "redo"].includes(currentState)) {
  7187.                 this.setButtonState(prevState);
  7188.                 prevState = null;
  7189.             }
  7190.         });
  7191.     };
  7192.  
  7193.     // 获取按钮状态
  7194.     $.fn.getButtonState = function () {
  7195.         return this.data('buttonState') || 'normal';
  7196.     };
  7197.  
  7198.     // 设置翻译按钮状态
  7199.     $.fn.setTransButtonState = function (state, text = null) {
  7200.         const popoverText = text || i18next.t(`trans.${state}`, { ns: 'button' });
  7201.         const disabled = state === 'running' || state === 'loading';
  7202.         this.setButtonState(state, popoverText, disabled);
  7203.         return this;
  7204.     };
  7205.  
  7206.     // 存翻译结果
  7207.     $.fn.pushResultToTransButton = function (result) {
  7208.         let resultStack = this.data('resultStack');
  7209.         if (!resultStack) resultStack = [];
  7210.         resultStack.push(result);
  7211.         this.data('resultStack', resultStack);
  7212.     }
  7213.  
  7214.     // 获取翻译结果
  7215.     $.fn.getResultFromTransButton = function () {
  7216.         return this.data('resultStack');
  7217.     }
  7218.  
  7219.     // 标记为不自动翻译
  7220.     $.fn.setNotAutoTranslate = function () {
  7221.         this.data('notAutoTranslate', true);
  7222.     }
  7223.  
  7224.     // 获取是否为不自动翻译
  7225.     $.fn.getNotAutoTranslate = function () {
  7226.         return this.data('notAutoTranslate');
  7227.     }
  7228.  
  7229.     // 判断是否已经翻译
  7230.     $.fn.IsTranslated = function () {
  7231.         if (this.hasAttr('translated')) {
  7232.             return true;
  7233.         } else {
  7234.             return false;
  7235.         }
  7236.     }
  7237.  
  7238.     // 判断是否为评论区按钮
  7239.     $.fn.IsCommentButton = function () {
  7240.         let isCommentButton = this.data('isCommentButton');
  7241.         if (isCommentButton == undefined) {
  7242.             this.parents('.comments').length > 0 ? isCommentButton = true : isCommentButton = false;
  7243.             this.data('isCommentButton', isCommentButton);
  7244.         }
  7245.         return isCommentButton;
  7246.     }
  7247.  
  7248.     // 按钮点击效果
  7249.     $(document).on('mousedown', '.ojb_btn', function () {
  7250.         $(this).addClass('active').on('animationend', () => $(this).removeClass('active'));
  7251.     });
  7252. }
  7253.  
  7254. /**
  7255.  * 添加题目markdown转换/复制/翻译按钮面板
  7256.  * @param {HTMLElement} element 需要添加按钮面板的元素
  7257.  * @param {string} suffix 按钮面板id后缀
  7258.  * @param {string} type 按钮面板添加位置
  7259.  * @param {boolean} is_simple 是否是简单模式
  7260.  * @returns {object} 返回按钮面板元素
  7261.  */
  7262. function addButtonPanel(element, suffix, type, is_simple = false) {
  7263.     let text;
  7264.     if (OJBetter.translation.comment.transMode == "1") text = i18next.t('trans.segment', { ns: 'button' });
  7265.     else if (OJBetter.translation.comment.transMode == "2") text = i18next.t('trans.select', { ns: 'button' });
  7266.     else text = i18next.t('trans.normal', { ns: 'button' });
  7267.  
  7268.     let panel = OJB_safeCreateJQElement(`<div class='html2md-panel input-output-copier ${is_simple ? 'is_simple' : ''}'></div>`);
  7269.     let viewButton = OJB_safeCreateJQElement(`
  7270.         <button class='ojb_btn ojb_btn_popover top' id='html2md-view${suffix}'>
  7271.             <i class="iconfont">&#xe7e5;</i>
  7272.             <span class="popover_content">${i18next.t('md.normal', { ns: 'button' })}</span>
  7273.         </button>`);
  7274.     let copyButton = OJB_safeCreateJQElement(`
  7275.         <button class='ojb_btn ojb_btn_popover top' id='html2md-cb${suffix}'>
  7276.             <i class="iconfont">&#xe608;</i>
  7277.             <span class="popover_content">${i18next.t('copy.normal', { ns: 'button' })}</span>
  7278.         </button>`);
  7279.     let translateButton = OJB_safeCreateJQElement(`
  7280.         <button class='ojb_btn translateButton ojb_btn_popover top' id='translateButton${suffix}'>
  7281.             <i class="iconfont">&#xe6be;</i>
  7282.             <span class="popover_content">${text}</span>
  7283.         </button>`);
  7284.     if (!is_simple) panel.append(viewButton);
  7285.     if (!is_simple) panel.append(copyButton);
  7286.     panel.append(translateButton);
  7287.     if (type === "this_level") {
  7288.         $(element).before(panel);
  7289.     } else if (type === "child_level") {
  7290.         $(element).prepend(panel);
  7291.     }
  7292.  
  7293.     return {
  7294.         panel: panel,
  7295.         viewButton: viewButton,
  7296.         copyButton: copyButton,
  7297.         translateButton: translateButton
  7298.     }
  7299. }
  7300.  
  7301. /**
  7302.  * 添加MD视图按钮
  7303.  * @param {JQuery<HTMLElement>} button 按钮
  7304.  * @param {JQuery<HTMLElement>} element 目标元素
  7305.  * @param {string} suffix id后缀
  7306.  * @param {string} type 类型
  7307.  * @returns {void}
  7308.  */
  7309. async function addButtonWithHTML2MD(button, element, suffix, type) {
  7310.     /**
  7311.      * 改变按钮状态
  7312.      * @param {string} state 状态
  7313.      */
  7314.     function changeButtonState(state) {
  7315.         if (state == "loading") {
  7316.             button.setButtonLoading();
  7317.             button.setButtonPopover(i18next.t('state.waitMathJax', { ns: 'button' }));
  7318.         } else if (state == "loaded") {
  7319.             button.setButtonLoaded();
  7320.             button.setButtonPopover(i18next.t('md.normal', { ns: 'button' }));
  7321.         } else if (state == "normal") {
  7322.             button.removeClass("enabled");
  7323.             button.setButtonPopover(i18next.t('md.normal', { ns: 'button' }));
  7324.         } else if (state == "mdView") {
  7325.             button.addClass("enabled");
  7326.             button.setButtonPopover(i18next.t('md.reduction', { ns: 'button' }));
  7327.         } else if (state == "disabled") {
  7328.             button.prop("disabled", true);
  7329.             button.setButtonPopover(i18next.t('md.disabled', { ns: 'button' }));
  7330.         }
  7331.     }
  7332.  
  7333.     if (OJBetter.typeOfPage.is_oldLatex || OJBetter.typeOfPage.is_acmsguru) {
  7334.         changeButtonState("disabled");
  7335.         return;
  7336.     } else {
  7337.         changeButtonState("loading");
  7338.         await waitForMathJaxIdle();
  7339.         changeButtonState("loaded");
  7340.     }
  7341.  
  7342.     button.click(OJB_debounce(function () {
  7343.         var target = $(element).get(0);
  7344.  
  7345.         /**
  7346.          * 检查是否是MarkDown视图 
  7347.          * @returns {boolean} 是否是MarkDown视图
  7348.          */
  7349.         function checkViewmd() {
  7350.             if ($(element).attr("viewmd") === "true") {
  7351.                 return true;
  7352.             } else {
  7353.                 return false;
  7354.             }
  7355.         }
  7356.  
  7357.         /**
  7358.          * 设置是否是MarkDown视图
  7359.          * @param {boolean} value 是否是MarkDown视图
  7360.          * @returns {void}
  7361.          */
  7362.         function setViewmd(value) {
  7363.             $(element).attr("viewmd", value);
  7364.             if (value) {
  7365.                 changeButtonState("mdView");
  7366.             } else {
  7367.                 changeButtonState("normal");
  7368.             }
  7369.         }
  7370.  
  7371.         if (checkViewmd()) {
  7372.             setViewmd(false);
  7373.             $(element).next(".mdViewContent").remove();
  7374.             $(element).show();
  7375.         } else {
  7376.             setViewmd(true);
  7377.             var markdown = $(element).getMarkdown();
  7378.             var mdViewContent = OJB_safeCreateJQElement(`<span class="mdViewContent" style="width:auto; height:auto;">${markdown}</span>`);
  7379.             $(element).after(mdViewContent);
  7380.             $(element).hide();
  7381.         }
  7382.     }));
  7383.  
  7384.     if (OJBetter.preference.hoverTargetAreaDisplay && !OJBetter.typeOfPage.is_oldLatex && !OJBetter.typeOfPage.is_acmsguru) {
  7385.         button.addHoverOverlay($(element));
  7386.     }
  7387. }
  7388.  
  7389. /**
  7390.  * 添加复制按钮
  7391.  * @param {JQuery<HTMLElement>} button 按钮
  7392.  * @param {JQuery<HTMLElement>} element 目标元素
  7393.  * @param {string} suffix 后缀
  7394.  * @param {string} type 类型
  7395.  */
  7396. async function addButtonWithCopy(button, element, suffix, type) {
  7397.     /**
  7398.      * 改变按钮状态
  7399.      * @param {string} state 状态
  7400.      */
  7401.     function changeButtonState(state) {
  7402.         if (state == "loading") {
  7403.             button.setButtonLoading();
  7404.             button.setButtonPopover(i18next.t('state.waitMathJax', { ns: 'button' }));
  7405.         } else if (state == "loaded") {
  7406.             button.setButtonLoaded();
  7407.             button.setButtonPopover(i18next.t('copy.normal', { ns: 'button' }));
  7408.         } else if (state == "normal") {
  7409.             button.setButtonPopover(i18next.t('copy.normal', { ns: 'button' }));
  7410.         } else if (state == "copied") {
  7411.             button.setButtonPopover(i18next.t('copy.copied', { ns: 'button' }));
  7412.         } else if (state == "disabled") {
  7413.             button.prop("disabled", true);
  7414.             button.setButtonPopover(i18next.t('copy.disabled', { ns: 'button' }));
  7415.         }
  7416.     }
  7417.  
  7418.     // 等待MathJax队列完成
  7419.     if (OJBetter.typeOfPage.is_oldLatex || OJBetter.typeOfPage.is_acmsguru) {
  7420.         changeButtonState("disabled");
  7421.         return;
  7422.     } else {
  7423.         changeButtonState("loading");
  7424.         await waitForMathJaxIdle();
  7425.         changeButtonState("loaded");
  7426.     }
  7427.  
  7428.     button.click(OJB_debounce(function () {
  7429.         var target = $(element).get(0);
  7430.  
  7431.         var markdown = $(element).getMarkdown();
  7432.  
  7433.         GM_setClipboard(markdown);
  7434.  
  7435.         $(this).addClass("success");
  7436.         changeButtonState("copied");
  7437.  
  7438.  
  7439.         // 更新复制按钮文本
  7440.         setTimeout(() => {
  7441.             $(this).removeClass("success");
  7442.             changeButtonState("normal")
  7443.         }, 2000);
  7444.     }));
  7445.  
  7446.     if (OJBetter.preference.hoverTargetAreaDisplay && !OJBetter.typeOfPage.is_oldLatex && !OJBetter.typeOfPage.is_acmsguru) {
  7447.         button.addHoverOverlay($(element));
  7448.     }
  7449. }
  7450.  
  7451. /**
  7452.  * 添加翻译按钮
  7453.  * @param {JQuery<HTMLElement>} button 按钮
  7454.  * @param {JQuery<HTMLElement>} element 目标元素
  7455.  * @param {string} suffix 后缀
  7456.  * @param {string} type 类型
  7457.  * @param {boolean} is_comment 是否是评论
  7458.  */
  7459. async function addButtonWithTranslation(button, element, suffix, type, is_comment = false) {
  7460.     /**
  7461.      * 添加可指定翻译服务的方法调用
  7462.      * @param {string} translation 翻译服务
  7463.      */
  7464.     button.data("translatedItBy", function (translation) {
  7465.         button.setTransButtonState('running', i18next.t('trans.wait', { ns: 'button' }));
  7466.         OJBetter.common.taskQueue.addTask(translation, () => transTask(button, element, type, is_comment, translation), translation == 'openai');
  7467.     });
  7468.  
  7469.     // 等待MathJax队列完成
  7470.     button.setButtonLoading();
  7471.     await waitForMathJaxIdle();
  7472.     button.setButtonLoaded();
  7473.  
  7474.     // 标记目标文本区域不自动翻译
  7475.     {
  7476.         let text;
  7477.         if (OJBetter.typeOfPage.is_oldLatex || OJBetter.typeOfPage.is_acmsguru) {
  7478.             text = $(element).html();
  7479.         } else {
  7480.             text = $(element).getMarkdown();
  7481.         }
  7482.         let length = text.length;
  7483.         if (length > OJBetter.translation.auto.shortTextLength || isEmptyText(text) || $(element).find('.spoiler').length > 0) {
  7484.             button.setNotAutoTranslate();
  7485.         }
  7486.         // button.after(`<span>${length}</span>`); // 显示字符数
  7487.     }
  7488.  
  7489.     button.click(OJB_debounce(async function () {
  7490.         // 重新翻译
  7491.         let resultStack = $(this).getResultFromTransButton();
  7492.         if (resultStack) {
  7493.             let pElements = $(element).find("p.block_selected:not(li p), li.block_selected");
  7494.             for (let item of resultStack) {
  7495.                 if (OJBetter.translation.retransAction == "0") {
  7496.                     // 选段翻译不直接移除旧结果
  7497.                     if (OJBetter.translation.comment.transMode == "2") {
  7498.                         // 只移除即将要翻译的段的结果
  7499.                         if (pElements.is(item.translateDiv.getDiv().prev())) {
  7500.                             item.translateDiv.close();
  7501.                         }
  7502.                     } else {
  7503.                         item.translateDiv.close();
  7504.                         $($(element)).find(".translate-problem-statement, .translate-problem-statement-panel").remove();
  7505.                     }
  7506.                 } else {
  7507.                     item.translateDiv.foldMainDiv();
  7508.                 }
  7509.             }
  7510.         }
  7511.  
  7512.         // 翻译
  7513.         button.setTransButtonState('running', i18next.t('trans.wait', { ns: 'button' }));
  7514.         OJBetter.common.taskQueue.addTask(OJBetter.translation.choice, () => transTask(button, element, type, is_comment), OJBetter.translation.choice == 'openai');
  7515.     }));
  7516.  
  7517.     // 重新翻译提示
  7518.     let prevState;
  7519.     button.hover(() => {
  7520.         prevState = button.getButtonState();
  7521.         if (prevState !== "normal" && prevState !== "running") {
  7522.             button.setTransButtonState('redo');
  7523.         }
  7524.     }, () => {
  7525.         const currentState = button.getButtonState();
  7526.         if (prevState !== "normal" && ["normal", "redo"].includes(currentState)) {
  7527.             button.setTransButtonState(prevState);
  7528.             prevState = null;
  7529.         }
  7530.     });
  7531.  
  7532.     // 目标区域指示
  7533.     if (OJBetter.preference.hoverTargetAreaDisplay) {
  7534.         button.addHoverOverlay($(element));
  7535.     }
  7536.  
  7537.     // 翻译右键切换菜单
  7538.     $(document).on('contextmenu', '#translateButton' + suffix, function (e) {
  7539.         e.preventDefault();
  7540.  
  7541.         // 是否为评论的翻译
  7542.         let is_comment = button.IsCommentButton();
  7543.  
  7544.         // 移除旧的
  7545.         if (!$(e.target).closest('.OJBetter_contextmenu').length) {
  7546.             $('.OJBetter_contextmenu').remove();
  7547.         }
  7548.  
  7549.         var menu = $('<div class="OJBetter_contextmenu"></div>');
  7550.         var translations = [
  7551.             { value: 'deepl', name: i18next.t('translation.options.services.deepl', { ns: 'settings' }) },
  7552.             { value: 'iflyrec', name: i18next.t('translation.options.services.iflyrec', { ns: 'settings' }) },
  7553.             { value: 'youdao', name: i18next.t('translation.options.services.youdao', { ns: 'settings' }) },
  7554.             { value: 'google', name: i18next.t('translation.options.services.google', { ns: 'settings' }) },
  7555.             { value: 'caiyun', name: i18next.t('translation.options.services.caiyun', { ns: 'settings' }) },
  7556.             { value: 'openai', name: i18next.t('translation.options.services.openai.name', { ns: 'settings' }) }
  7557.         ];
  7558.  
  7559.         // Function to check if the service supports the target language
  7560.         function supportsTargetLanguage(service, targetLang) {
  7561.             return OJBetter.supportList.translationSupport[service] && OJBetter.supportList.translationSupport[service][targetLang] !== undefined;
  7562.         }
  7563.  
  7564.         if (is_comment) {
  7565.             var label = OJB_safeCreateJQElement(`<label><input type="radio" name="translation" value="0">
  7566.             <span class="OJBetter_contextmenu_label_text">
  7567.             ${i18next.t('translation.preference.comment_translation_choice.services.follow', { ns: 'settings' })}
  7568.             </span></label>`);
  7569.             menu.append(label);
  7570.         }
  7571.         translations.forEach(function (translation) {
  7572.             if (supportsTargetLanguage(translation.value, OJBetter.translation.targetLang)) {
  7573.                 var label = OJB_safeCreateJQElement(`<label><input type="radio" name="translation" value="${translation.value}">
  7574.                 <span class="OJBetter_contextmenu_label_text">${translation.name}</span></label>`);
  7575.                 menu.append(label);
  7576.             }
  7577.         });
  7578.  
  7579.         // 初始化
  7580.         if (is_comment) {
  7581.             menu.find(`input[name="translation"][value="${OJBetter.translation.comment.choice}"]`).prop('checked', true);
  7582.         } else {
  7583.             menu.find(`input[name="translation"][value="${OJBetter.translation.choice}"]`).prop('checked', true);
  7584.         }
  7585.         menu.css({
  7586.             top: e.pageY + 'px',
  7587.             left: e.pageX + 'px'
  7588.         }).appendTo('body');
  7589.  
  7590.         $(document).one('change', 'input[name="translation"]', function () {
  7591.             if (is_comment) {
  7592.                 OJBetter.translation.comment.choice = $('input[name="translation"]:checked').val();
  7593.                 GM_setValue("commentTranslationChoice", OJBetter.translation.comment.choice);
  7594.             } else {
  7595.                 OJBetter.translation.choice = $('input[name="translation"]:checked').val();
  7596.                 GM_setValue("translation", OJBetter.translation.choice);
  7597.             }
  7598.             $('.OJBetter_contextmenu').remove();
  7599.         });
  7600.  
  7601.         // 点击区域外关闭菜单
  7602.         function handleClick(event) {
  7603.             if (!$(event.target).closest('.OJBetter_contextmenu').length) {
  7604.                 $('.OJBetter_contextmenu').remove();
  7605.                 $(document).off('change', 'input[name="translation"]');
  7606.             } else {
  7607.                 $(document).one('click', handleClick);
  7608.             }
  7609.         }
  7610.         $(document).one('click', handleClick);
  7611.     });
  7612. }
  7613.  
  7614. /**
  7615.  * 创建翻译任务
  7616.  * @param {JQuery<HTMLElement>} button 按钮
  7617.  * @param {HTMLElement} element 目标元素
  7618.  * @param {string} type 类型
  7619.  * @param {boolean} is_comment 是否是评论
  7620.  * @param {string} overrideTrans 覆盖全局翻译服务设定
  7621.  */
  7622. async function transTask(button, element, type, is_comment, overrideTrans) {
  7623.     /** @type {HTMLElement} 目标元素 */
  7624.     let target;
  7625.     /**
  7626.      * 错误计数数据结构
  7627.      * @typedef {Object} count
  7628.      * @property {number} errerNum 错误数量
  7629.      * @property {number} skipNum 跳过数量
  7630.      */
  7631.     const count = {
  7632.         errerNum: 0,
  7633.         skipNum: 0
  7634.     };
  7635.     if (OJBetter.translation.comment.transMode == "1") {
  7636.         // 分段翻译
  7637.         let pElements = $(element).find("p:not(li p), li, .OJBetter_acmsguru");
  7638.         for (let i = 0; i < pElements.length; i++) {
  7639.             target = $(pElements[i]).eq(0).clone();
  7640.             element_node = pElements[i];
  7641.             await process(button, target, element_node, type, is_comment, count, overrideTrans);
  7642.         }
  7643.     } else if (OJBetter.translation.comment.transMode == "2") {
  7644.         // 选段翻译
  7645.         let pElements = $(element).find("p.block_selected:not(li p), li.block_selected, .OJBetter_acmsguru");
  7646.         for (let i = 0; i < pElements.length; i++) {
  7647.             target = $(pElements[i]).eq(0).clone();
  7648.             element_node = pElements[i];
  7649.             await process(button, target, element_node, type, is_comment, count, overrideTrans);
  7650.         }
  7651.         $(element).find("p.block_selected:not(li p), li.block_selected").removeClass('block_selected');
  7652.     } else {
  7653.         // 普通翻译
  7654.         target = $(element).eq(0).clone();
  7655.         if (type === "child_level") $(target).children(':first').remove();
  7656.         element_node = $($(element)).get(0);
  7657.         await process(button, target, element_node, type, is_comment, count, overrideTrans);
  7658.     }
  7659.  
  7660.     // 翻译完成
  7661.     if (!count.errerNum && !count.skipNum) {
  7662.         button.setTransButtonState('success');
  7663.     }
  7664. }
  7665.  
  7666. /**
  7667.  * 翻译处理
  7668.  * @param {JQuery<HTMLElement>} button 按钮
  7669.  * @param {HTMLElement} target 目标元素
  7670.  * @param {HTMLElement} element_node 目标节点
  7671.  * @param {string} type 类型
  7672.  * @param {boolean} is_comment 是否是评论
  7673.  * @param {string} overrideTrans 覆盖全局翻译服务设定
  7674.  */
  7675. async function process(button, target, element_node, type, is_comment, count, overrideTrans) {
  7676.     if (type === "child_level") {
  7677.         let div = $("<div>");
  7678.         $(element_node).append(div);
  7679.         element_node = div.get(0);
  7680.     }
  7681.  
  7682.     //是否跳过折叠块
  7683.     if ($(target).find('.spoiler').length > 0) {
  7684.         const shouldSkip = await OJB_createDialog(
  7685.             i18next.t('skipFold.title', { ns: 'dialog' }),
  7686.             i18next.t('skipFold.content', { ns: 'dialog' }),
  7687.             [
  7688.                 i18next.t('skipFold.buttons.0', { ns: 'dialog' }),
  7689.                 i18next.t('skipFold.buttons.1', { ns: 'dialog' })
  7690.             ],
  7691.             true
  7692.         ); //跳过折叠块确认
  7693.         if (shouldSkip) {
  7694.             $(target).find('.spoiler').remove();
  7695.         } else {
  7696.             $(target).find('.html2md-panel').remove();
  7697.         }
  7698.     }
  7699.  
  7700.     // 等待并获取结果
  7701.     button.setTransButtonState('running');
  7702.     const result = await blockProcessing(button, target, element_node, is_comment, overrideTrans);
  7703.     button.pushResultToTransButton(result);
  7704.  
  7705.     if (result.status == "error") count.errerNum += 1;
  7706.     else if (result.status == "skip") count.skipNum += 1;
  7707.     $(target).remove();
  7708. }
  7709.  
  7710. /**
  7711.  * 块处理
  7712.  * @param {JQuery<HTMLElement>} button 
  7713.  * @param {HTMLElement} target 目标元素
  7714.  * @param {HTMLElement} element_node 目标节点
  7715.  * @param {boolean} is_comment 是否是评论
  7716.  * @param {string} overrideTrans 覆盖全局翻译服务设定
  7717.  * @returns {TranslateResult} 翻译结果对象
  7718.  */
  7719. async function blockProcessing(button, target, element_node, is_comment, overrideTrans) {
  7720.     if (OJBetter.typeOfPage.is_oldLatex || OJBetter.typeOfPage.is_acmsguru) {
  7721.         target.markdown = $(target).html();
  7722.     } else if (!target.markdown) {
  7723.         target.markdown = OJBetter.common.turndownService.turndown($(target).html());
  7724.     }
  7725.  
  7726.     const result = await translateProblemStatement(target.markdown, element_node, is_comment, overrideTrans);
  7727.     if (result.status == "skip") {
  7728.         button.setTransButtonState('error', i18next.t('trans.tooLong', { ns: 'button' }));
  7729.         result.translateDiv.close();
  7730.     } else if (result.status == "error" || !result.rawData.done) {
  7731.         result.translateDiv.setError();
  7732.         result.translateDiv.setRawData(result.rawData);
  7733.         result.translateDiv.showDebugButton();
  7734.         button.setTransButtonState('error', i18next.t('trans.error', { ns: 'button' }));
  7735.         $(target).remove();
  7736.     }
  7737.     return result;
  7738. }
  7739.  
  7740. /**
  7741.  * 选段翻译支持
  7742.  */
  7743. async function multiChoiceTranslation() {
  7744.     GM_addStyle(`
  7745.         .topic .content .ttypography {
  7746.             overflow: initial;
  7747.         }
  7748.     `);
  7749.  
  7750.     $(document).on('click', 'p, li:not(:has(.comment)), .OJBetter_acmsguru', function (e) {
  7751.         let $this = $(this);
  7752.         e.stopPropagation();
  7753.         if ($this.hasClass('block_selected')) {
  7754.             $this.removeClass('block_selected');
  7755.             // 移除对应的按钮 
  7756.             $('.OJBetter_MiniTranslateButton').remove("#translateButton_selected_" + $this.attr('OJBetter_p_id'));
  7757.         } else {
  7758.             let id = OJB_getRandomNumber(8);
  7759.             $this.attr('OJBetter_p_id', id);
  7760.             $this.addClass('block_selected');
  7761.             // 添加按钮 
  7762.             let menu = OJB_safeCreateJQElement(`<div class="OJBetter_MiniTranslateButton" id='translateButton_selected_${id}'>${translateIcon}</div>`)
  7763.                 .css({
  7764.                     left: $($this).outerWidth(true) + $($this).position().left + 10 + 'px',
  7765.                 });
  7766.             $this.before(menu);
  7767.  
  7768.             $("#translateButton_selected_" + id).click(async function () {
  7769.                 // 处理旧的结果
  7770.                 if ($this.attr('translated')) {
  7771.                     let result = $this.data("resultData");
  7772.                     if (OJBetter.translation.retransAction == "0") {
  7773.                         result.translateDiv.close();
  7774.                     } else {
  7775.                         result.translateDiv.foldMainDiv();
  7776.                     }
  7777.                 }
  7778.                 // 翻译
  7779.                 let target = $this.eq(0).clone();
  7780.                 let result = await blockProcessing(OJBetter.translation.choice, target, $this.eq(0), $("#translateButton_selected_" + id), false);
  7781.                 $this.data("resultData", result);
  7782.                 $this.removeClass('block_selected');
  7783.                 // 移除对应的按钮 
  7784.                 $('.OJBetter_MiniTranslateButton').remove("#translateButton_selected_" + id);
  7785.                 $this.attr('translated', '1'); // 标记已翻译
  7786.             });
  7787.         }
  7788.     });
  7789. }
  7790.  
  7791. /**
  7792.  * 为acmsguru题面重新划分div
  7793.  */
  7794. async function acmsguruReblock() {
  7795.     if (OJBetter.translation.comment.transMode == '0') {
  7796.         // 普通模式下的划分方式
  7797.         var html = $('.ttypography').children().html();
  7798.         var separator = /(<div align="left" style="margin-top: 1\.0em;"><b>.*?<\/b><\/div>)/g;
  7799.         var result = html.split(separator); // 分割代码
  7800.         var outputHtml = '';
  7801.         var header = '';
  7802.         for (var i = 0; i < result.length; i++) {
  7803.             if (separator.test(result[i])) {
  7804.                 header = result[i];
  7805.                 continue;
  7806.             }
  7807.             outputHtml += '<div class="ttypography">' + header + result[i] + '</div>';
  7808.             header = '';
  7809.         }
  7810.         $('.ttypography').html(outputHtml);
  7811.     }
  7812.     else {
  7813.         // 分段/选段模式下的划分方式
  7814.         $('.ttypography').children().each(function () {
  7815.             var html = $(this).html();
  7816.             var replacedHtml = html.replace(/(?:<\/div>|<br><br>)(?<text>[\s\S]+?)(?=<br><br>)/g,
  7817.                 '<div align="left" class="OJBetter_acmsguru" >$<text></div>');
  7818.             $(this).html(replacedHtml);
  7819.         });
  7820.     }
  7821. }
  7822.  
  7823. /**
  7824.  * 添加MD/复制/翻译按钮
  7825.  */
  7826. async function addConversionButton() {
  7827.     let promises = []; // 用于收集所有的 Promise
  7828.  
  7829.     // 题目页添加按钮
  7830.     if (OJBetter.typeOfPage.is_problem) {
  7831.         let exContentsPageClasses = ["sample-tests"];
  7832.         $('.problem-statement').children('div').each((i, e) => {
  7833.             var className = $(e).attr('class');
  7834.             if (!exContentsPageClasses.includes(className)) {
  7835.                 var id = "_problem_" + OJB_getRandomNumber(8);
  7836.                 let panel = addButtonPanel(e, id, "this_level");
  7837.                 promises.push(addButtonWithHTML2MD(panel.viewButton, e, id, "this_level"));
  7838.                 promises.push(addButtonWithCopy(panel.copyButton, e, id, "this_level"));
  7839.                 promises.push(addButtonWithTranslation(panel.translateButton, e, id, "this_level"));
  7840.                 if (i == 0) panel.translateButton.setNotAutoTranslate(); // 题目标题块跳过，不自动翻译
  7841.             }
  7842.         });
  7843.     }
  7844.     // 添加按钮到ttypography部分
  7845.     $(".ttypography").each((i, e) => {
  7846.         // 是否为评论
  7847.         let is_comment = false;
  7848.         if ($(e).parents('.comments').length > 0) is_comment = true;
  7849.         // 题目页不添加
  7850.         if (!OJBetter.typeOfPage.is_problem || OJBetter.typeOfPage.is_acmsguru) {
  7851.             let id = "_ttypography_" + OJB_getRandomNumber(8);
  7852.             let panel = addButtonPanel(e, id, "this_level");
  7853.             promises.push(addButtonWithHTML2MD(panel.viewButton, e, id, "this_level"));
  7854.             promises.push(addButtonWithCopy(panel.copyButton, e, id, "this_level"));
  7855.             promises.push(addButtonWithTranslation(panel.translateButton, e, id, "this_level", is_comment));
  7856.         }
  7857.     });
  7858.  
  7859.     // 完整题目集页特殊处理
  7860.     if (OJBetter.typeOfPage.is_completeProblemset) {
  7861.         let exContentsPageClasses = ["sample-tests"];
  7862.         $('.problem-statement').each(function () {
  7863.             $(this).children('div').each((i, e) => {
  7864.                 var className = $(e).attr('class');
  7865.                 if (!exContentsPageClasses.includes(className)) {
  7866.                     var id = "_problem_" + OJB_getRandomNumber(8);
  7867.                     let panel = addButtonPanel(e, id, "this_level");
  7868.                     promises.push(addButtonWithHTML2MD(panel.viewButton, e, id, "this_level"));
  7869.                     promises.push(addButtonWithCopy(panel.copyButton, e, id, "this_level"));
  7870.                     promises.push(addButtonWithTranslation(panel.translateButton, e, id, "this_level"));
  7871.                     if (i == 0) panel.translateButton.setNotAutoTranslate(); // 题目标题块跳过，不自动翻译
  7872.                 }
  7873.             });
  7874.         });
  7875.     }
  7876.  
  7877.     // 添加按钮到spoiler部分
  7878.     $('.spoiler-content').each((i, e) => {
  7879.         if ($(e).find('.html2md-panel').length === 0) {
  7880.             let id = "_spoiler_" + OJB_getRandomNumber(8);
  7881.             let panel = addButtonPanel(e, id, "child_level");
  7882.             promises.push(addButtonWithHTML2MD(panel.viewButton, e, id, "child_level"));
  7883.             promises.push(addButtonWithCopy(panel.copyButton, e, id, "child_level"));
  7884.             promises.push(addButtonWithTranslation(panel.translateButton, e, id, "child_level"));
  7885.         }
  7886.     });
  7887.  
  7888.     // 添加按钮到titled部分
  7889.     (function () {
  7890.         var elements = [".Virtual.participation", ".Attention", ".Practice"];//只为部分titled添加
  7891.         $.each(elements, (i, e) => {
  7892.             $(e).each(function () {
  7893.                 let id = "_titled_" + OJB_getRandomNumber(8);
  7894.                 let nextDiv = $(e).next().children().get(0);
  7895.                 if (!nextDiv) return;
  7896.                 let panel = addButtonPanel(nextDiv, id, "child_level", true);
  7897.                 promises.push(addButtonWithTranslation(panel.translateButton, nextDiv, id, "child_level"));
  7898.             });
  7899.         });
  7900.     })();
  7901.     if (OJBetter.typeOfPage.is_mSite) {
  7902.         $("div[class='_IndexPage_notice']").each((i, e) => {
  7903.             let id = "_titled_" + OJB_getRandomNumber(8);
  7904.             let panel = addButtonPanel(e, id, "this_level", true);
  7905.             promises.push(addButtonWithTranslation(panel.translateButton, e, id, "this_level"));
  7906.         });
  7907.     }
  7908.  
  7909.     // 添加按钮到比赛QA部分
  7910.     $(".question-response").each((i, e) => {
  7911.         let id = "_question_" + OJB_getRandomNumber(8);
  7912.         let panel = addButtonPanel(e, id, "this_level", true);
  7913.         promises.push(addButtonWithTranslation(panel.translateButton, e, id, "this_level"));
  7914.     });
  7915.     if (OJBetter.typeOfPage.is_mSite) {
  7916.         $("div._ProblemsPage_announcements table tbody tr:gt(0)").each((i, e) => {
  7917.             var $nextDiv = $(e).find("td:first");
  7918.             let id = "_question_" + OJB_getRandomNumber(8);
  7919.             let panel = addButtonPanel($nextDiv, id, "this_level", true);
  7920.             promises.push(addButtonWithTranslation(panel.translateButton, $nextDiv, id, "this_level"));
  7921.         });
  7922.     }
  7923.  
  7924.     // 添加按钮到弹窗confirm-proto部分
  7925.     $(".confirm-proto").each((i, e) => {
  7926.         let id = "_titled_" + OJB_getRandomNumber(8);
  7927.         var $nextDiv = $(e).children().get(0);
  7928.         let panel = addButtonPanel($nextDiv, id, "this_level", true);
  7929.         promises.push(addButtonWithTranslation(panel.translateButton, $nextDiv, id, "this_level"));
  7930.     });
  7931.  
  7932.     // 添加按钮到_CatalogHistorySidebarFrame_item部分
  7933.     $("._CatalogHistorySidebarFrame_item").each((i, e) => {
  7934.         let id = "_history_sidebar_" + OJB_getRandomNumber(8);
  7935.         let panel = addButtonPanel(e, id, "this_level", true);
  7936.         promises.push(addButtonWithTranslation(panel.translateButton, e, id, "this_level"));
  7937.     });
  7938.  
  7939.     $(".problem-lock-link").on("click", function () {
  7940.         $(".popup .content div").each((i, e) => {
  7941.             let id = "_popup_" + OJB_getRandomNumber(8);
  7942.             let panel = addButtonPanel(e, id, "this_level", true);
  7943.             promises.push(addButtonWithTranslation(panel.translateButton, e, id, "this_level"));
  7944.         });
  7945.     });
  7946.  
  7947.     // 添加按钮到弹窗alert部分
  7948.     $(".alert:not(.OJBetter_alert)").each((i, e) => {
  7949.         let id = "_alert_" + OJB_getRandomNumber(8);
  7950.         let panel = addButtonPanel(e, id, "child_level", true);
  7951.         promises.push(addButtonWithTranslation(panel.translateButton, e, id, "child_level"));
  7952.     });
  7953.  
  7954.     // 添加按钮到talk-text部分
  7955.     $(".talk-text").each((i, e) => {
  7956.         let id = "_talk-text_" + OJB_getRandomNumber(8);
  7957.         let panel = addButtonPanel(e, id, "child_level", true);
  7958.         promises.push(addButtonWithTranslation(panel.translateButton, e, id, "child_level"));
  7959.     });
  7960.  
  7961.     return Promise.all(promises).catch(error => {
  7962.         console.error("One or more of the Add Button operations failed: ", error);
  7963.     });
  7964. };
  7965.  
  7966. /**
  7967.  * 等待LaTeX渲染队列全部完成
  7968.  * @returns {Promise} 完成渲染
  7969.  */
  7970. function waitForMathJaxIdle() {
  7971.     return new Promise((resolve, reject) => {
  7972.         // 检查MathJax对象是否存在
  7973.         const checkMathJaxExists = () => {
  7974.             if (typeof MathJax === 'undefined') {
  7975.                 // 如果MathJax不存在，稍后再次检查
  7976.                 OJB_delay(100).then(checkMathJaxExists);
  7977.             } else {
  7978.                 // MathJax存在，开始监视渲染队列
  7979.                 startMonitoringQueue();
  7980.             }
  7981.         };
  7982.  
  7983.         // 开始监视MathJax渲染队列
  7984.         const startMonitoringQueue = () => {
  7985.             const intervalId = setInterval(() => {
  7986.                 const queue = MathJax.Hub.queue;
  7987.                 if (queue.pending === 0 && queue.running === 0) {
  7988.                     clearInterval(intervalId);
  7989.                     resolve();
  7990.                 }
  7991.             }, 100);
  7992.         };
  7993.  
  7994.         // 开始检查MathJax对象
  7995.         checkMathJaxExists();
  7996.     });
  7997. }
  7998.  
  7999. /**
  8000.  * 翻译结果面板
  8001.  */
  8002. class TranslateDiv {
  8003.     /**
  8004.      * 构造函数
  8005.      * @param {string} id 指定翻译框的id
  8006.      */
  8007.     constructor(id) {
  8008.         this.id = id;
  8009.         this.div = $('<div>').attr('id', id).addClass('translateDiv bounce-in');
  8010.         if (!OJBetter.typeOfPage.is_completeProblemset) {
  8011.             this.div.addClass('input-output-copier');
  8012.         }
  8013.         this.panelDiv = $('<div>').addClass('translate-problem-statement-panel');
  8014.         this.div.append(this.panelDiv);
  8015.  
  8016.         // 主要信息
  8017.         this.mainDiv = $('<div>').addClass('translate-problem-statement');
  8018.         this.span = $('<span>');
  8019.         this.mainDiv.append(this.span);
  8020.         this.div.append(this.mainDiv);
  8021.         this.mainDivState = {
  8022.             current: 'transHTML',
  8023.             transHTML: '',
  8024.             rawDataHTML: ''
  8025.         };
  8026.  
  8027.         // 顶栏信息
  8028.         this.topText = $('<div>').addClass('topText');
  8029.         this.panelDiv.append(this.topText);
  8030.  
  8031.         // 右侧
  8032.         this.rightDiv = $('<div>').css('display', 'flex');
  8033.         this.panelDiv.append(this.rightDiv);
  8034.         this.debugButton = OJB_safeCreateJQElement(`
  8035.         <button class='ojb_btn ojb_btn_popover top'>
  8036.             <i class="iconfont">&#xe641;</i>
  8037.             <span class="popover_content">${i18next.t('rawData.normal', { ns: 'button' })}</span>
  8038.         </button>`).hide();
  8039.         this.rightDiv.append(this.debugButton);
  8040.         this.queryBalanceButton = OJB_safeCreateJQElement(`
  8041.         <button class='ojb_btn ojb_btn_popover top'>
  8042.             <i class="iconfont">&#xe6ae;</i>
  8043.             <span class="popover_content">${i18next.t('queryBalance.normal', { ns: 'button' })}</span>
  8044.         </button>`).hide();
  8045.         this.rightDiv.append(this.queryBalanceButton);
  8046.         this.copyButton = OJB_safeCreateJQElement(`
  8047.         <button class='ojb_btn ojb_btn_popover top'>
  8048.             <i class="iconfont">&#xe608;</i>
  8049.             <span class="popover_content">${i18next.t('copy.normal', { ns: 'button' })}</span>
  8050.         </button>`);
  8051.         this.rightDiv.append(this.copyButton);
  8052.         this.upButton = OJB_safeCreateJQElement(`
  8053.         <button class='ojb_btn ojb_btn_popover top'>
  8054.             <i class="iconfont">&#xe601;</i>
  8055.             <span class="popover_content">${i18next.t('fold.normal', { ns: 'button' })}</span>
  8056.         </button>`);
  8057.         this.rightDiv.append(this.upButton);
  8058.         this.closeButton = OJB_safeCreateJQElement(`
  8059.         <button class='ojb_btn ojb_btn_popover top'>
  8060.             <i class="iconfont">&#xe614;</i>
  8061.             <span class="popover_content">${i18next.t('close.normal', { ns: 'button' })}</span>
  8062.         </button>`);
  8063.         this.rightDiv.append(this.closeButton);
  8064.     }
  8065.  
  8066.     /**
  8067.      * 获取翻译框
  8068.      * @returns {JQuery<HTMLElement>} 返回翻译框
  8069.      */
  8070.     getDiv() {
  8071.         return this.div;
  8072.     }
  8073.  
  8074.     /**
  8075.      * 设置翻译框顶部的文本
  8076.      * @param {string} text 翻译框顶部的文本
  8077.      */
  8078.     setTopText(text) {
  8079.         this.div.attr("data-topText", text);
  8080.         this.topText.text(text);
  8081.     }
  8082.  
  8083.     /**
  8084.      * 获取翻译框顶部的文本
  8085.      * @returns {string} 返回翻译框顶部的文本
  8086.      */
  8087.     getTopText() {
  8088.         return this.topText.text();
  8089.     }
  8090.  
  8091.     /**
  8092.      * 渲染一个元素内的LaTeX公式
  8093.      * @param {HTMLElement} element 元素
  8094.      */
  8095.     renderLaTeX(element) {
  8096.         MathJax.Hub.Queue(["Typeset", MathJax.Hub, element]);
  8097.     }
  8098.  
  8099.     /**
  8100.      * 更新翻译框内容
  8101.      * @param {string} text 文本内容
  8102.      * @param {boolean} is_escapeHTML 是否转义HTML标签，为true则HTML标签将作为普通文本处理，默认为true
  8103.      * @param {boolean} is_renderLaTeX 是否渲染LaTeX，为true则会渲染LaTeX，默认为true
  8104.      */
  8105.     updateTranslateDiv(text, is_escapeHTML = true, is_renderLaTeX = true,) {
  8106.         // 渲染MarkDown
  8107.         let md = window.markdownit({
  8108.             html: !is_escapeHTML,
  8109.         });
  8110.         if (!text) text = "";
  8111.         let html = md.render(text);
  8112.         this.mainDiv.html(html);
  8113.         // 渲染Latex
  8114.         if (is_renderLaTeX) {
  8115.             // MathJax.Hub.Queue(["Typeset", MathJax.Hub, this.mainDiv.get(0)]);
  8116.             this.renderLaTeX(this.mainDiv.get(0));
  8117.         }
  8118.         // // 渲染代码块中的公式 (AtCoder)
  8119.         // this.mainDiv.find('pre code').each((index, element) => {
  8120.         //     const codeText = $(element).text();
  8121.         //     const latexPattern = /\$\$(\\.|[^\$])*?\$\$|\$(\\.|[^\$])*?\$/;
  8122.         //     if (latexPattern.test(codeText)) {
  8123.         //         this.renderLaTeX(element);
  8124.         //     }
  8125.         // });
  8126.     }
  8127.  
  8128.     /**
  8129.      * 关闭元素
  8130.      */
  8131.     close() {
  8132.         this.closeButton.click();
  8133.     }
  8134.  
  8135.     /**
  8136.      * 注册收起按钮事件
  8137.      */
  8138.     registerUpButtonEvent() {
  8139.         this.upButton.on("click", () => {
  8140.             // 如果没有reverse类，说明是展开状态
  8141.             if (!this.upButton.hasClass("reverse")) {
  8142.                 // 执行收起操作
  8143.                 this.upButton.addClass("reverse");
  8144.                 this.upButton.setButtonState('initial', i18next.t('fold.unfold', { ns: 'button' }));
  8145.                 OJB_toggleCollapseExpand(this.mainDiv.get(0));
  8146.             } else {
  8147.                 // 执行展开操作
  8148.                 this.upButton.removeClass("reverse");
  8149.                 this.upButton.setButtonState('initial', i18next.t('fold.normal', { ns: 'button' }));
  8150.                 OJB_toggleCollapseExpand(this.mainDiv.get(0));
  8151.             }
  8152.         });
  8153.     }
  8154.  
  8155.     /**
  8156.      * 注册关闭按钮事件
  8157.      */
  8158.     registerCloseButtonEvent() {
  8159.         this.closeButton.on("click", () => {
  8160.             $(this.div).remove();
  8161.             $(this.panelDiv).remove();
  8162.             if (OJBetter.typeOfPage.is_problem && OJBetter.translation.memory.enabled) {
  8163.                 OJBetter.translation.memory.ttTree.rmTransResultMap(this.id); // 移除ttTree中的数据
  8164.                 OJBetter.translation.memory.ttTree.refreshNode(".ttypography");
  8165.                 updateTransDBData(OJBetter.translation.memory.ttTree.getNodeData(), OJBetter.translation.memory.ttTree.getTransResultMap()); // 更新DB中的数据
  8166.             }
  8167.         });
  8168.     }
  8169.  
  8170.     /**
  8171.      * 注册复制按钮事件
  8172.      * @param {string} text 复制的文本
  8173.      */
  8174.     registerCopyButtonEvent(text) {
  8175.         this.copyButton.on("click", () => {
  8176.             GM_setClipboard(text);
  8177.             this.copyButton.setButtonState('success', i18next.t('copy.copied', { ns: 'button' }));
  8178.             // 复制提示
  8179.             setTimeout(() => {
  8180.                 this.copyButton.setButtonState('initial', i18next.t('copy.normal', { ns: 'button' }));
  8181.             }, 2000);
  8182.         });
  8183.     }
  8184.  
  8185.     /**
  8186.      * 禁用复制按钮
  8187.      */
  8188.     disableCopyButton() {
  8189.         this.copyButton.css({ 'fill': '#ccc' });
  8190.         this.copyButton.off("click");
  8191.     }
  8192.  
  8193.     /**
  8194.      * 设置面板为error状态
  8195.      */
  8196.     setError() {
  8197.         this.div.addClass('error');
  8198.         this.panelDiv.addClass('error');
  8199.         this.mainDiv.addClass('error');
  8200.     }
  8201.  
  8202.     /**
  8203.      * 设置原始数据数据
  8204.      * @param {Object} Object 原始数据
  8205.      */
  8206.     setRawData(Object) {
  8207.         this.mainDivState.rawDataHTML = $("<pre>").text(JSON.stringify(Object, null, 4)).get(0);
  8208.         if (this.mainDivState.current === 'rawDataHTML') {
  8209.             this.renderMainDiv();
  8210.         }
  8211.     }
  8212.  
  8213.     /**
  8214.      * 切换结果面板与原始数据面板
  8215.      */
  8216.     switchMainDiv() {
  8217.         // 在切换之前，保存当前内容的状态
  8218.         this.mainDivState[this.mainDivState.current] = this.mainDiv.html();
  8219.         // 切换当前状态
  8220.         this.debugButton.setButtonState(this.mainDivState.current === 'transHTML' ? 'enabled' : 'initial');
  8221.         this.mainDivState.current = this.mainDivState.current === 'transHTML' ? 'rawDataHTML' : 'transHTML';
  8222.         // 渲染新的当前状态
  8223.         this.renderMainDiv();
  8224.     }
  8225.  
  8226.     // 渲染当前内容到 mainDiv
  8227.     renderMainDiv() {
  8228.         requestAnimationFrame(() => {
  8229.             this.mainDiv.html(this.mainDivState[this.mainDivState.current]);
  8230.         });
  8231.     }
  8232.  
  8233.     /**
  8234.      * 注册debug按钮事件
  8235.      */
  8236.     registerDebugButtonEvent() {
  8237.         this.debugButton.on("click", () => {
  8238.             this.switchMainDiv();
  8239.         });
  8240.     }
  8241.  
  8242.     /**
  8243.      * 显示debug按钮
  8244.      */
  8245.     showDebugButton() {
  8246.         this.debugButton.show();
  8247.         this.registerDebugButtonEvent();
  8248.     }
  8249.  
  8250.     /**
  8251.      * 注册查询余额按钮事件
  8252.      * @param {function} callback 查询回调函数
  8253.      */
  8254.     registerQueryBalanceButtonEvent(callback) {
  8255.         this.queryBalanceButton.on("click", async () => {
  8256.             this.queryBalanceButton.setButtonState('loading', i18next.t('queryBalance.loading', { ns: 'button' }));
  8257.             try {
  8258.                 const balance = await callback();
  8259.                 this.queryBalanceButton.setButtonState('success', `${i18next.t('queryBalance.success', { ns: 'button' })} ${balance}`);
  8260.             } catch (error) {
  8261.                 this.queryBalanceButton.setButtonState('error', `${i18next.t('queryBalance.error', { ns: 'button' })} ${error.message}`);
  8262.             }
  8263.         });
  8264.     }
  8265.  
  8266.     /**
  8267.      * 显示余额查询按钮
  8268.      * @param {string} server 服务名称
  8269.      */
  8270.     showQueryBalanceButton(server) {
  8271.         if (server == 'deepl') {
  8272.             const quotaConfig = OJBetter.deepl.config.quota;
  8273.             if (quotaConfig.url && quotaConfig.surplus && quotaConfig.header) {
  8274.                 this.queryBalanceButton.show();
  8275.                 this.registerQueryBalanceButtonEvent(() => {
  8276.                     return queryServerBalance(OJBetter.deepl.config.quota);
  8277.                 });
  8278.             }
  8279.         } else if (server == 'openai') {
  8280.             const quotaConfig = OJBetter.chatgpt.config.quota;
  8281.             if (quotaConfig.url && quotaConfig.surplus && quotaConfig.header) {
  8282.                 this.queryBalanceButton.show();
  8283.                 this.registerQueryBalanceButtonEvent(() => {
  8284.                     return queryServerBalance(OJBetter.chatgpt.config.quota);
  8285.                 });
  8286.             }
  8287.         }
  8288.     }
  8289. }
  8290.  
  8291. // 元素关系树
  8292. class ElementsTree {
  8293.     constructor(elements) {
  8294.         this.node = [];
  8295.         this.transResultMap = {};
  8296.         this.index = 0;
  8297.         this.tagNames = ["DIV", "P", "UL", "LI"]
  8298.         this.init($(elements));
  8299.     }
  8300.  
  8301.     // Iterate through all elements, because there may be multiple ttypography
  8302.     init(elements) {
  8303.         elements.each((i, e) => {
  8304.             this.node.push({}); // add one element
  8305.             this.index = 0; // reset index
  8306.             this.create(i, $(e));
  8307.         });
  8308.     }
  8309.  
  8310.     // 刷新关系树
  8311.     refreshNode(elements) {
  8312.         this.node = [];
  8313.         this.index = 0;
  8314.         this.init($(elements));
  8315.     }
  8316.  
  8317.     // 创建节点间的关系树
  8318.     create(i_, element) {
  8319.         var prev = null;
  8320.         var node = this.node[i_];
  8321.         element.children().each((i, e) => {
  8322.             // only add element with tagNames
  8323.             if (this.tagNames.includes($(e).prop("tagName"))) {
  8324.                 prev = this.addNode(i_, prev, e);
  8325.             }
  8326.             // recursively child element
  8327.             if ($(e).children().length > 0 && prev !== null) {
  8328.                 node[prev].firstChild = this.index;
  8329.                 this.create(i_, $(e));
  8330.             }
  8331.         });
  8332.     }
  8333.  
  8334.     // 向树中添加一个节点
  8335.     addNode(i_, prev, e) {
  8336.         let node = this.node[i_];
  8337.         node[this.index] = {
  8338.             prev: prev,
  8339.             next: null,
  8340.             firstChild: null,
  8341.             type: $(e).prop("tagName"),
  8342.             isTranslateDiv: $(e).hasClass("translateDiv"),
  8343.             topText: $(e).attr("data-topText"),
  8344.             id: $(e).attr("id"),
  8345.         };
  8346.  
  8347.         if (prev !== null) {
  8348.             node[prev].next = this.index;
  8349.         }
  8350.  
  8351.         prev = this.index;
  8352.  
  8353.         this.index++;
  8354.         return prev;
  8355.     }
  8356.  
  8357.     getNodeData() {
  8358.         return this.node;
  8359.     }
  8360.  
  8361.     setNodeData(node) {
  8362.         this.node = node;
  8363.     }
  8364.  
  8365.     getTransResultMap() {
  8366.         return this.transResultMap;
  8367.     }
  8368.  
  8369.     setTransResultMap(transResultMap) {
  8370.         this.transResultMap = transResultMap;
  8371.     }
  8372.  
  8373.     rmTransResultMap(id) {
  8374.         delete this.transResultMap[id];
  8375.     }
  8376.  
  8377.     addTransResultMap(id, text) {
  8378.         this.transResultMap[id] = text;
  8379.     }
  8380.  
  8381.     getTranslateDivNum(ttTree) {
  8382.         var num = 0;
  8383.         for (var i in ttTree) {
  8384.             if (ttTree[i].isTranslateDiv) {
  8385.                 num++;
  8386.             }
  8387.         }
  8388.         return num;
  8389.     }
  8390.  
  8391.     // 恢复目标元素中的translateDiv
  8392.     recover(elements) {
  8393.         elements.each((i, e) => {
  8394.             var ttTreeNode = this.node[i];
  8395.             var missingTranslateDivs = this.getTranslateDivNum(ttTreeNode);
  8396.             if (missingTranslateDivs > 0) {
  8397.                 this.recoverOneElement($(e), ttTreeNode);
  8398.             }
  8399.         });
  8400.     }
  8401.  
  8402.     recoverOneElement(element, ttTreeNode) {
  8403.         this.recoverOneFork(element.children().eq(0), ttTreeNode, 0);
  8404.     }
  8405.  
  8406.     // 恢复一个分支
  8407.     recoverOneFork(pElement, ttTreeNode, index) {
  8408.         do {
  8409.             // only recover element with tagNames
  8410.             if (!this.tagNames.includes(pElement.prop("tagName"))) {
  8411.                 if (pElement.next().length > 0) {
  8412.                     pElement = pElement.next();
  8413.                 } else {
  8414.                     return;
  8415.                 }
  8416.             }
  8417.             if (!ttTreeNode[index] || pElement.prop("tagName") !== ttTreeNode[index].type) {
  8418.                 // console.warn(`元素不存在或类型不同, 元素结构可能已经发生了变化: \nindex: ${index}`, pElement);
  8419.                 return;
  8420.             } else {
  8421.                 // recursively child element
  8422.                 var node = ttTreeNode[index];
  8423.                 if (node.firstChild !== null) {
  8424.                     this.recoverOneFork(
  8425.                         pElement.children().eq(0),
  8426.                         ttTreeNode,
  8427.                         node.firstChild
  8428.                     );
  8429.                 }
  8430.                 // check if next node is translateDiv
  8431.                 if (node.next !== null) {
  8432.                     index = node.next;
  8433.  
  8434.                     var ne_node = ttTreeNode[index];
  8435.                     if (ne_node.isTranslateDiv) {
  8436.                         var id = ne_node.id;
  8437.                         var topText = ne_node.topText;
  8438.                         var text = this.transResultMap[id];
  8439.                         // create element after pElement
  8440.                         this.reCreateTransDiv(pElement, id, text, topText);
  8441.                     }
  8442.                     pElement = pElement.next(); // go to next element
  8443.                 }
  8444.             }
  8445.         } while (node.next !== null);
  8446.     }
  8447.  
  8448.     // 重新创建translateDiv
  8449.     reCreateTransDiv(pElement, id, translatedText, topText) {
  8450.         const translateDiv = new TranslateDiv(id);
  8451.         pElement.after(translateDiv.getDiv());
  8452.         translateDiv.setTopText(topText);
  8453.         translateDiv.registerUpButtonEvent();
  8454.         translateDiv.registerCloseButtonEvent();
  8455.         if (!OJBetter.typeOfPage.is_oldLatex && !OJBetter.typeOfPage.is_acmsguru) {
  8456.             translateDiv.registerCopyButtonEvent(translatedText);
  8457.         } else {
  8458.             translateDiv.disableCopyButton();
  8459.         }
  8460.         translateDiv.updateTranslateDiv(translatedText, !(OJBetter.typeOfPage.is_oldLatex || OJBetter.typeOfPage.is_acmsguru));
  8461.         // 标记已翻译并添加到翻译按钮的结果栈中
  8462.         let transButton = pElement.prev('.html2md-panel').find('.translateButton');
  8463.         if (transButton.length == 0) {
  8464.             // 如果没有找到，则应该是得在父元素中找到
  8465.             transButton = pElement.parent().prev('.html2md-panel').find('.translateButton');
  8466.         }
  8467.         transButton.pushResultToTransButton({
  8468.             translateDiv: translateDiv,
  8469.             status: 0
  8470.         });
  8471.         transButton.setTransButtonState('success');
  8472.     }
  8473. }
  8474.  
  8475. // 更新TransDB中的翻译数据
  8476. async function updateTransDBData(nodeDate, transResultMap) {
  8477.     var url = window.location.href.replace(/#/, "");
  8478.     try {
  8479.         await OJBetter.common.database.translateData.put({ url, transResultMap, nodeDate });
  8480.         return 'translateData saved successfully';
  8481.     } catch (error) {
  8482.         throw new Error(`Failed to save translateData: ${error}`);
  8483.     }
  8484. }
  8485.  
  8486. // 获取TransDB中保存的翻译数据
  8487. async function getTransDBData() {
  8488.     var url = window.location.href.replace(/#/, "");
  8489.     try {
  8490.         const result = await OJBetter.common.database.translateData.get(url);
  8491.         return result;
  8492.     } catch (error) {
  8493.         throw new Error(`Failed to get translateData: ${error}`);
  8494.     }
  8495. }
  8496.  
  8497. /**
  8498.  * 翻译结果恢复功能初始化
  8499.  * @returns 
  8500.  */
  8501. async function initTransResultsRecover() {
  8502.     OJBetter.translation.memory.ttTree = new ElementsTree(".ttypography"); // 初始化当前页面.ttypography元素的结构树
  8503.     let result = await getTransDBData();
  8504.     if (!result) return;
  8505.     OJBetter.translation.memory.ttTree.setNodeData(result.nodeDate);
  8506.     OJBetter.translation.memory.ttTree.setTransResultMap(result.transResultMap);
  8507.     OJBetter.translation.memory.ttTree.recover($(".ttypography"));
  8508. }
  8509.  
  8510. /**
  8511.  * 自动翻译
  8512.  */
  8513. async function initTransWhenViewable() {
  8514.     await waitForMathJaxIdle();
  8515.  
  8516.     const elements = $('.ttypography, .comments').find('.translateButton');
  8517.     const observers = [];
  8518.  
  8519.     // Use a single Intersection Observer for all elements
  8520.     const observer = new IntersectionObserver((entries, obs) => {
  8521.         entries.forEach((entry) => {
  8522.             if (entry.isIntersecting) {
  8523.                 const button = $(entry.target);
  8524.                 const state = button.getButtonState();
  8525.                 const notAutoTranslate = button.getNotAutoTranslate();
  8526.                 // Check if the button meets the criteria
  8527.                 if (state === 'normal' && !notAutoTranslate) {
  8528.                     let trans = OJBetter.translation.choice;
  8529.  
  8530.                     if (OJBetter.translation.auto.mixTrans.enabled && button.IsCommentButton() && OJBetter.translation.auto.mixTrans.servers.length > 0) {
  8531.                         const randomIndex = Math.floor(Math.random() * OJBetter.translation.auto.mixTrans.servers.length);
  8532.                         trans = OJBetter.translation.auto.mixTrans.servers[randomIndex];
  8533.                     }
  8534.                     button.data("translatedItBy")(trans);
  8535.                 }
  8536.  
  8537.                 // Stop observing the element
  8538.                 obs.unobserve(entry.target);
  8539.             }
  8540.         });
  8541.     });
  8542.  
  8543.     // Observe each element
  8544.     elements.each((i, e) => {
  8545.         observer.observe(e);
  8546.     });
  8547.  
  8548.     // Store the observer in case you need to disconnect it later
  8549.     observers.push(observer);
  8550. }
  8551.  
  8552. /** 
  8553.  * 翻译返回结果结构体
  8554.  * @typedef {Object} TranslateResult
  8555.  * @property {string} status 翻译状态
  8556.  * @property {TranslateDiv} translateDiv 翻译结果面板
  8557.  * @property {TransRawData} rawData 原始翻译数据
  8558.  */
  8559.  
  8560. /**
  8561.  * 翻译主方法
  8562.  * @param {string} text 待翻译文本
  8563.  * @param {HTMLElement} element_node 元素节点
  8564.  * @param {Boolean} is_comment 是否为评论区文本
  8565.  * @param {string} overrideTrans 覆盖全局翻译服务设定
  8566.  * @returns {TranslateResult} 翻译结果对象
  8567.  */
  8568. async function translateProblemStatement(text, element_node, is_comment, overrideTrans) {
  8569.     /** @type {number} 翻译结果的ID*/
  8570.     const id = OJB_getRandomNumber(8);
  8571.     /** @type {TextBlockReplacer} 文本块替换/恢复实例*/
  8572.     const textBlockReplacer = new TextBlockReplacer();
  8573.     /** @type {string} 翻译结果文本*/
  8574.     let translatedText = "";
  8575.  
  8576.     /** @type {string} 当前实际应用的翻译服务 */
  8577.     const realTransServer = overrideTrans ||
  8578.         (is_comment && OJBetter.translation.comment.choice != "0" ?
  8579.             OJBetter.translation.comment.choice :
  8580.             OJBetter.translation.choice);
  8581.  
  8582.     /** @type {TranslateResult} 翻译结果对象 */
  8583.     const translateResult = {
  8584.         status: "ok",
  8585.         rawData: {
  8586.             done: false
  8587.         }
  8588.     }
  8589.  
  8590.     /**
  8591.      * LaTeX替换
  8592.      * @param {string} text 待翻译文本
  8593.      * @returns {string} 处理后的文本
  8594.      */
  8595.     const replaceLatex = function (text) {
  8596.         if (OJBetter.typeOfPage.is_oldLatex) {
  8597.             const regex = /<span\s+class="tex-span">.*?<\/span>/gi;
  8598.             text = textBlockReplacer.replace(text, regex);
  8599.             text = text.replace(/<p>(.*?)<\/p>/g, "$1\n\n"); // <p/>标签换为换行
  8600.         } else if (OJBetter.typeOfPage.is_acmsguru) {
  8601.             const regex = /<i>.*?<\/i>|<sub>.*?<\/sub>|<sup>.*?<\/sup>|<pre>.*?<\/pre>/gi;
  8602.             text = textBlockReplacer.replace(text, regex);
  8603.         } else if (realTransServer != "openai") {
  8604.             // 使用GPT翻译时不必替换latex公式
  8605.             const regex = /\$\$(\\.|[^\$])*?\$\$|\$(\\.|[^\$])*?\$/g;
  8606.             text = textBlockReplacer.replace(text, regex);
  8607.  
  8608.             // 替换行间代码块```
  8609.             const regex2 = /```[\s\S]*?```/g;
  8610.             text = textBlockReplacer.replace(text, regex2);
  8611.         }
  8612.         return text;
  8613.     }
  8614.  
  8615.     /**
  8616.      * LaTeX恢复
  8617.      * @param {string} text 已翻译的文本
  8618.      * @returns {string} 恢复后的文本
  8619.      */
  8620.     const recoverLatex = function (text) {
  8621.         // 两个公式之间加个空格，防止有些LaTeX解析器解析错误
  8622.         let resultText = text
  8623.             .replace(/】【/g, '】 【')
  8624.             .replace(/\]\[/g, '] [')
  8625.             .replace(/\}\{/g, '} {');
  8626.  
  8627.         if (OJBetter.typeOfPage.is_oldLatex) {
  8628.             resultText = resultText.replace(/(.+?)(\n\n|$)/g, "<p>$1</p>"); // 换行符还原为<p/>标签
  8629.             resultText = textBlockReplacer.recover(resultText);
  8630.         } else if (OJBetter.typeOfPage.is_acmsguru) {
  8631.             resultText = textBlockReplacer.recover(resultText);
  8632.         } else if (realTransServer != "openai") {
  8633.             resultText = textBlockReplacer.recover(resultText);
  8634.         }
  8635.         return resultText;
  8636.     }
  8637.  
  8638.     /**
  8639.      * 格式化翻译结果
  8640.      * @param {string} text 
  8641.      * @returns {string} 处理后的翻译结果
  8642.      */
  8643.     const formatText = function (text) {
  8644.         // 转义LaTex中的特殊符号
  8645.         if (!OJBetter.typeOfPage.is_oldLatex && !OJBetter.typeOfPage.is_acmsguru) {
  8646.             // 先替换掉行间代码块
  8647.             const replacer = new TextBlockReplacer();
  8648.             text = replacer.replace(text, /```[\s\S]*?```/g);
  8649.  
  8650.             // 处理LaTeX公式
  8651.             const escapeRules = [
  8652.                 { pattern: /(?<!\\)>(?!\s)/g, replacement: " &gt; " }, // >符号
  8653.                 { pattern: /(?<!\\)</g, replacement: " &lt; " }, // <符号
  8654.                 { pattern: /(?<!\\)\*/g, replacement: " &#42; " }, // *符号
  8655.                 { pattern: /(?<!\\)_/g, replacement: " &#95; " }, // _符号
  8656.                 { pattern: /(?<!\\)\\\\(?=\s)/g, replacement: "\\\\\\\\" }, // \\符号
  8657.                 { pattern: /(?<!\\)\\(?![\\a-zA-Z0-9])/g, replacement: "\\\\" }, // \符号
  8658.             ];
  8659.  
  8660.             let latexMatches = [...text.matchAll(/\$\$([\s\S]*?)\$\$|\$(.*?)\$|\$([\s\S]*?)\$/g)];
  8661.             for (const match of latexMatches) {
  8662.                 const matchedText = match[0];
  8663.                 let escapedText = matchedText;
  8664.  
  8665.                 for (const rule of escapeRules) {
  8666.                     escapedText = escapedText.replaceAll(rule.pattern, rule.replacement);
  8667.                 }
  8668.                 escapedText = escapedText.replace(/\$\$/g, "$$$$$$$$");// $$符号（因为后面需要作为replacement，双倍消耗）
  8669.                 text = text.replace(matchedText, escapedText);
  8670.             }
  8671.  
  8672.             // 恢复行间代码块
  8673.             text = replacer.recover(text);
  8674.         }
  8675.  
  8676.         // 使符合mathjx的转换语法
  8677.         const mathjaxRuleMap = [
  8678.             { pattern: /\$/g, replacement: "$$$$$$" }, // $$ 行间
  8679.         ];
  8680.         mathjaxRuleMap.forEach(({ pattern, replacement }) => {
  8681.             text = text.replace(pattern, replacement);
  8682.         });
  8683.  
  8684.         // markdown修正
  8685.         const mdRuleMap = [
  8686.             { pattern: /(\s_[\u4e00-\u9fa5]+_)([\u4e00-\u9fa5]+)/g, replacement: "$1 $2" }, // 斜体
  8687.             { pattern: /(_[\u4e00-\u9fa5]+_\s)([\u4e00-\u9fa5]+)/g, replacement: " $1$2" },
  8688.             { pattern: /(_[\u4e00-\u9fa5]+_)([\u4e00-\u9fa5]+)/g, replacement: " $1 $2" },
  8689.             { pattern: /（([\s\S]*?)）/g, replacement: "($1)" }, // 中文（）
  8690.             // { pattern: /：/g, replacement: ":" }, // 中文：
  8691.             { pattern: /\*\* (.*?) \*\*/g, replacement: "\*\*$1\*\*" } // 加粗
  8692.         ];
  8693.         mdRuleMap.forEach(({ pattern, replacement }) => {
  8694.             text = text.replace(pattern, replacement);
  8695.         });
  8696.  
  8697.         return text;
  8698.     }
  8699.  
  8700.     // 创建翻译结果元素并放在element_node的后面
  8701.     translateResult.translateDiv = new TranslateDiv(id);
  8702.     $(element_node).after(translateResult.translateDiv.getDiv());
  8703.  
  8704.     // 顶栏左侧信息
  8705.     translateResult.translateDiv.setTopText(i18next.t('servers.' + realTransServer, { ns: 'translator' }) +
  8706.         i18next.t('translateDiv.topTextSuffix', { ns: 'translator' }));
  8707.  
  8708.     // 注册按钮
  8709.     translateResult.translateDiv.registerUpButtonEvent();
  8710.     translateResult.translateDiv.registerCloseButtonEvent();
  8711.     if (OJBetter.translation.choice == 'openai' || OJBetter.translation.choice == 'deepl') {
  8712.         translateResult.translateDiv.showQueryBalanceButton(OJBetter.translation.choice); // 显示额度查询
  8713.     }
  8714.  
  8715.     // 翻译内容是否为空文本
  8716.     if (isEmptyText(text)) {
  8717.         const shouldContinue = await OJB_createDialog(
  8718.             i18next.t('isEmptyText.title', { ns: 'dialog' }),
  8719.             i18next.t('isEmptyText.content', { ns: 'dialog' }),
  8720.             [
  8721.                 i18next.t('isEmptyText.buttons.0', { ns: 'dialog' }),
  8722.                 i18next.t('isEmptyText.buttons.1', { ns: 'dialog' })
  8723.             ],
  8724.             true
  8725.         );
  8726.         if (shouldContinue) {
  8727.             translateResult.status = "skip";
  8728.             return translateResult;
  8729.         }
  8730.     }
  8731.  
  8732.     // 替换latex公式
  8733.     text = replaceLatex(text);
  8734.  
  8735.     // 过滤**号
  8736.     if (OJBetter.translation.filterTextWithoutEmphasis && GM_getValue("translation") !== "openai") { // TODO
  8737.         text = text.replace(/\*\*/g, "");
  8738.     }
  8739.  
  8740.     // 字符数上限
  8741.     const translationLimits = {
  8742.         deepl: 5000,
  8743.         iflyrec: 2000,
  8744.         youdao: 600,
  8745.         google: 5000,
  8746.         caiyun: 5000
  8747.     };
  8748.     if (translationLimits.hasOwnProperty(realTransServer) && text.length > translationLimits[realTransServer]) {
  8749.         let textLength = translationLimits[realTransServer];
  8750.         let realTextLength = text.length;
  8751.         const shouldContinue = await OJB_createDialog(
  8752.             i18next.t('transTextLimits.title', { ns: 'dialog' }),
  8753.             i18next.t('transTextLimits.content', { ns: 'dialog', textLength: textLength, realTextLength: realTextLength }),
  8754.             [
  8755.                 i18next.t('transTextLimits.buttons.0', { ns: 'dialog' }),
  8756.                 i18next.t('transTextLimits.buttons.1', { ns: 'dialog' })
  8757.             ],
  8758.             true
  8759.         ); // 字数超限确认
  8760.         if (shouldContinue) {
  8761.             translateResult.status = "skip";
  8762.             return translateResult;
  8763.         }
  8764.     }
  8765.  
  8766.     /**
  8767.      * 调用各个翻译服务
  8768.      * @param {string} transServer 翻译服务
  8769.      * @returns {TransRawData} 原始翻译数据
  8770.      */
  8771.     async function translate(transServer) {
  8772.         const is_renderLaTeX = !(OJBetter.typeOfPage.is_oldLatex || OJBetter.typeOfPage.is_acmsguru);
  8773.         const servername = i18next.t('servers.' + realTransServer, { ns: 'translator' });
  8774.         /** @type {TransRawData} 原始翻译数据*/
  8775.         let rawData = {};
  8776.         try {
  8777.             if (transServer == "deepl") {
  8778.                 if (OJBetter.deepl.config.type == 'free') {
  8779.                     translateResult.translateDiv.updateTranslateDiv(`${i18next.t('transingTip.basic', { ns: 'translator', server: servername })}`, is_renderLaTeX);
  8780.                     rawData = await translate_deepl(text);
  8781.                 } else if (OJBetter.deepl.config.type == 'api') {
  8782.                     translateResult.translateDiv.updateTranslateDiv(`${i18next.t('transingTip.deeplApi', { ns: 'translator', deepl_configName: OJBetter.deepl.config.name })}`, is_renderLaTeX);
  8783.                     if (OJBetter.deepl.config.apiGenre == 'deeplx') {
  8784.                         rawData = await translate_deeplx(text);
  8785.                     } else {
  8786.                         if (OJBetter.deepl.enableEmphasisProtection) text = convertBoldMarkdownToHTML(text);
  8787.                         if (OJBetter.deepl.enableLinkProtection) text = convertLinksMarkdownToHTML(text);
  8788.                         if (OJBetter.deepl.config.apiGenre == 'api-free') {
  8789.                             rawData = await translate_deepl_api_free(text);
  8790.                         } else if (OJBetter.deepl.config.apiGenre == 'api-pro') {
  8791.                             rawData = await translate_deepl_api_pro(text);
  8792.                         }
  8793.                         if (OJBetter.deepl.enableEmphasisProtection) rawData.text = convertBoldHTMLToMarkdown(rawData.text);
  8794.                         if (OJBetter.deepl.enableLinkProtection) rawData.text = convertLinksHTMLToMarkdown(rawData.text);
  8795.                     }
  8796.                 }
  8797.             } else if (transServer == "iflyrec") {
  8798.                 translateResult.translateDiv.updateTranslateDiv(`${i18next.t('transingTip.basic', { ns: 'translator', server: servername })}`, is_renderLaTeX);
  8799.                 rawData = await translate_iflyrec(text);
  8800.             } else if (transServer == "youdao") {
  8801.                 translateResult.translateDiv.updateTranslateDiv(`${i18next.t('transingTip.basic', { ns: 'translator', server: servername })}`, is_renderLaTeX);
  8802.                 rawData = await translate_youdao_mobile(text);
  8803.             } else if (transServer == "google") {
  8804.                 translateResult.translateDiv.updateTranslateDiv(`${i18next.t('transingTip.basic', { ns: 'translator', server: servername })}`, is_renderLaTeX);
  8805.                 rawData = await translate_gg(text);
  8806.             } else if (transServer == "caiyun") {
  8807.                 translateResult.translateDiv.updateTranslateDiv(`${i18next.t('transingTip.basic', { ns: 'translator', server: servername })}`, is_renderLaTeX);
  8808.                 rawData = await translate_caiyun(text);
  8809.             } else if (transServer == "openai") {
  8810.                 translateResult.translateDiv.updateTranslateDiv(`${i18next.t('transingTip.openai', { ns: 'translator', openai_name: OJBetter.chatgpt.config.name })}${!OJBetter.chatgpt.isStream
  8811.                     ? i18next.t('transingTip.openai_isStream', { ns: 'translator' }) : ""}`,
  8812.                     is_renderLaTeX);
  8813.                 if (OJBetter.chatgpt.isStream) {
  8814.                     // 流式传输
  8815.                     rawData = await translate_openai_stream(text, translateResult.translateDiv);
  8816.                 } else {
  8817.                     // 普通模式
  8818.                     rawData = await translate_openai(text);
  8819.                 }
  8820.             }
  8821.             translatedText = rawData.text;
  8822.             if (!rawData.done) {
  8823.                 translateResult.status = "error";
  8824.             }
  8825.         } catch (e) {
  8826.             translateResult.status = "error";
  8827.             rawData.message = i18next.t('error.unexpected', { ns: 'translator' });
  8828.             console.warn(e);
  8829.         }
  8830.         return rawData;
  8831.     }
  8832.     translateResult.rawData = await translate(realTransServer);
  8833.  
  8834.     if (translateResult.status == "error") {
  8835.         translateResult.translateDiv.updateTranslateDiv(translateResult.rawData.message);
  8836.         return translateResult;
  8837.     }
  8838.  
  8839.     // 还原latex公式
  8840.     translatedText = recoverLatex(translatedText);
  8841.  
  8842.     // 注册结果复制按钮
  8843.     if (!OJBetter.typeOfPage.is_oldLatex && !OJBetter.typeOfPage.is_acmsguru) {
  8844.         translateResult.translateDiv.registerCopyButtonEvent(translatedText);
  8845.     } else {
  8846.         translateResult.translateDiv.disableCopyButton();
  8847.     }
  8848.  
  8849.     // 翻译结果格式化
  8850.     translatedText = formatText(translatedText);
  8851.  
  8852.     // 保存翻译结果
  8853.     if ((OJBetter.typeOfPage.is_problem || OJBetter.typeOfPage.is_completeProblemset) && OJBetter.translation.memory.enabled) {
  8854.         OJBetter.translation.memory.ttTree.refreshNode(".ttypography"); // 刷新当前页面.ttypography元素的结构树实例
  8855.         OJBetter.translation.memory.ttTree.addTransResultMap(id, translatedText);
  8856.         updateTransDBData(OJBetter.translation.memory.ttTree.getNodeData(), OJBetter.translation.memory.ttTree.getTransResultMap()); // 更新翻译结果到transDB
  8857.     }
  8858.  
  8859.     // 翻译结果面板更新
  8860.     translateResult.translateDiv.updateTranslateDiv(translatedText, !(OJBetter.typeOfPage.is_oldLatex || OJBetter.typeOfPage.is_acmsguru));
  8861.  
  8862.     return translateResult;
  8863. }
  8864.  
  8865. //弹窗翻译
  8866. function alertZh() {
  8867.     // var _alert = window.alert;
  8868.     // window.alert = async function (msg) {
  8869.     //     _alert(msg + "\n=========翻译=========\n" + await translate_deepl(msg));
  8870.     //     return true;
  8871.     // }
  8872. };
  8873.  
  8874. /**
  8875.  * 折叠块展开
  8876.  */
  8877. function ExpandFoldingblocks() {
  8878.     $('.spoiler').addClass('spoiler-open');
  8879.     $('.spoiler-content').attr('style', '');
  8880. };
  8881.  
  8882. /**
  8883.  * 折叠块渲染优化
  8884.  */
  8885. function RenderPerfOpt() {
  8886.     GM_addStyle(`
  8887.         .spoiler-content {
  8888.             contain: layout style;
  8889.         }
  8890.     `);
  8891. }
  8892.  
  8893. /**
  8894.  * 下拉选择框性能优化
  8895.  */
  8896. async function SelectElementPerfOpt() {
  8897.     // TODO 10
  8898.     // 加载库资源
  8899.     await OJB_LoadJS("https://aowuucdn.oss-accelerate.aliyuncs.com/js/selectpage.min.js");
  8900.     /**
  8901.      * 将一个<select>元素转换为SelectPage控件
  8902.      * @param {HTMLElement|string} selector - 要转换的<select>元素或其选择器
  8903.      */
  8904.     const OJB_transformSelectToSelectPage = (selector) => {
  8905.         const $select = $(selector);
  8906.         if ($select.length === 0 || !$select.is('select')) {
  8907.             console.error('Invalid select element provided.');
  8908.             return;
  8909.         }
  8910.  
  8911.         // 隐藏原生的<select>元素
  8912.         $select.hide();
  8913.  
  8914.         // 创建一个新的<input>元素用于SelectPage控件
  8915.         const $inputForSelectPage = $('<input>', {
  8916.             type: 'text',
  8917.             class: 'selectpage-input',
  8918.             autocomplete: 'off'
  8919.         });
  8920.         $select.after($inputForSelectPage);
  8921.  
  8922.         // 准备SelectPage所需的数据格式
  8923.         const data = $select.find('option').map((_, option) => ({
  8924.             id: option.value,
  8925.             text: option.text
  8926.         })).get();
  8927.  
  8928.         // 初始化SelectPage
  8929.         $inputForSelectPage.selectPage({
  8930.             showField: 'text',
  8931.             keyField: 'id',
  8932.             data,
  8933.             lang: 'en',
  8934.             // 当选中一个选项时，更新隐藏的<select>元素的值
  8935.             eSelect: (data) => {
  8936.                 $select.val(data.id).trigger('change');
  8937.             },
  8938.             // 初始化时根据<select>的当前值设置SelectPage
  8939.             initRecord: $select.val()
  8940.         });
  8941.     };
  8942.  
  8943.     // 遍历页面上的所有select
  8944.     $('select').each((_, select) => {
  8945.         // 选项大于500才优化
  8946.         if ($(select).find('option').length > 500) {
  8947.           OJB_transformSelectToSelectPage(select);
  8948.         }
  8949.       });
  8950. }
  8951.  
  8952. /**
  8953.  * 评论区分页
  8954.  */
  8955. function CommentPagination() {
  8956.     GM_addStyle(`
  8957.         .comments > .comment {
  8958.             display: none;
  8959.         }
  8960.         #next-page-btn, #prev-page-btn {
  8961.             display: none;
  8962.         }
  8963.         #jump-input, #items-per-page{
  8964.             height: 22px;
  8965.             border: 1px solid #dcdfe6;
  8966.             border-radius: 0.3rem;
  8967.         }
  8968.         #jump-input:focus-visible{
  8969.             border-style: solid;
  8970.             border-color: #3f51b5;
  8971.             outline: none;
  8972.         }
  8973.     `);
  8974.     $('.comments').after(`
  8975.             <div id="pagBar" style="display: flex; align-items: center; justify-content: center; color: #606266;">
  8976.                 <label for="items-per-page">${i18next.t('perpage', { ns: 'comments' })}</label>
  8977.                 <select id="items-per-page" style="margin-right: 15px;">
  8978.                     <option value="5">5</option>
  8979.                     <option value="10">10</option>
  8980.                     <option value="20">20</option>
  8981.                 </select>
  8982.                 <div class="paging" style="margin-right: 15px;">
  8983.                     <span id="current-page">1</span> / <span id="total-pages"></span>
  8984.                 </div>
  8985.                 <input type="text" id="jump-input" placeholder="${i18next.t('jumpTo', { ns: 'comments' })}">
  8986.                 <button type="button" id="jump-btn" class="ojb_btn">${i18next.t('jump', { ns: 'comments' })}</button>
  8987.                 <button id="prev-page-btn" class="ojb_btn">${i18next.t('prev', { ns: 'comments' })}</button>
  8988.                 <button id="next-page-btn" class="ojb_btn">${i18next.t('next', { ns: 'comments' })}</button>
  8989.             </div>
  8990.         `);
  8991.  
  8992.     let batchSize = 5;
  8993.     let elements = $(".comments > .comment").slice(0, -1);
  8994.     let start = 0;
  8995.     let end = batchSize;
  8996.     let currentPage = 1;
  8997.     let displayedIndexes = []; // 存储已显示元素的索引
  8998.  
  8999.     function showBatch(start, end) {
  9000.         // 隐藏上一页
  9001.         for (var i = 0; i < displayedIndexes.length; i++) {
  9002.             elements.eq(displayedIndexes[i]).hide();
  9003.         }
  9004.  
  9005.         displayedIndexes = [];
  9006.  
  9007.         // 显示当前页
  9008.         elements.slice(start, end).each(function (index) {
  9009.             $(this).show();
  9010.             displayedIndexes.push(start + index);
  9011.         });
  9012.  
  9013.         // 更新页码和翻页按钮
  9014.         $("#current-page").text(currentPage);
  9015.         $("#total-pages").text(Math.ceil(elements.length / batchSize));
  9016.  
  9017.         if (currentPage === 1) $("#prev-page-btn").hide();
  9018.         else $("#prev-page-btn").show();
  9019.  
  9020.         if (end >= elements.length) $("#next-page-btn").hide();
  9021.         else $("#next-page-btn").show();
  9022.     }
  9023.  
  9024.     // 初始化
  9025.     var commentID = null;
  9026.     var pageURL = window.location.href;
  9027.     if (pageURL.includes("#comment-")) {
  9028.         // 带评论区锚点的链接
  9029.         var startIndex = pageURL.lastIndexOf("#comment-") + 9;
  9030.         commentID = pageURL.substring(startIndex);
  9031.         var indexInComments = null;
  9032.         $(".comments > .comment").each(function (index) {
  9033.             $(this).find(".comment-table").each(function () {
  9034.                 var tableCommentID = $(this).attr("commentid");
  9035.                 if (tableCommentID === commentID) {
  9036.                     indexInComments = index;
  9037.                     return false;
  9038.                 }
  9039.             });
  9040.         });
  9041.         let page = Math.ceil((indexInComments + 1) / batchSize);
  9042.         currentPage = !page ? 1 : page;
  9043.         showBatch((currentPage - 1) * batchSize, currentPage * batchSize);
  9044.         setTimeout(function () {
  9045.             window.location.href = pageURL;
  9046.         }, 1000);
  9047.     } else {
  9048.         showBatch(0, batchSize);
  9049.     }
  9050.  
  9051.     $("#prev-page-btn").on("click", function () {
  9052.         var itemsPerPage = parseInt($("#items-per-page").val());
  9053.         start = (currentPage - 2) * itemsPerPage;
  9054.         end = (currentPage - 1) * itemsPerPage;
  9055.         currentPage--;
  9056.         showBatch(start, end);
  9057.     });
  9058.  
  9059.     $("#next-page-btn").on("click", function () {
  9060.         var itemsPerPage = parseInt($("#items-per-page").val());
  9061.         start = currentPage * itemsPerPage;
  9062.         end = (currentPage + 1) * itemsPerPage;
  9063.         currentPage++;
  9064.         showBatch(start, end);
  9065.     });
  9066.  
  9067.     $("#jump-btn").on("click", function () {
  9068.         var inputPage = parseInt($("#jump-input").val());
  9069.  
  9070.         if (inputPage >= 1 && inputPage <= Math.ceil(elements.length / parseInt($("#items-per-page").val()))) {
  9071.             var itemsPerPage = parseInt($("#items-per-page").val());
  9072.             start = (inputPage - 1) * itemsPerPage;
  9073.             end = inputPage * itemsPerPage;
  9074.             currentPage = inputPage; // 更新当前页码
  9075.             showBatch(start, end);
  9076.         }
  9077.     });
  9078.  
  9079.     $("#items-per-page").on("change", function () {
  9080.         batchSize = parseInt($(this).val());
  9081.         let page = Math.ceil(end / batchSize);
  9082.         currentPage = !page ? 1 : page;
  9083.         let maxPage = Math.ceil(elements.length / batchSize);
  9084.         if (currentPage > maxPage) currentPage = maxPage;
  9085.         showBatch((currentPage - 1) * batchSize, currentPage * batchSize);
  9086.     });
  9087. }
  9088.  
  9089. /**
  9090.  * 题目页相关链接栏
  9091.  */
  9092. class ProblemPageLinkbar {
  9093.     constructor() {
  9094.         this.containerElement = this.createToolbar();
  9095.         this.commandInvoker = new CommandInvoker();
  9096.     }
  9097.  
  9098.     /**
  9099.      * 创建工具栏
  9100.      */
  9101.     createToolbar() {
  9102.         const toolbarElement = $("<div>").attr("id", "problemToolbar").insertBefore($(".problemindexholder"));
  9103.         return new DOMContainer(toolbarElement);
  9104.     }
  9105.  
  9106.     /**
  9107.      * 添加按钮
  9108.      * @param {string} id 按钮id
  9109.      * @param {string} url 按钮链接
  9110.      * @param {string} text 按钮文字
  9111.      * @param {JQueryObject} icon 按钮图标
  9112.      * @param {string} iconHeight 图标高度
  9113.      * @returns {object} 按钮对象
  9114.      */
  9115.     addLinkButton(id, url, text, icon = $('<div>'), iconHeight = "22px") {
  9116.         const linkElement = $("<a>")
  9117.             .attr("href", url)
  9118.             .attr("target", "_blank")
  9119.             .addClass("ojb_btn")
  9120.             .attr("id", id);
  9121.  
  9122.         linkElement.append(icon);
  9123.         icon.css("height", iconHeight);
  9124.  
  9125.         const textSpan = $("<span>").html(text);
  9126.         linkElement.append(textSpan);
  9127.  
  9128.         this.commandInvoker.execute(new AddElementCommand(this.containerElement, linkElement));
  9129.         return {
  9130.             element: linkElement,
  9131.             text: textSpan,
  9132.             icon: icon
  9133.         };
  9134.     }
  9135.  
  9136.     /**
  9137.      * 更新链接
  9138.      * @param {object} button 按钮对象
  9139.      * @param {string} url 按钮链接
  9140.      */
  9141.     updateUrl(button, url) {
  9142.         button.element.attr("href", url);
  9143.     }
  9144.  
  9145.     /**
  9146.      * 更新文字
  9147.      * @param {object} button 按钮对象
  9148.      * @param {string} text 按钮文字
  9149.      */
  9150.     updateText(button, text) {
  9151.         button.text.html(text);
  9152.     }
  9153.  
  9154.     /**
  9155.      * 设置文字为粗体
  9156.      * @param {object} button 按钮对象
  9157.      */
  9158.     setBold(button) {
  9159.         button.text.css("font-weight", "bold");
  9160.     }
  9161.  
  9162.     /**
  9163.      * 更新图标
  9164.      * @param {object} button 按钮对象
  9165.      * @param {JQueryObject} icon 按钮图标
  9166.      * @param {string} iconHeight 图标高度
  9167.      */
  9168.     updateIcon(button, icon, iconHeight = "16px") {
  9169.         button.icon.remove();
  9170.         button.text.prepend(icon);
  9171.         icon.css("height", iconHeight);
  9172.         button.icon = icon;
  9173.     }
  9174.  
  9175.     /**
  9176.      * 添加类
  9177.      * @param {object} button 按钮对象
  9178.      * @param {string} className 类名
  9179.      */
  9180.     addClass(button, className) {
  9181.         button.element.addClass(className);
  9182.     }
  9183.  
  9184.     /**
  9185.      * 禁用链接按钮
  9186.      * @param {object} button 按钮对象
  9187.      */
  9188.     disableButton(button) {
  9189.         button.element.addClass("disabled");
  9190.     }
  9191.  
  9192.     /**
  9193.      * 启用链接按钮
  9194.      * @param {object} button 按钮对象
  9195.      */
  9196.     enableButton(button) {
  9197.         button.element.removeClass("disabled");
  9198.     }
  9199. }
  9200.  
  9201. /**
  9202.  * 获取题目的id
  9203.  * @param {String} url 题目的链接 
  9204.  * @returns 题目的id，形如2000A
  9205.  */
  9206. function getProblemId(url) {
  9207.     const regex = url.includes('/contest/')
  9208.         ? /\/contest\/(\d+)\/problem\/([A-Za-z\d]+)/
  9209.         : /\/problemset\/problem\/(\d+)\/([A-Za-z\d]+)/;
  9210.     const matchResult = url.match(regex);
  9211.     return matchResult && matchResult.length >= 3 ? `${matchResult[1]}${matchResult[2]}` : '';
  9212. };
  9213.  
  9214. /**
  9215.  * 跳转到洛谷
  9216.  * @param {ProblemPageLinkbar} problemToolbar 
  9217.  */
  9218. async function CF2luogu(problemToolbar) {
  9219.     const url = window.location.href;
  9220.     const problemId = getProblemId(url);
  9221.     const luoguButton = problemToolbar.addLinkButton(
  9222.         "luoguButton",
  9223.         "https://www.luogu.com.cn/",
  9224.         i18next.t('state.loading', { ns: 'button' }),
  9225.         $("<img>").attr("src", "https://cdn.luogu.com.cn/fe/logo.png")
  9226.     );
  9227.  
  9228.     const checkLinkExistence = async (url) => {
  9229.         return OJB_promiseRetryWrapper(async () => {
  9230.             const response = await OJB_GMRequest({
  9231.                 method: "GET",
  9232.                 url
  9233.             });
  9234.             return !response.responseText.match(/出错了/g);
  9235.         }, {
  9236.             maxRetries: 3,
  9237.             retryInterval: 1000
  9238.         });
  9239.     };
  9240.  
  9241.     const LuoguUrl = `https://www.luogu.com.cn/problem/CF${problemId}`;
  9242.     try {
  9243.         const result = await checkLinkExistence(LuoguUrl);
  9244.         if (problemId && result) {
  9245.             problemToolbar.updateText(luoguButton, "");
  9246.             problemToolbar.updateUrl(luoguButton, LuoguUrl);
  9247.         } else {
  9248.             problemToolbar.updateText(luoguButton, i18next.t('state.404', { ns: 'button' }));
  9249.             problemToolbar.disableButton(luoguButton);
  9250.         }
  9251.     } catch (error) {
  9252.         if (error instanceof OJB_GMError && error.type == "error") {
  9253.             problemToolbar.updateText(luoguButton, i18next.t('state.netError', { ns: 'button' }));
  9254.             problemToolbar.disableButton(luoguButton);
  9255.         }
  9256.     }
  9257. }
  9258.  
  9259. /**
  9260.  * 跳转到 Virtual Judge
  9261.  * @param {ProblemPageLinkbar} problemToolbar 
  9262.  */
  9263. async function CF2vjudge(problemToolbar) {
  9264.     const url = window.location.href;
  9265.     const problemId = getProblemId(url);
  9266.     const vjudgeButton = problemToolbar.addLinkButton(
  9267.         "vjudgeButton",
  9268.         "https://vjudge.net/",
  9269.         i18next.t('state.loading', { ns: 'button' }),
  9270.         $("<img>").attr("src", "https://aowuucdn.oss-accelerate.aliyuncs.com/vjudge.ico")
  9271.     );
  9272.  
  9273.     const checkLinkExistence = async (url) => {
  9274.         return OJB_promiseRetryWrapper(async () => {
  9275.             const response = await OJB_GMRequest({
  9276.                 method: "HEAD",
  9277.                 url: url,
  9278.             });
  9279.             if (response.status >= 200 && response.status < 300) return true;
  9280.             else if (response.status == 404) return false;
  9281.             else throw new OJB_GMError('network', 'An unknown network error occurred!', response);
  9282.         }, {
  9283.             maxRetries: 3,
  9284.             retryInterval: 1000
  9285.         });
  9286.     };
  9287.  
  9288.     const VjudgeUrl = `https://vjudge.net/problem/CodeForces-${problemId}`;
  9289.     try {
  9290.         const result = await checkLinkExistence(VjudgeUrl);
  9291.         if (problemId && result) {
  9292.             problemToolbar.updateText(vjudgeButton, "VJudge");
  9293.             problemToolbar.updateUrl(vjudgeButton, VjudgeUrl);
  9294.         } else {
  9295.             problemToolbar.updateText(vjudgeButton, i18next.t('state.404', { ns: 'button' }));
  9296.             problemToolbar.disableButton(vjudgeButton);
  9297.         }
  9298.     } catch (error) {
  9299.         if (error instanceof OJB_GMError && error.type == "error") {
  9300.             problemToolbar.updateText(vjudgeButton, i18next.t('state.netError', { ns: 'button' }));
  9301.             problemToolbar.disableButton(vjudgeButton);
  9302.         }
  9303.     }
  9304. }
  9305.  
  9306. // RatingClass
  9307. const ratingClassMap = {
  9308.     NaN: "rating_by_clist_colorNaN",
  9309.     0: "rating_by_clist_color0",
  9310.     1200: "rating_by_clist_color1",
  9311.     1400: "rating_by_clist_color2",
  9312.     1600: "rating_by_clist_color3",
  9313.     1900: "rating_by_clist_color4",
  9314.     2100: "rating_by_clist_color5",
  9315.     2300: "rating_by_clist_color6",
  9316.     2400: "rating_by_clist_color7",
  9317.     2600: "rating_by_clist_color8",
  9318.     3000: "rating_by_clist_color9"
  9319. };
  9320. const cssMap = {
  9321.     "rating_by_clist_colorNaN": "#cccccc",
  9322.     "rating_by_clist_color0": "#808080",
  9323.     "rating_by_clist_color1": "#73e473",
  9324.     "rating_by_clist_color2": "#77ddbb",
  9325.     "rating_by_clist_color3": "#aaaaff",
  9326.     "rating_by_clist_color4": "#ff88ff",
  9327.     "rating_by_clist_color5": "#ffcc88",
  9328.     "rating_by_clist_color6": "#ffbb55",
  9329.     "rating_by_clist_color7": "#ff7777",
  9330.     "rating_by_clist_color8": "#ff3333",
  9331.     "rating_by_clist_color9": "#aa0000"
  9332. };
  9333. // TODO 7
  9334. /**
  9335.  * clist 访问有效性检查
  9336.  * @param {boolean} onlyCookie 是否只检查Cookie
  9337.  * @returns {Promise<boolean>} 是否有效
  9338.  */
  9339. async function validateClistConnection(onlyCookie = false) {
  9340.     const clistApiUrl = "https://clist.by:443/api/v4/contest/?limit=1&resource_id=1";
  9341.     const requestOptions = {
  9342.         method: "GET",
  9343.         url: clistApiUrl,
  9344.         timeout: 5000,
  9345.     };
  9346.  
  9347.     // 尝试发送请求
  9348.     async function tryRequest(options) {
  9349.         try {
  9350.             const response = await OJB_GMRequest(options);
  9351.             if (response.status === 200) {
  9352.                 return { ok: true };
  9353.             } else if (response.status === 401) {
  9354.                 throw new Error('unauthorized');
  9355.             } else if (response.status === 404) {
  9356.                 throw new Error('not_found');
  9357.             } else {
  9358.                 throw new Error('other_error');
  9359.             }
  9360.         } catch (error) {
  9361.             console.warn(`Error accessing clist.by: ${error.message}`);
  9362.             return { ok: false, error: error.message };
  9363.         }
  9364.     }
  9365.  
  9366.     // 尝试携带Key发送请求
  9367.     let result = await tryRequest(requestOptions);
  9368.     if (!onlyCookie && !result.ok) {
  9369.         requestOptions.headers = { "Authorization": OJBetter.clist.authorization };
  9370.         result = await tryRequest(requestOptions);
  9371.     }
  9372.  
  9373.     // 根据结果显示错误信息
  9374.     if (!result.ok) {
  9375.         let errorType = result.error;
  9376.         const loadingMessage = new LoadingMessage();
  9377.         let state;
  9378.         if (errorType === 'not_found') {
  9379.             state = i18next.t('error.clist.404', { ns: 'alert' });
  9380.         } else if (errorType === 'unauthorized') {
  9381.             state = i18next.t('error.clist.cookie', { ns: 'alert' });
  9382.         } else {
  9383.             state = i18next.t('error.clist.other', { ns: 'alert' });
  9384.         }
  9385.         loadingMessage.updateStatus(`${OJBetter.state.name} —— ${state}`, 'error');
  9386.     }
  9387.     return result.ok;
  9388. }
  9389.  
  9390. /**
  9391.  * 创建Rating相关css
  9392.  * @param {boolean} [hasBorder=true] 是否有边框
  9393.  */
  9394. function creatRatingCss(hasBorder = true) {
  9395.     const defaultBorderColor = '#dcdfe6';
  9396.     let dynamicCss = "";
  9397.     let hoverSelector = OJBetter.clist.ratingHidden ? ":hover" : "";
  9398.     for (let cssClass in cssMap) {
  9399.         dynamicCss += `a.${cssClass}${hoverSelector}, a.${cssClass}${hoverSelector}:link {\n`;
  9400.         let borderColor = hasBorder ? cssMap[cssClass] : defaultBorderColor;
  9401.         dynamicCss += `    color: ${cssMap[cssClass]} ${OJBetter.clist.ratingHidden ? "!important" : ""};\n`;
  9402.         dynamicCss += `}\n`;
  9403.     }
  9404.     GM_addStyle(dynamicCss);
  9405.     if (OJBetter.clist.ratingHidden) {
  9406.         GM_addStyle(`
  9407.         #clistButton {
  9408.             color: #ffffff00;
  9409.         }
  9410.     `);
  9411.     }
  9412. }
  9413.  
  9414. /**
  9415.  * 模拟clist网页访问获取rating
  9416.  * @param {string} problem 题目名称
  9417.  * @param {string} problem_url 题目链接
  9418.  * @param {string} contest 比赛名称
  9419.  * @returns {Promise<{rating: number, problem: string}>} 题目难度
  9420.  */
  9421. async function getRatingFromHTML(problem, problem_url, contest = null) {
  9422.     // 去除题目名称中的括号，以及首尾的空白符
  9423.     problem = problem.replace(/\([\s\S]*?\)/g, '').trim();
  9424.  
  9425.     return OJB_promiseRetryWrapper(async () => {
  9426.         const queryString = `search=${encodeURIComponent(problem)}&resource=1`;
  9427.         const response = await OJB_GMRequest({
  9428.             method: 'GET',
  9429.             url: `https://clist.by/problems/?${queryString}`,
  9430.         });
  9431.  
  9432.         if (!response.responseText) throw new OJB_GMError('network', 'An unknown network error occurred!', response);
  9433.         const html = response.responseText;
  9434.         const cleanedHtml = html.replace(/src=(.|\s)*?"/g, '');
  9435.         const parser = new DOMParser();
  9436.         const doc = parser.parseFromString(cleanedHtml, 'text/html');
  9437.         const trs = doc.querySelectorAll('table tbody tr');
  9438.  
  9439.         for (let tr of trs) {
  9440.             const rating = tr.querySelector('.problem-rating-column').textContent.trim();
  9441.             const link = OJB_cleanLink(tr.querySelector('.problem-name-column a:nth-of-type(2)')?.href);
  9442.  
  9443.             if (link === problem_url || link === problem_url + '/') {
  9444.                 return {
  9445.                     rating: parseInt(rating),
  9446.                     problem: problem
  9447.                 };
  9448.             } else if (contest !== null) {
  9449.                 const contestTitles = [...tr.querySelectorAll('.problem-name-column .pull-right a[title], .problem-name-column .pull-right span[title]')].map(el => el.title);
  9450.                 if (contestTitles.includes(contest)) {
  9451.                     return {
  9452.                         rating: parseInt(rating),
  9453.                         problem: problem
  9454.                     };
  9455.                 }
  9456.             }
  9457.         }
  9458.         console.warn(`No data found for the question: ${problem}`);
  9459.     }, {
  9460.         maxRetries: 3,
  9461.         retryInterval: 500
  9462.     });
  9463. }
  9464.  
  9465. /**
  9466.  * 从clist API获取题目的rating
  9467.  * @param {string} problem_name 题目名
  9468.  * @param {string} problem_url 题目链接
  9469.  * @returns {Promise<number>} 题目rating
  9470.  * 
  9471.  * 使用两个Map对象来存储和快速访问题目信息：
  9472.  * - problemsMap: 通过题目的URL作为键来存储题目信息。
  9473.  * - nameMap: 通过题目的名称作为键来存储题目信息。
  9474.  * 
  9475.  * 每个题目信息是一个对象，包含以下属性：
  9476.  * @typedef {Object} ProblemInfo
  9477.  * @property {string} name 题目名称
  9478.  * @property {string} url 题目URL
  9479.  * @property {number} rating 题目评分，如果没有评分信息则为NaN
  9480.  */
  9481. async function getRatingFromApi_problem(problem_name, problem_url) {
  9482.     return OJB_promiseRetryWrapper(async () => {
  9483.         const response = await OJB_GMRequest({
  9484.             method: "GET",
  9485.             url: `https://clist.by:443/api/v4/problem/?name=${encodeURIComponent(problem_name)}&resource__regex=codeforces.com`,
  9486.             headers: { "Authorization": OJBetter.clist.authorization }
  9487.         });
  9488.  
  9489.         if (!response.responseText) throw new OJB_GMError('network', 'An unknown network error occurred!', response);
  9490.         let data = JSON.parse(response.responseText);
  9491.         /** 
  9492.          * 使用题目的URL作为键来存储题目信息。
  9493.          * @type {Map<string, ProblemInfo>}
  9494.          */
  9495.         let problemsMap = new Map();
  9496.  
  9497.         /** 
  9498.          * 使用题目的名称作为键来存储题目信息。
  9499.          * @type {Map<string, ProblemInfo>}
  9500.          */
  9501.         let nameMap = new Map();
  9502.  
  9503.         data.objects.forEach(problem => {
  9504.             /** @type {ProblemInfo} 题目信息*/
  9505.             let problemInfo = {
  9506.                 name: problem.name,
  9507.                 url: problem.url,
  9508.                 rating: problem.rating ? problem.rating : NaN
  9509.             };
  9510.             problemsMap.set(OJB_cleanLink(problem.url), problemInfo);
  9511.             nameMap.set(problem.name, problemInfo);
  9512.         });
  9513.  
  9514.         if (problemsMap.has(problem_url)) {
  9515.             return problemsMap.get(problem_url).rating;
  9516.         } else if (nameMap.has(problem_name)) {
  9517.             return nameMap.get(problem_name).rating;
  9518.         } else {
  9519.             console.warn('Problem not found in the response');
  9520.         }
  9521.     }, {
  9522.         maxRetries: 5,
  9523.         retryInterval: 1000
  9524.     });
  9525. }
  9526.  
  9527. /**
  9528.  * 获取字符串中的关键词列表
  9529.  * @param {string} text 字符串文本
  9530.  * @returns {array<string>} 返回关键词列表
  9531.  */
  9532. function getKeywords(text) {
  9533.     // 定义要过滤掉的高频词
  9534.     const highFrequencyWords = ['Educational', 'Codeforces', 'Round', 'Div'];
  9535.  
  9536.     // 使用正则表达式替换掉特殊符号（保留空格以便分词）
  9537.     const sanitizedText = text.replace(/[^\w\s]|_/g, '').replace(/\s+/g, ' ');
  9538.  
  9539.     // 将字符串拆分为单词数组
  9540.     const words = sanitizedText.split(' ');
  9541.  
  9542.     // 过滤掉高频词和空字符串
  9543.     const filteredWords = words.filter(word => {
  9544.         return word && highFrequencyWords.indexOf(word) === -1;
  9545.     });
  9546.  
  9547.     // 返回关键词列表
  9548.     return filteredWords;
  9549. }
  9550.  
  9551. /**
  9552.  * 根据关键词从 Clist API 中获取实际比赛名称
  9553.  * @param {string} contestName 比赛名
  9554.  * @param {string} contestUrl 比赛链接
  9555.  * @returns {string|null} 该比赛在Clist中的实际名字
  9556.  */
  9557. async function getContestNameFromApi(contestName, contestUrl) {
  9558.     return OJB_promiseRetryWrapper(async () => {
  9559.         const options = {
  9560.             method: "GET",
  9561.             url: `https://clist.by:443/api/v4/contest/?resource_id=1&event__regex=${encodeURIComponent(contestName)}`,
  9562.             headers: {
  9563.                 "Authorization": OJBetter.clist.authorization
  9564.             }
  9565.         };
  9566.  
  9567.         let response = await OJB_GMRequest(options);
  9568.  
  9569.         if (!response.responseText) throw new OJB_GMError('network', 'An unknown network error occurred!', response);
  9570.  
  9571.         let data = JSON.parse(response.responseText);
  9572.         let objects = data.objects;
  9573.  
  9574.         if (objects.length > 0) {
  9575.             for (const contest of objects) {
  9576.                 const href = contest.href.replace(/\/contests\//i, '/contest/'); // 链接可能是contests而不是contest，换回来
  9577.                 if (OJB_cleanLink(href) == contestUrl) {
  9578.                     return contest.event;
  9579.                 }
  9580.             }
  9581.         }
  9582.         return null;
  9583.     }, {
  9584.         maxRetries: 5,
  9585.         retryInterval: 1000
  9586.     });
  9587. }
  9588.  
  9589. /**
  9590.  * 获取在clist中的实际比赛名称
  9591.  * @param {string} contestName 待搜索的比赛名称
  9592.  * @param {string} contestUrl 比赛的url
  9593.  * @returns {Promise<string|null>} 在clist中的实际比赛名称，如果没有找到，则返回null
  9594.  */
  9595. async function getActualContestName(contestName, contestUrl) {
  9596.     // 首先尝试使用完整的比赛名称进行搜索
  9597.     let actualContestName = await getContestNameFromApi(contestName, contestUrl);
  9598.     if (actualContestName) {
  9599.         return actualContestName;
  9600.     }
  9601.  
  9602.     // 如果使用完整名称没有找到，则尝试使用关键词进行搜索
  9603.     const keywords = getKeywords(contestName);
  9604.     const maxKeywordAttempts = 1; // 最多尝试到第几个关键词（因为Clist API有频率限制）
  9605.     for (let i = 0; i < Math.min(keywords.length, maxKeywordAttempts); i++) {
  9606.         actualContestName = await getContestNameFromApi(keywords[i], contestUrl);
  9607.         if (actualContestName) {
  9608.             return actualContestName;
  9609.         }
  9610.     }
  9611.  
  9612.     // 如果全部尝试后仍没有找到，返回null
  9613.     return null;
  9614. }
  9615.  
  9616. /**
  9617.  * 从clist API获取比赛题目集的rating
  9618.  * @param {string} contestName 比赛名
  9619.  * @returns {Promise<Map<string, number>>} 题目rating
  9620.  */
  9621. async function getRatingFromApi_contest(contestName, contestUrl) {
  9622.     const actualContestName = await getActualContestName(contestName, contestUrl);
  9623.     return OJB_promiseRetryWrapper(async () => {
  9624.         const options = {
  9625.             method: "GET",
  9626.             url: `https://clist.by:443/api/v4/contest/?resource_id=1&with_problems=true&event=${encodeURIComponent(actualContestName)}`,
  9627.             headers: {
  9628.                 "Authorization": OJBetter.clist.authorization
  9629.             }
  9630.         };
  9631.  
  9632.         let response = await OJB_GMRequest(options);
  9633.  
  9634.         if (!response.responseText) throw new OJB_GMError('network', 'An unknown network error occurred!', response);
  9635.  
  9636.         let data = JSON.parse(response.responseText);
  9637.         let objects = data.objects;
  9638.         let problemsMap = new Map();
  9639.  
  9640.         if (objects.length > 0 && objects[0].problems) {
  9641.             objects[0].problems.forEach(problem => {
  9642.                 problemsMap.set(OJB_cleanLink(problem.url), problem.rating ? problem.rating : NaN);
  9643.             });
  9644.         }
  9645.  
  9646.         return problemsMap;
  9647.     }, {
  9648.         maxRetries: 5,
  9649.         retryInterval: 1000
  9650.     });
  9651. }
  9652.  
  9653. /**
  9654.  * 根据rating获取对应的颜色class名
  9655.  * @param {number} rating 题目rating
  9656.  * @returns {string} 颜色class名
  9657.  */
  9658. function getClassNameByRating(rating) {
  9659.     let className = "rating_by_clist_color9";
  9660.     if (Number.isNaN(rating)) {
  9661.         className = "rating_by_clist_colorNaN";
  9662.     } else {
  9663.         let keys = Object.keys(ratingClassMap);
  9664.         for (let i = 0; i < keys.length; i++) {
  9665.             if (rating < keys[i]) {
  9666.                 className = ratingClassMap[keys[i - 1]];
  9667.                 break;
  9668.             }
  9669.         }
  9670.     }
  9671.     return className;
  9672. }
  9673.  
  9674. /**
  9675.  * problem题目页显示Rating
  9676.  * @param {ProblemPageLinkbar} problemToolbar 
  9677.  * @returns {Promise<void>}
  9678.  */
  9679. async function showRatingByClist_problem(problemToolbar) {
  9680.     // 题目名
  9681.     const problem = $('.header .title').eq(0).text().replace(/[\s\S]*?. /, '');
  9682.     if (OJBetter.typeOfPage.is_acmsguru) problem = $('h4').eq(0).text().replace(/[\s\S]*?. /, '');
  9683.  
  9684.     // 创建Rating按钮元素
  9685.     creatRatingCss(false);
  9686.     // TODO
  9687.     const clistButton = problemToolbar.addLinkButton(
  9688.         'clistButton',
  9689.         `https://clist.by/problems/?search=${problem}&resource=1`,
  9690.         i18next.t('state.wait', { ns: 'button' }),
  9691.         $("<img>").attr("src", "https://clist.by/static/img/logo-48.png"),
  9692.         "15px"
  9693.     );
  9694.  
  9695.     // 检测clist连接
  9696.     if (!await validateClistConnection()) {
  9697.         problemToolbar.updateText(clistButton, i18next.t('state.netError', { ns: 'button' }));
  9698.         return;
  9699.     }
  9700.  
  9701.     // 题目链接
  9702.     let problem_url = window.location.href;
  9703.     if (problem_url.includes('/contest/')) {
  9704.         problem_url = problem_url.replace(/\/contest\/(\d+)\/problem\/(\w+)[^\w]*/, '/contest/$1/problem/$2');
  9705.     } else {
  9706.         problem_url = problem_url.replace(/\/problemset\/problem\/(\d+)\/(\w+)/, '/contest/$1/problem/$2');
  9707.     }
  9708.     if (OJBetter.typeOfPage.is_mSite) problem_url = problem_url.replace(/\/\/(\w+).codeforces.com/, '//codeforces.com'); // 轻量站
  9709.  
  9710.     // 比赛名
  9711.     // let contest = $('#sidebar').children().first().find('.rtable th').first().text();
  9712.  
  9713.     // rating
  9714.     problemToolbar.updateText(clistButton, i18next.t('state.loading', { ns: 'button' }));
  9715.     let rating = await getRatingFromApi_problem(problem, problem_url);
  9716.     if (rating) {
  9717.         let className = getClassNameByRating(rating);
  9718.         problemToolbar.updateText(clistButton, rating);
  9719.         problemToolbar.setBold(clistButton);
  9720.         problemToolbar.addClass(clistButton, className);
  9721.     } else {
  9722.         problemToolbar.updateText(clistButton, i18next.t('state.404', { ns: 'button' }));
  9723.         problemToolbar.disableButton(clistButton);
  9724.     }
  9725. }
  9726.  
  9727. /**
  9728.  * contest页显示Rating
  9729.  * @returns {Promise<void>}
  9730.  */
  9731. async function showRatingByClist_contest() {
  9732.     // 创建Rating显示框
  9733.     creatRatingCss();
  9734.     let ratingBadges = {};
  9735.     $('.datatable .id.left').each(function () {
  9736.         let href = 'https://codeforces.com' + $(this).find('a').attr('href');
  9737.         let badge = OJB_safeCreateJQElement(`<a id="clistButton" class="ratingBadge">${i18next.t('state.wait', { ns: 'button' })}</a>`);
  9738.         $(this).find('a').after(badge);
  9739.         ratingBadges[href] = badge;
  9740.     });
  9741.  
  9742.     // 检测clist连接
  9743.     if (!await validateClistConnection()) {
  9744.         for (let href in ratingBadges) {
  9745.             ratingBadges[href].text('error').addClass('ratingBadge_error');
  9746.         }
  9747.         return;
  9748.     }
  9749.  
  9750.     // 显示loading
  9751.     for (let href in ratingBadges) {
  9752.         ratingBadges[href].text(i18next.t('state.loading', { ns: 'button' })).addClass('ratingBadge_loading');
  9753.     }
  9754.  
  9755.     // 获取Rating
  9756.     let contestName = $('#sidebar').children().first().find('.rtable th').first().text();
  9757.     let contestUrl = OJB_cleanLink(window.location.href);
  9758.     try {
  9759.         let problemsMap = await getRatingFromApi_contest(contestName, contestUrl);
  9760.  
  9761.         // 填充数据
  9762.         for (let href in ratingBadges) {
  9763.             if (problemsMap.has(href)) {
  9764.                 let rating = problemsMap.get(href);
  9765.                 let className = getClassNameByRating(rating);
  9766.                 ratingBadges[href].text(rating).addClass(className);
  9767.             } else {
  9768.                 ratingBadges[href].text(i18next.t('state.404', { ns: 'button' })).addClass('ratingBadge_no');
  9769.             }
  9770.         }
  9771.     } catch (error) {
  9772.         // 填充数据
  9773.         for (let href in ratingBadges) {
  9774.             ratingBadges[href].text(i18next.t('state.netError', { ns: 'button' })).addClass('ratingBadge_no');
  9775.         }
  9776.         console.warn(error);
  9777.     }
  9778. }
  9779.  
  9780. /**
  9781.  * problemset页显示Rating
  9782.  * @returns {Promise<void>}
  9783.  */
  9784. async function showRatingByClist_problemset() {
  9785.     creatRatingCss();
  9786.     let ratingBadges = [];
  9787.     const $problems = $('.problems');
  9788.     const $trs = $problems.find('tbody tr:gt(0)');
  9789.  
  9790.     // 先创建Rating显示框，并将关系存进数组ratingBadges
  9791.     for (let i = 0; i < $trs.length; i++) {
  9792.         const $tds = $($trs[i]).find('td');
  9793.         const $firstDiv = $($tds[1]).find('div:first');
  9794.         let problem = $firstDiv.text();
  9795.         let problem_url = $firstDiv.find('a').attr('href');
  9796.         problem_url = problem_url.replace(/^\/problemset\/problem\/(\d+)\/(\w+)/, 'https://codeforces.com/contest/$1/problem/$2');
  9797.  
  9798.         const ratingBadge = OJB_safeCreateJQElement(`<a id="clistButton" class="ratingBadge"></a>`);
  9799.         const rating = OJB_safeCreateJQElement(`<span class="rating">${i18next.t('state.wait', { ns: 'button' })}</span>`);
  9800.         ratingBadge.append(rating);
  9801.         $($tds[0]).find('a').after(ratingBadge);
  9802.         ratingBadges.push({ ratingBadge, rating, problem, problem_url });
  9803.     }
  9804.  
  9805.     // 检测clist连接
  9806.     if (!await validateClistConnection()) {
  9807.         for (let i = 0; i < rating.length; i++) {
  9808.             ratingBadges[i].rating.text(i18next.t('state.netError', { ns: 'button' }));
  9809.         }
  9810.         return;
  9811.     }
  9812.  
  9813.     // 每次只获取3个rating
  9814.     for (let i = 0; i < ratingBadges.length; i += 3) {
  9815.         const promises = [];
  9816.         const endIndex = Math.min(i + 3, ratingBadges.length);
  9817.  
  9818.         for (let j = i; j < endIndex; j++) {
  9819.             const ratingBadge = ratingBadges[j];
  9820.             // 显示请求中
  9821.             ratingBadge.rating.text(i18next.t('state.loading', { ns: 'button' }));
  9822.             promises.push(getRatingFromHTML(ratingBadge.problem, ratingBadge.problem_url).catch(error => console.warn(error)));
  9823.         }
  9824.  
  9825.         const results = await Promise.all(promises);
  9826.  
  9827.         for (let j = i; j < endIndex; j++) {
  9828.             const result = results[j - i];
  9829.             const ratingBadge = ratingBadges[j];
  9830.             if (result) {
  9831.                 let className = getClassNameByRating(result.rating);
  9832.                 ratingBadge.ratingBadge.addClass(className);
  9833.                 ratingBadge.rating.text(result.rating);
  9834.             } else {
  9835.                 ratingBadge.rating.text(i18next.t('state.404', { ns: 'button' }));
  9836.             }
  9837.         }
  9838.     }
  9839. }
  9840.  
  9841. /**
  9842.  * cf赛制榜单重新着色
  9843.  */
  9844. async function recolorStandings() {
  9845.     function getColorValue(value) {
  9846.         value = Math.max(0, Math.min(1, value));
  9847.  
  9848.         const scale = chroma.scale(['#b71c1c', '#ff9800', '#ffc107', '#00aa00']).mode('lch').domain([0, 0.45, 0.7, 1]);
  9849.         return scale(value).hex();
  9850.     }
  9851.     var maxScores = $('.standings tr:first th:nth-child(n+5)')
  9852.         .map(function () {
  9853.             return $(this).find('span').text();
  9854.         })
  9855.         .get();
  9856.     $('.standings tr:not(:first):not(:last)').each(function () {
  9857.         var thElements = $(this).find('td:nth-child(n+5)');
  9858.         thElements.each(function (index) {
  9859.             var spanElement = $(this).find('span:first');
  9860.             var value = parseInt(spanElement.text());
  9861.             if (value <= 0 || /[a-zA-Z]/.test(maxScores[index])) return;
  9862.             var colorValue = getColorValue(value / maxScores[index]);
  9863.             spanElement.css('color', colorValue);
  9864.         });
  9865.     });
  9866. }
  9867.  
  9868. /**
  9869.  * 存放编辑器语言select的值与Monaco语言对应关系的map.
  9870.  * @type {Object.<string, string>}
  9871.  */
  9872. const value_monacoLanguageMap = {
  9873.     "4": "pascal", "6": "php", "7": "python", "9": "csharp", "13": "perl", "20": "scala", "31": "python",
  9874.     "32": "go", "34": "javascript", "36": "java", "40": "python", "41": "python", "43": "cpp",
  9875.     "50": "cpp", "51": "pascal", "52": "cpp", "54": "cpp", "55": "javascript", "59": "cpp", "60": "java",
  9876.     "61": "cpp", "65": "csharp", "67": "ruby", "70": "python", "73": "cpp", "74": "java", "75": "rust",
  9877.     "77": "kotlin", "79": "csharp", "80": "cpp", "83": "kotlin", "87": "java"
  9878. };
  9879.  
  9880. /**
  9881.  * 更新代码提交页的HTML
  9882.  * @param {string} submitUrl 提交页面的URL
  9883.  * @param {string} cacheKey 本地缓存的键名
  9884.  * @returns {Promise<jQuery<HTMLElement>>} 返回 jQuery 包装的 HTML 元素
  9885.  */
  9886. async function CloneOriginalHTML(submitUrl, cacheKey) {
  9887.     return OJB_promiseRetryWrapper(async () => {
  9888.         const response = await OJB_GMRequest({
  9889.             method: 'GET',
  9890.             url: submitUrl
  9891.         });
  9892.         const html = response.responseText;
  9893.         const parser = new DOMParser();
  9894.         const doc = parser.parseFromString(html, 'text/html');
  9895.         const cloneHTML = $(doc.body).html();
  9896.         localStorage.setItem(cacheKey, html);
  9897.         return $(cloneHTML);
  9898.     }, {
  9899.         maxRetries: 5,
  9900.         retryInterval: 1000,
  9901.         errorHandler: (err) => {
  9902.             console.error('A network error occurred while retrieving the HTML for the code submission page.', submitUrl);
  9903.         }
  9904.     });
  9905. }
  9906.  
  9907. /**
  9908.  * 获取代码提交页的HTML元素
  9909.  * @param {string} submitUrl 
  9910.  * @returns {Promise<jQuery>}
  9911.  */
  9912. async function getSubmitHTML(submitUrl) {
  9913.     const cacheKey = 'OJBetter_CloneOriginalHTML';
  9914.     const cookieKey = 'OJBetter_CloneOriginalHTML_time';
  9915.     if (OJB_getCookie(cookieKey) === '1') {
  9916.         // 存在缓存
  9917.         CloneOriginalHTML(submitUrl, cacheKey);
  9918.         // 校验
  9919.         let cloneHTML = $(localStorage.getItem(cacheKey));
  9920.         if (cloneHTML.find('form.submit-form').length > 0) {
  9921.             return cloneHTML;
  9922.         } else {
  9923.             // 存在错误，更新缓存
  9924.             console.warn(`Cache error detected!\nattempting to update, cache destination submitUrl:\n${submitUrl}`);
  9925.             return await CloneOriginalHTML(submitUrl, cacheKey);
  9926.         }
  9927.  
  9928.     } else {
  9929.         // 没有缓存，更新
  9930.         document.cookie = `${cookieKey}=1; path=/`;
  9931.         return await CloneOriginalHTML(submitUrl, cacheKey);
  9932.     }
  9933. }
  9934.  
  9935. // 代码自动保存
  9936. async function saveCode(url, code) {
  9937.     try {
  9938.         await OJBetter.common.database.editorCode.put({ url, code });
  9939.         return 'Code saved successfully';
  9940.     } catch (error) {
  9941.         throw new Error('Failed to save code');
  9942.     }
  9943. }
  9944.  
  9945. async function getCode(url) {
  9946.     try {
  9947.         const result = await OJBetter.common.database.editorCode.get(url);
  9948.         return result ? result.code : null;
  9949.     } catch (error) {
  9950.         throw new Error('Failed to get code');
  9951.     }
  9952. }
  9953.  
  9954. // 创建代码编辑调试表单元素
  9955. async function createCodeEditorForm(submitUrl, cloneHTML) {
  9956.     // 表单
  9957.     let formDiv = $('<form method="post" id="OJBetter_SubmitForm" class="input-output-copier"></form>');
  9958.     $('.ttypography').after(formDiv);
  9959.     formDiv.attr('action', submitUrl + "?csrf_token=" + OJBetter.common.cf_csrf_token);
  9960.  
  9961.     // 顶部区域
  9962.     let topDiv = OJB_safeCreateJQElement(`<div class="topDiv"></div>`);
  9963.     let selectLang = cloneHTML.find('select[name="programTypeId"]'); // 语言选择
  9964.     selectLang.css({ 'margin': '10px 0px' }).attr('id', 'programTypeId');
  9965.     topDiv.append(selectLang);
  9966.     let topRightDiv = OJB_safeCreateJQElement(`<div class="topRightDiv"></div>`);
  9967.     topDiv.append(topRightDiv);
  9968.     formDiv.append(topDiv);
  9969.  
  9970.     // 问题选择/编号
  9971.     let selectProblem = $('<input name="submittedProblemIndex" style="display:none;"></input>');
  9972.     let problemCode;
  9973.     if (OJBetter.typeOfPage.is_acmsguru) {
  9974.         problemCode = $('h4').eq(0).text();
  9975.         let matchResult = problemCode.match(/([A-Z0-9]+)/);
  9976.         problemCode = matchResult[0];
  9977.     } else if (OJBetter.typeOfPage.is_problemset_problem) {
  9978.         let match = window.location.href.match(/\/problem\/([0-9]+?)\/([A-Z0-9]+?)(?!=[A-Z0-9])/);
  9979.         problemCode = match[1] + match[2];
  9980.         selectProblem.attr('name', 'submittedProblemCode');
  9981.     } else {
  9982.         problemCode = $('.header .title').eq(0).text();
  9983.         let matchResult = problemCode.match(/([A-Z0-9]+)/);
  9984.         problemCode = matchResult[0];
  9985.     }
  9986.     selectProblem.val(problemCode);
  9987.     formDiv.append(selectProblem);
  9988.  
  9989.     // 隐藏的代码记录
  9990.     let sourceDiv = $('<textarea id="sourceCodeTextarea" name="source" style="display: none;"></textarea>');
  9991.     formDiv.append(sourceDiv);
  9992.  
  9993.     // 代码编辑器
  9994.     let editorDiv = $('<div id="OJBetter_editor"></div>');
  9995.     formDiv.append(editorDiv);
  9996.  
  9997.     // monaco
  9998.     let monaco = $('<div id="OJBetter_monaco"></div>');
  9999.     editorDiv.append(monaco);
  10000.  
  10001.     // 自定义调试
  10002.     let customTestDiv = OJB_safeCreateJQElement(`
  10003.         <details id="customTestBlock">
  10004.             <summary >${i18next.t('customTestBlock.title', { ns: 'codeEditor' })}</summary>
  10005.             <div id="customTests" style="min-height: 30px;"></div>
  10006.             <div id="control" style="display:flex;">
  10007.                 <div style="display: flex;margin: 5px;">
  10008.                     <input type="checkbox" id="onlyCustomTest"}><label for="onlyCustomTest">
  10009.                     ${i18next.t('customTestBlock.onlyCustom', { ns: 'codeEditor' })}
  10010.                     </label>
  10011.                 </div>
  10012.                 <div style="display: flex;margin: 5px;">
  10013.                     <input type="checkbox" id="DontShowDiff"}>
  10014.                     <label for="DontShowDiff">
  10015.                         ${i18next.t('customTestBlock.DontShowDiff', { ns: 'codeEditor' })}
  10016.                     </label>
  10017.                 </div>
  10018.                 <button type="button" id="addCustomTest">${i18next.t('customTestBlock.add', { ns: 'codeEditor' })}</button>
  10019.             </div>
  10020.         </details>
  10021.     `)
  10022.     formDiv.append(customTestDiv);
  10023.  
  10024.     // 调试/提交
  10025.     let submitDiv = $('<div id="OJBetter_submitDiv"></div>');
  10026.     let CompilerArgsInput = $('<input type="text" id="CompilerArgsInput">');
  10027.     submitDiv.append(CompilerArgsInput);
  10028.  
  10029.     let runButton = OJB_safeCreateJQElement(`
  10030.         <button type="button" id="RunTestButton" class="ojb_btn ojb_btn_popover top">
  10031.             <i class="iconfont">&#xe6c1;</i>
  10032.             <span class="popover_content">${i18next.t('runTestButton.initial', { ns: 'codeEditor' })}</span>
  10033.         </button>
  10034.     `);
  10035.     let submitButton = OJB_safeCreateJQElement(`
  10036.         <button id="SubmitButton" class="ojb_btn ojb_btn_popover top" type="submit">
  10037.             <i class="iconfont">&#xe633;</i>
  10038.             <span class="popover_content">${i18next.t('submitButton', { ns: 'codeEditor' })}</span>
  10039.         </button>
  10040.     `);
  10041.     if (OJBetter.monaco.setting.submitButtonPosition == "bottom") {
  10042.         // 添加测试/提交按钮到底部
  10043.         submitDiv.append(runButton);
  10044.         submitDiv.append(submitButton);
  10045.     }
  10046.  
  10047.     formDiv.append(submitDiv);
  10048.     let CompilerSetting = OJB_safeCreateJQElement(`
  10049.         <div id="CompilerSetting"></div>
  10050.     `);
  10051.     formDiv.append(CompilerSetting);
  10052.     let statePanel = OJB_safeCreateJQElement(`
  10053.         <div id="statePanel"></div>
  10054.     `);
  10055.     formDiv.append(statePanel);
  10056.  
  10057.     let from = {
  10058.         formDiv: formDiv,
  10059.         selectLang: selectLang,
  10060.         topRightDiv: topRightDiv,
  10061.         sourceDiv: sourceDiv,
  10062.         editorDiv: editorDiv,
  10063.         monaco: monaco,
  10064.         runButton: runButton,
  10065.         submitButton: submitButton,
  10066.         submitDiv: submitDiv,
  10067.         CompilerSetting: CompilerSetting,
  10068.         statePanel: statePanel
  10069.     };
  10070.     return from;
  10071. }
  10072.  
  10073. // 解析ace格式的补全规则(acwing)
  10074. function parseAceCompleter(rules, range) {
  10075.     const suggestions = [];
  10076.     if (rules && rules.templates && rules.templates.items) {
  10077.         const items = rules.templates.items;
  10078.         for (let i = 0; i < items.length; i++) {
  10079.             const item = items[i];
  10080.             const parts = item.caption.split(' ');
  10081.             for (let i = 0; i < parts.length; i++) {
  10082.                 if (item.value.startsWith(parts[i])) {
  10083.                     item.value = item.value.replace(parts[i], parts.slice(0, i + 1).join(' '));
  10084.                     break;
  10085.                 }
  10086.             }
  10087.             const completionItem = {
  10088.                 label: item.caption,
  10089.                 kind: monaco.languages.CompletionItemKind.Function,
  10090.                 insertText: item.value,
  10091.                 range: range
  10092.             };
  10093.             suggestions.push(completionItem);
  10094.         }
  10095.     }
  10096.     return { suggestions };
  10097. }
  10098.  
  10099. // 解析monaco格式的补全规则
  10100. function parseMonacoCompleter(rules, range) {
  10101.     const suggestions_ = [];
  10102.     if (rules && rules.suggestions) {
  10103.         const suggestion = rules.suggestions;
  10104.         for (let i = 0; i < rules.suggestions.length; i++) {
  10105.             const item = suggestion[i];
  10106.             const completionItem = {
  10107.                 ...item,
  10108.                 range: range
  10109.             };
  10110.             suggestions_.push(completionItem);
  10111.         }
  10112.     }
  10113.     return { suggestions: suggestions_ };
  10114. }
  10115.  
  10116. /**
  10117.  * 创建monaco编辑器的一个实例
  10118.  */
  10119. async function createMonacoEditor(language, form, support) {
  10120.     // 判断monacoLoader是否加载完毕
  10121.     await OJB_waitUntilTrue(() => OJBetter.monaco.loaderOnload);
  10122.  
  10123.     /**
  10124.      * 通用参数
  10125.      */
  10126.     var id = 0; // 协议中的id标识
  10127.     var workspace = language + "_workspace";
  10128.     var rootUri = OJBetter.monaco.lsp.workUri + "/" + workspace;
  10129.     // 文件名
  10130.     var InstanceID = OJB_getRandomNumber(8).toString();
  10131.     var filename = language == "java" ? "hello/src/" + InstanceID : InstanceID;
  10132.     // 后缀名
  10133.     var fileExtension =
  10134.         language === "cpp"
  10135.             ? ".cpp"
  10136.             : language === "python"
  10137.                 ? ".py"
  10138.                 : language === "java"
  10139.                     ? ".java"
  10140.                     : "";
  10141.     var uri = rootUri + "/" + filename + fileExtension;
  10142.     var initialized = false; // 是否已初始化
  10143.     var serverInfo; // 服务器返回的支持信息
  10144.     var model; // model
  10145.     var OJBetter_monaco = {};
  10146.     window.OJBetter_monaco = OJBetter_monaco; // 全局方法
  10147.  
  10148.     /**
  10149.      * 一些工具函数
  10150.      */
  10151.     // 将lsp格式的rang转换为Monaco格式
  10152.     OJBetter_monaco.lspRangeToMonacoRange = function (range) {
  10153.         const { start, end } = range;
  10154.         return new monaco.Range(
  10155.             start.line + 1,
  10156.             start.character + 1,
  10157.             end.line + 1,
  10158.             end.character + 1
  10159.         );
  10160.     };
  10161.     // 将Monaco格式的rang转为lsp格式
  10162.     OJBetter_monaco.MonacoRangeTolspRange = function (range) {
  10163.         return {
  10164.             start: {
  10165.                 line: range.startLineNumber - 1,
  10166.                 character: range.startColumn - 1,
  10167.             },
  10168.             end: {
  10169.                 line: range.endLineNumber - 1,
  10170.                 character: range.endColumn - 1,
  10171.             },
  10172.         };
  10173.     };
  10174.     // 将Monaco格式的position转为lsp格式的
  10175.     OJBetter_monaco.MonacoPositionTolspPosition = function (position) {
  10176.         return {
  10177.             line: position.lineNumber - 1,
  10178.             character: position.column - 1,
  10179.         };
  10180.     };
  10181.     // 将Monaco格式的severity转为lsp格式的
  10182.     OJBetter_monaco.MonacoSeverityTolspSeverity = function (severity) {
  10183.         switch (severity) {
  10184.             case 8:
  10185.                 return 1;
  10186.             case 1:
  10187.                 return 4;
  10188.             case 2:
  10189.                 return 3;
  10190.             case 4:
  10191.                 return 2;
  10192.             default:
  10193.                 return severity;
  10194.         }
  10195.     };
  10196.     // 将lsp格式的severity转为Monaco格式的
  10197.     OJBetter_monaco.lspSeverityToMonacoSeverity = function (severity) {
  10198.         switch (severity) {
  10199.             case 1:
  10200.                 return 8;
  10201.             case 4:
  10202.                 return 1;
  10203.             case 3:
  10204.                 return 2;
  10205.             case 2:
  10206.                 return 4;
  10207.             default:
  10208.                 return severity;
  10209.         }
  10210.     };
  10211.     // 收集Monaco数据中的rang数据
  10212.     OJBetter_monaco.CollectRange = function (item) {
  10213.         return {
  10214.             startLineNumber: item.startLineNumber,
  10215.             startColumn: item.startColumn,
  10216.             endLineNumber: item.endLineNumber,
  10217.             endColumn: item.endColumn,
  10218.         };
  10219.     };
  10220.     // 收集Monaco position数据中的rang数据
  10221.     OJBetter_monaco.CollectRangeByPosition = function (item) {
  10222.         var word = model.getWordUntilPosition(item);
  10223.         return {
  10224.             startLineNumber: item.lineNumber,
  10225.             endLineNumber: item.lineNumber,
  10226.             startColumn: word.startColumn,
  10227.             endColumn: word.endColumn,
  10228.         };
  10229.     };
  10230.     // 将lsp格式的Edit转换为Monaco格式
  10231.     OJBetter_monaco.lspEditToMonacoEdit = function (edit) {
  10232.         const edits = [];
  10233.  
  10234.         if (language == "python") {
  10235.             for (const item1 of edit.documentChanges) {
  10236.                 for (const item2 of item1.edits) {
  10237.                     const newElement = {
  10238.                         textEdit: {
  10239.                             range: OJBetter_monaco.lspRangeToMonacoRange(item2.range),
  10240.                             text: item2.newText,
  10241.                         },
  10242.                         resource: monaco.Uri.parse(item1.textDocument.uri),
  10243.                         versionId: model.getVersionId(),
  10244.                     };
  10245.                     edits.push(newElement);
  10246.                 }
  10247.             }
  10248.         } else if (language == "java") {
  10249.             for (const item1 in edit.changes) {
  10250.                 edit.changes[item1].forEach((item2) => {
  10251.                     const newElement = {
  10252.                         textEdit: {
  10253.                             range: OJBetter_monaco.lspRangeToMonacoRange(item2.range),
  10254.                             text: item2.newText,
  10255.                         },
  10256.                         resource: uri,
  10257.                         versionId: model.getVersionId(),
  10258.                     };
  10259.                     edits.push(newElement);
  10260.                 });
  10261.             }
  10262.         } else {
  10263.             for (const key in edit.changes) {
  10264.                 const arr = edit.changes[key];
  10265.                 for (const item of arr) {
  10266.                     const newElement = {
  10267.                         textEdit: {
  10268.                             range: OJBetter_monaco.lspRangeToMonacoRange(item.range),
  10269.                             text: item.newText,
  10270.                         },
  10271.                         resource: monaco.Uri.parse(key),
  10272.                         versionId: model.getVersionId(),
  10273.                     };
  10274.                     edits.push(newElement);
  10275.                 }
  10276.             }
  10277.         }
  10278.         return { edits: edits };
  10279.     };
  10280.  
  10281.     /**
  10282.      * 实例化一个editor
  10283.      */
  10284.     uri = monaco.Uri.file(uri);
  10285.     model = monaco.editor.createModel('', language, uri);
  10286.     OJBetter.monaco.editor = monaco.editor.create(document.getElementById("OJBetter_monaco"), {
  10287.         model: model,
  10288.         rootUri: rootUri,
  10289.         fontSize: 15,
  10290.         tabSize: 4,
  10291.         theme: OJBetter.basic.darkMode == "dark" ? "vs-dark" : "vs",
  10292.         bracketPairColorization: {
  10293.             enabled: true,
  10294.             independentColorPoolPerBracketType: true,
  10295.         },
  10296.         automaticLayout: true,
  10297.         lineNumbersMinChars: 3,
  10298.         matchOnWordStartOnly: false,
  10299.         wordWrap: "on",
  10300.         wrappingIndent: "same",
  10301.         glyphMargin: true,
  10302.         formatOnType: true,
  10303.         scrollbar: {
  10304.             verticalScrollbarSize: 10,
  10305.             horizontalScrollbarSize: 10,
  10306.             alwaysConsumeMouseWheel: OJBetter.monaco.setting.alwaysConsumeMouseWheel
  10307.         },
  10308.         suggest: {
  10309.             selectionMode: 'never' // 代码建议不自动选择
  10310.         }
  10311.     });
  10312.  
  10313.     /**
  10314.      * 添加快捷功能
  10315.      */
  10316.     (OJBetter_monaco.addShortCuts = async () => {
  10317.         // 从配置信息更新字体大小
  10318.         OJBetter.monaco.editor.updateOptions({ fontSize: parseInt(OJBetter.monaco.setting.fontsize) });
  10319.  
  10320.         // 调整字体大小
  10321.         let changeSize = OJB_safeCreateJQElement(`
  10322.         <div class="ojb_btn ojb_btn_popover top">
  10323.             <input type="number" id="fontSizeInput" value="${OJBetter.monaco.setting.fontsize}">
  10324.             <span class="popover_content">${i18next.t('fontSizeInput', { ns: 'codeEditor' })}</span>
  10325.         </div>`)
  10326.         form.topRightDiv.append(changeSize);
  10327.         changeSize.find('input#fontSizeInput').on('input', function () {
  10328.             var size = $(this).val();
  10329.             OJBetter.monaco.editor.updateOptions({ fontSize: parseInt(size) });
  10330.             GM_setValue('editorFontSize', size);
  10331.         });
  10332.  
  10333.         // 全屏按钮
  10334.         let fullscreenButton = OJB_safeCreateJQElement(`
  10335.         <button type="button" class="ojb_btn ojb_btn_popover top">
  10336.             <i class="iconfont">&#xe606;</i>
  10337.             <span class="popover_content">${i18next.t('fullscreenButton', { ns: 'codeEditor' })}</span>
  10338.         </button>
  10339.         `);
  10340.         form.topRightDiv.append(fullscreenButton);
  10341.         fullscreenButton.on('click', enterFullscreen);
  10342.  
  10343.         // 固定到底部按钮
  10344.         let fixToBottomButton = OJB_safeCreateJQElement(`
  10345.         <button type="button" class="ojb_btn ojb_btn_popover top">
  10346.             <i class="iconfont">&#xe607;</i>
  10347.             <span class="popover_content">${i18next.t('fixToBottomButton', { ns: 'codeEditor' })}</span>
  10348.         </button>
  10349.         `);
  10350.         form.topRightDiv.append(fixToBottomButton);
  10351.         fixToBottomButton.on('click', fixToBottom);
  10352.  
  10353.         // 固定到右侧按钮
  10354.         let fixToRightButton = OJB_safeCreateJQElement(`
  10355.         <button type="button" class="ojb_btn ojb_btn_popover top">
  10356.             <i class="iconfont">&#xe605;</i>
  10357.             <span class="popover_content">${i18next.t('fixToRightButton', { ns: 'codeEditor' })}</span>
  10358.         </button>
  10359.         `);
  10360.         form.topRightDiv.append(fixToRightButton);
  10361.         fixToRightButton.on('click', fixToRight);
  10362.  
  10363.         // 添加测试/提交按钮到顶部
  10364.         if (OJBetter.monaco.setting.submitButtonPosition == "top") {
  10365.             form.topRightDiv.append(form.runButton);
  10366.             form.topRightDiv.append(form.submitButton);
  10367.         }
  10368.  
  10369.         // 选择记忆
  10370.         if (!OJBetter.monaco.setting.position_initialized) {
  10371.             OJBetter.monaco.setting.position_initialized = true; // 标记是否已经初始化过
  10372.             if (OJBetter.monaco.setting.position == "full") {
  10373.                 fullscreenButton.click();
  10374.             } else if (OJBetter.monaco.setting.position == "bottom") {
  10375.                 fixToBottomButton.click();
  10376.             } else if (OJBetter.monaco.setting.position == "right") {
  10377.                 fixToRightButton.click();
  10378.             }
  10379.         }
  10380.  
  10381.         // 禁用按钮
  10382.         function disableButtons() {
  10383.             fullscreenButton.prop("disabled", true);
  10384.             fixToBottomButton.prop("disabled", true);
  10385.             fixToRightButton.prop("disabled", true);
  10386.         }
  10387.  
  10388.         // 启用按钮
  10389.         function enableButtons() {
  10390.             fullscreenButton.prop("disabled", false);
  10391.             fixToBottomButton.prop("disabled", false);
  10392.             fixToRightButton.prop("disabled", false);
  10393.         }
  10394.  
  10395.         // 进入全屏
  10396.         function enterFullscreen() {
  10397.             let editor = $('#OJBetter_editor');
  10398.             editor.addClass('fullscreen');
  10399.  
  10400.             // 取消按钮
  10401.             let cancelButton = OJB_safeCreateJQElement(`
  10402.                 <button type="button" class="ojb_btn ojb_btn_popover top primary exit_button_bottom">
  10403.                     <i class="iconfont">&#xe60b;</i>
  10404.                     <span class="popover_content">${i18next.t('exitFullscreenButton', { ns: 'codeEditor' })}</span>
  10405.                 </button>
  10406.             `).on('click', () => exitFullscreen(cancelButton));
  10407.             $('body').append(cancelButton);
  10408.  
  10409.             disableButtons();
  10410.             GM_setValue("monacoEditor_position", "full");
  10411.         }
  10412.  
  10413.         // 退出全屏
  10414.         const exitFullscreen = (cancelButton) => {
  10415.             let editor = $('#OJBetter_editor');
  10416.             editor.removeClass('fullscreen');
  10417.             cancelButton.remove();
  10418.             enableButtons();
  10419.             GM_setValue("monacoEditor_position", "initial");
  10420.         };
  10421.  
  10422.         // 固定到底部
  10423.         function fixToBottom() {
  10424.             let editor = $('#OJBetter_editor');
  10425.             editor.addClass('bottom');
  10426.  
  10427.             let halfHeight = $(window).height() * 0.5;
  10428.             let blankSpace = $('<div>', {
  10429.                 'class': 'blank-space',
  10430.                 'style': 'height: ' + (halfHeight + 30) + 'px;'
  10431.             });
  10432.             $('body').append(blankSpace);
  10433.  
  10434.             let cancelButton = OJB_safeCreateJQElement(`
  10435.                 <button type="button" class="ojb_btn ojb_btn_popover top enabled exit_button_bottom">
  10436.                     <i class="iconfont">&#xe625;</i>
  10437.                     <span class="popover_content">${i18next.t('cancelFixButton', { ns: 'codeEditor' })}</span>
  10438.                 </button>
  10439.             `).on('click', () => cancelFixingToBottom(cancelButton, blankSpace));
  10440.             $('body').append(cancelButton);
  10441.  
  10442.             disableButtons();
  10443.             GM_setValue("monacoEditor_position", "bottom");
  10444.         }
  10445.  
  10446.         // 取消固定到底部
  10447.         const cancelFixingToBottom = (cancelButton, blankSpace) => {
  10448.             let editor = $('#OJBetter_editor');
  10449.             editor.removeClass('bottom');
  10450.             cancelButton.remove();
  10451.             blankSpace.remove();
  10452.             enableButtons();
  10453.             GM_setValue("monacoEditor_position", "initial");
  10454.         };
  10455.  
  10456.         // 固定到右侧边栏
  10457.         function fixToRight() {
  10458.             const sidebar = $('#sidebar').hide();
  10459.  
  10460.             // 添加样式
  10461.             const styleElement = GM_addStyle(`
  10462.                 #body {
  10463.                     min-width: 50vw;
  10464.                     max-width: 50vw;
  10465.                     max-height: 100vh;
  10466.                     overflow-x: hidden;
  10467.                     overflow-y: auto;
  10468.                     padding: 1rem;
  10469.                     box-sizing: border-box;
  10470.                 }
  10471.                 body {
  10472.                     margin: 0px;
  10473.                 }
  10474.                 .content-with-sidebar {
  10475.                     margin-right: 0px !important;
  10476.                 }
  10477.                 .menu-list li {
  10478.                     margin-right: 0.5em;
  10479.                 }
  10480.                 .menu-list li a {
  10481.                     font-size: 1.4rem;
  10482.                 }
  10483.                 #OJBetter_editor{
  10484.                     height: 100vh;
  10485.                     width: 50vw;
  10486.                 }
  10487.             `);
  10488.  
  10489.             // 包装一层div
  10490.             $('#body').wrap('<div id="right-side-wrapper" style="display:flex; max-width: 100vw; overflow: hidden;"></div>');
  10491.             const blankSpace = $('<div>').appendTo('#right-side-wrapper');
  10492.  
  10493.             // 移动编辑器
  10494.             const editor = $('#OJBetter_editor').prependTo(blankSpace).addClass('right-side');
  10495.  
  10496.             // 取消按钮
  10497.             const cancelButton = OJB_safeCreateJQElement(`
  10498.                 <button type="button" class="ojb_btn ojb_btn_popover top enabled exit_button_bottom">
  10499.                     <i class="iconfont">&#xe625;</i>
  10500.                     <span class="popover_content">${i18next.t('cancelFixButton', { ns: 'codeEditor' })}</span>
  10501.                 </button>
  10502.             `).on('click', () => cancelFixingToRight(sidebar, styleElement, editor, cancelButton)).appendTo('body');
  10503.  
  10504.             disableButtons();
  10505.             GM_setValue("monacoEditor_position", "right");
  10506.  
  10507.             // 补丁：修复固定到右侧导致的样例元素.sample-test相关代码重复执行的问题（具体原因未查）
  10508.             $('.sample-test').find('.title').each((i, e) => {
  10509.                 if ($(e).find('.input-output-copier').length > 1) {
  10510.                     $(e).find('.input-output-copier').first().remove();
  10511.                 }
  10512.             });
  10513.             darkModeStyleAdjustment();
  10514.         }
  10515.  
  10516.         const cancelFixingToRight = (sidebar, styleElement, editor, cancelButton) => {
  10517.             sidebar.show();
  10518.             // 移回来
  10519.             editor.insertAfter(form.sourceDiv).removeClass('right-side');
  10520.  
  10521.             // 移除包装
  10522.             $('#body').unwrap();
  10523.             cancelButton.remove();
  10524.             styleElement.remove(); // 移除添加的样式
  10525.  
  10526.             enableButtons();
  10527.             GM_setValue("monacoEditor_position", "initial");
  10528.         }
  10529.  
  10530.         // 代码同步与保存
  10531.         var nowUrl = window.location.href;
  10532.         nowUrl = nowUrl.replace(/#/, ""); // 当页面存在更改时url会多出一个#，去掉
  10533.         const code = await getCode(nowUrl);
  10534.         if (code) {
  10535.             OJBetter.monaco.editor.setValue(code); // 恢复代码
  10536.             form.sourceDiv.val(code);
  10537.         }
  10538.         OJBetter.monaco.editor.onDidChangeModelContent(async () => {
  10539.             // 将monaco editor的内容同步到sourceDiv
  10540.             const code = OJBetter.monaco.editor.getValue();
  10541.             form.sourceDiv.val(code);
  10542.             await saveCode(nowUrl, code);
  10543.         });
  10544.     })();
  10545.  
  10546.     /**
  10547.      * 注册本地自动补全
  10548.      */
  10549.     (OJBetter_monaco.RegisterLocalComplet = async () => {
  10550.         // 补全器注册函数
  10551.         function registMyCompletionItemProvider(language, genre, rule) {
  10552.             if (genre == "monaco") {
  10553.                 monaco.languages.registerCompletionItemProvider(language, {
  10554.                     provideCompletionItems: function (model, position) {
  10555.                         return parseMonacoCompleter(rule, OJBetter_monaco.CollectRangeByPosition(position));
  10556.                     }
  10557.                 })
  10558.             } else if (genre == "ace") {
  10559.                 monaco.languages.registerCompletionItemProvider(language, {
  10560.                     provideCompletionItems: function (model, position) {
  10561.                         return parseAceCompleter(rule, OJBetter_monaco.CollectRangeByPosition(position));
  10562.                     }
  10563.                 })
  10564.             }
  10565.         }
  10566.  
  10567.         // 注册acwing cpp 模板
  10568.         if (language == "cpp" && OJBetter.monaco.complet.cppCodeTemplate) {
  10569.             try {
  10570.                 var acwing_cpp_code_completer = JSON.parse(GM_getResourceText("acwing_cpp_code_completer"));
  10571.                 registMyCompletionItemProvider('cpp', 'ace', acwing_cpp_code_completer);
  10572.             } catch (error) {
  10573.                 console.error("Error registering acwing cpp template:", error);
  10574.             }
  10575.         }
  10576.  
  10577.         // 注册自定义的补全
  10578.         let complet_length = OJBetter.monaco.complet.customConfig.configurations.length;
  10579.         if (complet_length > 0) {
  10580.             for (let i = 0; i < complet_length; i++) {
  10581.                 let item = OJBetter.monaco.complet.customConfig.configurations[i];
  10582.                 if (item.isChoose && item.language == language) {
  10583.                     try {
  10584.                         let rule = await OJB_getExternalJSON(item.jsonUrl);
  10585.                         registMyCompletionItemProvider(item.language, item.genre, rule);
  10586.                     } catch (error) {
  10587.                         console.error(`Error registering custom completer for ${item.language}:`, error);
  10588.                     }
  10589.                 }
  10590.             }
  10591.         }
  10592.     })();
  10593.  
  10594.     if (!support || !OJBetter.monaco.lsp.enabled) { return; } // 如果不支持lsp，则到此为止
  10595.  
  10596.     /**
  10597.      * LSP连接状态指示
  10598.      */
  10599.     const lspStateButton = OJB_safeCreateJQElement(`
  10600.     <div id="lspStateDiv" class="ojb_btn ojb_btn_popover top loading">
  10601.         <i class="iconfont">&#xe658;</i>
  10602.         <span class="popover_content">${i18next.t('lsp.connect', { ns: 'codeEditor' })}</span>
  10603.     </div>
  10604.     `).on('click', () => {
  10605.         OJB_showModal(LSPLogDiv);
  10606.         LSPLogDiv.show();
  10607.     });
  10608.     form.topRightDiv.prepend(lspStateButton);
  10609.  
  10610.     const LSPLogDiv = OJB_safeCreateJQElement(`
  10611.     <dialog id="LSPLog" style="display: none;">
  10612.         <button class="ojb_btn">${i18next.t('close', { ns: 'common' })}</button>
  10613.         <div id="LSPLogList" style="overflow: auto;"></div>
  10614.     <dialog>`);
  10615.     $('body').append(LSPLogDiv);
  10616.  
  10617.     const LSPLogList = $('<ul></ul>');
  10618.     $('#LSPLogList').append(LSPLogList);
  10619.  
  10620.     const closeButton = LSPLogDiv.find('button');
  10621.     closeButton.on('click', function () {
  10622.         OJB_closeModal(LSPLogDiv);
  10623.     });
  10624.  
  10625.     /**
  10626.      * 推送新的消息到LSP日志中
  10627.      * @param {'error' | 'warn' | 'info'} status 
  10628.      * @param {string} msg 
  10629.      * @param {boolean} data 
  10630.      */
  10631.     function pushLSPLogMessage(status, msg, data) {
  10632.         var li = $('<li>').text('[' + new Date().toLocaleString() + '] ' + msg);
  10633.         if (status === 'error') {
  10634.             li.attr('style', 'color: #f44336;');
  10635.         } else if (status === 'warn') {
  10636.             li.attr('style', 'color: #ff9800;');
  10637.         } else if (status === 'info') {
  10638.             li.attr('style', 'color: #616161;');
  10639.         }
  10640.         if (data) {
  10641.             var jsonText = JSON.stringify(data, null, 2);
  10642.             var details = $('<details>');
  10643.             var summary = $('<summary>').text('Data');
  10644.             var pre = $('<pre>').text(jsonText);
  10645.             details.append(summary, pre);
  10646.             li.append(details);
  10647.         }
  10648.         LSPLogList.append(li);
  10649.     }
  10650.  
  10651.     /**
  10652.      * 添加状态底栏
  10653.      */
  10654.     var statusBar = $('<div id="OJBetter_statusBar">');
  10655.     form.editorDiv.append(statusBar);
  10656.  
  10657.     /**
  10658.      * languageSocket
  10659.      */
  10660.     var url = OJBetter.monaco.lsp.socketUrl;
  10661.     var languageSocket = new WebSocket(url + language);
  10662.     OJBetter.monaco.lsp.socket.push(languageSocket);
  10663.     var languageSocketState = false;
  10664.     var responseHandlers = new Map(); // 映射表，需要等待返回数据的请求 -> 对应的事件触发函数
  10665.  
  10666.     languageSocket.onopen = () => {
  10667.         languageSocketState = true;
  10668.         lspStateButton.setButtonPopover(i18next.t('lsp.waitingAnswer', { ns: 'codeEditor' }));
  10669.         pushLSPLogMessage("info", `languageSocket ${i18next.t('lsp.socket.open', { ns: 'logMessage' })}`);
  10670.     };
  10671.     languageSocket.onmessage = (event) => {
  10672.         const message = JSON.parse(event.data);
  10673.         if (message.id === 0 && message.result) {
  10674.             // 初始化完成
  10675.             lspStateButton.setButtonState('success', i18next.t('lsp.connected', { ns: 'codeEditor' }));
  10676.             pushLSPLogMessage("info", `Initialization ${i18next.t('lsp.state.finished', { ns: 'logMessage' })}`);
  10677.             serverInfo = message.result; // 存下服务器支持信息
  10678.             OJBetter_monaco.openDocRequest(); // 打开文档
  10679.             if (!OJBetter.monaco.setting.language.includes(language)) {
  10680.                 OJBetter.monaco.setting.language.push(language);
  10681.                 OJBetter_monaco.RegistrationAfterInit(); // 注册语言及功能
  10682.             } else {
  10683.                 location.reload(); // 这里有问题，先贴个补丁
  10684.             }
  10685.             OJBetter_monaco.PassiveReceiveHandler(); // 注册被动接收函数
  10686.         } else if (message.id === 0 && message.error) {
  10687.             pushLSPLogMessage("warn", `Initialization ${i18next.t('lsp.state.error', { ns: 'logMessage' })}`);
  10688.         } else if (message.id !== undefined && responseHandlers.has(message.id)) {
  10689.             // 如果收到带有id字段的消息，则回传给对应的事件触发函数
  10690.             const handler = responseHandlers.get(message.id);
  10691.             if (handler) {
  10692.                 handler(message);
  10693.                 responseHandlers.delete(message.id); // 删除已处理的事件触发函数
  10694.             }
  10695.         } else if (message.method == "textDocument/publishDiagnostics") {
  10696.             // 接收代码诊断推送
  10697.             OJBetter_monaco.updateMarkers(message);
  10698.         } else if (message.method == "workspace/applyEdit") {
  10699.             // 应用服务器推送的更改
  10700.             OJBetter_monaco.applyEdit(message);
  10701.         }
  10702.     };
  10703.     languageSocket.onerror = (error) => {
  10704.         pushLSPLogMessage("error", `languageSocket ${i18next.t('lsp.state.error', { ns: 'logMessage' })}`, error);
  10705.         console.warn(`Error connecting to languageSocket: ${error}`)
  10706.     };
  10707.     languageSocket.onclose = (event) => {
  10708.         languageSocketState = false;
  10709.         lspStateButton.setButtonState('error', i18next.t('lsp.error', { ns: 'codeEditor' }));
  10710.         pushLSPLogMessage("warn", `languageSocket ${i18next.t('lsp.socket.close', { ns: 'logMessage' })}`);
  10711.     };
  10712.  
  10713.     /**
  10714.      * 等待LanguageSocketState
  10715.      */
  10716.     async function waitForLanguageSocketState() {
  10717.         return new Promise((resolve) => {
  10718.             const checkInitialized = () => {
  10719.                 if (languageSocketState) {
  10720.                     resolve();
  10721.                 } else {
  10722.                     setTimeout(checkInitialized, 100); // 每100毫秒检查一次initialized的值
  10723.                 }
  10724.             };
  10725.             checkInitialized();
  10726.         });
  10727.     }
  10728.  
  10729.     // 等待lsp响应初始化结果
  10730.     async function waitForInitialized() {
  10731.         return new Promise((resolve) => {
  10732.             const checkInitialized = () => {
  10733.                 if (initialized) {
  10734.                     resolve();
  10735.                 } else {
  10736.                     setTimeout(checkInitialized, 100); // 每100毫秒检查一次initialized的值
  10737.                 }
  10738.             };
  10739.             checkInitialized();
  10740.         });
  10741.     }
  10742.  
  10743.     /**
  10744.      * 与languageSocket通信的包装方法
  10745.      */
  10746.     async function sendMessage(data, requiresResponse, callback) {
  10747.         if (!initialized) {
  10748.             await waitForInitialized(); // 等待initialized为真
  10749.         }
  10750.         if (requiresResponse) {
  10751.             responseHandlers.set(data.id, callback) // 将事件触发函数与id关联起来
  10752.         }
  10753.         if (!languageSocketState) await waitForLanguageSocketState();
  10754.         languageSocket.send(JSON.stringify(data));
  10755.     }
  10756.     // 发送消息并等待返回结果
  10757.     function fetchData(params, callback) {
  10758.         sendMessage(params, true, callback);
  10759.     }
  10760.     // 发送消息，不需要等待返回结果
  10761.     function sendData(data) {
  10762.         sendMessage(data, false);
  10763.     }
  10764.  
  10765.     /**
  10766.      * 代码文件更新fileWebSocket
  10767.      */
  10768.     var fileWebSocket = new WebSocket(url + "file");
  10769.     var fileWebSocketState = false;
  10770.     OJBetter.monaco.lsp.socket.push(fileWebSocket);
  10771.     fileWebSocket.onopen = () => {
  10772.         fileWebSocketState = true;
  10773.         pushLSPLogMessage("info", `fileWebSocket ${i18next.t('lsp.socket.open', { ns: 'logMessage' })}`);
  10774.     };
  10775.     fileWebSocket.onclose = (ev) => {
  10776.         fileWebSocketState = false;
  10777.         pushLSPLogMessage("warn", `fileWebSocket ${i18next.t('lsp.socket.close', { ns: 'logMessage' })}`, ev);
  10778.     };
  10779.     fileWebSocket.onmessage = (ev) => {
  10780.         let message = JSON.parse(ev.data);
  10781.         if (message.result !== "ok")
  10782.             pushLSPLogMessage("error", `update file failed: ${ev}`);
  10783.     };
  10784.     fileWebSocket.onerror = (error) => {
  10785.         console.warn(`Error connecting to fileWebSocket: ${error}`);
  10786.     };
  10787.     async function updateFile(workspace, filename, fileExtension, code) {
  10788.         async function waitForfileWebSocketState() {
  10789.             return new Promise((resolve) => {
  10790.                 const checkInitialized = () => {
  10791.                     if (fileWebSocketState) {
  10792.                         resolve();
  10793.                     } else {
  10794.                         setTimeout(checkInitialized, 100); // 每100毫秒检查一次initialized的值
  10795.                     }
  10796.                 };
  10797.                 checkInitialized();
  10798.             });
  10799.         }
  10800.         if (!fileWebSocketState) await waitForfileWebSocketState();
  10801.         fileWebSocket.send(
  10802.             JSON.stringify({
  10803.                 type: "update",
  10804.                 workspace,
  10805.                 filename,
  10806.                 fileExtension,
  10807.                 code,
  10808.             })
  10809.         );
  10810.     }
  10811.  
  10812.     /**
  10813.      * 发送初始化请求
  10814.      */
  10815.     OJBetter_monaco.Initialize = () => {
  10816.         //初始化initialize
  10817.         const capabilities = {
  10818.             workspace: {
  10819.                 applyEdit: true,
  10820.             },
  10821.             textDocument: {
  10822.                 publishDiagnostics: {
  10823.                     relatedInformation: true,
  10824.                     versionSupport: false,
  10825.                     tagSupport: {
  10826.                         valueSet: [1, 2],
  10827.                     },
  10828.                     codeDescriptionSupport: true,
  10829.                 },
  10830.                 completion: {
  10831.                     contextSupport: true,
  10832.                     completionItem: {
  10833.                         snippetSupport: true,
  10834.                         commitCharactersSupport: true,
  10835.                         documentationFormat: ["markdown", "plaintext"],
  10836.                         deprecatedSupport: true,
  10837.                         preselectSupport: true,
  10838.                         tagSupport: {
  10839.                             valueSet: [1],
  10840.                         },
  10841.                         insertReplaceSupport: true,
  10842.                         resolveSupport: {
  10843.                             properties: [
  10844.                                 "documentation",
  10845.                                 "detail",
  10846.                                 "additionalTextEdits",
  10847.                             ],
  10848.                         },
  10849.                         insertTextModeSupport: {
  10850.                             valueSet: [1, 2],
  10851.                         },
  10852.                     },
  10853.                 },
  10854.                 hover: {
  10855.                     dynamicRegistration: true,
  10856.                     contentFormat: ["markdown", "plaintext"],
  10857.                 },
  10858.                 signatureHelp: {
  10859.                     signatureInformation: {
  10860.                         documentationFormat: ["markdown", "plaintext"],
  10861.                         parameterInformation: {
  10862.                             labelOffsetSupport: true,
  10863.                         },
  10864.                         activeParameterSupport: true,
  10865.                     },
  10866.                     contextSupport: true,
  10867.                 },
  10868.                 definition: {
  10869.                     dynamicRegistration: true,
  10870.                     linkSupport: true,
  10871.                 },
  10872.                 references: {
  10873.                     dynamicRegistration: true,
  10874.                 },
  10875.                 documentHighlight: {
  10876.                     dynamicRegistration: true,
  10877.                 },
  10878.                 codeAction: {
  10879.                     codeActionLiteralSupport: {
  10880.                         codeActionKind: {
  10881.                             valueSet:
  10882.                                 language == "java"
  10883.                                     ? []
  10884.                                     : [
  10885.                                         "",
  10886.                                         "quickfix",
  10887.                                         "refactor",
  10888.                                         "refactor.extract",
  10889.                                         "refactor.inline",
  10890.                                         "refactor.rewrite",
  10891.                                         "source",
  10892.                                         "source.organizeImports",
  10893.                                     ],
  10894.                         },
  10895.                     },
  10896.                 },
  10897.                 rename: {
  10898.                     dynamicRegistration: true,
  10899.                     prepareSupport: true,
  10900.                     prepareSupportDefaultBehavior: 1,
  10901.                     honorsChangeAnnotations: true,
  10902.                 },
  10903.                 documentLink: {
  10904.                     tooltipSupport: true,
  10905.                 },
  10906.                 typeDefinition: {
  10907.                     dynamicRegistration: true,
  10908.                     linkSupport: true,
  10909.                 },
  10910.                 implementation: {
  10911.                     dynamicRegistration: true,
  10912.                     linkSupport: true,
  10913.                 },
  10914.                 colorProvider: {
  10915.                     dynamicRegistration: true,
  10916.                 },
  10917.                 foldingRange: {
  10918.                     dynamicRegistration: true,
  10919.                     rangeLimit: 5000,
  10920.                     lineFoldingOnly: true,
  10921.                 },
  10922.                 declaration: {
  10923.                     dynamicRegistration: true,
  10924.                     linkSupport: true,
  10925.                 },
  10926.                 semanticTokens: {
  10927.                     dynamicRegistration: true,
  10928.                     tokenTypes: [
  10929.                         "namespace",
  10930.                         "type",
  10931.                         "class",
  10932.                         "enum",
  10933.                         "interface",
  10934.                         "struct",
  10935.                         "typeParameter",
  10936.                         "parameter",
  10937.                         "variable",
  10938.                         "property",
  10939.                         "enumMember",
  10940.                         "event",
  10941.                         "function",
  10942.                         "method",
  10943.                         "macro",
  10944.                         "keyword",
  10945.                         "modifier",
  10946.                         "comment",
  10947.                         "string",
  10948.                         "number",
  10949.                         "regexp",
  10950.                         "operator",
  10951.                     ],
  10952.                     tokenModifiers: [
  10953.                         "declaration",
  10954.                         "definition",
  10955.                         "readonly",
  10956.                         "static",
  10957.                         "deprecated",
  10958.                         "abstract",
  10959.                         "async",
  10960.                         "modification",
  10961.                         "documentation",
  10962.                         "defaultLibrary",
  10963.                     ],
  10964.                     formats: ["relative"],
  10965.                     requests: {
  10966.                         range: true,
  10967.                         full: {
  10968.                             delta: true,
  10969.                         },
  10970.                     },
  10971.                     multilineTokenSupport: false,
  10972.                     overlappingTokenSupport: false,
  10973.                 },
  10974.                 callHierarchy: {
  10975.                     dynamicRegistration: true,
  10976.                 },
  10977.             },
  10978.             window: {
  10979.                 showMessage: {
  10980.                     messageActionItem: {
  10981.                         additionalPropertiesSupport: true,
  10982.                     },
  10983.                 },
  10984.                 showDocument: {
  10985.                     support: true,
  10986.                 },
  10987.                 workDoneProgress: true,
  10988.             },
  10989.             general: {
  10990.                 regularExpressions: {
  10991.                     engine: "ECMAScript",
  10992.                     version: "ES2020",
  10993.                 },
  10994.                 markdown: {
  10995.                     parser: "marked",
  10996.                     version: "1.1.0",
  10997.                 },
  10998.             },
  10999.         };
  11000.  
  11001.         const initializeRequest = {
  11002.             id: id++,
  11003.             jsonrpc: "2.0",
  11004.             method: "initialize",
  11005.             params: {
  11006.                 processId: null,
  11007.                 clientInfo: {
  11008.                     name: "CFMonaco" + InstanceID,
  11009.                 },
  11010.                 locale: "zh-CN",
  11011.                 rootPath: null,
  11012.                 rootUri: null,
  11013.                 capabilities: capabilities,
  11014.                 trace: "off",
  11015.                 workspaceFolders: [
  11016.                     {
  11017.                         uri:
  11018.                             "file:///" + OJBetter.monaco.lsp.workUri + workspace,
  11019.                         name:
  11020.                             "file:///" + OJBetter.monaco.lsp.workUri + workspace,
  11021.                     },
  11022.                 ],
  11023.             },
  11024.         };
  11025.         languageSocket.send(JSON.stringify(initializeRequest));
  11026.  
  11027.         // 打开文档函数
  11028.         OJBetter_monaco.openDocRequest = function () {
  11029.             const initializ = {
  11030.                 jsonrpc: "2.0",
  11031.                 method: "initialized",
  11032.                 params: {},
  11033.             };
  11034.             languageSocket.send(JSON.stringify(initializ));
  11035.             const openDocRequest = {
  11036.                 jsonrpc: "2.0",
  11037.                 method: "textDocument/didOpen",
  11038.                 params: {
  11039.                     textDocument: {
  11040.                         uri: model.uri.toString(),
  11041.                         languageId: language,
  11042.                         version: model.getVersionId(),
  11043.                         text: model.getValue(),
  11044.                     },
  11045.                 },
  11046.             };
  11047.             languageSocket.send(JSON.stringify(openDocRequest));
  11048.             initialized = true; // 初始化完成，这里确认逻辑待完善
  11049.         };
  11050.  
  11051.         // 初始化更新文件
  11052.         updateFile(workspace, filename, fileExtension, model.getValue());
  11053.     }
  11054.  
  11055.     /**
  11056.      * 注册语言及功能
  11057.      */
  11058.     OJBetter_monaco.RegistrationAfterInit = () => {
  11059.         // 注册语言
  11060.         monaco.languages.register({ id: language });
  11061.  
  11062.         // 注册"Command"
  11063.         (function registerCommand() {
  11064.             serverInfo.capabilities.executeCommandProvider.commands.forEach(
  11065.                 (item) => {
  11066.                     pushLSPLogMessage("info", `${i18next.t('lsp.server.regist', { ns: 'logMessage' })}`, item);
  11067.                     monaco.editor.registerCommand(item, (accessor, ...args) => {
  11068.                         sendData({
  11069.                             jsonrpc: "2.0",
  11070.                             id: id++,
  11071.                             method: "workspace/executeCommand",
  11072.                             params: {
  11073.                                 command: item,
  11074.                                 arguments: args,
  11075.                             },
  11076.                         });
  11077.                     });
  11078.                 }
  11079.             );
  11080.         })();
  11081.  
  11082.         // 注册"增量更新"
  11083.         model.onDidChangeContent((event) => {
  11084.             updateFile(workspace, filename, fileExtension, model.getValue()); // 更新文件
  11085.             const changeDocRequest = {
  11086.                 jsonrpc: "2.0",
  11087.                 method: "textDocument/didChange",
  11088.                 params: {
  11089.                     textDocument: {
  11090.                         uri: model.uri.toString(),
  11091.                         version: model.getVersionId(),
  11092.                     },
  11093.                     contentChanges: event.changes.map((change) => ({
  11094.                         range: OJBetter_monaco.MonacoRangeTolspRange(change.range),
  11095.                         rangeLength: change.rangeLength,
  11096.                         text: change.text,
  11097.                     })),
  11098.                 },
  11099.             };
  11100.             sendData(changeDocRequest);
  11101.         });
  11102.  
  11103.         //注册"自动补全"
  11104.         monaco.languages.registerCompletionItemProvider(language, {
  11105.             provideCompletionItems: (model, position, context) => {
  11106.                 const request = {
  11107.                     jsonrpc: "2.0",
  11108.                     id: id++,
  11109.                     method: "textDocument/completion",
  11110.                     params: {
  11111.                         textDocument: {
  11112.                             uri: model.uri.toString(),
  11113.                         },
  11114.                         position: OJBetter_monaco.MonacoPositionTolspPosition(position),
  11115.                         context: {
  11116.                             triggerKind: context.triggerKind + 1, // 这里要+1，两边的定义不一样。。。
  11117.                             triggerCharacter: context.triggerCharacter,
  11118.                         },
  11119.                     },
  11120.                 };
  11121.                 return new Promise((resolve, reject) => {
  11122.                     fetchData(request, (response) => {
  11123.                         const result = response.result;
  11124.                         pushLSPLogMessage("info", `completion ${i18next.t('lsp.server.receive', { ns: 'logMessage' })}`, response);
  11125.                         if (!result) return resolve(null);
  11126.                         const CompletionItems = {
  11127.                             suggestions: result.items.map(
  11128.                                 ({
  11129.                                     label,
  11130.                                     kind,
  11131.                                     filterText,
  11132.                                     insertText,
  11133.                                     insertTextFormat,
  11134.                                     sortText,
  11135.                                     textEdit,
  11136.                                     documentation,
  11137.                                     additionalTextEdits,
  11138.                                 }) => ({
  11139.                                     additionalTextEdits: additionalTextEdits
  11140.                                         ? additionalTextEdits.map(({ newText, range }) => ({
  11141.                                             text: newText,
  11142.                                             range: OJBetter_monaco.lspRangeToMonacoRange(range),
  11143.                                         }))
  11144.                                         : [],
  11145.                                     documentation: documentation ? documentation.value : "",
  11146.                                     filterText,
  11147.                                     insertText: insertText ? insertText : textEdit.newText,
  11148.                                     insertTextRules:
  11149.                                         insertTextFormat === 2
  11150.                                             ? monaco.languages.CompletionItemInsertTextRule
  11151.                                                 .InsertAsSnippet
  11152.                                             : monaco.languages.CompletionItemInsertTextRule
  11153.                                                 .KeepWhitespace,
  11154.                                     kind,
  11155.                                     label,
  11156.                                     sortText,
  11157.                                     range: textEdit
  11158.                                         ? textEdit.range
  11159.                                             ? OJBetter_monaco.lspRangeToMonacoRange(textEdit.range)
  11160.                                             : OJBetter_monaco.lspRangeToMonacoRange(textEdit.insert)
  11161.                                         : null,
  11162.                                 })
  11163.                             ),
  11164.                         };
  11165.                         pushLSPLogMessage("info", `completion ${i18next.t('lsp.server.transmit', { ns: 'logMessage' })}`, CompletionItems);
  11166.                         resolve(CompletionItems);
  11167.                     });
  11168.                 });
  11169.             },
  11170.         });
  11171.  
  11172.         // 注册"代码修复"
  11173.         monaco.languages.registerCodeActionProvider(language, {
  11174.             provideCodeActions: (model, range, context) => {
  11175.                 const request = {
  11176.                     id: id++,
  11177.                     jsonrpc: "2.0",
  11178.                     method: "textDocument/codeAction",
  11179.                     params: {
  11180.                         textDocument: {
  11181.                             uri: model.uri.toString(),
  11182.                         },
  11183.                         range: OJBetter_monaco.MonacoRangeTolspRange(range),
  11184.                         context: {
  11185.                             diagnostics: context.markers.map((item) => ({
  11186.                                 range: OJBetter_monaco.MonacoRangeTolspRange({
  11187.                                     startLineNumber: item.startLineNumber,
  11188.                                     startColumn: item.startColumn,
  11189.                                     endLineNumber: item.endLineNumber,
  11190.                                     endColumn: item.endColumn,
  11191.                                 }),
  11192.                                 severity: OJBetter_monaco.MonacoSeverityTolspSeverity(
  11193.                                     item.severity
  11194.                                 ),
  11195.                                 code: item.code,
  11196.                                 source: item.source,
  11197.                                 message: item.message,
  11198.                                 tags: item.tags,
  11199.                                 relatedInformation: item.relatedInformation
  11200.                                     ? item.relatedInformation.map((item) => ({
  11201.                                         location: {
  11202.                                             uri: item.resource.toString(),
  11203.                                             range: OJBetter_monaco.MonacoRangeTolspRange({
  11204.                                                 startLineNumber: item.startLineNumber,
  11205.                                                 startColumn: item.startColumn,
  11206.                                                 endLineNumber: item.endLineNumber,
  11207.                                                 endColumn: item.endColumn,
  11208.                                             }),
  11209.                                         },
  11210.                                         message: item.message,
  11211.                                     }))
  11212.                                     : null,
  11213.                             })),
  11214.                             only: context.only ? [context.only] : [],
  11215.                             triggerKind: context.trigger,
  11216.                         },
  11217.                     },
  11218.                 };
  11219.  
  11220.                 return new Promise((resolve, reject) => {
  11221.                     fetchData(request, (response) => {
  11222.                         const result = response.result;
  11223.                         pushLSPLogMessage("info", `codeAction ${i18next.t('lsp.server.receive', { ns: 'logMessage' })}`, response);
  11224.                         if (!result) return resolve(null);
  11225.                         const codeAction = {
  11226.                             actions: result.map((item) => ({
  11227.                                 title: item.title,
  11228.                                 kind: item.kind ? item.kind : "quickfix",
  11229.                                 command: item.command
  11230.                                     ? item.command.command
  11231.                                         ? {
  11232.                                             id: item.command.command,
  11233.                                             arguments: item.command.arguments,
  11234.                                             title: item.command.title,
  11235.                                         }
  11236.                                         : null
  11237.                                     : null,
  11238.                                 diagnostics: item.diagnostics
  11239.                                     ? item.diagnostics.map((item) => ({
  11240.                                         code: item.code,
  11241.                                         message: item.message,
  11242.                                         range: OJBetter_monaco.lspRangeToMonacoRange(item.range),
  11243.                                         severity: OJBetter_monaco.lspSeverityToMonacoSeverity(
  11244.                                             item.severity
  11245.                                         ),
  11246.                                         source: item.source,
  11247.                                     }))
  11248.                                     : null,
  11249.                                 edit: item.edit
  11250.                                     ? OJBetter_monaco.lspEditToMonacoEdit(item.edit)
  11251.                                     : item.arguments
  11252.                                         ? {
  11253.                                             edits: item.arguments.flatMap(
  11254.                                                 (item1) => OJBetter_monaco.lspEditToMonacoEdit(item1).edits
  11255.                                             ),
  11256.                                         }
  11257.                                         : null,
  11258.                             })),
  11259.                             dispose: () => { },
  11260.                         };
  11261.                         pushLSPLogMessage("info", `codeAction ${i18next.t('lsp.server.transmit', { ns: 'logMessage' })}`, codeAction);
  11262.  
  11263.                         resolve(codeAction);
  11264.                     });
  11265.                 });
  11266.             },
  11267.         });
  11268.  
  11269.         // 注册"hover提示"
  11270.         monaco.languages.registerHoverProvider(language, {
  11271.             provideHover: (model, position) => {
  11272.                 const request = {
  11273.                     jsonrpc: "2.0",
  11274.                     id: id++,
  11275.                     method: "textDocument/hover",
  11276.                     params: {
  11277.                         textDocument: {
  11278.                             uri: model.uri.toString(),
  11279.                         },
  11280.                         position: OJBetter_monaco.MonacoPositionTolspPosition(position),
  11281.                     },
  11282.                 };
  11283.  
  11284.                 return new Promise((resolve, reject) => {
  11285.                     fetchData(request, (response) => {
  11286.                         pushLSPLogMessage("info", `Hover ${i18next.t('lsp.server.receive', { ns: 'logMessage' })}`, response);
  11287.                         const result = response.result;
  11288.  
  11289.                         if (!result) return resolve(null);
  11290.                         const Hover = {
  11291.                             range: result.range
  11292.                                 ? OJBetter_monaco.lspRangeToMonacoRange(result.range)
  11293.                                 : new monaco.Range(
  11294.                                     position.lineNumber,
  11295.                                     position.column,
  11296.                                     position.lineNumber,
  11297.                                     position.column
  11298.                                 ),
  11299.                             contents: Array.isArray(result.contents)
  11300.                                 ? result.contents.map((item) => ({
  11301.                                     value: item.value ? item.value : item,
  11302.                                 }))
  11303.                                 : [
  11304.                                     {
  11305.                                         value: result.contents.value,
  11306.                                     },
  11307.                                 ],
  11308.                         };
  11309.                         pushLSPLogMessage("info", `Hover ${i18next.t('lsp.server.transmit', { ns: 'logMessage' })}`, Hover);
  11310.                         resolve(Hover);
  11311.                     });
  11312.                 });
  11313.             },
  11314.         });
  11315.  
  11316.         // 注册"inlay提示"
  11317.         if (language == "cpp" || language == "java")
  11318.             monaco.languages.registerInlayHintsProvider(language, {
  11319.                 provideInlayHints: (model, range, token) => {
  11320.                     return new Promise((resolve, reject) => {
  11321.                         const request = {
  11322.                             jsonrpc: "2.0",
  11323.                             id: id++,
  11324.                             method: "textDocument/inlayHint",
  11325.                             params: {
  11326.                                 textDocument: {
  11327.                                     uri: model.uri.toString(),
  11328.                                 },
  11329.                                 range: OJBetter_monaco.MonacoRangeTolspRange(range),
  11330.                             },
  11331.                         };
  11332.  
  11333.                         fetchData(request, (response) => {
  11334.                             const result = response.result;
  11335.                             pushLSPLogMessage("info", `Inlay Hints ${i18next.t('lsp.server.receive', { ns: 'logMessage' })}`, response);
  11336.  
  11337.                             if (!result) return resolve(null);
  11338.  
  11339.                             const inlayHints = {
  11340.                                 hints: result.map((item) => {
  11341.                                     return {
  11342.                                         kind: item.kind,
  11343.                                         label: item.label,
  11344.                                         paddingLeft: item.paddingLeft,
  11345.                                         paddingRight: item.paddingRight,
  11346.                                         position: {
  11347.                                             lineNumber: item.position.line + 1,
  11348.                                             column: item.position.character + 1,
  11349.                                         },
  11350.                                     };
  11351.                                 }),
  11352.                             };
  11353.                             pushLSPLogMessage("info", `Inlay Hints ${i18next.t('lsp.server.transmit', { ns: 'logMessage' })}`, inlayHints);
  11354.  
  11355.                             resolve(inlayHints);
  11356.                         });
  11357.                     });
  11358.                 },
  11359.             });
  11360.  
  11361.         // 注册"转到定义"
  11362.         monaco.languages.registerDefinitionProvider(language, {
  11363.             provideDefinition: (model, position) => {
  11364.                 const request = {
  11365.                     jsonrpc: "2.0",
  11366.                     id: id++,
  11367.                     method: "textDocument/definition",
  11368.                     params: {
  11369.                         textDocument: {
  11370.                             uri: model.uri.toString(),
  11371.                         },
  11372.                         position: OJBetter_monaco.MonacoPositionTolspPosition(position),
  11373.                     },
  11374.                 };
  11375.  
  11376.                 return new Promise((resolve, reject) => {
  11377.                     fetchData(request, (response) => {
  11378.                         const result = response.result;
  11379.                         pushLSPLogMessage("info", `definition ${i18next.t('lsp.server.receive', { ns: 'logMessage' })}`, response);
  11380.  
  11381.                         if (result.length == 0) return resolve(null);
  11382.                         const definition = result.map((item) => ({
  11383.                             range: OJBetter_monaco.lspRangeToMonacoRange(item.range),
  11384.                             uri: monaco.Uri.parse(item.uri), //
  11385.                         }));
  11386.                         pushLSPLogMessage("info", `definition ${i18next.t('lsp.server.transmit', { ns: 'logMessage' })}`, definition);
  11387.  
  11388.                         resolve(definition);
  11389.                     });
  11390.                 });
  11391.  
  11392.                 return null; // 如果没有内容，则返回null
  11393.             },
  11394.         });
  11395.  
  11396.         // 注册"转到引用"
  11397.         monaco.languages.registerReferenceProvider(language, {
  11398.             provideReferences: (model, position, context) => {
  11399.                 const request = {
  11400.                     jsonrpc: "2.0",
  11401.                     id: id++,
  11402.                     method: "textDocument/references",
  11403.                     params: {
  11404.                         context: context,
  11405.                         textDocument: {
  11406.                             uri: model.uri.toString(),
  11407.                         },
  11408.                         position: OJBetter_monaco.MonacoPositionTolspPosition(position),
  11409.                     },
  11410.                 };
  11411.  
  11412.                 return new Promise((resolve, reject) => {
  11413.                     fetchData(request, (response) => {
  11414.                         const result = response.result;
  11415.                         pushLSPLogMessage("info", `references ${i18next.t('lsp.server.receive', { ns: 'logMessage' })}`, response);
  11416.  
  11417.                         if (result.length == 0) return resolve([]);
  11418.  
  11419.                         const references = result.map((item) => ({
  11420.                             range: OJBetter_monaco.lspRangeToMonacoRange(item.range),
  11421.                             uri: monaco.Uri.parse(item.uri), //
  11422.                         }));
  11423.                         pushLSPLogMessage("info", `references ${i18next.t('lsp.server.transmit', { ns: 'logMessage' })}`, references);
  11424.                         resolve(references);
  11425.                     });
  11426.                 });
  11427.                 return []; // 如果没有内容，则返回空数组
  11428.             },
  11429.         });
  11430.  
  11431.         // 注册"符号引用点击高亮"
  11432.         monaco.languages.registerDocumentHighlightProvider(language, {
  11433.             provideDocumentHighlights: (model, position) => {
  11434.                 const request = {
  11435.                     jsonrpc: "2.0",
  11436.                     id: id++,
  11437.                     method: "textDocument/documentHighlight",
  11438.                     params: {
  11439.                         textDocument: {
  11440.                             uri: model.uri.toString(),
  11441.                         },
  11442.                         position: OJBetter_monaco.MonacoPositionTolspPosition(position),
  11443.                     },
  11444.                 };
  11445.  
  11446.                 return new Promise((resolve, reject) => {
  11447.                     fetchData(request, (response) => {
  11448.                         const result = response.result;
  11449.                         pushLSPLogMessage("info", `documentHighlight ${i18next.t('lsp.server.receive', { ns: 'logMessage' })}`, response);
  11450.  
  11451.                         if (!result || result.length == 0) return resolve([]);
  11452.                         const highlights = result.map((item) => ({
  11453.                             range: OJBetter_monaco.lspRangeToMonacoRange(item.range),
  11454.                             kind: item.kind,
  11455.                         }));
  11456.                         pushLSPLogMessage("info",
  11457.                             `documentHighlight ${i18next.t('lsp.server.transmit', { ns: 'logMessage' })}`,
  11458.                             highlights
  11459.                         );
  11460.  
  11461.                         resolve(highlights);
  11462.                     });
  11463.                 });
  11464.                 return []; // 如果没有内容，则返回空数组
  11465.             },
  11466.         });
  11467.  
  11468.         // 注册"文件链接"
  11469.         if (language == "cpp" || language == "java")
  11470.             monaco.languages.registerLinkProvider(language, {
  11471.                 provideLinks: (model) => {
  11472.                     const request = {
  11473.                         jsonrpc: "2.0",
  11474.                         id: id++,
  11475.                         method: "textDocument/documentLink",
  11476.                         params: {
  11477.                             textDocument: {
  11478.                                 uri: model.uri.toString(),
  11479.                             },
  11480.                         },
  11481.                     };
  11482.  
  11483.                     return new Promise((resolve, reject) => {
  11484.                         fetchData(request, (response) => {
  11485.                             const result = response.result;
  11486.                             pushLSPLogMessage("info", `DocumentLink ${i18next.t('lsp.server.receive', { ns: 'logMessage' })}`, response);
  11487.  
  11488.                             if (!result) return resolve(null);
  11489.                             const links = {
  11490.                                 links: result.map((item) => ({
  11491.                                     range: OJBetter_monaco.lspRangeToMonacoRange(item.range),
  11492.                                     url: item.target.toString(),
  11493.                                     tooltip: item.tooltip ? item.tooltip : null,
  11494.                                 })),
  11495.                             };
  11496.                             pushLSPLogMessage("info", `DocumentLink ${i18next.t('lsp.server.transmit', { ns: 'logMessage' })}`, links);
  11497.                             resolve(links);
  11498.                         });
  11499.                     });
  11500.                 },
  11501.             });
  11502.  
  11503.         // 注册"格式化"
  11504.         monaco.languages.registerDocumentFormattingEditProvider(language, {
  11505.             provideDocumentFormattingEdits: (model, options, token) => {
  11506.                 const request = {
  11507.                     jsonrpc: "2.0",
  11508.                     id: id++,
  11509.                     method: "textDocument/formatting",
  11510.                     params: {
  11511.                         textDocument: {
  11512.                             uri: model.uri.toString(),
  11513.                         },
  11514.                         options: options,
  11515.                     },
  11516.                 };
  11517.  
  11518.                 return new Promise((resolve, reject) => {
  11519.                     fetchData(request, (response) => {
  11520.                         const result = response.result;
  11521.                         pushLSPLogMessage("info", `formatting ${i18next.t('lsp.server.receive', { ns: 'logMessage' })}`, response);
  11522.  
  11523.                         const TextEdit = result.map((edit) => ({
  11524.                             range: OJBetter_monaco.lspRangeToMonacoRange(edit.range),
  11525.                             text: edit.newText,
  11526.                         }));
  11527.                         pushLSPLogMessage("info", `formatting ${i18next.t('lsp.server.transmit', { ns: 'logMessage' })}`, TextEdit);
  11528.                         resolve(TextEdit);
  11529.                     });
  11530.                 });
  11531.             },
  11532.         });
  11533.  
  11534.         // 注册"部分格式化"
  11535.         monaco.languages.registerDocumentRangeFormattingEditProvider(language, {
  11536.             provideDocumentRangeFormattingEdits: (model, range, options) => {
  11537.                 const request = {
  11538.                     jsonrpc: "2.0",
  11539.                     id: id++,
  11540.                     method: "textDocument/rangeFormatting",
  11541.                     params: {
  11542.                         textDocument: {
  11543.                             uri: model.uri.toString(),
  11544.                         },
  11545.                         range: OJBetter_monaco.MonacoRangeTolspRange(range),
  11546.                         options,
  11547.                     },
  11548.                 };
  11549.  
  11550.                 return new Promise((resolve, reject) => {
  11551.                     fetchData(request, (response) => {
  11552.                         const result = response.result;
  11553.                         pushLSPLogMessage("info", `rangeFormatting ${i18next.t('lsp.server.receive', { ns: 'logMessage' })}`, response);
  11554.  
  11555.                         if (!result || result.length == 0) return resolve([]);
  11556.                         const edits = result.map((item) => ({
  11557.                             range: OJBetter_monaco.lspRangeToMonacoRange(item.range),
  11558.                             text: item.newText,
  11559.                         }));
  11560.                         pushLSPLogMessage("info", `rangeFormatting ${i18next.t('lsp.server.transmit', { ns: 'logMessage' })}`, edits);
  11561.                         resolve(edits);
  11562.                     });
  11563.                 });
  11564.             },
  11565.         });
  11566.  
  11567.         // 注册"重命名"
  11568.         monaco.languages.registerRenameProvider(language, {
  11569.             provideRenameEdits: (model, position, newName, token) => {
  11570.                 const request = {
  11571.                     jsonrpc: "2.0",
  11572.                     id: id++,
  11573.                     method: "textDocument/rename",
  11574.                     params: {
  11575.                         textDocument: {
  11576.                             uri: model.uri.toString(),
  11577.                         },
  11578.                         position: OJBetter_monaco.MonacoPositionTolspPosition(position),
  11579.                         newName: newName,
  11580.                     },
  11581.                 };
  11582.  
  11583.                 return new Promise((resolve, reject) => {
  11584.                     fetchData(request, (response) => {
  11585.                         const result = response.result;
  11586.                         pushLSPLogMessage("info", `rename ${i18next.t('lsp.server.receive', { ns: 'logMessage' })}`, response);
  11587.  
  11588.                         const rename = OJBetter_monaco.lspEditToMonacoEdit(result);
  11589.                         pushLSPLogMessage("info", `rename ${i18next.t('lsp.server.transmit', { ns: 'logMessage' })}`, rename);
  11590.                         resolve(rename);
  11591.                     });
  11592.                 });
  11593.             },
  11594.         });
  11595.  
  11596.         // 注册"折叠范围分析"
  11597.         monaco.languages.registerFoldingRangeProvider(language, {
  11598.             provideFoldingRanges: (model) => {
  11599.                 const request = {
  11600.                     jsonrpc: "2.0",
  11601.                     id: id++,
  11602.                     method: "textDocument/foldingRange",
  11603.                     params: {
  11604.                         textDocument: {
  11605.                             uri: model.uri.toString(),
  11606.                         },
  11607.                     },
  11608.                 };
  11609.  
  11610.                 return new Promise((resolve, reject) => {
  11611.                     fetchData(request, (response) => {
  11612.                         const result = response.result;
  11613.                         pushLSPLogMessage("info", `FoldingRange ${i18next.t('lsp.server.receive', { ns: 'logMessage' })}`, response);
  11614.  
  11615.                         if (!result) return resolve([]);
  11616.                         const foldingRanges = result.map((item) => ({
  11617.                             start: item.startLine + 1,
  11618.                             end: item.endLine + 1,
  11619.                             kind: monaco.languages.FoldingRangeKind.fromValue(item.kind),
  11620.                         }));
  11621.                         pushLSPLogMessage("info", `FoldingRange ${i18next.t('lsp.server.transmit', { ns: 'logMessage' })}`, foldingRanges);
  11622.                         resolve(foldingRanges);
  11623.                     });
  11624.                 });
  11625.             },
  11626.         });
  11627.  
  11628.         // 注册"方法签名提示"
  11629.         monaco.languages.registerSignatureHelpProvider(language, {
  11630.             signatureHelpTriggerCharacters:
  11631.                 serverInfo.capabilities.signatureHelpProvider.triggerCharacters,
  11632.             provideSignatureHelp: (model, position, token, context) => {
  11633.                 const request = {
  11634.                     jsonrpc: "2.0",
  11635.                     id: id++,
  11636.                     method: "textDocument/signatureHelp",
  11637.                     params: {
  11638.                         textDocument: {
  11639.                             uri: model.uri.toString(),
  11640.                         },
  11641.                         position: {
  11642.                             line: position.lineNumber - 1,
  11643.                             character: position.column - 1,
  11644.                         },
  11645.                         context: {
  11646.                             triggerKind: context.triggerKind,
  11647.                             triggerCharacter: context.triggerCharacter,
  11648.                             isRetrigger: context.isRetrigger,
  11649.                             activeSignatureHelp: context.activeSignatureHelp,
  11650.                         },
  11651.                     },
  11652.                 };
  11653.  
  11654.                 return new Promise((resolve, reject) => {
  11655.                     fetchData(request, (response) => {
  11656.                         const result = response.result;
  11657.  
  11658.                         pushLSPLogMessage("info", `signatureHelp ${i18next.t('lsp.server.receive', { ns: 'logMessage' })}`, response);
  11659.  
  11660.                         if (!result) return resolve(null);
  11661.                         const SignatureHelpResult = {
  11662.                             value: {
  11663.                                 activeParameter: result.activeParameter,
  11664.                                 activeSignature: result.activeSignature,
  11665.                                 signatures: result.signatures,
  11666.                             },
  11667.                             dispose: () => { },
  11668.                         };
  11669.  
  11670.                         pushLSPLogMessage("info",
  11671.                             `signatureHelp ${i18next.t('lsp.server.transmit', { ns: 'logMessage' })}`,
  11672.                             SignatureHelpResult
  11673.                         );
  11674.                         resolve(SignatureHelpResult);
  11675.                     });
  11676.                 });
  11677.             },
  11678.         });
  11679.  
  11680.         // 注册"渐进式自动格式化" 如果server有这个
  11681.         if (serverInfo.capabilities.documentOnTypeFormattingProvider)
  11682.             monaco.languages.registerOnTypeFormattingEditProvider(language, {
  11683.                 autoFormatTriggerCharacters: [
  11684.                     serverInfo.capabilities.documentOnTypeFormattingProvider
  11685.                         .firstTriggerCharacter,
  11686.                 ],
  11687.                 provideOnTypeFormattingEdits: (model, position, ch, options) => {
  11688.                     const request = {
  11689.                         jsonrpc: "2.0",
  11690.                         id: id++,
  11691.                         method: "textDocument/onTypeFormatting",
  11692.                         params: {
  11693.                             textDocument: {
  11694.                                 uri: model.uri.toString(),
  11695.                             },
  11696.                             position: OJBetter_monaco.MonacoPositionTolspPosition(position),
  11697.                             ch,
  11698.                             options,
  11699.                         },
  11700.                     };
  11701.  
  11702.                     return new Promise((resolve, reject) => {
  11703.                         fetchData(request, (response) => {
  11704.                             const result = response.result;
  11705.                             pushLSPLogMessage("info", `onTypeFormatting ${i18next.t('lsp.server.receive', { ns: 'logMessage' })}`, response);
  11706.  
  11707.                             if (!result || result.length == 0) return resolve([]);
  11708.  
  11709.                             const edits = result.map((item) => ({
  11710.                                 range: OJBetter_monaco.lspRangeToMonacoRange(item.range),
  11711.                                 text: item.newText,
  11712.                             }));
  11713.                             pushLSPLogMessage("info", `onTypeFormatting ${i18next.t('lsp.server.transmit', { ns: 'logMessage' })}`, edits);
  11714.                             resolve(edits);
  11715.                         });
  11716.                     });
  11717.                 },
  11718.             });
  11719.     };
  11720.  
  11721.     /**
  11722.      * 被动式接收处理
  11723.      */
  11724.     OJBetter_monaco.PassiveReceiveHandler = () => {
  11725.  
  11726.         // "实时代码诊断"
  11727.         OJBetter_monaco.updateMarkers = function (message) {
  11728.             const params = message.params;
  11729.             pushLSPLogMessage("info", `Markers ${i18next.t('lsp.server.receive', { ns: 'logMessage' })}`, message);
  11730.  
  11731.             if (!params) return;
  11732.             const markers = params.diagnostics.map((item1) => ({
  11733.                 code: item1.code,
  11734.                 message: item1.message,
  11735.                 ...OJBetter_monaco.lspRangeToMonacoRange(item1.range),
  11736.                 relatedInformation: item1.relatedInformation
  11737.                     ? item1.relatedInformation.map((item2) => ({
  11738.                         ...(item2.location.range
  11739.                             ? OJBetter_monaco.lspRangeToMonacoRange(item2.location.range)
  11740.                             : OJBetter_monaco.lspRangeToMonacoRange(item2.location)),
  11741.                         message: item2.message,
  11742.                         resource: monaco.Uri.parse(item2.location.uri),
  11743.                     }))
  11744.                     : null,
  11745.                 severity: OJBetter_monaco.lspSeverityToMonacoSeverity(item1.severity),
  11746.                 source: item1.source,
  11747.             }));
  11748.  
  11749.             pushLSPLogMessage("info", `Markers ${i18next.t('lsp.server.transmit', { ns: 'logMessage' })}`, markers);
  11750.             monaco.editor.setModelMarkers(model, "eslint", markers);
  11751.  
  11752.             // 更新状态底栏信息
  11753.             const nowMarks = monaco.editor.getModelMarkers();
  11754.             warningCount = 0;
  11755.             errorCount = 0;
  11756.             for (const marker of nowMarks) {
  11757.                 if (marker.severity === monaco.MarkerSeverity.Warning) {
  11758.                     warningCount++;
  11759.                 } else if (marker.severity === monaco.MarkerSeverity.Error) {
  11760.                     errorCount++;
  11761.                 }
  11762.             }
  11763.             $('#OJBetter_statusBar').text(`Warnings: ${warningCount}, Errors: ${errorCount}`);
  11764.         };
  11765.  
  11766.         // "应用服务器推送的更改"(代码修复)
  11767.         OJBetter_monaco.applyEdit = function (message) {
  11768.             const params = message.params;
  11769.             pushLSPLogMessage("info", `applyEdit ${i18next.t('lsp.server.receive', { ns: 'logMessage' })}`, message);
  11770.  
  11771.             if (!params) return;
  11772.             const operations = Object.values(params.edit.changes)
  11773.                 .flat()
  11774.                 .map((item) => ({
  11775.                     range: OJBetter_monaco.lspRangeToMonacoRange(item.range),
  11776.                     text: item.newText,
  11777.                 }));
  11778.  
  11779.             pushLSPLogMessage("info", `applyEdit ${i18next.t('lsp.server.transmit', { ns: 'logMessage' })}`, operations);
  11780.             model.pushEditOperations([], operations, () => null); // 入栈编辑操作
  11781.         };
  11782.     }
  11783.  
  11784.     if (!languageSocketState) await waitForLanguageSocketState();
  11785.     OJBetter_monaco.Initialize();
  11786. }
  11787.  
  11788. // 语言更改
  11789. function changeMonacoLanguage(form) {
  11790.     let nowSelect = form.selectLang.val();
  11791.     // 记忆更改
  11792.     GM_setValue('compilerSelection', nowSelect);
  11793.     // 销毁旧的编辑器
  11794.     try {
  11795.         if (OJBetter.monaco.editor) OJBetter.monaco.editor.dispose();
  11796.     } catch (error) {
  11797.         console.warn("Encountered an error while attempting to delete the old editor, but it should not affect your regular usage.", error)
  11798.     }
  11799.     // 关闭旧的socket
  11800.     OJBetter.monaco.lsp.socket.forEach(socket => {
  11801.         socket.close();
  11802.     });
  11803.     // 移除相关元素
  11804.     form.topRightDiv.empty();
  11805.     $('#LSPLog').remove();
  11806.     $('#OJBetter_statusBar').remove();
  11807.     // 创建新的编辑器
  11808.     if (nowSelect in value_monacoLanguageMap) {
  11809.         let language = value_monacoLanguageMap[nowSelect];
  11810.         if (language == "python" || language == "cpp") {
  11811.             createMonacoEditor(language, form, true);
  11812.         } else {
  11813.             createMonacoEditor(language, form, false);
  11814.         }
  11815.     } else {
  11816.         createMonacoEditor(null, form, false);
  11817.     }
  11818.     // 更新在线编译器参数
  11819.     changeCompilerArgs(nowSelect);
  11820. }
  11821.  
  11822. // 收集样例数据
  11823. function getTestData() {
  11824.     let testData = {};
  11825.  
  11826.     /**
  11827.      * 从pre中获取文本信息
  11828.      * @param {JQuery<HTMLElement>} node 元素
  11829.      * @returns {string} 文本信息
  11830.      */
  11831.     function getTextFromPre(node) {
  11832.         let text;
  11833.         if (node.find("br").length > 0) {
  11834.             text = node.html().replace(/<br>/g, "\n"); // <br>作换行符的情况
  11835.         } else {
  11836.             text = node.text();
  11837.         }
  11838.         return text;
  11839.     }
  11840.  
  11841.     $('.input').each(function (index) {
  11842.         var inputText = '';
  11843.         if ($(this).find('pre').find('div').length > 0) {
  11844.             $(this).find('pre').find('div').each(function () {
  11845.                 inputText += getTextFromPre($(this)) + '\n';
  11846.             });
  11847.         } else {
  11848.             inputText = getTextFromPre($(this).find('pre'));
  11849.         }
  11850.         var outputText = '';
  11851.         if ($('.output').eq(index).find('pre').find('div').length > 0) {
  11852.             $('.output').eq(index).find('pre').find('div').each(function () {
  11853.                 inputText += getTextFromPre($(this)) + '\n';
  11854.             });
  11855.         } else {
  11856.             outputText = getTextFromPre($('.output').eq(index).find('pre'));
  11857.         }
  11858.  
  11859.         testData[index + 1] = {
  11860.             input: inputText.trim(),
  11861.             output: outputText.trim()
  11862.         };
  11863.     });
  11864.     return testData;
  11865. }
  11866.  
  11867. // 初始化自定义测试数据面板
  11868. function CustomTestInit() {
  11869.     const url = window.location.href;
  11870.  
  11871.     restoreText();
  11872.  
  11873.     // 添加
  11874.     $('#addCustomTest').click(function () {
  11875.         var sampleDiv = $('<div class="sampleDiv">');
  11876.         var inputTextarea = $('<p style="padding: 0px 5px;">input</p><textarea class="dynamicTextarea inputTextarea"></textarea>');
  11877.         var outputTextarea = $('<p style="padding: 0px 5px;">output</p><textarea class="dynamicTextarea outputTextarea"></textarea>');
  11878.         var deleteCustomTest = OJB_safeCreateJQElement(`<button type="button" class="deleteCustomTest">${closeIcon}</button>`);
  11879.         sampleDiv.append(deleteCustomTest);
  11880.         sampleDiv.append(inputTextarea);
  11881.         sampleDiv.append(outputTextarea);
  11882.         $('#customTests').append(sampleDiv);
  11883.     });
  11884.  
  11885.     // 实时保存文本内容到 IndexedDB 中
  11886.     $(document).on('input', '.inputTextarea, .outputTextarea', function () {
  11887.         OJBetter.common.database.transaction('rw', OJBetter.common.database.samplesData, function () {
  11888.             var objectStore = OJBetter.common.database.samplesData;
  11889.             var samples = {
  11890.                 url: url,
  11891.                 samples: []
  11892.             };
  11893.             var index = 0;
  11894.             $('.sampleDiv').each(function () {
  11895.                 var $sampleDiv = $(this);
  11896.                 var inputTextarea = $sampleDiv.find('.inputTextarea');
  11897.                 var outputTextarea = $sampleDiv.find('.outputTextarea');
  11898.                 $sampleDiv.attr('data-index', index);
  11899.                 inputTextarea.attr('id', 'input' + index);
  11900.                 outputTextarea.attr('id', 'output' + index);
  11901.                 var sample = {
  11902.                     id: index,
  11903.                     input: inputTextarea.val(),
  11904.                     output: outputTextarea.val()
  11905.                 };
  11906.                 samples.samples.push(sample);
  11907.                 index++;
  11908.             });
  11909.             objectStore.put(samples);
  11910.         });
  11911.     });
  11912.  
  11913.     // 删除
  11914.     $(document).on('click', '.deleteCustomTest', function () {
  11915.         var $sampleDiv = $(this).closest('.sampleDiv');
  11916.         OJBetter.common.database.transaction('rw', OJBetter.common.database.samplesData, function () {
  11917.             var objectStore = OJBetter.common.database.samplesData;
  11918.             var index = parseInt($sampleDiv.attr('data-index'));
  11919.             if (!isNaN(index)) {
  11920.                 objectStore.get(url).then(row => {
  11921.                     let samples = row.samples;
  11922.                     samples.splice(index, 1); // 移除第index个元素
  11923.                     objectStore.put({
  11924.                         url: url,
  11925.                         samples: samples
  11926.                     });
  11927.                 })
  11928.             }
  11929.             $sampleDiv.remove();
  11930.         });
  11931.     });
  11932.  
  11933.     // 恢复保存的内容
  11934.     function restoreText() {
  11935.         OJBetter.common.database.transaction('r', OJBetter.common.database.samplesData, function () {
  11936.             return OJBetter.common.database.samplesData.get(url);
  11937.         }).then(function (data) {
  11938.             if (data.samples && data.samples.length > 0) {
  11939.                 data.samples.forEach(function (item, index) {
  11940.                     var sampleDiv = $('<div class="sampleDiv">');
  11941.                     var inputTextarea = OJB_safeCreateJQElement(`<p style="padding: 0px 5px;">input</p><textarea id="input${index}" class="dynamicTextarea inputTextarea"></textarea>`);
  11942.                     var outputTextarea = OJB_safeCreateJQElement(`<p style="padding: 0px 5px;">output</p><textarea id="output${index}" class="dynamicTextarea outputTextarea"></textarea>`);
  11943.                     var deleteCustomTest = OJB_safeCreateJQElement(`<button type="button" class="deleteCustomTest">${closeIcon}</button>`);
  11944.  
  11945.                     inputTextarea.val(item.input);
  11946.                     outputTextarea.val(item.output);
  11947.  
  11948.                     sampleDiv.append(deleteCustomTest);
  11949.                     sampleDiv.append(inputTextarea);
  11950.                     sampleDiv.append(outputTextarea);
  11951.                     sampleDiv.attr('data-index', index)
  11952.                     $('#customTests').append(sampleDiv);
  11953.                 });
  11954.             }
  11955.         });
  11956.     }
  11957. }
  11958.  
  11959. // 获取自定义测试数据
  11960. function getCustomTestData() {
  11961.     const url = window.location.href;
  11962.  
  11963.     return new Promise(function (resolve) {
  11964.         var customTestData = {};
  11965.         OJBetter.common.database.transaction('r', OJBetter.common.database.samplesData, function () {
  11966.             return OJBetter.common.database.samplesData.get(url);
  11967.         }).then(function (data) {
  11968.             if (!data) resolve(customTestData);
  11969.             if (data.samples && data.samples.length > 0) {
  11970.                 data.samples.forEach(function (item, index) {
  11971.                     customTestData[index + 1] = {
  11972.                         input: item.input,
  11973.                         output: item.output
  11974.                     };
  11975.                 });
  11976.             }
  11977.             resolve(customTestData);
  11978.         });
  11979.     });
  11980. }
  11981.  
  11982. // codeforces编译器参数列表
  11983. let officialLanguage = "";
  11984. function officialCompilerArgsChange(nowSelect) {
  11985.     officialLanguage = nowSelect;
  11986.     $('#CompilerArgsInput').prop("disabled", true);
  11987. }
  11988.  
  11989. // codeforces编译器通信
  11990. async function officialCompiler(code, input) {
  11991.     const data = new FormData();
  11992.     data.append('csrf_token', OJBetter.common.cf_csrf_token);
  11993.     data.append('source', code);
  11994.     data.append('tabSize', '4');
  11995.     data.append('programTypeId', officialLanguage);
  11996.     data.append('input', input);
  11997.     data.append('output', '');
  11998.     data.append('communityCode', '');
  11999.     data.append('action', 'submitSourceCode');
  12000.     data.append('programTypeId', officialLanguage);
  12001.     data.append('sourceCode', code);
  12002.  
  12003.     const requestOptions = {
  12004.         method: 'POST',
  12005.         url: `${OJBetter.common.hostAddress}/data/customtest`,
  12006.         data: data,
  12007.         headers: {
  12008.             'X-Csrf-Token': OJBetter.common.cf_csrf_token
  12009.         }
  12010.     };
  12011.  
  12012.     const result = {
  12013.         Errors: '',
  12014.         Result: '',
  12015.         Stats: ''
  12016.     };
  12017.  
  12018.     try {
  12019.         const submitResponse = await OJB_GMRequest(requestOptions);
  12020.         if (submitResponse.status !== 200 || !submitResponse.response) {
  12021.             result.Errors = `${i18next.t('compiler.official.pushError', { ns: 'codeEditor' })}`;
  12022.             return result;
  12023.         }
  12024.  
  12025.         const submitResult = JSON.parse(submitResponse.response);
  12026.         const customTestSubmitId = submitResult.customTestSubmitId;
  12027.  
  12028.         const verdictResponse = await OJB_promiseRetryWrapper(
  12029.             getOfficialCompilerVerdict,
  12030.             {
  12031.                 maxRetries: 10,
  12032.                 retryInterval: 500
  12033.             },
  12034.             customTestSubmitId
  12035.         );
  12036.         return verdictResponse;
  12037.     } catch (error) {
  12038.         result.Errors = error.message;
  12039.         return result;
  12040.     }
  12041. }
  12042.  
  12043. // 获取codeforces编译器的执行结果
  12044. async function getOfficialCompilerVerdict(customTestSubmitId) {
  12045.     const newdata = new FormData();
  12046.     newdata.append('csrf_token', OJBetter.common.cf_csrf_token);
  12047.     newdata.append('action', 'getVerdict');
  12048.     newdata.append('customTestSubmitId', customTestSubmitId);
  12049.  
  12050.     const requestOptions = {
  12051.         method: 'POST',
  12052.         url: `${OJBetter.common.hostAddress}/data/customtest`,
  12053.         data: newdata,
  12054.         headers: {
  12055.             'X-Csrf-Token': OJBetter.common.cf_csrf_token
  12056.         }
  12057.     };
  12058.  
  12059.     const responseDetails = await OJB_GMRequest(requestOptions);
  12060.     if (responseDetails.status !== 200 || !responseDetails.response) {
  12061.         throw new Error(`${i18next.t('compiler.official.getResultError', { ns: 'codeEditor' })}`);
  12062.     }
  12063.  
  12064.     const response = JSON.parse(responseDetails.response);
  12065.     if (!response.stat) {
  12066.         throw new Error('Verdict not ready, retrying...');
  12067.     }
  12068.  
  12069.     return {
  12070.         Errors: response.verdict === "OK" ? null : response.verdict + '<br>' + response.output,
  12071.         Result: response.output.replace(/\r\n/g, "\n"),
  12072.         Stats: `Status: ${response.stat}`
  12073.     };
  12074. }
  12075.  
  12076. // rextester编译器参数列表
  12077. let rextesterLanguage = "";
  12078. function rextesterCompilerArgsChange(nowSelect) {
  12079.     let LanguageChoiceList = {
  12080.         "4": "9", "6": "8", "7": "5", "9": "1", "13": "13", "19": "42", "20": "21", "28": "30", "31": "24", "32": "20",
  12081.         "34": "17", "36": "4", "43": "6", "45": "7", "46": "4", "50": "7", "51": "9", "52": "27", "54": "7", "55": "23", "60": "4",
  12082.         "61": "7", "65": "1", "67": "12", "70": "5", "73": "7", "74": "4", "75": "46", "77": "43", "79": "1", "80": "27", "83": "43", "87": "4"
  12083.     }
  12084.     let CompilerArgsList = {
  12085.         "6": "-Wall -std=gnu99 -O2 -o a.out source_file.c",
  12086.         "7": "-Wall -std=c++14 -O2 -o a.out source_file.cpp",
  12087.         "20": "-o a.out source_file.go",
  12088.         "27": "-Wall -std=c++14 -stdlib=libc++ -O2 -o a.out source_file.cpp",
  12089.         "30": "source_file.d -ofa.out"
  12090.     }
  12091.     if (nowSelect in LanguageChoiceList) {
  12092.         $('#RunTestButton').prop("disabled", false);
  12093.         rextesterLanguage = LanguageChoiceList[nowSelect];
  12094.     } else {
  12095.         $('#RunTestButton').prop("disabled", true);
  12096.     }
  12097.     if (rextesterLanguage in CompilerArgsList) {
  12098.         const rextesterCompilerArgs = CompilerArgsList[rextesterLanguage];
  12099.         $('#CompilerArgsInput').val(rextesterCompilerArgs);
  12100.     } else {
  12101.         $('#CompilerArgsInput').val("");
  12102.     }
  12103. }
  12104.  
  12105. // rextester编译器通信
  12106. async function rextesterCompiler(code, input) {
  12107.     try {
  12108.         const result = await OJB_promiseRetryWrapper(rextesterCompilerRequest, {
  12109.             maxRetries: 5,
  12110.             retryInterval: 500,
  12111.             errorHandler: (err) => ({ Errors: err.message, Result: '', Stats: '' })
  12112.         }, code, input);
  12113.         return result;
  12114.     } catch (error) {
  12115.         return { Errors: error.message, Result: '', Stats: '' };
  12116.     }
  12117. }
  12118.  
  12119. // rextester编译器请求方法
  12120. async function rextesterCompilerRequest(code, input) {
  12121.     const data = new FormData();
  12122.     data.append('LanguageChoiceWrapper', rextesterLanguage);
  12123.     data.append('EditorChoiceWrapper', '1');
  12124.     data.append('LayoutChoiceWrapper', '1');
  12125.     data.append('Program', code);
  12126.     data.append('CompilerArgs', $('#CompilerArgsInput').val());
  12127.     data.append('Input', input);
  12128.     data.append('ShowWarnings', 'false');
  12129.     data.append('IsInEditMode', 'false');
  12130.     data.append('IsLive', 'false');
  12131.  
  12132.     const responseDetails = await OJB_GMRequest({
  12133.         method: 'POST',
  12134.         url: 'https://rextester.com/rundotnet/Run',
  12135.         data: data
  12136.     });
  12137.  
  12138.     if (responseDetails.status !== 200 || !responseDetails.response) {
  12139.         throw new Error(`${i18next.t('compiler.common.error', { ns: 'codeEditor' })}`);
  12140.     }
  12141.  
  12142.     const response = JSON.parse(responseDetails.response);
  12143.     return {
  12144.         Errors: response.Errors || '',
  12145.         Result: response.Result || '',
  12146.         Stats: response.Stats || ''
  12147.     };
  12148. }
  12149.  
  12150. // wandbox编译器参数列表
  12151. var wandboxlist = JSON.parse(GM_getResourceText("wandboxlist"));
  12152. function wandboxCompilerArgsChange(nowSelect) {
  12153.     let LanguageChoiceList = {
  12154.         "6": "PHP", "7": "Python", "9": "C#", "12": "Haskell", "13": "Perl", "19": "OCaml",
  12155.         "20": "Scala", "28": "D", "31": "Python", "32": "Go", "34": "JavaScript", "36": "Java", "40": "Python", "41": "Python",
  12156.         "43": "C++", "50": "C++", "51": "Pascal", "52": "C++", "54": "C++", "60": "Java", "61": "C++", "65": "C#", "67": "Ruby",
  12157.         "70": "Python", "73": "C++", "74": "Java", "75": "Rust", "79": "C#", "80": "C++", "87": "Java"
  12158.     }
  12159.  
  12160.     // 移除旧的
  12161.     $('#CompilerChange').remove();
  12162.  
  12163.     if (nowSelect in LanguageChoiceList) {
  12164.         $('#RunTestButton').prop("disabled", false);
  12165.         const Languagefiltered = wandboxlist.filter(obj => obj.language === LanguageChoiceList[nowSelect]);
  12166.  
  12167.         // 创建编译器下拉框
  12168.         let CompilerChange = $('<select id="CompilerChange" style="width: 100%;"></select>');
  12169.  
  12170.         $('#CompilerSetting').show().append(CompilerChange);
  12171.         for (let i = 0; i < Languagefiltered.length; i++) {
  12172.             let Compiler = Languagefiltered[i];
  12173.             let op = $("<option></option>")
  12174.                 .val(Compiler.name)
  12175.                 .text(Compiler["display-name"] + " " + Compiler.version);
  12176.             $("#CompilerChange").append(op);
  12177.         }
  12178.  
  12179.         // 编译器参数刷新
  12180.         function refreshCompilerArgs() {
  12181.             var flags = '';
  12182.             $("#CompilerBox").find("*").each(function () {
  12183.                 if ($(this).is("input[type='checkbox']")) {
  12184.                     let flag = $(this).prop("checked") ? $(this).val() : '';
  12185.                     flags += flag + (flag ? ' ' : '');
  12186.                 } else if ($(this).is("select") || $(this).is("input") || $(this).is("textarea")) {
  12187.                     let flag = $(this).val();
  12188.                     flags += flag + (flag ? ' ' : '');
  12189.                 }
  12190.             });
  12191.             $("#CompilerArgsInput").val(flags);
  12192.             $("#CompilerArgsInput").prop("readonly", true); // 只读
  12193.         }
  12194.  
  12195.         // 编译器切换监听
  12196.         CompilerChange.change(function () {
  12197.             let selectedName = CompilerChange.val();
  12198.             let Compiler = Languagefiltered.find(
  12199.                 (obj) => obj.name === selectedName
  12200.             );
  12201.  
  12202.             $("#CompilerArgsInput").val(); // 初始化编译器输入框
  12203.  
  12204.             $("#CompilerBox").remove();
  12205.             let div = $("<div id='CompilerBox'></div>");
  12206.  
  12207.             let display_compile_command = OJB_safeCreateJQElement(`<input id='${Compiler.name}' value='${Compiler['display-compile-command']}' style="display:none;"}></input>`);
  12208.             div.append(display_compile_command);
  12209.  
  12210.             let switches = Compiler.switches;
  12211.             for (let i = 0; i < switches.length; i++) {
  12212.                 let switche = switches[i];
  12213.  
  12214.                 if (switche.type == "single") {
  12215.                     let single = OJB_safeCreateJQElement(`
  12216.                     <div>
  12217.                         <input type='checkbox' id='${switche.name}' value='${switche['display-flags']}' ${switche.default ? 'checked' : ''}></input>
  12218.                         <label for='${switche.name}'>${switche['display-name']}</label>
  12219.                     </div>
  12220.                     `);
  12221.                     div.append(single);
  12222.                     single.find("input").change(function () {
  12223.                         refreshCompilerArgs();
  12224.                     });
  12225.                 } else if (switche.type == "select") {
  12226.                     let select = OJB_safeCreateJQElement(`<select id='${switche.name}'></select>`);
  12227.                     select.data('previousValue', switche.options[0]['display-flags']);
  12228.                     div.append(select);
  12229.                     for (let i = 0; i < switche.options.length; i++) {
  12230.                         let option = switche.options[i];
  12231.                         let op = $("<option></option>")
  12232.                             .val(option['display-flags'])
  12233.                             .text(option['display-name']);
  12234.                         select.append(op);
  12235.                     }
  12236.                     select.change(function () {
  12237.                         refreshCompilerArgs();
  12238.                     });
  12239.                 }
  12240.             }
  12241.  
  12242.             if (Compiler['compiler-option-raw'] == true) {
  12243.                 let textarea = OJB_safeCreateJQElement(`<textarea id="compiler_option_raw" placeholder="Raw compiler options" style="resize: vertical;"></textarea>`);
  12244.                 div.append(textarea);
  12245.                 textarea.on('input', function () {
  12246.                     refreshCompilerArgs();
  12247.                 });
  12248.             }
  12249.             if (Compiler['runtime-option-raw'] == true) {
  12250.                 let textarea = OJB_safeCreateJQElement(`<textarea id="runtime_option_raw" placeholder="Raw runtime options" style="resize: vertical;"></textarea>`);
  12251.                 div.append(textarea);
  12252.                 textarea.on('input', function () {
  12253.                     refreshCompilerArgs();
  12254.                 });
  12255.             }
  12256.             $("#CompilerSetting").append(div);
  12257.  
  12258.             refreshCompilerArgs();  // 初始化
  12259.         });
  12260.  
  12261.         CompilerChange.trigger("change"); // 初始化
  12262.     } else {
  12263.         $('#RunTestButton').prop("disabled", true);
  12264.     }
  12265. }
  12266.  
  12267. // wandbox编译器通信
  12268. async function wandboxCompiler(code, input) {
  12269.     try {
  12270.         const result = await OJB_promiseRetryWrapper(wandboxCompilerRequest, {
  12271.             maxRetries: 5,
  12272.             retryInterval: 500,
  12273.             errorHandler: (err) => ({ Errors: err.message, Result: '', Stats: '' })
  12274.         }, code, input);
  12275.         return result;
  12276.     } catch (error) {
  12277.         return { Errors: error.message, Result: '', Stats: '' };
  12278.     }
  12279. }
  12280.  
  12281. // wandbox编译器请求方法
  12282. async function wandboxCompilerRequest(code, input) {
  12283.     const data = {
  12284.         code: code,
  12285.         codes: [],
  12286.         compiler: $('#CompilerChange').val().replace($('#compiler_option_raw').val(), '').replace($('#runtime_option_raw').val(), ''),
  12287.         'compiler-option-raw': $('#compiler_option_raw').val(),
  12288.         'runtime-option-raw': $('#runtime_option_raw').val(),
  12289.         options: $("#CompilerArgsInput").val(),
  12290.         description: '',
  12291.         stdin: input,
  12292.         title: ''
  12293.     };
  12294.  
  12295.     const responseDetails = await OJB_GMRequest({
  12296.         method: 'POST',
  12297.         url: 'https://wandbox.org/api/compile.json',
  12298.         data: JSON.stringify(data),
  12299.         headers: {
  12300.             'Content-Type': 'application/json'
  12301.         }
  12302.     });
  12303.  
  12304.     if (responseDetails.status !== 200 || !responseDetails.response) {
  12305.         throw new Error(`${i18next.t('compiler.common.error', { ns: 'codeEditor' })}`);
  12306.     }
  12307.  
  12308.     const response = JSON.parse(responseDetails.response);
  12309.     return {
  12310.         Errors: response.compiler_error === "" ? response.signal : response.compiler_error,
  12311.         Result: response.program_output || '',
  12312.         Stats: response.status === "0" ? "Finish" : "Error"
  12313.     };
  12314. }
  12315.  
  12316. // 更改编译器参数
  12317. function changeCompilerArgs(nowSelect) {
  12318.     if (OJBetter.monaco.onlineCompilerChoice == "official") {
  12319.         officialCompilerArgsChange(nowSelect);
  12320.     } else if (OJBetter.monaco.onlineCompilerChoice == "rextester") {
  12321.         rextesterCompilerArgsChange(nowSelect);
  12322.     } else if (OJBetter.monaco.onlineCompilerChoice == "wandbox") {
  12323.         wandboxCompilerArgsChange(nowSelect);
  12324.     }
  12325. }
  12326.  
  12327. // 在线编译器通信
  12328. async function onlineCompilerConnect(code, input) {
  12329.     if (OJBetter.monaco.onlineCompilerChoice == "official") {
  12330.         return await officialCompiler(code, input);
  12331.     } else if (OJBetter.monaco.onlineCompilerChoice == "rextester") {
  12332.         return await rextesterCompiler(code, input);
  12333.     } else if (OJBetter.monaco.onlineCompilerChoice == "wandbox") {
  12334.         return await wandboxCompiler(code, input);
  12335.     }
  12336. }
  12337.  
  12338. // 差异对比
  12339. function codeDiff(expectedText, actualText) {
  12340.     // 将文本按行拆分
  12341.     const expectedLines = expectedText ? expectedText.split('\n') : [];
  12342.     const actualLines = actualText ? actualText.split('\n') : [];
  12343.  
  12344.     const output = document.createElement('div');
  12345.  
  12346.     const createLineElement = (lineNo, contentElement) => {
  12347.         const lineDiv = document.createElement('div');
  12348.         lineDiv.className = 'diffLine';
  12349.  
  12350.         const lineNoDiv = document.createElement('div');
  12351.         lineNoDiv.className = 'lineNo';
  12352.         lineNoDiv.textContent = lineNo;
  12353.  
  12354.         lineDiv.appendChild(lineNoDiv);
  12355.         lineDiv.appendChild(contentElement);
  12356.  
  12357.         return lineDiv;
  12358.     };
  12359.  
  12360.     const createContentElement = (isEquals = true, expected = null, removed = null) => {
  12361.         const contentDiv = document.createElement('div');
  12362.         contentDiv.className = 'lineContent';
  12363.  
  12364.         if (isEquals) {
  12365.             const span = document.createElement('span');
  12366.             span.textContent = expected;
  12367.             contentDiv.appendChild(span);
  12368.         } else {
  12369.             if (removed != null) {
  12370.                 const removedSpan = document.createElement('span');
  12371.                 removedSpan.className = 'removed';
  12372.                 removedSpan.textContent = removed;
  12373.                 contentDiv.appendChild(removedSpan);
  12374.             }
  12375.             if (expected != null) {
  12376.                 const addedSpan = document.createElement('span');
  12377.                 addedSpan.className = 'added';
  12378.                 addedSpan.textContent = expected;
  12379.                 contentDiv.appendChild(addedSpan);
  12380.             }
  12381.         }
  12382.  
  12383.         return contentDiv;
  12384.     };
  12385.  
  12386.     let index = 1;
  12387.  
  12388.     expectedLines.forEach((expectedLine, i) => {
  12389.         const actualLine = actualLines[i];
  12390.         if (actualLine === undefined) {
  12391.             output.appendChild(createLineElement(index++, createContentElement(false, expectedLine)));
  12392.         } else if (expectedLine === actualLine) {
  12393.             output.appendChild(createLineElement(index++, createContentElement(true, expectedLine)));
  12394.         } else {
  12395.             output.appendChild(createLineElement(index++, createContentElement(false, expectedLine, actualLine)));
  12396.         }
  12397.     });
  12398.  
  12399.     // 处理多余的 actualLines
  12400.     for (let i = expectedLines.length; i < actualLines.length; i++) {
  12401.         output.appendChild(createLineElement(index++, createContentElement(false, null, actualLines[i])));
  12402.     }
  12403.  
  12404.     return output.innerHTML;
  12405. }
  12406.  
  12407. // 内容类型常量
  12408. const TestCaseContentType = {
  12409.     TERMINAL: 'terminal',
  12410.     DIFF: 'diff',
  12411.     NO_DIFF: 'no_diff',
  12412.     SUCCESS: 'success'
  12413. };
  12414.  
  12415. // 样例测试状态类
  12416. class TestCaseStatus {
  12417.     constructor(item, prefix) {
  12418.         this.testCase = OJB_safeCreateJQElement(`<div class="test-case"></div>`);
  12419.         this.item = item;
  12420.         this.prefix = prefix;
  12421.         this.titleElement = OJB_safeCreateJQElement(`<div class="test-case-title">${this.prefix} ${this.item}</div>`);
  12422.         this.statusElement = OJB_safeCreateJQElement(`<div class="test-case-status"></div>`);
  12423.         this.contentElement = OJB_safeCreateJQElement(`<div class="test-case-content"></div>`);
  12424.         this.judgeElement = OJB_safeCreateJQElement(`<div class="test-case-judge"></div>`);
  12425.         this.testCase.append(this.titleElement, this.statusElement, this.contentElement, this.judgeElement);
  12426.         $('#statePanel').append(this.testCase);
  12427.         this.setStatus('Queued', 'queued');
  12428.     }
  12429.  
  12430.     setTitle(title) {
  12431.         this.titleElement.text(title);
  12432.     }
  12433.  
  12434.     setStatus(text, status) {
  12435.         this.statusElement.text(text).removeClass('queued running success error').addClass(status);
  12436.     }
  12437.  
  12438.     setContent(content, type) {
  12439.         // 如果内容类型为SUCCESS，隐藏内容元素并提前返回
  12440.         if (type === TestCaseContentType.SUCCESS) {
  12441.             this.contentElement.hide();
  12442.             return;
  12443.         }
  12444.  
  12445.         // 根据内容类型创建内容元素
  12446.         const createContentElementByType = (content, type) => {
  12447.             let contentElement;
  12448.             switch (type) {
  12449.                 case TestCaseContentType.TERMINAL:
  12450.                     // 为TERMINAL类型创建一个新的终端容器
  12451.                     contentElement = OJB_safeCreateJQElement(`<div class="terminal-container" style="overflow: auto;"></div>`);
  12452.                     break;
  12453.                 case TestCaseContentType.DIFF:
  12454.                 case TestCaseContentType.NO_DIFF:
  12455.                     // 为DIFF和NO_DIFF类型创建相应的内容元素，并添加差异说明
  12456.                     const className = type === TestCaseContentType.DIFF ? "output_diff" : "output_no_diff";
  12457.                     contentElement = OJB_safeCreateJQElement(`<pre class="${className}">${content}</pre>`);
  12458.                     appendDiffNote();
  12459.                     break;
  12460.                 default:
  12461.                     throw new Error("Unsupported content type.");
  12462.             }
  12463.             return contentElement;
  12464.         };
  12465.  
  12466.         // 初始化终端
  12467.         const initializeTerminal = (content, contentElement) => {
  12468.             const term = new Terminal({ rows: 10, cols: 150 });
  12469.             term.setOption('theme', { background: '#2d2e2c' });
  12470.             term.setOption('convertEol', true); // 将换行符\n转换为\r\n
  12471.             term.write(content);
  12472.             term.open(contentElement.get(0));
  12473.         };
  12474.  
  12475.         // 添加差异说明
  12476.         const appendDiffNote = () => {
  12477.             const diffNote = OJB_safeCreateJQElement(`<div class="diff_note">${i18next.t('resultBlock.diffNote', { ns: 'codeEditor' })}</div>`);
  12478.             this.testCase.append(diffNote);
  12479.         };
  12480.  
  12481.         // 创建并追加内容元素
  12482.         const contentElement = createContentElementByType(content, type);
  12483.         this.contentElement.append(contentElement);
  12484.  
  12485.         // 如果内容类型为TERMINAL，初始化并打开终端
  12486.         if (type === TestCaseContentType.TERMINAL) {
  12487.             initializeTerminal(content, contentElement);
  12488.         }
  12489.     }
  12490.  
  12491.     setJudge(judge) {
  12492.         this.judgeElement.text(judge);
  12493.     }
  12494. }
  12495.  
  12496. // 样例测试函数
  12497. async function runCode(event, runButton, sourceDiv, submitDiv) {
  12498.     event.preventDefault();
  12499.     const statePanel = $('#statePanel').show().empty();
  12500.     const testData = getTestData();
  12501.     const customTestData = await getCustomTestData();
  12502.     const totalTests = Object.keys(customTestData).length + Object.keys(testData).length;
  12503.  
  12504.     let passedTests = 0;
  12505.     let failedTests = 0;
  12506.     let hasError = false;
  12507.  
  12508.     // 定义一个对象队列，包括创建的样例块实例和对应的样例数据
  12509.     const queue = [];
  12510.  
  12511.     // 先生成各个样例的块，并显示排队中，将创建的各个对象存到队列中，以便后面更新
  12512.     for (const [item, data] of Object.entries(customTestData)) {
  12513.         const testCase = new TestCaseStatus(item, i18next.t('resultBlock.title.custom', { ns: 'codeEditor' }));
  12514.         queue.push({ testCase, data });
  12515.     }
  12516.  
  12517.     if (!$('#onlyCustomTest').prop('checked')) {
  12518.         for (const [item, data] of Object.entries(testData)) {
  12519.             const testCase = new TestCaseStatus(item, i18next.t('resultBlock.title.sample', { ns: 'codeEditor' }));
  12520.             queue.push({ testCase, data });
  12521.         }
  12522.     }
  12523.  
  12524.     // 测试函数
  12525.     const runTest = async (testCase, data, index) => {
  12526.         runButton.setButtonState('running', `${index}/${totalTests}`);
  12527.  
  12528.         testCase.setStatus('Running', 'running');
  12529.         const result = await onlineCompilerConnect(sourceDiv.val(), data.input);
  12530.  
  12531.         if (result.Errors) {
  12532.             testCase.setStatus('Compilation error or Time limit', 'error');
  12533.             testCase.setContent(result.Errors, TestCaseContentType.TERMINAL);
  12534.             hasError = true;
  12535.         } else if (result.Result.trim() === data.output.trim()) {
  12536.             testCase.setStatus('Accepted', 'success');
  12537.             testCase.setContent('The output is correct.', TestCaseContentType.SUCCESS);
  12538.             passedTests++;
  12539.         } else {
  12540.             testCase.setStatus('Wrong Answer', 'error');
  12541.             const diffContent = $('#DontShowDiff').prop('checked') ? result.Result.trim() : codeDiff(data.output.trim(), result.Result.trim());
  12542.             const contentType = $('#DontShowDiff').prop('checked') ? TestCaseContentType.NO_DIFF : TestCaseContentType.DIFF;
  12543.             testCase.setContent(diffContent, contentType);
  12544.             failedTests++;
  12545.         }
  12546.  
  12547.         const judgeStats = `${i18next.t('resultBlock.state', { ns: 'codeEditor' })}${result.Stats}`;
  12548.         testCase.setJudge(judgeStats);
  12549.  
  12550.         await OJB_delay(500); // 等待500毫秒
  12551.     };
  12552.  
  12553.     // 对队列中的对象进行测试
  12554.     for (let i = 0; i < queue.length; i++) {
  12555.         const { testCase, data } = queue[i];
  12556.         await runTest(testCase, data, i + 1);
  12557.     }
  12558.  
  12559.     // 测试完成后更新按钮状态
  12560.     if (hasError) {
  12561.         runButton.setButtonState('error', i18next.t('runTestButton.error', { ns: 'codeEditor' }));
  12562.     } else if (failedTests > 0) {
  12563.         runButton.setButtonState('error', `${passedTests}/${totalTests} ` + i18next.t('runTestButton.partial', { ns: 'codeEditor' }));
  12564.     } else {
  12565.         runButton.setButtonState('success', i18next.t('runTestButton.success', { ns: 'codeEditor' }));
  12566.     }
  12567. }
  12568.  
  12569. /**
  12570.  * 添加题目页代码编辑器
  12571.  * @returns 
  12572.  */
  12573. async function addProblemPageCodeEditor() {
  12574.     if (typeof ace === 'undefined') {
  12575.         const loadingMessage = new LoadingMessage();
  12576.         loadingMessage.updateStatus(`${OJBetter.state.name} —— ${i18next.t('error.codeEditor.load', { ns: 'alert' })}`, 'error');
  12577.         return; // 因为Codeforces设定的是未登录时不能访问提交页，也不会加载ace库
  12578.     }
  12579.  
  12580.     // 获取提交页链接
  12581.     const href = window.location.href;
  12582.     let submitUrl;
  12583.     if (/\/problemset\//.test(href)) {
  12584.         // problemset
  12585.         submitUrl = OJBetter.common.hostAddress + '/problemset/submit';
  12586.     } else if (/\/gym\//.test(href)) {
  12587.         // gym 题目
  12588.         submitUrl = OJBetter.common.hostAddress + '/gym/' + ((href) => {
  12589.             const regex = /\/gym\/(?<num>[0-9a-zA-Z]*?)\/problem\//;
  12590.             const match = href.match(regex);
  12591.             return match && match.groups.num;
  12592.         })(href) + '/submit';
  12593.     } else if (OJBetter.typeOfPage.is_acmsguru) {
  12594.         // acmsguru 题目
  12595.         submitUrl = href.replace(/\/problemsets[A-Za-z0-9\/#]*/, "/problemsets/acmsguru/submit");
  12596.     } else {
  12597.         submitUrl = href.replace(/\/problem[A-Za-z0-9\/#]*/, "/submit");
  12598.     }
  12599.  
  12600.     // 获取提交页HTML
  12601.     let cloneHTML = await getSubmitHTML(submitUrl);
  12602.  
  12603.     // 创建
  12604.     let form = await createCodeEditorForm(submitUrl, cloneHTML);
  12605.     let selectLang = form.selectLang;
  12606.     let submitButton = form.submitButton;
  12607.     let runButton = form.runButton;
  12608.  
  12609.     // 初始化
  12610.     CustomTestInit(); // 自定义测试数据面板
  12611.     selectLang.val(OJBetter.monaco.compilerSelection);
  12612.  
  12613.     // 设置语言选择change事件监听器
  12614.     selectLang.on('change', () => {
  12615.         changeMonacoLanguage(form); // 编辑器语言切换监听
  12616.     });
  12617.     changeMonacoLanguage(form);
  12618.  
  12619.     // 样例测试
  12620.     runButton.on('click', (event) => runCode(event, runButton, form.sourceDiv, form.submitDiv))
  12621.         .setHoverRedo();
  12622.  
  12623.     // 提交
  12624.     submitButton.on('click', async function (event) {
  12625.         event.preventDefault();
  12626.         if (OJBetter.monaco.setting.isCodeSubmitDoubleConfirm) {
  12627.             const submit = await OJB_createDialog(
  12628.                 i18next.t('submitCode.title', { ns: 'dialog' }),
  12629.                 i18next.t('submitCode.content', { ns: 'dialog' }),
  12630.                 [
  12631.                     i18next.t('submitCode.buttons.0', { ns: 'dialog' }),
  12632.                     i18next.t('submitCode.buttons.1', { ns: 'dialog' })
  12633.                 ]
  12634.             ); //提交确认
  12635.             if (submit) {
  12636.                 submitButton.after(`<img class="OJBetter_loding" src="//codeforces.org/s/84141/images/ajax-loading-24x24.gif">`);
  12637.                 $('#OJBetter_SubmitForm').submit();
  12638.             } else {
  12639.                 submitButton.addClass('disabled');
  12640.                 setTimeout(function () {
  12641.                     submitButton.removeClass('disabled');
  12642.                 }, 300);
  12643.             }
  12644.         } else {
  12645.             $('#OJBetter_SubmitForm').submit();
  12646.         }
  12647.     });
  12648. }
  12649.  
  12650. /**
  12651.  * 获取翻译服务目标语言的对应代码
  12652.  * @param {string} serverName 服务名称
  12653.  * @returns {string} 目标语言，如果没有对应代码则返回中文
  12654.  */
  12655. function getTargetLanguage(serverName) {
  12656.     let targetLanguage = OJBetter.supportList.translationSupport[serverName][OJBetter.translation.targetLang];
  12657.     if (targetLanguage) return targetLanguage;
  12658.     else return OJBetter.supportList.translationSupport[serverName]['zh'];
  12659. }
  12660.  
  12661. /**
  12662.  * 将文本中Markdown格式的加粗**转换成HTML格式。
  12663.  * @param {string} text 文本
  12664.  * @returns {string} 替换后的字符串
  12665.  */
  12666. function convertBoldMarkdownToHTML(text) {
  12667.     return text.replace(/\*\*(.*?)\*\*/g, '<strong>$1</strong>');
  12668. }
  12669.  
  12670. /**
  12671. * 将文本中Markdown格式的链接文本转换成HTML格式。
  12672. * @param {string} text 文本
  12673. * @returns {string} 替换后的字符串
  12674. */
  12675. function convertLinksMarkdownToHTML(text) {
  12676.     return text.replace(/(?<!!)\[(.*?)\]\(([^"]*?)("(.*?)")*\)/g, '<a href="$2" title="$4">$1</a>');
  12677. }
  12678.  
  12679. /**
  12680.  * 将HTML格式的加粗文本转换回Markdown格式。
  12681.  * @param {string} text 文本
  12682.  * @returns {string} 替换后的字符串
  12683.  */
  12684. function convertBoldHTMLToMarkdown(text) {
  12685.     return text.replace(/<strong>(.*?)<\/strong>/g, '**$1**');
  12686. }
  12687.  
  12688. /**
  12689.  * 将HTML格式的链接文本转换回Markdown格式。
  12690.  * @param {string} html - 包含HTML链接标签<a>的字符串。
  12691.  * @returns {string} 转换后的字符串，其中HTML链接标签被替换为Markdown的链接语法。
  12692.  */
  12693. function convertLinksHTMLToMarkdown(html) {
  12694.     return html.replace(/<a href="([^"]*)"( title="([^"]*)")*>([^<]+)<\/a>/g, '[$4]($1 "$3")');
  12695. }
  12696.  
  12697. /**
  12698.  * DeepL翻译
  12699.  * @param {string} raw 原文
  12700.  * @returns {Promise<TransRawData>} 翻译结果对象
  12701.  */
  12702. async function translate_deepl(raw) {
  12703.     const id = (Math.floor(Math.random() * 99999) + 100000) * 1000;
  12704.     const data = {
  12705.         jsonrpc: '2.0',
  12706.         method: 'LMT_handle_texts',
  12707.         id,
  12708.         params: {
  12709.             splitting: 'newlines',
  12710.             lang: {
  12711.                 source_lang_user_selected: 'auto',
  12712.                 target_lang: getTargetLanguage('deepl'),
  12713.             },
  12714.             texts: [{
  12715.                 text: raw,
  12716.                 requestAlternatives: 3
  12717.             }],
  12718.             timestamp: getTimeStamp(raw.split('i').length - 1)
  12719.         }
  12720.     }
  12721.     let postData = JSON.stringify(data);
  12722.     if ((id + 5) % 29 === 0 || (id + 3) % 13 === 0) {
  12723.         postData = postData.replace('"method":"', '"method" : "');
  12724.     } else {
  12725.         postData = postData.replace('"method":"', '"method": "');
  12726.     }
  12727.     const options = {
  12728.         method: 'POST',
  12729.         url: 'https://www2.deepl.com/jsonrpc',
  12730.         data: postData,
  12731.         headers: {
  12732.             'Content-Type': 'application/json',
  12733.             'Host': 'www2.deepl.com',
  12734.             'Origin': 'https://www.deepl.com',
  12735.             'Referer': 'https://www.deepl.com/',
  12736.         },
  12737.         anonymous: true,
  12738.         nocache: true,
  12739.     }
  12740.  
  12741.     return await BaseTranslate(options, res => JSON.parse(res)?.result?.texts?.[0]?.text || res, res => {
  12742.         const resObj = {
  12743.             status: true,
  12744.             message: 'ok'
  12745.         };
  12746.         if (res.includes('"message":"Too many requests"')) {
  12747.             resObj.status = false;
  12748.             resObj.message = i18next.t('error.deepl429', { ns: 'translator' }); // Too many requests 提示
  12749.             return resObj;
  12750.         };
  12751.         return resObj;
  12752.     });
  12753. }
  12754.  
  12755. /**
  12756.  * 使用 DeepL Free API 进行翻译
  12757.  * @param {string} raw 原文
  12758.  * @returns {Promise<TransRawData>} 翻译结果对象
  12759.  */
  12760. async function translate_deepl_api_free(raw) {
  12761.     const data = JSON.stringify({
  12762.         text: [raw],
  12763.         target_lang: getTargetLanguage('deepl'),
  12764.         split_sentences: '1',
  12765.         ...(OJBetter.deepl.enableEmphasisProtection || OJBetter.deepl.enableLinkProtection ? { tag_handling: 'html' } : {}),
  12766.         ...Object.assign({}, ...OJBetter.deepl.config.data)
  12767.     });
  12768.  
  12769.     const options = {
  12770.         method: "POST",
  12771.         url: OJBetter.deepl.config.proxy || "https://api-free.deepl.com/v2/translate",
  12772.         headers: {
  12773.             "Authorization": `DeepL-Auth-Key ${OJBetter.deepl.config.key}`,
  12774.             "Content-Type": "application/json",
  12775.             ...Object.assign({}, ...OJBetter.deepl.config.header)
  12776.         },
  12777.         data: data,
  12778.         onload: response => response.responseText,
  12779.         onerror: error => console.error(error)
  12780.     };
  12781.  
  12782.     return await BaseTranslate(options, res => JSON.parse(res).translations[0].text);
  12783. }
  12784.  
  12785. /**
  12786.  * 使用 DeepL Pro API 进行翻译
  12787.  * @param {string} raw 原文
  12788.  * @returns {Promise<TransRawData>} 翻译结果对象
  12789.  */
  12790. async function translate_deepl_api_pro(raw) {
  12791.     const data = JSON.stringify({
  12792.         text: [raw],
  12793.         target_lang: getTargetLanguage('deepl'),
  12794.         split_sentences: '1',
  12795.         ...(OJBetter.deepl.enableEmphasisProtection || OJBetter.deepl.enableLinkProtection ? { tag_handling: 'html' } : {}),
  12796.         ...Object.assign({}, ...OJBetter.deepl.config.data)
  12797.     });
  12798.  
  12799.     const options = {
  12800.         method: "POST",
  12801.         url: OJBetter.deepl.config.proxy || "https://api.deepl.com/v2/translate",
  12802.         headers: {
  12803.             "Authorization": `DeepL-Auth-Key ${OJBetter.deepl.config.key}`,
  12804.             "Content-Type": "application/json",
  12805.             ...Object.assign({}, ...OJBetter.deepl.config.header)
  12806.         },
  12807.         data: data,
  12808.         onload: response => response.responseText,
  12809.         onerror: error => console.error(error)
  12810.     };
  12811.  
  12812.     return await BaseTranslate(options, res => JSON.parse(res).translations[0].text);
  12813. }
  12814.  
  12815. /**
  12816.  * 使用 DeepLX 进行翻译
  12817.  * @param {String} text 原文
  12818.  * @returns {Promise<TransRawData>} 翻译结果对象
  12819.  */
  12820. async function translate_deeplx(text) {
  12821.     const options = {
  12822.         method: "POST",
  12823.         url: OJBetter.deepl.config.proxy || 'https://api.deeplx.org/translate',
  12824.         data: JSON.stringify({
  12825.             "text": text,
  12826.             "source_lang": "EN",
  12827.             "target_lang": getTargetLanguage('deepl'),
  12828.         }),
  12829.         headers: {
  12830.             'Content-Type': 'application/json',
  12831.             ...(OJBetter.deepl.config.key ? { Authorization: `Bearer ${OJBetter.deepl.config.key}` } : {})
  12832.         },
  12833.         responseType: "json",
  12834.     };
  12835.  
  12836.     return await BaseTranslate(options, res => {
  12837.         const parsedResponse = JSON.parse(res);
  12838.         if (parsedResponse.code === 200 && parsedResponse.data) {
  12839.             return parsedResponse.data;
  12840.         } else {
  12841.             throw new Error('Translation failed or invalid response format.');
  12842.         }
  12843.     });
  12844. }
  12845.  
  12846. function getTimeStamp(iCount) {
  12847.     const ts = Date.now();
  12848.     if (iCount !== 0) {
  12849.         iCount = iCount + 1;
  12850.         return ts - (ts % iCount) + iCount;
  12851.     } else {
  12852.         return ts;
  12853.     }
  12854. }
  12855.  
  12856. /**
  12857.  * 讯飞听见翻译
  12858.  * @param {String} text 要翻译的文本
  12859.  * @returns {Promise<TransRawData>} 翻译结果对象
  12860.  */
  12861. async function translate_iflyrec(text) {
  12862.     const options = {
  12863.         method: "POST",
  12864.         url: 'https://www.iflyrec.com/TranslationService/v1/textTranslation',
  12865.         data: JSON.stringify({
  12866.             "from": "2",
  12867.             "to": getTargetLanguage('iflyrec'),
  12868.             "contents": [{
  12869.                 "text": text,
  12870.                 "frontBlankLine": 0
  12871.             }]
  12872.         }),
  12873.         anonymous: true,
  12874.         headers: {
  12875.             'Content-Type': 'application/json',
  12876.             'Origin': 'https://www.iflyrec.com',
  12877.         },
  12878.         responseType: "json",
  12879.     };
  12880.     return await BaseTranslate(options, res => JSON.parse(res).biz[0].translateResult.replace(/\\n/g, "\n\n"));
  12881. }
  12882.  
  12883. /**
  12884.  * 有道翻译
  12885.  * @param {string} raw 原文
  12886.  * @returns {Promise<TransRawData>} 翻译结果对象
  12887.  */
  12888. async function translate_youdao_mobile(raw) {
  12889.     const options = {
  12890.         method: "POST",
  12891.         url: 'http://m.youdao.com/translate',
  12892.         data: "inputtext=" + encodeURIComponent(raw) + "&type=" + getTargetLanguage('youdao'),
  12893.         anonymous: true,
  12894.         headers: {
  12895.             "Content-Type": "application/x-www-form-urlencoded",
  12896.             'Host': 'm.youdao.com',
  12897.             'Origin': 'http://m.youdao.com',
  12898.             'Referer': 'http://m.youdao.com/translate',
  12899.         }
  12900.     }
  12901.     return await BaseTranslate(options,
  12902.         res => {
  12903.             const array = /id="translateResult">\s*?<li>([\s\S]*?)<\/li>\s*?<\/ul/.exec(res);
  12904.             if (array && array.length > 1) {
  12905.                 return array[1];
  12906.             } else {
  12907.                 return res;
  12908.             }
  12909.         },
  12910.         res => {
  12911.             const resObj = {
  12912.                 status: true,
  12913.                 message: 'ok'
  12914.             };
  12915.             if (res.includes('<title>413 Request Entity Too Large</title>')) {
  12916.                 resObj.status = false;
  12917.                 resObj.message = i18next.t('error.youdao413', { ns: 'translator' }); // Request Entity Too Large 提示
  12918.                 return resObj;
  12919.             };
  12920.             return resObj;
  12921.         })
  12922. }
  12923.  
  12924. /**
  12925.  * google翻译
  12926.  * @param {string} raw 原文
  12927.  * @returns {Promise<TransRawData>} 翻译结果对象
  12928.  */
  12929. async function translate_gg(raw) {
  12930.     const params = `tl=${getTargetLanguage('google')}&q=${encodeURIComponent(raw)}`;
  12931.     const options = {
  12932.         method: "GET",
  12933.         url: `https://translate.google.com/m?${params}`,
  12934.     }
  12935.     return await BaseTranslate(options,
  12936.         res => $(res).filter('.result-container').text() || $(res).find('.result-container').text());
  12937. }
  12938.  
  12939. /**
  12940.  * 彩云翻译
  12941.  * @param {string} raw 原文
  12942.  * @returns {Promise<TransRawData>} 翻译结果对象
  12943.  */
  12944. async function translate_caiyun(raw) {
  12945.     const source = "NOPQRSTUVWXYZABCDEFGHIJKLMnopqrstuvwxyzabcdefghijklm";
  12946.     const dic = [..."ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz"].reduce((dic, current, index) => { dic[current] = source[index]; return dic }, {});
  12947.     const browser_id = CryptoJS.MD5(Math.random().toString()).toString();
  12948.     const caiyun_jwt = await (async () => {
  12949.         const options = {
  12950.             method: "POST",
  12951.             url: 'https://api.interpreter.caiyunai.com/v1/user/jwt/generate',
  12952.             headers: {
  12953.                 "content-type": "application/json",
  12954.                 "x-authorization": "token:qgemv4jr1y38jyq6vhvi",
  12955.                 "origin": "https://fanyi.caiyunapp.com",
  12956.             },
  12957.             data: JSON.stringify({ browser_id }),
  12958.         }
  12959.         const res = await OJB_GMRequest(options);
  12960.         return JSON.parse(res.responseText).jwt;
  12961.     })();
  12962.  
  12963.     // 解码
  12964.     const decodeUnicode = str => {
  12965.         const decoder = new TextDecoder();
  12966.         const data = Uint8Array.from(atob(str), c => c.charCodeAt(0));
  12967.         return decoder.decode(data);
  12968.     };
  12969.     const decoder = line => decodeUnicode([...line].map(i => dic[i] || i).join(""));
  12970.  
  12971.     const options = {
  12972.         method: "POST",
  12973.         url: 'https://api.interpreter.caiyunai.com/v1/translator',
  12974.         data: JSON.stringify({
  12975.             "source": raw.split('\n'),
  12976.             "browser_id": browser_id,
  12977.             "trans_type": getTargetLanguage('caiyun'),
  12978.             "request_id": "web_fanyi",
  12979.             "media": "text",
  12980.             "os_type": "web",
  12981.             "dict": true,
  12982.             "cached": true,
  12983.             "replaced": true,
  12984.             "style": "formal",
  12985.             "model": "",
  12986.             "detect": true,
  12987.         }),
  12988.         headers: {
  12989.             "content-type": "application/json;charset=UTF-8",
  12990.             "x-authorization": "token:qgemv4jr1y38jyq6vhvi",
  12991.             "t-authorization": caiyun_jwt
  12992.         }
  12993.     }
  12994.     return await BaseTranslate(options, res => JSON.parse(res).target.map(decoder).join('\n'))
  12995. }
  12996.  
  12997. /**
  12998.  * ChatGPT
  12999.  * @param {string} raw 原文
  13000.  * @returns {Promise<TransRawData>} 翻译结果对象
  13001.  */
  13002. async function translate_openai(raw) {
  13003.     const modelDefault = 'gpt-3.5-turbo';
  13004.     const lang = getTargetLanguage('openai');
  13005.     const prompt = `
  13006. As a professional English translator, your task is to accurately translate a segment of an algorithm programming competition question into ${lang}.
  13007. The translation should use professional terms and maintain the text format, including ${OJBetter.typeOfPage.is_oldLatex || OJBetter.typeOfPage.is_acmsguru
  13008.             ? "keeping the LaTeX equations unchanged."
  13009.             : "keeping the brackets【】, HTML tags, and their content unchanged."
  13010.         }
  13011. After translation, please ensure that the ${lang} version conforms to normal expression habits.
  13012. What I need is a carefully polished ${lang} translation of my question segment, The segment to be translated is as follows: "
  13013. ${raw}
  13014. "`;
  13015.     const data = {
  13016.         model: OJBetter.chatgpt.config.model || modelDefault,
  13017.         messages: [{
  13018.             role: "assistant",
  13019.             content: prompt
  13020.         }],
  13021.         temperature: 0.7,
  13022.         ...Object.assign({}, ...OJBetter.chatgpt.config.data)
  13023.     }
  13024.     const options = {
  13025.         method: "POST",
  13026.         url: OJBetter.chatgpt.config.proxy || 'https://api.openai.com/v1/chat/completions',
  13027.         data: JSON.stringify(data),
  13028.         responseType: 'json',
  13029.         headers: {
  13030.             'Content-Type': 'application/json',
  13031.             'Authorization': 'Bearer ' + OJBetter.chatgpt.config.key,
  13032.             ...Object.assign({}, ...OJBetter.chatgpt.config.header)
  13033.         }
  13034.     }
  13035.     return await BaseTranslate(options,
  13036.         res => res,
  13037.         undefined,
  13038.         response => response.response.choices[0].message.content);
  13039. }
  13040.  
  13041. /**
  13042.  * ChatGPT 流式传输
  13043.  * @param {string} raw 原文
  13044.  * @param {TranslateDiv} translateDiv 翻译结果面板
  13045.  * @returns {Promise<TransRawData>} 翻译结果对象
  13046.  */
  13047. async function translate_openai_stream(raw, translateDiv) {
  13048.     const result = {
  13049.         done: true,
  13050.         checkPassed: null,
  13051.         response: null,
  13052.         responseText: null,
  13053.         text: "",
  13054.         error: null,
  13055.         message: null
  13056.     };
  13057.     const helpText = i18next.t('error.basic', { ns: 'translator' }); // 基本帮助提示信息
  13058.     try {
  13059.         for await (const delta of openai_stream(raw)) {
  13060.             result.text += delta;
  13061.             // 翻译结果面板更新
  13062.             translateDiv.updateTranslateDiv(result.text, !(OJBetter.typeOfPage.is_oldLatex || OJBetter.typeOfPage.is_acmsguru), false);
  13063.         }
  13064.         return result;
  13065.     } catch (err) {
  13066.         console.warn(err);
  13067.         result.error = {
  13068.             message: err.message || null,
  13069.             stack: err.stack ? err.stack.replace(/\n/g, '<br>').replace(/\s/g, '&nbsp;') : null,
  13070.             enumerable: err,
  13071.             source: 'openai_stream'
  13072.         };
  13073.         result.message = `${i18next.t('error.GMRequest', { ns: 'translator' })}${helpText}`;
  13074.     }
  13075.  
  13076.     return result;
  13077. }
  13078.  
  13079. /**
  13080.  * 流式传输
  13081.  * @param {string} raw 原文
  13082.  * @returns {AsyncGenerator<string>} 返回 AsyncGenerator
  13083.  */
  13084. async function* openai_stream(raw) {
  13085.     const modelDefault = 'gpt-3.5-turbo';
  13086.     const lang = getTargetLanguage('openai');
  13087.     const prompt = `
  13088. I hope you can act as a professional English translator to help me translate a segment of an algorithm programming competition question into ${lang}.
  13089. 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
  13090.             ? "keeping the LaTeX equations unchanged."
  13091.             : "keeping the brackets【】, HTML tags, and their content unchanged."
  13092.         }
  13093. After completing the translation, please polish the ${lang} version to ensure it conforms to normal expression habits.
  13094. What I need is a carefully polished ${lang} translation of my question segment, which is as follows: 
  13095. "
  13096. ${raw}
  13097. "`;
  13098.     const data = {
  13099.         model: OJBetter.chatgpt.config.model || modelDefault,
  13100.         messages: [{
  13101.             role: "assistant",
  13102.             content: prompt
  13103.         }],
  13104.         temperature: 0.7,
  13105.         stream: true,
  13106.         ...Object.assign({}, ...OJBetter.chatgpt.config.data)
  13107.     }
  13108.     const options = {
  13109.         method: "POST",
  13110.         url: OJBetter.chatgpt.config.proxy || 'https://api.openai.com/v1/chat/completions',
  13111.         data: JSON.stringify(data),
  13112.         responseType: 'stream',
  13113.         headers: {
  13114.             'Content-Type': 'application/json',
  13115.             'Authorization': 'Bearer ' + OJBetter.chatgpt.config.key,
  13116.             ...Object.assign({}, ...OJBetter.chatgpt.config.header)
  13117.         }
  13118.     }
  13119.     const response = await OJB_GMRequest(options, true);
  13120.     const reader = response.response.getReader();
  13121.     const decoder = new TextDecoder();
  13122.     let buffer = ''; // 用于累积数据片段的缓冲区
  13123.  
  13124.     while (true) {
  13125.         const { done, value } = await reader.read();
  13126.         if (done) break;
  13127.         buffer += decoder.decode(value, { stream: true }); // 将新的数据片段追加到缓冲区
  13128.         let lines = buffer.split("\n\n"); // 处理累积的数据
  13129.  
  13130.         // 缓冲区的最后一行可能还未完整接收，保留在缓冲区中，-1
  13131.         for (let i = 0; i < lines.length - 1; i++) {
  13132.             let line = lines[i];
  13133.             line = line.substring(5); // 移除 'data:' 前缀
  13134.             if (line.includes('[DONE]')) {
  13135.                 return; // End
  13136.             }
  13137.             try {
  13138.                 let data = JSON.parse(line);
  13139.                 let delta = data['choices'][0]['delta'];
  13140.                 let content = delta['content'] ? delta['content'] : "";
  13141.                 yield content; // 传递数据给调用者
  13142.             } catch (error) {
  13143.                 console.warn(`Error parsing JSON: ${error}\n\nError data: ${line}`);
  13144.             }
  13145.         }
  13146.  
  13147.         // 保留最后一行在缓冲区中
  13148.         buffer = lines.slice(-1);
  13149.     }
  13150.  
  13151.     return buffer;
  13152. }
  13153.  
  13154. /**
  13155.  * @typedef {Object} CheckResponseResult
  13156.  * @property {boolean} status 检查是否通过
  13157.  * @property {string} message 检查失败时的消息
  13158.  */
  13159.  
  13160. /**
  13161.  * @typedef {Object} ErrorResponse
  13162.  * @property {Object} message 错误消息
  13163.  * @property {Object} stack 错误堆栈
  13164.  * @property {Object} enumerable 可枚举的错误属性
  13165.  * @property {string} source 错误来源
  13166.  */
  13167.  
  13168. /**
  13169.  * @typedef {Object} TransRawData
  13170.  * @property {boolean} done 操作是否完成
  13171.  * @property {CheckResponseResult|null} checkPassed 检查是否通过的结果
  13172.  * @property {Object|null} response 响应对象
  13173.  * @property {string|null} text 处理后的文本
  13174.  * @property {ErrorResponse} error 错误列表
  13175.  * @property {string|null} message 可能的消息
  13176.  */
  13177.  
  13178. /**
  13179.  * 通用翻译函数
  13180.  * @param {Object} options GM_xmlhttpRequest 的参数
  13181.  * @param {Function} processer 响应再处理函数，它接收响应文本，并应返回处理后的文本。
  13182.  * @param {Function} checkResponse 检查文本是否符合预期的函数，它接收文本，并返回一个Object，包含状态和信息。默认为返回 { status: true, message: 'ok' }
  13183.  * @param {Function} getResponseText 重写响应文本获取函数，它接收response，并返回响应文本。 默认为 response.responseText
  13184.  * @returns {Promise<TransRawData>} 返回 Promise，其解析值为翻译结果对象
  13185.  */
  13186. async function BaseTranslate(options, processer, checkResponse = () => { return { status: true, message: 'ok' } }, getResponseText = (response) => response.responseText) {
  13187.     const result = {
  13188.         done: false,
  13189.         checkPassed: null,
  13190.         response: null,
  13191.         responseText: null,
  13192.         text: "",
  13193.         error: null,
  13194.         message: null
  13195.     };
  13196.     const helpText = i18next.t('error.basic', { ns: 'translator' }); // 基本帮助提示信息
  13197.     const toDo = async () => {
  13198.         try {
  13199.             result.response = await OJB_GMRequest(options);
  13200.             result.responseText = result.response.responseText;
  13201.             result.text = getResponseText(result.response);
  13202.         } catch (err) {
  13203.             console.warn(err);
  13204.             result.error = {
  13205.                 message: err.message || null,
  13206.                 stack: err.stack ? err.stack.replace(/\n/g, '<br>').replace(/\s/g, '&nbsp;') : null,
  13207.                 enumerable: err,
  13208.                 source: 'GMRequest'
  13209.             };
  13210.             result.message = `${i18next.t('error.GMRequest', { ns: 'translator' })}${helpText}`;
  13211.             throw result;
  13212.         }
  13213.         try {
  13214.             result.text = processer(result.text);
  13215.         } catch (err) {
  13216.             console.warn(err);
  13217.             result.error = {
  13218.                 message: err.message || null,
  13219.                 stack: err.stack ? err.stack.replace(/\n/g, '<br>').replace(/\s/g, '&nbsp;') : null,
  13220.                 enumerable: err,
  13221.                 source: 'processer'
  13222.             };
  13223.             result.message = `${i18next.t('error.processer', { ns: 'translator' })}${helpText}`;
  13224.             throw result;
  13225.         }
  13226.         try {
  13227.             result.checkPassed = checkResponse(result.text);
  13228.             if (result.checkPassed.status) result.done = true;
  13229.             else result.message = result.checkPassed.message;
  13230.             return result;
  13231.         } catch (err) {
  13232.             console.warn(err);
  13233.             result.error = {
  13234.                 message: err.message || null,
  13235.                 stack: err.stack ? err.stack.replace(/\n/g, '<br>').replace(/\s/g, '&nbsp;') : null,
  13236.                 enumerable: err,
  13237.                 source: 'checkResponse'
  13238.             };
  13239.             result.message = `${i18next.t('error.checkResponse', { ns: 'translator' })}${helpText}`;
  13240.             throw result;
  13241.         }
  13242.     };
  13243.  
  13244.     return await OJB_promiseRetryWrapper(toDo, {
  13245.         maxRetries: 3,
  13246.         errorHandler: (err, maxRetries, attemptsLeft) => {
  13247.             const detailedError = {
  13248.                 maxRetries: maxRetries,
  13249.                 attemptsLeft: attemptsLeft,
  13250.                 ...err
  13251.             };
  13252.             return detailedError;
  13253.         }
  13254.     });
  13255. }
  13256.  
  13257. /**
  13258.  * 查询服务余额
  13259.  * @param {Object} quotaConfig - 配额配置对象
  13260.  * @returns {Promise} 返回包含余额信息的 Promise
  13261.  */
  13262. async function queryServerBalance(quotaConfig) {
  13263.     // 确保传入了有效的配置对象
  13264.     if (!quotaConfig || !quotaConfig.url) {
  13265.         return Promise.reject(new Error('Quota configuration is missing.'));
  13266.     }
  13267.  
  13268.     // 准备请求选项
  13269.     const requestOptions = {
  13270.         method: quotaConfig.method || 'GET',
  13271.         url: quotaConfig.url,
  13272.         headers: {
  13273.             ...Object.assign({}, ...quotaConfig.header)
  13274.         },
  13275.         data: JSON.stringify({ ...Object.assign({}, ...quotaConfig.data) })
  13276.     };
  13277.  
  13278.     // 发送请求并返回 Promise
  13279.     return OJB_GMRequest(requestOptions).then(response => {
  13280.         try {
  13281.             const responseData = JSON.parse(response.responseText);
  13282.             // 从响应数据中提取余额
  13283.             const surplusPath = quotaConfig.surplus;
  13284.             const surplusValue = OJB_evaluatePathOrExpression(responseData, surplusPath);
  13285.             return surplusValue;
  13286.         } catch (error) {
  13287.             return Promise.reject(new Error('Failed to parse balance response.'));
  13288.         }
  13289.     }).catch(error => {
  13290.         console.warn('Error querying balance:', error);
  13291.         return Promise.reject(error);
  13292.     });
  13293. }
  13294.  
  13295. /**
  13296.  * 确认 jQuery 已加载
  13297.  * @param {number} retryDelay 重试延迟（毫秒）
  13298.  * @returns {Promise<void>}
  13299.  */
  13300. async function ensureJQueryIsLoaded(retryDelay = 50) {
  13301.     while (typeof jQuery === 'undefined') {
  13302.         console.warn(`JQuery is not loaded. Retry after ${retryDelay} ms.`);
  13303.         await OJB_delay(retryDelay);
  13304.         retryDelay = Math.min(retryDelay * 2, 2000);
  13305.     }
  13306. }
  13307.  
  13308. /**
  13309.  * 加载必须的函数
  13310.  * @returns {Promise} 加载提示信息
  13311.  */
  13312. async function loadRequiredFunctions() {
  13313.     await initVar();// 初始化全局变量
  13314.     return Promise.allSettled([
  13315.         initDB(), // 连接数据库
  13316.         initI18next(), // i18next初始化
  13317.         initButtonFunc(), // 加载按钮相关函数
  13318.         initHTML2MarkDown(), // 初始化html2markdown转换器
  13319.         checkScriptVersion(), // 更新检查
  13320.         ...(OJBetter.typeOfPage.is_acmsguru ? [acmsguruReblock()] : []) // 为acmsguru题面重新划分div
  13321.     ]);
  13322. }
  13323.  
  13324. /**
  13325.  * DOM加载后即可执行
  13326.  */
  13327. function initOnDOMReady() {
  13328.     showAnnounce(); // 显示公告
  13329.     showWarnMessage(); // 显示警告消息
  13330.     initSettingsPanel(); // 加载设置按钮面板
  13331.     initMonacoEditor(); // 初始化monaco编辑器资源
  13332.     localizeWebsite(); // 网站本地化替换
  13333.     addDependencyStyles(); // 添加一些依赖库的样式
  13334.     addI18nStyles(); // 添加包含i18n内容的样式
  13335.     if (OJBetter.basic.expandFoldingblocks) ExpandFoldingblocks(); // 折叠块展开
  13336.     if (OJBetter.basic.renderPerfOpt) RenderPerfOpt(); // 折叠块渲染优化
  13337.     if (OJBetter.basic.selectElementPerfOpt) SelectElementPerfOpt(); // 下拉选择框性能优化
  13338.     if (OJBetter.typeOfPage.is_problem) {
  13339.         const problemPageLinkbar = new ProblemPageLinkbar(); // 创建题目页相关链接栏
  13340.         if (OJBetter.basic.showCF2vjudge) CF2vjudge(problemPageLinkbar); // 跳转到Vjudge按钮
  13341.         if (OJBetter.basic.showJumpToLuogu) CF2luogu(problemPageLinkbar); // 跳转到洛谷按钮
  13342.         if (OJBetter.clist.enabled.problem) showRatingByClist_problem(problemPageLinkbar); // problem页显示Rating
  13343.     }
  13344.     if (OJBetter.typeOfPage.is_contest) {
  13345.         if (OJBetter.clist.enabled.contest) showRatingByClist_contest(); // contest页显示Rating
  13346.     }
  13347.     if (OJBetter.typeOfPage.is_problemset) {
  13348.         if (OJBetter.clist.enabled.problemset) showRatingByClist_problemset(); // problemset页显示Rating
  13349.     }
  13350.     if (OJBetter.typeOfPage.is_problem && OJBetter.monaco.enableOnProblemPage) {
  13351.         addProblemPageCodeEditor(); // 添加题目页代码编辑器
  13352.     }
  13353. }
  13354.  
  13355. /**
  13356.  * 需要在页面资源完全加载后执行的函数
  13357.  */
  13358. function onResourcesReady(loadingMessage) {
  13359.     if (OJBetter.preference.showLoading) loadingMessage.updateStatus(`${OJBetter.state.name} —— ${i18next.t('loadFunc', { ns: 'alert' })}`);
  13360.     initializeInParallel(loadingMessage);
  13361.     initializeSequentially(loadingMessage);
  13362. }
  13363.  
  13364. /**
  13365.  * 可以异步并行的函数
  13366.  */
  13367. function initializeInParallel(loadingMessage) {
  13368.     if (OJBetter.basic.darkMode == "dark") darkModeStyleAdjustment(); // 黑暗模式额外的处理事件
  13369.     if (OJBetter.basic.commentPaging) CommentPagination(); // 评论区分页
  13370.     if (OJBetter.translation.comment.transMode == "2") multiChoiceTranslation(); // 选段翻译支持
  13371.     if (OJBetter.monaco.beautifyPreBlocks) beautifyPreBlocksWithMonaco(); // 美化Pre代码块
  13372. }
  13373.  
  13374. /**
  13375.  * 必须按序执行的函数
  13376.  */
  13377. async function initializeSequentially(loadingMessage) {
  13378.     await addConversionButton(); // 添加MD/复制/翻译按钮
  13379.     if ((OJBetter.typeOfPage.is_problem || OJBetter.typeOfPage.is_completeProblemset) && OJBetter.translation.memory.enabled) {
  13380.         await initTransResultsRecover(); // 翻译结果恢复功能初始化
  13381.     }
  13382.     if (OJBetter.translation.auto.enabled) {
  13383.         await initTransWhenViewable(); // 自动翻译
  13384.     }
  13385.     if (OJBetter.basic.standingsRecolor && OJBetter.typeOfPage.is_cfStandings) {
  13386.         await recolorStandings(); // cf赛制榜单重新着色
  13387.     }
  13388.     if (OJBetter.preference.showLoading) loadingMessage.updateStatus(`${OJBetter.state.name} —— ${i18next.t('loadSuccess', { ns: 'alert' })}`, 'success', 3000);
  13389. }
  13390.  
  13391. /**
  13392.  * 主方法
  13393.  */
  13394. async function main() {
  13395.     await ensureJQueryIsLoaded(); // 等待jQuery加载
  13396.     const loadingMessage = new LoadingMessage();
  13397.     await loadRequiredFunctions(); // 加载必须的函数
  13398.     initOnDOMReady(); // DOM加载后即可执行的函数
  13399.     if (OJBetter.preference.showLoading) loadingMessage.updateStatus(`${OJBetter.state.name} —— ${i18next.t('onload', { ns: 'alert' })}`);
  13400.  
  13401.     // 检查页面资源是否已经完全加载
  13402.     if (OJBetter.state.notWaiteLoaded) {
  13403.         onResourcesReady(loadingMessage);
  13404.     } else {
  13405.         if (document.readyState === 'complete') {
  13406.             onResourcesReady(loadingMessage);
  13407.         } else {
  13408.             window.addEventListener('load', () => onResourcesReady(loadingMessage));
  13409.         }
  13410.     }
  13411. };
  13412.  
  13413. // ------------------------------
  13414. // 脚本加载入口
  13415. if (document.readyState === 'loading') {
  13416.     document.addEventListener("DOMContentLoaded", main);
  13417. } else {
  13418.     main(); // 如果DOMContentLoaded已经触发，立即执行
  13419. }
  13420. // ------------------------------
  13421.  
  13422. // ------------------------------
  13423. // 配置自动迁移代码（将在10个小版本后移除-1.83）
  13424. // ------------------------------
  13425.  
  13426. {
  13427.     let bottomZh_CN = GM_getValue("bottomZh_CN");
  13428.     if (bottomZh_CN !== undefined) {
  13429.         if (bottomZh_CN == true) {
  13430.             GM_setValue("localizationLanguage", "zh");
  13431.         } else {
  13432.             GM_setValue("localizationLanguage", "initial");
  13433.         }
  13434.         GM_deleteValue("bottomZh_CN");
  13435.         location.reload();
  13436.     }
  13437. }
  13438. {
  13439.     let config = GM_getValue("chatgpt-config");
  13440.     if (config && config !== undefined) {
  13441.         let index = parseInt(config.choice, 10);
  13442.         if (index == -1) config.choice = "";
  13443.         else config.choice = config.configurations[index].note;
  13444.         config.configurations.forEach(function (item) {
  13445.             item.name = item.note;
  13446.             delete item.note;
  13447.         });
  13448.         GM_deleteValue("chatgpt-config");
  13449.         GM_setValue("chatgpt_config", config);
  13450.         location.reload();
  13451.     }
  13452. }
  13453. {
  13454.     let config = GM_getValue("Complet_config");
  13455.     if (config && config.changed === undefined) {
  13456.         config.changed = true; // 设置一个迁移标志
  13457.         config.configurations.forEach(function (item) {
  13458.             if (item.note !== undefined) {
  13459.                 item.name = item.note;
  13460.                 delete item.note;
  13461.             }
  13462.         });
  13463.         GM_setValue("Complet_config", config);
  13464.         location.reload();
  13465.     }
  13466. }