☰

Atcoder Better!

A Tampermonkey script for AtCoder that enhances functionality and interface.

As of 2024-07-04. See the latest version.

  1. // ==UserScript==
  2. // @name         Atcoder Better!
  3. // @namespace    https://greatest.deepsurf.us/users/747162
  4. // @version      1.17.0
  5. // @description  一个适用于 AtCoder 的 Tampermonkey 脚本，增强功能与界面。
  6. // @author       北极小狐
  7. // @match        *://atcoder.jp/*
  8. // @run-at       document-start
  9. // @connect      www2.deepl.com
  10. // @connect      api-free.deepl.com
  11. // @connect      api.deepl.com
  12. // @connect      api.deeplx.org
  13. // @connect      www.iflyrec.com
  14. // @connect      dict.youdao.com
  15. // @connect      api.interpreter.caiyunai.com
  16. // @connect      translate.google.com
  17. // @connect      openai.api2d.net
  18. // @connect      api.openai.com
  19. // @connect      www.luogu.com.cn
  20. // @connect      vjudge.net
  21. // @connect      clist.by
  22. // @connect      greatest.deepsurf.us
  23. // @connect      sustech.edu.cn
  24. // @connect      aowuucdn.oss-cn-beijing.aliyuncs.com
  25. // @connect      aowuucdn.oss-accelerate.aliyuncs.com
  26. // @connect      127.0.0.1
  27. // @connect      *
  28. // @grant        GM_xmlhttpRequest
  29. // @grant        GM_info
  30. // @grant        GM_setValue
  31. // @grant        GM_getValue
  32. // @grant        GM_listValues
  33. // @grant        GM_deleteValue
  34. // @grant        GM_addStyle
  35. // @grant        GM_setClipboard
  36. // @grant        GM_getResourceText
  37. // @icon         https://aowuucdn.oss-accelerate.aliyuncs.com/atcoder.png
  38. // @require      https://mirrors.sustech.edu.cn/cdnjs/ajax/libs/turndown/7.2.0/turndown.min.js#sha512-sJzEecN5Nk8cq81zKtGq6/z9Z/r3q38zV9enY75IVxiG7ybtlNUt864sL4L1Kf36bYIwxTMVKQOtU4VhD7hGrw==
  39. // @require      https://mirrors.sustech.edu.cn/cdnjs/ajax/libs/markdown-it/13.0.2/markdown-it.js#sha512-2LtYcLGnCbAWz9nDIrfG2pHFiFu9n+3oGecQlzLuYsLgen/oxiYscGWnDST9J9EZanlsQkDD0ZP2n/6peDuALQ==
  40. // @require      https://mirrors.sustech.edu.cn/cdnjs/ajax/libs/crypto-js/4.2.0/crypto-js.min.js#sha512-a+SUDuwNzXDvz4XrIcXHuCf089/iJAoN4lmrXJg18XnduKK6YlDHNRalv4yd1N40OKI80tFidF+rqTFKGPoWFQ==
  41. // @require      https://mirrors.sustech.edu.cn/cdnjs/ajax/libs/chroma-js/2.4.2/chroma.min.js#sha512-zInFF17qBFVvvvFpIfeBzo7Tj7+rQxLeTJDmbxjBz5/zIr89YVbTNelNhdTT+/DCrxoVzBeUPVFJsczKbB7sew==
  42. // @require      https://mirrors.sustech.edu.cn/cdnjs/ajax/libs/xterm/5.5.0/xterm.js#sha512-Gujw5GajF5is3nMoGv9X+tCMqePLL/60qvAv1LofUZTV9jK8ENbM9L+maGmOsNzuZaiuyc/fpph1KT9uR5w3CQ==
  43. // @require      https://mirrors.sustech.edu.cn/cdnjs/ajax/libs/dexie/4.0.7/dexie.min.js#sha512-882VotT07mOQRzqIxsyxHzJX0XUaoeee3qXp4THg1A0KI0XFnWFAaLFQm0x6OW3pHSIipVZW+gzQ1w9b6uvkVw==
  44. // @require      https://mirrors.sustech.edu.cn/cdnjs/ajax/libs/i18next/23.11.5/i18next.min.js#sha512-3RSGkmT48HnO+hlmzGYDx5/w2LIBX0O5hSuYX6KWAxmvVlSjFgoxIaWa2tlMExheGvt3lLyxeTsXfpC47yb8CQ==
  45. // @require      https://mirrors.sustech.edu.cn/cdnjs/ajax/libs/i18next-http-backend/2.5.2/i18nextHttpBackend.min.js#sha512-bBb+wrGRTx4MvHpksYb1Iv5oJ1o8ineCqpc0cnTgdJQhuAFJJ93SEVXxUOCptvt0vAqYdjzWO5emorYUBt6Ceg==
  46. // @require      https://mirrors.sustech.edu.cn/cdnjs/ajax/libs/jquery-i18next/1.2.1/jquery-i18next.min.js#sha512-79RgNpOyaf8AvNEUdanuk1x6g53UPoB6Fh2uogMkOMGADBG6B0DCzxc+dDktXkVPg2rlxGvPeAFKoZxTycVooQ==
  47. // @require      https://mirrors.sustech.edu.cn/cdnjs/ajax/libs/highlight.js/11.9.0/highlight.min.js#sha512-D9gUyxqja7hBtkWpPWGt9wfbfaMGVt9gnyCvYa+jojwwPHLCzUm5i8rpk7vD7wNee9bA35eYIjobYPaQuKS1MQ==
  48. // @require      https://mirrors.sustech.edu.cn/cdnjs/ajax/libs/dialog-polyfill/0.5.6/dialog-polyfill.min.js#sha512-qUIG93zKzcLBVD5RGRbx2PBmbVRu+tJIl+EPLTus0z8I1AMru9sQYdlf6cBacSzYmZVncB9rcc8rYBnazqgrxA==
  49. // @require      https://update.greatest.deepsurf.us/scripts/484742/1311040/i18nextChainedBackendjs.js#sha512-JYm2AqU8EvoEOnCucDItAsNtmGcjbxccOXjnwNFp87zdlyclpEephXrgR2sMlWj/gL4DCJUN3X0JhI1omaRO0A==
  50. // @require      https://update.greatest.deepsurf.us/scripts/484743/1311041/i18next-localstorage-backendjs.js#sha512-kY1lU3DCvgzkWkOl47sIlmLKdgDcO4T3NYN6p/ET4oi3fnKO74sHUt1xYGtksIHXciKF8Jt+N4RDqG3CRoeYww==
  51. // @resource     acwing_cpp_code_completer https://aowuucdn.oss-accelerate.aliyuncs.com/acwing_cpp_code_completer-0.0.11.json#sha512-DQVpao4qMMExToRdid0g/S0nbO/C9hwCECjI5aW8A0g7nvi8hEcD2Lw3QIqdJBV7haP15oJOocfwuiw7ryTO9w==
  52. // @resource     wandboxlist https://wandbox.org/api/list.json
  53. // @resource     xtermcss https://mirrors.sustech.edu.cn/cdnjs/ajax/libs/xterm/5.5.0/xterm.min.css#sha512-XpXUuzg5afNt1bsgnrOesXP70TLH8tXYYK5sK+Y0UV+YBvJn9EfRFYWy4HT3TVDfH0nl1CO0lwOxIrt2gk9qjg==
  54. // @resource     selectpagecss https://aowuucdn.oss-accelerate.aliyuncs.com/css/selectpage.css#sha512-cRXJfA2tEcAxHEKylJfxteY17N7j9fia3waahHOVnvl63uVZT9OQ7jjjpofZMVZ4JSX3BRET+mI8UvKnsXd3NA==
  55. // @resource     dialogpolyfillcss https://mirrors.sustech.edu.cn/cdnjs/ajax/libs/dialog-polyfill/0.5.6/dialog-polyfill.min.css#sha512-J2+1q+RsZuJXabBfH1q/fgRr6jMy9By5SwVLk7bScEW7NFJkMUXxfeOyyxtDe6fsaJ4jsciexSlGrPYn9YbBIg==
  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   Atcoder Better!
  63. // @name:en      Atcoder Better!
  64. // @name:de      Atcoder Better!
  65. // @name:fr      Atcoder Better!
  66. // @name:ko      Atcoder Better!
  67. // @name:pt      Atcoder Better!
  68. // @name:ja      Atcoder Better!
  69. // @name:es      Atcoder Better!
  70. // @name:it      Atcoder Better!
  71. // @name:hi      Atcoder Better!
  72. // @description         一个适用于 AtCoder 的 Tampermonkey 脚本，增强功能与界面。
  73. // @description:zh-TW   一個適用於 AtCoder 的 Tampermonkey 腳本，增強功能與界面。
  74. // @description:en      A Tampermonkey script for AtCoder that enhances functionality and interface.
  75. // @description:de      Ein Tampermonkey-Skript für AtCoder, das Funktionalität und Benutzeroberfläche verbessert.
  76. // @description:fr      Un script Tampermonkey pour AtCoder qui améliore les fonctionnalités et l'interface.
  77. // @description:ko      AtCoder를 위한 Tampermonkey 스크립트로 기능과 인터페이스를 개선합니다.
  78. // @description:pt      Um script Tampermonkey para AtCoder que aprimora a funcionalidade e a interface.
  79. // @description:ja      AtCoder用のTampermonkeyスクリプトで機能とインターフェースを強化します。
  80. // @description:es      Un script Tampermonkey para AtCoder que mejora la funcionalidad y la interfaz.
  81. // @description:it      Uno script Tampermonkey per AtCoder che migliora la funzionalità e l'interfaccia.
  82. // @description:hi      AtCoder के लिए एक 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?} Atcoder的CSRF令牌 */
  122.     at_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: false,
  163.     /** @type {boolean?} 是否是acmsguru页面 */
  164.     is_acmsguru: false,
  165.     /** @type {boolean?} 是否是旧版LaTeX页面 */
  166.     is_oldLatex: false,
  167.     /** @type {boolean?} 是否是题目集页面 */
  168.     is_contest: undefined,
  169.     /** @type {boolean?} 是否是题目页面 */
  170.     is_problem: undefined,
  171.     /** @type {boolean?} 是否是完整的问题集页面 */
  172.     is_completeProblemset: false,
  173.     /** @type {boolean?} 是否是问题集中的问题页面 */
  174.     is_problemset_problem: false,
  175.     /** @type {boolean?} 是否是问题集页面 */
  176.     is_problemset: false,
  177.     /** @type {boolean?} 是否是Codeforces排名页面 */
  178.     is_cfStandings: false,
  179.     /** @type {boolean?} 是否是提交页面 */
  180.     is_submitPage: false,
  181.     /** @type {boolean?} 是否是代码状态页面 */
  182.     is_statePage: false,
  183.     /** @type {boolean?} 是否是提交记录页面 */
  184.     is_submissions: false,
  185.     /** @type {boolean?} 是否是主页 */
  186.     is_homepage: undefined,
  187.     /** @type {boolean?} 是否选择的是英语页面 */
  188.     isEnglishLanguage: undefined,
  189.     /** @type {boolean?} 是否是题解页面 */
  190.     isEditorial: undefined,
  191. };
  192.  
  193. /**
  194.  * @namespace localization
  195.  * @desc 本地化设置。
  196.  * @memberof OJBetter
  197.  */
  198. OJBetter.localization = {
  199.     /** @type {string?} 网站语言 */
  200.     websiteLang: undefined,
  201.     /** @type {string?} 脚本语言 */
  202.     scriptLang: undefined
  203. };
  204.  
  205. /**
  206.  * @namespace translation
  207.  * @desc 翻译设置。
  208.  * @memberof OJBetter
  209.  */
  210. OJBetter.translation = {
  211.     /** @type {string?} 翻译服务选择 */
  212.     choice: undefined,
  213.     /** @type {string?} 目标语言 */
  214.     targetLang: undefined,
  215.     comment: {
  216.         /** @type {string?} 评论翻译服务选择 */
  217.         choice: undefined,
  218.         /** @type {string?} 评论翻译模式 */
  219.         transMode: undefined
  220.     },
  221.     auto: {
  222.         /** @type {boolean?} 自动翻译开关 */
  223.         enabled: undefined,
  224.         /** @type {number?} 短文本长度限制 */
  225.         shortTextLength: undefined,
  226.         mixTrans: {
  227.             /** @type {boolean?} 混合翻译开关 */
  228.             enabled: undefined,
  229.             /** @type {Array?} 混合翻译服务列表 */
  230.             servers: undefined
  231.         }
  232.     },
  233.     memory: {
  234.         /** @type {boolean?} 翻译记忆开关 */
  235.         enabled: undefined,
  236.         /** @type {Object?} 翻译记忆树 */
  237.         ttTree: undefined
  238.     },
  239.     /** @type {string?} 重翻译时的行为 */
  240.     retransAction: undefined,
  241.     /** @type {number?} 等待时间 */
  242.     waitTime: undefined,
  243.     /** @type {boolean?} 替换符 */
  244.     replaceSymbol: undefined,
  245.     /** @type {boolean?} 过滤文本中的*号 */
  246.     filterTextWithoutEmphasis: undefined
  247. };
  248.  
  249. /**
  250.  * @namespace clist
  251.  * @desc Clist相关设置。
  252.  * @memberof OJBetter
  253.  */
  254. OJBetter.clist = {
  255.     enabled: {
  256.         /** @type {boolean?} 比赛页面开关 */
  257.         contest: undefined,
  258.         /** @type {boolean?} 问题页面开关 */
  259.         problem: undefined,
  260.         /** @type {boolean?} 问题集页面开关 */
  261.         problemset: undefined
  262.     },
  263.     /** @type {boolean?} Rating数据防剧透 */
  264.     ratingHidden: undefined,
  265.     /** @type {string?} Clist key */
  266.     authorization: undefined
  267. };
  268.  
  269. /**
  270.  * @namespace monaco
  271.  * @desc Monaco编辑器配置。
  272.  * @memberof OJBetter
  273.  */
  274. OJBetter.monaco = {
  275.     /** @type {boolean?} 在问题页面上启用Monaco编辑器 */
  276.     enableOnProblemPage: undefined,
  277.     /** @type {boolean?} 美化pre代码块 */
  278.     beautifyPreBlocks: undefined,
  279.     /** @type {boolean} Monaco编辑器加载完成标志 */
  280.     loaderOnload: false,
  281.     lsp: {
  282.         /** @type {Array?} LSP套接字数组 */
  283.         socket: [],
  284.         /** @type {boolean?} 是否启用LSP */
  285.         enabled: undefined,
  286.         /** @type {string?} 工作路径 */
  287.         workUri: undefined,
  288.         /** @type {string?} 套接字URL */
  289.         socketUrl: undefined
  290.     },
  291.     complet: {
  292.         /** @type {boolean?} 是否启用C++代码补全模板 */
  293.         cppCodeTemplate: undefined,
  294.         /** @type {Object?} 自定义配置 */
  295.         customConfig: undefined
  296.     },
  297.     /** @type {Object?} Monaco编辑器实例 */
  298.     editor: null,
  299.     /** @type {string?} 在线编译器选择 */
  300.     onlineCompilerChoice: undefined,
  301.     /** @type {string?} 记忆编译器语言选择 */
  302.     compilerSelection: undefined,
  303.     /** @type {string?}  当前选择的语言 */
  304.     nowLangSelect: undefined,
  305.     setting: {
  306.         /** @type {Array?} 语言设置数组 */
  307.         language: [],
  308.         /** @type {string?} 位置 */
  309.         position: undefined,
  310.         /** @type {boolean} 位置初始化标志 */
  311.         position_initialized: false,
  312.         /** @type {number?} 字体大小 */
  313.         fontsize: undefined,
  314.         /** @type {boolean?} 鼠标滚动锁定 */
  315.         alwaysConsumeMouseWheel: undefined,
  316.         /** @type {boolean?} 提交代码二次确认 */
  317.         isCodeSubmitDoubleConfirm: undefined,
  318.         /** @type {boolean?} 测试通过后自动提交 */
  319.         autoSubmitAfterPass: undefined,
  320.         /** @type {string?} 提交按钮位置 */
  321.         submitButtonPosition: undefined,
  322.         /** @type {boolean?} 自动保存代码 */
  323.         autoMemoryCode: undefined
  324.     }
  325. };
  326.  
  327. /**
  328.  * @namespace deepl
  329.  * @desc DeepL翻译服务配置。
  330.  * @memberof OJBetter
  331.  */
  332. OJBetter.deepl = {
  333.     /** @type {Object?} DeepL配置对象 */
  334.     configs: undefined,
  335.     config: {
  336.         /** @type {string?} 类型 */
  337.         type: undefined,
  338.         /** @type {string?} 名称 */
  339.         name: undefined,
  340.         /** @type {string?} API类型 */
  341.         apiGenre: undefined,
  342.         /** @type {string?} API密钥 */
  343.         key: undefined,
  344.         /** @type {string?} 代理 */
  345.         proxy: undefined,
  346.         /** @type {Object?} 额外请求头 */
  347.         header: undefined,
  348.         /** @type {Object?} 额外请求数据 */
  349.         data: undefined,
  350.         quota: {
  351.             /** @type {string?} 余额URL */
  352.             url: undefined,
  353.             /** @type {string?} 余额请求方法 */
  354.             method: undefined,
  355.             /** @type {Object?} 余额请求头 */
  356.             header: undefined,
  357.             /** @type {Object?} 余额请求数据 */
  358.             data: undefined,
  359.             /** @type {number?} 剩余配额 */
  360.             surplus: undefined
  361.         }
  362.     },
  363.     /** @type {boolean?} 启用重点保护 */
  364.     enableEmphasisProtection: undefined,
  365.     /** @type {boolean?} 启用链接保护 */
  366.     enableLinkProtection: undefined
  367. };
  368.  
  369. /**
  370.  * @namespace chatgpt
  371.  * @desc ChatGPT服务配置。
  372.  * @memberof OJBetter
  373.  */
  374. OJBetter.chatgpt = {
  375.     /** @type {Object?} ChatGPT配置对象 */
  376.     configs: undefined,
  377.     config: {
  378.         /** @type {string?} 名称 */
  379.         name: undefined,
  380.         /** @type {string?} 模型 */
  381.         model: undefined,
  382.         /** @type {string?} API密钥 */
  383.         key: undefined,
  384.         /** @type {string?} 代理 */
  385.         proxy: undefined,
  386.         /** @type {Object?} 额外请求头 */
  387.         header: undefined,
  388.         /** @type {Object?} 额外请求数据 */
  389.         data: undefined,
  390.         quota: {
  391.             /** @type {string?} 余额URL */
  392.             url: undefined,
  393.             /** @type {string?} 余额请求方法 */
  394.             method: undefined,
  395.             /** @type {Object?} 余额请求头 */
  396.             header: undefined,
  397.             /** @type {Object?} 余额请求数据 */
  398.             data: undefined,
  399.             /** @type {number?} 剩余配额 */
  400.             surplus: undefined
  401.         }
  402.     },
  403.     /** @type {boolean?} 是否为流式传输 */
  404.     isStream: undefined,
  405.     /** @type {string?} 是否使用自定义Prompt */
  406.     customPrompt: undefined,
  407.     /** @type {boolean?} 是否作为系统Prompt */
  408.     asSystemPrompt: undefined
  409. };
  410.  
  411. /**
  412.  * @namespace preference
  413.  * @desc 偏好设置
  414.  * @memberof OJBetter
  415.  */
  416. OJBetter.preference = {
  417.     /** @type {boolean?} 是否显示加载动画 */
  418.     showLoading: undefined,
  419.     /** @type {boolean?} 是否显示悬停目标区域 */
  420.     hoverTargetAreaDisplay: undefined,
  421.     /** @type {string?} 按钮图标大小 */
  422.     iconButtonSize: undefined,
  423. };
  424.  
  425. /**
  426.  * @namespace dev
  427.  * @desc 维护
  428.  * @memberof OJBetter
  429.  */
  430. OJBetter.dev = {
  431.     /** @type {boolean?} 是否显示规则标记 */
  432.     isRuleMarkingEnabled: undefined,
  433. };
  434.  
  435. /**
  436.  * @namespace about
  437.  * @desc 关于页信息
  438.  * @memberof OJBetter
  439.  */
  440. OJBetter.about = {
  441.     /** @type {string?} 更新通道 */
  442.     updateChannel: undefined,
  443.     /** @type {string?} 更新源 */
  444.     updateSource: undefined
  445. };
  446.  
  447. /**
  448.  * @namespace supportList
  449.  * @desc 支持列表
  450.  * @memberof OJBetter
  451.  */
  452. OJBetter.supportList = {
  453.     /** @type {object} 翻译支持列表和对应语言代码*/
  454.     translationSupport: {
  455.         'deepl': { 'zh': 'ZH', 'de': 'DE', 'fr': 'FR', 'ko': 'KO', 'pt': 'PT', 'ja': 'JA', 'es': 'ES', 'it': 'IT' },
  456.         'iflyrec': { 'zh': '1' },
  457.         'youdao': { 'zh': 'zh-CHS', 'zh-Hant': 'zh-CHT', 'de': 'de', 'fr': 'fr', 'ko': 'ko', 'pt': 'pt', 'ja': 'ja', 'es': 'es', 'it': 'it', 'hi': 'hi' },
  458.         'google': { 'zh': 'zh-CN', 'zh-Hant': 'zh-TW', 'de': 'de', 'fr': 'fr', 'ko': 'ko', 'pt': 'pt', 'ja': 'ja', 'es': 'es', 'it': 'it', 'hi': 'hi' },
  459.         'caiyun': { 'zh': 'auto2zh', 'ja': 'auto2ja', 'ko': 'auto2ko', 'es': 'auto2es', 'fr': 'auto2fr' },
  460.         'openai': { 'zh': 'Chinese', 'zh-Hant': 'Traditional Chinese', 'de': 'German', 'fr': 'French', 'ko': 'Korean', 'pt': 'Portuguese', 'ja': 'Japanese', 'es': 'Spanish', 'it': 'Italian', 'hi': 'Hindi' }
  461.     },
  462.     /** @type {object} 更新源支持列表*/
  463.     updateSourceSupportList: {
  464.         'greasyfork': {
  465.             'release': true,
  466.             'dev': false
  467.         },
  468.         'github': {
  469.             'release': true,
  470.             'dev': true
  471.         },
  472.         'aliyunoss': {
  473.             'release': true,
  474.             'dev': true
  475.         }
  476.     }
  477. }
  478.  
  479. // ------------------------------
  480. // 一些工具函数
  481. // ------------------------------
  482.  
  483. /**
  484.  * 延迟函数 
  485.  * @param {number} ms 延迟时间（毫秒） 
  486.  * @returns {Promise<void>}
  487.  */
  488. function OJB_delay(ms) {
  489.     return new Promise(resolve => setTimeout(resolve, ms));
  490. }
  491.  
  492. /**
  493.  * 等待直到指定的条件函数返回true。
  494.  * 
  495.  * @param {() => boolean} conditionCheck 一个无参数的函数，用于检查条件是否满足。当函数返回true时，表示条件已满足。
  496.  * @param {number} [interval=100] 检查条件的间隔时间，单位为毫秒。默认为100毫秒。
  497.  * @returns {Promise<void>} 返回一个Promise，在条件满足时解决。
  498.  */
  499. async function OJB_waitUntilTrue(conditionCheck, interval = 100) {
  500.     return new Promise((resolve) => {
  501.         const checkCondition = async () => {
  502.             if (conditionCheck()) {
  503.                 resolve();
  504.             } else {
  505.                 await OJB_delay(interval);
  506.                 checkCondition();
  507.             }
  508.         };
  509.         checkCondition();
  510.     });
  511. }
  512.  
  513. /**
  514.  * 动态加载JavaScript库并返回一个Promise，该Promise在脚本加载完成后解决。
  515.  *
  516.  * @param {string} url - 要加载的JavaScript库的URL地址。
  517.  * @param {string} [expectedHash] - 可选的Base64编码的SHA-512哈希值，用于校验脚本内容。格式为 "sha512-<Base64编码的哈希值>"。
  518.  * @returns {Promise<void>} 一个Promise，它在脚本加载并执行完成后解决。
  519.  */
  520. async function OJB_LoadJS(url, expectedHash) {
  521.     /**
  522.      * 计算给定数据的SHA-512哈希值，并将其转换为十六进制字符串。
  523.      *
  524.      * @param {string} data - 要计算哈希值的数据。
  525.      * @returns {Promise<string>} 一个Promise，它解析为数据的SHA-512哈希值的十六进制字符串。
  526.      */
  527.     const calculateHash = async (data) => {
  528.         const encoder = new TextEncoder();
  529.         const dataBuffer = encoder.encode(data);
  530.         const hashBuffer = await crypto.subtle.digest('SHA-512', dataBuffer);
  531.         const hashArray = Array.from(new Uint8Array(hashBuffer));
  532.         return hashArray.map(b => b.toString(16).padStart(2, '0')).join('');
  533.     };
  534.  
  535.     /**
  536.      * 将Base64编码的字符串转换为十六进制字符串。
  537.      *
  538.      * @param {string} base64 - Base64编码的字符串。
  539.      * @returns {string} 转换后的十六进制字符串。
  540.      */
  541.     const base64ToHex = (base64) => {
  542.         const binaryString = atob(base64);
  543.         const byteArray = new Uint8Array(binaryString.length);
  544.         for (let i = 0; i < binaryString.length; i++) {
  545.             byteArray[i] = binaryString.charCodeAt(i);
  546.         }
  547.         return Array.from(byteArray).map(b => b.toString(16).padStart(2, '0')).join('');
  548.     };
  549.  
  550.     try {
  551.         const response = await fetch(url);
  552.         if (!response.ok) throw new Error(`Failed to fetch script: ${response.statusText}`);
  553.         const scriptContent = await response.text();
  554.  
  555.         if (expectedHash) {
  556.             // 去掉前缀 "sha512-"
  557.             const base64Hash = expectedHash.replace(/^sha512-/, '');
  558.             const actualHash = await calculateHash(scriptContent);
  559.             const expectedHashHex = base64ToHex(base64Hash);
  560.             if (actualHash !== expectedHashHex) throw new Error('SHA-512 hash mismatch');
  561.         }
  562.  
  563.         const scriptElement = document.createElement("script");
  564.         scriptElement.textContent = scriptContent;
  565.         document.head.prepend(scriptElement);
  566.  
  567.         return Promise.resolve();
  568.     } catch (error) {
  569.         return Promise.reject(error);
  570.     }
  571. }
  572.  
  573. /**
  574.  * 安全地创建JQuery对象
  575.  * @description 通过字符串创建JQuery对象时，如果字符串以空格开头，在某些Jquery版本中会发生错误，过滤空格以安全的创建元素。
  576.  * @param {string} string - 字符串。
  577.  * @returns {JQuery} JQuery对象
  578.  */
  579. const OJB_safeCreateJQElement = function (string) {
  580.     return $(string.replace(/^\s+/, ""));
  581. }
  582.  
  583.  
  584. /**
  585.  * 将数字或者字符串解析为数字。
  586.  * @memberof OJBetter.common
  587.  * @param {string} val 要解析的字符串
  588.  * @param {boolean} [strict=false] 是否进行严格类型检查
  589.  * @returns {number} 解析结果
  590.  * @throws {Error} 如果解析失败，则抛出错误
  591.  */
  592. const OJB_parseNumber = (val, strict = false) => {
  593.     const num = Number(val);
  594.     if (isNaN(num) || (strict && val.toString() !== num.toString())) {
  595.         throw new Error('Invalid number');
  596.     }
  597.     return num;
  598. };
  599.  
  600. /**
  601.  * 将字符串解析为布尔值
  602.  * @param {string} val - 要解析的字符串
  603.  * @param {boolean} strict - 是否进行严格类型检查
  604.  * @returns {boolean} - 解析结果
  605.  * @throws {Error} - 如果解析失败，则抛出错误
  606.  */
  607. const OJB_parseBoolean = (val, strict) => {
  608.     if (strict) {
  609.         if (val === true || val === false) return val;
  610.         throw new Error('Invalid boolean');
  611.     }
  612.     return val === 'true' ? true : val === 'false' ? false : val;
  613. };
  614.  
  615. /**
  616.  * 将字符串解析为对象
  617.  * @param {string} val - 要解析的字符串
  618.  * @returns {Object} - 解析结果
  619.  * @throws {Error} - 如果解析失败，则抛出错误
  620.  */
  621. const OJB_parseObject = val => {
  622.     try {
  623.         return JSON.parse(val);
  624.     } catch {
  625.         throw new Error('Invalid JSON');
  626.     }
  627. };
  628.  
  629. /**
  630.  * 将字符串解析为键值对数组
  631.  * @param {string} val - 要解析的字符串
  632.  * @returns {Object[]} - 解析结果
  633.  * @throws {Error} - 如果解析失败，则抛出错误
  634.  */
  635. const OJB_parseLinePairArray = val => {
  636.     if (typeof val !== 'string' || val.trim() === '') return [];
  637.     return val.split("\n").filter(line => line.trim() !== '').map(line => {
  638.         const indexOfFirstColon = line.indexOf(":");
  639.         if (indexOfFirstColon === -1) throw new Error('Invalid LinePairArray format: ":" is missing');
  640.         const key = line.substring(0, indexOfFirstColon).trim();
  641.         const value = line.substring(indexOfFirstColon + 1).trim();
  642.         return { [key]: value };
  643.     });
  644. };
  645.  
  646. /**
  647.  * 移除文本中的HTML标签
  648.  * @param {string} text - 包含HTML标签的文本
  649.  * @returns {string} - 移除HTML标签后的文本
  650.  */
  651. const OJB_removeHTMLTags = function (text) {
  652.     return text.replace(/<\/?[a-zA-Z]+("[^"]*"|'[^']*'|[^'">])*>/g, '');
  653. }
  654.  
  655. /**
  656.  * 获取对象中指定路径表达式的值
  657.  * @param {Object} obj - 要计算的对象
  658.  * @param {string} pathOrExpression - 要计算的路径表达式
  659.  * @returns {any} - 计算结果
  660.  * @example
  661.  * const obj = {
  662.  *   "a": {
  663.  *     "b": 1
  664.  *   },
  665.  *   "c": 2
  666.  * };
  667.  * OJB_evaluatePathOrExpression(obj, "a.b"); // 1
  668.  * OJB_evaluatePathOrExpression(obj, "a.b + c"); // 3
  669.  * OJB_evaluatePathOrExpression(obj, "a.b + a.c"); // 1 
  670.  */
  671. function OJB_evaluatePathOrExpression(obj, pathOrExpression) {
  672.     const hasOperator = /[\+\-\*\/]/.test(pathOrExpression);
  673.     const getPathValue = (obj, path) => {
  674.         return path.split('.').reduce((acc, part) => {
  675.             return acc !== undefined && acc !== null && acc.hasOwnProperty(part) ? acc[part] : undefined;
  676.         }, obj);
  677.     };
  678.     const evaluateExpression = (obj, expression) => {
  679.         const tokens = expression.split(/([\+\-\*\/])/).map(token => token.trim());
  680.         const values = tokens.map(token => {
  681.             if (/[\+\-\*\/]/.test(token)) {
  682.                 return token;
  683.             } else {
  684.                 const value = getPathValue(obj, token);
  685.                 return value !== undefined ? value : 0;
  686.             }
  687.         });
  688.         const evaluatedExpression = values.join(' ');
  689.         try {
  690.             return Function(`'use strict'; return (${evaluatedExpression});`)();
  691.         } catch (e) {
  692.             console.error('Expression evaluation error:', e);
  693.             return undefined;
  694.         }
  695.     };
  696.     return hasOperator ? evaluateExpression(obj, pathOrExpression) : getPathValue(obj, pathOrExpression);
  697. }
  698.  
  699. /**
  700.  * 获取 GM 存储的值并根据类型进行处理
  701.  * @param {string} key - 要检索的值的键。
  702.  * @param {any} defaultValue - 如果值未找到，则返回的默认值。
  703.  * @param {Object} [options={}] - 配置选项对象。
  704.  * @param {string} [options.type='string'] - 期望的值的类型。可选值：'string', 'number', 'boolean', 'object', 'array', 'linePairArray'。
  705.  * @param {boolean} [options.strict=false] - 用于数字和布尔类型，表示是否进行严格类型检查。
  706.  * @param {string} [options.pathOrExpression=''] - 用于对象或数组类型，表示路径表达式或获取元素的索引。
  707.  * @returns {any} - 检索到的值。
  708.  */
  709. const OJB_getGMValue = (key, defaultValue, { type = 'string', strict = false, pathOrExpression = '' } = {}) => {
  710.     let value = GM_getValue(key);
  711.     if (value === undefined || value === null || value === "") {
  712.         GM_setValue?.(key, defaultValue);
  713.         return defaultValue;
  714.     }
  715.  
  716.     const parsers = {
  717.         string: val => val,
  718.         number: (val) => OJB_parseNumber(val, strict),
  719.         boolean: (val) => OJB_parseBoolean(val, strict),
  720.         object: OJB_parseObject,
  721.         array: OJB_parseObject,
  722.         linePairArray: OJB_parseLinePairArray
  723.     };
  724.  
  725.     if (!(type in parsers)) {
  726.         console.error(`Unsupported type: ${type}`);
  727.         return defaultValue;
  728.     }
  729.  
  730.     try {
  731.         value = parsers[type](value);
  732.     } catch (e) {
  733.         console.error('Error:', e.message);
  734.         return defaultValue;
  735.     }
  736.  
  737.     // The pathOrExpression processing is not applicable to linePairArray type
  738.     if ((type === 'object' || type === 'array') && pathOrExpression) {
  739.         const evaluated = OJB_evaluatePathOrExpression(value, pathOrExpression);
  740.         if (evaluated === undefined) {
  741.             console.error('Path or expression evaluation returned undefined');
  742.             return defaultValue;
  743.         }
  744.         value = evaluated;
  745.     }
  746.  
  747.     return value;
  748. };
  749.  
  750. /**
  751.  * 版本号比较方法
  752.  * @param {string} version1 版本号1
  753.  * @param {string} version2 版本号2
  754.  * @returns {number} -1: version1 < version2, 0: version1 = version2, 1: version1 > version2
  755.  */
  756. const OJB_compareVersions = function (version1 = "0", version2 = "0") {
  757.     const v1Array = version1.split(".").map(Number);
  758.     const v2Array = version2.split(".").map(Number);
  759.     const length = Math.max(v1Array.length, v2Array.length);
  760.     for (let i = 0; i < length; i++) {
  761.         const diff = (v1Array[i] || 0) - (v2Array[i] || 0);
  762.         if (diff) return Math.sign(diff);
  763.     }
  764.     return 0;
  765. }
  766.  
  767. /**
  768.  * 获取上一个主版本号
  769.  * @param {string} currentVersion 当前版本号
  770.  * @returns {string} 上一个主版本号
  771.  */
  772. const OJB_getPreviousVersion = function (currentVersion) {
  773.     const versionArray = currentVersion.split(".").map(Number);
  774.     let lastNonZeroIndex = versionArray.length - 1;
  775.     while (lastNonZeroIndex >= 0 && versionArray[lastNonZeroIndex] === 0) {
  776.         lastNonZeroIndex--;
  777.     }
  778.     if (lastNonZeroIndex >= 0) {
  779.         versionArray[lastNonZeroIndex]--;
  780.         for (let i = lastNonZeroIndex + 1; i < versionArray.length; i++) {
  781.             versionArray[i] = 0;
  782.         }
  783.     }
  784.     return versionArray.join(".");
  785. };
  786.  
  787. /**
  788.  * 在指定根节点下观察指定选择器的元素，当元素存在时，执行回调函数
  789.  * @param {Object} options - 配置对象
  790.  * @param {string} options.selector - CSS选择器文本
  791.  * @param {Function} options.callback - 回调函数，接收变动的节点作为参数
  792.  * @param {Boolean} [options.triggerOnExist=true] - 如果为true，元素已存在时立即触发一次回调
  793.  * @param {Element} [options.root=document.body] - 在哪个根节点下监听变化
  794.  * @param {Boolean} [options.subtree=false] - 是否监听子树变化（即非直接子元素）
  795.  */
  796. function OJB_observeElement({
  797.     selector,
  798.     callback,
  799.     triggerOnExist = true,
  800.     root = document.body,
  801.     subtree = false
  802. }) {
  803.     // 尝试获取选择器指定的元素
  804.     const targetNode = root.querySelector(selector);
  805.  
  806.     if (targetNode) {
  807.         // 如果元素已存在，直接开始观察
  808.         observeAndReport(targetNode, callback);
  809.         // 如果triggerOnExist为true，则立即触发一次回调
  810.         if (triggerOnExist) {
  811.             callback(targetNode);
  812.         }
  813.     } else {
  814.         // 如果元素不存在，监听DOM变化直到该元素被添加
  815.         const observer = new MutationObserver((mutations) => {
  816.             mutations.forEach((mutation) => {
  817.                 mutation.addedNodes.forEach((node) => {
  818.                     if (node.nodeType === Node.ELEMENT_NODE && node.matches(selector)) {
  819.                         observeAndReport(node, callback);
  820.                         if (triggerOnExist) {
  821.                             callback(node);
  822.                         }
  823.                         observer.disconnect(); // 停止监听
  824.                     }
  825.                 });
  826.             });
  827.         });
  828.  
  829.         observer.observe(root, { childList: true, subtree, attributes: false });
  830.     }
  831.  
  832.     function observeAndReport(node, callback) {
  833.         const childObserver = new MutationObserver((mutations) => {
  834.             mutations.forEach((mutation) => {
  835.                 mutation.addedNodes.forEach((addedNode) => {
  836.                     if (addedNode.nodeType === Node.ELEMENT_NODE) {
  837.                         callback(addedNode); // 执行回调函数
  838.                     }
  839.                 });
  840.             });
  841.         });
  842.  
  843.         childObserver.observe(node, { childList: true, subtree: true, attributes: false });
  844.     }
  845. }
  846.  
  847. /**
  848.  * 初始化全局变量
  849.  */
  850. async function initVar() {
  851.     const { hostname, href } = window.location;
  852.     OJBetter.state.formatName = (() => OJBetter.state.name
  853.         .toLowerCase()
  854.         .replace(/\s+/g, '-')
  855.         .replace(/[^a-z0-9-]/g, ''))();
  856.     OJBetter.state.lastAnnounceVer = OJB_getGMValue("lastAnnounceVer", "0");
  857.     OJBetter.state.lastReadAnnounceVer = OJB_getGMValue("lastReadAnnounceVer", "0");
  858.     OJBetter.typeOfPage.is_contest = /\/contests\/[^\/]+\/tasks\/?$/.test(href);
  859.     OJBetter.typeOfPage.is_problem = href.includes('/tasks/');
  860.     OJBetter.typeOfPage.is_homepage = (href === 'https://atcoder.jp/' || href === 'https://atcoder.jp/?lang=ja');
  861.     OJBetter.typeOfPage.isEnglishLanguage = $('meta[http-equiv="Content-Language"]').attr('content') === 'en';
  862.     OJBetter.typeOfPage.isEditorial = href.includes("editorial");
  863.     OJBetter.localization.websiteLang = OJB_getGMValue("localizationLanguage", "zh");
  864.     OJBetter.localization.scriptLang = OJB_getGMValue("scriptL10nLanguage", "zh");
  865.     OJBetter.basic.renderPerfOpt = OJB_getGMValue("renderPerfOpt", false);
  866.     OJBetter.basic.selectElementPerfOpt = OJB_getGMValue("selectElementPerfOpt", true);
  867.     OJBetter.basic.commentPaging = OJB_getGMValue("commentPaging", true);
  868.     OJBetter.basic.showJumpToLuogu = OJB_getGMValue("showJumpToLuogu", true);
  869.     OJBetter.basic.showCF2vjudge = OJB_getGMValue("showCF2vjudge", true);
  870.     OJBetter.basic.standingsRecolor = OJB_getGMValue("standingsRecolor", true);
  871.     OJBetter.state.notWaiteLoaded = OJB_getGMValue("notWaiteLoaded", false);
  872.     OJBetter.translation.targetLang = OJB_getGMValue("transTargetLang", "zh");
  873.     OJBetter.translation.choice = OJB_getGMValue("translation", "deepl");
  874.     OJBetter.translation.comment.transMode = OJB_getGMValue("commentTranslationMode", "0");
  875.     OJBetter.translation.comment.choice = OJB_getGMValue("commentTranslationChoice", "0");
  876.     OJBetter.translation.memory.enabled = OJB_getGMValue("memoryTranslateHistory", true);
  877.     OJBetter.translation.auto.enabled = OJB_getGMValue("autoTranslation", false);
  878.     OJBetter.translation.auto.shortTextLength = OJB_getGMValue("shortTextLength", "2000");
  879.     OJBetter.translation.retransAction = OJB_getGMValue("retransAction", "0");
  880.     OJBetter.translation.waitTime = OJB_getGMValue("transWaitTime", "200");
  881.     OJBetter.translation.auto.mixTrans.enabled = OJB_getGMValue("allowMixTrans", true);
  882.     OJBetter.translation.auto.mixTrans.servers = OJB_getGMValue("mixedTranslation", ['deepl', 'iflyrec', 'youdao', 'caiyun']);
  883.     OJBetter.common.taskQueue = new TaskQueue();
  884.     OJBetter.translation.replaceSymbol = OJB_getGMValue("replaceSymbol", "2");
  885.     OJBetter.translation.filterTextWithoutEmphasis = OJB_getGMValue("filterTextWithoutEmphasis", false);
  886.     OJBetter.clist.enabled.contest = OJB_getGMValue("showClistRating_contest", false);
  887.     OJBetter.clist.enabled.problem = OJB_getGMValue("showClistRating_problem", false);
  888.     OJBetter.clist.enabled.problemset = OJB_getGMValue("showClistRating_problemset", false);
  889.     OJBetter.clist.ratingHidden = OJB_getGMValue("RatingHidden", false);
  890.     OJBetter.clist.authorization = OJB_getGMValue("clist_Authorization", "");
  891.     //deepl
  892.     OJBetter.deepl.config.type = OJB_getGMValue("deepl_type", "free");
  893.     OJBetter.deepl.configs = OJB_getGMValue("deepl_config", {
  894.         "choice": "",
  895.         "configurations": []
  896.     });
  897.     if (OJBetter.deepl.configs.choice !== "" && OJBetter.deepl.configs.configurations.length !== 0) {
  898.         const choice = OJBetter.deepl.configs.choice;
  899.         const configuration = OJBetter.deepl.configs.configurations.find(obj => obj.name === choice);;
  900.         if (configuration == undefined) {
  901.             let existingConfig = GM_getValue('deepl_config');
  902.             existingConfig.choice = "";
  903.             GM_setValue('deepl_config', existingConfig);
  904.             location.reload();
  905.         }
  906.         OJBetter.deepl.config.name = configuration.name;
  907.         OJBetter.deepl.config.apiGenre = configuration.apiGenre;
  908.         OJBetter.deepl.config.key = configuration.key;
  909.         OJBetter.deepl.config.proxy = configuration.proxy;
  910.         OJBetter.deepl.config.header = OJB_parseLinePairArray(configuration._header);
  911.         OJBetter.deepl.config.data = OJB_parseLinePairArray(configuration._data);
  912.         OJBetter.deepl.config.quota.url = configuration.quota_url;
  913.         OJBetter.deepl.config.quota.method = configuration.quota_method;
  914.         OJBetter.deepl.config.quota.header = OJB_parseLinePairArray(configuration.quota_header);
  915.         OJBetter.deepl.config.quota.data = OJB_parseLinePairArray(configuration.quota_data);
  916.         OJBetter.deepl.config.quota.surplus = configuration.quota_surplus;
  917.     }
  918.     OJBetter.deepl.enableEmphasisProtection = OJB_getGMValue("enableEmphasisProtection", true);
  919.     OJBetter.deepl.enableLinkProtection = OJB_getGMValue("enableLinkProtection", true);
  920.     //openai
  921.     OJBetter.chatgpt.isStream = OJB_getGMValue("openai_isStream", true);
  922.     OJBetter.chatgpt.customPrompt = OJB_getGMValue("openai_customPrompt", '');
  923.     OJBetter.chatgpt.asSystemPrompt = OJB_getGMValue("openai_asSystemPrompt", false);
  924.     OJBetter.chatgpt.configs = OJB_getGMValue("chatgpt_config", {
  925.         "choice": "",
  926.         "configurations": []
  927.     });
  928.     if (OJBetter.chatgpt.configs.choice !== "" && OJBetter.chatgpt.configs.configurations.length !== 0) {
  929.         const choice = OJBetter.chatgpt.configs.choice;
  930.         const configuration = OJBetter.chatgpt.configs.configurations.find(obj => obj.name === choice);;
  931.         if (configuration == undefined) {
  932.             let existingConfig = GM_getValue('chatgpt_config');
  933.             existingConfig.choice = "";
  934.             GM_setValue('chatgpt_config', existingConfig);
  935.             location.reload();
  936.         }
  937.         OJBetter.chatgpt.config.name = configuration.name;
  938.         OJBetter.chatgpt.config.model = configuration.model;
  939.         OJBetter.chatgpt.config.key = configuration.key;
  940.         OJBetter.chatgpt.config.proxy = configuration.proxy;
  941.         OJBetter.chatgpt.config.header = OJB_parseLinePairArray(configuration._header);
  942.         OJBetter.chatgpt.config.data = OJB_parseLinePairArray(configuration._data);
  943.         OJBetter.chatgpt.config.quota.url = configuration.quota_url;
  944.         OJBetter.chatgpt.config.quota.method = configuration.quota_method;
  945.         OJBetter.chatgpt.config.quota.header = OJB_parseLinePairArray(configuration.quota_header);
  946.         OJBetter.chatgpt.config.quota.data = OJB_parseLinePairArray(configuration.quota_data);
  947.         OJBetter.chatgpt.config.quota.surplus = configuration.quota_surplus;
  948.     }
  949.     // 编辑器
  950.     // if (!OJBetter.typeOfPage.is_mSite) OJBetter.common.cf_csrf_token = Codeforces.getCsrfToken();
  951.     // else OJBetter.common.cf_csrf_token = "";
  952.     OJBetter.common.at_csrf_token = csrfToken;
  953.     // OJBetter.monaco.compilerSelection = OJB_getGMValue("compilerSelection", "61");
  954.     OJBetter.monaco.compilerSelection = OJB_getGMValue("compilerSelection", "5001");
  955.     OJBetter.monaco.setting.fontsize = OJB_getGMValue("editorFontSize", "15");
  956.     OJBetter.monaco.enableOnProblemPage = OJB_getGMValue("problemPageCodeEditor", true);
  957.     OJBetter.monaco.beautifyPreBlocks = OJB_getGMValue("beautifyPreBlocks", true);
  958.     OJBetter.monaco.complet.cppCodeTemplate = OJB_getGMValue("cppCodeTemplateComplete", true);
  959.     OJBetter.monaco.onlineCompilerChoice = OJB_getGMValue("onlineCompilerChoice", "official");
  960.     OJBetter.monaco.setting.isCodeSubmitDoubleConfirm = OJB_getGMValue("isCodeSubmitConfirm", true);
  961.     OJBetter.monaco.setting.autoSubmitAfterPass = OJB_getGMValue("autoSubmitAfterPass", false);
  962.     OJBetter.monaco.setting.alwaysConsumeMouseWheel = OJB_getGMValue("alwaysConsumeMouseWheel", true);
  963.     OJBetter.monaco.setting.submitButtonPosition = OJB_getGMValue("submitButtonPosition", "bottom");
  964.     OJBetter.monaco.setting.autoMemoryCode = OJB_getGMValue("autoMemoryCode", true);
  965.     //自定义补全
  966.     OJBetter.monaco.complet.customConfig = OJB_getGMValue("Complet_config", {
  967.         "choice": -1,
  968.         "configurations": []
  969.     });
  970.     // monaco
  971.     OJBetter.monaco.lsp.enabled = OJB_getGMValue("useLSP", false);
  972.     OJBetter.monaco.setting.position = OJB_getGMValue("monacoEditor_position", "initial");
  973.     OJBetter.monaco.lsp.workUri = OJB_getGMValue("OJBetter_Bridge_WorkUri", "C:/OJBetter_Bridge");
  974.     OJBetter.monaco.lsp.socketUrl = OJB_getGMValue("OJBetter_Bridge_SocketUrl", "ws://127.0.0.1:2323/");
  975.     OJBetter.preference.showLoading = OJB_getGMValue("showLoading", true);
  976.     OJBetter.preference.hoverTargetAreaDisplay = OJB_getGMValue("hoverTargetAreaDisplay", false);
  977.     OJBetter.basic.expandFoldingblocks = OJB_getGMValue("expandFoldingblocks", true);
  978.     OJBetter.preference.iconButtonSize = OJB_getGMValue("iconButtonSize", "16");
  979.     OJBetter.dev.isRuleMarkingEnabled = OJB_getGMValue("isRuleMarkingEnabled", false);
  980.     OJBetter.about.updateChannel = OJB_getGMValue("updateChannel", "release");
  981.     OJBetter.about.updateSource = OJB_getGMValue("updateSource", "greasyfork");
  982. }
  983.  
  984. /**
  985.  * 显示警告消息
  986.  */
  987. function showWarnMessage() {
  988.     if (OJBetter.typeOfPage.is_oldLatex) {
  989.         const loadingMessage = new LoadingMessage();
  990.         loadingMessage.updateStatus(`${OJBetter.state.name} —— ${i18next.t('warning.is_oldLatex', { ns: 'alert' })}`, 'warning');
  991.     }
  992.     if (OJBetter.typeOfPage.is_acmsguru) {
  993.         const loadingMessage = new LoadingMessage();
  994.         loadingMessage.updateStatus(`${OJBetter.state.name} —— ${i18next.t('warning.is_acmsguru', { ns: 'alert' })}`, 'warning');
  995.     }
  996.     if (OJBetter.translation.comment.transMode == "1") {
  997.         const loadingMessage = new LoadingMessage();
  998.         loadingMessage.updateStatus(`${OJBetter.state.name} —— ${i18next.t('warning.trans_segment', { ns: 'alert' })}`, 'warning');
  999.     }
  1000.     if (OJBetter.translation.comment.transMode == "2") {
  1001.         const loadingMessage = new LoadingMessage();
  1002.         loadingMessage.updateStatus(`${OJBetter.state.name} —— ${i18next.t('warning.trans_select', { ns: 'alert' })}`, 'warning');
  1003.     }
  1004.     if (OJBetter.typeOfPage.is_submitPage && OJBetter.monaco.enableOnProblemPage) {
  1005.         const loadingMessage = new LoadingMessage();
  1006.         loadingMessage.updateStatus(`${OJBetter.state.name} —— ${i18next.t('warning.is_submitPage', { ns: 'alert' })}`, 'warning');
  1007.     }
  1008. }
  1009.  
  1010. // 常量
  1011. 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>';
  1012. 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>`;
  1013. 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 
  1014. 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>`;
  1015. 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" />
  1016. <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" />
  1017. <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>`;
  1018.  
  1019. /**
  1020.  * 连接数据库
  1021.  */
  1022. async function initDB() {
  1023.     OJBetter.common.database = new Dexie('OJBetterDB');
  1024.     OJBetter.common.database.version(3).stores({
  1025.         samplesData: '&url',
  1026.         editorCode: '&url',
  1027.         translateData: '&url',
  1028.         localizeSubsData: '&lang'
  1029.     });
  1030.  
  1031.     // 等待数据库打开
  1032.     await OJBetter.common.database.open();
  1033. }
  1034.  
  1035. /**
  1036.  * 清空数据库
  1037.  */
  1038. async function clearDatabase() {
  1039.     const isConfirmed = await OJB_createDialog(
  1040.         i18next.t('isClearDatabase.title', { ns: 'dialog' }),
  1041.         i18next.t('isClearDatabase.content', { ns: 'dialog' }),
  1042.         [
  1043.             i18next.t('isClearDatabase.buttons.0', { ns: 'dialog' }),
  1044.             i18next.t('isClearDatabase.buttons.1', { ns: 'dialog' })
  1045.         ]
  1046.     );
  1047.     if (!isConfirmed) {
  1048.         try {
  1049.             // 开启一个读写事务，包含数据库中的所有表
  1050.             await OJBetter.common.database.transaction('rw', OJBetter.common.database.tables, async () => {
  1051.                 // 遍历所有表
  1052.                 for (const table of OJBetter.common.database.tables) {
  1053.                     // 清空当前表
  1054.                     await table.clear();
  1055.                 }
  1056.             });
  1057.             console.log("All tables in the database have been cleared.");
  1058.             alert("All tables in the database have been cleared.");
  1059.         } catch (error) {
  1060.             console.error("Error clearing the database:", error);
  1061.         }
  1062.     }
  1063. }
  1064.  
  1065. /**
  1066.  * 导出数据库
  1067.  * @returns {Promise<string>} 数据库的JSON字符串
  1068.  */
  1069. async function exportDatabase() {
  1070.     try {
  1071.         // 创建一个存储数据的对象
  1072.         const exportData = {};
  1073.         // 获取数据库中所有表的名称
  1074.         const tableNames = OJBetter.common.database.tables.map(table => table.name);
  1075.  
  1076.         // 遍历每一个表，获取数据
  1077.         for (const tableName of tableNames) {
  1078.             const tableData = await OJBetter.common.database.table(tableName).toArray();
  1079.             exportData[tableName] = tableData;
  1080.         }
  1081.  
  1082.         // 将数据对象转换为JSON字符串
  1083.         const jsonData = JSON.stringify(exportData, null, 4);
  1084.         return jsonData;
  1085.     } catch (error) {
  1086.         console.error("Error exporting database:", error);
  1087.     }
  1088. }
  1089.  
  1090. /**
  1091.  * 导入数据库
  1092.  * @param {string} jsonData 数据库的JSON字符串
  1093.  */
  1094. async function importDatabase(jsonData) {
  1095.     const isConfirmed = await OJB_createDialog(
  1096.         i18next.t('isImportDatabase.title', { ns: 'dialog' }),
  1097.         i18next.t('isImportDatabase.content', { ns: 'dialog' }),
  1098.         [
  1099.             i18next.t('isImportDatabase.buttons.0', { ns: 'dialog' }),
  1100.             i18next.t('isImportDatabase.buttons.1', { ns: 'dialog' })
  1101.         ]
  1102.     );
  1103.     if (!isConfirmed) {
  1104.         try {
  1105.             // 将JSON字符串解析为对象
  1106.             const importData = JSON.parse(jsonData);
  1107.  
  1108.             // 开启一个事务，并清空现有数据
  1109.             await OJBetter.common.database.transaction('rw', OJBetter.common.database.tables, async () => {
  1110.                 // 清空所有表的数据
  1111.                 for (const tableName of OJBetter.common.database.tables.map(table => table.name)) {
  1112.                     await OJBetter.common.database.table(tableName).clear();
  1113.                 }
  1114.  
  1115.                 // 插入新数据
  1116.                 for (const [tableName, rows] of Object.entries(importData)) {
  1117.                     await OJBetter.common.database.table(tableName).bulkAdd(rows);
  1118.                 }
  1119.             });
  1120.             alert("Data imported successfully");
  1121.         } catch (error) {
  1122.             console.error("Error importing database:", error);
  1123.         }
  1124.     }
  1125. }
  1126.  
  1127. /**
  1128.  * 将数据下载为文件
  1129.  * @param {string} data 数据
  1130.  * @param {string} filename 文件名，默认为'export.json'
  1131.  * @param {string} fileType 文件MIME类型，默认为'application/json'
  1132.  * @returns {void}
  1133.  */
  1134. function downloadDataAsFile(data, filename = 'export.json', fileType = 'application/json') {
  1135.     // 创建一个blob对象，指定文件类型
  1136.     const blob = new Blob([data], { type: fileType });
  1137.     const url = URL.createObjectURL(blob);
  1138.  
  1139.     // 创建一个隐藏的a标签，模拟点击进行下载
  1140.     const a = document.createElement('a');
  1141.     a.href = url;
  1142.     a.download = filename;
  1143.     document.body.appendChild(a);
  1144.     a.click();
  1145.  
  1146.     // 清理
  1147.     document.body.removeChild(a);
  1148.     URL.revokeObjectURL(url);
  1149. }
  1150.  
  1151.  
  1152. /**
  1153.  * 从文件中读取数据
  1154.  * @param {Function} callback 回调函数
  1155.  * @returns {void}
  1156.  */
  1157. function readFileInput(callback) {
  1158.     const fileInput = document.createElement('input');
  1159.     fileInput.type = 'file';
  1160.     fileInput.accept = '.json';
  1161.     fileInput.style.display = 'none'; // 隐藏input元素
  1162.  
  1163.     fileInput.onchange = (e) => {
  1164.         const file = e.target.files[0];
  1165.         if (file) {
  1166.             const reader = new FileReader();
  1167.             reader.onload = (e) => {
  1168.                 const fileContent = e.target.result;
  1169.                 if (callback && typeof callback === 'function') {
  1170.                     callback(fileContent); // 调用回调函数，传入文件内容
  1171.                 }
  1172.             };
  1173.             reader.readAsText(file);
  1174.         }
  1175.     };
  1176.  
  1177.     document.body.appendChild(fileInput);
  1178.     fileInput.click();
  1179.     document.body.removeChild(fileInput);
  1180. }
  1181.  
  1182. /**
  1183.  * 清除所有设置
  1184.  */
  1185. async function deleteAllConfigSettings() {
  1186.     const isConfirmed = await OJB_createDialog(
  1187.         i18next.t('isDeleteAllConfigSettings.title', { ns: 'dialog' }),
  1188.         i18next.t('isDeleteAllConfigSettings.content', { ns: 'dialog' }),
  1189.         [
  1190.             i18next.t('isDeleteAllConfigSettings.buttons.0', { ns: 'dialog' }),
  1191.             i18next.t('isDeleteAllConfigSettings.buttons.1', { ns: 'dialog' })
  1192.         ]
  1193.     );
  1194.     if (!isConfirmed) {
  1195.         const keys = GM_listValues();
  1196.  
  1197.         keys.forEach(key => {
  1198.             GM_deleteValue(key);
  1199.         });
  1200.  
  1201.         alert('All settings have been deleted.');
  1202.         window.location.reload();
  1203.     }
  1204. }
  1205.  
  1206. /**
  1207.  * 导出设置到JSON
  1208.  * @returns {string} JSON字符串
  1209.  */
  1210. function exportSettingsToJSON() {
  1211.     const keys = GM_listValues();
  1212.     let settings = {};
  1213.  
  1214.     keys.forEach(key => {
  1215.         settings[key] = GM_getValue(key);
  1216.     });
  1217.  
  1218.     return JSON.stringify(settings, null, 4);
  1219. }
  1220.  
  1221. /**
  1222.  * 从JSON导入设置
  1223.  * @param {string} jsonData JSON字符串
  1224.  * @returns {void}
  1225.  */
  1226. async function importSettingsFromJSON(jsonData) {
  1227.     const isConfirmed = await OJB_createDialog(
  1228.         i18next.t('isImportSettings.title', { ns: 'dialog' }),
  1229.         i18next.t('isImportSettings.content', { ns: 'dialog' }),
  1230.         [
  1231.             i18next.t('isImportSettings.buttons.0', { ns: 'dialog' }),
  1232.             i18next.t('isImportSettings.buttons.1', { ns: 'dialog' })
  1233.         ]
  1234.     );
  1235.     if (!isConfirmed) {
  1236.         let settings;
  1237.         try {
  1238.             settings = JSON.parse(jsonData);
  1239.         } catch (e) {
  1240.             console.error('JSON parsing error:', e);
  1241.             return;
  1242.         }
  1243.  
  1244.         Object.keys(settings).forEach(key => {
  1245.             GM_setValue(key, settings[key]);
  1246.         });
  1247.  
  1248.         alert('Settings imported successfully!');
  1249.         window.location.reload();
  1250.     }
  1251. }
  1252.  
  1253. /**
  1254.  * 加载元素本地化语言数据
  1255.  * @param {JQuery} element jQuery元素
  1256.  * @param {number} [retries=10] 重试次数
  1257.  * @param {number} [interval=50] 重试间隔
  1258.  */
  1259. function elementLocalize(element, retries = 10, interval = 50) {
  1260.     if ($.isFunction(element.localize)) {
  1261.         element.localize();
  1262.     } else if (retries > 0) {
  1263.         setTimeout(elementLocalize, interval, element, retries - 1, interval);
  1264.     } else {
  1265.         console.error('Unable to localize', element);
  1266.     }
  1267. }
  1268.  
  1269. // 切换系统黑暗监听
  1270. const mediaQueryList = window.matchMedia('(prefers-color-scheme: dark)');
  1271. const changeEventListeners = [];
  1272. function handleColorSchemeChange(event) {
  1273.     event.matches ? $('html').attr('data-theme', 'dark') : $('html').attr('data-theme', 'light');
  1274.     if (!event.matches) {
  1275.         var originalColor = $(this).data("original-color");
  1276.         $(this).css("background-color", originalColor);
  1277.         const intervalId = setinterval(() => {
  1278.             if (OJBetter.monaco && OJBetter.monaco.editor) {
  1279.                 monaco.editor.setTheme('vs');
  1280.                 clearInterval(intervalId);
  1281.             }
  1282.         }, 100);
  1283.     } else {
  1284.         const intervalId = setInterval(() => {
  1285.             if (OJBetter.monaco && OJBetter.monaco.editor) {
  1286.                 monaco.editor.setTheme('vs-dark');
  1287.                 clearInterval(intervalId);
  1288.             }
  1289.         }, 100);
  1290.     }
  1291. }
  1292.  
  1293. // 黑暗模式
  1294. (function setDark() {
  1295.     // 初始化
  1296.     function setDarkTheme() {
  1297.         const htmlElement = document.querySelector('html');
  1298.         if (htmlElement) {
  1299.             htmlElement.setAttribute('data-theme', 'dark');
  1300.             const intervalId = setInterval(() => {
  1301.                 if (OJBetter.monaco && OJBetter.monaco.editor) {
  1302.                     monaco.editor.setTheme('vs-dark');
  1303.                     clearInterval(intervalId);
  1304.                 }
  1305.             }, 100);
  1306.         } else {
  1307.             setTimeout(setDarkTheme, 100);
  1308.         }
  1309.     }
  1310.     OJBetter.basic.darkMode = OJB_getGMValue("darkMode", "follow")
  1311.     if (OJBetter.basic.darkMode == "dark") {
  1312.         setDarkTheme();
  1313.     } else if (OJBetter.basic.darkMode == "follow") {
  1314.         // 添加事件监听器
  1315.         changeEventListeners.push(handleColorSchemeChange);
  1316.         mediaQueryList.addEventListener('change', handleColorSchemeChange);
  1317.  
  1318.         if (window.matchMedia('(prefers-color-scheme: dark)').matches) setDarkTheme();
  1319.     }
  1320.  
  1321.     // 定义全局变量
  1322.     GM_addStyle(`
  1323.         /* 黑暗支持 */
  1324.         html[data-theme=dark]:root {
  1325.             color-scheme: light dark;
  1326.         }
  1327.         /* 颜色 */
  1328.         :root {
  1329.             /* 文字颜色 */
  1330.             --ojb-color-text-primary: #a0adb9; /* 主要文字颜色 */
  1331.             --ojb-color-text-secondary: #9AA4B1; /* 次要文字颜色 */
  1332.             --ojb-color-text-tertiary: #9BA5B2; /* 第三级文字颜色 */
  1333.             --ojb-color-text-success: #43A047; /* 成功状态文字颜色 */
  1334.             --ojb-color-text-highlight: #cbd6e2; /* 高亮文字颜色 */
  1335.             --ojb-color-text-disabled: #506778; /* 禁用状态文字颜色 */
  1336.             --ojb-color-text-icon-success: #2e7d32; /* 成功状态图标颜色 */
  1337.             --ojb-color-text-link: #4b8eda; /* 链接颜色 */
  1338.  
  1339.             /* 背景颜色 */
  1340.             --ojb-color-bg-primary: #22272e; /* 主背景颜色 */
  1341.             --ojb-color-bg-secondary: #2d333b; /* 次级背景颜色 */
  1342.             --ojb-color-bg-disabled: #24292e; /* 禁用元素背景颜色 */
  1343.  
  1344.             /* 边框颜色 */
  1345.             --ojb-color-border-primary: #48535F; /* 主要边框颜色 */
  1346.             --ojb-color-border-disabled: #404950; /* 禁用状态边框颜色 */
  1347.             --ojb-color-border-dashed-hover: #03A9F4; /* 虚线边框悬浮颜色 */
  1348.             --ojb-color-border-radio-checked: #326154; /* 选中的单选框边框颜色 */
  1349.  
  1350.             /* 阴影颜色 */
  1351.             --ojb-shadow-standard: 0px 0px 0.5px 0.5px #3A4048; /* 标准阴影 */
  1352.             --ojb-shadow-menu-modal: 0px 0px 0px 4px #2d333b; /* 菜单和模态框阴影 */
  1353.  
  1354.             /* 区域遮罩颜色 */
  1355.             --ojb-overlay-background: repeating-linear-gradient(135deg, #49525f6e, #49525f6e 30px, #49525f29 0px, #49525f29 55px); /* 区域遮罩背景 */
  1356.  
  1357.             /* 文字阴影 */
  1358.             --ojb-text-shadow-icon: 1px 1px 0px #2d333b, 1px -1px 0px #2d333b, -1px -1px 0px #2d333b, -1px 1px 0px #2d333b; /* 图标文字阴影 */
  1359.         }
  1360.         /* 边框样式 */
  1361.         :root {
  1362.             /* 边框样式 */
  1363.             --ojb-border-width: 1px; /* 边框宽度 */
  1364.             --ojb-border-style-solid: solid; /* 实线样式 */
  1365.             --ojb-border-style-dashed: dashed; /* 虚线样式 */
  1366.             --ojb-border-radius-small: 4px; /* 小圆角 */
  1367.             --ojb-border-radius-medium: 8px; /* 中圆角 */
  1368.             --ojb-border-radius-large: 12px; /* 大圆角 */
  1369.             
  1370.             /* 组合边框样式 */
  1371.             --ojb-border-solid-primary: var(--ojb-border-width) var(--ojb-border-style-solid) var(--ojb-color-border-primary); /* 主要实线边框 */
  1372.             --ojb-border-dashed: var(--ojb-border-width) var(--ojb-border-style-dashed) var(--ojb-color-border-primary); /* 主要虚线边框 */
  1373.             --ojb-border-dashed-hover: var(--ojb-border-width) var(--ojb-border-style-dashed) var(--ojb-color-border-dashed-hover); /* 悬浮虚线边框 */
  1374.             --ojb-border-solid-disabled: var(--ojb-border-width) var(--ojb-border-style-solid) var(--ojb-color-border-disabled); /* 禁用状态实线边框 */
  1375.         }
  1376.     `);
  1377.  
  1378.     // OJBetter界面样式
  1379.     GM_addStyle(`
  1380.         /* 主要文字颜色 */
  1381.         html[data-theme=dark] .alert-success, html[data-theme=dark] .alert-info, html[data-theme=dark] .alert-error,
  1382.         html[data-theme=dark] .alert-warning, html[data-theme=dark] .markItUpEditor, 
  1383.         html[data-theme=dark] .translate-problem-statement, html[data-theme=dark] .OJBetter_setting_menu, 
  1384.         html[data-theme=dark] .help_tip .tip_text,
  1385.         html[data-theme=dark] .OJBetter_setting_menu input, html[data-theme=dark] .OJBetter_setting_menu textarea,
  1386.         html[data-theme=dark] #OJBetter_SubmitForm input, html[data-theme=dark] #OJBetter_SubmitForm textarea, html[data-theme=dark] #OJBetter_SubmitForm select,
  1387.         html[data-theme=dark] #items-per-page, html[data-theme=dark] #pagBar, 
  1388.         html[data-theme=dark] .OJBetter_setting_sidebar li a:link,
  1389.         html[data-theme=dark] .popup .content{
  1390.             color: var(--ojb-color-text-primary);
  1391.         }
  1392.         /* 次要文字颜色 */
  1393.         html[data-theme=dark] .ojb_btn:hover, html[data-theme=dark] .OJBetter_modal button, html[data-theme=dark] #OJBetter_statusBar,
  1394.         html[data-theme=dark] #RunTestButton, html[data-theme=dark] #programTypeId, html[data-theme=dark] #addCustomTest,
  1395.         html[data-theme=dark] #customTestBlock, html[data-theme=dark] .OJBetter_setting_list.alert_info{
  1396.             color: var(--ojb-color-text-secondary);
  1397.         }
  1398.         /* 文字颜色3 */
  1399.         html[data-theme=dark] .ojb_btn{
  1400.             color: var(--ojb-color-text-tertiary);
  1401.         }
  1402.         /* 文字颜色 浅绿 */
  1403.         html[data-theme=dark] #SubmitButton{
  1404.             color: var(--ojb-color-text-success);
  1405.         }
  1406.         /* 禁止文字颜色 */
  1407.         html[data-theme=dark] .ojb_btn[disabled]{
  1408.             color: var(--ojb-color-text-disabled);
  1409.         }
  1410.         /* 主要背景层次 */
  1411.         html[data-theme=dark] .OJBetter_setting_menu, html[data-theme=dark] .help_tip .tip_text, html[data-theme=dark] li#add_button:hover,
  1412.         html[data-theme=dark] .ojb_btn:hover, 
  1413.         html[data-theme=dark] .OJBetter_setting_menu input, html[data-theme=dark] .OJBetter_setting_menu textarea,
  1414.         html[data-theme=dark] #OJBetter_SubmitForm input, 
  1415.         html[data-theme=dark] .OJBetter_setting_menu input[type="checkbox"], html[data-theme=dark] .OJBetter_setting_menu input[type="checkbox"]:checked,
  1416.         html[data-theme=dark] #OJBetter_SubmitForm textarea, html[data-theme=dark] #OJBetter_SubmitForm select, 
  1417.         html[data-theme=dark] .OJBetter_setting_sidebar li a.active, html[data-theme=dark] .OJBetter_setting_sidebar li,
  1418.         html[data-theme=dark] .OJBetter_setting_menu::-webkit-scrollbar-track, html[data-theme=dark] .OJBetter_setting_content::-webkit-scrollbar-track,
  1419.         html[data-theme=dark] .OJBetter_modal, html[data-theme=dark] .OJBetter_modal button:hover,
  1420.         html[data-theme=dark] .popup .content, 
  1421.         html[data-theme=dark] .config_bar_list, html[data-theme=dark] #LSPLog,
  1422.         html[data-theme=dark] .OJBetter_setting_menu .OJBetter_checkboxs,
  1423.         html[data-theme=dark] .OJBetter_setting_menu .OJBetter_checkboxs input[type="checkbox"]::before,
  1424.         html[data-theme=dark] .OJBetter_setting_menu a, html[data-theme=dark] .OJBetter_setting_menu .OJBetter_setting_list button:hover,
  1425.         html[data-theme=dark] .OJBetter_setting_menu select{
  1426.             background-color: var(--ojb-color-bg-primary);
  1427.             background-image: none;
  1428.         }
  1429.         /* 次要背景层次 */
  1430.         html[data-theme=dark] .ojb_btn, 
  1431.         html[data-theme=dark] .alert-success, html[data-theme=dark] .alert-info, html[data-theme=dark] .alert-error,
  1432.         html[data-theme=dark] .alert-warning, html[data-theme=dark] .SumoSelect>.optWrapper>.options li.opt:hover,
  1433.         html[data-theme=dark] .translate-problem-statement-panel,
  1434.         html[data-theme=dark] .translate-problem-statement, 
  1435.         html[data-theme=dark] .OJBetter_setting_list,
  1436.         html[data-theme=dark] .OJBetter_setting_menu hr, 
  1437.         html[data-theme=dark] .OJBetter_setting_sidebar li a,
  1438.         html[data-theme=dark] .OJBetter_setting_menu::-webkit-scrollbar-thumb, html[data-theme=dark] .OJBetter_setting_content::-webkit-scrollbar-thumb,
  1439.         html[data-theme=dark] .OJBetter_modal button, html[data-theme=dark] .test-for-popup pre,
  1440.         html[data-theme=dark] .popup .content pre, html[data-theme=dark] .popup .content pre code,
  1441.         html[data-theme=dark] ul.config_bar_ul::-webkit-scrollbar-thumb,  html[data-theme=dark] #OJBetter_statusBar,
  1442.         html[data-theme=dark] #RunTestButton, html[data-theme=dark] #programTypeId, html[data-theme=dark] .sampleDiv,
  1443.         html[data-theme=dark] #addCustomTest, html[data-theme=dark] #LSPLog li:nth-child(odd),
  1444.         html[data-theme=dark] .OJBetter_setting_menu .OJBetter_checkboxs input[type="checkbox"]:checked::before,
  1445.         html[data-theme=dark] .config::before, html[data-theme=dark] .config li.tempConfig_add_button:hover,
  1446.         html[data-theme=dark] .OJBetter_setting_menu details, html[data-theme=dark] #config_bar_menu,
  1447.         html[data-theme=dark] .OJBetter_setting_menu .OJBetter_setting_list button, 
  1448.         html[data-theme=dark] .OJBetter_setting_menu .badge, html[data-theme=dark] #OJBetter_SubmitForm #SubmitButton{
  1449.             background-color: var(--ojb-color-bg-secondary);
  1450.         }
  1451.         /* 禁止背景层次 */
  1452.         html[data-theme=dark] .ojb_btn[disabled]{
  1453.             background-color: var(--ojb-color-bg-disabled);
  1454.         }
  1455.         /* 实线边框颜色-圆角 */
  1456.         html[data-theme=dark] .alert-success, html[data-theme=dark] .alert-info, html[data-theme=dark] .alert-error,
  1457.         html[data-theme=dark] .alert-warning, html[data-theme=dark] .translate-problem-statement{
  1458.             border: var(--ojb-border-solid-primary);
  1459.             border-radius: 2px;
  1460.         }
  1461.         /* 实线边框颜色-无圆角 */
  1462.         html[data-theme=dark] .ojb_btn, 
  1463.         html[data-theme=dark] .OJBetter_setting_list, html[data-theme=dark] .config_bar_list,
  1464.         html[data-theme=dark] label.config_bar_ul_li_text, 
  1465.         html[data-theme=dark] .OJBetter_setting_sidebar li, html[data-theme=dark] .OJBetter_setting_menu select,
  1466.         html[data-theme=dark] .translate-problem-statement-panel, html[data-theme=dark] .OJBetter_modal button, html[data-theme=dark] #OJBetter_SubmitForm select,
  1467.         html[data-theme=dark] #OJBetter_editor, html[data-theme=dark] #OJBetter_statusBar,
  1468.         html[data-theme=dark] #OJBetter_SubmitForm #RunTestButton, html[data-theme=dark] #programTypeId, html[data-theme=dark] #customTestBlock,
  1469.         html[data-theme=dark] #OJBetter_SubmitForm #addCustomTest, html[data-theme=dark] #OJBetter_SubmitForm #SubmitButton,
  1470.         html[data-theme=dark] .OJBetter_setting_menu input,
  1471.         html[data-theme=dark] .OJBetter_setting_menu input[type="checkbox"], html[data-theme=dark] .OJBetter_setting_menu input[type="checkbox"]:checked,
  1472.         html[data-theme=dark] .OJBetter_setting_menu textarea,
  1473.         html[data-theme=dark] #OJBetter_SubmitForm input, html[data-theme=dark] #OJBetter_SubmitForm textarea,
  1474.         html[data-theme=dark] #CompilerSetting select, html[data-theme=dark] #CompilerSetting textarea, html[data-theme=dark] #CompilerBox,
  1475.         html[data-theme=dark] .OJBetter_setting_menu .OJBetter_checkboxs,
  1476.         html[data-theme=dark] .help_tip .tip_text, html[data-theme=dark] .config::before,
  1477.         html[data-theme=dark] #statePanel, html[data-theme=dark] .test-case, html[data-theme=dark] .OJBetter_setting_menu .badge{
  1478.             border: var(--ojb-border-solid-primary);
  1479.         }
  1480.         html[data-theme=dark] #customTestBlock #customTests{
  1481.             border-top: var(--ojb-border-solid-primary);
  1482.         }
  1483.         html[data-theme=dark] .OJBetter_setting_sidebar {
  1484.             border-right: var(--ojb-border-solid-primary);
  1485.         }
  1486.         /* 实线边框-禁止 */
  1487.         html[data-theme=dark] .ojb_btn[disabled]{
  1488.             border: var(--ojb-border-solid-disabled);
  1489.         }
  1490.         /* 虚线边框 */
  1491.         html[data-theme=dark] li#add_button,
  1492.         html[data-theme=dark] .OJBetter_setting_menu_label_text{
  1493.             border: var(--ojb-border-dashed);
  1494.         }
  1495.         /* 虚线边框-悬浮 */
  1496.         html[data-theme=dark] li#add_button:hover{
  1497.             border: var(--ojb-border-dashed-hover);
  1498.             background-color: var(--ojb-color-bg-secondary);
  1499.             color: var(--ojb-color-border-dashed-hover);
  1500.         }
  1501.         /* 无边框 */
  1502.         html[data-theme=dark] .translate-problem-statement-panel .ojb_btn{
  1503.             border: none;
  1504.         }
  1505.         /* 区域遮罩 */
  1506.         html[data-theme=dark] .overlay::before {
  1507.             background: var(--ojb-overlay-background);
  1508.             color: var(--ojb-color-text-secondary);
  1509.             text-shadow: 0px 0px 2px #000000;
  1510.         }
  1511.         /* 阴影 */
  1512.         html[data-theme=dark] .translate-problem-statement-panel, html[data-theme=dark] .translate-problem-statement{
  1513.             box-shadow: var(--ojb-shadow-standard);
  1514.         }
  1515.         /* 图标按钮状态样式 */
  1516.         html[data-theme=dark] .ojb_btn_popover.success i:before, html[data-theme=dark] .ojb_btn_popover.success i {
  1517.             color: var(--ojb-color-text-icon-success);
  1518.         }
  1519.         html[data-theme=dark] .ojb_btn_popover i:before {
  1520.             text-shadow: var(--ojb-text-shadow-icon);
  1521.         }
  1522.         /* 其他样式 */
  1523.         html[data-theme=dark] .OJBetter_setting_menu, html[data-theme=dark] .OJBetter_modal{
  1524.             box-shadow: var(--ojb-shadow-menu-modal);
  1525.             border: 1px solid var(--ojb-color-bg-secondary);
  1526.         }
  1527.         html[data-theme=dark] input[type="radio"]:checked+.OJBetter_setting_menu_label_text {
  1528.             color: var(--ojb-color-text-primary);
  1529.             border: 1px solid var(--ojb-color-border-radio-checked);
  1530.         }
  1531.         html[data-theme=dark] .alert{
  1532.             text-shadow: none;
  1533.         }
  1534.     `);
  1535.  
  1536.     // 网站界面样式
  1537.     GM_addStyle(`
  1538.         /* 文字颜色1 */
  1539.         html[data-theme=dark] body, html[data-theme=dark] .float-container>#main-container,
  1540.         html[data-theme=dark] .panel-default>.panel-heading, html[data-theme=dark] #header a,
  1541.         html[data-theme=dark] .pagination>li>a, html[data-theme=dark] .pagination>li>span, html[data-theme=dark] .dropdown-menu,
  1542.         html[data-theme=dark] .select2-container--bootstrap .select2-selection--single .select2-selection__rendered,
  1543.         html[data-theme=dark] .ace-tm .ace_gutter, html[data-theme=dark] .translate-problem-statement-panel,
  1544.         html[data-theme=dark] .select2-container--bootstrap .select2-results__option--highlighted[aria-selected],
  1545.         html[data-theme=dark] .nav-pills>li.active>a, html[data-theme=dark] .user-unrated, html[data-theme=dark] #header .header-page li.is-active a,
  1546.         html[data-theme=dark] .m-box_inner, html[data-theme=dark] .m-list-job_item, html[data-theme=dark] .a-btn_arrow,
  1547.         html[data-theme=dark] #header, html[data-theme=dark] #header .header-sub_page li a,
  1548.         html[data-theme=dark] .select2-container--default .select2-selection--single .select2-selection__rendered, html[data-theme=dark] .select2-results{
  1549.             color: var(--ojb-color-text-primary) !important;
  1550.         }
  1551.         /* 文字颜色2 */
  1552.         html[data-theme=dark] pre, html[data-theme=dark] .html2mdButton, html[data-theme=dark] .btn-default, html[data-theme=dark] .btn-pre,
  1553.         html[data-theme=dark] small.contest-duration, html[data-theme=dark] .select2-container--bootstrap .select2-results__option,
  1554.         html[data-theme=dark] #ace_settingsmenu, #kbshortcutmenu, html[data-theme=dark] code{
  1555.             color: var(--ojb-color-text-secondary) !important;
  1556.         }
  1557.         /* 文字颜色3 */
  1558.         html[data-theme=dark] input, html[data-theme=dark] #header .header-page li a:hover{
  1559.             color: var(--ojb-color-text-secondary);
  1560.         }
  1561.         /* 文字颜色4 */
  1562.         html[data-theme=dark] .katex{
  1563.             color: var(--ojb-color-text-highlight) !important;
  1564.         }
  1565.         /* 链接颜色 */
  1566.         html[data-theme=dark] a:link {
  1567.             color: var(--ojb-color-text-link);
  1568.         }
  1569.         html[data-theme=dark] a:visited {
  1570.             color: var(--ojb-color-text-secondary);
  1571.         }
  1572.         /* 按钮 */
  1573.         html[data-theme=dark] input:hover, html[data-theme=dark] .btn-default:hover{
  1574.             background-color: var(--ojb-color-bg-primary) !important;
  1575.         } 
  1576.         /* 背景层次1 */
  1577.         html[data-theme=dark] body, html[data-theme=dark] #main-div.float-container, html[data-theme=dark] pre,
  1578.         html[data-theme=dark] .html2mdButton:hover, html[data-theme=dark] .pagination>.active>a, html[data-theme=dark] .ace-tm,
  1579.         html[data-theme=dark] .dropdown-menu>li>a:hover, html[data-theme=dark] .dropdown-menu>li>a:focus,
  1580.         html[data-theme=dark] .dropdown-menu .divider, html[data-theme=dark] .select2-container--bootstrap .select2-selection,
  1581.         html[data-theme=dark] .ace-tm .ace_gutter-active-line, html[data-theme=dark] .select2-dropdown,
  1582.         html[data-theme=dark] input, html[data-theme=dark] button, html[data-theme=dark] select, html[data-theme=dark] textarea,
  1583.         html[data-theme=dark] code, html[data-theme=dark] #keyvisual .keyvisual-inner:before, html[data-theme=dark] .m-box_inner,
  1584.         html[data-theme=dark] .m-list-job_item, html[data-theme=dark] .select2-container--default .select2-selection--single,
  1585.         html[data-theme=dark] ol.linenums, html[data-theme=dark] li.L0, html[data-theme=dark] li.L1, html[data-theme=dark] li.L2,
  1586.         html[data-theme=dark] li.L3, html[data-theme=dark] li.L4, html[data-theme=dark] li.L5, html[data-theme=dark] li.L6,
  1587.         html[data-theme=dark] li.L7, html[data-theme=dark] li.L8, html[data-theme=dark] li.L9{
  1588.             background-color: var(--ojb-color-bg-primary) !important;
  1589.         }
  1590.         /* 背景层次2 */
  1591.         html[data-theme=dark] .float-container>#main-container, html[data-theme=dark] #contest-nav-tabs,
  1592.         html[data-theme=dark] .btn-default, html[data-theme=dark] .html2mdButton,
  1593.         html[data-theme=dark] .nav-tabs>li.active>a, html[data-theme=dark] .nav-tabs>li.active>a:hover, html[data-theme=dark] .nav-tabs>li.active>a:focus,
  1594.         html[data-theme=dark] .nav>li>a:hover, html[data-theme=dark] .nav>li>a:focus, html[data-theme=dark] .panel, 
  1595.         html[data-theme=dark] .table-striped>tbody>tr:nth-of-type(odd), html[data-theme=dark] .insert-participant-box,
  1596.         html[data-theme=dark] .btn-pre, html[data-theme=dark] .alert-success, html[data-theme=dark] .alert-info, html[data-theme=dark] .alert-danger,
  1597.         html[data-theme=dark] .alert-warning, html[data-theme=dark] .panel-default>.panel-heading,
  1598.         html[data-theme=dark] .pagination>li>a, html[data-theme=dark] .pagination>li>span, html[data-theme=dark] .dropdown-menu,
  1599.         html[data-theme=dark] .ace-tm .ace_gutter, html[data-theme=dark] .select2-container--bootstrap .select2-results__option[aria-selected=true],
  1600.         html[data-theme=dark] #ace_settingsmenu, #kbshortcutmenu, html[data-theme=dark] #header .header-inner,
  1601.         html[data-theme=dark] ul#config_bar_ul::-webkit-scrollbar-thumb, html[data-theme=dark] .panel-info>.panel-heading,
  1602.         html[data-theme=dark] .post-footer, html[data-theme=dark] .a-btn_arrow:before,
  1603.         html[data-theme=dark] .table-hover>tbody>tr:hover,
  1604.         html[data-theme=dark] li.L1, html[data-theme=dark] li.L3, html[data-theme=dark] li.L5, html[data-theme=dark] li.L7,
  1605.         html[data-theme=dark] li.L9{
  1606.             background-color: var(--ojb-color-bg-secondary) !important;
  1607.         }
  1608.         /* 实线边框颜色-圆角 */
  1609.         html[data-theme=dark] input{
  1610.             border: var(--ojb-border-solid-primary) !important;
  1611.             border-radius: 2px;
  1612.         }
  1613.         /* 实线边框颜色-无圆角 */
  1614.         html[data-theme=dark] .btn-default, html[data-theme=dark] .html2mdButton, html[data-theme=dark] .nav-tabs>li>a:hover,
  1615.         html[data-theme=dark] .nav-tabs>li.active>a, html[data-theme=dark] .nav-tabs>li.active>a:hover,
  1616.         html[data-theme=dark] .nav-tabs>li.active>a:focus, html[data-theme=dark] .btn-pre, html[data-theme=dark] .btn-pre:hover,
  1617.         html[data-theme=dark] pre, html[data-theme=dark] .pagination>li>a, html[data-theme=dark] .pagination>li>span,
  1618.         html[data-theme=dark] .table-bordered>thead>tr>th, html[data-theme=dark] .table-bordered>tbody>tr>th, html[data-theme=dark] .table-bordered>tfoot>tr>th,
  1619.         html[data-theme=dark] .table-bordered>thead>tr>td, html[data-theme=dark] .table-bordered>tbody>tr>td, html[data-theme=dark] .table-bordered>tfoot>tr>td,
  1620.         html[data-theme=dark] .panel, html[data-theme=dark] #editor, html[data-theme=dark] div#config_bar_list, html[data-theme=dark] label.config_bar_ul_li_text,
  1621.         html[data-theme=dark] .select2-container--bootstrap .select2-selection, html[data-theme=dark] .select2-container--default .select2-selection--single{
  1622.             border: var(--ojb-border-solid-primary) !important;
  1623.         }
  1624.         html[data-theme=dark] hr, html[data-theme=dark] .panel-footer,
  1625.         html[data-theme=dark] .table>thead>tr>th, html[data-theme=dark] .table>tbody>tr>th, html[data-theme=dark] .table>tfoot>tr>th,
  1626.         html[data-theme=dark] .table>thead>tr>td, html[data-theme=dark] .table>tbody>tr>td, html[data-theme=dark] .table>tfoot>tr>td{
  1627.             border-top: var(--ojb-border-solid-primary) !important;
  1628.         }
  1629.         html[data-theme=dark] .nav-tabs, html[data-theme=dark] .panel-info>.panel-heading, html[data-theme=dark] .panel-default>.panel-heading,
  1630.         html[data-theme=dark] .a-btn_arrow{
  1631.             border-bottom: var(--ojb-border-solid-primary) !important;
  1632.         }
  1633.         html[data-theme=dark] .table>thead>tr>th{
  1634.             border-bottom: 2px solid var(--ojb-color-border-primary) !important;
  1635.         }
  1636.         /* 双实线边框 */
  1637.         html[data-theme=dark] #header .header-inner{
  1638.             border-bottom: 5px double var(--ojb-color-border-primary) !important;
  1639.         }
  1640.         /* 阴影 */
  1641.         html[data-theme=dark] .float-container>#main-container{
  1642.             box-shadow: 0px 0px 10px 5px #fff0;
  1643.         }
  1644.         /* 图片-亮度 */
  1645.         html[data-theme=dark] img{
  1646.             opacity: .75; 
  1647.         }
  1648.         /* 反转 */
  1649.         html[data-theme=dark] .ace_content, html[data-theme=dark] #header .header-logo img, html[data-theme=dark] pre code{
  1650.             filter: invert(1) hue-rotate(.5turn);
  1651.         }
  1652.         /* 区域遮罩 */
  1653.         html[data-theme=dark] .overlay {
  1654.             background: repeating-linear-gradient(135deg, #49525f6e, #49525f6e 30px, #49525f29 0px, #49525f29 55px);
  1655.             color: #9099a3;
  1656.             text-shadow: 0px 0px 2px #000000;
  1657.         }
  1658.         /* 其他样式 */
  1659.         html[data-theme=dark] .nav-tabs>li.active>a, html[data-theme=dark] .nav-tabs>li.active>a:hover, html[data-theme=dark] .nav-tabs>li.active>a:focus{
  1660.             border-bottom-color: transparent !important;
  1661.         }
  1662.         html[data-theme=dark] .collapsible-topic.collapsed .content .collapsible-topic-options:before{
  1663.             background-image: linear-gradient(#22272e00, #22272e);
  1664.         }
  1665.         html[data-theme=dark] .alert{
  1666.             text-shadow: none;
  1667.         }
  1668.         html[data-theme=dark] .m-box-news_post:before{
  1669.             background: linear-gradient(0deg, #22272e 50%, rgba(255,255,255,0) 100%);
  1670.         }
  1671.         html[data-theme=dark] #header .header-sub_page li a:before, html[data-theme=dark] #header .header-page li a:before{
  1672.             background-color: #9e9e9e !important;
  1673.         }
  1674.         html[data-theme=dark] .standings-score{
  1675.             color: #2196f3;
  1676.         }
  1677.         html[data-theme=dark] pre code{
  1678.             background-color: transparent !important;
  1679.         }
  1680.         html[data-theme=dark] #fixed-server-timer {
  1681.             color: #000;
  1682.         }
  1683.     `);
  1684. })()
  1685.  
  1686. /**
  1687.  * 黑暗模式额外的处理事件
  1688.  */
  1689. function darkModeStyleAdjustment() {
  1690.  
  1691. }
  1692.  
  1693. /**
  1694.  * 初始化monaco编辑器资源
  1695.  */
  1696. async function initMonacoEditor() {
  1697.     if (OJBetter.monaco.enableOnProblemPage || OJBetter.monaco.beautifyPreBlocks) {
  1698.         try {
  1699.             // 等待Monaco Editor加载器脚本加载完成
  1700.             await OJB_LoadJS("https://mirrors.sustech.edu.cn/cdnjs/ajax/libs/monaco-editor/0.49.0/min/vs/loader.min.js", "sha512-ZG31AN9z/CQD1YDDAK4RUAvogwbJHv6bHrumrnMLzdCrVu4HeAqrUX7Jsal/cbUwXGfaMUNmQU04tQ8XXl5Znw==");
  1701.  
  1702.             // 配置Monaco Editor
  1703.             require.config({
  1704.                 paths: { vs: "https://mirrors.sustech.edu.cn/cdnjs/ajax/libs/monaco-editor/0.49.0/min/vs" },
  1705.                 "vs/nls": { availableLanguages: { "*": "zh-cn" } },
  1706.             });
  1707.  
  1708.             // 加载Monaco Editor主脚本
  1709.             require(["vs/editor/editor.main"], () => {
  1710.                 OJBetter.monaco.loaderOnload = true;
  1711.             });
  1712.         } catch (error) {
  1713.             console.error("Failed to load Monaco Editor: ", error);
  1714.         }
  1715.     }
  1716. }
  1717.  
  1718. /**
  1719.  * 美化代码块
  1720.  */
  1721. async function beautifyPreBlocksWithMonaco() {
  1722.     // 等待 MonacoLoader 加载完毕
  1723.     await OJB_waitUntilTrue(() => OJBetter.monaco.loaderOnload);
  1724.  
  1725.     const LINE_HEIGHT = 20; // 每行代码的高度
  1726.     const MIN_HEIGHT = 100; // 容器的最小高度
  1727.  
  1728.     /**
  1729.      * 计算容器的高度
  1730.      * @param {number} lineCount 代码的行数
  1731.      * @param {string} [maxHeightStr='1000px'] 最大高度，为 'none' 时表示不限制
  1732.      * @returns {string} 容器的高度
  1733.      */
  1734.     const calculateContainerHeight = (lineCount, maxHeightStr = '1000px') => {
  1735.         const maxHeight = parseInt(maxHeightStr, 10); // 最大高度
  1736.         const calculatedHeight = Math.max(lineCount * LINE_HEIGHT, MIN_HEIGHT);
  1737.         return `${isNaN(maxHeight) ? calculatedHeight : Math.min(calculatedHeight, maxHeight)}px`;
  1738.     };
  1739.  
  1740.     /**
  1741.      * 用于替换 <pre> 标签为 Monaco 编辑器的函数
  1742.      * @param {HTMLElement} pre <pre> 元素
  1743.      */
  1744.     const replacePreWithMonaco = (pre) => {
  1745.         if (pre.classList.contains('source-code-for-copy')) return; // 跳过复制块
  1746.  
  1747.         const code = OJB_getCodeFromPre(pre); // 获取 <pre> 标签中的代码
  1748.         if (!code) return;
  1749.  
  1750.         const language = OJB_codeLangDetect(code); // 检测代码语言
  1751.         const container = document.createElement('div'); // 创建一个用于 Monaco 编辑器的容器
  1752.         const lineCount = code.split('\n').length; // 计算代码的行数
  1753.  
  1754.         // 设置容器的样式
  1755.         container.style.height = calculateContainerHeight(lineCount);
  1756.         container.style.width = '100%';
  1757.         pre.style.display = 'none';
  1758.         pre.insertAdjacentElement('afterend', container);
  1759.  
  1760.         // 折叠/展开按钮点击事件
  1761.         const toggleExpandCollapse = (() => {
  1762.             let isExpanded = false;
  1763.             return () => {
  1764.                 console.log(calculateContainerHeight(lineCount, isExpanded ? '1000px' : 'none'));
  1765.                 container.style.height = calculateContainerHeight(lineCount, isExpanded ? '1000px' : 'none');
  1766.                 isExpanded = !isExpanded;
  1767.             };
  1768.         })();
  1769.  
  1770.         // 重新注册 submission-code-expand-btn 按钮的点击事件
  1771.         document.querySelectorAll('.submission-code-expand-btn').forEach(button => {
  1772.             button.addEventListener('click', toggleExpandCollapse);
  1773.         });
  1774.  
  1775.         // 初始化 Monaco 编辑器
  1776.         monaco.editor.create(container, {
  1777.             value: code,
  1778.             language,
  1779.             readOnly: true,
  1780.             tabSize: 4,
  1781.             theme: OJBetter.basic.darkMode === "dark" ? "vs-dark" : "vs",
  1782.             scrollbar: {
  1783.                 verticalScrollbarSize: 10,
  1784.                 horizontalScrollbarSize: 10,
  1785.                 alwaysConsumeMouseWheel: false
  1786.             },
  1787.             automaticLayout: true,
  1788.             scrollBeyondLastLine: false
  1789.         });
  1790.     };
  1791.  
  1792.     // 全局替换页面上所有的 <pre> 元素
  1793.     document.querySelectorAll('pre').forEach(replacePreWithMonaco);
  1794.  
  1795.     // 监听页面上的提交状态页面窗口的 <pre> 元素
  1796.     if (OJBetter.typeOfPage.is_statePage || OJBetter.typeOfPage.is_submissions) {
  1797.         OJB_observeElement({
  1798.             selector: '#facebox',
  1799.             callback: (node) => {
  1800.                 // 如果 facebox 中存在 pre 元素，则替换它们
  1801.                 node.querySelectorAll('pre').forEach(replacePreWithMonaco);
  1802.             }
  1803.         });
  1804.     }
  1805. }
  1806.  
  1807. // 样式
  1808. GM_addStyle(`
  1809. /*动画*/
  1810. @keyframes shake {
  1811.     0% { transform: translateX(-5px); }
  1812.     100% { transform: translateX(5px); }
  1813. }
  1814. @keyframes rotate {
  1815.     from {
  1816.         transform: rotate(0deg);
  1817.     }
  1818.  
  1819.     to {
  1820.         transform: rotate(360deg);
  1821.     }
  1822. }
  1823. @keyframes rippleout {
  1824.     0% {
  1825.         box-shadow: 0 0 0 0 rgba(96, 98, 102, 0.2);
  1826.     }
  1827.  
  1828.     100% {
  1829.         box-shadow: 0 0 0 6px rgba(0, 0, 0, 0);
  1830.     }
  1831. }
  1832. @keyframes bounce-in {
  1833. 	20%,40%,60%,80%,from,to {
  1834. 		animation-timing-function: cubic-bezier(.215,.61,.355,1);
  1835. 	}
  1836.  
  1837. 	0% {
  1838. 		opacity: 0;
  1839. 		transform: scale3d(.995,.995,.995);
  1840. 	}
  1841.  
  1842. 	20% {
  1843.         opacity: 1;
  1844. 		transform: scale3d(1.005,1.005,1.005);
  1845. 	}
  1846.  
  1847. 	40% {
  1848. 		transform: scale3d(.998,.998,.998);
  1849. 	}
  1850.  
  1851. 	60% {
  1852. 		transform: scale3d(1.002,1.002,1.002);
  1853. 	}
  1854.  
  1855. 	80% {
  1856. 		transform: scale3d(.995,.995,.995);
  1857. 	}
  1858.  
  1859. 	to {
  1860. 		opacity: 1;
  1861. 		transform: scale3d(1,1,1);
  1862. 	}
  1863. }
  1864. /*iconfont图标*/
  1865. .iconfont {
  1866.     font-family: "iconfont" !important;
  1867.     font-size: 16px;
  1868.     font-style: normal !important;
  1869.     -webkit-font-smoothing: antialiased;
  1870.     -moz-osx-font-smoothing: grayscale;
  1871. }
  1872. @font-face {
  1873.   font-family: 'iconfont';  /* Project id 4284341 */
  1874.   src: url('//aowuucdn.oss-accelerate.aliyuncs.com/iconfont/iconfont.woff2') format('woff2'),
  1875.        url('//aowuucdn.oss-accelerate.aliyuncs.com/iconfont/iconfont.woff2.ttf') format('truetype');
  1876. }
  1877. html {
  1878.     scroll-behavior: smooth;
  1879. }
  1880. :root {
  1881.     --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";
  1882. }
  1883. span.mdViewContent {
  1884.     white-space: pre-wrap;
  1885. }
  1886.  
  1887. /* dialog */
  1888. dialog {
  1889.     margin: 0px !important;
  1890. }
  1891. dialog::backdrop {
  1892.     background-color: rgba(0, 0, 0, 0.4);
  1893. }
  1894.  
  1895. /*题目页链接栏样式*/
  1896. #problemToolbar {
  1897.     display: flex;
  1898.     flex-wrap: wrap;
  1899.     justify-content: flex-end;
  1900.     overflow: auto;
  1901.     height: 100%;
  1902.     margin: 0.5em;
  1903. }
  1904.  
  1905. /*html2md面板*/
  1906. .html2md-panel {
  1907.     display: flex;
  1908.     justify-content: flex-end;
  1909.     align-items: center;
  1910. }
  1911. .html2md-panel a {
  1912.     text-decoration: none;
  1913. }
  1914. .html2md-panel > button {
  1915.     margin: 5px;
  1916. }
  1917. .html2md-panel.is_simple {
  1918.     position: absolute;
  1919.     right: 2%;
  1920. }
  1921.  
  1922. /*通用按钮*/
  1923. .ojb_btn {
  1924.     display: flex;
  1925.     align-items: center;
  1926.     justify-content: center;
  1927.     cursor: pointer;
  1928.     background-color: #ffffff;
  1929.     color: #606266;
  1930.     width: auto;
  1931.     font-size: 13px;
  1932.     border-radius: 0.3rem;
  1933.     padding: 2px 5px;
  1934.     margin: 0px 5px;
  1935.     border: 1px solid #dcdfe6;
  1936. }
  1937. .ojb_btn[disabled] {
  1938.     cursor: not-allowed !important;
  1939.     color: rgb(168, 171, 178) !important;
  1940.     border: 1px solid #e4e7ed;
  1941.     background-color: #ffffff;
  1942. }
  1943. .ojb_btn:hover {
  1944.     color: #409eff;
  1945.     border-color: #409eff;
  1946.     background-color: #f1f8ff;
  1947.     z-index: 150;
  1948. }
  1949. .ojb_btn.primary {
  1950.     color: #ffffff;
  1951.     border: 1px solid #409eff;
  1952.     background-color: #409eff;
  1953. }
  1954. .ojb_btn.primary:hover {
  1955.     color: #ffffff;
  1956.     border: 1px solid #79bbff;
  1957.     background-color: #79bbff;
  1958. }
  1959. .ojb_btn.success {  
  1960.     color: #4caf50;
  1961.     border: 1px solid #C8E6C9;
  1962.     background-color: #f0f9eb;
  1963. }
  1964. .ojb_btn.warning {
  1965.     color: #e6a23c;
  1966.     border: 1px solid #f3d19e;
  1967.     background-color: #fdf6ec;
  1968. }
  1969. .ojb_btn.error {
  1970.     color: #f56c6c;
  1971.     border: 1px solid #fab6b6;
  1972.     background-color: #fef0f0;
  1973. }
  1974. .ojb_btn.enabled {
  1975.     color: #42A5F5;
  1976.     border: 1px solid #90CAF9;
  1977.     background-color: #fafbff;
  1978. }
  1979. .ojb_btn.active {
  1980.     animation: rippleout 0.5s ease-in-out;
  1981. }
  1982. a.ojb_btn {
  1983.     text-decoration: none;
  1984. }
  1985. a.ojb_btn:link {
  1986.     color: #606266;
  1987. }
  1988. a.ojb_btn span {
  1989.     margin-left: 2px;
  1990. }
  1991. /*按钮图标和popover*/
  1992. .ojb_btn_popover {
  1993.     display: flex;
  1994.     justify-content: center;
  1995.     position: relative;
  1996.     outline: none;
  1997.     appearance: none;
  1998. }
  1999. .ojb_btn_popover:hover span {
  2000.     opacity: 1;
  2001.     visibility: visible;
  2002. }
  2003. .ojb_btn_popover i:before {
  2004.     position: absolute;
  2005.     text-shadow: 1px 1px 0px #ffffff, 1px -1px 0px #ffffff, -1px -1px 0px #ffffff, -1px 1px 0px #ffffff;
  2006. }
  2007. .ojb_btn_popover span {
  2008.     cursor: initial;
  2009.     position: absolute;
  2010.     left: 50%;
  2011.     opacity: 0;
  2012.     visibility: hidden;
  2013.     padding: 4px 8px;
  2014.     background-color: rgba(33, 33, 33, 0.8);
  2015.     color: rgba(255, 255, 255, 0.9019607843);
  2016.     font-size: 12px;
  2017.     border-radius: 6px;
  2018.     line-height: 1.6;
  2019.     text-align: left;
  2020.     white-space: nowrap;
  2021.     transition: all 0.15s ease-in-out;
  2022.     z-index: 999;
  2023. }
  2024. .ojb_btn_popover span:hover {
  2025.     opacity: 0;
  2026.     visibility: hidden;
  2027. }
  2028. .ojb_btn_popover.top:hover span {
  2029.     transform: translate(-50%, 0);
  2030. }
  2031. .ojb_btn_popover.top span {
  2032.     bottom: 100%;
  2033.     transform: translate(-50%, -20%);
  2034.     margin-bottom: 4px;
  2035. }
  2036. .ojb_btn_popover.top span:hover {
  2037.     transform: translate(-50%, -20%);
  2038. }
  2039. .ojb_btn_popover.bottom:hover span {
  2040.     transform: translate(-50%, 105%);
  2041. }
  2042. .ojb_btn_popover.bottom span {
  2043.     bottom: -2%;
  2044.     transform: translate(-50%, 100%);
  2045.     margin-top: 4px;
  2046. }
  2047. .ojb_btn_popover.bottom span:hover {
  2048.     transform: translate(-50%, 50%);
  2049. }
  2050. .ojb_btn_popover.loading i {
  2051.     color: rgba(33, 33, 33, 0.1);
  2052. }
  2053. .ojb_btn_popover.loading i:before {
  2054.     content: "\\e640";
  2055.     color: rgb(168, 171, 178);
  2056.     animation: rotate 2s cubic-bezier(0.65, 0.05, 0.36, 1) infinite;
  2057. }
  2058. .ojb_btn_popover.running i {
  2059.     color: rgba(33, 33, 33, 0.1);
  2060. }
  2061. .ojb_btn_popover.running i:before {
  2062.     content: "\\e600";
  2063.     color: rgb(168, 171, 178);
  2064.     animation: rotate 1s linear infinite;
  2065. }
  2066. .ojb_btn_popover.warning i {
  2067.     color: rgba(230, 162, 61, 0.8);
  2068. }
  2069. .ojb_btn_popover.warning i:before {
  2070.     content: "\\e68b";
  2071.     font-size: 15px;
  2072.     left: 10px;
  2073.     bottom: 0%;
  2074.     color: #ff9800;
  2075. }
  2076. .ojb_btn_popover.error i {
  2077.     color: rgba(245, 108, 108, 0.8);
  2078. }
  2079. .ojb_btn_popover.error i:before {
  2080.     content: "\\e651";
  2081.     font-size: 15px;
  2082.     left: 10px;
  2083.     bottom: 0%;
  2084.     color: #F44336;
  2085. }
  2086. .ojb_btn_popover.success i {
  2087.     color: rgba(76, 175, 80, 0.9);
  2088. }
  2089. .ojb_btn_popover.success i:before {
  2090.     content: "\\e61e";
  2091.     font-size: 15px;
  2092.     left: 10px;
  2093.     bottom: 0%;
  2094.     color: #4caf50;
  2095. }
  2096. .ojb_btn_popover.enabled i {
  2097.     color: rgba(33, 150, 243, 0.6);
  2098. }
  2099. .ojb_btn_popover.enabled i:before {
  2100.     content: "\\e6f4";
  2101.     font-size: 15px;
  2102.     left: 10px;
  2103.     bottom: 0%;
  2104.     color: #2196F3;
  2105. }
  2106. .ojb_btn_popover.redo i {
  2107.     color: rgba(33, 33, 33, 0.1);
  2108. }
  2109. .ojb_btn_popover.redo i:before {
  2110.     content: "\\e831";
  2111.     color: #616161;
  2112. }
  2113. .ojb_btn_popover.reverse i {
  2114.     transform: rotate(180deg);
  2115. }
  2116.  
  2117. /*translateDiv样式*/
  2118. .translateDiv .topText {
  2119.     display: flex;
  2120.     margin-left: 5px;
  2121.     color: #9e9e9e;
  2122.     font-size: 13px;
  2123.     align-items: center;
  2124. }
  2125. .translateDiv .borderlessButton{
  2126.     display: flex;
  2127.     align-items: center;
  2128.     margin: 2.5px 7px;
  2129.     fill: #9E9E9E;
  2130. }
  2131. .translateDiv .borderlessButton:hover{
  2132.     cursor: pointer;
  2133.     fill: #059669;
  2134. }
  2135. .translateDiv.bounce-in {
  2136.     animation: bounce-in 1s forwards;
  2137. }
  2138. html:not([data-theme='dark']) .translateDiv {
  2139.     box-shadow: 0px 0px 0.5px 0.5px #defdf378;
  2140. }
  2141. .translate-problem-statement {
  2142.     justify-items: start;
  2143.     letter-spacing: 1.8px;
  2144.     color: #059669;
  2145.     background-color: #f9f9fa;
  2146.     border: 1px solid #c5ebdf;
  2147.     border-radius: 0rem 0rem 0.3rem 0.3rem;
  2148.     padding: 5px;
  2149.     margin: -5px 0px 6px 0px;
  2150.     width: 100%;
  2151.     box-sizing: border-box;
  2152.     font-size: 13px;
  2153. }
  2154. .translate-problem-statement h2 {
  2155.     font-size: 1.6em;
  2156.     font-weight: 700;
  2157. }
  2158. .translate-problem-statement h3 {
  2159.     font-size: 1.3em;
  2160.     font-weight: 700;
  2161. }
  2162. .translate-problem-statement-panel{
  2163.     display: flex;
  2164.     justify-content: space-between;
  2165.     background-color: #f9f9fa;
  2166.     border: 1px solid #c5ebdf;
  2167.     border-radius: 0.3rem;
  2168.     margin: 4px 0px;
  2169. }
  2170. .translate-problem-statement-panel .ojb_btn {
  2171.     background: none;
  2172.     border: none;
  2173.     color: #9e9e9e;
  2174. }
  2175. .translate-problem-statement-panel.error, .translate-problem-statement.error {
  2176.     color: red;
  2177.     border-color: red;
  2178. }
  2179. .translate-problem-statement a, .translate-problem-statement a:link {
  2180.     color: #10b981;
  2181.     font-weight: 600;
  2182.     background: 0 0;
  2183.     text-decoration: none;
  2184. }
  2185. .translate-problem-statement ol, .translate-problem-statement ul {
  2186.     display: grid;
  2187.     margin-inline-start: 0.8em;
  2188.     margin-block-start: 0em;
  2189.     margin: 0.5em 0 0 3em;
  2190.     padding-inline-start: 0px;
  2191. }
  2192. .translate-problem-statement li {
  2193.     display: list-item;
  2194.     height: auto;
  2195.     word-wrap: break-word;
  2196. }
  2197. .translate-problem-statement ol li {
  2198.     list-style-type: auto;
  2199. }
  2200. .translate-problem-statement ul li {
  2201.     list-style-type: disc;
  2202. }
  2203. .translate-problem-statement img {
  2204.     max-width: 100.0%;
  2205.     max-height: 100.0%;
  2206. }
  2207. #task-statement .translate-problem-statement .MathJax {
  2208.     color: #059669!important;
  2209. }
  2210. .translate-problem-statement span.math {
  2211.     margin: 0px 2.5px !important;
  2212. }
  2213. .translate-problem-statement a:hover {
  2214.     background-color: #800;
  2215.     color: #fff;
  2216.     text-decoration: none;
  2217. }
  2218. .translate-problem-statement table {
  2219.     border: 1px #ccc solid !important;
  2220.     margin: 1.5em 0 !important;
  2221.     color: #059669 !important;
  2222. }
  2223. .translate-problem-statement table thead th {
  2224.     border: 1px #ccc solid !important;
  2225.     color: #059669 !important;
  2226. }
  2227. .translate-problem-statement table td {
  2228.     border-right: 1px solid #ccc;
  2229.     border-top: 1px solid #ccc;
  2230.     padding: 0.7143em 0.5em;
  2231. }
  2232. .translate-problem-statement table th {
  2233.     padding: 0.7143em 0.5em;
  2234. }
  2235. .translate-problem-statement p:not(:first-child) {
  2236.     margin: 1.5em 0 0;
  2237. }
  2238. .translate-problem-statement p {
  2239.     line-height: 20px !important;
  2240.     word-wrap: break-word;
  2241.     font-size: 13px !important
  2242. }
  2243. .problem-statement p:last-child {
  2244.     margin-bottom: 0px !important;
  2245. }
  2246.  
  2247. /*设置按钮*/
  2248. header .enter-or-register-box, header .languages {
  2249.     position: absolute;
  2250.     right: 170px;
  2251. }
  2252. .ojb_btn.OJBetter_setting {
  2253.     float: right;
  2254.     height: 30px;
  2255.     background: #60a5fa;
  2256.     color: white;
  2257.     margin: 10px;
  2258.     border: 1px solid #60a5fa;
  2259. }
  2260. .ojb_btn.OJBetter_setting.open {
  2261.     background-color: #e6e6e6;
  2262.     color: #727378;
  2263.     cursor: not-allowed;
  2264. }
  2265.  
  2266. /*设置面板*/
  2267. .OJBetter_setting_menu {
  2268.     box-shadow: 0px 0px 0px 4px #ffffff;
  2269.     position: fixed;
  2270.     top: 50%;
  2271.     left: 50%;
  2272.     width: 600px;
  2273.     min-height: 600px;
  2274.     transform: translate(-50%, -50%);
  2275.     border-radius: 6px;
  2276.     background-color: #f0f4f9;
  2277.     border-collapse: collapse;
  2278.     border: 1px solid #ffffff;
  2279.     color: #697e91;
  2280.     font-family: var(--vp-font-family-base);
  2281.     padding: 10px 20px 20px 10px;
  2282.     box-sizing: content-box;
  2283. }
  2284. .OJBetter_setting_menu h3 {
  2285.     margin-top: 10px;
  2286.     font-size: 1.4em;
  2287.     font-weight: 700;
  2288. }
  2289. .OJBetter_setting_menu h4 {
  2290.     margin: 15px 0px 10px 0px;
  2291. }
  2292. .OJBetter_setting_menu h4,.OJBetter_setting_menu h5 {
  2293.     font-weight: 600;
  2294. }
  2295. .OJBetter_setting_menu hr {
  2296.     border: none;
  2297.     height: 1px;
  2298.     background-color: #ccc;
  2299.     margin: 10px 0;
  2300. }
  2301. .OJBetter_setting_menu details {
  2302.     padding: 10px;
  2303.     margin-bottom: 5px;
  2304.     background-color: #ffffff;
  2305.     border-bottom: 1px solid #c9c6c696;
  2306.     border-radius: 8px;
  2307. }
  2308. .OJBetter_setting_menu .badge {
  2309.     border-radius: 4px;
  2310.     border: 1px solid #009688;
  2311.     color: #009688;
  2312.     background-color: #fff;
  2313.     padding: 0.5px 4px;
  2314.     margin-left: 5px;
  2315.     margin-right: auto;
  2316.     line-height: initial;
  2317.     font-weight: initial;
  2318. }
  2319. .OJBetter_setting_menu .missing {
  2320.     box-shadow: inset 0px 0px 1px 1px red;
  2321. }
  2322. /* 页面切换 */
  2323. .OJBetter_setting_menu .settings-page {
  2324.     display: none;
  2325. }
  2326. .OJBetter_setting_menu .settings-page.active {
  2327.     display: block;
  2328. }
  2329. .OJBetter_setting_container {
  2330.     display: flex;
  2331. }
  2332. .OJBetter_setting_sidebar {
  2333.     flex: 0 0 auto;
  2334.     min-width: 110px;
  2335.     padding: 6px 10px 6px 6px;
  2336.     margin: 20px 0px;
  2337.     border-right: 1px solid #d4d8e9;
  2338. }
  2339. .OJBetter_setting_content {
  2340.     flex-grow: 1;
  2341.     margin: 20px 0px 0px 12px;
  2342.     padding-right: 10px;
  2343.     max-height: 580px;
  2344.     overflow-y: auto;
  2345.     box-sizing: border-box;
  2346. }
  2347. .OJBetter_setting_sidebar h3 {
  2348.     margin-top: 0;
  2349. }
  2350. .OJBetter_setting_sidebar hr {
  2351.     margin-top: 10px;
  2352.     margin-bottom: 10px;
  2353.     border: none;
  2354.     border-top: 1px solid #DADCE0;
  2355. }
  2356. .OJBetter_setting_sidebar ul {
  2357.     list-style-type: none;
  2358.     margin: 0;
  2359.     padding: 0;
  2360. }
  2361. .OJBetter_setting_sidebar li {
  2362.     margin: 5px 0px;
  2363.     background-color: #ffffff;
  2364.     border: 1px solid #d4d8e9;
  2365.     border-radius: 4px;
  2366.     font-size: 16px;
  2367. }
  2368. .OJBetter_setting_sidebar li a {
  2369.     text-decoration: none;
  2370.     display: flex;
  2371.     width: 100%;
  2372.     font-size: 16px;
  2373.     color: gray;
  2374.     background-color: #ffffff;
  2375.     border: none;
  2376.     letter-spacing: 2px;
  2377.     padding: 7px;
  2378.     margin: 0px;
  2379.     border-radius: 4px;
  2380.     align-items: center;
  2381.     -webkit-box-sizing: border-box;
  2382.     -moz-box-sizing: border-box;
  2383.     box-sizing: border-box;
  2384. }
  2385. .OJBetter_setting_sidebar li a.active {
  2386.     background-color: #eceff1c7;
  2387. }
  2388. /* 链接样式 */
  2389. .OJBetter_setting_menu a {
  2390.     font-size: 13px;
  2391.     color: #009688 !important;
  2392.     background-color: #E0F2F1;
  2393.     border: 1px solid #009688;
  2394.     border-radius: 4px;
  2395.     padding: 0px 5px;
  2396.     margin: 0px 5px;
  2397.     text-decoration: none;
  2398. }
  2399. /* 下拉选择框 */
  2400. .OJBetter_setting_menu select {
  2401.     appearance: none;
  2402.     padding: 5px 10px;
  2403.     margin: -5px 0px;
  2404.     border-radius: 6px;
  2405.     border-style: solid;
  2406.     border: 1px solid #ced4da;
  2407.     color: #009688;
  2408.     background: #ffffff;
  2409.     font-size: 15px;
  2410. }
  2411. .OJBetter_setting_menu select:focus-visible {
  2412.     outline: none;
  2413. }
  2414. .OJBetter_setting_menu select option:disabled {
  2415.     color: #EEEEEE;
  2416. }
  2417. /* 数值输入框 */
  2418. .OJBetter_setting_menu input[type="number"] {
  2419.     width: 70px;
  2420.     color: #009688;
  2421.     font-size: 15px;
  2422.     appearance: none;
  2423.     padding: 5px 10px;
  2424.     margin: -5px 3px;
  2425.     border-radius: 6px;
  2426.     border-style: solid;
  2427.     border: 1px solid #ced4da;
  2428. }
  2429. .OJBetter_setting_menu input[type="number"]:focus-visible {
  2430.     outline: none;
  2431. }
  2432. .OJBetter_setting_menu input[type="number"]::-webkit-inner-spin-button,
  2433. .OJBetter_setting_menu input[type="number"]::-webkit-outer-spin-button {
  2434.     -webkit-appearance: none;
  2435.     margin: 0;
  2436. }
  2437. /*设置面板-滚动条*/
  2438. .OJBetter_setting_menu::-webkit-scrollbar, .OJBetter_setting_content::-webkit-scrollbar,
  2439. .OJBetter_modal .content::-webkit-scrollbar {
  2440.     width: 5px;
  2441.     height: 7px;
  2442.     background-color: #aaa;
  2443. }
  2444. .OJBetter_setting_menu::-webkit-scrollbar-thumb, .OJBetter_setting_content::-webkit-scrollbar-thumb,
  2445. .OJBetter_modal .content::-webkit-scrollbar-thumb {
  2446.     background-clip: padding-box;
  2447.     background-color: #d7d9e4;
  2448. }
  2449. .OJBetter_setting_menu::-webkit-scrollbar-track, .OJBetter_setting_content::-webkit-scrollbar-track,
  2450. .OJBetter_modal .content::-webkit-scrollbar-track {
  2451.     background-color: #f1f1f1;
  2452. }
  2453. /*设置面板-关闭按钮*/
  2454. .OJBetter_setting_menu .tool-box {
  2455.     position: absolute;
  2456.     width: 20px;
  2457.     height: 20px;
  2458.     top: 3px;
  2459.     right: 3px;
  2460. }
  2461. .OJBetter_setting_menu .btn-close {
  2462.     width: 20px;
  2463.     height: 20px;
  2464.     border-radius: 50%;
  2465.     border: none;
  2466.     margin: 0px;
  2467.     padding: 0px;
  2468.     background-color: #ff000080;
  2469.     transition: .15s ease all;
  2470.     box-sizing: border-box;
  2471.     text-align: center;
  2472.     color: transparent;
  2473. }
  2474. .OJBetter_setting_menu .iconfont {
  2475.     font-size: 10px;
  2476.     font-weight: bolder;
  2477. }
  2478. .OJBetter_setting_menu .btn-close:hover {
  2479.     color: #ffffff;
  2480.     background-color: #ff0000cc;
  2481.     box-shadow: 0 5px 5px 0 #00000026;
  2482. }
  2483. .OJBetter_setting_menu .btn-close:active {
  2484.     color: #ffffffde;
  2485.     background-color: #ff000080;
  2486. }
  2487. /*设置面板-checkbox*/
  2488. .OJBetter_setting_menu input[type=checkbox]:focus {
  2489.     outline: 0px;
  2490. }
  2491. .OJBetter_setting_menu .OJBetter_setting_list input[type="checkbox"] {
  2492.     margin: 0px;
  2493. 	appearance: none;
  2494.     -webkit-appearance: none;
  2495. 	width: 40px;
  2496. 	height: 20px;
  2497. 	border: 1.5px solid #D7CCC8;
  2498.     padding: 0px !important;
  2499. 	border-radius: 20px;
  2500. 	background: #efebe978;
  2501. 	position: relative;
  2502. 	box-sizing: border-box;
  2503. }
  2504. .OJBetter_setting_menu .OJBetter_setting_list input[type="checkbox"]::before {
  2505. 	content: "";
  2506.     width: 17px;
  2507.     height: 17px;
  2508.     background: #D7CCC8;
  2509.     border: 1.5px solid #BCAAA4;
  2510.     border-radius: 50%;
  2511.     position: absolute;
  2512.     top: 0;
  2513.     left: 0;
  2514.     transform: translate(2%, 2%);
  2515.     transition: all 0.3s ease-in-out;
  2516.     box-sizing: border-box;
  2517. }
  2518. .OJBetter_setting_menu .OJBetter_setting_list input[type="checkbox"]::after {
  2519. 	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");
  2520. 	position: absolute;
  2521. 	top: 0;
  2522. 	left: 24px;
  2523. }
  2524. .OJBetter_setting_menu .OJBetter_setting_list input[type="checkbox"]:checked {
  2525. 	border: 1.5px solid #C5CAE9;
  2526. 	background: #E8EAF6;
  2527. }
  2528. .OJBetter_setting_menu .OJBetter_setting_list input[type="checkbox"]:checked::before {
  2529.     background: #C5CAE9;
  2530.     border: 1.5px solid #7986CB;
  2531.     transform: translate(122%, 2%);
  2532.     transition: all 0.3s ease-in-out;
  2533. }
  2534. .OJBetter_setting_menu .OJBetter_setting_list input[type="checkbox"]:checked::after {
  2535.     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");
  2536.     position: absolute;
  2537.     top: 1.5px;
  2538.     left: 4.5px;
  2539. }
  2540. .OJBetter_setting_menu .OJBetter_setting_list button {
  2541.     cursor: pointer;
  2542.     color: #7986cb;
  2543.     background-color: #e8eaf6;
  2544.     border: 1px solid #7986cb;
  2545.     border-radius: 6px;
  2546.     width: 100px;
  2547.     margin: -5px 2px;
  2548.     padding: 5px 10px;
  2549. }
  2550. .OJBetter_setting_menu .OJBetter_setting_list button:hover {
  2551.     color: #e8eaf6;
  2552.     background-color: #7986cb;
  2553.     border: 1px solid #7986cb;
  2554. }
  2555. .OJBetter_setting_menu label, #darkMode_span, #loaded_span {
  2556.     font-size: 16px;
  2557. }
  2558. .OJBetter_setting_list {
  2559.     display: flex;
  2560.     flex-wrap: wrap;
  2561.     align-items: center;
  2562.     padding: 10px;
  2563.     margin: 5px 0px;
  2564.     background-color: #ffffff;
  2565.     border: 1px solid #c9c6c642;
  2566.     border-bottom-color: #c9c6c696;
  2567.     border-radius: 8px;
  2568.     justify-content: space-between;
  2569. }
  2570. .OJBetter_setting_list.alert_danger {
  2571.     color: #F44336;
  2572.     background-color: #FFEBEE;
  2573.     border: 1px solid #F44336;
  2574.     margin: 10px 0px;
  2575. }
  2576. .OJBetter_setting_list.alert_warn {
  2577.     color: #E65100;
  2578.     background-color: #FFF3E0;
  2579.     border: 1px solid #FF9800;
  2580.     margin: 10px 0px;
  2581. }
  2582. .OJBetter_setting_list.alert_tip {
  2583.     color: #009688;
  2584.     background-color: #E0F2F1;
  2585.     border: 1px solid #009688;
  2586.     margin: 10px 0px;
  2587. }
  2588. .OJBetter_setting_list.alert_info {
  2589.     color: #ffffff;
  2590.     background-color: #009688;
  2591.     margin: 10px 0px;
  2592.     box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px 0px inset;
  2593. }
  2594. .OJBetter_setting_list p:not(:last-child) {
  2595.     margin-bottom: 10px;
  2596. }
  2597. .OJBetter_setting_list p:not(:first-child) {
  2598.     margin-top: 10px;
  2599. }
  2600. /*设置面板-checkboxs*/
  2601. .OJBetter_setting_menu .OJBetter_checkboxs {
  2602.     flex-basis: 100%;
  2603.     display: flex;
  2604.     padding: 8px;
  2605.     margin: 10px 0px 0px 0px;
  2606.     border-bottom: 1px solid #c9c6c696;
  2607.     border-radius: 8px;
  2608.     border: 1px solid #c5cae9;
  2609.     background-color: #f0f8ff;
  2610. }
  2611. .OJBetter_setting_menu .OJBetter_checkboxs label {
  2612.     font-size: 13px;
  2613.     margin: 0px 6px 0px 3px;
  2614. }
  2615. .OJBetter_setting_menu .OJBetter_checkboxs input[type=checkbox]:checked+label{
  2616.     color: #7986cb;
  2617. }
  2618. .OJBetter_setting_menu .OJBetter_checkboxs input[type="checkbox"] {
  2619.     border: none;
  2620.     width: 16px;
  2621.     height: 16px;
  2622. }
  2623. .OJBetter_setting_menu .OJBetter_checkboxs input[type="checkbox"]::before{
  2624.     background: #ffffff;
  2625.     transform: none;
  2626.     width: 16px;
  2627.     height: 16px;
  2628. }
  2629. .OJBetter_setting_menu .OJBetter_checkboxs input[type="checkbox"]:checked {
  2630. 	background: none;
  2631.     border: none;
  2632. }
  2633. .OJBetter_setting_menu .OJBetter_checkboxs input[type="checkbox"]:checked::before {
  2634.     border: 1.5px solid #95a2de;
  2635.     background: #e8eaf6;
  2636. 	transform: none;
  2637. }
  2638. .OJBetter_setting_menu .OJBetter_checkboxs input[type="checkbox"]:checked::after {
  2639.     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");
  2640.     top: 0px;
  2641.     left: 3.5px;
  2642. }
  2643. .OJBetter_setting_menu .OJBetter_checkboxs input[type="checkbox"]:disabled+label {
  2644.     color: #BDBDBD;
  2645. }
  2646. /*设置面板-radio*/
  2647. .OJBetter_setting_menu label {
  2648.     display: block;
  2649.     font-weight: initial;
  2650.     list-style-type: none;
  2651.     padding-inline-start: 0px;
  2652.     overflow-x: auto;
  2653.     max-width: 100%;
  2654.     margin: 3px 0px;
  2655.     overflow-x: visible;
  2656. }
  2657. .OJBetter_setting_menu_label_text {
  2658.     display: flex;
  2659.     border: 1px dashed #00aeeccc;
  2660.     height: 35px;
  2661.     width: 100%;
  2662.     color: #6e6e6e;
  2663.     font-weight: 300;
  2664.     font-size: 14px;
  2665.     letter-spacing: 2px;
  2666.     padding: 7px;
  2667.     margin-bottom: 4px;
  2668.     align-items: center;
  2669.     -webkit-box-sizing: border-box;
  2670.     -moz-box-sizing: border-box;
  2671.     box-sizing: border-box;
  2672. }
  2673. input[type="radio"]:checked+.OJBetter_setting_menu_label_text {
  2674.     background: #41e49930;
  2675.     border: 1px solid green;
  2676.     color: green;
  2677.     text-shadow: 0px 0px 0.5px green;
  2678. }
  2679. input[type="radio"]:disabled+.OJBetter_setting_menu_label_text {
  2680.     background: #fafafa00;
  2681.     border: 1px solid #e0e0e07a;
  2682.     color: #e0e0e0;
  2683. }
  2684. .OJBetter_setting_menu label input[type="radio"], .OJBetter_contextmenu label input[type="radio"]{
  2685.     appearance: none;
  2686.     list-style: none;
  2687.     padding: 0px !important;
  2688.     margin: 0px;
  2689.     clip: rect(0 0 0 0);
  2690.     -webkit-clip-path: inset(100%);
  2691.     clip-path: inset(100%);
  2692.     height: 1px;
  2693.     overflow: hidden;
  2694.     position: absolute;
  2695.     white-space: nowrap;
  2696.     width: 1px;
  2697. }
  2698. /*设置面板-文本输入框*/
  2699. .OJBetter_setting_menu input[type="text"] {
  2700.     display: block;
  2701.     height: 25px !important;
  2702.     width: 100%;
  2703.     background-color: #ffffff;
  2704.     color: #727378;
  2705.     font-size: 12px;
  2706.     border-radius: 0.3rem;
  2707.     padding: 1px 5px !important;
  2708.     box-sizing: border-box;
  2709.     margin: 5px 0px 5px 0px;
  2710.     border: 1px solid #00aeeccc;
  2711.     box-shadow: 0 0 1px #0000004d;
  2712. }
  2713. .OJBetter_setting_menu .OJBetter_setting_list input[type="text"] {
  2714.     margin-left: 5px;
  2715. }
  2716. .OJBetter_setting_menu input[type="text"]:focus-visible{
  2717.     border-style: solid;
  2718.     border-color: #3f51b5;
  2719.     outline: none;
  2720. }
  2721. .OJBetter_setting_menu_config_box {
  2722.     width: 100%;
  2723.     display: grid;
  2724.     margin-top: 5px;
  2725.     -webkit-box-sizing: border-box;
  2726.     -moz-box-sizing: border-box;
  2727.     box-sizing: border-box;
  2728. }
  2729. .OJBetter_setting_menu input::placeholder {
  2730.     color: #727378;
  2731. }
  2732. .OJBetter_setting_menu input.no_default::placeholder{
  2733.     color: #BDBDBD;
  2734. }
  2735. .OJBetter_setting_menu input.is_null::placeholder{
  2736.     color: red;
  2737.     border-width: 1.5px;
  2738. }
  2739. .OJBetter_setting_menu input.is_null{
  2740.     border-color: red;
  2741. }
  2742. .OJBetter_setting_menu textarea {
  2743.     resize: vertical;
  2744.     display: block;
  2745.     width: 100%;
  2746.     height: 60px;
  2747.     background-color: #ffffff;
  2748.     color: #727378;
  2749.     font-size: 12px;
  2750.     padding: 1px 5px !important;
  2751.     box-sizing: border-box;
  2752.     margin: 5px 0px 5px 0px;
  2753.     border: 1px solid #00aeeccc;
  2754.     box-shadow: 0 0 1px #0000004d;
  2755. }
  2756. .OJBetter_setting_menu textarea:focus-visible{
  2757.     border-style: solid;
  2758.     border-color: #3f51b5;
  2759.     outline: none;
  2760. }
  2761. .OJBetter_setting_menu textarea::placeholder{
  2762.     color: #BDBDBD;
  2763.     font-size: 14px;
  2764. }
  2765. .OJBetter_setting_menu #tempConfig_save {
  2766.     cursor: pointer;
  2767. 	display: inline-flex;
  2768.     padding: 5px;
  2769. 	background-color: #1aa06d;
  2770. 	color: #ffffff;
  2771. 	font-size: 14px;
  2772. 	line-height: 1.5rem;
  2773. 	font-weight: 500;
  2774. 	justify-content: center;
  2775. 	width: 100%;
  2776. 	border-radius: 0.375rem;
  2777. 	border: none;
  2778. 	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  2779.     margin-top: 20px
  2780. }
  2781. .OJBetter_setting_menu button#debug_button.debug_button {
  2782.     width: 18%;
  2783. }
  2784. .OJBetter_setting_menu span.tip {
  2785.     color: #999;
  2786.     font-size: 12px;
  2787.     font-weight: 500;
  2788.     padding: 5px 0px;
  2789. }
  2790. /*设置面板-tip*/
  2791. .help_tip {
  2792.     margin-right: auto;
  2793. }
  2794. span.input_label {
  2795.     font-size: 14px;
  2796. }
  2797. .help_tip .tip_text {
  2798.     display: none;
  2799.     position: absolute;
  2800.     color: #697e91;
  2801.     font-weight: 400;
  2802.     font-size: 14px;
  2803.     letter-spacing: 0px;
  2804.     background-color: #ffffff;
  2805.     padding: 10px;
  2806.     margin: 5px 0px;
  2807.     border-radius: 4px;
  2808.     border: 1px solid #e4e7ed;
  2809.     box-shadow: 0px 0px 12px rgba(0, 0, 0, .12);
  2810.     z-index: 100;
  2811. }
  2812. .help_tip .tip_text p {
  2813.     margin-bottom: 5px;
  2814. }
  2815. .help_tip .tip_text:before {
  2816.     content: "";
  2817.     position: absolute;
  2818.     top: -20px;
  2819.     right: -10px;
  2820.     bottom: -10px;
  2821.     left: -10px;
  2822.     z-index: -1;
  2823. }
  2824. .help-icon {
  2825.     cursor: help;
  2826.     width: 15px;
  2827.     color: #b4b9d4;
  2828.     margin-left: 5px;
  2829.     margin-top: 3px;
  2830. }
  2831. .OJBetter_setting_menu .OJBetter_setting_menu_label_text .help_tip .help-icon {
  2832.     color: #7fbeb2;
  2833. }
  2834. .help_tip .help-icon:hover + .tip_text, .help_tip .tip_text:hover {
  2835.     display: block;
  2836.     cursor: help;
  2837.     width: 250px;
  2838. }
  2839. /* 版本信息 */
  2840. .OJBetter_setting_menu .versionInfo{
  2841.     display: grid;
  2842.     justify-items: center;
  2843.     font-size: 16px;
  2844.     padding: 10px;
  2845. }
  2846. .OJBetter_setting_menu .versionInfo>* {
  2847.     margin: 10px 0px;
  2848. }
  2849.  
  2850. /* 配置管理面板 */
  2851. .config{
  2852.     width: 100%;
  2853.     margin: 10px 0px;
  2854. }
  2855. .config li.tempConfig_add_button {
  2856.     cursor: pointer;
  2857.     height: 40px;
  2858.     border: 1px dashed #BDBDBD;
  2859.     border-radius: 8px;
  2860.     background-color: #fcfbfb36;
  2861.     color: #bdbdbd;
  2862.     font-size: 14px;
  2863.     align-items: center;
  2864.     justify-content: center;
  2865. }
  2866. .config li.tempConfig_add_button:hover {
  2867.     border: 1px dashed #03A9F4;
  2868.     background-color: #d7f0fb8c;
  2869.     color: #03A9F4;
  2870. }
  2871. .config .config_bar_list {
  2872.     display: flex;
  2873.     width: 100%;
  2874.     padding-bottom: 2px;
  2875.     border: 1px solid #c5cae9;
  2876.     background-color: #f0f8ff;
  2877.     box-sizing: border-box;
  2878.     border-radius: 0px 0px 8px 8px;
  2879. }
  2880. .config .config_bar_list input[type="radio"] {
  2881.     appearance: none;
  2882.     width: 0;
  2883.     height: 0;
  2884.     overflow: hidden;
  2885. }
  2886. .config .config_bar_list input[type="radio"] {
  2887.     margin: 0px;
  2888. }
  2889. .config .config_bar_list input[type=radio]:focus {
  2890.     outline: 0px;
  2891. }
  2892. .config .config_bar_ul_li_text {
  2893.     display: flex;
  2894.     align-items: center;
  2895.     justify-content: center;
  2896.     max-width: 100%;
  2897.     height: 40px;
  2898.     overflow-x: auto;
  2899.     font-size: 14px;
  2900.     font-weight: 400;
  2901.     margin: 0px 4px;
  2902.     padding: 3px;
  2903.     border: 1px solid #dedede;
  2904.     border-radius: 10px;
  2905.     box-shadow: 0px 2px 4px 0px rgba(0,0,0,.05);
  2906.     box-sizing: border-box;
  2907. }
  2908. .config .config_bar_ul li button {
  2909.     background-color: #e6e6e6;
  2910.     color: #727378;
  2911.     height: 23px;
  2912.     font-size: 14px;
  2913.     border-radius: 0.3rem;
  2914.     padding: 1px 5px;
  2915.     margin: 5px;
  2916.     border: none;
  2917.     box-shadow: 0 0 1px #0000004d;
  2918. }
  2919. .config .config_bar_ul {
  2920.     display: flex;
  2921.     align-items: center;
  2922.     list-style-type: none;
  2923.     padding-inline-start: 0px;
  2924.     overflow-x: auto;
  2925.     max-width: 100%;
  2926.     margin: 0px;
  2927.     padding: 5px;
  2928. }
  2929. .config .config_bar_ul li {
  2930.     width: 80px;
  2931.     display: grid;
  2932.     margin: 4px 4px;
  2933.     min-width: 100px;
  2934.     box-sizing: border-box;
  2935. }
  2936. .config .config_bar_ul_li_text:hover {
  2937.     background-color: #eae4dc24;
  2938. }
  2939. input[type="radio"]:checked + .config_bar_ul_li_text {
  2940.     background: #41b3e430;
  2941.     border: 1px solid #5e7ce0;
  2942.     color: #5e7ce0;
  2943. }
  2944. .config .config_bar_ul::-webkit-scrollbar {
  2945.     width: 5px;
  2946.     height: 4px;
  2947. }
  2948. .config .config_bar_ul::-webkit-scrollbar-thumb {
  2949.     background-clip: padding-box;
  2950.     background-color: #d7d9e4;
  2951.     border-radius: 8px;
  2952. }
  2953. .config .config_bar_ul::-webkit-scrollbar-button:start:decrement {
  2954.     width: 4px;
  2955.     background-color: transparent;
  2956. }
  2957. .config .config_bar_ul::-webkit-scrollbar-button:end:increment {
  2958.     width: 4px;
  2959.     background-color: transparent;
  2960. }
  2961. .config .config_bar_ul::-webkit-scrollbar-track {
  2962.     border-radius: 5px;
  2963. }
  2964. .config .config_bar_ul_li_text::-webkit-scrollbar {
  2965.     width: 5px;
  2966.     height: 7px;
  2967.     background-color: #aaa;
  2968. }
  2969. .config .config_bar_ul_li_text::-webkit-scrollbar-thumb {
  2970.     background-clip: padding-box;
  2971.     background-color: #d7d9e4;
  2972. }
  2973. .config .config_bar_ul_li_text::-webkit-scrollbar-track {
  2974.     background-color: #f1f1f1;
  2975. }
  2976. .config .config_bar_list_add_div {
  2977.     display: flex;
  2978.     height: 40px;
  2979.     margin: 4px 2px;
  2980. }
  2981.  
  2982. /* 修改菜单 */
  2983. #config_bar_menu {
  2984.     z-index: 400;
  2985.     position: fixed;
  2986.     width: 60px;
  2987.     background: #ffffff;
  2988.     box-shadow: 1px 1px 4px 0px #0000004d;
  2989.     border: 0px solid rgba(0,0,0,0.04);
  2990.     border-radius: 4px;
  2991.     padding: 8px 0;
  2992. }
  2993. .config_bar_menu_item {
  2994.     cursor: pointer;
  2995.     padding: 2px 6px;
  2996.     display: flex;
  2997.     justify-content: center;
  2998.     align-items: center;
  2999.     height: 32px;
  3000.     font-size: 14px;
  3001.     font-weight: 500;
  3002.     box-shadow: inset 0px 0px 0px 0px #8bb2d9;
  3003. }
  3004. #config_bar_menu_edit:hover {
  3005.     background-color: #00aeec;
  3006.     color: white;
  3007. }
  3008. #config_bar_menu_delete:hover {
  3009.     background-color: #FF5722;
  3010.     color: white;
  3011. }
  3012.  
  3013. /* 配置编辑页面 */
  3014. #config_edit_menu {
  3015.     z-index: 300;
  3016.     width: 450px;
  3017. }
  3018.  
  3019. /* 黑暗模式选项按钮 */
  3020. .dark-mode-selection {
  3021.     display: flex;
  3022.     justify-content: center;
  3023.     align-items: center;
  3024.     max-width: 350px;
  3025.     -webkit-user-select: none;
  3026.     -moz-user-select: none;
  3027.     -ms-user-select: none;
  3028.     user-select: none;
  3029. }
  3030. .dark-mode-selection label {
  3031.     margin: 8px 0px 8px 8px;
  3032. }
  3033. .dark-mode-selection > * {
  3034.     margin: 6px;
  3035. }
  3036. .dark-mode-selection .OJBetter_setting_menu_label_text {
  3037.     border-radius: 8px;
  3038.     margin-bottom: 0px;
  3039. }
  3040.  
  3041. /*确认弹窗*/
  3042. .OJBetter_modal {
  3043.     z-index: 600;
  3044.     display: grid;
  3045.     position: fixed;
  3046.     top: 50%;
  3047.     left: 50%;
  3048.     transform: translate(-50%, -50%);
  3049.     font-size: 12px;
  3050.     font-family: var(--vp-font-family-base);
  3051.     width: max-content;
  3052.     padding: 10px 20px;
  3053.     box-shadow: 0px 0px 0px 4px #ffffff;
  3054.     border-radius: 6px;
  3055.     background-color: #f0f4f9;
  3056.     border-collapse: collapse;
  3057.     border: 1px solid #ffffff;
  3058.     color: #697e91;
  3059. }
  3060. .OJBetter_modal h2 {
  3061.     font-size: 1.6em;
  3062.     font-weight: 700;
  3063. }
  3064. .OJBetter_modal .content{
  3065.     white-space: nowrap;
  3066.     max-height: 500px;
  3067.     overflow-y: auto;
  3068. }
  3069. .OJBetter_modal .buttons{
  3070.     display: flex;
  3071.     padding-top: 15px;
  3072. }
  3073. .OJBetter_modal button {
  3074.     display: inline-flex;
  3075.     justify-content: center;
  3076.     align-items: center;
  3077.     line-height: 1;
  3078.     white-space: nowrap;
  3079.     cursor: pointer;
  3080.     text-align: center;
  3081.     box-sizing: border-box;
  3082.     outline: none;
  3083.     transition: .1s;
  3084.     user-select: none;
  3085.     vertical-align: middle;
  3086.     -webkit-appearance: none;
  3087.     height: 24px;
  3088.     padding: 5px 11px;
  3089.     margin-right: 15px;
  3090.     font-size: 12px;
  3091.     border-radius: 4px;
  3092.     color: #ffffff;
  3093.     background: #009688;
  3094.     border-color: #009688;
  3095.     border: none;
  3096. }
  3097. .OJBetter_modal button.secondary{
  3098.     background-color:#4DB6AC;
  3099. }
  3100. .OJBetter_modal button:hover{
  3101.     background-color:#4DB6AC;
  3102. }
  3103. .OJBetter_modal button.secondary:hover {
  3104.     background-color: #80CBC4;
  3105. }
  3106. .OJBetter_modal .help-icon {
  3107.     margin: 0px 8px 0px 0px;
  3108.     height: 1em;
  3109.     width: 1em;
  3110.     line-height: 1em;
  3111.     display: inline-flex;
  3112.     justify-content: center;
  3113.     align-items: center;
  3114.     position: relative;
  3115.     fill: currentColor;
  3116.     font-size: inherit;
  3117. }
  3118. .OJBetter_modal p {
  3119.     margin: 5px 0px;
  3120. }
  3121.  
  3122. /* 右键菜单 */
  3123. .OJBetter_contextmenu {
  3124.     z-index: 500;
  3125.     display: grid;
  3126.     position: absolute;
  3127.     background-color: #f0f4f9;
  3128.     border-collapse: collapse;
  3129.     color: #697e91;
  3130.     font-family: var(--vp-font-family-base);
  3131.     overflow: hidden;
  3132.     box-sizing: content-box;
  3133.     box-shadow: 0px 0px 0px 2px #eddbdb4d;
  3134. }
  3135. .OJBetter_contextmenu label {
  3136.     margin: 0px;
  3137. }
  3138. input[type="radio"]:checked+.OJBetter_contextmenu_label_text {
  3139.     background: #41e49930;
  3140.     border: 1px solid green;
  3141.     color: green;
  3142.     font-weight: 500;
  3143. }
  3144. .OJBetter_contextmenu_label_text {
  3145.     display: flex;
  3146.     border: 1px dashed #80cbc4;
  3147.     height: 26px;
  3148.     width: 100%;
  3149.     color: gray;
  3150.     font-size: 13px;
  3151.     font-weight: initial;
  3152.     padding: 4px;
  3153.     align-items: center;
  3154.     -webkit-box-sizing: border-box;
  3155.     -moz-box-sizing: border-box;
  3156.     box-sizing: border-box;
  3157. }
  3158. .OJBetter_contextmenu_label_text:hover {
  3159.     color: #F44336;
  3160.     border: 1px dashed #009688;
  3161.     background-color: #ffebcd;
  3162. }
  3163.  
  3164. /* RatingByClist */
  3165. .ratingBadge, html[data-theme=dark] button.ratingBadge{
  3166.     display: block;
  3167.     font-weight: 700;
  3168.     font-size: 11px;
  3169.     margin-top: 5px;
  3170.     padding: 2px;
  3171.     border-radius: 4px;
  3172.     color: #B0BEC5;
  3173.     border: 1px solid #cccccc66;
  3174. }
  3175.  
  3176. /* 多选翻译 */
  3177. .block_selected{
  3178.     box-shadow: 0px 0px 0px 1px #FF9800;
  3179.     outline: none;
  3180. }
  3181.  
  3182. /* 悬浮菜单 */
  3183. .OJBetter_MiniTranslateButton {
  3184.     z-index: 100;
  3185.     display: grid;
  3186.     position: absolute;
  3187.     border-collapse: collapse;
  3188.     fill: #F57C00;
  3189.     background-color: #FFF3E0;
  3190.     overflow: hidden;
  3191.     box-sizing: content-box;
  3192.     box-shadow: 0px 0px 0px 2px #FFE0B2;
  3193.     border-radius: 100%;
  3194. }
  3195. .OJBetter_MiniTranslateButton:hover {
  3196.     cursor: pointer;
  3197.     box-shadow: 0px 0px 0px 2px #FFB74D;
  3198. }
  3199.  
  3200. /* acmsguru划分块 */
  3201. .OJBetter_acmsguru {
  3202.     margin: 0 0 1em!important;
  3203. }
  3204.  
  3205. /* 代码提交表单 */
  3206. #OJBetter_SubmitForm.input-output-copier:hover {
  3207.     background-color: #ffffff00;
  3208. }
  3209. #OJBetter_SubmitForm input[type="number"] {
  3210.     width: 40px;
  3211.     color: #009688;
  3212.     appearance: none;
  3213.     border-radius: 6px;
  3214.     border-style: solid;
  3215.     border: none;
  3216.     background-color: #ffffff00;
  3217. }
  3218. #OJBetter_SubmitForm :focus-visible {
  3219.     outline: none;
  3220. }
  3221. #OJBetter_SubmitForm .topDiv {
  3222.     height: 50px;
  3223.     display: flex;
  3224.     align-items: center;
  3225.     justify-content: space-between;
  3226.     padding: 10px 0px;
  3227.     box-sizing: border-box;
  3228. }
  3229. #OJBetter_SubmitForm .topDiv .topRightDiv {
  3230.     height: 100%;
  3231.     display: flex;
  3232.     flex-wrap: wrap;
  3233.     gap: 0px;
  3234. }
  3235. #OJBetter_SubmitForm input[type="checkbox"], #OJBetter_SubmitForm label {
  3236.     margin: 0px;
  3237.     font-weight: initial;
  3238. }
  3239. #OJBetter_SubmitForm #fontSizeInput {
  3240.     border: none;
  3241.     background-color: #ffffff00;
  3242. }
  3243.  
  3244. /* 顶部区域 */
  3245. #OJBetter_SubmitForm .topRightDiv>* {
  3246.     height: 100%;
  3247.     box-sizing: border-box;
  3248. }
  3249. #OJBetter_SubmitForm .topRightDiv>button{
  3250.     padding: 0px 8px;
  3251. }
  3252. #OJBetter_SubmitForm .topRightDiv {
  3253.     display: flex;
  3254.     flex-wrap: wrap;
  3255.     gap: 0px;
  3256.     align-items: center;
  3257. }
  3258.  
  3259. /* LSP连接Log */
  3260. #LSPLog{
  3261.     width: 500px;
  3262.     height: 500px;
  3263.     position: fixed;
  3264.     top: 50%;
  3265.     left: 50%;
  3266.     padding: 10px;
  3267.     transform: translate(-50%, -50%);
  3268.     border: 1px solid;
  3269.     z-index: 200;
  3270.     background-color: #ffffff;
  3271. }
  3272. #LSPLog button{
  3273.     position: fixed;
  3274.     top: 10px;
  3275.     right: 10px;
  3276.     z-index: 200;
  3277. }
  3278. #LSPLog #LSPLogList{
  3279.     width: 500px;
  3280.     height: 500px;
  3281.     overflow: auto;
  3282.     color: #424242;
  3283. }
  3284. #LSPLog li:nth-child(odd){
  3285.     background-color: #f5f5f5;
  3286. }
  3287. #LSPLog details{
  3288.     padding: 2px;
  3289. }
  3290.  
  3291. /* 代码编辑器 */
  3292. #OJBetter_editor{
  3293.     box-sizing: border-box;
  3294.     height: 600px;
  3295.     border: 1px solid #d3d3d3;
  3296.     width: 100%;
  3297.     resize: vertical;
  3298.     display: flex;
  3299.     flex-direction: column;
  3300. }
  3301. #OJBetter_editor.fullscreen{
  3302.     position: fixed;
  3303.     top: 0;
  3304.     left: 0;
  3305.     width: 100%;
  3306.     height: 100vh;
  3307.     z-index: 2000;
  3308. }
  3309. #OJBetter_editor.bottom{
  3310.     position: fixed;
  3311.     bottom: 0;
  3312.     left: 0;
  3313.     width: 100%;
  3314.     height: 50vh;
  3315.     z-index: 2000;
  3316. }
  3317. .ojb_btn.exit_button_bottom {
  3318.     position: fixed;
  3319.     bottom: 30px;
  3320.     right: 15px;
  3321.     z-index: 2000;
  3322.     height: 28px;
  3323. }
  3324.  
  3325. /* monaco */
  3326. #OJBetter_monaco {
  3327.     flex: 1;
  3328.     min-height: 0;
  3329.     width: 100%;
  3330. }
  3331. #OJBetter_monaco .highlight {
  3332.     border: 1px solid #ffffff00;
  3333.     background-color: #ffffff00!important
  3334. }
  3335. .monaco-hover hr {
  3336.     margin: 4px -8px 4px !important;
  3337. }
  3338.  
  3339. /* 状态底栏 */
  3340. #OJBetter_statusBar{
  3341.     height: 22px;
  3342.     font-size: 12px;
  3343.     color: #757575;
  3344.     border: 1px solid #d3d3d3;
  3345.     background-color: #f8f8f8;
  3346.     padding: 3px;
  3347.     box-sizing: border-box;
  3348. }
  3349.  
  3350. /* 提交 */
  3351. #OJBetter_submitDiv{
  3352.     display: flex;
  3353.     padding-top: 15px;
  3354.     height: 50px;
  3355.     box-sizing: border-box;
  3356. }
  3357. #OJBetter_submitDiv >* {
  3358.     border-radius: 6px;
  3359. }
  3360. #OJBetter_submitDiv > button {
  3361.     height: 100%;
  3362.     aspect-ratio: 1 / 1;
  3363. }
  3364. #SubmitButton {
  3365.     color: #fff;
  3366.     background-color: #209978;
  3367.     border-color: #17795E;
  3368. }
  3369. #SubmitButton:hover {
  3370.     background-color: #17795e;
  3371. }
  3372. #SubmitButton.disabled {
  3373.     background-color: red;
  3374.     animation: shake 0.07s infinite alternate;
  3375. }
  3376. #programTypeId{
  3377.     height: 100%;
  3378.     padding: 5px 10px;
  3379.     border-radius: 6px;
  3380.     border-style: solid;
  3381.     border: 1px solid #ced4da;
  3382.     color: #212529;
  3383. }
  3384.  
  3385. /* 调试 */
  3386. .OJBetter_loding{
  3387.     padding: 6px 0px 0px 5px;
  3388.     height: 22px;
  3389. }
  3390. #CompilerArgsInput{
  3391.     flex-grow: 1;
  3392.     width: 100%;
  3393.     height: 100%;
  3394.     margin-bottom: 10px;
  3395.     padding: 5px 10px;
  3396.     border-radius: 6px;
  3397.     box-sizing: border-box;
  3398.     border: 1px solid #ccc;
  3399.     box-shadow: inset 0px 1px 1px rgba(0,0,0,.075);
  3400. }
  3401. #CompilerArgsInput[disabled] {
  3402.     cursor: not-allowed;
  3403. }
  3404. #CompilerSetting{
  3405.     font-size: 14px;
  3406.     margin-top: 10px;
  3407.     display: none;
  3408. }
  3409. #CompilerSetting select, #CompilerSetting textarea{
  3410.     padding: 4px 10px;
  3411.     border-radius: 6px;
  3412.     border-style: solid;
  3413.     border: 1px solid #ced4da;
  3414.     color: #212529;
  3415. }
  3416. #CompilerBox{
  3417.     display: grid;
  3418.     margin-top: 10px;
  3419.     border: #d0d7de solid 1px;
  3420.     border-radius: 6px;
  3421. }
  3422. #CompilerBox > * {  
  3423.     margin: 5px;
  3424. }
  3425.  
  3426. /* 自定义样例 */
  3427. #customTestBlock {
  3428.     margin-top: 10px;
  3429.     font-size: 14px;
  3430.     color: #616161;
  3431.     border: 1px solid #d3d3d3;
  3432.     box-sizing: border-box;
  3433.     position: relative;
  3434. }
  3435. #customTestBlock #customTests{
  3436.     border-top: 1px solid #d3d3d3;
  3437.     margin: 0px 0px 40px 0px;
  3438. }
  3439. #customTestBlock summary {
  3440.     cursor: pointer;
  3441.     padding: 10px;
  3442. }
  3443. #customTestBlock textarea {
  3444.     resize: vertical;
  3445. }
  3446. .sampleDiv {
  3447.     color: #727378;
  3448.     background-color: #FAFAFA;
  3449.     padding: 5px;
  3450.     margin-bottom: 10px;
  3451.     box-shadow: inset 0 0 1px #0000004d;
  3452.     position: relative;
  3453. }
  3454. .dynamicTextarea {
  3455.     width: 98%;
  3456.     height: 120px;
  3457.     margin: 10px 5px;
  3458.     border: 1px solid #E0E0E0;
  3459. }
  3460. .deleteCustomTest {
  3461.     cursor: pointer;
  3462.     position: absolute;
  3463.     top: 5px;
  3464.     right: 5px;
  3465.     display: flex;
  3466.     fill: #9E9E9E;
  3467.     padding: 2px 2px;
  3468.     border-radius: 4px;
  3469.     border: 1px solid #ffffff00;
  3470.     background-color: #ffffff00;
  3471.     align-items: center;
  3472. }
  3473. .deleteCustomTest:hover {
  3474.     fill: #EF5350;
  3475.     border: 1px solid #ef9a9a;
  3476.     background-color: #FFEBEE;
  3477. }
  3478. #addCustomTest {
  3479.     cursor: pointer;
  3480.     position: absolute;
  3481.     bottom: 5px;
  3482.     right: 5px;
  3483.     padding: 3px 10px;
  3484.     color: #795548;
  3485.     border: 1px solid #ccc;
  3486.     border-radius: 4px;
  3487.     background-color: #FAFAFA;
  3488. }
  3489. #addCustomTest:hover {
  3490.     background-color: #f5f5f5;
  3491. }
  3492.  
  3493. /* 调试结果 */
  3494. #statePanel{
  3495.     display: none;
  3496.     padding: 5px;
  3497.     margin-top: 10px;
  3498.     border: 1px solid #ddd;
  3499.     border-radius: 4px;
  3500. }
  3501. .test-case {
  3502.     padding: 10px;
  3503.     border: 1px solid #ddd;
  3504.     border-radius: 4px;
  3505. }
  3506. .test-case:not(:first-child){
  3507.     margin-top: 5px;
  3508. }
  3509. .test-case > * {
  3510.     margin: 5px 0px;
  3511. }
  3512. .test-case > :first-child {
  3513.     margin-top: 0px;
  3514. }
  3515. .test-case > :last-child {
  3516.     margin-bottom: 0px;
  3517. }
  3518. .test-case-title, .test-case-status {
  3519.     font-size: 16px;
  3520.     display: inline;
  3521. }
  3522. .test-case-status{
  3523.     margin-left: 5px;
  3524. }
  3525. .test-case-status.error{
  3526.     color: red;
  3527. }
  3528. .test-case-status.success{
  3529.     color: #449d44;
  3530. }
  3531. .test-case-judge {
  3532.     font-size: 13px;
  3533. }
  3534.  
  3535. /* 差异对比 */
  3536. .output_diff {
  3537.     color: #5d4037;
  3538.     margin: 5px 0px;
  3539.     display: grid;
  3540.     border: 1px solid #bcaaa4;
  3541.     font-size: 13px;
  3542.     font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
  3543.     overflow: auto;
  3544. }
  3545. .output_diff .added {
  3546.     background-color: #c8f7c5;
  3547.     user-select: none;
  3548. }
  3549. .output_diff .removed {
  3550.     background-color: #f7c5c5; 
  3551. }
  3552. .output_diff .diffLine {
  3553.     display: flex;
  3554. }
  3555. .output_diff .diffLine:nth-child(odd) {
  3556.     background-color: #f5f5f5;
  3557. }
  3558. .lineNo {
  3559.     display: flex;
  3560.     align-items: center;
  3561.     justify-content: center;
  3562.     width: 17px;
  3563.     color: #BDBDBD;
  3564.     font-size: 10px;
  3565.     border-right: 1px solid;
  3566.     user-select: none;
  3567. }
  3568. .lineContent {
  3569.     display: grid;
  3570.     width: 100%;
  3571. }
  3572. .lineContent>span {
  3573.     height: 16px;
  3574.     padding-left: 3px;
  3575. }
  3576. .output_no_diff {
  3577.     padding: 5px;
  3578.     border: 1px solid #ddd;
  3579. }
  3580. .diff_note {
  3581.     font-size: 10px;
  3582. }
  3583.  
  3584. /* 网站本地化替换规则标记 */
  3585. .markingTextReplaceRule{
  3586.     color: #FFF3E0;
  3587.     background-color: #FF9800;
  3588. }
  3589.  
  3590. /* SelectPage样式 */
  3591. .sp_input {
  3592.     padding: 4px 6px px !important;
  3593.     height: 20px !important;
  3594.     min-height: 20px !important;
  3595.     line-height: 20px !important;
  3596. }
  3597. div.sp_clear_btn {
  3598.     padding: 0px !important;
  3599. }
  3600.  
  3601. /* 移动设备 */
  3602. @media (max-device-width: 450px) {
  3603.     .ojb_btn{
  3604.         height: 2em;
  3605.         font-size: 1.2em;
  3606.     }
  3607.     .ojb_btn.OJBetter_setting{
  3608.         height: 2.5em;
  3609.         font-size: 1em;
  3610.     }
  3611.     .OJBetter_setting_menu{
  3612.         width: 90%;
  3613.     }
  3614.     .OJBetter_setting_menu label, #darkMode_span, #loaded_span, .OJBetter_setting_menu_label_text,
  3615.     .OJBetter_setting_sidebar li{
  3616.         font-size: 1em;
  3617.     }
  3618.     .translate-problem-statement{
  3619.         font-size: 1.2em;
  3620.     }
  3621.     .OJBetter_modal{
  3622.         font-size: 1.5em;
  3623.     }
  3624.     .OJBetter_setting_list, .translate-problem-statement{
  3625.         padding: 0.5em;
  3626.     }
  3627.     .OJBetter_setting_menu_label_text{
  3628.         height: 2.5em;
  3629.         padding: 0.5em;
  3630.     }
  3631.     #pagBar #jump-input, #pagBar #items-per-page, .OJBetter_modal button{
  3632.         height: 2.5em;
  3633.         font-size: 1em;
  3634.     }
  3635.     .translate-problem-statement p, .translate-problem-statement ul li{
  3636.         line-height: 1.5em !important;
  3637.     }
  3638.     .OJBetter_contextmenu_label_text{
  3639.         height: 3em;
  3640.         font-size: 1em;
  3641.     }
  3642. }
  3643.  
  3644. /* 覆盖网站原本的样式 */
  3645. div#select-lang {
  3646.     padding: 0px;
  3647. }
  3648. `);
  3649.  
  3650. /**
  3651.  * 添加一些依赖库和条件加载的css样式
  3652.  */
  3653. function addDependencyStyles() {
  3654.     GM_addStyle(GM_getResourceText("xtermcss"));
  3655.     GM_addStyle(GM_getResourceText("selectpagecss"));
  3656.     GM_addStyle(GM_getResourceText("dialogpolyfillcss"));
  3657.     // 自定义图标大小
  3658.     GM_addStyle(`
  3659.         .iconfont {
  3660.             font-size: ${OJBetter.preference.iconButtonSize}px;
  3661.         }
  3662.     `);
  3663. }
  3664.  
  3665. /**
  3666.  * 添加包含i18n内容的css样式
  3667.  */
  3668. function addI18nStyles() {
  3669.     GM_addStyle(`
  3670.     /* 加载鼠标悬浮覆盖层css */
  3671.     .overlay::before {
  3672.         content: '';
  3673.         position: absolute;
  3674.         top: 0;
  3675.         left: 0;
  3676.         width: 100%;
  3677.         height: 100%;
  3678.         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);
  3679.         z-index: 100;
  3680.     }
  3681.     .overlay::after {
  3682.         content: '${i18next.t('targetArea', { ns: 'common' })}';
  3683.         position: absolute;
  3684.         top: 50%;
  3685.         left: 50%;
  3686.         transform: translate(-50%, -50%);
  3687.         color: #00695C;
  3688.         font-size: 16px;
  3689.         font-weight: bold;
  3690.         z-index: 100;
  3691.     }
  3692.  
  3693.     .config::before {
  3694.         content: "${i18next.t('common.configManageTitle', { ns: 'settings' })}";
  3695.         display: block;
  3696.         height: 20px;
  3697.         background-color: #f0f8ff;
  3698.         border: 1px solid #c5cae9;
  3699.         border-bottom: 0px;
  3700.         line-height: 20px;
  3701.         padding: 2px 10px;
  3702.         border-radius: 8px 8px 0px 0px;
  3703.         box-sizing: content-box;
  3704.     }
  3705.     .config.missing::before {
  3706.         content: "${i18next.t('common.missing.radio', { ns: 'settings' })}";
  3707.         background-color: #fef0f0;
  3708.         color: #f56c6c;
  3709.         border: 1px solid #fab6b6;
  3710.     }
  3711.     `);
  3712. }
  3713.  
  3714. // ------------------------------
  3715. // 一些工具类
  3716. // ------------------------------
  3717.  
  3718.  
  3719. /**
  3720.  * 自定义错误类，以区分不同的错误类型
  3721.  */
  3722. class OJB_GMError extends Error {
  3723.     constructor(type, message, originalError) {
  3724.         super(message);
  3725.         this.name = 'GMError';
  3726.         this.type = type;
  3727.         this.stack = originalError.stack;
  3728.         Object.assign(this, originalError);
  3729.     }
  3730. }
  3731.  
  3732. /**
  3733.  * 文本块替换/恢复类
  3734.  */
  3735. class TextBlockReplacer {
  3736.     constructor() {
  3737.         /** @type {string[]} 匹配项 */
  3738.         this.matches = [];
  3739.         /** @type {Map<string, string>} 待还原项 */
  3740.         this.replacements = new Map();
  3741.         /** @type {Map<string, string>} 暂时未找到的待还原项 */
  3742.         this.tempReplacements = new Map();
  3743.         /** @type {string} 替换符号 */
  3744.         this.replaceSymbol = OJBetter.translation.replaceSymbol;
  3745.     }
  3746.  
  3747.     /**
  3748.      * 替换文本
  3749.      * @param {string} text 原文本
  3750.      * @param {RegExp} regex 匹配规则
  3751.      * @returns {string} 替换后的文本
  3752.      */
  3753.     replace(text, regex) {
  3754.         this.matches = text.match(regex) || [];
  3755.         try {
  3756.             for (let i = 0; i < this.matches.length; i++) {
  3757.                 const match = this.matches[i];
  3758.                 const id = OJB_getRandomNumber(8);
  3759.                 let replacement = '';
  3760.                 switch (this.replaceSymbol) {
  3761.                     case "1":
  3762.                         replacement = `【${id}】`;
  3763.                         break;
  3764.                     case "2":
  3765.                         replacement = `{${id}}`;
  3766.                         break;
  3767.                     case "3":
  3768.                         replacement = `[${id}]`;
  3769.                         break;
  3770.                     default:
  3771.                         replacement = `【${id}】`;
  3772.                         break;
  3773.                 }
  3774.                 text = text.replace(match, replacement);
  3775.                 this.replacements.set(id, match);
  3776.             }
  3777.         } catch (e) { }
  3778.         return text;
  3779.     }
  3780.  
  3781.  
  3782.     /**
  3783.      * 恢复替换的文本
  3784.      * @param {string} text 还原前的文本
  3785.      * @returns {string} 还原后的文本
  3786.      */
  3787.     recover(text) {
  3788.         let textCopy = text;
  3789.  
  3790.         /**
  3791.          * 替换回文本
  3792.          * @param {string} replacement 替换的文本
  3793.          * @param {string} regexPattern 匹配规则
  3794.          * @returns {void}
  3795.          */
  3796.         const replaceText = (replacement, regexPattern) => {
  3797.             const latexMatch = '(?<latex_block>\\$\\$(\\\\\\$|[^\\$])*?\\$\\$)|(?<latex_inline>\\$(\\\\\\$|[^\\$])*?\\$)|';
  3798.             const regex = new RegExp(latexMatch + regexPattern, 'g');
  3799.             textCopy = textCopy.replace(regex, (match, ...args) => {
  3800.                 // LaTeX中的不替换
  3801.                 const groups = args[args.length - 1]; // groups是replace方法的最后一个参数
  3802.                 if (groups.latex_block || groups.latex_inline) return match;
  3803.                 // 没有空格则加一个
  3804.                 const offset = args[args.length - 3]; // offset是replace方法的倒数第三个参数
  3805.                 let leftSpace = "", rightSpace = "";
  3806.                 if (!/\s/.test(textCopy[offset - 1])) leftSpace = " ";
  3807.                 if (!/\s/.test(textCopy[offset + match.length])) rightSpace = " ";
  3808.                 return leftSpace + replacement + rightSpace;
  3809.             });
  3810.         };
  3811.  
  3812.         /**
  3813.          * 尝试还原
  3814.          * @param {string} replacement 替换的文本
  3815.          * @param {string} id 替换的 id
  3816.          * @returns {boolean} 是否替换成功
  3817.          */
  3818.         const tryRecover = (replacement, id) => {
  3819.             // 尝试还原，如果还原成功，则从 replacements 中删除
  3820.             const originalText = textCopy;
  3821.             replaceText(replacement, `【\\s*${id}\\s*】|\\[\\s*${id}\\s*\\]|{\\s*${id}\\s*}`); // 替换符完整匹配（考虑了多出空格的情况）
  3822.             replaceText(replacement, `【\\s*${id}(?![】\\d])|(?<![【\\d])${id}\\s*】|\\[\\s*${id}(?![\\]\\d])|(?<![\\[\\d])${id}\\s*\\]|{\\s*${id}(?![}\\d])|(?<![{\\d])${id}\\s*}`); // 替换符部分匹配
  3823.  
  3824.             if (textCopy === originalText) {
  3825.                 // 如果文本没有变化，说明没有找到，加入到 tempReplacements
  3826.                 this.tempReplacements.set(id, replacement);
  3827.                 return false;
  3828.             } else {
  3829.                 // 如果文本变化了，说明找到并成功替换，则删除
  3830.                 this.replacements.delete(id);
  3831.                 this.tempReplacements.delete(id);
  3832.                 return true;
  3833.             }
  3834.         }
  3835.  
  3836.         // 处理 replacements 中的项
  3837.         this.replacements.forEach((replacement, id) => {
  3838.             tryRecover(replacement, id);
  3839.         });
  3840.  
  3841.         // 处理 tempReplacements 中的项
  3842.         while (this.tempReplacements.size > 0) {
  3843.             let found = false;
  3844.             this.tempReplacements.forEach((replacement, id) => {
  3845.                 found = tryRecover(replacement, id) || found;
  3846.             });
  3847.             if (!found) break; // 如果这一轮没有找到任何项，终止循环
  3848.         }
  3849.  
  3850.         // 如果 tempReplacements 还有未找到的项
  3851.         if (this.tempReplacements.size > 0) {
  3852.             console.warn("There are still some replacements not found:", this.tempReplacements);
  3853.         }
  3854.  
  3855.         return textCopy;
  3856.     }
  3857. }
  3858.  
  3859. // ------------------------------
  3860. // 一些工具函数
  3861. // ------------------------------
  3862.  
  3863. /**
  3864.  * 格式化链接格式
  3865.  * @param {string} url 链接字符串
  3866.  * @returns {string} 清理后的链接字符串
  3867.  */
  3868. function OJB_cleanLink(url) {
  3869.     if (url === null || url === undefined) return "";
  3870.  
  3871.     // 替换'http://'为'https://'
  3872.     let cleanUrl = url.replace(/^http:\/\//i, 'https://');
  3873.  
  3874.     // 移除末尾的斜杠
  3875.     cleanUrl = cleanUrl.replace(/\/$/, '');
  3876.  
  3877.     return cleanUrl;
  3878. }
  3879.  
  3880. /**
  3881.  * 深度比较两个对象或数组是否完全相等。
  3882.  * @param {any} a - 第一个比较对象。
  3883.  * @param {any} b - 第二个比较对象。
  3884.  * @returns {boolean} - 如果两个对象或数组深度相等，则返回true，否则返回false。
  3885.  */
  3886. function OJB_deepEquals(a, b) {
  3887.     if (a === b) return true;
  3888.     if (typeof a !== 'object' || a === null || typeof b !== 'object' || b === null) return false;
  3889.     const keysA = Object.keys(a);
  3890.     const keysB = Object.keys(b);
  3891.     if (keysA.length !== keysB.length) return false;
  3892.     for (let key of keysA) {
  3893.         if (!b.hasOwnProperty(key)) return false;
  3894.         if (!OJB_deepEquals(a[key], b[key])) return false;
  3895.     }
  3896.     return true;
  3897. }
  3898.  
  3899. /**
  3900.  * 用于封装需要重试的异步函数
  3901.  * @param {Function} task 需要封装的异步函数
  3902.  * @param {Object} options 配置项
  3903.  * @param {Number} options.maxRetries 重试次数，默认为 5
  3904.  * @param {Number} options.retryInterval 重试时间间隔，默认为 0 毫秒
  3905.  * @param {Function} options.errorHandler 错误处理函数，默认为抛出错误
  3906.  * @param {...any} args task 函数的参数
  3907.  * @returns {Promise} 返回 Promise
  3908.  */
  3909. async function OJB_promiseRetryWrapper(task, {
  3910.     maxRetries = 5,
  3911.     retryInterval = 0,
  3912.     errorHandler = (err) => { throw err }
  3913. } = {}, ...args) {
  3914.     let attemptsLeft = maxRetries;
  3915.     while (attemptsLeft--) {
  3916.         try {
  3917.             return await task(...args);
  3918.         } catch (err) {
  3919.             if (attemptsLeft <= 0) {
  3920.                 return errorHandler(err, maxRetries, attemptsLeft);
  3921.             }
  3922.             if (retryInterval > 0) {
  3923.                 await OJB_delay(retryInterval);
  3924.             }
  3925.         }
  3926.     }
  3927. }
  3928.  
  3929. /**
  3930.  * GM_xmlhttpRequest 的 Promise 封装
  3931.  * @param {Object} options GM_xmlhttpRequest 的参数
  3932.  * @param {Boolean} isStream 是否为流式请求
  3933.  * @returns {Promise<OJB_GMError>} 返回 Promise
  3934.  */
  3935. function OJB_GMRequest(options, isStream = false) {
  3936.     return new Promise((resolve, reject) => {
  3937.         GM_xmlhttpRequest({
  3938.             ...options,
  3939.             ...(isStream ? {
  3940.                 onloadstart: resolve
  3941.             } : {
  3942.                 onload: resolve
  3943.             }),
  3944.             onerror: (error) => reject(new OJB_GMError('error', 'An error occurred during the request.', error)),
  3945.             ontimeout: (error) => reject(new OJB_GMError('timeout', 'The request timed out.', error)),
  3946.             onabort: (error) => reject(new OJB_GMError('abort', 'The request was aborted.', error)),
  3947.         });
  3948.     });
  3949. }
  3950.  
  3951. /**
  3952.  * 获取cookie
  3953.  * @param {string} name cookie名称
  3954.  * @returns {string} cookie值
  3955.  */
  3956. function OJB_getCookie(name) {
  3957.     const cookies = document.cookie.split(";");
  3958.     for (let i = 0; i < cookies.length; i++) {
  3959.         const cookie = cookies[i].trim();
  3960.         const [cookieName, cookieValue] = cookie.split("=");
  3961.  
  3962.         if (cookieName === name) {
  3963.             return decodeURIComponent(cookieValue);
  3964.         }
  3965.     }
  3966.     return "";
  3967. }
  3968.  
  3969. /**
  3970.  * 检查是否仍在同一浏览器会话中
  3971.  * @param {string} sessionKey - 会话键名，用于标识会话
  3972.  * @returns {boolean} - 如果在当前会话中之前已经设置过这个键，则返回true，否则返回false
  3973.  */
  3974. function OJB_isSameBrowserSession(sessionKey) {
  3975.     const fullCookieName = `OJB_Session_${sessionKey}`;
  3976.     const sessionValue = OJB_getCookie(fullCookieName);
  3977.     if (sessionValue === "") {
  3978.         document.cookie = `${fullCookieName}=true; path=/`;
  3979.         return false;
  3980.     }
  3981.     return true;
  3982. }
  3983.  
  3984. /**
  3985.  * 随机数生成
  3986.  * @param {number} numDigits 位数
  3987.  * @returns {number} 一个随机数
  3988.  */
  3989. function OJB_getRandomNumber(numDigits) {
  3990.     let min = Math.pow(10, numDigits - 1);
  3991.     let max = Math.pow(10, numDigits) - 1;
  3992.     return Math.floor(Math.random() * (max - min + 1)) + min;
  3993. }
  3994.  
  3995. /**
  3996.  * 随机数生成-范围内
  3997.  * @param {number} min 最小值
  3998.  * @param {number} max 最大值
  3999.  * @returns {number} 一个随机数
  4000.  */
  4001. function OJB_getRandomNumberInRange(min, max) {
  4002.     return Math.floor(Math.random() * (max - min + 1)) + min;
  4003. }
  4004.  
  4005. /**
  4006.  * 防抖函数
  4007.  * @param {Function} callback 回调函数
  4008.  * @returns {Function}
  4009.  */
  4010. function OJB_debounce(callback) {
  4011.     let timer;
  4012.     let immediateExecuted = false;
  4013.     const delay = 500;
  4014.     return function () {
  4015.         clearTimeout(timer);
  4016.         if (!immediateExecuted) { callback.call(this); immediateExecuted = true; }
  4017.         timer = setTimeout(() => { immediateExecuted = false; }, delay);
  4018.     };
  4019. }
  4020.  
  4021. /**
  4022.  * 为元素添加鼠标拖拽支持
  4023.  * @param {JQuery<HTMLElement>} element 要添加拖拽支持的元素
  4024.  * @returns {void}
  4025.  */
  4026. function OJB_addDraggable(element) {
  4027.     let isDragging = false;
  4028.     let x, y, l, t, nl, nt;
  4029.     let isSpecialMouseDown = false; // 选取某些元素时不拖动
  4030.  
  4031.     element.on('mousedown', function (e) {
  4032.         isSpecialMouseDown = $(e.target).is('label, p, input, textarea, span, select, details, summary');
  4033.         if (isSpecialMouseDown) return;
  4034.  
  4035.         isDragging = true;
  4036.         x = e.clientX;
  4037.         y = e.clientY;
  4038.         l = element.offset().left - $(window).scrollLeft();
  4039.         t = element.offset().top - $(window).scrollTop();
  4040.  
  4041.         element.css({ left: l + 'px', top: t + 'px', transform: 'none' });
  4042.  
  4043.         $(document).on("mousemove", drag);
  4044.         $(document).on("mouseup", stopDrag);
  4045.         element.css('cursor', 'all-scroll');
  4046.     });
  4047.  
  4048.     const drag = (e) => {
  4049.         if (!isDragging) return;
  4050.         // 不执行拖动操作
  4051.         if ($(e.target).is('label, p, input, textarea, span') || isSpecialMouseDown && !$(e.target).is('input, textarea')) return;
  4052.         e.preventDefault();
  4053.  
  4054.         const nx = e.clientX;
  4055.         const ny = e.clientY;
  4056.         nl = nx - (x - l);
  4057.         nt = ny - (y - t);
  4058.         element.css({ transform: `translate(${nx - x}px, ${ny - y}px)` });
  4059.     };
  4060.  
  4061.     const stopDrag = () => {
  4062.         isDragging = false;
  4063.         isSpecialMouseDown = false;
  4064.         element.css('cursor', 'default');
  4065.  
  4066.         // 在停止拖拽后，设置元素的left和top，并还原transform
  4067.         element.css({ left: nl + 'px', top: nt + 'px', transform: 'none' });
  4068.         $(document).off("mousemove", drag);
  4069.         $(document).off("mouseup", stopDrag);
  4070.     };
  4071. }
  4072.  
  4073. /**
  4074.  * 切换元素的折叠/展开过渡动画
  4075.  * @param {HTMLElement} element
  4076.  */
  4077. function OJB_toggleCollapseExpand(element) {
  4078.     // 设置transitionend事件监听器的函数
  4079.     const setTransitionListener = (listener) => {
  4080.         const listenerName = `transitionEndListener${Date.now()}`;
  4081.         window[listenerName] = listener;
  4082.         element.addEventListener('transitionend', listener);
  4083.         element.setAttribute('data-transition-end-listener', listenerName);
  4084.     };
  4085.  
  4086.     // 移除事件监听器的函数
  4087.     const removeTransitionListener = () => {
  4088.         const transitionEndListenerName = element.getAttribute('data-transition-end-listener');
  4089.         if (transitionEndListenerName) {
  4090.             element.removeEventListener('transitionend', window[transitionEndListenerName]);
  4091.             element.removeAttribute('data-transition-end-listener');
  4092.         }
  4093.     };
  4094.  
  4095.     const collapsed = element.getAttribute('data-collapsed') === 'true';
  4096.     const sectionHeight = element.scrollHeight;
  4097.  
  4098.     // 移除事件监听器
  4099.     removeTransitionListener();
  4100.  
  4101.     // 设置初始样式
  4102.     element.style.overflow = 'hidden';
  4103.     element.style.transition = 'height 0.3s ease-out 0s';
  4104.     element.style.height = collapsed ? `0px` : `${sectionHeight}px`;
  4105.     element.style.opacity = collapsed ? '' : '1';
  4106.  
  4107.     // 需要立即开始动画
  4108.     requestAnimationFrame(() => {
  4109.         // 设置结束样式
  4110.         element.style.height = collapsed ? `${sectionHeight}px` : `0px`;
  4111.     });
  4112.  
  4113.     const transitionEndListener = (event) => {
  4114.         if (event.propertyName === 'height') {
  4115.             if (collapsed) {
  4116.                 // 展开后的设置
  4117.                 element.style.height = '';
  4118.                 element.style.overflow = '';
  4119.             } else {
  4120.                 // 折叠后的设置
  4121.                 element.style.opacity = '0';
  4122.             }
  4123.             removeTransitionListener();
  4124.         }
  4125.     };
  4126.  
  4127.     setTransitionListener(transitionEndListener);
  4128.  
  4129.     // 更新data-collapsed属性
  4130.     element.setAttribute('data-collapsed', collapsed ? 'false' : 'true');
  4131. }
  4132.  
  4133. /**
  4134.  * 获取外部JSON并转换为Object
  4135.  * @param {string} url JSON Url
  4136.  * @param {boolean} [nacache=true] 是否不使用缓存
  4137.  * @returns {Promise<Object>} JSON Object
  4138.  */
  4139. async function OJB_getExternalJSON(url, nacache = true) {
  4140.     const response = await OJB_GMRequest({
  4141.         method: "GET",
  4142.         url: url,
  4143.         nocache: nacache
  4144.     });
  4145.     try {
  4146.         return JSON.parse(response.responseText);
  4147.     } catch (e) {
  4148.         throw new Error(`JSON parse error\n${e}`);
  4149.     }
  4150. }
  4151.  
  4152. /**
  4153.  * 创建确认对话框dialog
  4154.  * @param {string} title 标题
  4155.  * @param {string} content 内容
  4156.  * @param {string[]} buttons 按钮 (取消 确定) 可以为null
  4157.  * @param {boolean} renderMarkdown 是否使用markdown渲染文本
  4158.  * @returns {Promise<boolean>} 用户点击了确定按钮返回true, 否则返回false
  4159.  */
  4160. function OJB_createDialog(title, content, buttons, renderMarkdown = false) {
  4161.     return new Promise(resolve => {
  4162.         let contentHtml = content;
  4163.  
  4164.         if (renderMarkdown) {
  4165.             const md = window.markdownit();
  4166.             contentHtml = md.render(content);
  4167.         }
  4168.  
  4169.         const dialog = OJB_safeCreateJQElement(`
  4170.         <dialog class="OJBetter_modal">
  4171.             <h2>${title}</h2>
  4172.             <div class="content">${contentHtml}</div>
  4173.         </dialog>
  4174.         `);
  4175.         const buttonbox = OJB_safeCreateJQElement(`<div class="buttons"></div>`);
  4176.         const cancelButton = OJB_safeCreateJQElement(`<button class="cancelButton">${buttons[0]}</button>`)
  4177.             .addClass("secondary");
  4178.         const continueButton = OJB_safeCreateJQElement(`<button class="continueButton">${buttons[1]}</button>`);
  4179.         if (buttons[0] !== null) buttonbox.append(cancelButton);
  4180.         if (buttons[1] !== null) buttonbox.append(continueButton);
  4181.         dialog.append(buttonbox);
  4182.         $('body').append(dialog);
  4183.  
  4184.         OJB_showModal(dialog);
  4185.         OJB_addDraggable(dialog);
  4186.  
  4187.         continueButton.click(function () {
  4188.             OJB_closeAndRemoveModal(dialog);
  4189.             resolve(true);
  4190.         });
  4191.  
  4192.         cancelButton.click(function () {
  4193.             OJB_closeAndRemoveModal(dialog);
  4194.             resolve(false);
  4195.         });
  4196.     });
  4197. }
  4198.  
  4199. /**
  4200.  * 显示模态对话框并阻止页面滚动，同时考虑滚动条宽度变化和原始marginRight
  4201.  * @param {JQuery<HTMLElement>} element
  4202.  */
  4203. function OJB_showModal(element) {
  4204.     const dialog = element.get(0);
  4205.     dialogPolyfill.registerDialog(dialog);
  4206.     dialog.showModal();
  4207.     OJBetter.state.openDialogCount++;
  4208.  
  4209.     if (OJBetter.state.openDialogCount === 1) {
  4210.         const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;
  4211.         // 获取原始的html marginRight，考虑到可能的非数字值，比如auto
  4212.         const originalMarginRight = window.getComputedStyle(document.documentElement).marginRight;
  4213.         const marginRightValue = parseFloat(originalMarginRight) || 0; // 将非数字值转换为0
  4214.  
  4215.         if (scrollbarWidth > 0) {
  4216.             // 保存原始的marginRight，并设置新的值以补偿滚动条宽度
  4217.             document.documentElement.style.setProperty('--original-margin-right', originalMarginRight);
  4218.             document.documentElement.style.marginRight = `${marginRightValue + scrollbarWidth}px`;
  4219.         }
  4220.  
  4221.         // 保存原始的overflow样式
  4222.         document.documentElement.setAttribute('data-original-overflow', document.documentElement.style.overflow);
  4223.         document.documentElement.style.overflow = 'hidden';
  4224.     }
  4225.  
  4226.     const allowScrollIfNeeded = () => {
  4227.         OJBetter.state.openDialogCount--;
  4228.         if (OJBetter.state.openDialogCount === 0) {
  4229.             // 恢复原始的html marginRight和overflow样式
  4230.             const originalMarginRight = document.documentElement.style.getPropertyValue('--original-margin-right');
  4231.             document.documentElement.style.marginRight = originalMarginRight;
  4232.             document.documentElement.style.removeProperty('--original-margin-right');
  4233.  
  4234.             const originalOverflow = document.documentElement.getAttribute('data-original-overflow');
  4235.             document.documentElement.style.overflow = originalOverflow;
  4236.             document.documentElement.removeAttribute('data-original-overflow');
  4237.         }
  4238.     };
  4239.  
  4240.     dialog.addEventListener('close', allowScrollIfNeeded);
  4241. }
  4242.  
  4243. /**
  4244.  * 关闭并移除模态对话框
  4245.  * @param {JQuery<HTMLElement>} element
  4246.  */
  4247. function OJB_closeAndRemoveModal(element) {
  4248.     const dialog = element.get(0);
  4249.     dialog.close();
  4250.     dialog.remove();
  4251. }
  4252.  
  4253. /**
  4254.  * 关闭并移除模态对话框
  4255.  * @param {JQuery<HTMLElement>} element
  4256.  */
  4257. function OJB_closeModal(element) {
  4258.     const dialog = element.get(0);
  4259.     dialog.close();
  4260. }
  4261.  
  4262. /**
  4263.  * 清除i18next的缓存数据并刷新
  4264.  */
  4265. function clearI18nextCache() {
  4266.     Object.keys(localStorage)
  4267.         .filter(key => key.startsWith('i18next_res_'))
  4268.         .forEach(key => localStorage.removeItem(key));
  4269.     window.location.reload();
  4270. }
  4271.  
  4272. /**
  4273.  * 清除网站本地化数据
  4274.  */
  4275. async function clearWebsiteL10nData() {
  4276.     OJBetter.common.database.localizeSubsData.clear().then(() => {
  4277.         console.log('localizeSubsData table has been cleared');
  4278.         window.location.reload();
  4279.     }).catch((error) => {
  4280.         console.error('Failed to clear localizeSubsData table:', error);
  4281.     });
  4282. }
  4283.  
  4284. /**
  4285.  * 从Pre代码块中获取原始代码
  4286.  * @param {HTMLElement} element pre代码块元素
  4287.  * @returns {string|null} 代码文本
  4288.  */
  4289. function OJB_getCodeFromPre(element) {
  4290.     /**
  4291.      * 从Ace格式化的代码块中获取原始代码
  4292.      * @param {HTMLElement} element pre代码块元素
  4293.      * @returns {string} 代码文本
  4294.      */
  4295.     const getCodeFromAcePre = function (element) {
  4296.         const editor = ace.edit(element);
  4297.         return editor.getValue();
  4298.     }
  4299.  
  4300.     /**
  4301.      * 从Pretty格式化的代码块中获取原始代码-1
  4302.      * 代码直接存放在 pre 元素中
  4303.      * @param {HTMLElement} element pre代码块元素
  4304.      * @returns {string} 代码文本
  4305.      */
  4306.     const getCodeFromPrettyPre = function (element) {
  4307.         return Array.from(element.querySelectorAll('li')).map(function (li) {
  4308.             return li.textContent;
  4309.         }).join('\n');
  4310.     }
  4311.  
  4312.     /**
  4313.      * 从Pretty格式化的代码块中获取原始代码-2
  4314.      * 代码存放在子元素 code 中
  4315.      * @param {HTMLElement} element pre代码块元素
  4316.      * @returns {string} 代码文本
  4317.      */
  4318.     const getCodeFromPreChild = function (element) {
  4319.         const code = element.querySelector("code.prettyprint");
  4320.         if (code.classList.contains("linenums")) {
  4321.             return getCodeFromPrettyPre(element);
  4322.         } else {
  4323.             return element.querySelector("code.prettyprint").textContent;
  4324.         }
  4325.     }
  4326.  
  4327.     let result;
  4328.     if (element.id === "submission-code") {
  4329.         result = getCodeFromAcePre(element);
  4330.     } else if (element.classList.contains("prettyprint")) {
  4331.         result = getCodeFromPrettyPre(element);
  4332.     } else if (element.querySelector("code.prettyprint")) {
  4333.         result = getCodeFromPreChild(element);
  4334.     } else {
  4335.         result = "";
  4336.     }
  4337.     result = result.replace(/\u00A0/g, ''); // 过滤文本中的U+00a0字符（由&nbsp;造成的）
  4338.     return result;
  4339. }
  4340.  
  4341. /**
  4342.  * 判断代码的语言
  4343.  * @param {string} code 代码文本
  4344.  * @returns {string} 可能的语言
  4345.  */
  4346. function OJB_codeLangDetect(code) {
  4347.     result = hljs.highlightAuto(code);
  4348.     return result.language;
  4349. }
  4350.  
  4351. /**
  4352.  * 获取指定命名空间下的所有i18n翻译键值对。
  4353.  * 
  4354.  * @param {string} namespace - 要获取键值对的i18next命名空间。
  4355.  * @returns {Map<string, string>} 一个包含命名空间下所有键值对的Map对象。
  4356.  */
  4357. function OJB_getAllI18nKeysForNamespace(namespace) {
  4358.     const language = i18next.language; // 获取当前语言
  4359.     const resources = i18next.store.data[language]; // 获取当前语言的所有资源
  4360.     const nsResources = resources[namespace]; // 获取特定命名空间的资源
  4361.     const resultMap = new Map();
  4362.  
  4363.     if (nsResources) {
  4364.         // 遍历命名空间下的所有键值对，并添加到Map中
  4365.         Object.keys(nsResources).forEach(key => {
  4366.             resultMap.set(key, nsResources[key]);
  4367.         });
  4368.     } else {
  4369.         console.log(`No resources found for namespace "${namespace}"`);
  4370.     }
  4371.  
  4372.     return resultMap;
  4373. }
  4374.  
  4375. /**
  4376.  * 更新检查
  4377.  */
  4378. async function checkScriptVersion() {
  4379.     try {
  4380.         const versionResponse = await OJB_GMRequest({
  4381.             method: "GET",
  4382.             url: "https://aowuucdn.oss-accelerate.aliyuncs.com/script/versions.json",
  4383.             timeout: 10 * 1e3,
  4384.             nocache: true
  4385.         });
  4386.         const versionData = JSON.parse(versionResponse.responseText);
  4387.         const { [OJBetter.state.formatName]: { dev: version_dev, release: version_release } } = versionData;
  4388.         const baseUrls = {
  4389.             // greasyfork: 'https://update.greatest.deepsurf.us/scripts/465777/Codeforces%20Better%21.user.js',
  4390.             greasyfork: 'https://update.greatest.deepsurf.us/scripts/471106/Atcoder%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.         $("#main-container").prepend(this._statusElement);
  4518.     }
  4519.  
  4520.     /**
  4521.      * 显示提示信息
  4522.      */
  4523.     showStatus() {
  4524.         this._statusElement.show();
  4525.         this._isDisplayed = true;
  4526.     }
  4527.  
  4528.     /**
  4529.      * 隐藏提示信息
  4530.      */
  4531.     hideStatus() {
  4532.         this._statusElement.fadeOut(500);
  4533.         this._isDisplayed = false;
  4534.     }
  4535.  
  4536.     /**
  4537.      * 移除提示信息
  4538.      */
  4539.     removeStatus() {
  4540.         this._statusElement.remove();
  4541.         this._isDisplayed = false;
  4542.     }
  4543.  
  4544.     /**
  4545.      * 更新提示信息
  4546.      * @param {string} text 提示信息文本
  4547.      * @param {string} type 提示信息类型，可选值：info, success, warning, error
  4548.      * @param {number} timeout 提示信息显示的持续时间（毫秒）, 默认为无限长
  4549.      */
  4550.     updateStatus(text, type = 'info', timeout = Infinity, isMarkdown = false) {
  4551.         if (isMarkdown) {
  4552.             let md = window.markdownit({
  4553.                 html: !is_escapeHTML,
  4554.             });
  4555.             text = md.render(text);
  4556.         }
  4557.         this._statusElement.html(text).removeClass("alert-info alert-success alert-warning alert-error").addClass(`alert-${type}`);
  4558.         if (!this._isDisplayed) {
  4559.             this.showStatus();
  4560.         }
  4561.         if (timeout !== Infinity) {
  4562.             setTimeout(() => {
  4563.                 this.hideStatus();
  4564.             }, timeout);
  4565.         }
  4566.     }
  4567. }
  4568.  
  4569. /**
  4570.  * 获取网站本地化的数据
  4571.  * @param {*} localizationLanguage 本地化语言
  4572.  * @returns {Promise<Object>} 本地化数据
  4573.  */
  4574. async function getLocalizeWebsiteJson(localizationLanguage) {
  4575.     let data = await OJBetter.common.database.localizeSubsData.get(localizationLanguage);
  4576.     let url = localizationLanguage === "zh" ?
  4577.         `https://aowuucdn.oss-accelerate.aliyuncs.com/resources/subs/${OJBetter.state.formatName}.json` :
  4578.         `https://aowuucdn.oss-accelerate.aliyuncs.com/i18n/${localizationLanguage}/resources/subs/${OJBetter.state.formatName}.json`;
  4579.     if (data) data = data.data;
  4580.     if (!data) {
  4581.         // 如果本地没有数据，从远端获取并保存
  4582.         data = await OJB_getExternalJSON(url);
  4583.         await OJBetter.common.database.localizeSubsData.put({ lang: localizationLanguage, data: data });
  4584.     } else {
  4585.         // 如果本地有数据，检查是否已经在当前会话中尝试过更新
  4586.         const sessionKey = `ojb_updateL10nWebsiteJson_${localizationLanguage}`;
  4587.         if (!OJB_isSameBrowserSession(sessionKey)) {
  4588.             // 如果尚未更新，则在后台更新
  4589.             (async () => {
  4590.                 try {
  4591.                     const newData = await OJB_getExternalJSON(url);
  4592.                     await OJBetter.common.database.localizeSubsData.put({ lang: localizationLanguage, data: newData });
  4593.                     console.log("Website local data has been refreshed!");
  4594.                 } catch (error) {
  4595.                     console.error('Failed to update localization data:', error);
  4596.                 }
  4597.             })();
  4598.         }
  4599.     }
  4600.     return data;
  4601. }
  4602.  
  4603. /**
  4604.  * 网站本地化替换
  4605.  * @returns 
  4606.  */
  4607. async function localizeWebsite() {
  4608.     if (OJBetter.localization.websiteLang === "initial") return;
  4609.  
  4610.     // 设置网页语言
  4611.     var htmlTag = document.getElementsByTagName("html")[0];
  4612.     htmlTag.setAttribute("lang", OJBetter.localization.websiteLang);
  4613.  
  4614.     // 获取网站本地化的数据
  4615.     var subs = await getLocalizeWebsiteJson(OJBetter.localization.websiteLang);
  4616.  
  4617.     /**
  4618.      * 文本节点遍历替换
  4619.      * @param {JQuery} $nodes jQuery对象
  4620.      * @param {Object} textReplaceRules 文本替换规则对象
  4621.      * @param {string} key 应用的规则集的名字
  4622.      */
  4623.     const traverseTextNodes = ($nodes, textReplaceRules, key) => {
  4624.         if (!$nodes) return;
  4625.  
  4626.         $nodes.each((_, node) => {
  4627.             if (node.nodeType === Node.TEXT_NODE) {
  4628.                 Object.entries(textReplaceRules).forEach(([match, replace]) => {
  4629.                     try {
  4630.                         const regex = new RegExp(match, 'g');
  4631.                         const beforeText = node.textContent;
  4632.                         node.textContent = node.textContent.replace(regex, replace);
  4633.                         if (node.textContent !== beforeText && OJBetter.dev.isRuleMarkingEnabled) {
  4634.                             $(node).after(`<span class="markingTextReplaceRule">${key}</span>`);
  4635.                         }
  4636.                     } catch (error) {
  4637.                         console.error(`Error processing text replacement for match: ${match}`, error);
  4638.                     }
  4639.                 });
  4640.             } else if (node.nodeType === Node.ELEMENT_NODE && node.tagName.toLowerCase() !== 'iframe') {
  4641.                 $(node).contents().each((_, childNode) => {
  4642.                     traverseTextNodes($(childNode), textReplaceRules, key);
  4643.                 });
  4644.             }
  4645.         });
  4646.     };
  4647.  
  4648.     /**
  4649.      * value替换
  4650.      * @param {JQuery} $nodes jQuery对象
  4651.      * @param {Object} valueReplaceRules 值替换规则对象
  4652.      * @param {string} key 应用的规则集的名字
  4653.      */
  4654.     function traverseValueNodes($nodes, valueReplaceRules, key) {
  4655.         if (!$nodes) return;
  4656.  
  4657.         $nodes.each(function () {
  4658.             let $node = $(this);
  4659.             if ($node.is('[value]')) {
  4660.                 Object.keys(valueReplaceRules).forEach(match => {
  4661.                     const replace = valueReplaceRules[match];
  4662.                     const regex = new RegExp(match, 'g');
  4663.                     let currentValue = $node.val();
  4664.                     let newValue = currentValue.replace(regex, replace);
  4665.                     $node.val(newValue);
  4666.                     if (OJBetter.dev.isRuleMarkingEnabled) {
  4667.                         if (newValue !== currentValue) $($node).after(`<span class="markingTextReplaceRule">${key}</span>`);
  4668.                     }
  4669.                 });
  4670.             } else {
  4671.                 $node.children().each(function () {
  4672.                     traverseValueNodes($(this), valueReplaceRules, key);
  4673.                 });
  4674.             }
  4675.         });
  4676.     }
  4677.  
  4678.     /**
  4679.      * 严格的文本节点遍历替换
  4680.      * 要求被替换文本严格与规则文本一致
  4681.      * @param {JQuery} $nodes jQuery对象
  4682.      * @param {Object} textReplaceRules 文本替换规则对象
  4683.      * @param {string} key 应用的规则集的名字
  4684.      */
  4685.     const strictTraverseTextNodes = ($nodes, textReplaceRules, key) => {
  4686.         if (!$nodes) return;
  4687.  
  4688.         $nodes.each((_, node) => {
  4689.             if (node.nodeType === Node.TEXT_NODE) {
  4690.                 const trimmedNodeText = node.textContent.trim();
  4691.                 for (const [match, replacement] of Object.entries(textReplaceRules)) {
  4692.                     if (trimmedNodeText === match) {
  4693.                         const beforeText = node.textContent;
  4694.                         node.textContent = replacement;
  4695.                         if (node.textContent !== beforeText && OJBetter.dev.isRuleMarkingEnabled) {
  4696.                             $(node).after(`<span class="markingTextReplaceRule">${key}</span>`);
  4697.                         }
  4698.                     }
  4699.                 }
  4700.             } else if (node.nodeType === Node.ELEMENT_NODE && node.tagName.toLowerCase() !== 'iframe') {
  4701.                 $(node).contents().each((_, childNode) => {
  4702.                     strictTraverseTextNodes($(childNode), textReplaceRules, key);
  4703.                 });
  4704.             }
  4705.         });
  4706.     };
  4707.  
  4708.     /**
  4709.      * 应用文本替换
  4710.      */
  4711.     let commonReplacements = subs.commonReplacements;
  4712.     Object.entries(commonReplacements).forEach(([key, value]) => {
  4713.         const classSelectors = Array.isArray(value.class) ? value.class : [value.class]; // 兼容，class的值可以为数组或者字符串
  4714.         classSelectors.forEach(classSelector => {
  4715.             if (value.isStrict) {
  4716.                 strictTraverseTextNodes(OJB_safeCreateJQElement(`${classSelector}`), value.rules, key);
  4717.             } else {
  4718.                 traverseTextNodes(OJB_safeCreateJQElement(`${classSelector}`), value.rules, key);
  4719.             }
  4720.         });
  4721.     });
  4722.  
  4723.     /**
  4724.      * 应用value替换
  4725.      */
  4726.     let InputValueReplacements = subs.InputValueReplacements;
  4727.     Object.entries(InputValueReplacements).forEach(([key, value]) => {
  4728.         const classSelectors = Array.isArray(value.class) ? value.class : [value.class];
  4729.         classSelectors.forEach(classSelector => {
  4730.             traverseValueNodes(OJB_safeCreateJQElement(`${classSelector}`), value.rules, key);
  4731.         });
  4732.     });
  4733.  
  4734.     /**
  4735.      * 动态添加的文本的替换
  4736.      */
  4737.     let dynamicReplacements = subs.dynamicReplacements;
  4738.     Object.entries(dynamicReplacements).forEach(([key, value]) => {
  4739.         const classSelectors = Array.isArray(value.class) ? value.class : [value.class]; // 兼容，class的值可以为数组或者字符串
  4740.         classSelectors.forEach(classSelector => {
  4741.             OJB_observeElement({
  4742.                 selector: classSelector,
  4743.                 callback: (node) => {
  4744.                     // let popupContent = node.textContent.replace(/^×/, ''); // 去除开头多余的 '×' 字符
  4745.                     if (value.isStrict) {
  4746.                         strictTraverseTextNodes(OJB_safeCreateJQElement(`${classSelector}`), value.rules, key);
  4747.                     } else {
  4748.                         traverseTextNodes(OJB_safeCreateJQElement(`${classSelector}`), value.rules, key);
  4749.                     }
  4750.                 }
  4751.             });
  4752.         });
  4753.     });
  4754.  
  4755.     // // 杂项
  4756.     // (function () {
  4757.     //     // 选项汉化input[type="radio"]
  4758.     //     var translations = {
  4759.     //         "as individual participant": "个人",
  4760.     //         "as a team member": "作为一个团队成员",
  4761.     //     };
  4762.     //     $('input[type="radio"]').each(function () {
  4763.     //         var tag = $(this).parent().contents().filter(function () {
  4764.     //             return this.nodeType === Node.TEXT_NODE;
  4765.     //         });
  4766.     //         for (var i = 0; i < tag.length; i++) {
  4767.     //             var text = tag[i].textContent.trim();
  4768.     //             if (translations.hasOwnProperty(text)) {
  4769.     //                 $(this).addClass(text);
  4770.     //                 tag[i].replaceWith(translations[text]);
  4771.     //                 break;
  4772.     //             }
  4773.     //         }
  4774.     //     });
  4775.     // })();
  4776.     // (function () {
  4777.     //     var translations = {
  4778.     //         "(standard input\/output)": "标准输入/输出",
  4779.     //     };
  4780.     //     $("div.notice").each(function () {
  4781.     //         var tag = $(this).children().eq(0).text();
  4782.     //         for (var property in translations) {
  4783.     //             if (tag.match(property)) {
  4784.     //                 $(this).children().eq(0).text(translations[property]);
  4785.     //                 break;
  4786.     //             }
  4787.     //         }
  4788.     //     });
  4789.     // })();
  4790.  
  4791.     // // 轻量站特殊
  4792.     // if (OJBetter.typeOfPage.is_mSite) {
  4793.     //     traverseTextNodes($('nav'), commonReplacements['.second-level-menu']['rules']);
  4794.     // }
  4795.     // if (OJBetter.typeOfPage.is_mSite) {
  4796.     //     (function () {
  4797.     //         var translations = {
  4798.     //             "Announcements": "公告",
  4799.     //             "Submissions": "提交记录",
  4800.     //             "Contests": "比赛",
  4801.     //         };
  4802.     //         $(".caption").each(function () {
  4803.     //             var optionValue = $(this).text();
  4804.     //             if (translations[optionValue]) {
  4805.     //                 $(this).text(translations[optionValue]);
  4806.     //             }
  4807.     //         });
  4808.     //     })();
  4809.     // }
  4810. };
  4811.  
  4812. /**
  4813.  * i18next初始化
  4814.  */
  4815. async function initI18next() {
  4816.     return new Promise((resolve, reject) => {
  4817.         i18next
  4818.             .use(i18nextChainedBackend)
  4819.             .init({
  4820.                 lng: OJBetter.localization.scriptLang,
  4821.                 ns: ['common', 'settings', 'config', 'dialog', 'alert', 'translator',
  4822.                     'button', 'codeEditor', 'comments', 'announce', 'logMessage'], // 命名空间列表
  4823.                 defaultNS: 'settings',
  4824.                 fallbackLng: ['zh', OJBetter.translation.targetLang],
  4825.                 load: 'currentOnly',
  4826.                 debug: false,
  4827.                 backend: {
  4828.                     backends: [
  4829.                         i18nextLocalStorageBackend,
  4830.                         i18nextHttpBackend
  4831.                     ],
  4832.                     backendOptions: [{
  4833.                         prefix: 'i18next_res_',
  4834.                         expirationTime: 7 * 24 * 60 * 60 * 1000,
  4835.                         defaultVersion: `v${OJBetter.state.version}`,
  4836.                         store: typeof window !== 'undefined' ? window.localStorage : null
  4837.                     }, {
  4838.                         /* options for secondary backend */
  4839.                         loadPath: (lng, ns) => {
  4840.                             if (lng[0] === 'zh' || lng[0] === 'zh-Hans') {
  4841.                                 return `https://aowuucdn.oss-accelerate.aliyuncs.com/resources/locales/${OJBetter.state.formatName}/${ns}.json`;
  4842.                             }
  4843.                             return `https://aowuucdn.oss-accelerate.aliyuncs.com/i18n/${lng}/resources/locales/${OJBetter.state.formatName}/${ns}.json`;
  4844.                         }
  4845.                     }]
  4846.                 }
  4847.             }, (err, t) => {
  4848.                 if (err) {
  4849.                     reject(err);
  4850.                 } else {
  4851.                     jqueryI18next.init(i18next, $, {
  4852.                         useOptionsAttr: true
  4853.                     });
  4854.                     resolve(t);
  4855.                 }
  4856.             });
  4857.     });
  4858. };
  4859.  
  4860. /**
  4861.  * 抽象命令类
  4862.  */
  4863. class Command {
  4864.     execute() { }
  4865.     undo() { }
  4866. }
  4867.  
  4868. /**
  4869.  * 命令调用者
  4870.  */
  4871. class CommandInvoker {
  4872.     constructor() {
  4873.         this.history = [];
  4874.     }
  4875.  
  4876.     /**
  4877.      * 执行命令
  4878.      * @param {Command} command 命令对象
  4879.      */
  4880.     execute(command) {
  4881.         this.history.push(command);
  4882.         command.execute();
  4883.     }
  4884.  
  4885.     /**
  4886.      * 撤销命令
  4887.      */
  4888.     undo() {
  4889.         const command = this.history.pop();
  4890.         if (command) {
  4891.             command.undo();
  4892.         }
  4893.     }
  4894. }
  4895.  
  4896. /**
  4897.  * 接收者
  4898.  */
  4899. class DOMContainer {
  4900.     /**
  4901.      * @param {JQueryObject} element 容器对象
  4902.      */
  4903.     constructor(element) {
  4904.         this.containerElement = element;
  4905.     }
  4906.  
  4907.     /**
  4908.      * 添加元素
  4909.      * @param {JQueryObject} element 元素对象
  4910.      * @returns {JQueryObject} 添加的元素对象
  4911.      */
  4912.     add(element) {
  4913.         this.containerElement.append(element);
  4914.         return this.containerElement.children().last();
  4915.     }
  4916.  
  4917.     /**
  4918.      * 删除元素
  4919.      * @param {JQueryObject} element 元素对象
  4920.      */
  4921.     remove(element) {
  4922.         $(element).remove();
  4923.     }
  4924. }
  4925.  
  4926. /**
  4927.  * 具体命令类：添加元素
  4928.  */
  4929. class AddElementCommand extends Command {
  4930.     /**
  4931.      * @param {DOMContainer} receiver 接收者
  4932.      * @param {JQueryObject} element 元素对象
  4933.      */
  4934.     constructor(receiver, element) {
  4935.         super();
  4936.         this.receiver = receiver;
  4937.         this.element = element;
  4938.         this.addedElement = null;
  4939.     }
  4940.  
  4941.     execute() {
  4942.         this.addedElement = this.receiver.add(this.element);
  4943.     }
  4944.  
  4945.     undo() {
  4946.         if (this.addedElement) {
  4947.             this.receiver.remove(this.addedElement);
  4948.         }
  4949.     }
  4950. }
  4951.  
  4952. /**
  4953.  * 具体命令类：删除元素
  4954.  */
  4955. class RemoveElementCommand extends Command {
  4956.     /**
  4957.      * @param {DOMContainer} receiver 接收者
  4958.      * @param {JQueryObject} element 元素对象
  4959.      */
  4960.     constructor(receiver, element) {
  4961.         super();
  4962.         this.receiver = receiver;
  4963.         this.element = element;
  4964.         this.parent = $(element).parent();
  4965.         this.nextSibling = $(element).next();
  4966.     }
  4967.  
  4968.     execute() {
  4969.         this.receiver.remove(this.element);
  4970.     }
  4971.  
  4972.     undo() {
  4973.         if (this.nextSibling.length > 0) {
  4974.             $(this.element).insertBefore(this.nextSibling);
  4975.         } else {
  4976.             this.parent.append(this.element);
  4977.         }
  4978.     }
  4979. }
  4980.  
  4981. /**
  4982.  * 验证器
  4983.  */
  4984. class Validator {
  4985.     /**
  4986.      * 表单必填项空值校验
  4987.      */
  4988.     static required(structure) {
  4989.         let config = {};
  4990.         let allFieldsValid = true;
  4991.         for (const key in structure) {
  4992.             let value = key.type == 'checkbox' ?
  4993.                 $(key).prop("checked") : $(key).val();
  4994.  
  4995.             config[structure[key].value] = value;
  4996.  
  4997.             if (value || structure[key].require === false) {
  4998.                 $(key).removeClass('is_null');
  4999.             } else {
  5000.                 $(key).addClass('is_null');
  5001.                 allFieldsValid = false;
  5002.             }
  5003.         }
  5004.         return {
  5005.             valid: allFieldsValid,
  5006.             config: config
  5007.         };
  5008.     }
  5009.  
  5010.     /**
  5011.      * 表单合法性校验
  5012.      */
  5013.     static checkKeyValuePairs(structure, config) {
  5014.         let errorKeys = [];
  5015.         let allFieldsValid = true;
  5016.  
  5017.         for (const key in structure) {
  5018.             const { check, value } = structure[key];
  5019.             const fieldValue = config[value];
  5020.  
  5021.             // 如果字段没有值或校验类型不匹配，则跳过当前迭代
  5022.             if (!fieldValue) continue;
  5023.  
  5024.             let isValid = true;
  5025.             switch (check) {
  5026.                 case 'keyValuePairs':
  5027.                     isValid = Validator.keyValuePairs(fieldValue);
  5028.                     break;
  5029.                 case 'dotSeparatedPath':
  5030.                     isValid = Validator.validateDotSeparatedPath(fieldValue);
  5031.                     break;
  5032.                 default:
  5033.                     // 没有匹配的校验类型
  5034.                     continue;
  5035.             }
  5036.  
  5037.             Validator.toggleErrorDisplay(key, isValid);
  5038.             if (!isValid) {
  5039.                 allFieldsValid = false;
  5040.                 errorKeys.push(key);
  5041.             }
  5042.         }
  5043.  
  5044.         return {
  5045.             valid: allFieldsValid,
  5046.             errorKeys: errorKeys
  5047.         };
  5048.     }
  5049.  
  5050.     /**
  5051.      * 切换错误信息的显示和隐藏
  5052.      * @param {string} key - 字段的键
  5053.      * @param {boolean} isValid - 字段值是否有效
  5054.      */
  5055.     static toggleErrorDisplay(key, isValid) {
  5056.         const errorMessage = i18next.t('common.unValid', { ns: 'settings' });
  5057.         const $errorSpan = $(key).prev('span.text-error');
  5058.         if (!isValid) {
  5059.             if (!$errorSpan.length) {
  5060.                 $(key).before(`<span class="text-error" style="color: red;">${errorMessage}</span>`);
  5061.             }
  5062.         } else {
  5063.             $errorSpan.remove();
  5064.         }
  5065.     }
  5066.  
  5067.     /**
  5068.      * 键值对合法性校验
  5069.      * @param {string} value
  5070.      * @returns {boolean}
  5071.      */
  5072.     static keyValuePairs(value) {
  5073.         const keyValuePairs = value.split('\n');
  5074.         // 允许值中包含空格和冒号
  5075.         const regex = /^[a-zA-Z0-9_-]+\s*:\s*.+$/;
  5076.         return keyValuePairs.every(pair => regex.test(pair));
  5077.     }
  5078.  
  5079.  
  5080.     /**
  5081.      * 点分隔符路径格式校验，允许加减运算
  5082.      * @param {string} path
  5083.      * @returns {boolean}
  5084.      */
  5085.     static validateDotSeparatedPath(path) {
  5086.         // 正则表达式允许标识符之间有点号，标识符可以包含加减运算
  5087.         const regex = /^([a-zA-Z0-9_-]+(\s*[\+\-]\s*[a-zA-Z0-9_-]+)*\.)*([a-zA-Z0-9_-]+(\s*[\+\-]\s*[a-zA-Z0-9_-]+)*)$/;
  5088.         return regex.test(path);
  5089.     }
  5090. }
  5091.  
  5092. /**
  5093.  * 配置管理
  5094.  */
  5095. class ConfigManager {
  5096.     /**
  5097.      * @param {HTMLElement} element - 挂载容器
  5098.      * @param {string} prefix - 前缀
  5099.      * @param {object} tempConfig - 配置内容
  5100.      * @param {object} structure - 配置结构
  5101.      * @param {object} configHTML - 配置编辑页面HTML
  5102.      * @param {boolean} allowChoice - 是否允许选择列表项
  5103.      */
  5104.     constructor(element, prefix, tempConfig, structure, configHTML, allowChoice = true) {
  5105.         /** @param 设置面板DIV */
  5106.         this.settingMenuDiv = $('#OJBetter_setting_menu');
  5107.         this.element = $(element);
  5108.         this.prefix = prefix;
  5109.         this.tempConfig = tempConfig;
  5110.         this.structure = structure;
  5111.         this.configHTML = configHTML;
  5112.         this.allowChoice = allowChoice;
  5113.  
  5114.         this.controlTip = null;
  5115.         this.config_bar_list = null;
  5116.         this.config_bar_ul = null;
  5117.         this.config_add_button = null;
  5118.         this.menu = null;
  5119.         this.editItem = null;
  5120.         this.deleteItem = null;
  5121.  
  5122.         // 绑定方法
  5123.         this.onAdd = this.onAdd.bind(this);
  5124.         this.onEdit = this.onEdit.bind(this);
  5125.         this.onDelete = this.onDelete.bind(this);
  5126.         this.createListItemElement = this.createListItemElement.bind(this);
  5127.  
  5128.         this.lastItemId = 0; // 列表中当前最后一个元素的id号
  5129.         this.init();
  5130.     }
  5131.  
  5132.     init() {
  5133.         this.createControlBar();
  5134.         this.createContextMenu();
  5135.         this.renderList();
  5136.     }
  5137.  
  5138.     /**
  5139.      * 创建控制栏
  5140.      */
  5141.     createControlBar() {
  5142.         this.controlTip = OJB_safeCreateJQElement(`<div id='${this.prefix}configControlTip' style='color:red;'></div>`);
  5143.         this.config_bar_list = OJB_safeCreateJQElement(`<div class='config_bar_list' id='${this.prefix}config_bar_list'></div>`);
  5144.         this.config_bar_ul = OJB_safeCreateJQElement(`<ul class='config_bar_ul' id='${this.prefix}config_bar_ul'></ul>`);
  5145.         this.element.append(this.controlTip);
  5146.         this.element.append(this.config_bar_list);
  5147.         this.config_bar_list.append(this.config_bar_ul);
  5148.     }
  5149.  
  5150.     /**
  5151.      * 创建右键菜单
  5152.      */
  5153.     createContextMenu() {
  5154.         const menu = OJB_safeCreateJQElement(`<div id='config_bar_menu' style='display: none;'></div>`);
  5155.         const editItem = OJB_safeCreateJQElement(`
  5156.         <div class='config_bar_menu_item' id='config_bar_menu_edit'>
  5157.             ${i18next.t('contextMenu.edit', { ns: 'translator' })}
  5158.         </div>`);
  5159.         const deleteItem = OJB_safeCreateJQElement(`
  5160.         <div class='config_bar_menu_item' id='config_bar_menu_delete'>
  5161.             ${i18next.t('contextMenu.delete', { ns: 'translator' })}
  5162.         </div>`);
  5163.         menu.append(editItem);
  5164.         menu.append(deleteItem);
  5165.         this.editItem = editItem;
  5166.         this.deleteItem = deleteItem;
  5167.         this.menu = menu;
  5168.         this.settingMenuDiv.append(menu);
  5169.     }
  5170.  
  5171.     /**
  5172.      * 关闭右键菜单
  5173.      */
  5174.     closeContextMenu() {
  5175.         this.menu.css({ display: "none" });
  5176.     }
  5177.  
  5178.     /**
  5179.      * 创建列表项
  5180.      * @param {string} text - 列表项文本
  5181.      * @returns {HTMLElement} - 列表项
  5182.      */
  5183.     createListItemElement(text) {
  5184.         const id = OJB_getRandomNumber(4);
  5185.         const li = $("<li></li>");
  5186.         const radio = OJB_safeCreateJQElement(`<input type='radio' name='${this.prefix}config_item'></input>`)
  5187.             .attr("value", text)
  5188.             .attr("id", id)
  5189.             .attr("prev_id", this.lastItemId)
  5190.             .appendTo(li);
  5191.         if (!this.allowChoice) {
  5192.             radio.prop("disabled", true);
  5193.         }
  5194.         const label = OJB_safeCreateJQElement(`<label for='${id}' class='config_bar_ul_li_text'>${text}</label>`).appendTo(li);
  5195.  
  5196.  
  5197.         this.lastItemId = id;
  5198.  
  5199.         // 添加右键菜单
  5200.         li.on("contextmenu", (event) => {
  5201.             event.preventDefault();
  5202.             this.menu.css({
  5203.                 display: "block",
  5204.                 left: event.pageX, top: event.pageY
  5205.             });
  5206.  
  5207.             const deleteItem = this.deleteItem;
  5208.             const editItem = this.editItem;
  5209.  
  5210.             // 移除旧事件
  5211.             deleteItem.off("click");
  5212.             editItem.off("click");
  5213.  
  5214.             // 获取 li 在 ul 中的索引
  5215.             const index = li.index();
  5216.  
  5217.             deleteItem.on("click", () => this.onDelete(index, li));
  5218.             editItem.on("click", () => this.onEdit(index, li));
  5219.  
  5220.             $(document).one("click", (event) => {
  5221.                 if (!this.menu.get(0).contains(event.target)) {
  5222.                     this.closeContextMenu();
  5223.                     deleteItem.off("click", () => this.onDelete);
  5224.                     editItem.off("click", () => this.onEdit);
  5225.                 }
  5226.             });
  5227.         });
  5228.  
  5229.         return li;
  5230.     }
  5231.  
  5232.     /**
  5233.      * 渲染配置列表
  5234.      */
  5235.     renderList() {
  5236.         const list = this.config_bar_ul;
  5237.         list.empty(); // 清空
  5238.         this.tempConfig.configurations.forEach((item) => {
  5239.             list.append(this.createListItemElement(item['name']));
  5240.         });
  5241.  
  5242.         // 添加按钮
  5243.         let addButton = OJB_safeCreateJQElement(`<li id='${this.prefix}add_button' class="tempConfig_add_button">
  5244.             <span>+ ${i18next.t('add', { ns: 'common' })}</span>
  5245.         </li>`);
  5246.         this.config_add_button = addButton;
  5247.         list.append(addButton);
  5248.         addButton.on("click", this.onAdd);
  5249.     }
  5250.  
  5251.     /**
  5252.      * 添加配置项
  5253.      */
  5254.     onAdd() {
  5255.         const configMenu = this.createConfigHTML();
  5256.         const structure = this.structure;
  5257.  
  5258.         configMenu.on("click", "#tempConfig_save", () => {
  5259.  
  5260.             // 检查必填字段
  5261.             const { valid, config } = Validator.required(structure);
  5262.             if (!valid) return;
  5263.  
  5264.             // 检查键值对
  5265.             const { valid: checkOk, errorKey } = Validator.checkKeyValuePairs(structure, config);
  5266.             if (!checkOk) return;
  5267.  
  5268.             this.tempConfig.configurations.push(config);
  5269.  
  5270.             this.createListItemElement(config.name).insertBefore(this.config_add_button);
  5271.  
  5272.             configMenu.remove();
  5273.         });
  5274.  
  5275.         configMenu.on("click", ".btn-close", () => {
  5276.             configMenu.remove();
  5277.         });
  5278.     }
  5279.  
  5280.     /**
  5281.      * 修改配置项
  5282.      * @param {number} index - 配置项索引
  5283.      * @param {HTMLElement} li - 配置项
  5284.      * @returns {void}
  5285.      */
  5286.     onEdit(index, li) {
  5287.         const configMenu = this.createConfigHTML();
  5288.         const structure = this.structure;
  5289.  
  5290.         this.closeContextMenu();
  5291.  
  5292.         // 填充表单
  5293.         for (const [key, { value, type }] of Object.entries(this.structure)) {
  5294.             const configValue = this.tempConfig.configurations[index][value];
  5295.             const $element = $(key);
  5296.             if (type === 'checkbox') {
  5297.                 $element.prop("checked", configValue);
  5298.             } else {
  5299.                 $element.val(configValue);
  5300.             }
  5301.         }
  5302.  
  5303.         configMenu.on("click", "#tempConfig_save", () => {
  5304.             // 检查必填字段
  5305.             const { valid, config } = Validator.required(structure);
  5306.             if (!valid) return;
  5307.  
  5308.             // 检查键值对
  5309.             const { valid: checkOk, errorKey } = Validator.checkKeyValuePairs(structure, config);
  5310.             if (!checkOk) return;
  5311.  
  5312.             // 更新配置
  5313.             this.tempConfig.configurations[index] = config;
  5314.             li.find('label').text(config.name);
  5315.  
  5316.             OJB_closeAndRemoveModal(configMenu);
  5317.         });
  5318.  
  5319.         configMenu.on("click", ".btn-close", () => {
  5320.             OJB_closeAndRemoveModal(configMenu);
  5321.         });
  5322.     }
  5323.  
  5324.     /**
  5325.      * 删除配置项
  5326.      * @param {number} index - 配置项索引
  5327.      * @param {HTMLElement} li - 配置项
  5328.      * @returns {void}
  5329.      */
  5330.     onDelete(index, li) {
  5331.         this.closeContextMenu();
  5332.         this.tempConfig.configurations.splice(index, 1);
  5333.         li.remove();
  5334.     }
  5335.  
  5336.     /**
  5337.      * 创建配置编辑页面
  5338.      * @returns {JQuery<HTMLElement>} 返回配置编辑页面
  5339.      */
  5340.     createConfigHTML() {
  5341.         const configMenu = OJB_safeCreateJQElement(this.configHTML);
  5342.         this.settingMenuDiv.after(configMenu);
  5343.         OJB_showModal(configMenu);
  5344.         OJB_addDraggable(configMenu);
  5345.         elementLocalize(configMenu);
  5346.         return configMenu;
  5347.     }
  5348.  
  5349.     /**
  5350.      * 获取配置内容
  5351.      * @returns {object} - 配置内容
  5352.      */
  5353.     getTempConfig() {
  5354.         return this.tempConfig;
  5355.     }
  5356.  
  5357.     /**
  5358.      * 注册列表项选中改变监听
  5359.      */
  5360.     registerChoiceChange() {
  5361.         this.config_bar_ul.on("change", "input[type='radio']", (event) => {
  5362.             const value = event.target.value;
  5363.             this.tempConfig.choice = value;
  5364.         });
  5365.     }
  5366. }
  5367.  
  5368. const OJBetter_setting_sidebar_HTML = `
  5369. <div class="OJBetter_setting_sidebar">
  5370.     <ul>
  5371.         <li><a href="#basic-settings" id="sidebar-basic-settings" class="active" data-i18n="settings:sidebar.basic"></a></li>
  5372.         <li><a href="#preference-settings" id="sidebar-preference-settings" data-i18n="settings:sidebar.preference"></a></li>
  5373.         <li><a href="#translation-settings" id="sidebar-translation-settings" data-i18n="settings:sidebar.translation"></a></li>
  5374.         <li><a href="#clist_rating-settings" id="sidebar-clist_rating-settings" data-i18n="settings:sidebar.clist"></a></li>
  5375.         <li><a href="#code_editor-settings" id="sidebar-code_editor-settings" data-i18n="settings:sidebar.monaco"></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="scriptL10nLanguage" style="display: flex;" data-i18n="settings:localization.scriptLanguageLabel"></label>
  5411.         <select id="scriptL10nLanguage" name="scriptL10nLanguage">
  5412.             <option value="zh">简体中文</option>
  5413.             <option value="zh-Hant">繁體中文</option>
  5414.             <option value="en">English</option>
  5415.             <option value="de">Deutsch</option>
  5416.             <option value="fr">Français</option>
  5417.             <option value="ko">한국어</option>
  5418.             <option value="pt">Português</option>
  5419.             <option value="ja">日本語</option>
  5420.             <option value="es">Español</option>
  5421.             <option value="it">Italiano</option>
  5422.             <option value="hi">हिन्दी</option>
  5423.         </select>
  5424.     </div>
  5425.     <div class='OJBetter_setting_list'>
  5426.         <label for="localizationLanguage" style="display: flex;" data-i18n="settings:localization.websiteLanguageLabel"></label>
  5427.         <select id="localizationLanguage" name="localizationLanguage">
  5428.             <option value="initial">——</option>
  5429.             <option value="zh">简体中文</option>
  5430.             <option value="zh-Hant">繁體中文</option>
  5431.             <option value="de">Deutsch</option>
  5432.             <option value="fr">Français</option>
  5433.             <option value="ko">한국어</option>
  5434.             <option value="pt">Português</option>
  5435.             <option value="ja">日本語</option>
  5436.             <option value="es">Español</option>
  5437.             <option value="it">Italiano</option>
  5438.             <option value="hi">हिन्दी</option>
  5439.         </select>
  5440.     </div>
  5441.     <div class='OJBetter_setting_list alert_tip'>
  5442.         <div data-i18n="[html]settings:localization.notice.1"></div>
  5443.     </div>
  5444.     <div class='OJBetter_setting_list alert_tip'>
  5445.         <div data-i18n="[html]settings:localization.notice.2"></div>
  5446.     </div>
  5447. </div>
  5448. `;
  5449.  
  5450.  
  5451. const translation_settings_HTML = `
  5452. <div id="translation-settings" class="settings-page">
  5453.     <h3 data-i18n="settings:translation.title"></h3>
  5454.     <hr>
  5455.     <h4 data-i18n="settings:translation.options.title"></h4>
  5456.     <div class='OJBetter_setting_list'>
  5457.         <label for="transTargetLang" style="display: flex;" data-i18n="settings:translation.preference.target.title"></label>
  5458.         <div class="help_tip">
  5459.             ${helpCircleHTML}
  5460.             <div class="tip_text" data-i18n="[html]settings:translation.preference.target.helpText"></div>
  5461.         </div>
  5462.         <select id="transTargetLang" name="transTargetLang">
  5463.             <option value="zh">简体中文</option>
  5464.             <option value="zh-Hant">繁體中文</option>
  5465.             <option value="de">Deutsch</option>
  5466.             <option value="fr">Français</option>
  5467.             <option value="ko">한국어</option>
  5468.             <option value="pt">Português</option>
  5469.             <option value="ja">日本語</option>
  5470.             <option value="es">Español</option>
  5471.             <option value="it">Italiano</option>
  5472.             <option value="hi">हिन्दी</option>
  5473.         </select>
  5474.     </div>
  5475.     <div id="translationServices">
  5476.         <label>
  5477.             <input type='radio' name='translation' value='deepl'>
  5478.             <span class='OJBetter_setting_menu_label_text'
  5479.                 data-i18n="settings:translation.options.services.deepl"></span>
  5480.         </label>
  5481.         <label>
  5482.             <input type='radio' name='translation' value='iflyrec'>
  5483.             <span class='OJBetter_setting_menu_label_text'
  5484.                 data-i18n="settings:translation.options.services.iflyrec"></span>
  5485.         </label>
  5486.         <label>
  5487.             <input type='radio' name='translation' value='youdao'>
  5488.             <span class='OJBetter_setting_menu_label_text'
  5489.                 data-i18n="settings:translation.options.services.youdao"></span>
  5490.         </label>
  5491.         <label>
  5492.             <input type='radio' name='translation' value='google'>
  5493.             <span class='OJBetter_setting_menu_label_text'
  5494.                 data-i18n="settings:translation.options.services.google"></span>
  5495.         </label>
  5496.         <label>
  5497.             <input type='radio' name='translation' value='caiyun'>
  5498.             <span class='OJBetter_setting_menu_label_text'
  5499.                 data-i18n="settings:translation.options.services.caiyun"></span>
  5500.         </label>
  5501.         <label>
  5502.             <input type='radio' name='translation' value='openai'>
  5503.             <span class='OJBetter_setting_menu_label_text'
  5504.                 data-i18n="settings:translation.options.services.openai.name">
  5505.                 <div class="help_tip">
  5506.                     ${helpCircleHTML}
  5507.                     <div class="tip_text"
  5508.                         data-i18n="[html]settings:translation.options.services.openai.helpText"></div>
  5509.                 </div>
  5510.             </span>
  5511.         </label>
  5512.     </div>
  5513.     <hr>
  5514.     <h4>DeepL</h4>
  5515.     <div class='OJBetter_setting_list'>
  5516.         <label for="deepl_type" style="display: flex;" data-i18n="settings:translation.deepl.mode.title"></label>
  5517.         <div class="help_tip">
  5518.             ${helpCircleHTML}
  5519.             <div class="tip_text" data-i18n="[html]settings:translation.deepl.mode.helpText"></div>
  5520.         </div>
  5521.         <select id="deepl_type" name="deepl_type">
  5522.             <option value="free" data-i18n="settings:translation.deepl.mode.select.free"></option>
  5523.             <option value="api" data-i18n="settings:translation.deepl.mode.select.api"></option>
  5524.         </select>
  5525.     </div>
  5526.     <div id="deepl_config" class="config"></div>
  5527.     <div class='OJBetter_setting_list'>
  5528.         <label for="enableEmphasisProtection" data-i18n="settings:translation.deepl.enableEmphasisProtection.title"></label>
  5529.         <div class="help_tip" style="margin-right: initial;">
  5530.             ${helpCircleHTML}
  5531.             <div class="tip_text" data-i18n="[html]settings:translation.deepl.enableEmphasisProtection.helpText"></div>
  5532.         </div>
  5533.         <div class="badge">Official API Only</div>
  5534.         <input type="checkbox" id="enableEmphasisProtection" name="enableEmphasisProtection">
  5535.     </div>
  5536.     <div class='OJBetter_setting_list'>
  5537.         <label for="enableLinkProtection" data-i18n="settings:translation.deepl.enableLinkProtection.title"></label>
  5538.         <div class="help_tip" style="margin-right: initial;">
  5539.             ${helpCircleHTML}
  5540.             <div class="tip_text" data-i18n="[html]settings:translation.deepl.enableLinkProtection.helpText"></div>
  5541.         </div>
  5542.         <div class="badge">Official API Only</div>
  5543.         <input type="checkbox" id="enableLinkProtection" name="enableLinkProtection">
  5544.     </div>
  5545.     <hr>
  5546.     <h4>ChatGPT</h4>
  5547.     <div id="chatgpt_config" class="config"></div>
  5548.     <div class='OJBetter_setting_list'>
  5549.         <label for="openai_isStream" data-i18n="settings:translation.chatgpt.isStream.name"></label>
  5550.         <div class="help_tip">
  5551.             ${helpCircleHTML}
  5552.             <div class="tip_text" data-i18n="[html]settings:translation.chatgpt.isStream.helpText"></div>
  5553.         </div>
  5554.         <input type="checkbox" id="openai_isStream" name="openai_isStream">
  5555.     </div>
  5556.     <div class='OJBetter_setting_list'>
  5557.         <label for="openai_asSystemPrompt" data-i18n="settings:translation.chatgpt.asSystemPrompt.name"></label>
  5558.         <div class="help_tip">
  5559.             ${helpCircleHTML}
  5560.             <div class="tip_text" data-i18n="[html]settings:translation.chatgpt.asSystemPrompt.helpText"></div>
  5561.         </div>
  5562.         <input type="checkbox" id="openai_asSystemPrompt" name="openai_asSystemPrompt">
  5563.     </div>
  5564.     <div class="OJBetter_setting_list">
  5565.         <label for='openai_customPrompt'>
  5566.             <div style="display: flex;align-items: center;">
  5567.                 <span class="input_label" data-i18n="settings:translation.chatgpt.customPrompt.name"></span>
  5568.                 <div class="help_tip">
  5569.                     ${helpCircleHTML}
  5570.                     <div class="tip_text" data-i18n="[html]settings:translation.chatgpt.customPrompt.helpText"></div>
  5571.                 </div>
  5572.             </div>
  5573.         </label>
  5574.         <textarea id="openai_customPrompt" placeholder='' require = false data-i18n="[placeholder]settings:translation.chatgpt.customPrompt.placeholder"></textarea>
  5575.     </div>
  5576.     <hr>
  5577.     <h4 data-i18n="settings:translation.preference.title"></h4>
  5578.     <div class='OJBetter_setting_list'>
  5579.         <label for="comment_translation_choice" style="display: flex;"
  5580.             data-i18n="settings:translation.preference.comment_translation_choice.title">
  5581.         </label>
  5582.         <select id="comment_translation_choice" name="comment_translation_choice">
  5583.             <option value="0" data-i18n="settings:translation.preference.comment_translation_choice.services.follow"></option>
  5584.             <option value="deepl" data-i18n="settings:translation.preference.comment_translation_choice.services.deepl"></option>
  5585.             <option value="iflyrec" data-i18n="settings:translation.preference.comment_translation_choice.services.iflyrec"></option>
  5586.             <option value="youdao" data-i18n="settings:translation.preference.comment_translation_choice.services.youdao"></option>
  5587.             <option value="google" data-i18n="settings:translation.preference.comment_translation_choice.services.google"></option>
  5588.             <option value="caiyun" data-i18n="settings:translation.preference.comment_translation_choice.services.caiyun"></option>
  5589.             <option value="openai" data-i18n="settings:translation.preference.comment_translation_choice.services.openai"></option>
  5590.         </select>
  5591.     </div>
  5592.     <hr>
  5593.  
  5594.     <h4 data-i18n="settings:translation.autoTranslation.title"></h4>
  5595.     <div class='OJBetter_setting_list'>
  5596.         <label for="autoTranslation" data-i18n="settings:translation.autoTranslation.enable"></label>
  5597.         <div class="help_tip">
  5598.             ${helpCircleHTML}
  5599.             <div class="tip_text" data-i18n="[html]settings:translation.autoTranslation.helpText"></div>
  5600.         </div>
  5601.         <input type="checkbox" id="autoTranslation" name="autoTranslation">
  5602.     </div>
  5603.     <div class='OJBetter_setting_list'>
  5604.         <label for='shortTextLength'>
  5605.             <div style="display: flex;align-items: center;"
  5606.                 data-i18n="settings:translation.autoTranslation.shortTextLength.name"></div>
  5607.         </label>
  5608.         <div class="help_tip">
  5609.             ${helpCircleHTML}
  5610.             <div class="tip_text" data-i18n="[html]settings:translation.autoTranslation.shortTextLength.helpText">
  5611.             </div>
  5612.         </div>
  5613.         <input type='number' id='shortTextLength' class='no_default' require=true data-i18n="[placeholder]settings:translation.autoTranslation.shortTextLength.placeholder">
  5614.         <span data-i18n="settings:translation.autoTranslation.shortTextLength.end"></span>
  5615.     </div>
  5616.     <div style="display:none;">
  5617.     <div class='OJBetter_setting_list'>
  5618.         <label for="allowMixTrans" data-i18n="settings:translation.autoTranslation.allowMixTrans.name"></label>
  5619.         <div class="help_tip">
  5620.             ${helpCircleHTML}
  5621.             <div class="tip_text" data-i18n="[html]settings:translation.autoTranslation.allowMixTrans.helpText">
  5622.             </div>
  5623.         </div>
  5624.         <input type="checkbox" id="allowMixTrans" name="allowMixTrans">
  5625.         <div class='OJBetter_checkboxs'>
  5626.             <input type="checkbox" id="deepl" name="mixedTranslation" value="deepl">
  5627.             <label for="deepl" data-i18n="settings:translation.autoTranslation.allowMixTrans.checkboxs.deepl"></label>
  5628.             <input type="checkbox" id="iflyrec" name="mixedTranslation" value="iflyrec">
  5629.             <label for="iflyrec" data-i18n="settings:translation.autoTranslation.allowMixTrans.checkboxs.iflyrec"></label>
  5630.             <input type="checkbox" id="youdao" name="mixedTranslation" value="youdao">
  5631.             <label for="youdao" data-i18n="settings:translation.autoTranslation.allowMixTrans.checkboxs.youdao"></label>
  5632.             <input type="checkbox" id="google" name="mixedTranslation" value="google">
  5633.             <label for="google" data-i18n="settings:translation.autoTranslation.allowMixTrans.checkboxs.google">Google</label>
  5634.             <input type="checkbox" id="caiyun" name="mixedTranslation" value="caiyun">
  5635.             <label for="caiyun" data-i18n="settings:translation.autoTranslation.allowMixTrans.checkboxs.caiyun"></label>
  5636.         </div>
  5637.     </div>
  5638.     </div>
  5639.     <hr>
  5640.  
  5641.     <h4 data-i18n="settings:translation.advanced.name"></h4>
  5642.     <div class='OJBetter_setting_list'>
  5643.         <label for="comment_translation_mode" style="display: flex;" data-i18n="settings:translation.advanced.mode.name"></label>
  5644.         <div class="help_tip">
  5645.             ${helpCircleHTML}
  5646.             <div class="tip_text" data-i18n="[html]settings:translation.advanced.mode.helpText"></div>
  5647.         </div>
  5648.         <select id="comment_translation_mode" name="comment_translation_mode">
  5649.             <option value="0" data-i18n="settings:translation.advanced.mode.options.0"></option>
  5650.             <option value="1" data-i18n="settings:translation.advanced.mode.options.1"></option>
  5651.             <option value="2" data-i18n="settings:translation.advanced.mode.options.2"></option>
  5652.         </select>
  5653.     </div>
  5654.     <div class='OJBetter_setting_list'>
  5655.         <label for="memoryTranslateHistory" data-i18n="settings:translation.advanced.memory.name"></label>
  5656.         <div class="help_tip">
  5657.             ${helpCircleHTML}
  5658.             <div class="tip_text" data-i18n="[html]settings:translation.advanced.memory.helpText"></div>
  5659.         </div>
  5660.         <input type="checkbox" id="memoryTranslateHistory" name="memoryTranslateHistory">
  5661.     </div>
  5662.     <div class='OJBetter_setting_list'>
  5663.         <label for="translation_retransAction" style="display: flex;" data-i18n="settings:translation.advanced.retrans.name"></label>
  5664.         <div class="help_tip">
  5665.             ${helpCircleHTML}
  5666.             <div class="tip_text" data-i18n="[html]settings:translation.advanced.retrans.helpText"></div>
  5667.         </div>
  5668.         <select id="translation_retransAction" name="translation_retransAction">
  5669.             <option value=0 data-i18n="settings:translation.advanced.retrans.options.0"></option>
  5670.             <option value=1 data-i18n="settings:translation.advanced.retrans.options.1"></option>
  5671.         </select>
  5672.     </div>
  5673.     <div class='OJBetter_setting_list'>
  5674.         <label for='transWaitTime'>
  5675.             <div style="display: flex;align-items: center;" data-i18n="settings:translation.advanced.transWaitTime.name"></div>
  5676.         </label>
  5677.         <div class="help_tip">
  5678.             ${helpCircleHTML}
  5679.             <div class="tip_text" data-i18n="[html]settings:translation.advanced.transWaitTime.helpText"></div>
  5680.         </div>
  5681.         <input type='number' id='transWaitTime' class='no_default' require=true data-i18n="[placeholder]settings:translation.advanced.transWaitTime.placeholder">
  5682.         <span data-i18n="settings:translation.advanced.transWaitTime.end"></span>
  5683.     </div>
  5684.     <div class='OJBetter_setting_list'>
  5685.         <label for="translation_replaceSymbol" style="display: flex;" data-i18n="settings:translation.advanced.replaceSymbol.name"></label>
  5686.         <div class="help_tip">
  5687.             ${helpCircleHTML}
  5688.             <div class="tip_text" data-i18n="[html]settings:translation.advanced.replaceSymbol.helpText"></div>
  5689.         </div>
  5690.         <select id="translation_replaceSymbol" name="translation_replaceSymbol">
  5691.             <option value=2 data-i18n="settings:translation.advanced.replaceSymbol.options.2"></option>
  5692.             <option value=1 data-i18n="settings:translation.advanced.replaceSymbol.options.1"></option>
  5693.             <option value=3 data-i18n="settings:translation.advanced.replaceSymbol.options.3"></option>
  5694.         </select>
  5695.     </div>
  5696.     <div class='OJBetter_setting_list'>
  5697.         <label for="filterTextWithoutEmphasis" data-i18n="settings:translation.advanced.filterTextWithoutEmphasis.name"></label>
  5698.         <div class="help_tip">
  5699.             ${helpCircleHTML}
  5700.             <div class="tip_text" data-i18n="[html]settings:translation.advanced.filterTextWithoutEmphasis.helpText"></div>
  5701.         </div>
  5702.         <input type="checkbox" id="filterTextWithoutEmphasis" name="filterTextWithoutEmphasis">
  5703.     </div>
  5704. </div>
  5705. `;
  5706.  
  5707. const clist_rating_settings_HTML = `
  5708. <div id="clist_rating-settings" class="settings-page">
  5709.     <h3 data-i18n="settings:clist.title"></h3>
  5710.     <hr>
  5711.     <h4 data-i18n="settings:clist.basics.name"></h4>
  5712.     <div class='OJBetter_setting_list alert_tip'>
  5713.         <div>
  5714.             <p data-i18n="[html]settings:clist.basics.notice"></p>
  5715.         </div>
  5716.     </div>
  5717.     <div class='OJBetter_setting_list'>
  5718.         <label for='clist_Authorization'>
  5719.             <div style="display: flex;align-items: center;">
  5720.                 <span class="input_label" data-i18n="settings:clist.basics.key.title"></span>
  5721.             </div>
  5722.         </label>
  5723.         <div class="help_tip">
  5724.             ${helpCircleHTML}
  5725.             <div class="tip_text" data-i18n="[html]settings:clist.basics.key.helpText"></div>
  5726.         </div>
  5727.         <input type='text' id='clist_Authorization' class='no_default' required="true"
  5728.             data-i18n="[placeholder]settings:clist.basics.key.keyPlaceholder">
  5729.     </div>
  5730.     <hr>
  5731.     <h4 data-i18n="settings:clist.displayRating.title"></h4>
  5732.     <div class='OJBetter_setting_list'>
  5733.         <label for="showClistRating_contest"><span data-i18n="settings:clist.displayRating.contest.name"></span></label>
  5734.         <input type="checkbox" id="showClistRating_contest" name="showClistRating_contest">
  5735.     </div>
  5736.     <div class='OJBetter_setting_list'>
  5737.         <label for="showClistRating_problem"><span data-i18n="settings:clist.displayRating.problem.name"></span></label>
  5738.         <input type="checkbox" id="showClistRating_problem" name="showClistRating_problem">
  5739.     </div>
  5740.     <div class='OJBetter_setting_list' style='display:none;'>
  5741.         <label for="showClistRating_problemset"><span data-i18n="settings:clist.displayRating.problemset.name"></span></label>
  5742.         <input type="checkbox" id="showClistRating_problemset" name="showClistRating_problemset">
  5743.     </div>
  5744.     <hr>
  5745.     <div class='OJBetter_setting_list'>
  5746.         <label for="RatingHidden"><span data-i18n="settings:clist.spoilerProtection.title"></span></label>
  5747.         <div class="help_tip">
  5748.             ${helpCircleHTML}
  5749.             <div class="tip_text" data-i18n="[html]settings:clist.spoilerProtection.helpText"></div>
  5750.         </div>
  5751.         <input type="checkbox" id="RatingHidden" name="RatingHidden">
  5752.     </div>
  5753. </div>
  5754. `;
  5755.  
  5756. const code_editor_settings_HTML = `
  5757. <div id="code_editor-settings" class="settings-page">
  5758.     <h3 data-i18n="settings:codeEditor.title"></h3>
  5759.     <hr>
  5760.     <h4 data-i18n="settings:codeEditor.basics"></h4>
  5761.     <div class='OJBetter_setting_list'>
  5762.         <label for="problemPageCodeEditor"><span
  5763.                 data-i18n="settings:codeEditor.problemPageCodeEditor.label"></span></label>
  5764.         <div class="help_tip">
  5765.             ${helpCircleHTML}
  5766.             <div class="tip_text" data-i18n="settings:codeEditor.problemPageCodeEditor.helpText"></div>
  5767.         </div>
  5768.         <input type="checkbox" id="problemPageCodeEditor" name="problemPageCodeEditor">
  5769.     </div>
  5770.     <div class='OJBetter_setting_list'>
  5771.         <label for="beautifyPreBlocks"><span
  5772.                 data-i18n="settings:codeEditor.beautifyPreBlocks.label"></span></label>
  5773.         <div class="help_tip">
  5774.             ${helpCircleHTML}
  5775.             <div class="tip_text" data-i18n="settings:codeEditor.beautifyPreBlocks.helpText"></div>
  5776.         </div>
  5777.         <input type="checkbox" id="beautifyPreBlocks" name="beautifyPreBlocks">
  5778.     </div>
  5779.     <hr>
  5780.     <h4 data-i18n="settings:codeEditor.preferences.title"></h4>
  5781.     <div class='OJBetter_setting_list'>
  5782.         <label for="isCodeSubmitConfirm"><span
  5783.                 data-i18n="settings:codeEditor.preferences.isCodeSubmitConfirm.label"></span></label>
  5784.         <div class="help_tip">
  5785.             ${helpCircleHTML}
  5786.             <div class="tip_text" data-i18n="settings:codeEditor.preferences.isCodeSubmitConfirm.helpText"></div>
  5787.         </div>
  5788.         <input type="checkbox" id="isCodeSubmitConfirm" name="isCodeSubmitConfirm">
  5789.     </div>
  5790.     <div class='OJBetter_setting_list'>
  5791.         <label for="autoSubmitAfterPass"><span
  5792.                 data-i18n="settings:codeEditor.preferences.autoSubmitAfterPass.label"></span></label>
  5793.         <div class="help_tip">
  5794.             ${helpCircleHTML}
  5795.             <div class="tip_text" data-i18n="settings:codeEditor.preferences.autoSubmitAfterPass.helpText"></div>
  5796.         </div>
  5797.         <input type="checkbox" id="autoSubmitAfterPass" name="autoSubmitAfterPass">
  5798.     </div>
  5799.     <div class='OJBetter_setting_list'>
  5800.         <label for="alwaysConsumeMouseWheel"><span
  5801.                 data-i18n="settings:codeEditor.preferences.alwaysConsumeMouseWheel.label"></span></label>
  5802.         <div class="help_tip">
  5803.             ${helpCircleHTML}
  5804.             <div class="tip_text" data-i18n="settings:codeEditor.preferences.alwaysConsumeMouseWheel.helpText"></div>
  5805.         </div>
  5806.         <input type="checkbox" id="alwaysConsumeMouseWheel" name="alwaysConsumeMouseWheel">
  5807.     </div>
  5808.     <div class='OJBetter_setting_list'>
  5809.         <label for="autoMemoryCode"><span
  5810.                 data-i18n="settings:codeEditor.preferences.autoMemoryCode.label"></span></label>
  5811.         <div class="help_tip">
  5812.             ${helpCircleHTML}
  5813.             <div class="tip_text" data-i18n="settings:codeEditor.preferences.autoMemoryCode.helpText"></div>
  5814.         </div>
  5815.         <input type="checkbox" id="autoMemoryCode" name="autoMemoryCode">
  5816.     </div>
  5817.     <div class='OJBetter_setting_list'>
  5818.         <label for="submitButtonPosition"><span
  5819.                 data-i18n="settings:codeEditor.preferences.submitButtonPosition.label"></span></label>
  5820.         <div class="help_tip">
  5821.             ${helpCircleHTML}
  5822.             <div class="tip_text" data-i18n="settings:codeEditor.preferences.submitButtonPosition.helpText"></div>
  5823.         </div>
  5824.         <select id="submitButtonPosition" name="submitButtonPosition">
  5825.             <option value="bottom" data-i18n="settings:codeEditor.preferences.submitButtonPosition.options.bottom"></option>
  5826.             <option value="top" data-i18n="settings:codeEditor.preferences.submitButtonPosition.options.top"></option>
  5827.         </select>
  5828.     </div>
  5829.     <hr>
  5830.     <h4 data-i18n="settings:codeEditor.onlineCodeExecution.title"></h4>
  5831.     <label>
  5832.         <input type='radio' name='compiler' value='official'>
  5833.         <span class='OJBetter_setting_menu_label_text'
  5834.             data-i18n="settings:codeEditor.onlineCodeExecution.compilerOptions.codeforces"></span>
  5835.     </label>
  5836.     <label>
  5837.         <input type='radio' name='compiler' value='wandbox'>
  5838.         <span class='OJBetter_setting_menu_label_text'
  5839.             data-i18n="settings:codeEditor.onlineCodeExecution.compilerOptions.wandbox"></span>
  5840.     </label>
  5841.     <label>
  5842.         <input type='radio' name='compiler' value='rextester'>
  5843.         <span class='OJBetter_setting_menu_label_text'
  5844.             data-i18n="settings:codeEditor.onlineCodeExecution.compilerOptions.rextester"></span>
  5845.     </label>
  5846.     <hr>
  5847.     <h4 data-i18n="settings:codeEditor.lsp.title"></h4>
  5848.     <div class='OJBetter_setting_list'>
  5849.         <label for="useLSP"><span data-i18n="settings:codeEditor.lsp.useLSP.label"></span></label>
  5850.         <div class="help_tip">
  5851.             ${helpCircleHTML}
  5852.             <div class="tip_text" data-i18n="[html]settings:codeEditor.lsp.useLSP.helpText"></div>
  5853.         </div>
  5854.         <input type="checkbox" id="useLSP" name="useLSP">
  5855.     </div>
  5856.     <div class='OJBetter_setting_list'>
  5857.         <label for='OJBetter_Bridge_WorkUri'>
  5858.             <div style="display: flex;align-items: center;">
  5859.                 <span class="input_label" data-i18n="settings:codeEditor.lsp.OJBetter_Bridge_WorkUri.label"></span>
  5860.             </div>
  5861.         </label>
  5862.         <div class="help_tip">
  5863.             ${helpCircleHTML}
  5864.             <div class="tip_text" data-i18n="[html]settings:codeEditor.lsp.OJBetter_Bridge_WorkUri.helpText"></div>
  5865.         </div>
  5866.         <input type='text' id='OJBetter_Bridge_WorkUri' class='no_default'
  5867.             require=true data-i18n="[placeholder]settings:codeEditor.lsp.OJBetter_Bridge_WorkUri.placeholder">
  5868.     </div>
  5869.     <div class='OJBetter_setting_list'>
  5870.         <label for='OJBetter_Bridge_SocketUrl'>
  5871.             <div style="display: flex;align-items: center;">
  5872.                 <span class="input_label"
  5873.                     data-i18n="settings:codeEditor.lsp.OJBetter_Bridge_SocketUrl.label"></span>
  5874.             </div>
  5875.         </label>
  5876.         <div class="help_tip">
  5877.             ${helpCircleHTML}
  5878.             <div class="tip_text" data-i18n="[html]settings:codeEditor.lsp.OJBetter_Bridge_SocketUrl.helpText"></div>
  5879.         </div>
  5880.         <input type='text' id='OJBetter_Bridge_SocketUrl' class='no_default'
  5881.             require=true data-i18n="[placeholder]settings:codeEditor.lsp.OJBetter_Bridge_SocketUrl.placeholder">
  5882.     </div>
  5883.     <hr>
  5884.     <h4 data-i18n="settings:codeEditor.staticCompletionEnhancement.title"></h4>
  5885.     <div class='OJBetter_setting_list'>
  5886.         <label for="cppCodeTemplateComplete"><span
  5887.                 data-i18n="settings:codeEditor.staticCompletionEnhancement.cppCodeTemplateComplete.label"></span></label>
  5888.         <div class="help_tip">
  5889.             ${helpCircleHTML}
  5890.             <div class="tip_text" data-i18n="[html]settings:codeEditor.staticCompletionEnhancement.cppCodeTemplateComplete.helpText"></div>
  5891.         </div>
  5892.         <input type="checkbox" id="cppCodeTemplateComplete" name="cppCodeTemplateComplete">
  5893.     </div>
  5894.     <hr>
  5895.     <h5 data-i18n="settings:codeEditor.staticCompletionEnhancement.customization"></h5>
  5896.     <div class='OJBetter_setting_list alert_warn'>
  5897.         <div>
  5898.             <p data-i18n="settings:codeEditor.staticCompletionEnhancement.performanceWarning"></p>
  5899.         </div>
  5900.     </div>
  5901.     <div id="Complet_config" class="config"></div>
  5902. </div>
  5903. `;
  5904.  
  5905. const preference_settings_HTML = `
  5906. <div id="preference-settings" class="settings-page">
  5907.     <h3 data-i18n="settings:preference.title"></h3>
  5908.     <hr>
  5909.     <div class='OJBetter_setting_list' style="display:none;">
  5910.         <label for="expandFoldingblocks" data-i18n="settings:basic.expandBlocks"></label>
  5911.         <input type="checkbox" id="expandFoldingblocks" name="expandFoldingblocks">
  5912.     </div>
  5913.     <div class='OJBetter_setting_list' style="display:none;">
  5914.         <label for="renderPerfOpt" data-i18n="settings:basic.renderOptimization.label"></label>
  5915.         <div class="help_tip">
  5916.             ${helpCircleHTML}
  5917.             <div class="tip_text" data-i18n="[html]settings:basic.renderOptimization.helpText"></div>
  5918.         </div>
  5919.         <input type="checkbox" id="renderPerfOpt" name="renderPerfOpt">
  5920.     </div>
  5921.     <div class='OJBetter_setting_list' style="display:none;">
  5922.         <label for="selectElementPerfOpt" data-i18n="settings:basic.selectElementOptimization.label"></label>
  5923.         <div class="help_tip">
  5924.             ${helpCircleHTML}
  5925.             <div class="tip_text" data-i18n="[html]settings:basic.selectElementOptimization.helpText"></div>
  5926.         </div>
  5927.         <input type="checkbox" id="selectElementPerfOpt" name="selectElementPerfOpt">
  5928.     </div>
  5929.     <div class='OJBetter_setting_list' style="display:none;">
  5930.         <label for="commentPaging" data-i18n="settings:basic.paging.label"></label>
  5931.         <div class="help_tip">
  5932.             ${helpCircleHTML}
  5933.             <div class="tip_text" data-i18n="[html]settings:basic.paging.helpText"></div>
  5934.         </div>
  5935.         <input type="checkbox" id="commentPaging" name="commentPaging">
  5936.     </div>
  5937.     <div class='OJBetter_setting_list'>
  5938.         <label for="showJumpToLuogu" data-i18n="settings:basic.luoguJump.label"></label>
  5939.         <div class="help_tip">
  5940.             ${helpCircleHTML}
  5941.             <div class="tip_text" data-i18n="[html]settings:basic.luoguJump.helpText"></div>
  5942.         </div>
  5943.         <input type="checkbox" id="showJumpToLuogu" name="showJumpToLuogu">
  5944.     </div>
  5945.     <div class='OJBetter_setting_list'>
  5946.         <label for="showCF2vjudge" data-i18n="settings:basic.vjudgeJump.label"></label>
  5947.         <div class="help_tip">
  5948.             ${helpCircleHTML}
  5949.             <div class="tip_text" data-i18n="[html]settings:basic.vjudgeJump.helpText"></div>
  5950.         </div>
  5951.         <input type="checkbox" id="showCF2vjudge" name="showCF2vjudge">
  5952.     </div>
  5953.     <div class='OJBetter_setting_list' style="display:none;">
  5954.         <label for="standingsRecolor" data-i18n="settings:basic.recolor.label"></label>
  5955.         <div class="help_tip">
  5956.             ${helpCircleHTML}
  5957.             <div class="tip_text" data-i18n="[html]settings:basic.recolor.helpText"></div>
  5958.         </div>
  5959.         <input type="checkbox" id="standingsRecolor" name="standingsRecolor">
  5960.     </div>
  5961.     <div class='OJBetter_setting_list'>
  5962.         <label for="showLoading" data-i18n="settings:preference.loadingInfo.label"></label>
  5963.         <div class="help_tip">
  5964.             ${helpCircleHTML}
  5965.             <div class="tip_text" data-i18n="[html]settings:preference.loadingInfo.helpText" data-i18n-options='{ "scriptName": "${OJBetter.state.name}" }'></div>
  5966.         </div>
  5967.         <input type="checkbox" id="showLoading" name="showLoading">
  5968.     </div>
  5969.     <div class='OJBetter_setting_list'>
  5970.         <label for="hoverTargetAreaDisplay" data-i18n="settings:preference.targetArea.label"></label>
  5971.         <div class="help_tip">
  5972.             ${helpCircleHTML}
  5973.             <div class="tip_text" data-i18n="[html]settings:preference.targetArea.helpText"></div>
  5974.         </div>
  5975.         <input type="checkbox" id="hoverTargetAreaDisplay" name="hoverTargetAreaDisplay">
  5976.     </div>
  5977.     <div class='OJBetter_setting_list'>
  5978.         <label for='iconButtonSize'>
  5979.             <div style="display: flex;align-items: center;" data-i18n="settings:preference.iconButtonSize.title"></div>
  5980.         </label>
  5981.         <div class="help_tip">
  5982.             ${helpCircleHTML}
  5983.             <div class="tip_text" data-i18n="[html]settings:preference.iconButtonSize.helpText"></div>
  5984.         </div>
  5985.         <input type='number' id='iconButtonSize' class='no_default' require=true data-i18n="[placeholder]settings:preference.iconButtonSize.placeholder">
  5986.         <span>px</span>
  5987.     </div>
  5988. </div>
  5989. `;
  5990.  
  5991. const dev_settings_HTML = `
  5992. <div id="dev-settings" class="settings-page">
  5993.     <h3 data-i18n="settings:dev.title"></h3>
  5994.     <hr>
  5995.     <div class='OJBetter_setting_list alert_danger'>
  5996.         <div>
  5997.             <p data-i18n="[html]settings:dev.notice"></p>
  5998.         </div>
  5999.     </div>
  6000.     <hr>
  6001.     <h5 data-i18n="settings:dev.load.title"></h5>
  6002.     <div class='OJBetter_setting_list'>
  6003.         <label for="notWaiteLoaded"><span data-i18n="settings:dev.load.notWaiteLoaded.label"></span></label>
  6004.         <div class="help_tip">
  6005.             ${helpCircleHTML}
  6006.             <div class="tip_text" data-i18n="[html]settings:dev.load.notWaiteLoaded.helpText"></div>
  6007.         </div>
  6008.         <input type="checkbox" id="notWaiteLoaded" name="notWaiteLoaded">
  6009.     </div>
  6010.     <hr>
  6011.     <h5 data-i18n="settings:dev.l10n.title"></h5>
  6012.     <div class='OJBetter_setting_list'>
  6013.         <label><span data-i18n="settings:dev.l10n.refreshScrpitCache.label"></span></label>
  6014.         <div class="help_tip">
  6015.             ${helpCircleHTML}
  6016.             <div class="tip_text" data-i18n="[html]settings:dev.l10n.refreshScrpitCache.helpText"></div>
  6017.         </div>
  6018.         <button type="button" id="l10n_refreshScrpitCacheButton" name="l10n_refreshScrpitCacheButton" data-i18n="settings:dev.l10n.refreshScrpitCache.button"></button>
  6019.     </div>
  6020.     <hr>
  6021.     <h5 data-i18n="settings:dev.l10n_web.title"></h5>
  6022.     <div class='OJBetter_setting_list'>
  6023.         <label><span data-i18n="settings:dev.l10n_web.refreshScrpitCache.label"></span></label>
  6024.         <div class="help_tip">
  6025.             ${helpCircleHTML}
  6026.             <div class="tip_text" data-i18n="[html]settings:dev.l10n_web.refreshScrpitCache.helpText"></div>
  6027.         </div>
  6028.         <button type="button" id="l10n_web_refreshScrpitCacheButton" name="l10n_web_refreshScrpitCacheButton" data-i18n="settings:dev.l10n_web.refreshScrpitCache.button"></button>
  6029.     </div>
  6030.     <div class='OJBetter_setting_list'>
  6031.         <label for="isRuleMarkingEnabled"><span data-i18n="settings:dev.l10n_web.isRuleMarkingEnabled.label"></span></label>
  6032.         <div class="help_tip">
  6033.             ${helpCircleHTML}
  6034.             <div class="tip_text" data-i18n="[html]settings:dev.l10n_web.isRuleMarkingEnabled.helpText"></div>
  6035.         </div>
  6036.         <input type="checkbox" id="isRuleMarkingEnabled" name="isRuleMarkingEnabled">
  6037.     </div>
  6038.     <hr>
  6039.     <h5 data-i18n="settings:dev.indexedDB.title"></h5>
  6040.     <div class='OJBetter_setting_list'>
  6041.         <label><span data-i18n="settings:dev.indexedDB.clear.label"></span></label>
  6042.         <div class="help_tip">
  6043.             ${helpCircleHTML}
  6044.             <div class="tip_text" data-i18n="[html]settings:dev.indexedDB.clear.helpText"></div>
  6045.         </div>
  6046.         <button type="button" id="indexedDB_clearButton" name="indexedDB_clearButton" data-i18n="settings:dev.indexedDB.clear.button"></button>
  6047.     </div>
  6048.     <div class='OJBetter_setting_list'>
  6049.         <label><span data-i18n="settings:dev.indexedDB.inputOrExport.label"></span></label>
  6050.         <div class="help_tip">
  6051.             ${helpCircleHTML}
  6052.             <div class="tip_text" data-i18n="[html]settings:dev.indexedDB.inputOrExport.helpText"></div>
  6053.         </div>
  6054.         <button type="button" id="indexedDB_exportButton" name="indexedDB_exportButton" data-i18n="settings:dev.indexedDB.inputOrExport.export"></button>
  6055.         <button type="button" id="indexedDB_importButton" name="indexedDB_importButton" data-i18n="settings:dev.indexedDB.inputOrExport.import"></button>
  6056.     </div>
  6057.     <hr>
  6058.     <h5 data-i18n="settings:dev.configuration.title"></h5>
  6059.     <div class='OJBetter_setting_list'>
  6060.         <label><span data-i18n="settings:dev.configuration.clear.label"></span></label>
  6061.         <div class="help_tip">
  6062.             ${helpCircleHTML}
  6063.             <div class="tip_text" data-i18n="[html]settings:dev.configuration.clear.helpText"></div>
  6064.         </div>
  6065.         <button type="button" id="configuration_clearButton" name="configuration_clearButton" data-i18n="settings:dev.configuration.clear.button"></button>
  6066.     </div>
  6067.     <div class='OJBetter_setting_list'>
  6068.         <label><span data-i18n="settings:dev.configuration.inputOrExport.label"></span></label>
  6069.         <div class="help_tip">
  6070.             ${helpCircleHTML}
  6071.             <div class="tip_text" data-i18n="[html]settings:dev.configuration.inputOrExport.helpText"></div>
  6072.         </div>
  6073.         <button type="button" id="configuration_exportButton" name="configuration_exportButton" data-i18n="settings:dev.configuration.inputOrExport.export"></button>
  6074.         <button type="button" id="configuration_importButton" name="configuration_importButton" data-i18n="settings:dev.configuration.inputOrExport.import"></button>
  6075.     </div>
  6076. </div>
  6077. `;
  6078.  
  6079. const about_settings_HTML = `
  6080. <div id="about-settings" class="settings-page">
  6081.     <h3 data-i18n="settings:about.title"></h3>
  6082.     <hr>
  6083.     <div class='versionInfo'>
  6084.         <p>${OJBetter.state.name}</p>
  6085.         <p><span data-i18n="settings:about.version"></span><span id="nowVersion">${OJBetter.state.version}</span></p>
  6086.         <p> @北极小狐 <a target="_blank" href="https://github.com/beijixiaohu/OJBetter">Github</a> 
  6087.         <a target="_blank" href="https://greatest.deepsurf.us/zh-CN/scripts/465777">GreasyFork</a></p>
  6088.     </div>
  6089.     <hr>
  6090.     <h5 data-i18n="settings:about.update.title"></h5>
  6091.     <div id="thanksforDevChannelNotice" class='OJBetter_setting_list alert_info'>
  6092.         <div data-i18n="[html]settings:about.update.thanksforDevChannelNotice"} data-i18n-options='{ "scriptName": "${OJBetter.state.name}" }' ></div>
  6093.     </div>
  6094.     <div class='OJBetter_setting_list'>
  6095.         <label for="updateChannel"><span data-i18n="settings:about.update.channel.label"></span></label>
  6096.         <div class="help_tip">
  6097.             ${helpCircleHTML}
  6098.             <div class="tip_text" data-i18n="[html]settings:about.update.channel.helpText"></div>
  6099.         </div>
  6100.         <select id="updateChannel" name="updateChannel">
  6101.             <option value="release" data-i18n="settings:about.update.channel.options.release"></option>
  6102.             <option value="dev" data-i18n="settings:about.update.channel.options.dev"></option>
  6103.         </select>
  6104.     </div>
  6105.     <div class='OJBetter_setting_list'>
  6106.         <label for="updateSource"><span data-i18n="settings:about.update.source.label"></span></label>
  6107.         <div class="help_tip">
  6108.             ${helpCircleHTML}
  6109.             <div class="tip_text" data-i18n="[html]settings:about.update.source.helpText"></div>
  6110.         </div>
  6111.         <select id="updateSource" name="updateSource">
  6112.             <option value="greasyfork" data-i18n="settings:about.update.source.options.greasyfork"></option>
  6113.             <option value="github" data-i18n="settings:about.update.source.options.github"></option>
  6114.             <option value="aliyunoss" data-i18n="settings:about.update.source.options.aliyunoss"></option>
  6115.         </select>
  6116.     </div>
  6117. </div>
  6118. `;
  6119.  
  6120. const OJBetter_setting_content_HTML = `
  6121. <div class="OJBetter_setting_content">
  6122.     ${basic_settings_HTML}
  6123.     ${translation_settings_HTML}
  6124.     ${clist_rating_settings_HTML}
  6125.     ${code_editor_settings_HTML}
  6126.     ${preference_settings_HTML}
  6127.     ${dev_settings_HTML}
  6128.     ${about_settings_HTML}
  6129. </div>
  6130. `;
  6131.  
  6132. // 设置界面HTML
  6133. const OJBetterSettingMenu_HTML = `
  6134.     <dialog class='OJBetter_setting_menu' id='OJBetter_setting_menu'>
  6135.         <div class="tool-box">
  6136.             <button class='ojb_btn ojb_btn_popover top btn-close'>
  6137.                 <i class="iconfont">&#xe614;</i>
  6138.             </button>
  6139.         </div>
  6140.         <div class="OJBetter_setting_container">
  6141.             ${OJBetter_setting_sidebar_HTML}
  6142.             ${OJBetter_setting_content_HTML}
  6143.         </div>
  6144.     </dialog>
  6145. `;
  6146.  
  6147. const apiCustomConfigHTML = (prefix) => {
  6148.     return `
  6149.     <div class="OJBetter_setting_list">
  6150.         <label for='${prefix}_header'>
  6151.             <div style="display: flex;align-items: center;">
  6152.                 <span class="input_label" data-i18n="config:common.advanced.header.label"></span>
  6153.                 <div class="help_tip">
  6154.                     ${helpCircleHTML}
  6155.                     <div class="tip_text" data-i18n="[html]config:common.advanced.header.tipText"></div>
  6156.                 </div>
  6157.             </div>
  6158.         </label>
  6159.         <textarea id="${prefix}_header" placeholder='' require = false data-i18n="[placeholder]config:common.advanced.header.placeholder"></textarea>
  6160.     </div>
  6161.     <div class="OJBetter_setting_list">
  6162.         <label for='${prefix}_data'>
  6163.             <div style="display: flex;align-items: center;">
  6164.                 <span class="input_label" data-i18n="config:common.advanced.data.label"></span>
  6165.                 <div class="help_tip">
  6166.                     ${helpCircleHTML}
  6167.                     <div class="tip_text" data-i18n="[html]config:common.advanced.data.tipText"></div>
  6168.                 </div>
  6169.             </div>
  6170.         </label>
  6171.         <textarea id="${prefix}_data" placeholder='' require = false data-i18n="[placeholder]config:common.advanced.data.placeholder"></textarea>
  6172.     </div>
  6173.     `;
  6174. };
  6175.  
  6176. const apiQuotaConfigHTML = (prefix) => {
  6177.     return `
  6178.     <div class="OJBetter_setting_list">
  6179.         <label for='${prefix}_quota_url'>
  6180.         <div style="display: flex;align-items: center;">
  6181.                 <span class="input_label" data-i18n="config:common.quota.url.label"></span>
  6182.                 <div class="help_tip">
  6183.                     ${helpCircleHTML}
  6184.                     <div class="tip_text" data-i18n="[html]config:common.quota.url.tipText"></div>
  6185.                 </div>
  6186.             </div>
  6187.         </label>
  6188.         <input type='text' id='${prefix}_quota_url' class='no_default' placeholder='' require = true data-i18n="[placeholder]config:common.quota.url.placeholder">
  6189.     </div>
  6190.     <div class="OJBetter_setting_list">
  6191.         <label for="${prefix}_quota_method" style="display: flex;" data-i18n="config:common.quota.method.label"></label>
  6192.         <div class="help_tip">
  6193.             ${helpCircleHTML}
  6194.             <div class="tip_text" data-i18n="[html]config:common.quota.method.tipText"></div>
  6195.         </div>
  6196.         <select id="${prefix}_quota_method" name="${prefix}_quota_method">
  6197.             <option value="get">GET</option>
  6198.             <option value="post">POST</option>
  6199.         </select>
  6200.     </div>
  6201.     <div class="OJBetter_setting_list">
  6202.         <label for='${prefix}_quota_header'>
  6203.             <div style="display: flex;align-items: center;">
  6204.                 <span class="input_label" data-i18n="config:common.quota.header.label"></span>
  6205.                 <div class="help_tip">
  6206.                     ${helpCircleHTML}
  6207.                     <div class="tip_text" data-i18n="[html]config:common.quota.header.tipText"></div>
  6208.                 </div>
  6209.             </div>
  6210.         </label>
  6211.         <textarea id="${prefix}_quota_header" placeholder='' require = false data-i18n="[placeholder]config:common.quota.header.placeholder"></textarea>
  6212.     </div>
  6213.     <div class="OJBetter_setting_list">
  6214.         <label for='${prefix}_quota_data'>
  6215.             <div style="display: flex;align-items: center;">
  6216.                 <span class="input_label" data-i18n="config:common.quota.data.label"></span>
  6217.                 <div class="help_tip">
  6218.                     ${helpCircleHTML}
  6219.                     <div class="tip_text" data-i18n="[html]config:common.quota.data.tipText"></div>
  6220.                 </div>
  6221.             </div>
  6222.         </label>
  6223.         <textarea id="${prefix}_quota_data" placeholder='' require = false data-i18n="[placeholder]config:common.quota.data.placeholder"></textarea>
  6224.     </div>
  6225.     <div class="OJBetter_setting_list">
  6226.         <div style="display: flex;align-items: center;">
  6227.                 <span class="input_label" data-i18n="config:common.quota.surplus.label"></span>
  6228.                 <div class="help_tip">
  6229.                     ${helpCircleHTML}
  6230.                     <div class="tip_text" data-i18n="[html]config:common.quota.surplus.tipText"></div>
  6231.                 </div>
  6232.             </div>
  6233.         </label>
  6234.         <input type='text' id='${prefix}_quota_surplus' class='no_default' placeholder='' require = true data-i18n="[placeholder]config:common.quota.surplus.placeholder">
  6235.     </div>
  6236.     `;
  6237. }
  6238.  
  6239. const deeplConfigEditHTML = `
  6240.     <dialog class='OJBetter_setting_menu' id='config_edit_menu'>
  6241.     <div class='OJBetter_setting_content'>
  6242.         <div class="tool-box">
  6243.             <button class='ojb_btn ojb_btn_popover top btn-close'>
  6244.                 <i class="iconfont">&#xe614;</i>
  6245.             </button>
  6246.         </div>
  6247.         <h4 data-i18n="config:deepl.title"></h4>
  6248.         <h5 data-i18n="config:deepl.basic.title"></h5>
  6249.         <hr>
  6250.         <div class="OJBetter_setting_list">
  6251.             <label for='name'>
  6252.                 <span class="input_label" data-i18n="config:deepl.basic.name.label"></span>
  6253.             </label>
  6254.             <input type='text' id='name' class='no_default' placeholder='' require = true data-i18n="[placeholder]config:deepl.basic.name.placeholder">
  6255.         </div>
  6256.         <div class='OJBetter_setting_list'>
  6257.             <label for="deepl_apiGenre" style="display: flex;" data-i18n="config:deepl.genre.label"></label>
  6258.             <div class="help_tip">
  6259.                 ${helpCircleHTML}
  6260.                 <div class="tip_text" data-i18n="[html]config:deepl.genre.tipText"></div>
  6261.             </div>
  6262.             <select id="deepl_apiGenre" name="deepl_apiGenre">
  6263.                 <option value="api-free">api-free</option>
  6264.                 <option value="api-pro">api-pro</option>
  6265.                 <option value="deeplx">deeplx</option>
  6266.             </select>
  6267.         </div>
  6268.         <div class="OJBetter_setting_list">
  6269.             <label for='deepl_key'>
  6270.                 <div style="display: flex;align-items: center;">
  6271.                     <span class="input_label" data-i18n="config:deepl.basic.key.label"></span>
  6272.                     <div class="help_tip">
  6273.                         ${helpCircleHTML}
  6274.                         <div class="tip_text" data-i18n="[html]config:deepl.basic.key.tipText"></div>
  6275.                     </div>
  6276.                 </div>
  6277.             </label>
  6278.             <input type='text' id='deepl_key' class='no_default' placeholder='' require = true data-i18n="[placeholder]config:deepl.basic.key.placeholder">
  6279.         </div>
  6280.         <div class="OJBetter_setting_list">
  6281.             <label for='deepl_proxy'>
  6282.                 <div style="display: flex;align-items: center;">
  6283.                     <span class="input_label" data-i18n="config:deepl.basic.proxy.label">Proxy API:</span>
  6284.                     <div class="help_tip">
  6285.                         ${helpCircleHTML}
  6286.                         <div class="tip_text" data-i18n="[html]config:deepl.basic.proxy.tipText"></div>
  6287.                     </div>
  6288.                 </div>
  6289.             </label>
  6290.             <input type='text' id='deepl_proxy' placeholder='' require = false>
  6291.         </div>
  6292.         <hr>
  6293.         <details>
  6294.             <summary data-i18n="config:common.advanced.title"></summary>
  6295.             ${apiCustomConfigHTML('deepl')}
  6296.         </details>
  6297.         <details>
  6298.             <summary data-i18n="config:common.quota.title"></summary>
  6299.             ${apiQuotaConfigHTML('deepl')}
  6300.         </details>
  6301.         <button id='tempConfig_save' data-i18n="common:save"></button>
  6302.     </div>
  6303.     </dialog>
  6304. `;
  6305.  
  6306. const chatgptConfigEditHTML = `
  6307.     <dialog class='OJBetter_setting_menu' id='config_edit_menu'>
  6308.     <div class='OJBetter_setting_content'>
  6309.         <div class="tool-box">
  6310.             <button class='ojb_btn ojb_btn_popover top btn-close'>
  6311.                 <i class="iconfont">&#xe614;</i>
  6312.             </button>
  6313.         </div>
  6314.         <h4 data-i18n="config:chatgpt.title"></h4>
  6315.         <h5 data-i18n="config:chatgpt.basic.title"></h5>
  6316.         <hr>
  6317.         <div class="OJBetter_setting_list">
  6318.             <label for='name'>
  6319.                 <span class="input_label" data-i18n="config:chatgpt.basic.name.label"></span>
  6320.             </label>
  6321.             <input type='text' id='name' class='no_default' placeholder='' require = true data-i18n="[placeholder]config:chatgpt.basic.name.placeholder">
  6322.         </div>
  6323.         <div class="OJBetter_setting_list">
  6324.             <label for='chatgpt_model'>
  6325.                 <div style="display: flex;align-items: center;">
  6326.                     <span class="input_label" data-i18n="[html]config:chatgpt.basic.model.label"></span>
  6327.                     <div class="help_tip">
  6328.                         ${helpCircleHTML}
  6329.                         <div class="tip_text" data-i18n="[html]config:chatgpt.basic.model.tipText"></div>
  6330.                     </div>
  6331.                 </div>
  6332.             </label>
  6333.             <input type='text' id='chatgpt_model' placeholder='gpt-3.5-turbo' require = false>
  6334.         </div>
  6335.         <div class="OJBetter_setting_list">
  6336.             <label for='chatgpt_key'>
  6337.                 <div style="display: flex;align-items: center;">
  6338.                     <span class="input_label" data-i18n="config:chatgpt.basic.key.label"></span>
  6339.                     <div class="help_tip">
  6340.                         ${helpCircleHTML}
  6341.                         <div class="tip_text" data-i18n="[html]config:chatgpt.basic.key.tipText"></div>
  6342.                     </div>
  6343.                 </div>
  6344.             </label>
  6345.             <input type='text' id='chatgpt_key' class='no_default' placeholder='' require = true data-i18n="[placeholder]config:chatgpt.basic.key.placeholder">
  6346.         </div>
  6347.         <div class="OJBetter_setting_list">
  6348.             <label for='chatgpt_proxy'>
  6349.                 <div style="display: flex;align-items: center;">
  6350.                     <span class="input_label" data-i18n="config:chatgpt.basic.proxy.label">Proxy API:</span>
  6351.                     <div class="help_tip">
  6352.                         ${helpCircleHTML}
  6353.                         <div class="tip_text" data-i18n="[html]config:chatgpt.basic.proxy.tipText"></div>
  6354.                     </div>
  6355.                 </div>
  6356.             </label>
  6357.             <input type='text' id='chatgpt_proxy' placeholder='https://api.openai.com/v1/chat/completions' require = false>
  6358.         </div>
  6359.         <hr>
  6360.         <details>
  6361.             <summary data-i18n="config:common.advanced.title"></summary>
  6362.             ${apiCustomConfigHTML('chatgpt')}
  6363.         </details>
  6364.         <details>
  6365.             <summary data-i18n="config:common.quota.title"></summary>
  6366.             ${apiQuotaConfigHTML('chatgpt')}
  6367.         </details>
  6368.         <button id='tempConfig_save' data-i18n="common:save"></button>
  6369.     </div>
  6370.     </dialog>
  6371. `;
  6372.  
  6373. const CompletConfigEditHTML = `
  6374.     <dialog class='OJBetter_setting_menu' id='config_edit_menu'>
  6375.     <div class='OJBetter_setting_content'>
  6376.         <div class="tool-box">
  6377.             <button class='ojb_btn ojb_btn_popover top btn-close'>
  6378.                 <i class="iconfont">&#xe614;</i>
  6379.             </button>
  6380.         </div>
  6381.         <h4 data-i18n="config:complet.title"></h4>
  6382.         <hr>
  6383.         <div class="OJBetter_setting_list">
  6384.             <label for='name'>
  6385.                 <span class="input_label" data-i18n="config:complet.name.label"></span>
  6386.             </label>
  6387.             <input type='text' id='name' class='no_default' placeholder='' require = true  data-i18n="[placeholder]config:complet.name.placeholder">
  6388.         </div>
  6389.         <div class='OJBetter_setting_list'>
  6390.             <label for="complet_isChoose"><span id="loaded_span" data-i18n="config:complet.choose.label"></span></label>
  6391.             <input type="checkbox" id="complet_isChoose" name="complet_isChoose" require = false>
  6392.         </div>
  6393.         <div class='OJBetter_setting_list'>
  6394.             <label for="complet_genre" style="display: flex;" data-i18n="config:complet.genre.label"></label>
  6395.             <div class="help_tip">
  6396.                 ${helpCircleHTML}
  6397.                 <div class="tip_text" data-i18n="[html]config:complet.genre.tipText"></div>
  6398.             </div>
  6399.             <select id="complet_genre" name="complet_genre">
  6400.                 <option value="monaco">monaco</option>
  6401.                 <option value="ace">ace</option>
  6402.             </select>
  6403.         </div>
  6404.         <div class='OJBetter_setting_list'>
  6405.             <label for="complet_language" style="display: flex;" data-i18n="config:complet.language.label"></label>
  6406.             <select id="complet_language" name="complet_language">
  6407.                 <option value="cpp">cpp</option>
  6408.                 <option value="python">python</option>
  6409.                 <option value="java">java</option>
  6410.                 <option value="c">c</option>
  6411.             </select>
  6412.         </div>
  6413.         <div class="OJBetter_setting_list">
  6414.             <label for='complet_jsonUrl'>
  6415.                 <div style="display: flex;align-items: center;">
  6416.                     <span class="input_label">JSON URL:</span>
  6417.                     <div class="help_tip">
  6418.                         ${helpCircleHTML}
  6419.                         <div class="tip_text" data-i18n="[html]config:complet.jsonurl.tipText"></div>
  6420.                     </div>
  6421.                 </div>
  6422.             </label>
  6423.             <div class='OJBetter_setting_list alert_warn' data-i18n="[html]config:complet.jsonurl.alert"></div>
  6424.             <input type='text' id='complet_jsonUrl' class='no_default' placeholder='' require = true data-i18n="[placeholder]config:complet.jsonurl.placeholder">
  6425.         </div>
  6426.         <button id='tempConfig_save' data-i18n="common:save"></button>
  6427.     </div>
  6428.     </dialog>
  6429. `;
  6430.  
  6431. /**
  6432.  * 加载设置按钮面板
  6433.  */
  6434. async function initSettingsPanel() {
  6435.     /**
  6436.      * 添加右上角设置按钮
  6437.      * @param {string} location 位置选择器
  6438.      * @param {string} method 插入方法
  6439.      */
  6440.     function insertOJBetterSettingButton(location, method) {
  6441.         $(location)[method](`<button class='ojb_btn OJBetter_setting'>
  6442.         ${OJBetter.state.name} ${i18next.t('settings', { ns: 'common' })}</button>`);
  6443.     }
  6444.  
  6445.     /**
  6446.      * ============================================
  6447.      * 该网站插入设置按钮的位置和方式
  6448.      */
  6449.     if (OJBetter.typeOfPage.isEnglishLanguage) {
  6450.         insertOJBetterSettingButton("#navbar-collapse > ul:nth-child(2) > li:last-child", "after");
  6451.     } else {
  6452.         if ($('.header-mypage').length > 0) insertOJBetterSettingButton(".header-mypage", "after");
  6453.         else insertOJBetterSettingButton("#navbar-collapse > ul:nth-child(2) > li:last-child", "after");
  6454.     }
  6455.     /**
  6456.      * ============================================
  6457.      */
  6458.  
  6459.     const $settingBtns = $(".OJBetter_setting");
  6460.     $settingBtns.click(() => {
  6461.         $settingBtns.prop("disabled", true).addClass("open");
  6462.  
  6463.         // 设置面板div
  6464.         const settingMenu = OJB_safeCreateJQElement(OJBetterSettingMenu_HTML);
  6465.         $("body").append(settingMenu);
  6466.  
  6467.         elementLocalize(settingMenu); // 加载i18n
  6468.         OJB_showModal(settingMenu);
  6469.         OJB_addDraggable($('#OJBetter_setting_menu')); // 窗口支持拖拽
  6470.  
  6471.         // help帮助悬浮窗位置更新
  6472.         $(document).on('mouseenter', '.help-icon', function (event) {
  6473.             var menuOffset = $('.OJBetter_setting_menu:last').offset();
  6474.             var mouseX = event.pageX - menuOffset.left;
  6475.             var mouseY = event.pageY - menuOffset.top;
  6476.  
  6477.             $('.tip_text').css({
  6478.                 'top': mouseY + 'px',
  6479.                 'left': mouseX + 'px'
  6480.             });
  6481.         });
  6482.  
  6483.         // 选项卡切换
  6484.         $('.OJBetter_setting_sidebar a').click(function (event) {
  6485.             event.preventDefault();
  6486.             $('.OJBetter_setting_sidebar a').removeClass('active');
  6487.             $('.settings-page').removeClass('active');
  6488.             $(this).addClass('active');
  6489.             const targetPageId = $(this).attr('href').substring(1);
  6490.             $('#' + targetPageId).addClass('active');
  6491.         });
  6492.  
  6493.         /**
  6494.          * 更新单选按钮组的可用状态
  6495.          * @param {string} selector 单选按钮组的选择器
  6496.          * @param {string} targetLanguage 目标语言
  6497.          * @param {Object} translationSupport 翻译支持的语言对应表
  6498.          */
  6499.         const updateRadioButtonsAvailability = (selector, targetLanguage) => {
  6500.             Object.entries(OJBetter.supportList.translationSupport).forEach(([service, languages]) => {
  6501.                 const radioButton = $(selector).find(`input[value="${service}"]`);
  6502.                 const isEnabled = languages[targetLanguage];
  6503.                 $(radioButton).prop('disabled', !isEnabled);
  6504.                 if (!isEnabled) {
  6505.                     $(radioButton).prop('checked', false);
  6506.                 }
  6507.             });
  6508.         };
  6509.  
  6510.         /**
  6511.          * 检查下拉框选中项是否有效，若无效则清空
  6512.          * @param {string} selector 下拉框的选择器
  6513.          */
  6514.         const validateSelectOption = (selector) => {
  6515.             const selectedValue = $(selector).val();
  6516.             if (!selectedValue) {
  6517.                 $(selector).val('');
  6518.             }
  6519.         };
  6520.  
  6521.         /**
  6522.          * 更新翻译目标语言下拉框的可用状态
  6523.          * @param {string} selector 下拉框的选择器
  6524.          * @param {string} targetLanguage 目标语言
  6525.          * @param {Object} translationSupport 翻译支持的语言对应表
  6526.          */
  6527.         const updateSelectOptionsAvailability = (selector, targetLanguage) => {
  6528.             $(selector).children('option').each(function () {
  6529.                 const optionValue = $(this).val();
  6530.                 const isEnabled = OJBetter.supportList.translationSupport[optionValue] ? OJBetter.supportList.translationSupport[optionValue][targetLanguage] : true;
  6531.                 $(this).prop('disabled', !isEnabled);
  6532.             });
  6533.             validateSelectOption(selector);
  6534.         };
  6535.  
  6536.         /**
  6537.          * 更新翻译服务复选框的可用状态
  6538.          * @param {string} selector 复选框的选择器
  6539.          * @param {string} targetLanguage 目标语言
  6540.          * @param {Object} translationSupport 翻译支持的语言对应表
  6541.          */
  6542.         const updateCheckboxesAvailability = (selector, targetLanguage) => {
  6543.             $(selector).children('input').each(function () {
  6544.                 const checkboxValue = $(this).val();
  6545.                 const isEnabled = OJBetter.supportList.translationSupport[checkboxValue][targetLanguage];
  6546.                 $(this).prop('disabled', !isEnabled);
  6547.                 if (!isEnabled) {
  6548.                     $(this).prop('checked', false);
  6549.                 }
  6550.             });
  6551.         };
  6552.  
  6553.         /**
  6554.          * 更新更新源下拉框的可用状态
  6555.          * @param {string} selector 下拉框的选择器
  6556.          * @param {string} targetLanguage 目标语言
  6557.          * @param {Object} translationSupport 翻译支持的语言对应表
  6558.          */
  6559.         const updateUpdateSourceSelectOptionsAvailability = (selector, updateChannel) => {
  6560.             $(selector).children('option').each(function () {
  6561.                 const optionValue = $(this).val();
  6562.                 const isEnabled = OJBetter.supportList.updateSourceSupportList[optionValue][updateChannel];
  6563.                 $(this).prop('disabled', !isEnabled);
  6564.             });
  6565.             validateSelectOption(selector);
  6566.         };
  6567.  
  6568.         /**
  6569.          * 创建配置结构
  6570.          * @param {string} type - 该字段的在表单中的类型
  6571.          * @param {string} value - 在配置中的键值
  6572.          * @param {boolean} require - 是否是表单的必填项
  6573.          * @param {string} [check=""] check - 调用的合法性检查
  6574.          */
  6575.         function createStructure(type, value, require, check = "") {
  6576.             return { type, value, require, check };
  6577.         }
  6578.  
  6579.         // deepl配置
  6580.         const deeplStructure = {
  6581.             '#name': createStructure('text', 'name', true),
  6582.             '#deepl_apiGenre': createStructure('text', 'apiGenre', true),
  6583.             '#deepl_key': createStructure('text', 'key', false),
  6584.             '#deepl_proxy': createStructure('text', 'proxy', false),
  6585.             '#deepl_header': createStructure('text', '_header', false, 'keyValuePairs'),
  6586.             '#deepl_data': createStructure('text', '_data', false, 'keyValuePairs'),
  6587.             '#deepl_quota_url': createStructure('text', 'quota_url', false),
  6588.             '#deepl_quota_method': createStructure('text', 'quota_method', false),
  6589.             '#deepl_quota_header': createStructure('text', 'quota_header', false, 'keyValuePairs'),
  6590.             '#deepl_quota_data': createStructure('text', 'quota_data', false, 'keyValuePairs'),
  6591.             '#deepl_quota_surplus': createStructure('text', 'quota_surplus', false, 'dotSeparatedPath'),
  6592.         };
  6593.         let tempConfig_deepl = GM_getValue('deepl_config'); // 获取配置信息
  6594.         const configManager_deepl = new ConfigManager('#deepl_config', 'deepl_config_', tempConfig_deepl, deeplStructure, deeplConfigEditHTML);
  6595.         configManager_deepl.registerChoiceChange();
  6596.  
  6597.         // chatgpt配置
  6598.         const chatgptStructure = {
  6599.             '#name': createStructure('text', 'name', true),
  6600.             '#chatgpt_model': createStructure('text', 'model', false),
  6601.             '#chatgpt_key': createStructure('text', 'key', true),
  6602.             '#chatgpt_proxy': createStructure('text', 'proxy', false),
  6603.             '#chatgpt_header': createStructure('text', '_header', false, 'keyValuePairs'),
  6604.             '#chatgpt_data': createStructure('text', '_data', false, 'keyValuePairs'),
  6605.             '#chatgpt_quota_url': createStructure('text', 'quota_url', false),
  6606.             '#chatgpt_quota_header': createStructure('text', 'quota_header', false, 'keyValuePairs'),
  6607.             '#chatgpt_quota_data': createStructure('text', 'quota_data', false, 'keyValuePairs'),
  6608.             '#chatgpt_quota_surplus': createStructure('text', 'quota_surplus', false, 'dotSeparatedPath'),
  6609.             '#chatgpt_quota_method': createStructure('text', 'quota_method', false),
  6610.         };
  6611.         let tempConfig_chatgpt = GM_getValue('chatgpt_config'); // 获取配置信息
  6612.         const configManager_chatgpt = new ConfigManager('#chatgpt_config', 'chatgpt_config_', tempConfig_chatgpt, chatgptStructure, chatgptConfigEditHTML);
  6613.         configManager_chatgpt.registerChoiceChange();
  6614.  
  6615.         // Complet配置
  6616.         const CompletStructure = {
  6617.             '#name': createStructure('text', 'name', true),
  6618.             '#complet_isChoose': createStructure('checkbox', 'isChoose', true),
  6619.             '#complet_genre': createStructure('text', 'genre', true),
  6620.             '#complet_language': createStructure('text', 'language', true),
  6621.             '#complet_jsonUrl': createStructure('text', 'jsonUrl', true)
  6622.         };
  6623.         let tempConfig_Complet = GM_getValue('Complet_config'); // 获取配置信息
  6624.         const configManager_complet = new ConfigManager('#Complet_config', 'complet_config_', tempConfig_Complet, CompletStructure, CompletConfigEditHTML, false);
  6625.  
  6626.         // 状态更新
  6627.         $("input[name='darkMode'][value='" + OJBetter.basic.darkMode + "']").prop("checked", true);
  6628.         $("#showLoading").prop("checked", GM_getValue("showLoading") === true);
  6629.         $("#expandFoldingblocks").prop("checked", GM_getValue("expandFoldingblocks") === true);
  6630.         $("#renderPerfOpt").prop("checked", GM_getValue("renderPerfOpt") === true);
  6631.         $("#selectElementPerfOpt").prop("checked", GM_getValue("selectElementPerfOpt") === true);
  6632.         $("#commentPaging").prop("checked", GM_getValue("commentPaging") === true);
  6633.         $("#standingsRecolor").prop("checked", GM_getValue("standingsRecolor") === true);
  6634.         $("#showJumpToLuogu").prop("checked", GM_getValue("showJumpToLuogu") === true);
  6635.         $("#showCF2vjudge").prop("checked", GM_getValue("showCF2vjudge") === true);
  6636.         $("#hoverTargetAreaDisplay").prop("checked", GM_getValue("hoverTargetAreaDisplay") === true);
  6637.         $("#showClistRating_contest").prop("checked", GM_getValue("showClistRating_contest") === true);
  6638.         $("#showClistRating_problemset").prop("checked", GM_getValue("showClistRating_problemset") === true);
  6639.         $("#showClistRating_problem").prop("checked", GM_getValue("showClistRating_problem") === true);
  6640.         $("#RatingHidden").prop("checked", GM_getValue("RatingHidden") === true);
  6641.         $('#scriptL10nLanguage').val(GM_getValue("scriptL10nLanguage"));
  6642.         $('#localizationLanguage').val(GM_getValue("localizationLanguage"));
  6643.         $("input[name='translation'][value='" + OJBetter.translation.choice + "']").prop("checked", true);
  6644.         $("input[name='translation']").css("color", "gray");
  6645.         $('#deepl_type').val(GM_getValue("deepl_type"));
  6646.         $("#deepl_config_config_bar_ul").find(`input[name='deepl_config_config_item'][value='${tempConfig_deepl.choice}']`).prop("checked", true);
  6647.         $('#enableEmphasisProtection').prop("checked", GM_getValue("enableEmphasisProtection") === true);
  6648.         $('#enableLinkProtection').prop("checked", GM_getValue("enableLinkProtection") === true);
  6649.         $("#chatgpt_config_config_bar_ul").find(`input[name='chatgpt_config_config_item'][value='${tempConfig_chatgpt.choice}']`).prop("checked", true);
  6650.         $("#openai_isStream").prop("checked", GM_getValue("openai_isStream") === true);
  6651.         $("#openai_asSystemPrompt").prop("checked", GM_getValue("openai_asSystemPrompt") === true);
  6652.         $('#openai_customPrompt').val(GM_getValue("openai_customPrompt"));
  6653.         $('#comment_translation_choice').val(GM_getValue("commentTranslationChoice"));
  6654.         $('#iconButtonSize').val(GM_getValue("iconButtonSize"));
  6655.         $("#autoTranslation").prop("checked", GM_getValue("autoTranslation") === true);
  6656.         $('#shortTextLength').val(GM_getValue("shortTextLength"));
  6657.         $("#allowMixTrans").prop("checked", GM_getValue("allowMixTrans") === true);
  6658.         $('.OJBetter_checkboxs').find('input[type="checkbox"][name="mixedTranslation"]').each(function () {
  6659.             if (OJBetter.translation.auto.mixTrans.servers.indexOf($(this).val()) > -1) {
  6660.                 $(this).prop('checked', true);
  6661.             }
  6662.         });
  6663.         // 翻译目标语言下拉框
  6664.         $('#transTargetLang').change(function () {
  6665.             var selectedLang = $(this).val();
  6666.             updateRadioButtonsAvailability('#translationServices', selectedLang);
  6667.             updateSelectOptionsAvailability('#comment_translation_choice', selectedLang);
  6668.             updateCheckboxesAvailability('.OJBetter_checkboxs', selectedLang);
  6669.         });
  6670.         $('#transTargetLang').val(GM_getValue("transTargetLang"));
  6671.         $('#transTargetLang').change();
  6672.         // 
  6673.         $('#comment_translation_mode').val(GM_getValue("commentTranslationMode"));
  6674.         $("#memoryTranslateHistory").prop("checked", GM_getValue("memoryTranslateHistory") === true);
  6675.         $('#transWaitTime').val(GM_getValue("transWaitTime"));
  6676.         $('#translation_replaceSymbol').val(GM_getValue("replaceSymbol"));
  6677.         $("#filterTextWithoutEmphasis").prop("checked", GM_getValue("filterTextWithoutEmphasis") === true);
  6678.         $('#translation_retransAction').val(GM_getValue("retransAction"));
  6679.         $("#clist_Authorization").val(GM_getValue("clist_Authorization"));
  6680.         $("#problemPageCodeEditor").prop("checked", GM_getValue("problemPageCodeEditor") === true);
  6681.         $("#beautifyPreBlocks").prop("checked", GM_getValue("beautifyPreBlocks") === true);
  6682.         $("#isCodeSubmitConfirm").prop("checked", GM_getValue("isCodeSubmitConfirm") === true);
  6683.         $("#autoSubmitAfterPass").prop("checked", GM_getValue("autoSubmitAfterPass") === true);
  6684.         $("#alwaysConsumeMouseWheel").prop("checked", GM_getValue("alwaysConsumeMouseWheel") === true);
  6685.         $("#autoMemoryCode").prop("checked", GM_getValue("autoMemoryCode") === true);
  6686.         $("#submitButtonPosition").val(GM_getValue("submitButtonPosition"));
  6687.         $("#cppCodeTemplateComplete").prop("checked", GM_getValue("cppCodeTemplateComplete") === true);
  6688.         $("#useLSP").prop("checked", GM_getValue("useLSP") === true);
  6689.         $("#OJBetter_Bridge_WorkUri").val(GM_getValue("OJBetter_Bridge_WorkUri"));
  6690.         $("#OJBetter_Bridge_SocketUrl").val(GM_getValue("OJBetter_Bridge_SocketUrl"));
  6691.         $("input[name='compiler'][value='" + OJBetter.monaco.onlineCompilerChoice + "']").prop("checked", true);
  6692.         $("input[name='compiler']").css("color", "gray");
  6693.         // 调试
  6694.         $("#notWaiteLoaded").prop("checked", GM_getValue("notWaiteLoaded") === true);
  6695.         $('#l10n_refreshScrpitCacheButton').click(clearI18nextCache);
  6696.         $('#l10n_web_refreshScrpitCacheButton').click(clearWebsiteL10nData);
  6697.         $("#isRuleMarkingEnabled").prop("checked", GM_getValue("isRuleMarkingEnabled") === true);
  6698.         $('#indexedDB_clearButton').click(async () => { await clearDatabase(); });
  6699.         $('#indexedDB_exportButton').click(async () => { downloadDataAsFile(await exportDatabase(), 'database_export.json') });
  6700.         $('#indexedDB_importButton').click(() => { readFileInput(async (fileContent) => { await importDatabase(fileContent); }); });
  6701.         $('#configuration_clearButton').click(deleteAllConfigSettings);
  6702.         $('#configuration_exportButton').click(() => { downloadDataAsFile(exportSettingsToJSON(), 'configuration_export.json') });
  6703.         $('#configuration_importButton').click(() => { readFileInput((fileContent) => { importSettingsFromJSON(fileContent); }) });
  6704.         // 关于
  6705.         $('#updateChannel').val(GM_getValue("updateChannel"));
  6706.         $('#updateSource').val(GM_getValue("updateSource"));
  6707.         $('#updateChannel').change(function () {
  6708.             var selectedLang = $(this).val();
  6709.             updateUpdateSourceSelectOptionsAvailability('#updateSource', selectedLang);
  6710.             if (selectedLang == "dev") $('#thanksforDevChannelNotice').show();
  6711.             else $('#thanksforDevChannelNotice').hide();
  6712.         });
  6713.         $('#updateChannel').change();
  6714.  
  6715.         // 关闭
  6716.         const $settingMenu = $(".OJBetter_setting_menu");
  6717.         $settingMenu.on("click", ".btn-close", async () => {
  6718.             // 设置的数据
  6719.             const settings = {
  6720.                 darkMode: $("input[name='darkMode']:checked").val(),
  6721.                 showLoading: $("#showLoading").prop("checked"),
  6722.                 hoverTargetAreaDisplay: $("#hoverTargetAreaDisplay").prop("checked"),
  6723.                 expandFoldingblocks: $("#expandFoldingblocks").prop("checked"),
  6724.                 renderPerfOpt: $("#renderPerfOpt").prop("checked"),
  6725.                 selectElementPerfOpt: $("#selectElementPerfOpt").prop("checked"),
  6726.                 commentPaging: $("#commentPaging").prop("checked"),
  6727.                 standingsRecolor: $("#standingsRecolor").prop("checked"),
  6728.                 showJumpToLuogu: $("#showJumpToLuogu").prop("checked"),
  6729.                 showCF2vjudge: $("#showCF2vjudge").prop("checked"),
  6730.                 scriptL10nLanguage: $('#scriptL10nLanguage').val(),
  6731.                 localizationLanguage: $('#localizationLanguage').val(),
  6732.                 transTargetLang: $('#transTargetLang').val(),
  6733.                 translation: $("input[name='translation']:checked").val(),
  6734.                 deepl_type: $('#deepl_type').val(),
  6735.                 enableEmphasisProtection: $("#enableEmphasisProtection").prop("checked"),
  6736.                 enableLinkProtection: $("#enableLinkProtection").prop("checked"),
  6737.                 openai_isStream: $("#openai_isStream").prop("checked"),
  6738.                 openai_asSystemPrompt: $("#openai_asSystemPrompt").prop("checked"),
  6739.                 openai_customPrompt: $('#openai_customPrompt').val(),
  6740.                 commentTranslationChoice: $('#comment_translation_choice').val(),
  6741.                 iconButtonSize: $('#iconButtonSize').val(),
  6742.                 autoTranslation: $("#autoTranslation").prop("checked"),
  6743.                 shortTextLength: $('#shortTextLength').val(),
  6744.                 allowMixTrans: $("#allowMixTrans").prop("checked"),
  6745.                 mixedTranslation: (() => {
  6746.                     let mixedTranslation = [];
  6747.                     $('.OJBetter_checkboxs').find('input[type="checkbox"][name="mixedTranslation"]').each(function () {
  6748.                         if ($(this).is(":checked")) {
  6749.                             mixedTranslation.push($(this).val());
  6750.                         }
  6751.                     });
  6752.                     return mixedTranslation;
  6753.                 })(),
  6754.                 commentTranslationMode: $('#comment_translation_mode').val(),
  6755.                 memoryTranslateHistory: $('#memoryTranslateHistory').prop("checked"),
  6756.                 transWaitTime: $('#transWaitTime').val(),
  6757.                 replaceSymbol: $('#translation_replaceSymbol').val(),
  6758.                 filterTextWithoutEmphasis: $('#filterTextWithoutEmphasis').prop("checked"),
  6759.                 retransAction: $('#translation_retransAction').val(),
  6760.                 showClistRating_contest: $('#showClistRating_contest').prop("checked"),
  6761.                 showClistRating_problemset: $('#showClistRating_problemset').prop("checked"),
  6762.                 showClistRating_problem: $('#showClistRating_problem').prop("checked"),
  6763.                 RatingHidden: $('#RatingHidden').prop("checked"),
  6764.                 clist_Authorization: $('#clist_Authorization').val(),
  6765.                 problemPageCodeEditor: $("#problemPageCodeEditor").prop("checked"),
  6766.                 beautifyPreBlocks: $("#beautifyPreBlocks").prop("checked"),
  6767.                 isCodeSubmitConfirm: $("#isCodeSubmitConfirm").prop("checked"),
  6768.                 autoSubmitAfterPass: $("#autoSubmitAfterPass").prop("checked"),
  6769.                 alwaysConsumeMouseWheel: $("#alwaysConsumeMouseWheel").prop("checked"),
  6770.                 autoMemoryCode: $("#autoMemoryCode").prop("checked"),
  6771.                 submitButtonPosition: $('#submitButtonPosition').val(),
  6772.                 cppCodeTemplateComplete: $("#cppCodeTemplateComplete").prop("checked"),
  6773.                 useLSP: $("#useLSP").prop("checked"),
  6774.                 OJBetter_Bridge_WorkUri: $('#OJBetter_Bridge_WorkUri').val().replace(/\\/g, '/').replace(/\/$/, ''),
  6775.                 OJBetter_Bridge_SocketUrl: $('#OJBetter_Bridge_SocketUrl').val(),
  6776.                 onlineCompilerChoice: $("input[name='compiler']:checked").val(),
  6777.                 notWaiteLoaded: $("#notWaiteLoaded").prop("checked"),
  6778.                 isRuleMarkingEnabled: $("#isRuleMarkingEnabled").prop("checked"),
  6779.                 updateChannel: $('#updateChannel').val(),
  6780.                 updateSource: $('#updateSource').val()
  6781.             };
  6782.             // tempConfigs的数据
  6783.             const tempConfigs = {
  6784.                 'deepl_config': configManager_deepl.getTempConfig(),
  6785.                 'chatgpt_config': configManager_chatgpt.getTempConfig(),
  6786.                 'Complet_config': configManager_complet.getTempConfig()
  6787.             }
  6788.  
  6789.             // 判断是否改变
  6790.             let changes = {};
  6791.             const combinedConfigs = Object.assign({}, settings, tempConfigs); // 合并settings和tempConfigs对象
  6792.             for (const [key, value] of Object.entries(combinedConfigs)) {
  6793.                 const storedValue = GM_getValue(key);
  6794.                 if (!OJB_deepEquals(value, storedValue)) {
  6795.                     changes[key] = { oldValue: storedValue, newValue: value };
  6796.                 }
  6797.             }
  6798.  
  6799.             // 如果changes对象不为空，则有变化
  6800.             if (Object.keys(changes).length > 0) {
  6801.                 console.log("Changes detected:", changes);
  6802.                 const shouldSave = await OJB_createDialog(
  6803.                     i18next.t('saveSetting.title', { ns: 'dialog' }),
  6804.                     i18next.t('saveSetting.content', { ns: 'dialog' }),
  6805.                     [
  6806.                         i18next.t('saveSetting.buttons.0', { ns: 'dialog' }),
  6807.                         i18next.t('saveSetting.buttons.1', { ns: 'dialog' })
  6808.                     ]
  6809.                 ); // 配置改变保存确认
  6810.                 if (shouldSave) {
  6811.                     // 数据校验
  6812.                     // TODO
  6813.                     if (settings.deepl_type !== 'free') {
  6814.                         let selectedIndex = $('input[name="deepl_config_config_item"]:checked').length > 0;
  6815.                         if (!selectedIndex) {
  6816.                             $('.deepl_config a').removeClass('active');
  6817.                             $('.settings-page').removeClass('active');
  6818.                             $('#sidebar-translation-settings').addClass('active');
  6819.                             $('#translation-settings').addClass('active');
  6820.  
  6821.                             $('#deepl_config').addClass('missing');
  6822.                             return;
  6823.                         } else {
  6824.                             $('#deepl_config').removeClass('missing');
  6825.                         }
  6826.                     }
  6827.                     if (settings.translation === "openai") {
  6828.                         let selectedIndex = $('input[name="chatgpt_config_config_item"]:checked').length > 0;
  6829.                         if (!selectedIndex) {
  6830.                             $('.chatgpt_config a').removeClass('active');
  6831.                             $('.settings-page').removeClass('active');
  6832.                             $('#sidebar-translation-settings').addClass('active');
  6833.                             $('#translation-settings').addClass('active');
  6834.  
  6835.                             $('#chatgpt_config').addClass('missing');
  6836.                             return;
  6837.                         } else {
  6838.                             $('#chatgpt_config').removeClass('missing');
  6839.                         }
  6840.                     }
  6841.                     {
  6842.                         let selectedIndex = $('input[name="translation"]:checked').length > 0;
  6843.                         if (!selectedIndex) {
  6844.                             $('.OJBetter_setting_sidebar a').removeClass('active');
  6845.                             $('.settings-page').removeClass('active');
  6846.                             $('#sidebar-translation-settings').addClass('active');
  6847.                             $('#translation-settings').addClass('active');
  6848.  
  6849.                             $('#translationServices').addClass('missing');
  6850.                             return;
  6851.                         } else {
  6852.                             $('#translationServices').removeClass('missing');
  6853.                         }
  6854.                     }
  6855.  
  6856.                     // 保存数据
  6857.                     let refreshPage = false; // 是否需要刷新页面
  6858.                     for (const [key, value] of Object.entries(settings)) {
  6859.                         if (!refreshPage && !(key == 'translation' || key == 'darkMode' || key == 'commentTranslationChoice')) {
  6860.                             if (GM_getValue(key) != value) refreshPage = true;
  6861.                         }
  6862.                         GM_setValue(key, value);
  6863.                     }
  6864.                     for (const [key, value] of Object.entries(tempConfigs)) {
  6865.                         if (!refreshPage && (JSON.stringify(GM_getValue(key)) != JSON.stringify(value))) refreshPage = true;
  6866.                         GM_setValue(key, value);
  6867.                     }
  6868.  
  6869.                     if (refreshPage) location.reload();
  6870.                     else {
  6871.                         // 切换黑暗模式
  6872.                         if (OJBetter.basic.darkMode != settings.darkMode) {
  6873.                             OJBetter.basic.darkMode = settings.darkMode;
  6874.                             // 移除旧的事件监听器
  6875.                             changeEventListeners.forEach(listener => {
  6876.                                 mediaQueryList.removeEventListener('change', listener);
  6877.                             });
  6878.  
  6879.                             if (OJBetter.basic.darkMode == "follow") {
  6880.                                 changeEventListeners.push(handleColorSchemeChange);
  6881.                                 mediaQueryList.addEventListener('change', handleColorSchemeChange);
  6882.                                 $('html').removeAttr('data-theme');
  6883.                             } else if (OJBetter.basic.darkMode == "dark") {
  6884.                                 $('html').attr('data-theme', 'dark');
  6885.                                 if (OJBetter.monaco.editor) {
  6886.                                     monaco.editor.setTheme('vs-dark');
  6887.                                 }
  6888.                             } else {
  6889.                                 $('html').attr('data-theme', 'light');
  6890.                                 if (OJBetter.monaco.editor) {
  6891.                                     monaco.editor.setTheme('vs');
  6892.                                 }
  6893.                                 // 移除旧的事件监听器
  6894.                                 const mediaQueryList = window.matchMedia('(prefers-color-scheme: dark)');
  6895.                                 window.matchMedia('(prefers-color-scheme: dark)');
  6896.                             }
  6897.                         }
  6898.                         // 更新配置信息
  6899.                         OJBetter.translation.choice = settings.translation;
  6900.                         OJBetter.translation.comment.choice = settings.commentTranslationChoice;
  6901.                     }
  6902.                 }
  6903.             }
  6904.             OJB_closeAndRemoveModal(settingMenu);
  6905.             $settingBtns.prop("disabled", false).removeClass("open");
  6906.         });
  6907.     });
  6908. };
  6909.  
  6910. /**
  6911.  * 初始化html2markdown转换器
  6912.  */
  6913. async function initHTML2MarkDown() {
  6914.     OJBetter.common.turndownService = new TurndownService({ bulletListMarker: '-' });
  6915.  
  6916.     // 保留原始
  6917.     OJBetter.common.turndownService.keep(['del']);
  6918.  
  6919.     OJBetter.common.turndownService.addRule('removeByClass', {
  6920.         filter: function (node) {
  6921.             return node.classList.contains('html2md-panel') ||
  6922.                 node.classList.contains('div-btn-copy') ||
  6923.                 node.classList.contains('btn-copy') ||
  6924.                 node.classList.contains('overlay') ||
  6925.                 node.classList.contains('monaco-editor') ||
  6926.                 node.nodeName === 'SCRIPT';
  6927.         },
  6928.         replacement: function () {
  6929.             return '';
  6930.         }
  6931.     });
  6932.  
  6933.     // inline math
  6934.     OJBetter.common.turndownService.addRule('inline-math', {
  6935.         filter: function (node, options) {
  6936.             return node.tagName.toLowerCase() == "span" && node.className == "katex";
  6937.         },
  6938.         replacement: function (content, node) {
  6939.             var latex = $(node).find('annotation').text();
  6940.             latex = latex.replace(/</g, "&lt;").replace(/>/g, "&gt;");
  6941.             return "$" + latex + "$";
  6942.         }
  6943.     });
  6944.  
  6945.     // block math
  6946.     OJBetter.common.turndownService.addRule('block-math', {
  6947.         filter: function (node, options) {
  6948.             return node.tagName.toLowerCase() == "span" && node.className == "katex-display";
  6949.         },
  6950.         replacement: function (content, node) {
  6951.             var latex = $(node).find('annotation').text();
  6952.             latex = latex.replace(/</g, "&lt;").replace(/>/g, "&gt;");
  6953.             return "\n$$\n" + latex + "\n$$\n";
  6954.         }
  6955.     });
  6956.  
  6957.     // pre
  6958.     OJBetter.common.turndownService.addRule('pre', {
  6959.         filter: function (node, options) {
  6960.             return node.tagName.toLowerCase() == "pre";
  6961.         },
  6962.         replacement: function (content, node) {
  6963.             if (!node.classList.contains('source-code-for-copy') && !node.classList.contains('prettyprint')) {
  6964.                 return "```\n" + content + "```\n";
  6965.             } else {
  6966.                 return "";
  6967.             }
  6968.         }
  6969.     });
  6970.  
  6971.     // bordertable
  6972.     OJBetter.common.turndownService.addRule('bordertable', {
  6973.         filter: 'table',
  6974.         replacement: function (content, node) {
  6975.             if (node.classList.contains('table')) {
  6976.                 var output = [],
  6977.                     thead = '',
  6978.                     trs = node.querySelectorAll('tr');
  6979.                 if (trs.length > 0) {
  6980.                     var ths = trs[0].querySelectorAll('th, td');
  6981.                     if (ths.length > 0) {
  6982.                         thead = '| ' + Array.from(ths).map(th => OJBetter.common.turndownService.turndown(th.innerHTML.trim())).join(' | ') + ' |\n'
  6983.                         thead += '| ' + Array.from(ths).map(() => ' --- ').join('|') + ' |\n';
  6984.                     }
  6985.                 }
  6986.                 var rows = node.querySelectorAll('tr');
  6987.                 Array.from(rows).forEach(function (row, i) {
  6988.                     if (i > 0) {
  6989.                         var cells = row.querySelectorAll('td,th');
  6990.                         var trow = '| ' + Array.from(cells).map(cell => OJBetter.common.turndownService.turndown(cell.innerHTML.trim())).join(' | ') + ' |';
  6991.                         output.push(trow);
  6992.                     }
  6993.                 });
  6994.                 return thead + output.join('\n');
  6995.             } else {
  6996.                 return content;
  6997.             }
  6998.         }
  6999.     });
  7000. };
  7001.  
  7002. /**
  7003.  * 任务队列
  7004.  */
  7005. class TaskQueue {
  7006.     constructor() {
  7007.         this.taskQueues = {};
  7008.         this.isProcessing = {}; // 处理状态
  7009.         this.delays = {}; // 等待时间（毫秒）
  7010.     }
  7011.  
  7012.     getDelay(type) {
  7013.         if (type === 'openai') {
  7014.             return 0;
  7015.         } else {
  7016.             return OJBetter.translation.waitTime;
  7017.         }
  7018.     }
  7019.  
  7020.     /**
  7021.      * 添加任务
  7022.      * @param {string} type 任务类型
  7023.      * @param {function} fn 任务函数
  7024.      * @param {boolean} isNonQueueTask 是否为非队列任务
  7025.      */
  7026.     addTask(type, fn, isNonQueueTask = false) {
  7027.         if (!this.taskQueues[type]) {
  7028.             this.taskQueues[type] = [];
  7029.         }
  7030.  
  7031.         if (isNonQueueTask) {
  7032.             fn();
  7033.         } else {
  7034.             this.taskQueues[type].push(fn);
  7035.  
  7036.             if (!this.isProcessing[type]) {
  7037.                 this.processQueue(type);
  7038.             }
  7039.         }
  7040.     }
  7041.  
  7042.     async processQueue(type) {
  7043.         this.isProcessing[type] = true;
  7044.  
  7045.         while (this.taskQueues[type].length > 0) {
  7046.             const task = this.taskQueues[type].shift();
  7047.             await task();
  7048.  
  7049.             if (this.taskQueues[type].length > 0) {
  7050.                 await this.wait(this.getDelay(type));
  7051.             }
  7052.         }
  7053.  
  7054.         this.isProcessing[type] = false;
  7055.     }
  7056.  
  7057.     wait(delay) {
  7058.         return new Promise(resolve => {
  7059.             setTimeout(resolve, delay);
  7060.         });
  7061.     }
  7062. }
  7063.  
  7064. /**
  7065.  * 检测文本是否可能为代码片段
  7066.  * @param {string} text 待检测的文本
  7067.  * @returns {boolean} 是否可能为代码片段
  7068.  */
  7069. /**
  7070.  * 检测为空文本
  7071.  * @param {string} text 待检测的文本
  7072.  * @returns {boolean} 是否为空文本
  7073.  */
  7074. const isEmptyText = text => text.trim() === '';
  7075.  
  7076. /**
  7077.  * 加载按钮相关函数
  7078.  */
  7079. async function initButtonFunc() {
  7080.     // 鼠标悬浮时为目标元素区域添加一个覆盖层
  7081.     $.fn.addHoverOverlay = function (target) {
  7082.         let position = $(target).css('position');
  7083.         let display = $(target).css('display');
  7084.  
  7085.         this.hover(() => {
  7086.             $(target)
  7087.                 .addClass('overlay')
  7088.                 .css('position', 'relative');
  7089.             if (display == "inline" || display == "contents") {
  7090.                 $(target).css('display', 'block');
  7091.             }
  7092.         }, () => {
  7093.             $(target)
  7094.                 .removeClass('overlay')
  7095.                 .css('position', position);
  7096.             if (display == "inline" || display == "contents") {
  7097.                 $(target).css('display', display);
  7098.             }
  7099.         })
  7100.     }
  7101.  
  7102.     /**
  7103.      * 为按钮设置图标
  7104.      * @param {string} icon 图标
  7105.      * @returns {JQuery<HTMLElement>} 按钮
  7106.      */
  7107.     $.fn.setButtonIcon = function (icon) {
  7108.         let i = this.find("i");
  7109.         if (i.length != 0 && i.hasClass("iconfont")) {
  7110.             i.html(icon);
  7111.         } else {
  7112.             i = OJB_safeCreateJQElement(`<i>${icon}</i>`);
  7113.             this.prepend(i);
  7114.         }
  7115.         return this;
  7116.     }
  7117.  
  7118.     /** 
  7119.      * 设置按钮为加载等待状态
  7120.      */
  7121.     $.fn.setButtonLoading = function () {
  7122.         this.addClass("loading");
  7123.         this.prop("disabled", true);
  7124.         return this;
  7125.     }
  7126.  
  7127.     /**
  7128.      * 解除按钮的加载等待状态
  7129.      */
  7130.     $.fn.setButtonLoaded = function () {
  7131.         this.removeClass("loading");
  7132.         this.prop("disabled", false);
  7133.         return this;
  7134.     }
  7135.  
  7136.     /**
  7137.      * 为按钮设置popover提示文本
  7138.      * @param {string} text 文本
  7139.      * @returns {JQuery<HTMLElement>} 按钮
  7140.      */
  7141.     $.fn.setButtonPopover = function (text) {
  7142.         // find if has popover_content class element
  7143.         let popover_content = this.find(".popover_content");
  7144.         if (popover_content.length != 0) {
  7145.             popover_content.text(text);
  7146.         } else {
  7147.             popover_content = OJB_safeCreateJQElement(`<span class="popover_content">${text}</span>`);
  7148.             this.append(popover_content);
  7149.         }
  7150.         return this;
  7151.     }
  7152.  
  7153.     /**
  7154.      * 获取MarkDown
  7155.      * @returns {string} MarkDown
  7156.      */
  7157.     $.fn.getMarkdown = function () {
  7158.         const markdown = this.data('markdown');
  7159.         if (markdown === undefined) {
  7160.             const htmlContent = this.html();
  7161.             const newMarkdown = OJBetter.common.turndownService.turndown(htmlContent);
  7162.             this.data('markdown', newMarkdown);
  7163.             return newMarkdown;
  7164.         }
  7165.         return markdown;
  7166.     }
  7167.  
  7168.     // 设置按钮状态
  7169.     $.fn.setButtonState = function (state, popoverText = null, disabled = false) {
  7170.         this.data('buttonState', state)
  7171.             .prop('disabled', disabled)
  7172.             .css('cursor', disabled ? 'not-allowed' : 'pointer')
  7173.             .removeClass('running success enabled error loading redo');
  7174.         if (popoverText) this.setButtonPopover(popoverText);
  7175.  
  7176.         if (state !== 'initial') this.addClass(state);
  7177.         return this;
  7178.     };
  7179.  
  7180.     // 为按钮添加鼠标悬浮重试
  7181.     $.fn.setHoverRedo = function () {
  7182.         this.hover(() => {
  7183.             prevState = this.getButtonState();
  7184.             if (prevState !== "normal" && prevState !== "running") {
  7185.                 this.setButtonState('redo');
  7186.             }
  7187.         }, () => {
  7188.             const currentState = this.getButtonState();
  7189.             if (prevState !== "normal" && ["normal", "redo"].includes(currentState)) {
  7190.                 this.setButtonState(prevState);
  7191.                 prevState = null;
  7192.             }
  7193.         });
  7194.     };
  7195.  
  7196.     // 获取按钮状态
  7197.     $.fn.getButtonState = function () {
  7198.         return this.data('buttonState') || 'normal';
  7199.     };
  7200.  
  7201.     // 设置翻译按钮状态
  7202.     $.fn.setTransButtonState = function (state, text = null) {
  7203.         const popoverText = text || i18next.t(`trans.${state}`, { ns: 'button' });
  7204.         const disabled = state === 'running' || state === 'loading';
  7205.         this.setButtonState(state, popoverText, disabled);
  7206.         return this;
  7207.     };
  7208.  
  7209.     // 存翻译结果
  7210.     $.fn.pushResultToTransButton = function (result) {
  7211.         let resultStack = this.data('resultStack');
  7212.         if (!resultStack) resultStack = [];
  7213.         resultStack.push(result);
  7214.         this.data('resultStack', resultStack);
  7215.     }
  7216.  
  7217.     // 获取翻译结果
  7218.     $.fn.getResultFromTransButton = function () {
  7219.         return this.data('resultStack');
  7220.     }
  7221.  
  7222.     // 标记为不自动翻译
  7223.     $.fn.setNotAutoTranslate = function () {
  7224.         this.data('notAutoTranslate', true);
  7225.     }
  7226.  
  7227.     // 获取是否为不自动翻译
  7228.     $.fn.getNotAutoTranslate = function () {
  7229.         return this.data('notAutoTranslate');
  7230.     }
  7231.  
  7232.     // 判断是否已经翻译
  7233.     $.fn.IsTranslated = function () {
  7234.         if (this.hasAttr('translated')) {
  7235.             return true;
  7236.         } else {
  7237.             return false;
  7238.         }
  7239.     }
  7240.  
  7241.     // 判断是否为评论区按钮
  7242.     $.fn.IsCommentButton = function () {
  7243.         let isCommentButton = this.data('isCommentButton');
  7244.         if (isCommentButton == undefined) {
  7245.             this.parents('.comments').length > 0 ? isCommentButton = true : isCommentButton = false;
  7246.             this.data('isCommentButton', isCommentButton);
  7247.         }
  7248.         return isCommentButton;
  7249.     }
  7250.  
  7251.     // 按钮点击效果
  7252.     $(document).on('mousedown', '.ojb_btn', function () {
  7253.         $(this).addClass('active').on('animationend', () => $(this).removeClass('active'));
  7254.     });
  7255. }
  7256.  
  7257. /**
  7258.  * 添加题目markdown转换/复制/翻译按钮面板
  7259.  * @param {HTMLElement} element 需要添加按钮面板的元素
  7260.  * @param {string} suffix 按钮面板id后缀
  7261.  * @param {string} type 按钮面板添加位置
  7262.  * @param {boolean} is_simple 是否是简单模式
  7263.  * @returns {object} 返回按钮面板元素
  7264.  */
  7265. function addButtonPanel(element, suffix, type, is_simple = false) {
  7266.     let text;
  7267.     if (OJBetter.translation.comment.transMode == "1") text = i18next.t('trans.segment', { ns: 'button' });
  7268.     else if (OJBetter.translation.comment.transMode == "2") text = i18next.t('trans.select', { ns: 'button' });
  7269.     else text = i18next.t('trans.normal', { ns: 'button' });
  7270.  
  7271.     let panel = OJB_safeCreateJQElement(`<div class='html2md-panel input-output-copier ${is_simple ? 'is_simple' : ''}'></div>`);
  7272.     let viewButton = OJB_safeCreateJQElement(`
  7273.         <button class='ojb_btn ojb_btn_popover top' id='html2md-view${suffix}'>
  7274.             <i class="iconfont">&#xe7e5;</i>
  7275.             <span class="popover_content">${i18next.t('md.normal', { ns: 'button' })}</span>
  7276.         </button>`);
  7277.     let copyButton = OJB_safeCreateJQElement(`
  7278.         <button class='ojb_btn ojb_btn_popover top' id='html2md-cb${suffix}'>
  7279.             <i class="iconfont">&#xe608;</i>
  7280.             <span class="popover_content">${i18next.t('copy.normal', { ns: 'button' })}</span>
  7281.         </button>`);
  7282.     let translateButton = OJB_safeCreateJQElement(`
  7283.         <button class='ojb_btn translateButton ojb_btn_popover top' id='translateButton${suffix}'>
  7284.             <i class="iconfont">&#xe6be;</i>
  7285.             <span class="popover_content">${text}</span>
  7286.         </button>`);
  7287.     if (!is_simple) panel.append(viewButton);
  7288.     if (!is_simple) panel.append(copyButton);
  7289.     panel.append(translateButton);
  7290.     if (type === "this_level") {
  7291.         $(element).before(panel);
  7292.     } else if (type === "child_level") {
  7293.         $(element).prepend(panel);
  7294.     }
  7295.  
  7296.     return {
  7297.         panel: panel,
  7298.         viewButton: viewButton,
  7299.         copyButton: copyButton,
  7300.         translateButton: translateButton
  7301.     }
  7302. }
  7303.  
  7304. /**
  7305.  * 添加MD视图按钮
  7306.  * @param {JQuery<HTMLElement>} button 按钮
  7307.  * @param {JQuery<HTMLElement>} element 目标元素
  7308.  * @param {string} suffix id后缀
  7309.  * @param {string} type 类型
  7310.  * @returns {void}
  7311.  */
  7312. async function addButtonWithHTML2MD(button, element, suffix, type) {
  7313.     /**
  7314.      * 改变按钮状态
  7315.      * @param {string} state 状态
  7316.      */
  7317.     const changeButtonState = (state) => {
  7318.         if (state == "loading") {
  7319.             button.setButtonLoading();
  7320.             button.setButtonPopover(i18next.t('state.waitMathJax', { ns: 'button' }));
  7321.         } else if (state == "loaded") {
  7322.             button.setButtonLoaded();
  7323.             button.setButtonPopover(i18next.t('md.normal', { ns: 'button' }));
  7324.         } else if (state == "normal") {
  7325.             button.removeClass("enabled");
  7326.             button.setButtonPopover(i18next.t('md.normal', { ns: 'button' }));
  7327.         } else if (state == "mdView") {
  7328.             button.addClass("enabled");
  7329.             button.setButtonPopover(i18next.t('md.reduction', { ns: 'button' }));
  7330.         } else if (state == "disabled") {
  7331.             button.prop("disabled", true);
  7332.             button.setButtonPopover(i18next.t('md.disabled', { ns: 'button' }));
  7333.         }
  7334.     }
  7335.  
  7336.     /**
  7337.      * 存放目标元素的 JQueryObject
  7338.      */
  7339.     const target = (() => {
  7340.         if (type = "child_level") {
  7341.             return $(element).children(':not(.html2md-panel)');
  7342.         } else {
  7343.             return $(element);
  7344.         }
  7345.     })();
  7346.  
  7347.     if (OJBetter.typeOfPage.is_oldLatex || OJBetter.typeOfPage.is_acmsguru) {
  7348.         changeButtonState("disabled");
  7349.         return;
  7350.     } else {
  7351.         changeButtonState("loading");
  7352.         await waitForMathJaxIdle();
  7353.         changeButtonState("loaded");
  7354.     }
  7355.  
  7356.     button.click(OJB_debounce(function () {
  7357.         /**
  7358.          * 检查是否是MarkDown视图 
  7359.          * @returns {boolean} 是否是MarkDown视图
  7360.          */
  7361.         function checkViewmd() {
  7362.             if ($(element).attr("viewmd") === "true") {
  7363.                 return true;
  7364.             } else {
  7365.                 return false;
  7366.             }
  7367.         }
  7368.  
  7369.         /**
  7370.          * 设置是否是MarkDown视图
  7371.          * @param {boolean} value 是否是MarkDown视图
  7372.          * @returns {void}
  7373.          */
  7374.         function setViewmd(value) {
  7375.             $(element).attr("viewmd", value);
  7376.             if (value) {
  7377.                 changeButtonState("mdView");
  7378.             } else {
  7379.                 changeButtonState("normal");
  7380.             }
  7381.         }
  7382.  
  7383.         if (checkViewmd()) {
  7384.             setViewmd(false);
  7385.             target.last().next(".mdViewContent").remove();
  7386.             target.show();
  7387.         } else {
  7388.             setViewmd(true);
  7389.             const markdown = $(element).getMarkdown();
  7390.             const mdViewContent = OJB_safeCreateJQElement(`<span class="mdViewContent" style="width:auto; height:auto;">${markdown}</span>`);
  7391.             target.last().after(mdViewContent);
  7392.             target.hide();
  7393.         }
  7394.     }));
  7395.  
  7396.     if (OJBetter.preference.hoverTargetAreaDisplay && !OJBetter.typeOfPage.is_oldLatex && !OJBetter.typeOfPage.is_acmsguru) {
  7397.         button.addHoverOverlay($(element));
  7398.     }
  7399. }
  7400.  
  7401. /**
  7402.  * 添加复制按钮
  7403.  * @param {JQuery<HTMLElement>} button 按钮
  7404.  * @param {JQuery<HTMLElement>} element 目标元素
  7405.  * @param {string} suffix 后缀
  7406.  * @param {string} type 类型
  7407.  */
  7408. async function addButtonWithCopy(button, element, suffix, type) {
  7409.     /**
  7410.      * 改变按钮状态
  7411.      * @param {string} state 状态
  7412.      */
  7413.     function changeButtonState(state) {
  7414.         if (state == "loading") {
  7415.             button.setButtonLoading();
  7416.             button.setButtonPopover(i18next.t('state.waitMathJax', { ns: 'button' }));
  7417.         } else if (state == "loaded") {
  7418.             button.setButtonLoaded();
  7419.             button.setButtonPopover(i18next.t('copy.normal', { ns: 'button' }));
  7420.         } else if (state == "normal") {
  7421.             button.setButtonPopover(i18next.t('copy.normal', { ns: 'button' }));
  7422.         } else if (state == "copied") {
  7423.             button.setButtonPopover(i18next.t('copy.copied', { ns: 'button' }));
  7424.         } else if (state == "disabled") {
  7425.             button.prop("disabled", true);
  7426.             button.setButtonPopover(i18next.t('copy.disabled', { ns: 'button' }));
  7427.         }
  7428.     }
  7429.  
  7430.     // 等待MathJax队列完成
  7431.     if (OJBetter.typeOfPage.is_oldLatex || OJBetter.typeOfPage.is_acmsguru) {
  7432.         changeButtonState("disabled");
  7433.         return;
  7434.     } else {
  7435.         changeButtonState("loading");
  7436.         await waitForMathJaxIdle();
  7437.         changeButtonState("loaded");
  7438.     }
  7439.  
  7440.     button.click(OJB_debounce(function () {
  7441.         var target = $(element).get(0);
  7442.  
  7443.         var markdown = $(element).getMarkdown();
  7444.  
  7445.         GM_setClipboard(markdown);
  7446.  
  7447.         $(this).addClass("success");
  7448.         changeButtonState("copied");
  7449.  
  7450.  
  7451.         // 更新复制按钮文本
  7452.         setTimeout(() => {
  7453.             $(this).removeClass("success");
  7454.             changeButtonState("normal")
  7455.         }, 2000);
  7456.     }));
  7457.  
  7458.     if (OJBetter.preference.hoverTargetAreaDisplay && !OJBetter.typeOfPage.is_oldLatex && !OJBetter.typeOfPage.is_acmsguru) {
  7459.         button.addHoverOverlay($(element));
  7460.     }
  7461. }
  7462.  
  7463. /**
  7464.  * 添加翻译按钮
  7465.  * @param {JQuery<HTMLElement>} button 按钮
  7466.  * @param {JQuery<HTMLElement>} element 目标元素
  7467.  * @param {string} suffix 后缀
  7468.  * @param {string} type 类型
  7469.  * @param {boolean} is_comment 是否是评论
  7470.  */
  7471. async function addButtonWithTranslation(button, element, suffix, type, is_comment = false) {
  7472.     /**
  7473.      * 添加可指定翻译服务的方法调用
  7474.      * @param {string} translation 翻译服务
  7475.      */
  7476.     button.data("translatedItBy", function (translation) {
  7477.         button.setTransButtonState('running', i18next.t('trans.wait', { ns: 'button' }));
  7478.         OJBetter.common.taskQueue.addTask(translation, () => transTask(button, element, type, is_comment, translation), translation == 'openai');
  7479.     });
  7480.  
  7481.     // 等待MathJax队列完成
  7482.     button.setButtonLoading();
  7483.     await waitForMathJaxIdle();
  7484.     button.setButtonLoaded();
  7485.  
  7486.     // 标记目标文本区域不自动翻译
  7487.     {
  7488.         let text;
  7489.         if (OJBetter.typeOfPage.is_oldLatex || OJBetter.typeOfPage.is_acmsguru) {
  7490.             text = $(element).html();
  7491.         } else {
  7492.             text = $(element).getMarkdown();
  7493.         }
  7494.         let length = text.length;
  7495.         if (length > OJBetter.translation.auto.shortTextLength || isEmptyText(text) || $(element).find('.spoiler').length > 0) {
  7496.             button.setNotAutoTranslate();
  7497.         }
  7498.         // button.after(`<span>${length}</span>`); // 显示字符数
  7499.     }
  7500.  
  7501.     button.click(OJB_debounce(async function () {
  7502.         // 重新翻译
  7503.         let resultStack = $(this).getResultFromTransButton();
  7504.         if (resultStack) {
  7505.             let pElements = $(element).find("p.block_selected:not(li p), li.block_selected");
  7506.             for (let item of resultStack) {
  7507.                 if (OJBetter.translation.retransAction == "0") {
  7508.                     // 选段翻译不直接移除旧结果
  7509.                     if (OJBetter.translation.comment.transMode == "2") {
  7510.                         // 只移除即将要翻译的段的结果
  7511.                         if (pElements.is(item.translateDiv.getDiv().prev())) {
  7512.                             item.translateDiv.close();
  7513.                         }
  7514.                     } else {
  7515.                         item.translateDiv.close();
  7516.                         $($(element)).find(".translate-problem-statement, .translate-problem-statement-panel").remove();
  7517.                     }
  7518.                 } else {
  7519.                     item.translateDiv.fold();
  7520.                 }
  7521.             }
  7522.         }
  7523.  
  7524.         // 翻译
  7525.         button.setTransButtonState('running', i18next.t('trans.wait', { ns: 'button' }));
  7526.         OJBetter.common.taskQueue.addTask(OJBetter.translation.choice, () => transTask(button, element, type, is_comment), OJBetter.translation.choice == 'openai');
  7527.     }));
  7528.  
  7529.     // 重新翻译提示
  7530.     let prevState;
  7531.     button.hover(() => {
  7532.         prevState = button.getButtonState();
  7533.         if (prevState !== "normal" && prevState !== "running") {
  7534.             button.setTransButtonState('redo');
  7535.         }
  7536.     }, () => {
  7537.         const currentState = button.getButtonState();
  7538.         if (prevState !== "normal" && ["normal", "redo"].includes(currentState)) {
  7539.             button.setTransButtonState(prevState);
  7540.             prevState = null;
  7541.         }
  7542.     });
  7543.  
  7544.     // 目标区域指示
  7545.     if (OJBetter.preference.hoverTargetAreaDisplay) {
  7546.         button.addHoverOverlay($(element));
  7547.     }
  7548.  
  7549.     // 翻译右键切换菜单
  7550.     $(document).on('contextmenu', '#translateButton' + suffix, function (e) {
  7551.         e.preventDefault();
  7552.  
  7553.         // 是否为评论的翻译
  7554.         let is_comment = button.IsCommentButton();
  7555.  
  7556.         // 移除旧的
  7557.         if (!$(e.target).closest('.OJBetter_contextmenu').length) {
  7558.             $('.OJBetter_contextmenu').remove();
  7559.         }
  7560.  
  7561.         var menu = $('<div class="OJBetter_contextmenu"></div>');
  7562.         var translations = [
  7563.             { value: 'deepl', name: i18next.t('translation.options.services.deepl', { ns: 'settings' }) },
  7564.             { value: 'iflyrec', name: i18next.t('translation.options.services.iflyrec', { ns: 'settings' }) },
  7565.             { value: 'youdao', name: i18next.t('translation.options.services.youdao', { ns: 'settings' }) },
  7566.             { value: 'google', name: i18next.t('translation.options.services.google', { ns: 'settings' }) },
  7567.             { value: 'caiyun', name: i18next.t('translation.options.services.caiyun', { ns: 'settings' }) },
  7568.             { value: 'openai', name: i18next.t('translation.options.services.openai.name', { ns: 'settings' }) }
  7569.         ];
  7570.  
  7571.         // Function to check if the service supports the target language
  7572.         function supportsTargetLanguage(service, targetLang) {
  7573.             return OJBetter.supportList.translationSupport[service] && OJBetter.supportList.translationSupport[service][targetLang] !== undefined;
  7574.         }
  7575.  
  7576.         if (is_comment) {
  7577.             var label = OJB_safeCreateJQElement(`<label><input type="radio" name="translation" value="0">
  7578.             <span class="OJBetter_contextmenu_label_text">
  7579.             ${i18next.t('translation.preference.comment_translation_choice.services.follow', { ns: 'settings' })}
  7580.             </span></label>`);
  7581.             menu.append(label);
  7582.         }
  7583.         translations.forEach(function (translation) {
  7584.             if (supportsTargetLanguage(translation.value, OJBetter.translation.targetLang)) {
  7585.                 var label = OJB_safeCreateJQElement(`<label><input type="radio" name="translation" value="${translation.value}">
  7586.                 <span class="OJBetter_contextmenu_label_text">${translation.name}</span></label>`);
  7587.                 menu.append(label);
  7588.             }
  7589.         });
  7590.  
  7591.         // 初始化
  7592.         if (is_comment) {
  7593.             menu.find(`input[name="translation"][value="${OJBetter.translation.comment.choice}"]`).prop('checked', true);
  7594.         } else {
  7595.             menu.find(`input[name="translation"][value="${OJBetter.translation.choice}"]`).prop('checked', true);
  7596.         }
  7597.         menu.css({
  7598.             top: e.pageY + 'px',
  7599.             left: e.pageX + 'px'
  7600.         }).appendTo('body');
  7601.  
  7602.         $(document).one('change', 'input[name="translation"]', function () {
  7603.             if (is_comment) {
  7604.                 OJBetter.translation.comment.choice = $('input[name="translation"]:checked').val();
  7605.                 GM_setValue("commentTranslationChoice", OJBetter.translation.comment.choice);
  7606.             } else {
  7607.                 OJBetter.translation.choice = $('input[name="translation"]:checked').val();
  7608.                 GM_setValue("translation", OJBetter.translation.choice);
  7609.             }
  7610.             $('.OJBetter_contextmenu').remove();
  7611.         });
  7612.  
  7613.         // 点击区域外关闭菜单
  7614.         function handleClick(event) {
  7615.             if (!$(event.target).closest('.OJBetter_contextmenu').length) {
  7616.                 $('.OJBetter_contextmenu').remove();
  7617.                 $(document).off('change', 'input[name="translation"]');
  7618.             } else {
  7619.                 $(document).one('click', handleClick);
  7620.             }
  7621.         }
  7622.         $(document).one('click', handleClick);
  7623.     });
  7624. }
  7625.  
  7626. /**
  7627.  * 创建翻译任务
  7628.  * @param {JQuery<HTMLElement>} button 按钮
  7629.  * @param {HTMLElement} element 目标元素
  7630.  * @param {string} type 类型
  7631.  * @param {boolean} is_comment 是否是评论
  7632.  * @param {string} overrideTrans 覆盖全局翻译服务设定
  7633.  */
  7634. async function transTask(button, element, type, is_comment, overrideTrans) {
  7635.     /** @type {HTMLElement} 目标元素 */
  7636.     let target;
  7637.     /**
  7638.      * 错误计数数据结构
  7639.      * @typedef {Object} count
  7640.      * @property {number} errerNum 错误数量
  7641.      * @property {number} skipNum 跳过数量
  7642.      */
  7643.     const count = {
  7644.         errerNum: 0,
  7645.         skipNum: 0
  7646.     };
  7647.     if (OJBetter.translation.comment.transMode == "1") {
  7648.         // 分段翻译
  7649.         let pElements = $(element).find("p:not(li p), li, .OJBetter_acmsguru");
  7650.         for (let i = 0; i < pElements.length; i++) {
  7651.             target = $(pElements[i]).eq(0).clone();
  7652.             element_node = pElements[i];
  7653.             await process(button, target, element_node, type, is_comment, count, overrideTrans);
  7654.         }
  7655.     } else if (OJBetter.translation.comment.transMode == "2") {
  7656.         // 选段翻译
  7657.         let pElements = $(element).find("p.block_selected:not(li p), li.block_selected, .OJBetter_acmsguru");
  7658.         for (let i = 0; i < pElements.length; i++) {
  7659.             target = $(pElements[i]).eq(0).clone();
  7660.             element_node = pElements[i];
  7661.             await process(button, target, element_node, type, is_comment, count, overrideTrans);
  7662.         }
  7663.         $(element).find("p.block_selected:not(li p), li.block_selected").removeClass('block_selected');
  7664.     } else {
  7665.         // 普通翻译
  7666.         target = $(element).eq(0).clone();
  7667.         if (type === "child_level") $(target).children(':first').remove();
  7668.         element_node = $($(element)).get(0);
  7669.         await process(button, target, element_node, type, is_comment, count, overrideTrans);
  7670.     }
  7671.  
  7672.     // 翻译完成
  7673.     if (!count.errerNum && !count.skipNum) {
  7674.         button.setTransButtonState('success');
  7675.     }
  7676. }
  7677.  
  7678. /**
  7679.  * 翻译处理
  7680.  * @param {JQuery<HTMLElement>} button 按钮
  7681.  * @param {HTMLElement} target 目标元素
  7682.  * @param {HTMLElement} element_node 目标节点
  7683.  * @param {string} type 类型
  7684.  * @param {boolean} is_comment 是否是评论
  7685.  * @param {string} overrideTrans 覆盖全局翻译服务设定
  7686.  */
  7687. async function process(button, target, element_node, type, is_comment, count, overrideTrans) {
  7688.     if (type === "child_level") {
  7689.         let div = $("<div>");
  7690.         $(element_node).append(div);
  7691.         element_node = div.get(0);
  7692.     }
  7693.  
  7694.     //是否跳过折叠块
  7695.     if ($(target).find('.spoiler').length > 0) {
  7696.         const shouldSkip = await OJB_createDialog(
  7697.             i18next.t('skipFold.title', { ns: 'dialog' }),
  7698.             i18next.t('skipFold.content', { ns: 'dialog' }),
  7699.             [
  7700.                 i18next.t('skipFold.buttons.0', { ns: 'dialog' }),
  7701.                 i18next.t('skipFold.buttons.1', { ns: 'dialog' })
  7702.             ],
  7703.             true
  7704.         ); //跳过折叠块确认
  7705.         if (shouldSkip) {
  7706.             $(target).find('.spoiler').remove();
  7707.         } else {
  7708.             $(target).find('.html2md-panel').remove();
  7709.         }
  7710.     }
  7711.  
  7712.     // 等待并获取结果
  7713.     button.setTransButtonState('running');
  7714.     const result = await blockProcessing(button, target, element_node, is_comment, overrideTrans);
  7715.     button.pushResultToTransButton(result);
  7716.  
  7717.     if (result.status == "error") count.errerNum += 1;
  7718.     else if (result.status == "skip") count.skipNum += 1;
  7719.     $(target).remove();
  7720. }
  7721.  
  7722. /**
  7723.  * 块处理
  7724.  * @param {JQuery<HTMLElement>} button 
  7725.  * @param {HTMLElement} target 目标元素
  7726.  * @param {HTMLElement} element_node 目标节点
  7727.  * @param {boolean} is_comment 是否是评论
  7728.  * @param {string} overrideTrans 覆盖全局翻译服务设定
  7729.  * @returns {TranslateResult} 翻译结果对象
  7730.  */
  7731. async function blockProcessing(button, target, element_node, is_comment, overrideTrans) {
  7732.     if (OJBetter.typeOfPage.is_oldLatex || OJBetter.typeOfPage.is_acmsguru) {
  7733.         target.markdown = $(target).html();
  7734.     } else if (!target.markdown) {
  7735.         target.markdown = OJBetter.common.turndownService.turndown($(target).html());
  7736.     }
  7737.  
  7738.     const result = await translateProblemStatement(target.markdown, element_node, is_comment, overrideTrans);
  7739.     if (result.status == "skip") {
  7740.         button.setTransButtonState('error', i18next.t('trans.tooLong', { ns: 'button' }));
  7741.         result.translateDiv.close();
  7742.     } else if (result.status == "error" || !result.rawData.done) {
  7743.         result.translateDiv.setError();
  7744.         result.translateDiv.setRawData(result.rawData);
  7745.         result.translateDiv.showDebugButton();
  7746.         button.setTransButtonState('error', i18next.t('trans.error', { ns: 'button' }));
  7747.         $(target).remove();
  7748.     }
  7749.     return result;
  7750. }
  7751.  
  7752. /**
  7753.  * 选段翻译支持
  7754.  */
  7755. async function multiChoiceTranslation() {
  7756.     GM_addStyle(`
  7757.         .topic .content #task-statement {
  7758.             overflow: initial;
  7759.         }
  7760.     `);
  7761.  
  7762.     $(document).on('click', 'p, li:not(:has(.comment)), .OJBetter_acmsguru', function (e) {
  7763.         let $this = $(this);
  7764.         e.stopPropagation();
  7765.         if ($this.hasClass('block_selected')) {
  7766.             $this.removeClass('block_selected');
  7767.             // 移除对应的按钮 
  7768.             $('.OJBetter_MiniTranslateButton').remove("#translateButton_selected_" + $this.attr('OJBetter_p_id'));
  7769.         } else {
  7770.             let id = OJB_getRandomNumber(8);
  7771.             $this.attr('OJBetter_p_id', id);
  7772.             $this.addClass('block_selected');
  7773.             // 添加按钮 
  7774.             let menu = OJB_safeCreateJQElement(`<div class="OJBetter_MiniTranslateButton" id='translateButton_selected_${id}'>${translateIcon}</div>`)
  7775.                 .css({
  7776.                     left: $($this).outerWidth(true) + $($this).position().left + 10 + 'px',
  7777.                 });
  7778.             $this.before(menu);
  7779.  
  7780.             $("#translateButton_selected_" + id).click(async function () {
  7781.                 // 处理旧的结果
  7782.                 if ($this.attr('translated')) {
  7783.                     let result = $this.data("resultData");
  7784.                     if (OJBetter.translation.retransAction == "0") {
  7785.                         result.translateDiv.close();
  7786.                     } else {
  7787.                         result.translateDiv.fold();
  7788.                     }
  7789.                 }
  7790.                 // 翻译
  7791.                 let target = $this.eq(0).clone();
  7792.                 let result = await blockProcessing(OJBetter.translation.choice, target, $this.eq(0), $("#translateButton_selected_" + id), false);
  7793.                 $this.data("resultData", result);
  7794.                 $this.removeClass('block_selected');
  7795.                 // 移除对应的按钮 
  7796.                 $('.OJBetter_MiniTranslateButton').remove("#translateButton_selected_" + id);
  7797.                 $this.attr('translated', '1'); // 标记已翻译
  7798.             });
  7799.         }
  7800.     });
  7801. }
  7802.  
  7803. /**
  7804.  * 添加MD/复制/翻译按钮
  7805.  */
  7806. async function addConversionButton() {
  7807.     // TODO 7
  7808.     let promises = []; // 用于收集所有的 Promise
  7809.  
  7810.     // 基本添加
  7811.     if (!OJBetter.typeOfPage.is_homepage) {
  7812.         $('section').each((i, e) => {
  7813.             let id = "_" + OJB_getRandomNumber(8);
  7814.             let panel = addButtonPanel(e, id, "this_level");
  7815.             promises.push(addButtonWithHTML2MD(panel.viewButton, e, id, "this_level"));
  7816.             promises.push(addButtonWithCopy(panel.copyButton, e, id, "this_level"));
  7817.             promises.push(addButtonWithTranslation(panel.translateButton, e, id, "this_level"));
  7818.         });
  7819.     }
  7820.  
  7821.     // 添加按钮到题解部分
  7822.     if (OJBetter.typeOfPage.isEditorial) {
  7823.         let contestNavTabs = $("#contest-nav-tabs");
  7824.         let nextElement = contestNavTabs.next();
  7825.         let id = "_editorial_1_" + OJB_getRandomNumber(8);
  7826.         let panel = addButtonPanel(nextElement, id, "this_level");
  7827.         panel.panel.css('width', '100%'); // 加个样式，不然不显示
  7828.         promises.push(addButtonWithHTML2MD(panel.viewButton, nextElement, id, "this_level"));
  7829.         promises.push(addButtonWithCopy(panel.copyButton, nextElement, id, "this_level"));
  7830.         promises.push(addButtonWithTranslation(panel.translateButton, nextElement, id, "this_level"));
  7831.     }
  7832.  
  7833.     // 添加按钮到折叠块部分
  7834.     $('details').each((i, e) => {
  7835.         // 自定义测试样例折叠块不添加
  7836.         if ($(e).attr('id') !== "customTestBlock") {
  7837.             let id = "_details_" + OJB_getRandomNumber(8);
  7838.             let panel = addButtonPanel(e, id, "child_level");
  7839.             promises.push(addButtonWithHTML2MD(panel.viewButton, e, id, "child_level"));
  7840.             promises.push(addButtonWithCopy(panel.copyButton, e, id, "child_level"));
  7841.             promises.push(addButtonWithTranslation(panel.translateButton, e, id, "child_level"));
  7842.         }
  7843.     });
  7844.  
  7845.     // 添加到contest-statement部分
  7846.     $('#contest-statement').each((i, e) => {
  7847.         let id = "_contest-statement_" + OJB_getRandomNumber(8);
  7848.         let panel = addButtonPanel(e, id, "this_level");
  7849.         promises.push(addButtonWithHTML2MD(panel.viewButton, e, id, "this_level"));
  7850.         promises.push(addButtonWithCopy(panel.copyButton, e, id, "this_level"));
  7851.         promises.push(addButtonWithTranslation(panel.translateButton, e, id, "this_level"));
  7852.     });
  7853.  
  7854.     // 添加到blog-post部分
  7855.     $('.blog-post').each((i, e) => {
  7856.         let id = "_blog-post_" + OJB_getRandomNumber(8);
  7857.         let panel = addButtonPanel(e, id, "this_level");
  7858.         promises.push(addButtonWithHTML2MD(panel.viewButton, e, id, "this_level"));
  7859.         promises.push(addButtonWithCopy(panel.copyButton, e, id, "this_level"));
  7860.         promises.push(addButtonWithTranslation(panel.translateButton, e, id, "this_level"));
  7861.     });
  7862.  
  7863.     return Promise.all(promises).catch(error => {
  7864.         console.error("One or more of the Add Button operations failed: ", error);
  7865.     });
  7866. };
  7867.  
  7868. /**
  7869.  * 等待LaTeX渲染队列全部完成
  7870.  * @returns {Promise} 完成渲染
  7871.  */
  7872. function waitForMathJaxIdle() {
  7873.     return true;
  7874.     // return new Promise((resolve, reject) => {
  7875.     //     // 检查MathJax对象是否存在
  7876.     //     const checkMathJaxExists = () => {
  7877.     //         if (typeof MathJax === 'undefined') {
  7878.     //             // 如果MathJax不存在，稍后再次检查
  7879.     //             OJB_delay(100).then(checkMathJaxExists);
  7880.     //         } else {
  7881.     //             // MathJax存在，开始监视渲染队列
  7882.     //             startMonitoringQueue();
  7883.     //         }
  7884.     //     };
  7885.  
  7886.     //     // 开始监视MathJax渲染队列
  7887.     //     const startMonitoringQueue = () => {
  7888.     //         const intervalId = setInterval(() => {
  7889.     //             const queue = MathJax.Hub.queue;
  7890.     //             if (queue.pending === 0 && queue.running === 0) {
  7891.     //                 clearInterval(intervalId);
  7892.     //                 resolve();
  7893.     //             }
  7894.     //         }, 100);
  7895.     //     };
  7896.  
  7897.     //     // 开始检查MathJax对象
  7898.     //     checkMathJaxExists();
  7899.     // });
  7900. }
  7901.  
  7902. /**
  7903.  * 翻译结果面板
  7904.  */
  7905. class TranslateDiv {
  7906.     /**
  7907.      * 构造函数
  7908.      * @param {string} id 指定翻译框的id
  7909.      */
  7910.     constructor(id) {
  7911.         this.id = id;
  7912.         this.div = $('<div>').attr('id', id).addClass('translateDiv bounce-in');
  7913.         if (!OJBetter.typeOfPage.is_completeProblemset) {
  7914.             this.div.addClass('input-output-copier');
  7915.         }
  7916.         this.panelDiv = $('<div>').addClass('translate-problem-statement-panel');
  7917.         this.div.append(this.panelDiv);
  7918.  
  7919.         // 主要信息
  7920.         this.mainDiv = $('<div>').addClass('translate-problem-statement');
  7921.         this.span = $('<span>');
  7922.         this.mainDiv.append(this.span);
  7923.         this.div.append(this.mainDiv);
  7924.         this.mainDivState = {
  7925.             current: 'transHTML',
  7926.             transHTML: '',
  7927.             rawDataHTML: ''
  7928.         };
  7929.  
  7930.         // 顶栏信息
  7931.         this.topText = $('<div>').addClass('topText');
  7932.         this.panelDiv.append(this.topText);
  7933.  
  7934.         // 右侧
  7935.         this.rightDiv = $('<div>').css('display', 'flex');
  7936.         this.panelDiv.append(this.rightDiv);
  7937.         this.debugButton = OJB_safeCreateJQElement(`
  7938.         <button class='ojb_btn ojb_btn_popover top'>
  7939.             <i class="iconfont">&#xe641;</i>
  7940.             <span class="popover_content">${i18next.t('rawData.normal', { ns: 'button' })}</span>
  7941.         </button>`).hide();
  7942.         this.rightDiv.append(this.debugButton);
  7943.         this.queryBalanceButton = OJB_safeCreateJQElement(`
  7944.         <button class='ojb_btn ojb_btn_popover top'>
  7945.             <i class="iconfont">&#xe6ae;</i>
  7946.             <span class="popover_content">${i18next.t('queryBalance.normal', { ns: 'button' })}</span>
  7947.         </button>`).hide();
  7948.         this.rightDiv.append(this.queryBalanceButton);
  7949.         this.copyButton = OJB_safeCreateJQElement(`
  7950.         <button class='ojb_btn ojb_btn_popover top'>
  7951.             <i class="iconfont">&#xe608;</i>
  7952.             <span class="popover_content">${i18next.t('copy.normal', { ns: 'button' })}</span>
  7953.         </button>`);
  7954.         this.rightDiv.append(this.copyButton);
  7955.         this.upButton = OJB_safeCreateJQElement(`
  7956.         <button class='ojb_btn ojb_btn_popover top'>
  7957.             <i class="iconfont">&#xe601;</i>
  7958.             <span class="popover_content">${i18next.t('fold.normal', { ns: 'button' })}</span>
  7959.         </button>`);
  7960.         this.rightDiv.append(this.upButton);
  7961.         this.closeButton = OJB_safeCreateJQElement(`
  7962.         <button class='ojb_btn ojb_btn_popover top'>
  7963.             <i class="iconfont">&#xe614;</i>
  7964.             <span class="popover_content">${i18next.t('close.normal', { ns: 'button' })}</span>
  7965.         </button>`);
  7966.         this.rightDiv.append(this.closeButton);
  7967.     }
  7968.  
  7969.     /**
  7970.      * 获取翻译框
  7971.      * @returns {JQuery<HTMLElement>} 返回翻译框
  7972.      */
  7973.     getDiv() {
  7974.         return this.div;
  7975.     }
  7976.  
  7977.     /**
  7978.      * 设置翻译框顶部的文本
  7979.      * @param {string} text 翻译框顶部的文本
  7980.      */
  7981.     setTopText(text) {
  7982.         this.div.attr("data-topText", text);
  7983.         this.topText.text(text);
  7984.     }
  7985.  
  7986.     /**
  7987.      * 获取翻译框顶部的文本
  7988.      * @returns {string} 返回翻译框顶部的文本
  7989.      */
  7990.     getTopText() {
  7991.         return this.topText.text();
  7992.     }
  7993.  
  7994.     /**
  7995.      * 渲染一个元素内的LaTeX公式
  7996.      * @param {*} element 
  7997.      */
  7998.     renderLaTeX(element) {
  7999.         const latexRenderOptions = {
  8000.             delimiters: [
  8001.                 { left: "$$", right: "$$", display: true },
  8002.                 { left: "\$$", right: "\\$$", display: true },
  8003.                 { left: "$", right: "$", display: false },
  8004.                 { left: "\$$", right: "\\$$", display: false }
  8005.             ]
  8006.         };
  8007.  
  8008.         if (typeof renderMathInElement === 'function') {
  8009.             renderMathInElement(element, latexRenderOptions);
  8010.         }
  8011.     }
  8012.  
  8013.     /**
  8014.      * 更新翻译框内容
  8015.      * @param {string} text 文本内容
  8016.      * @param {boolean} is_escapeHTML 是否转义HTML标签，为true则HTML标签将作为普通文本处理，默认为true
  8017.      * @param {boolean} is_renderLaTeX 是否渲染LaTeX，为true则会渲染LaTeX，默认为true
  8018.      */
  8019.     updateTranslateDiv(text, is_escapeHTML = true, is_renderLaTeX = true,) {
  8020.         // 渲染MarkDown
  8021.         let md = window.markdownit({
  8022.             html: !is_escapeHTML,
  8023.         });
  8024.         if (!text) text = "";
  8025.         let html = md.render(text);
  8026.         this.mainDiv.html(html);
  8027.  
  8028.         // 渲染Latex
  8029.         if (is_renderLaTeX) {
  8030.             // MathJax.Hub.Queue(["Typeset", MathJax.Hub, this.mainDiv.get(0)]);
  8031.             this.renderLaTeX(this.mainDiv.get(0));
  8032.         }
  8033.         // 渲染代码块中的公式 (AtCoder)
  8034.         this.mainDiv.find('pre code').each((index, element) => {
  8035.             const codeText = $(element).text();
  8036.             const latexPattern = /\$\$([^]*?)\$\$|\$(\\\$|[^\$])*?\$/;
  8037.             if (latexPattern.test(codeText)) {
  8038.                 this.renderLaTeX(element);
  8039.             }
  8040.         });
  8041.     }
  8042.  
  8043.     /**
  8044.      * 关闭元素
  8045.      */
  8046.     close() {
  8047.         this.closeButton.click();
  8048.     }
  8049.  
  8050.     /**
  8051.      * 收起元素
  8052.      */
  8053.     fold() {
  8054.         if (!this.upButton.hasClass("reverse")) {
  8055.             this.upButton.click();
  8056.         }
  8057.     }
  8058.  
  8059.     /**
  8060.      * 注册收起按钮事件
  8061.      */
  8062.     registerUpButtonEvent() {
  8063.         this.upButton.on("click", () => {
  8064.             // 如果没有reverse类，说明是展开状态
  8065.             if (!this.upButton.hasClass("reverse")) {
  8066.                 // 执行收起操作
  8067.                 this.upButton.addClass("reverse");
  8068.                 this.upButton.setButtonState('initial', i18next.t('fold.unfold', { ns: 'button' }));
  8069.                 OJB_toggleCollapseExpand(this.mainDiv.get(0));
  8070.             } else {
  8071.                 // 执行展开操作
  8072.                 this.upButton.removeClass("reverse");
  8073.                 this.upButton.setButtonState('initial', i18next.t('fold.normal', { ns: 'button' }));
  8074.                 OJB_toggleCollapseExpand(this.mainDiv.get(0));
  8075.             }
  8076.         });
  8077.     }
  8078.  
  8079.     /**
  8080.      * 注册关闭按钮事件
  8081.      */
  8082.     registerCloseButtonEvent() {
  8083.         this.closeButton.on("click", () => {
  8084.             $(this.div).remove();
  8085.             $(this.panelDiv).remove();
  8086.             if (OJBetter.typeOfPage.is_problem && OJBetter.translation.memory.enabled) {
  8087.                 OJBetter.translation.memory.ttTree.rmTransResultMap(this.id); // 移除ttTree中的数据
  8088.                 OJBetter.translation.memory.ttTree.refreshNode("#task-statement");
  8089.                 updateTransDBData(OJBetter.translation.memory.ttTree.getNodeData(), OJBetter.translation.memory.ttTree.getTransResultMap()); // 更新DB中的数据
  8090.             }
  8091.         });
  8092.     }
  8093.  
  8094.     /**
  8095.      * 注册复制按钮事件
  8096.      * @param {string} text 复制的文本
  8097.      */
  8098.     registerCopyButtonEvent(text) {
  8099.         this.copyButton.on("click", () => {
  8100.             GM_setClipboard(text);
  8101.             this.copyButton.setButtonState('success', i18next.t('copy.copied', { ns: 'button' }));
  8102.             // 复制提示
  8103.             setTimeout(() => {
  8104.                 this.copyButton.setButtonState('initial', i18next.t('copy.normal', { ns: 'button' }));
  8105.             }, 2000);
  8106.         });
  8107.     }
  8108.  
  8109.     /**
  8110.      * 禁用复制按钮
  8111.      */
  8112.     disableCopyButton() {
  8113.         this.copyButton.css({ 'fill': '#ccc' });
  8114.         this.copyButton.off("click");
  8115.     }
  8116.  
  8117.     /**
  8118.      * 设置面板为error状态
  8119.      */
  8120.     setError() {
  8121.         this.div.addClass('error');
  8122.         this.panelDiv.addClass('error');
  8123.         this.mainDiv.addClass('error');
  8124.     }
  8125.  
  8126.     /**
  8127.      * 设置原始数据数据
  8128.      * @param {Object} Object 原始数据
  8129.      */
  8130.     setRawData(Object) {
  8131.         this.mainDivState.rawDataHTML = $("<pre>").text(JSON.stringify(Object, null, 4)).get(0);
  8132.         if (this.mainDivState.current === 'rawDataHTML') {
  8133.             this.renderMainDiv();
  8134.         }
  8135.     }
  8136.  
  8137.     /**
  8138.      * 切换结果面板与原始数据面板
  8139.      */
  8140.     switchMainDiv() {
  8141.         // 在切换之前，保存当前内容的状态
  8142.         this.mainDivState[this.mainDivState.current] = this.mainDiv.html();
  8143.         // 切换当前状态
  8144.         this.debugButton.setButtonState(this.mainDivState.current === 'transHTML' ? 'enabled' : 'initial');
  8145.         this.mainDivState.current = this.mainDivState.current === 'transHTML' ? 'rawDataHTML' : 'transHTML';
  8146.         // 渲染新的当前状态
  8147.         this.renderMainDiv();
  8148.     }
  8149.  
  8150.     // 渲染当前内容到 mainDiv
  8151.     renderMainDiv() {
  8152.         requestAnimationFrame(() => {
  8153.             this.mainDiv.html(this.mainDivState[this.mainDivState.current]);
  8154.         });
  8155.     }
  8156.  
  8157.     /**
  8158.      * 注册debug按钮事件
  8159.      */
  8160.     registerDebugButtonEvent() {
  8161.         this.debugButton.on("click", () => {
  8162.             this.switchMainDiv();
  8163.         });
  8164.     }
  8165.  
  8166.     /**
  8167.      * 显示debug按钮
  8168.      */
  8169.     showDebugButton() {
  8170.         this.debugButton.show();
  8171.         this.registerDebugButtonEvent();
  8172.     }
  8173.  
  8174.     /**
  8175.      * 注册查询余额按钮事件
  8176.      * @param {function} callback 查询回调函数
  8177.      */
  8178.     registerQueryBalanceButtonEvent(callback) {
  8179.         this.queryBalanceButton.on("click", async () => {
  8180.             this.queryBalanceButton.setButtonState('loading', i18next.t('queryBalance.loading', { ns: 'button' }));
  8181.             try {
  8182.                 const balance = await callback();
  8183.                 this.queryBalanceButton.setButtonState('success', `${i18next.t('queryBalance.success', { ns: 'button' })} ${balance}`);
  8184.             } catch (error) {
  8185.                 this.queryBalanceButton.setButtonState('error', `${i18next.t('queryBalance.error', { ns: 'button' })} ${error.message}`);
  8186.             }
  8187.         });
  8188.     }
  8189.  
  8190.     /**
  8191.      * 显示余额查询按钮
  8192.      * @param {string} server 服务名称
  8193.      */
  8194.     showQueryBalanceButton(server) {
  8195.         if (server == 'deepl') {
  8196.             const quotaConfig = OJBetter.deepl.config.quota;
  8197.             if (quotaConfig.url && quotaConfig.surplus && quotaConfig.header) {
  8198.                 this.queryBalanceButton.show();
  8199.                 this.registerQueryBalanceButtonEvent(() => {
  8200.                     return queryServerBalance(OJBetter.deepl.config.quota);
  8201.                 });
  8202.             }
  8203.         } else if (server == 'openai') {
  8204.             const quotaConfig = OJBetter.chatgpt.config.quota;
  8205.             if (quotaConfig.url && quotaConfig.surplus && quotaConfig.header) {
  8206.                 this.queryBalanceButton.show();
  8207.                 this.registerQueryBalanceButtonEvent(() => {
  8208.                     return queryServerBalance(OJBetter.chatgpt.config.quota);
  8209.                 });
  8210.             }
  8211.         }
  8212.     }
  8213. }
  8214.  
  8215. // 元素关系树
  8216. class ElementsTree {
  8217.     constructor(elements) {
  8218.         this.node = [];
  8219.         this.transResultMap = {};
  8220.         this.index = 0;
  8221.         // this.tagNames = ["DIV", "P", "UL", "LI"]
  8222.         this.tagNames = ["DIV", "P", "UL", "LI", "SECTION", "SPAN"]
  8223.         this.init($(elements));
  8224.     }
  8225.  
  8226.     // Iterate through all elements, because there may be multiple ttypography
  8227.     init(elements) {
  8228.         elements.each((i, e) => {
  8229.             this.node.push({}); // add one element
  8230.             this.index = 0; // reset index
  8231.             this.create(i, $(e));
  8232.         });
  8233.     }
  8234.  
  8235.     // 刷新关系树
  8236.     refreshNode(elements) {
  8237.         this.node = [];
  8238.         this.index = 0;
  8239.         this.init($(elements));
  8240.     }
  8241.  
  8242.     // 创建节点间的关系树
  8243.     create(i_, element) {
  8244.         var prev = null;
  8245.         var node = this.node[i_];
  8246.         element.children().each((i, e) => {
  8247.             // only add element with tagNames
  8248.             if (this.tagNames.includes($(e).prop("tagName"))) {
  8249.                 prev = this.addNode(i_, prev, e);
  8250.             }
  8251.             // recursively child element
  8252.             if ($(e).children().length > 0 && prev !== null) {
  8253.                 node[prev].firstChild = this.index;
  8254.                 this.create(i_, $(e));
  8255.             }
  8256.         });
  8257.     }
  8258.  
  8259.     // 向树中添加一个节点
  8260.     addNode(i_, prev, e) {
  8261.         let node = this.node[i_];
  8262.         node[this.index] = {
  8263.             prev: prev,
  8264.             next: null,
  8265.             firstChild: null,
  8266.             type: $(e).prop("tagName"),
  8267.             isTranslateDiv: $(e).hasClass("translateDiv"),
  8268.             topText: $(e).attr("data-topText"),
  8269.             id: $(e).attr("id"),
  8270.         };
  8271.  
  8272.         if (prev !== null) {
  8273.             node[prev].next = this.index;
  8274.         }
  8275.  
  8276.         prev = this.index;
  8277.  
  8278.         this.index++;
  8279.         return prev;
  8280.     }
  8281.  
  8282.     getNodeData() {
  8283.         return this.node;
  8284.     }
  8285.  
  8286.     setNodeData(node) {
  8287.         this.node = node;
  8288.     }
  8289.  
  8290.     getTransResultMap() {
  8291.         return this.transResultMap;
  8292.     }
  8293.  
  8294.     setTransResultMap(transResultMap) {
  8295.         this.transResultMap = transResultMap;
  8296.     }
  8297.  
  8298.     rmTransResultMap(id) {
  8299.         delete this.transResultMap[id];
  8300.     }
  8301.  
  8302.     addTransResultMap(id, text) {
  8303.         this.transResultMap[id] = text;
  8304.     }
  8305.  
  8306.     getTranslateDivNum(ttTree) {
  8307.         var num = 0;
  8308.         for (var i in ttTree) {
  8309.             if (ttTree[i].isTranslateDiv) {
  8310.                 num++;
  8311.             }
  8312.         }
  8313.         return num;
  8314.     }
  8315.  
  8316.     // 恢复目标元素中的translateDiv
  8317.     recover(elements) {
  8318.         elements.each((i, e) => {
  8319.             var ttTreeNode = this.node[i];
  8320.             var missingTranslateDivs = this.getTranslateDivNum(ttTreeNode);
  8321.             if (missingTranslateDivs > 0) {
  8322.                 this.recoverOneElement($(e), ttTreeNode);
  8323.             }
  8324.         });
  8325.     }
  8326.  
  8327.     recoverOneElement(element, ttTreeNode) {
  8328.         this.recoverOneFork(element.children().eq(0), ttTreeNode, 0);
  8329.     }
  8330.  
  8331.     // 恢复一个分支
  8332.     recoverOneFork(pElement, ttTreeNode, index) {
  8333.         do {
  8334.             // only recover element with tagNames
  8335.             if (!this.tagNames.includes(pElement.prop("tagName"))) {
  8336.                 if (pElement.next().length > 0) {
  8337.                     pElement = pElement.next();
  8338.                 } else {
  8339.                     return;
  8340.                 }
  8341.             }
  8342.             if (!ttTreeNode[index] || pElement.prop("tagName") !== ttTreeNode[index].type) {
  8343.                 // console.warn(`元素不存在或类型不同, 元素结构可能已经发生了变化: \nindex: ${index}`, pElement);
  8344.                 return;
  8345.             } else {
  8346.                 // recursively child element
  8347.                 var node = ttTreeNode[index];
  8348.                 if (node.firstChild !== null) {
  8349.                     this.recoverOneFork(
  8350.                         pElement.children().eq(0),
  8351.                         ttTreeNode,
  8352.                         node.firstChild
  8353.                     );
  8354.                 }
  8355.                 // check if next node is translateDiv
  8356.                 if (node.next !== null) {
  8357.                     index = node.next;
  8358.  
  8359.                     var ne_node = ttTreeNode[index];
  8360.                     if (ne_node.isTranslateDiv) {
  8361.                         var id = ne_node.id;
  8362.                         var topText = ne_node.topText;
  8363.                         var text = this.transResultMap[id];
  8364.                         // create element after pElement
  8365.                         this.reCreateTransDiv(pElement, id, text, topText, node.isTranslateDiv); // 如果前面一个也是翻译结果，则该结果折叠
  8366.                     }
  8367.                     pElement = pElement.next(); // go to next element
  8368.                 }
  8369.             }
  8370.         } while (node.next !== null);
  8371.     }
  8372.  
  8373.     /**
  8374.      * 重新创建translateDiv
  8375.      * @param {*} pElement 
  8376.      * @param {*} id 
  8377.      * @param {*} translatedText 
  8378.      * @param {*} topText 
  8379.      * @param {Boolean} isFold 是否折叠
  8380.      */
  8381.     reCreateTransDiv(pElement, id, translatedText, topText, isFold) {
  8382.         const translateDiv = new TranslateDiv(id);
  8383.         pElement.after(translateDiv.getDiv());
  8384.         translateDiv.setTopText(topText);
  8385.         translateDiv.registerUpButtonEvent();
  8386.         translateDiv.registerCloseButtonEvent();
  8387.         if (!OJBetter.typeOfPage.is_oldLatex && !OJBetter.typeOfPage.is_acmsguru) {
  8388.             translateDiv.registerCopyButtonEvent(translatedText);
  8389.         } else {
  8390.             translateDiv.disableCopyButton();
  8391.         }
  8392.         translateDiv.updateTranslateDiv(translatedText, !(OJBetter.typeOfPage.is_oldLatex || OJBetter.typeOfPage.is_acmsguru));
  8393.         // 标记已翻译并添加到翻译按钮的结果栈中
  8394.         let transButton = pElement.prev('.html2md-panel').find('.translateButton');
  8395.         if (transButton.length == 0) {
  8396.             // 如果没有找到，则应该是得在父元素中找到
  8397.             transButton = pElement.parent().prev('.html2md-panel').find('.translateButton');
  8398.         }
  8399.         if (isFold) translateDiv.fold(); // 是否折叠该翻译
  8400.         transButton.pushResultToTransButton({
  8401.             translateDiv: translateDiv,
  8402.             status: 0
  8403.         });
  8404.         transButton.setTransButtonState('success');
  8405.     }
  8406. }
  8407.  
  8408. // 更新TransDB中的翻译数据
  8409. async function updateTransDBData(nodeDate, transResultMap) {
  8410.     var url = window.location.href.replace(/#/, "");
  8411.     try {
  8412.         await OJBetter.common.database.translateData.put({ url, transResultMap, nodeDate });
  8413.         return 'translateData saved successfully';
  8414.     } catch (error) {
  8415.         throw new Error(`Failed to save translateData: ${error}`);
  8416.     }
  8417. }
  8418.  
  8419. // 获取TransDB中保存的翻译数据
  8420. async function getTransDBData() {
  8421.     var url = window.location.href.replace(/#/, "");
  8422.     try {
  8423.         const result = await OJBetter.common.database.translateData.get(url);
  8424.         return result;
  8425.     } catch (error) {
  8426.         throw new Error(`Failed to get translateData: ${error}`);
  8427.     }
  8428. }
  8429.  
  8430. /**
  8431.  * 翻译结果恢复功能初始化
  8432.  * @returns 
  8433.  */
  8434. async function initTransResultsRecover() {
  8435.     OJBetter.translation.memory.ttTree = new ElementsTree("#task-statement"); // 初始化当前页面#task-statement元素的结构树
  8436.     let result = await getTransDBData();
  8437.     if (!result) return;
  8438.     OJBetter.translation.memory.ttTree.setNodeData(result.nodeDate);
  8439.     OJBetter.translation.memory.ttTree.setTransResultMap(result.transResultMap);
  8440.     OJBetter.translation.memory.ttTree.recover($("#task-statement"));
  8441. }
  8442.  
  8443. /**
  8444.  * 自动翻译
  8445.  */
  8446. async function initTransWhenViewable() {
  8447.     await waitForMathJaxIdle();
  8448.  
  8449.     // const elements = $('.ttypography, .comments').find('.translateButton');
  8450.     const elements = $('#task-statement').find('.translateButton');
  8451.     const observers = [];
  8452.  
  8453.     // Use a single Intersection Observer for all elements
  8454.     const observer = new IntersectionObserver((entries, obs) => {
  8455.         entries.forEach((entry) => {
  8456.             if (entry.isIntersecting) {
  8457.                 const button = $(entry.target);
  8458.                 const state = button.getButtonState();
  8459.                 const notAutoTranslate = button.getNotAutoTranslate();
  8460.                 // Check if the button meets the criteria
  8461.                 if (state === 'normal' && !notAutoTranslate) {
  8462.                     let trans = OJBetter.translation.choice;
  8463.  
  8464.                     if (OJBetter.translation.auto.mixTrans.enabled && button.IsCommentButton() && OJBetter.translation.auto.mixTrans.servers.length > 0) {
  8465.                         const randomIndex = Math.floor(Math.random() * OJBetter.translation.auto.mixTrans.servers.length);
  8466.                         trans = OJBetter.translation.auto.mixTrans.servers[randomIndex];
  8467.                     }
  8468.                     button.data("translatedItBy")(trans);
  8469.                 }
  8470.  
  8471.                 // Stop observing the element
  8472.                 obs.unobserve(entry.target);
  8473.             }
  8474.         });
  8475.     });
  8476.  
  8477.     // Observe each element
  8478.     elements.each((i, e) => {
  8479.         observer.observe(e);
  8480.     });
  8481.  
  8482.     // Store the observer in case you need to disconnect it later
  8483.     observers.push(observer);
  8484. }
  8485.  
  8486. /** 
  8487.  * 翻译返回结果结构体
  8488.  * @typedef {Object} TranslateResult
  8489.  * @property {string} status 翻译状态
  8490.  * @property {TranslateDiv} translateDiv 翻译结果面板
  8491.  * @property {TransRawData} rawData 原始翻译数据
  8492.  */
  8493.  
  8494. /**
  8495.  * 翻译主方法
  8496.  * @param {string} text 待翻译文本
  8497.  * @param {HTMLElement} element_node 元素节点
  8498.  * @param {Boolean} is_comment 是否为评论区文本
  8499.  * @param {string} overrideTrans 覆盖全局翻译服务设定
  8500.  * @returns {TranslateResult} 翻译结果对象
  8501.  */
  8502. async function translateProblemStatement(text, element_node, is_comment, overrideTrans) {
  8503.     /** @type {number} 翻译结果的ID*/
  8504.     const id = OJB_getRandomNumber(8);
  8505.     /** @type {TextBlockReplacer} 文本块替换/恢复实例*/
  8506.     const textBlockReplacer = new TextBlockReplacer();
  8507.     /** @type {string} 翻译结果文本*/
  8508.     let translatedText = "";
  8509.  
  8510.     /** @type {string} 当前实际应用的翻译服务 */
  8511.     const realTransServer = overrideTrans ||
  8512.         (is_comment && OJBetter.translation.comment.choice != "0" ?
  8513.             OJBetter.translation.comment.choice :
  8514.             OJBetter.translation.choice);
  8515.  
  8516.     /** @type {TranslateResult} 翻译结果对象 */
  8517.     const translateResult = {
  8518.         status: "ok",
  8519.         rawData: {
  8520.             done: false
  8521.         }
  8522.     }
  8523.  
  8524.     /**
  8525.      * LaTeX替换
  8526.      * @param {string} text 待翻译文本
  8527.      * @returns {string} 处理后的文本
  8528.      */
  8529.     const replaceLatex = function (text) {
  8530.         if (OJBetter.typeOfPage.is_oldLatex) {
  8531.             const regex = /<span\s+class="tex-span">.*?<\/span>/gi;
  8532.             text = textBlockReplacer.replace(text, regex);
  8533.             text = text.replace(/<p>(.*?)<\/p>/g, "$1\n\n"); // <p/>标签换为换行
  8534.         } else if (OJBetter.typeOfPage.is_acmsguru) {
  8535.             const regex = /<i>.*?<\/i>|<sub>.*?<\/sub>|<sup>.*?<\/sup>|<pre>.*?<\/pre>/gi;
  8536.             text = textBlockReplacer.replace(text, regex);
  8537.         } else if (realTransServer != "openai") {
  8538.             // 使用GPT翻译时不必替换latex公式
  8539.             const regex = /\$\$([^]*?)\$\$|\$(\\\$|[^\$])*?\$/g;
  8540.             text = textBlockReplacer.replace(text, regex);
  8541.  
  8542.             // 替换行间代码块```
  8543.             const regex2 = /```[\s\S]*?```/g;
  8544.             text = textBlockReplacer.replace(text, regex2);
  8545.         }
  8546.         return text;
  8547.     }
  8548.  
  8549.     /**
  8550.      * LaTeX恢复
  8551.      * @param {string} text 已翻译的文本
  8552.      * @returns {string} 恢复后的文本
  8553.      */
  8554.     const recoverLatex = function (text) {
  8555.         // 两个公式之间加个空格，防止有些LaTeX解析器解析错误
  8556.         let resultText = text
  8557.             .replace(/】【/g, '】 【')
  8558.             .replace(/\]\[/g, '] [')
  8559.             .replace(/\}\{/g, '} {');
  8560.  
  8561.         if (OJBetter.typeOfPage.is_oldLatex) {
  8562.             resultText = resultText.replace(/(.+?)(\n\n|$)/g, "<p>$1</p>"); // 换行符还原为<p/>标签
  8563.             resultText = textBlockReplacer.recover(resultText);
  8564.         } else if (OJBetter.typeOfPage.is_acmsguru) {
  8565.             resultText = textBlockReplacer.recover(resultText);
  8566.         } else if (realTransServer != "openai") {
  8567.             resultText = textBlockReplacer.recover(resultText);
  8568.         }
  8569.         return resultText;
  8570.     }
  8571.  
  8572.     /**
  8573.      * 格式化翻译结果
  8574.      * @param {string} text 
  8575.      * @returns {string} 处理后的翻译结果
  8576.      */
  8577.     const formatText = function (text) {
  8578.         // 转义LaTex中的特殊符号
  8579.         if (!OJBetter.typeOfPage.is_oldLatex && !OJBetter.typeOfPage.is_acmsguru) {
  8580.  
  8581.             // 先替换掉行间代码块
  8582.             const replacer = new TextBlockReplacer();
  8583.             text = replacer.replace(text, /```[\s\S]*?```/g);
  8584.  
  8585.             // 处理LaTeX公式
  8586.             const escapeRules = [
  8587.                 { pattern: /(?<!\\)>(?!\s)/g, replacement: " &gt; " }, // >符号
  8588.                 { pattern: /(?<!\\)</g, replacement: " &lt; " }, // <符号
  8589.                 { pattern: /(?<!\\)\*/g, replacement: " &#42; " }, // *符号
  8590.                 { pattern: /(?<!\\)_/g, replacement: " &#95; " }, // _符号
  8591.                 { pattern: /(?<!\\)\\\\(?=\s)/g, replacement: "\\\\\\\\" }, // \\符号
  8592.                 { pattern: /(?<!\\)\\(?![\\a-zA-Z0-9])/g, replacement: "\\\\" }, // \符号
  8593.             ];
  8594.  
  8595.             let latexMatches = [...text.matchAll(/\$\$([\s\S]*?)\$\$|\$(.*?)\$|\$([\s\S]*?)\$/g)];
  8596.             for (const match of latexMatches) {
  8597.                 const matchedText = match[0];
  8598.                 let escapedText = matchedText;
  8599.  
  8600.                 for (const rule of escapeRules) {
  8601.                     escapedText = escapedText.replaceAll(rule.pattern, rule.replacement);
  8602.                 }
  8603.                 escapedText = escapedText.replace(/\$\$/g, "$$$$$$$$");// $$符号（因为后面需要作为replacement，双倍消耗）
  8604.                 text = text.replace(matchedText, escapedText);
  8605.             }
  8606.  
  8607.             // 恢复行间代码块
  8608.             text = replacer.recover(text);
  8609.         }
  8610.  
  8611.         // // 使符合mathjx的转换语法
  8612.         // const mathjaxRuleMap = [
  8613.         //     { pattern: /\$/g, replacement: "$$$$$$" }, // $$ 行间
  8614.         // ];
  8615.         // mathjaxRuleMap.forEach(({ pattern, replacement }) => {
  8616.         //     text = text.replace(pattern, replacement);
  8617.         // });
  8618.  
  8619.         // markdown修正
  8620.         const mdRuleMap = [
  8621.             { pattern: /(\s_[\u4e00-\u9fa5]+_)([\u4e00-\u9fa5]+)/g, replacement: "$1 $2" }, // 斜体
  8622.             { pattern: /(_[\u4e00-\u9fa5]+_\s)([\u4e00-\u9fa5]+)/g, replacement: " $1$2" },
  8623.             { pattern: /(_[\u4e00-\u9fa5]+_)([\u4e00-\u9fa5]+)/g, replacement: " $1 $2" },
  8624.             { pattern: /（([\s\S]*?)）/g, replacement: "($1)" }, // 中文（）
  8625.             // { pattern: /：/g, replacement: ":" }, // 中文：
  8626.             { pattern: /\*\* (.*?) \*\*/g, replacement: "\*\*$1\*\*" } // 加粗
  8627.         ];
  8628.         mdRuleMap.forEach(({ pattern, replacement }) => {
  8629.             text = text.replace(pattern, replacement);
  8630.         });
  8631.  
  8632.         return text;
  8633.     }
  8634.  
  8635.     // 创建翻译结果元素并放在element_node的后面
  8636.     translateResult.translateDiv = new TranslateDiv(id);
  8637.     $(element_node).after(translateResult.translateDiv.getDiv());
  8638.  
  8639.     // 顶栏左侧信息
  8640.     translateResult.translateDiv.setTopText(i18next.t('servers.' + realTransServer, { ns: 'translator' }) +
  8641.         i18next.t('translateDiv.topTextSuffix', { ns: 'translator' }));
  8642.  
  8643.     // 注册按钮
  8644.     translateResult.translateDiv.registerUpButtonEvent();
  8645.     translateResult.translateDiv.registerCloseButtonEvent();
  8646.     if (OJBetter.translation.choice == 'openai' || OJBetter.translation.choice == 'deepl') {
  8647.         translateResult.translateDiv.showQueryBalanceButton(OJBetter.translation.choice); // 显示额度查询
  8648.     }
  8649.  
  8650.     // 翻译内容是否可能为代码片段
  8651.     if (isEmptyText(text)) {
  8652.         const shouldContinue = await OJB_createDialog(
  8653.             i18next.t('isEmptyText.title', { ns: 'dialog' }),
  8654.             i18next.t('isEmptyText.content', { ns: 'dialog' }),
  8655.             [
  8656.                 i18next.t('isEmptyText.buttons.0', { ns: 'dialog' }),
  8657.                 i18next.t('isEmptyText.buttons.1', { ns: 'dialog' })
  8658.             ],
  8659.             true
  8660.         );
  8661.         if (shouldContinue) {
  8662.             translateResult.status = "skip";
  8663.             return translateResult;
  8664.         }
  8665.     }
  8666.  
  8667.     // 替换latex公式
  8668.     text = replaceLatex(text);
  8669.  
  8670.     // 过滤**号
  8671.     if (OJBetter.translation.filterTextWithoutEmphasis && GM_getValue("translation") !== "openai") { // TODO
  8672.         text = text.replace(/\*\*/g, "");
  8673.     }
  8674.  
  8675.     // 字符数上限
  8676.     const translationLimits = {
  8677.         deepl: 5000,
  8678.         iflyrec: 2000,
  8679.         youdao: 5000,
  8680.         google: 5000,
  8681.         caiyun: 5000
  8682.     };
  8683.     if (translationLimits.hasOwnProperty(realTransServer) && text.length > translationLimits[realTransServer]) {
  8684.         let textLength = translationLimits[realTransServer];
  8685.         let realTextLength = text.length;
  8686.         const shouldContinue = await OJB_createDialog(
  8687.             i18next.t('transTextLimits.title', { ns: 'dialog' }),
  8688.             i18next.t('transTextLimits.content', { ns: 'dialog', textLength: textLength, realTextLength: realTextLength }),
  8689.             [
  8690.                 i18next.t('transTextLimits.buttons.0', { ns: 'dialog' }),
  8691.                 i18next.t('transTextLimits.buttons.1', { ns: 'dialog' })
  8692.             ],
  8693.             true
  8694.         ); // 字数超限确认
  8695.         if (shouldContinue) {
  8696.             translateResult.status = "skip";
  8697.             return translateResult;
  8698.         }
  8699.     }
  8700.  
  8701.     /**
  8702.      * 调用各个翻译服务
  8703.      * @param {string} transServer 翻译服务
  8704.      * @returns {TransRawData} 原始翻译数据
  8705.      */
  8706.     async function translate(transServer) {
  8707.         const is_renderLaTeX = !(OJBetter.typeOfPage.is_oldLatex || OJBetter.typeOfPage.is_acmsguru);
  8708.         const servername = i18next.t('servers.' + realTransServer, { ns: 'translator' });
  8709.         /** @type {TransRawData} 原始翻译数据*/
  8710.         let rawData = {};
  8711.         try {
  8712.             if (transServer == "deepl") {
  8713.                 if (OJBetter.deepl.config.type == 'free') {
  8714.                     translateResult.translateDiv.updateTranslateDiv(`${i18next.t('transingTip.basic', { ns: 'translator', server: servername })}`, is_renderLaTeX);
  8715.                     rawData = await translate_deepl(text);
  8716.                 } else if (OJBetter.deepl.config.type == 'api') {
  8717.                     translateResult.translateDiv.updateTranslateDiv(`${i18next.t('transingTip.deeplApi', { ns: 'translator', deepl_configName: OJBetter.deepl.config.name })}`, is_renderLaTeX);
  8718.                     if (OJBetter.deepl.config.apiGenre == 'deeplx') {
  8719.                         rawData = await translate_deeplx(text);
  8720.                     } else {
  8721.                         if (OJBetter.deepl.enableEmphasisProtection) text = convertBoldMarkdownToHTML(text);
  8722.                         if (OJBetter.deepl.enableLinkProtection) text = convertLinksMarkdownToHTML(text);
  8723.                         if (OJBetter.deepl.config.apiGenre == 'api-free') {
  8724.                             rawData = await translate_deepl_api_free(text);
  8725.                         } else if (OJBetter.deepl.config.apiGenre == 'api-pro') {
  8726.                             rawData = await translate_deepl_api_pro(text);
  8727.                         }
  8728.                         if (OJBetter.deepl.enableEmphasisProtection) rawData.text = convertBoldHTMLToMarkdown(rawData.text);
  8729.                         if (OJBetter.deepl.enableLinkProtection) rawData.text = convertLinksHTMLToMarkdown(rawData.text);
  8730.                     }
  8731.                 }
  8732.             } else if (transServer == "iflyrec") {
  8733.                 translateResult.translateDiv.updateTranslateDiv(`${i18next.t('transingTip.basic', { ns: 'translator', server: servername })}`, is_renderLaTeX);
  8734.                 rawData = await translate_iflyrec(text);
  8735.             } else if (transServer == "youdao") {
  8736.                 translateResult.translateDiv.updateTranslateDiv(`${i18next.t('transingTip.basic', { ns: 'translator', server: servername })}`, is_renderLaTeX);
  8737.                 rawData = await translate_youdao_mobile(text);
  8738.             } else if (transServer == "google") {
  8739.                 translateResult.translateDiv.updateTranslateDiv(`${i18next.t('transingTip.basic', { ns: 'translator', server: servername })}`, is_renderLaTeX);
  8740.                 rawData = await translate_gg(text);
  8741.             } else if (transServer == "caiyun") {
  8742.                 translateResult.translateDiv.updateTranslateDiv(`${i18next.t('transingTip.basic', { ns: 'translator', server: servername })}`, is_renderLaTeX);
  8743.                 rawData = await translate_caiyun(text);
  8744.             } else if (transServer == "openai") {
  8745.                 translateResult.translateDiv.updateTranslateDiv(`${i18next.t('transingTip.openai', { ns: 'translator', openai_name: OJBetter.chatgpt.config.name })}${!OJBetter.chatgpt.isStream
  8746.                     ? i18next.t('transingTip.openai_isStream', { ns: 'translator' }) : ""}`,
  8747.                     is_renderLaTeX);
  8748.                 if (OJBetter.chatgpt.isStream) {
  8749.                     // 流式传输
  8750.                     rawData = await translate_openai_stream(text, translateResult.translateDiv);
  8751.                 } else {
  8752.                     // 普通模式
  8753.                     rawData = await translate_openai(text);
  8754.                 }
  8755.             }
  8756.             translatedText = rawData.text;
  8757.             if (!rawData.done) {
  8758.                 translateResult.status = "error";
  8759.             }
  8760.         } catch (e) {
  8761.             translateResult.status = "error";
  8762.             rawData.message = i18next.t('error.unexpected', { ns: 'translator' });
  8763.             console.warn(e);
  8764.         }
  8765.         return rawData;
  8766.     }
  8767.     translateResult.rawData = await translate(realTransServer);
  8768.  
  8769.     if (translateResult.status == "error") {
  8770.         translateResult.translateDiv.updateTranslateDiv(translateResult.rawData.message);
  8771.         return translateResult;
  8772.     }
  8773.  
  8774.     // 还原latex公式
  8775.     translatedText = recoverLatex(translatedText);
  8776.  
  8777.     // 注册结果复制按钮
  8778.     if (!OJBetter.typeOfPage.is_oldLatex && !OJBetter.typeOfPage.is_acmsguru) {
  8779.         translateResult.translateDiv.registerCopyButtonEvent(translatedText);
  8780.     } else {
  8781.         translateResult.translateDiv.disableCopyButton();
  8782.     }
  8783.  
  8784.     // 翻译结果格式化
  8785.     translatedText = formatText(translatedText);
  8786.  
  8787.     // 保存翻译结果
  8788.     if ((OJBetter.typeOfPage.is_problem || OJBetter.typeOfPage.is_completeProblemset) && OJBetter.translation.memory.enabled) {
  8789.         // OJBetter.translation.memory.ttTree.refreshNode(".ttypography"); // 刷新当前页面.ttypography元素的结构树实例
  8790.         OJBetter.translation.memory.ttTree.refreshNode("#task-statement"); // 刷新当前页面.ttypography元素的结构树实例
  8791.         OJBetter.translation.memory.ttTree.addTransResultMap(id, translatedText);
  8792.         updateTransDBData(OJBetter.translation.memory.ttTree.getNodeData(), OJBetter.translation.memory.ttTree.getTransResultMap()); // 更新翻译结果到transDB
  8793.     }
  8794.  
  8795.     // 翻译结果面板更新
  8796.     translateResult.translateDiv.updateTranslateDiv(translatedText, !(OJBetter.typeOfPage.is_oldLatex || OJBetter.typeOfPage.is_acmsguru));
  8797.  
  8798.     return translateResult;
  8799. }
  8800.  
  8801. //弹窗翻译
  8802. function alertZh() {
  8803.     // var _alert = window.alert;
  8804.     // window.alert = async function (msg) {
  8805.     //     _alert(msg + "\n=========翻译=========\n" + await translate_deepl(msg));
  8806.     //     return true;
  8807.     // }
  8808. };
  8809.  
  8810. /**
  8811.  * 折叠块展开
  8812.  */
  8813. function ExpandFoldingblocks() {
  8814.     $('.spoiler').addClass('spoiler-open');
  8815.     $('.spoiler-content').attr('style', '');
  8816. };
  8817.  
  8818. /**
  8819.  * 折叠块渲染优化
  8820.  */
  8821. function RenderPerfOpt() {
  8822.     GM_addStyle(`
  8823.         .spoiler-content {
  8824.             contain: layout style;
  8825.         }
  8826.     `);
  8827. }
  8828.  
  8829. /**
  8830.  * 下拉选择框性能优化
  8831.  */
  8832. async function SelectElementPerfOpt() {
  8833.     // TODO 10
  8834.     // 加载库资源
  8835.     await OJB_LoadJS("https://aowuucdn.oss-accelerate.aliyuncs.com/js/selectpage.min.js", "sha512-HhBheWc9nbTuTG0oVYtY9c3nkJAAiuk899lycOtB8NALvp20CNOjlYdTAYbRy9/0zXnLl0LZpiwhfLZurvK1XQ==");
  8836.     /**
  8837.      * 将一个<select>元素转换为SelectPage控件
  8838.      * @param {HTMLElement|string} selector - 要转换的<select>元素或其选择器
  8839.      */
  8840.     const OJB_transformSelectToSelectPage = (selector) => {
  8841.         const $select = $(selector);
  8842.         if ($select.length === 0 || !$select.is('select')) {
  8843.             console.error('Invalid select element provided.');
  8844.             return;
  8845.         }
  8846.  
  8847.         // 隐藏原生的<select>元素
  8848.         $select.hide();
  8849.  
  8850.         // 创建一个新的<input>元素用于SelectPage控件
  8851.         const $inputForSelectPage = $('<input>', {
  8852.             type: 'text',
  8853.             class: 'selectpage-input',
  8854.             autocomplete: 'off'
  8855.         });
  8856.         $select.after($inputForSelectPage);
  8857.  
  8858.         // 准备SelectPage所需的数据格式
  8859.         const data = $select.find('option').map((_, option) => ({
  8860.             id: option.value,
  8861.             text: option.text
  8862.         })).get();
  8863.  
  8864.         // 初始化SelectPage
  8865.         $inputForSelectPage.selectPage({
  8866.             showField: 'text',
  8867.             keyField: 'id',
  8868.             data,
  8869.             lang: 'en',
  8870.             // 当选中一个选项时，更新隐藏的<select>元素的值
  8871.             eSelect: (data) => {
  8872.                 $select.val(data.id).trigger('change');
  8873.             },
  8874.             // 初始化时根据<select>的当前值设置SelectPage
  8875.             initRecord: $select.val()
  8876.         });
  8877.     };
  8878.  
  8879.     // 遍历页面上的所有select
  8880.     $('select').each((_, select) => {
  8881.         // 选项大于500才优化
  8882.         if ($(select).find('option').length > 500) {
  8883.             OJB_transformSelectToSelectPage(select);
  8884.         }
  8885.     });
  8886. }
  8887.  
  8888. /**
  8889.  * 题目页相关链接栏
  8890.  */
  8891. class ProblemPageLinkbar {
  8892.     constructor() {
  8893.         this.containerElement = this.createToolbar();
  8894.         this.commandInvoker = new CommandInvoker();
  8895.     }
  8896.  
  8897.     /**
  8898.      * 创建工具栏
  8899.      */
  8900.     createToolbar() {
  8901.         // const toolbarElement = $("<div>").attr("id", "problemToolbar").insertBefore($(".problemindexholder"));
  8902.         const toolbarElement = $("<div>").attr("id", "problemToolbar").insertBefore($(".h2"));
  8903.         return new DOMContainer(toolbarElement);
  8904.     }
  8905.  
  8906.     /**
  8907.      * 添加按钮
  8908.      * @param {string} id 按钮id
  8909.      * @param {string} url 按钮链接
  8910.      * @param {string} text 按钮文字
  8911.      * @param {JQueryObject} icon 按钮图标
  8912.      * @param {string} iconHeight 图标高度
  8913.      * @returns {object} 按钮对象
  8914.      */
  8915.     addLinkButton(id, url, text, icon = $('<div>'), iconHeight = "22px") {
  8916.         const linkElement = $("<a>")
  8917.             .attr("href", url)
  8918.             .attr("target", "_blank")
  8919.             .addClass("ojb_btn")
  8920.             .attr("id", id);
  8921.  
  8922.         linkElement.append(icon);
  8923.         icon.css("height", iconHeight);
  8924.  
  8925.         const textSpan = $("<span>").html(text);
  8926.         linkElement.append(textSpan);
  8927.  
  8928.         this.commandInvoker.execute(new AddElementCommand(this.containerElement, linkElement));
  8929.         return {
  8930.             element: linkElement,
  8931.             text: textSpan,
  8932.             icon: icon
  8933.         };
  8934.     }
  8935.  
  8936.     /**
  8937.      * 更新链接
  8938.      * @param {object} button 按钮对象
  8939.      * @param {string} url 按钮链接
  8940.      */
  8941.     updateUrl(button, url) {
  8942.         button.element.attr("href", url);
  8943.     }
  8944.  
  8945.     /**
  8946.      * 更新文字
  8947.      * @param {object} button 按钮对象
  8948.      * @param {string} text 按钮文字
  8949.      */
  8950.     updateText(button, text) {
  8951.         button.text.html(text);
  8952.     }
  8953.  
  8954.     /**
  8955.      * 设置文字为粗体
  8956.      * @param {object} button 按钮对象
  8957.      */
  8958.     setBold(button) {
  8959.         button.text.css("font-weight", "bold");
  8960.     }
  8961.  
  8962.     /**
  8963.      * 更新图标
  8964.      * @param {object} button 按钮对象
  8965.      * @param {JQueryObject} icon 按钮图标
  8966.      * @param {string} iconHeight 图标高度
  8967.      */
  8968.     updateIcon(button, icon, iconHeight = "16px") {
  8969.         button.icon.remove();
  8970.         button.text.prepend(icon);
  8971.         icon.css("height", iconHeight);
  8972.         button.icon = icon;
  8973.     }
  8974.  
  8975.     /**
  8976.      * 添加类
  8977.      * @param {object} button 按钮对象
  8978.      * @param {string} className 类名
  8979.      */
  8980.     addClass(button, className) {
  8981.         button.element.addClass(className);
  8982.     }
  8983.  
  8984.     /**
  8985.      * 禁用链接按钮
  8986.      * @param {object} button 按钮对象
  8987.      */
  8988.     disableButton(button) {
  8989.         button.element.addClass("disabled");
  8990.     }
  8991.  
  8992.     /**
  8993.      * 启用链接按钮
  8994.      * @param {object} button 按钮对象
  8995.      */
  8996.     enableButton(button) {
  8997.         button.element.removeClass("disabled");
  8998.     }
  8999. }
  9000.  
  9001. /**
  9002.  * 获取题目的id
  9003.  * @param {String} url 题目的链接 
  9004.  * @returns 题目的id，形如2000A
  9005.  */
  9006. function getProblemId(url) {
  9007.     const regex = /\/contests\/([A-Za-z\d\-]+)\/tasks\/([A-Za-z\d\_]+)/;
  9008.     const matchResult = url.match(regex);
  9009.     return matchResult && matchResult.length >= 3
  9010.         ? `${matchResult[2]}`
  9011.         : '';
  9012. };
  9013.  
  9014. /**
  9015.  * 跳转到洛谷
  9016.  * @param {ProblemPageLinkbar} problemToolbar 
  9017.  */
  9018. async function CF2luogu(problemToolbar) {
  9019.     const url = window.location.href;
  9020.     const problemId = getProblemId(url);
  9021.     const luoguButton = problemToolbar.addLinkButton(
  9022.         "luoguButton",
  9023.         "https://www.luogu.com.cn/",
  9024.         i18next.t('state.loading', { ns: 'button' }),
  9025.         $("<img>").attr("src", "https://cdn.luogu.com.cn/fe/logo.png")
  9026.     );
  9027.  
  9028.     const checkLinkExistence = async (url) => {
  9029.         return OJB_promiseRetryWrapper(async () => {
  9030.             const response = await OJB_GMRequest({
  9031.                 method: "GET",
  9032.                 url
  9033.             });
  9034.             return !response.responseText.match(/出错了/g);
  9035.         }, {
  9036.             maxRetries: 3,
  9037.             retryInterval: 1000
  9038.         });
  9039.     };
  9040.  
  9041.     const LuoguUrl = `https://www.luogu.com.cn/problem/AT_${problemId}`;
  9042.     try {
  9043.         const result = await checkLinkExistence(LuoguUrl);
  9044.         if (problemId && result) {
  9045.             problemToolbar.updateText(luoguButton, "");
  9046.             problemToolbar.updateUrl(luoguButton, LuoguUrl);
  9047.         } else {
  9048.             problemToolbar.updateText(luoguButton, i18next.t('state.404', { ns: 'button' }));
  9049.             problemToolbar.disableButton(luoguButton);
  9050.         }
  9051.     } catch (error) {
  9052.         if (error instanceof OJB_GMError && error.type == "error") {
  9053.             problemToolbar.updateText(luoguButton, i18next.t('state.netError', { ns: 'button' }));
  9054.             problemToolbar.disableButton(luoguButton);
  9055.         }
  9056.     }
  9057. }
  9058.  
  9059. /**
  9060.  * 跳转到 Virtual Judge
  9061.  * @param {ProblemPageLinkbar} problemToolbar 
  9062.  */
  9063. async function CF2vjudge(problemToolbar) {
  9064.     const url = window.location.href;
  9065.     const problemId = getProblemId(url);
  9066.     const vjudgeButton = problemToolbar.addLinkButton(
  9067.         "vjudgeButton",
  9068.         "https://vjudge.net/",
  9069.         i18next.t('state.loading', { ns: 'button' }),
  9070.         $("<img>").attr("src", "https://aowuucdn.oss-accelerate.aliyuncs.com/vjudge.ico")
  9071.     );
  9072.  
  9073.     const checkLinkExistence = async (url) => {
  9074.         return OJB_promiseRetryWrapper(async () => {
  9075.             const response = await OJB_GMRequest({
  9076.                 method: "HEAD",
  9077.                 url: url,
  9078.             });
  9079.             if (response.status >= 200 && response.status < 300) return true;
  9080.             else if (response.status == 404) return false;
  9081.             else throw new OJB_GMError('network', 'An unknown network error occurred!', response);
  9082.         }, {
  9083.             maxRetries: 3,
  9084.             retryInterval: 1000
  9085.         });
  9086.     };
  9087.  
  9088.     const VjudgeUrl = `https://vjudge.net/problem/AtCoder-${problemId}`;
  9089.     try {
  9090.         const result = await checkLinkExistence(VjudgeUrl);
  9091.         if (problemId && result) {
  9092.             problemToolbar.updateText(vjudgeButton, "VJudge");
  9093.             problemToolbar.updateUrl(vjudgeButton, VjudgeUrl);
  9094.         } else {
  9095.             problemToolbar.updateText(vjudgeButton, i18next.t('state.404', { ns: 'button' }));
  9096.             problemToolbar.disableButton(vjudgeButton);
  9097.         }
  9098.     } catch (error) {
  9099.         if (error instanceof OJB_GMError && error.type == "error") {
  9100.             problemToolbar.updateText(vjudgeButton, i18next.t('state.netError', { ns: 'button' }));
  9101.             problemToolbar.disableButton(vjudgeButton);
  9102.         }
  9103.     }
  9104. }
  9105.  
  9106. // RatingClass
  9107. const ratingClassMap = {
  9108.     NaN: "rating_by_clist_colorNaN",
  9109.     0: "rating_by_clist_color0",
  9110.     400: "rating_by_clist_color1",
  9111.     800: "rating_by_clist_color2",
  9112.     1200: "rating_by_clist_color3",
  9113.     1600: "rating_by_clist_color4",
  9114.     2000: "rating_by_clist_color5",
  9115.     2400: "rating_by_clist_color6",
  9116.     2800: "rating_by_clist_color7",
  9117.     2800: "rating_by_clist_color8",
  9118.     2800: "rating_by_clist_color9"
  9119. };
  9120. const cssMap = {
  9121.     "rating_by_clist_colorNaN": "#cccccc",
  9122.     "rating_by_clist_color0": "#808080",
  9123.     "rating_by_clist_color1": "#804000",
  9124.     "rating_by_clist_color2": "#008000",
  9125.     "rating_by_clist_color3": "#00c0c0",
  9126.     "rating_by_clist_color4": "#0000ff",
  9127.     "rating_by_clist_color5": "#c0c000",
  9128.     "rating_by_clist_color6": "#fb7e00",
  9129.     "rating_by_clist_color7": "#ff0000",
  9130.     "rating_by_clist_color8": "#ff0000",
  9131.     "rating_by_clist_color9": "#ff0000"
  9132. };
  9133. // TODO 7
  9134. /**
  9135.  * clist 访问有效性检查
  9136.  * @param {boolean} onlyCookie 是否只检查Cookie
  9137.  * @returns {Promise<boolean>} 是否有效
  9138.  */
  9139. async function validateClistConnection(onlyCookie = false) {
  9140.     const clistApiUrl = "https://clist.by:443/api/v4/contest/?limit=1&resource_id=1";
  9141.     const requestOptions = {
  9142.         method: "GET",
  9143.         url: clistApiUrl,
  9144.         timeout: 5000,
  9145.     };
  9146.  
  9147.     // 尝试发送请求
  9148.     async function tryRequest(options) {
  9149.         try {
  9150.             const response = await OJB_GMRequest(options);
  9151.             if (response.status === 200) {
  9152.                 return { ok: true };
  9153.             } else if (response.status === 401) {
  9154.                 throw new Error('unauthorized');
  9155.             } else if (response.status === 404) {
  9156.                 throw new Error('not_found');
  9157.             } else {
  9158.                 throw new Error('other_error');
  9159.             }
  9160.         } catch (error) {
  9161.             console.warn(`Error accessing clist.by: ${error.message}`);
  9162.             return { ok: false, error: error.message };
  9163.         }
  9164.     }
  9165.  
  9166.     // 尝试携带Key发送请求
  9167.     let result = await tryRequest(requestOptions);
  9168.     if (!onlyCookie && !result.ok) {
  9169.         requestOptions.headers = { "Authorization": OJBetter.clist.authorization };
  9170.         result = await tryRequest(requestOptions);
  9171.     }
  9172.  
  9173.     // 根据结果显示错误信息
  9174.     if (!result.ok) {
  9175.         let errorType = result.error;
  9176.         const loadingMessage = new LoadingMessage();
  9177.         let state;
  9178.         if (errorType === 'not_found') {
  9179.             state = i18next.t('error.clist.404', { ns: 'alert' });
  9180.         } else if (errorType === 'unauthorized') {
  9181.             state = i18next.t('error.clist.cookie', { ns: 'alert' });
  9182.         } else {
  9183.             state = i18next.t('error.clist.other', { ns: 'alert' });
  9184.         }
  9185.         loadingMessage.updateStatus(`${OJBetter.state.name} —— ${state}`, 'error');
  9186.     }
  9187.     return result.ok;
  9188. }
  9189.  
  9190. /**
  9191.  * 创建Rating相关css
  9192.  * @param {boolean} [hasBorder=true] 是否有边框
  9193.  */
  9194. function creatRatingCss(hasBorder = true) {
  9195.     const defaultBorderColor = '#dcdfe6';
  9196.     let dynamicCss = "";
  9197.     let hoverSelector = OJBetter.clist.ratingHidden ? ":hover" : "";
  9198.     for (let cssClass in cssMap) {
  9199.         dynamicCss += `a.${cssClass}${hoverSelector}, a.${cssClass}${hoverSelector}:link {\n`;
  9200.         let borderColor = hasBorder ? cssMap[cssClass] : defaultBorderColor;
  9201.         dynamicCss += `    color: ${cssMap[cssClass]} ${OJBetter.clist.ratingHidden ? "!important" : ""};\n`;
  9202.         dynamicCss += `}\n`;
  9203.     }
  9204.     GM_addStyle(dynamicCss);
  9205.     if (OJBetter.clist.ratingHidden) {
  9206.         GM_addStyle(`
  9207.         #clistButton {
  9208.             color: #ffffff00;
  9209.         }
  9210.     `);
  9211.     }
  9212. }
  9213.  
  9214. /**
  9215.  * 模拟clist网页访问获取rating
  9216.  * @param {string} problem 题目名称
  9217.  * @param {string} problem_url 题目链接
  9218.  * @param {string} contest 比赛名称
  9219.  * @returns {Promise<{rating: number, problem: string}>} 题目难度
  9220.  */
  9221. async function getRatingFromHTML(problem, problem_url, contest = null) {
  9222.     // 去除题目名称中的括号，以及首尾的空白符
  9223.     problem = problem.replace(/\([\s\S]*?\)/g, '').trim();
  9224.  
  9225.     return OJB_promiseRetryWrapper(async () => {
  9226.         const queryString = `search=${encodeURIComponent(problem)}&resource=1`;
  9227.         const response = await OJB_GMRequest({
  9228.             method: 'GET',
  9229.             url: `https://clist.by/problems/?${queryString}`,
  9230.         });
  9231.  
  9232.         if (!response.responseText) throw new OJB_GMError('network', 'An unknown network error occurred!', response);
  9233.         const html = response.responseText;
  9234.         const cleanedHtml = html.replace(/src=(.|\s)*?"/g, '');
  9235.         const parser = new DOMParser();
  9236.         const doc = parser.parseFromString(cleanedHtml, 'text/html');
  9237.         const trs = doc.querySelectorAll('table tbody tr');
  9238.  
  9239.         for (let tr of trs) {
  9240.             const rating = tr.querySelector('.problem-rating-column').textContent.trim();
  9241.             const link = OJB_cleanLink(tr.querySelector('.problem-name-column a:nth-of-type(2)')?.href);
  9242.  
  9243.             if (link === problem_url || link === problem_url + '/') {
  9244.                 return {
  9245.                     rating: parseInt(rating),
  9246.                     problem: problem
  9247.                 };
  9248.             } else if (contest !== null) {
  9249.                 const contestTitles = [...tr.querySelectorAll('.problem-name-column .pull-right a[title], .problem-name-column .pull-right span[title]')].map(el => el.title);
  9250.                 if (contestTitles.includes(contest)) {
  9251.                     return {
  9252.                         rating: parseInt(rating),
  9253.                         problem: problem
  9254.                     };
  9255.                 }
  9256.             }
  9257.         }
  9258.         console.warn(`No data found for the question: ${problem}`);
  9259.     }, {
  9260.         maxRetries: 3,
  9261.         retryInterval: 500
  9262.     });
  9263. }
  9264.  
  9265. /**
  9266.  * 从clist API获取题目的rating
  9267.  * @param {string} problem_name 题目名
  9268.  * @param {string} problem_url 题目链接
  9269.  * @returns {Promise<number>} 题目rating
  9270.  * 
  9271.  * 使用两个Map对象来存储和快速访问题目信息：
  9272.  * - problemsMap: 通过题目的URL作为键来存储题目信息。
  9273.  * - nameMap: 通过题目的名称作为键来存储题目信息。
  9274.  * 
  9275.  * 每个题目信息是一个对象，包含以下属性：
  9276.  * @typedef {Object} ProblemInfo
  9277.  * @property {string} name 题目名称
  9278.  * @property {string} url 题目URL
  9279.  * @property {number} rating 题目评分，如果没有评分信息则为NaN
  9280.  */
  9281. async function getRatingFromApi_problem(problem_name, problem_url) {
  9282.     return OJB_promiseRetryWrapper(async () => {
  9283.         const response = await OJB_GMRequest({
  9284.             method: "GET",
  9285.             // url: `https://clist.by:443/api/v4/problem/?name=${encodeURIComponent(problem_name)}&resource__regex=codeforces.com`,
  9286.             url: `https://clist.by:443/api/v4/problem/?url__regex=${encodeURIComponent(problem_name)}&resource__regex=atcoder.jp`,
  9287.             headers: { "Authorization": OJBetter.clist.authorization }
  9288.         });
  9289.  
  9290.         if (!response.responseText) throw new OJB_GMError('network', 'An unknown network error occurred!', response);
  9291.         let data = JSON.parse(response.responseText);
  9292.         /** 
  9293.          * 使用题目的URL作为键来存储题目信息。
  9294.          * @type {Map<string, ProblemInfo>}
  9295.          */
  9296.         let problemsMap = new Map();
  9297.  
  9298.         /** 
  9299.          * 使用题目的名称作为键来存储题目信息。
  9300.          * @type {Map<string, ProblemInfo>}
  9301.          */
  9302.         let nameMap = new Map();
  9303.  
  9304.         data.objects.forEach(problem => {
  9305.             /** @type {ProblemInfo} 题目信息*/
  9306.             let problemInfo = {
  9307.                 name: problem.name,
  9308.                 url: problem.url,
  9309.                 rating: problem.rating ? problem.rating : NaN
  9310.             };
  9311.             problemsMap.set(OJB_cleanLink(problem.url), problemInfo);
  9312.             nameMap.set(problem.name, problemInfo);
  9313.         });
  9314.  
  9315.         if (problemsMap.has(problem_url)) {
  9316.             return problemsMap.get(problem_url).rating;
  9317.         } else if (nameMap.has(problem_name)) {
  9318.             return nameMap.get(problem_name).rating;
  9319.         } else {
  9320.             console.warn('Problem not found in the response');
  9321.         }
  9322.     }, {
  9323.         maxRetries: 5,
  9324.         retryInterval: 1000
  9325.     });
  9326. }
  9327.  
  9328. /**
  9329.  * 获取字符串中的关键词列表
  9330.  * @param {string} text 字符串文本
  9331.  * @returns {array<string>} 返回关键词列表
  9332.  */
  9333. function getKeywords(text) {
  9334.     // 定义要过滤掉的高频词
  9335.     const highFrequencyWords = ['Educational', 'Codeforces', 'Round', 'Div'];
  9336.  
  9337.     // 使用正则表达式替换掉特殊符号（保留空格以便分词）
  9338.     const sanitizedText = text.replace(/[^\w\s]|_/g, '').replace(/\s+/g, ' ');
  9339.  
  9340.     // 将字符串拆分为单词数组
  9341.     const words = sanitizedText.split(' ');
  9342.  
  9343.     // 过滤掉高频词和空字符串
  9344.     const filteredWords = words.filter(word => {
  9345.         return word && highFrequencyWords.indexOf(word) === -1;
  9346.     });
  9347.  
  9348.     // 返回关键词列表
  9349.     return filteredWords;
  9350. }
  9351.  
  9352. /**
  9353.  * 根据关键词从 Clist API 中获取实际比赛名称
  9354.  * @param {string} contestName 比赛名
  9355.  * @param {string} contestUrl 比赛链接
  9356.  * @returns {string|null} 该比赛在Clist中的实际名字
  9357.  */
  9358. async function getContestNameFromApi(contestName, contestUrl) {
  9359.     return OJB_promiseRetryWrapper(async () => {
  9360.         const options = {
  9361.             method: "GET",
  9362.             // url: `https://clist.by:443/api/v4/contest/?resource_id=1&event__regex=${encodeURIComponent(contestName)}`,
  9363.             url: `https://clist.by:443/api/v4/contest/?resource_id=93&event__regex=${encodeURIComponent(contestName)}`,
  9364.             headers: {
  9365.                 "Authorization": OJBetter.clist.authorization
  9366.             }
  9367.         };
  9368.  
  9369.         let response = await OJB_GMRequest(options);
  9370.  
  9371.         if (!response.responseText) throw new OJB_GMError('network', 'An unknown network error occurred!', response);
  9372.  
  9373.         let data = JSON.parse(response.responseText);
  9374.         let objects = data.objects;
  9375.  
  9376.         if (objects.length > 0) {
  9377.             for (const contest of objects) {
  9378.                 // const href = contest.href.replace(/\/contests\//i, '/contest/'); // 链接可能是contests而不是contest，换回来
  9379.                 const href = contest.href;
  9380.                 if (OJB_cleanLink(href) == contestUrl) {
  9381.                     return contest.event;
  9382.                 }
  9383.             }
  9384.         }
  9385.         return null;
  9386.     }, {
  9387.         maxRetries: 5,
  9388.         retryInterval: 1000
  9389.     });
  9390. }
  9391.  
  9392. /**
  9393.  * 获取在clist中的实际比赛名称
  9394.  * @param {string} contestName 待搜索的比赛名称
  9395.  * @param {string} contestUrl 比赛的url
  9396.  * @returns {Promise<string|null>} 在clist中的实际比赛名称，如果没有找到，则返回null
  9397.  */
  9398. async function getActualContestName(contestName, contestUrl) {
  9399.     // 首先尝试使用完整的比赛名称进行搜索
  9400.     let actualContestName = await getContestNameFromApi(contestName, contestUrl);
  9401.     if (actualContestName) {
  9402.         return actualContestName;
  9403.     }
  9404.  
  9405.     // 如果使用完整名称没有找到，则尝试使用关键词进行搜索
  9406.     const keywords = getKeywords(contestName);
  9407.     const maxKeywordAttempts = 1; // 最多尝试到第几个关键词（因为Clist API有频率限制）
  9408.     for (let i = 0; i < Math.min(keywords.length, maxKeywordAttempts); i++) {
  9409.         actualContestName = await getContestNameFromApi(keywords[i], contestUrl);
  9410.         if (actualContestName) {
  9411.             return actualContestName;
  9412.         }
  9413.     }
  9414.  
  9415.     // 如果全部尝试后仍没有找到，返回null
  9416.     return null;
  9417. }
  9418.  
  9419. /**
  9420.  * 从clist API获取比赛题目集的rating
  9421.  * @param {string} contestName 比赛名
  9422.  * @returns {Promise<Map<string, number>>} 题目rating
  9423.  */
  9424. async function getRatingFromApi_contest(contestName, contestUrl) {
  9425.     const actualContestName = await getActualContestName(contestName, contestUrl);
  9426.     return OJB_promiseRetryWrapper(async () => {
  9427.         const options = {
  9428.             method: "GET",
  9429.             url: `https://clist.by:443/api/v4/contest/?resource_id=93&with_problems=true&event=${encodeURIComponent(actualContestName)}`,
  9430.             headers: {
  9431.                 "Authorization": OJBetter.clist.authorization
  9432.             }
  9433.         };
  9434.  
  9435.         let response = await OJB_GMRequest(options);
  9436.  
  9437.         if (!response.responseText) throw new OJB_GMError('network', 'An unknown network error occurred!', response);
  9438.  
  9439.         let data = JSON.parse(response.responseText);
  9440.         let objects = data.objects;
  9441.         let problemsMap = new Map();
  9442.  
  9443.         if (objects.length > 0 && objects[0].problems) {
  9444.             objects[0].problems.forEach(problem => {
  9445.                 problemsMap.set(OJB_cleanLink(problem.url), problem.rating ? problem.rating : NaN);
  9446.             });
  9447.         }
  9448.  
  9449.         return problemsMap;
  9450.     }, {
  9451.         maxRetries: 5,
  9452.         retryInterval: 1000
  9453.     });
  9454. }
  9455.  
  9456. /**
  9457.  * 根据rating获取对应的颜色class名
  9458.  * @param {number} rating 题目rating
  9459.  * @returns {string} 颜色class名
  9460.  */
  9461. function getClassNameByRating(rating) {
  9462.     let className = "rating_by_clist_color9";
  9463.     if (Number.isNaN(rating)) {
  9464.         className = "rating_by_clist_colorNaN";
  9465.     } else {
  9466.         let keys = Object.keys(ratingClassMap);
  9467.         for (let i = 0; i < keys.length; i++) {
  9468.             if (rating < keys[i]) {
  9469.                 className = ratingClassMap[keys[i - 1]];
  9470.                 break;
  9471.             }
  9472.         }
  9473.     }
  9474.     return className;
  9475. }
  9476.  
  9477. /**
  9478.  * problem题目页显示Rating
  9479.  * @param {ProblemPageLinkbar} problemToolbar 
  9480.  * @returns {Promise<void>}
  9481.  */
  9482. async function showRatingByClist_problem(problemToolbar) {
  9483.     // 题目名
  9484.     // const problem = $('.header .title').eq(0).text().replace(/[\s\S]*?. /, '');
  9485.     // if (OJBetter.typeOfPage.is_acmsguru) problem = $('h4').eq(0).text().replace(/[\s\S]*?. /, '');
  9486.     const url = window.location.href;
  9487.     const problemId = getProblemId(url);
  9488.  
  9489.     // 创建Rating按钮元素
  9490.     creatRatingCss(false);
  9491.     // TODO
  9492.     // const clistButton = problemToolbar.addLinkButton(
  9493.     //     'clistButton',
  9494.     //     `https://clist.by/problems/?search=${problem}&resource=1`,
  9495.     //     i18next.t('state.wait', { ns: 'button' }),
  9496.     //     $("<img>").attr("src", "https://clist.by/static/img/logo-48.png"),
  9497.     //     "15px"
  9498.     // );
  9499.     const clistButton = problemToolbar.addLinkButton(
  9500.         'clistButton',
  9501.         `https://clist.by/problems/?search=${problemId}&resource=93`,
  9502.         i18next.t('state.wait', { ns: 'button' }),
  9503.         $("<img>").attr("src", "https://clist.by/static/img/logo-48.png"),
  9504.         "15px"
  9505.     );
  9506.  
  9507.     // 检测clist连接
  9508.     if (!await validateClistConnection()) {
  9509.         problemToolbar.updateText(clistButton, i18next.t('state.netError', { ns: 'button' }));
  9510.         return;
  9511.     }
  9512.  
  9513.     // 题目链接
  9514.     let problem_url = window.location.href;
  9515.     if (problem_url.includes('/contest/')) {
  9516.         problem_url = problem_url.replace(/\/contest\/(\d+)\/problem\/(\w+)[^\w]*/, '/contest/$1/problem/$2');
  9517.     } else {
  9518.         problem_url = problem_url.replace(/\/problemset\/problem\/(\d+)\/(\w+)/, '/contest/$1/problem/$2');
  9519.     }
  9520.     if (OJBetter.typeOfPage.is_mSite) problem_url = problem_url.replace(/\/\/(\w+).codeforces.com/, '//codeforces.com'); // 轻量站
  9521.  
  9522.     // 比赛名
  9523.     // let contest = $('#sidebar').children().first().find('.rtable th').first().text();
  9524.  
  9525.     // rating
  9526.     problemToolbar.updateText(clistButton, i18next.t('state.loading', { ns: 'button' }));
  9527.     let rating = await getRatingFromApi_problem(problemId, problem_url);
  9528.     if (rating) {
  9529.         let className = getClassNameByRating(rating);
  9530.         problemToolbar.updateText(clistButton, rating);
  9531.         problemToolbar.setBold(clistButton);
  9532.         problemToolbar.addClass(clistButton, className);
  9533.     } else {
  9534.         problemToolbar.updateText(clistButton, i18next.t('state.404', { ns: 'button' }));
  9535.         problemToolbar.disableButton(clistButton);
  9536.     }
  9537. }
  9538.  
  9539. /**
  9540.  * contest页显示Rating
  9541.  * @returns {Promise<void>}
  9542.  */
  9543. async function showRatingByClist_contest() {
  9544.     // 创建Rating显示框
  9545.     creatRatingCss();
  9546.     let ratingBadges = {};
  9547.     // $('.datatable .id.left').each(function () {
  9548.     //     let href = 'https://codeforces.com' + $(this).find('a').attr('href');
  9549.     //     let badge = OJB_safeCreateJQElement(`<a id="clistButton" class="ratingBadge">${i18next.t('state.wait', { ns: 'button' })}</a>`);
  9550.     //     $(this).find('a').after(badge);
  9551.     //     ratingBadges[href] = badge;
  9552.     // });
  9553.     $('table tbody tr').each(function () {
  9554.         let href = 'https://atcoder.jp' + $(this).find('a').attr('href');
  9555.         let badge = OJB_safeCreateJQElement(`<a id="clistButton" class="ratingBadge">${i18next.t('state.wait', { ns: 'button' })}</a>`);
  9556.         $(this).find('a:first').after(badge);
  9557.         ratingBadges[href] = badge;
  9558.     });
  9559.  
  9560.     // 检测clist连接
  9561.     if (!await validateClistConnection()) {
  9562.         for (let href in ratingBadges) {
  9563.             ratingBadges[href].text('error').addClass('ratingBadge_error');
  9564.         }
  9565.         return;
  9566.     }
  9567.  
  9568.     // 显示loading
  9569.     for (let href in ratingBadges) {
  9570.         ratingBadges[href].text(i18next.t('state.loading', { ns: 'button' })).addClass('ratingBadge_loading');
  9571.     }
  9572.  
  9573.     // 获取Rating
  9574.     // let contestName = $('#sidebar').children().first().find('.rtable th').first().text();
  9575.     let contestName = window.location.href.match(/\/contests\/[^\/]*?(\d+)\/tasks/)?.[1];
  9576.     // let contestUrl = OJB_cleanLink(window.location.href);
  9577.     let contestUrl = OJB_cleanLink(window.location.href.replace(/\/tasks\/?.*$/, ''));
  9578.     try {
  9579.         let problemsMap = await getRatingFromApi_contest(contestName, contestUrl);
  9580.  
  9581.         // 填充数据
  9582.         for (let href in ratingBadges) {
  9583.             if (problemsMap.has(href)) {
  9584.                 let rating = problemsMap.get(href);
  9585.                 let className = getClassNameByRating(rating);
  9586.                 ratingBadges[href].text(rating).addClass(className);
  9587.             } else {
  9588.                 ratingBadges[href].text(i18next.t('state.404', { ns: 'button' })).addClass('ratingBadge_no');
  9589.             }
  9590.         }
  9591.     } catch (error) {
  9592.         // 填充数据
  9593.         for (let href in ratingBadges) {
  9594.             ratingBadges[href].text(i18next.t('state.netError', { ns: 'button' })).addClass('ratingBadge_no');
  9595.         }
  9596.         console.warn(error);
  9597.     }
  9598. }
  9599.  
  9600. /**
  9601.  * problemset页显示Rating
  9602.  * @returns {Promise<void>}
  9603.  */
  9604. async function showRatingByClist_problemset() {
  9605.     creatRatingCss();
  9606.     let ratingBadges = [];
  9607.     const $problems = $('.problems');
  9608.     const $trs = $problems.find('tbody tr:gt(0)');
  9609.  
  9610.     // 先创建Rating显示框，并将关系存进数组ratingBadges
  9611.     for (let i = 0; i < $trs.length; i++) {
  9612.         const $tds = $($trs[i]).find('td');
  9613.         const $firstDiv = $($tds[1]).find('div:first');
  9614.         let problem = $firstDiv.text();
  9615.         let problem_url = $firstDiv.find('a').attr('href');
  9616.         problem_url = problem_url.replace(/^\/problemset\/problem\/(\d+)\/(\w+)/, 'https://codeforces.com/contest/$1/problem/$2');
  9617.  
  9618.         const ratingBadge = OJB_safeCreateJQElement(`<a id="clistButton" class="ratingBadge"></a>`);
  9619.         const rating = OJB_safeCreateJQElement(`<span class="rating">${i18next.t('state.wait', { ns: 'button' })}</span>`);
  9620.         ratingBadge.append(rating);
  9621.         $($tds[0]).find('a').after(ratingBadge);
  9622.         ratingBadges.push({ ratingBadge, rating, problem, problem_url });
  9623.     }
  9624.  
  9625.     // 检测clist连接
  9626.     if (!await validateClistConnection()) {
  9627.         for (let i = 0; i < rating.length; i++) {
  9628.             ratingBadges[i].rating.text(i18next.t('state.netError', { ns: 'button' }));
  9629.         }
  9630.         return;
  9631.     }
  9632.  
  9633.     // 每次只获取3个rating
  9634.     for (let i = 0; i < ratingBadges.length; i += 3) {
  9635.         const promises = [];
  9636.         const endIndex = Math.min(i + 3, ratingBadges.length);
  9637.  
  9638.         for (let j = i; j < endIndex; j++) {
  9639.             const ratingBadge = ratingBadges[j];
  9640.             // 显示请求中
  9641.             ratingBadge.rating.text(i18next.t('state.loading', { ns: 'button' }));
  9642.             promises.push(getRatingFromHTML(ratingBadge.problem, ratingBadge.problem_url).catch(error => console.warn(error)));
  9643.         }
  9644.  
  9645.         const results = await Promise.all(promises);
  9646.  
  9647.         for (let j = i; j < endIndex; j++) {
  9648.             const result = results[j - i];
  9649.             const ratingBadge = ratingBadges[j];
  9650.             if (result) {
  9651.                 let className = getClassNameByRating(result.rating);
  9652.                 ratingBadge.ratingBadge.addClass(className);
  9653.                 ratingBadge.rating.text(result.rating);
  9654.             } else {
  9655.                 ratingBadge.rating.text(i18next.t('state.404', { ns: 'button' }));
  9656.             }
  9657.         }
  9658.     }
  9659. }
  9660.  
  9661. /**
  9662.  * 存放编辑器语言select的值与Monaco语言对应关系的map.
  9663.  * @type {Object.<string, string>}
  9664.  */
  9665. // const value_monacoLanguageMap = {
  9666. //     "4": "pascal", "6": "php", "7": "python", "9": "csharp", "13": "perl", "20": "scala", "31": "python",
  9667. //     "32": "go", "34": "javascript", "36": "java", "40": "python", "41": "python", "43": "cpp",
  9668. //     "50": "cpp", "51": "pascal", "52": "cpp", "54": "cpp", "55": "javascript", "59": "cpp", "60": "java",
  9669. //     "61": "cpp", "65": "csharp", "67": "ruby", "70": "python", "73": "cpp", "74": "java", "75": "rust",
  9670. //     "77": "kotlin", "79": "csharp", "80": "cpp", "83": "kotlin", "87": "java"
  9671. // };
  9672. const value_monacoLanguageMap = {
  9673.     "5001": "cpp", "5002": "go", "5003": "csharp", "5004": "kotlin", "5005": "java",
  9674.     "5006": "nim", "5007": "text", "5008": "text", "5009": "javascript", "5010": "javascript",
  9675.     "5011": "r", "5012": "d", "5013": "d", "5014": "swift", "5015": "dart",
  9676.     "5016": "php", "5017": "cpp", "5018": "ruby", "5019": "crystal", "5020": "text",
  9677.     "5021": "fsharp", "5022": "julia", "5023": "sh", "5024": "text", "5025": "haskell",
  9678.     "5026": "fortran", "5027": "lua", "5028": "cpp", "5029": "lisp", "5030": "cobol",
  9679.     "5031": "cpp", "5032": "sh", "5033": "python", "5034": "sh", "5035": "text",
  9680.     "5036": "text", "5037": "perl", "5038": "sh", "5039": "text", "5040": "text",
  9681.     "5041": "pascal", "5042": "csharp", "5043": "lua", "5044": "prolog", "5045": "sh",
  9682.     "5046": "scheme", "5047": "scala", "5048": "vbscript", "5049": "text", "5050": "clojure",
  9683.     "5051": "erlang", "5052": "typescript", "5053": "cpp", "5054": "rust", "5055": "python",
  9684.     "5056": "scala", "5057": "text", "5058": "typescript", "5059": "ocaml", "5060": "raku",
  9685.     "5061": "text", "5062": "lisp", "5063": "python", "5064": "clojure", "5065": "text",
  9686.     "5066": "text", "5067": "text", "5068": "ada", "5069": "text", "5070": "text",
  9687.     "5071": "clojure", "5072": "cpp", "5073": "cpp", "5074": "text", "5075": "lisp",
  9688.     "5076": "text", "5077": "d", "5078": "python", "5079": "text", "5080": "text",
  9689.     "5081": "ocaml", "5082": "python", "5083": "matlab", "5084": "haxe", "5085": "elixir",
  9690.     "5086": "text", "5087": "text", "5088": "lisp", "5089": "text", "5090": "cobol"
  9691. };
  9692.  
  9693. /**
  9694.  * 更新代码提交页的HTML
  9695.  * @param {string} submitUrl 提交页面的URL
  9696.  * @param {string} cacheKey 本地缓存的键名
  9697.  * @returns {Promise<jQuery<HTMLElement>>} 返回 jQuery 包装的 HTML 元素
  9698.  */
  9699. async function CloneOriginalHTML(submitUrl, cacheKey) {
  9700.     return OJB_promiseRetryWrapper(async () => {
  9701.         const response = await OJB_GMRequest({
  9702.             method: 'GET',
  9703.             url: submitUrl
  9704.         });
  9705.         const html = response.responseText;
  9706.         const parser = new DOMParser();
  9707.         const doc = parser.parseFromString(html, 'text/html');
  9708.         const cloneHTML = $(doc.body).html();
  9709.         localStorage.setItem(cacheKey, html);
  9710.         return $(cloneHTML);
  9711.     }, {
  9712.         maxRetries: 5,
  9713.         retryInterval: 1000,
  9714.         errorHandler: (err) => {
  9715.             console.error('A network error occurred while retrieving the HTML for the code submission page.', submitUrl);
  9716.         }
  9717.     });
  9718. }
  9719.  
  9720. /**
  9721.  * 获取代码提交页的HTML元素
  9722.  * @param {string} submitUrl 
  9723.  * @returns {Promise<jQuery>}
  9724.  */
  9725. async function getSubmitHTML(submitUrl) {
  9726.     const cacheKey = 'OJBetter_CloneOriginalHTML';
  9727.     const cookieKey = 'OJBetter_CloneOriginalHTML_time';
  9728.     if (OJB_getCookie(cookieKey) === '1') {
  9729.         // 存在缓存
  9730.         CloneOriginalHTML(submitUrl, cacheKey);
  9731.         // 校验
  9732.         let cloneHTML = $(localStorage.getItem(cacheKey));
  9733.         if (cloneHTML.find('form.submit-form').length > 0) {
  9734.             return cloneHTML;
  9735.         } else {
  9736.             // 存在错误，更新缓存
  9737.             console.warn(`Cache error detected!\nattempting to update, cache destination submitUrl:\n${submitUrl}`);
  9738.             return await CloneOriginalHTML(submitUrl, cacheKey);
  9739.         }
  9740.  
  9741.     } else {
  9742.         // 没有缓存，更新
  9743.         document.cookie = `${cookieKey}=1; path=/`;
  9744.         return await CloneOriginalHTML(submitUrl, cacheKey);
  9745.     }
  9746. }
  9747.  
  9748. // 代码自动保存
  9749. async function saveCode(url, code) {
  9750.     try {
  9751.         await OJBetter.common.database.editorCode.put({ url, code });
  9752.         return 'Code saved successfully';
  9753.     } catch (error) {
  9754.         throw new Error('Failed to save code');
  9755.     }
  9756. }
  9757.  
  9758. async function getCode(url) {
  9759.     try {
  9760.         const result = await OJBetter.common.database.editorCode.get(url);
  9761.         return result ? result.code : null;
  9762.     } catch (error) {
  9763.         throw new Error('Failed to get code');
  9764.     }
  9765. }
  9766.  
  9767. // 创建代码编辑调试表单元素
  9768. // async function createCodeEditorForm(submitUrl, cloneHTML) {
  9769. async function createCodeEditorForm(submitUrl) {
  9770.     // 表单
  9771.     let formDiv = $('<form method="post" id="OJBetter_SubmitForm" class="input-output-copier"></form>');
  9772.     // $('.ttypography').after(formDiv);
  9773.     $('#task-statement').after(formDiv);
  9774.     // formDiv.attr('action', submitUrl + "?csrf_token=" + OJBetter.common.at_csrf_token);
  9775.     formDiv.attr('action', submitUrl);
  9776.     formDiv.attr('method', 'POST');
  9777.  
  9778.     // 顶部区域
  9779.     let topDiv = OJB_safeCreateJQElement(`<div class="topDiv"></div>`);
  9780.     let selectLang = $('#select-lang').clone(); // 语言选择
  9781.     // selectLang.css({ 'margin': '10px 0px' }).attr('id', 'programTypeId');
  9782.     topDiv.append(selectLang);
  9783.     let topRightDiv = OJB_safeCreateJQElement(`<div class="topRightDiv"></div>`);
  9784.     topDiv.append(topRightDiv);
  9785.     formDiv.append(topDiv);
  9786.  
  9787.     // 问题选择/编号
  9788.     // let selectProblem = $('<input name="submittedProblemIndex" style="display:none;"></input>');
  9789.     // let problemCode;
  9790.     // if (OJBetter.typeOfPage.is_acmsguru) {
  9791.     //     problemCode = $('h4').eq(0).text();
  9792.     //     let matchResult = problemCode.match(/([A-Z0-9]+)/);
  9793.     //     problemCode = matchResult[0];
  9794.     // } else if (OJBetter.typeOfPage.is_problemset_problem) {
  9795.     //     let match = window.location.href.match(/\/problem\/([0-9]+?)\/([A-Za-z0-9]+?)(?!=[A-Za-z0-9])/);
  9796.     //     problemCode = match[1] + match[2];
  9797.     //     selectProblem.attr('name', 'submittedProblemCode');
  9798.     // } else {
  9799.     //     problemCode = $('.header .title').eq(0).text();
  9800.     //     let matchResult = problemCode.match(/([A-Z0-9]+)/);
  9801.     //     problemCode = matchResult[0];
  9802.     // }
  9803.     // selectProblem.val(problemCode);
  9804.     let selectProblem = $('input[name="data.TaskScreenName"]').clone();
  9805.     formDiv.append(selectProblem);
  9806.  
  9807.     // 隐藏的代码记录
  9808.     // let sourceDiv = $('<textarea id="sourceCodeTextarea" name="source" style="display: none;"></textarea>');
  9809.     let sourceDiv = $('<textarea id="plain-textarea" name="sourceCode" style="display: none;"></textarea>');
  9810.     formDiv.append(sourceDiv);
  9811.  
  9812.     // 隐藏的crsf token
  9813.     let csrfDiv = $(`<input type="hidden" name="csrf_token" value=${OJBetter.common.at_csrf_token}>`);
  9814.     formDiv.append(csrfDiv);
  9815.  
  9816.     // 代码编辑器
  9817.     let editorDiv = $('<div id="OJBetter_editor"></div>');
  9818.     formDiv.append(editorDiv);
  9819.  
  9820.     // monaco
  9821.     let monaco = $('<div id="OJBetter_monaco"></div>');
  9822.     editorDiv.append(monaco);
  9823.  
  9824.     // 自定义调试
  9825.     let customTestDiv = OJB_safeCreateJQElement(`
  9826.         <details id="customTestBlock">
  9827.             <summary >${i18next.t('customTestBlock.title', { ns: 'codeEditor' })}</summary>
  9828.             <div id="customTests" style="min-height: 30px;"></div>
  9829.             <div id="control" style="display:flex;">
  9830.                 <div style="display: flex;margin: 5px;">
  9831.                     <input type="checkbox" id="onlyCustomTest"}><label for="onlyCustomTest">
  9832.                     ${i18next.t('customTestBlock.onlyCustom', { ns: 'codeEditor' })}
  9833.                     </label>
  9834.                 </div>
  9835.                 <div style="display: flex;margin: 5px;">
  9836.                     <input type="checkbox" id="DontShowDiff"}>
  9837.                     <label for="DontShowDiff">
  9838.                         ${i18next.t('customTestBlock.DontShowDiff', { ns: 'codeEditor' })}
  9839.                     </label>
  9840.                 </div>
  9841.                 <button type="button" id="addCustomTest">${i18next.t('customTestBlock.add', { ns: 'codeEditor' })}</button>
  9842.             </div>
  9843.         </details>
  9844.     `)
  9845.     formDiv.append(customTestDiv);
  9846.  
  9847.     // 调试/提交
  9848.     let submitDiv = $('<div id="OJBetter_submitDiv"></div>');
  9849.     let CompilerArgsInput = $('<input type="text" id="CompilerArgsInput">');
  9850.     submitDiv.append(CompilerArgsInput);
  9851.  
  9852.     let runButton = OJB_safeCreateJQElement(`
  9853.         <button type="button" id="RunTestButton" class="ojb_btn ojb_btn_popover top">
  9854.             <i class="iconfont">&#xe6c1;</i>
  9855.             <span class="popover_content">${i18next.t('runTestButton.initial', { ns: 'codeEditor' })}</span>
  9856.         </button>
  9857.     `);
  9858.     let submitButton = OJB_safeCreateJQElement(`
  9859.         <button id="SubmitButton" class="ojb_btn ojb_btn_popover top" type="submit">
  9860.             <i class="iconfont">&#xe633;</i>
  9861.             <span class="popover_content">${i18next.t('submitButton', { ns: 'codeEditor' })}</span>
  9862.         </button>
  9863.     `);
  9864.     if (OJBetter.monaco.setting.submitButtonPosition == "bottom") {
  9865.         // 添加测试/提交按钮到底部
  9866.         submitDiv.append(runButton);
  9867.         submitDiv.append(submitButton);
  9868.     }
  9869.  
  9870.     formDiv.append(submitDiv);
  9871.     let CompilerSetting = OJB_safeCreateJQElement(`
  9872.         <div id="CompilerSetting"></div>
  9873.     `);
  9874.     formDiv.append(CompilerSetting);
  9875.     let statePanel = OJB_safeCreateJQElement(`
  9876.         <div id="statePanel"></div>
  9877.     `);
  9878.     formDiv.append(statePanel);
  9879.  
  9880.     //==================================
  9881.     // 去除原有的编辑器
  9882.     //==================================
  9883.     $('.form-code-submit').remove();
  9884.  
  9885.     let from = {
  9886.         formDiv: formDiv,
  9887.         selectLang: selectLang.find('select:first'),
  9888.         topRightDiv: topRightDiv,
  9889.         sourceDiv: sourceDiv,
  9890.         editorDiv: editorDiv,
  9891.         monaco: monaco,
  9892.         runButton: runButton,
  9893.         submitButton: submitButton,
  9894.         submitDiv: submitDiv,
  9895.         CompilerSetting: CompilerSetting,
  9896.         statePanel: statePanel
  9897.     };
  9898.     return from;
  9899. }
  9900.  
  9901. // 解析ace格式的补全规则(acwing)
  9902. function parseAceCompleter(rules, range) {
  9903.     const suggestions = [];
  9904.     if (rules && rules.templates && rules.templates.items) {
  9905.         const items = rules.templates.items;
  9906.         for (let i = 0; i < items.length; i++) {
  9907.             const item = items[i];
  9908.             const parts = item.caption.split(' ');
  9909.             for (let i = 0; i < parts.length; i++) {
  9910.                 if (item.value.startsWith(parts[i])) {
  9911.                     item.value = item.value.replace(parts[i], parts.slice(0, i + 1).join(' '));
  9912.                     break;
  9913.                 }
  9914.             }
  9915.             const completionItem = {
  9916.                 label: item.caption,
  9917.                 kind: monaco.languages.CompletionItemKind.Function,
  9918.                 insertText: item.value,
  9919.                 range: range
  9920.             };
  9921.             suggestions.push(completionItem);
  9922.         }
  9923.     }
  9924.     return { suggestions };
  9925. }
  9926.  
  9927. // 解析monaco格式的补全规则
  9928. function parseMonacoCompleter(rules, range) {
  9929.     const suggestions_ = [];
  9930.     if (rules && rules.suggestions) {
  9931.         const suggestion = rules.suggestions;
  9932.         for (let i = 0; i < rules.suggestions.length; i++) {
  9933.             const item = suggestion[i];
  9934.             const completionItem = {
  9935.                 ...item,
  9936.                 range: range
  9937.             };
  9938.             suggestions_.push(completionItem);
  9939.         }
  9940.     }
  9941.     return { suggestions: suggestions_ };
  9942. }
  9943.  
  9944. /**
  9945.  * 创建monaco编辑器的一个实例
  9946.  */
  9947. async function createMonacoEditor(language, form, support) {
  9948.     // 判断monacoLoader是否加载完毕
  9949.     await OJB_waitUntilTrue(() => OJBetter.monaco.loaderOnload);
  9950.  
  9951.     /**
  9952.      * 通用参数
  9953.      */
  9954.     var id = 0; // 协议中的id标识
  9955.     var workspace = language + "_workspace";
  9956.     var rootUri = OJBetter.monaco.lsp.workUri + "/" + workspace;
  9957.     // 文件名
  9958.     var InstanceID = OJB_getRandomNumber(8).toString();
  9959.     var filename = language == "java" ? "hello/src/" + InstanceID : InstanceID;
  9960.     // 后缀名
  9961.     var fileExtension =
  9962.         language === "cpp"
  9963.             ? ".cpp"
  9964.             : language === "python"
  9965.                 ? ".py"
  9966.                 : language === "java"
  9967.                     ? ".java"
  9968.                     : "";
  9969.     var uri = rootUri + "/" + filename + fileExtension;
  9970.     var initialized = false; // 是否已初始化
  9971.     var serverInfo; // 服务器返回的支持信息
  9972.     var model; // model
  9973.     var OJBetter_monaco = {};
  9974.     window.OJBetter_monaco = OJBetter_monaco; // 全局方法
  9975.  
  9976.     /**
  9977.      * 一些工具函数
  9978.      */
  9979.     // 将lsp格式的rang转换为Monaco格式
  9980.     OJBetter_monaco.lspRangeToMonacoRange = function (range) {
  9981.         const { start, end } = range;
  9982.         return new monaco.Range(
  9983.             start.line + 1,
  9984.             start.character + 1,
  9985.             end.line + 1,
  9986.             end.character + 1
  9987.         );
  9988.     };
  9989.     // 将Monaco格式的rang转为lsp格式
  9990.     OJBetter_monaco.MonacoRangeTolspRange = function (range) {
  9991.         return {
  9992.             start: {
  9993.                 line: range.startLineNumber - 1,
  9994.                 character: range.startColumn - 1,
  9995.             },
  9996.             end: {
  9997.                 line: range.endLineNumber - 1,
  9998.                 character: range.endColumn - 1,
  9999.             },
  10000.         };
  10001.     };
  10002.     // 将Monaco格式的position转为lsp格式的
  10003.     OJBetter_monaco.MonacoPositionTolspPosition = function (position) {
  10004.         return {
  10005.             line: position.lineNumber - 1,
  10006.             character: position.column - 1,
  10007.         };
  10008.     };
  10009.     // 将Monaco格式的severity转为lsp格式的
  10010.     OJBetter_monaco.MonacoSeverityTolspSeverity = function (severity) {
  10011.         switch (severity) {
  10012.             case 8:
  10013.                 return 1;
  10014.             case 1:
  10015.                 return 4;
  10016.             case 2:
  10017.                 return 3;
  10018.             case 4:
  10019.                 return 2;
  10020.             default:
  10021.                 return severity;
  10022.         }
  10023.     };
  10024.     // 将lsp格式的severity转为Monaco格式的
  10025.     OJBetter_monaco.lspSeverityToMonacoSeverity = function (severity) {
  10026.         switch (severity) {
  10027.             case 1:
  10028.                 return 8;
  10029.             case 4:
  10030.                 return 1;
  10031.             case 3:
  10032.                 return 2;
  10033.             case 2:
  10034.                 return 4;
  10035.             default:
  10036.                 return severity;
  10037.         }
  10038.     };
  10039.     // 收集Monaco数据中的rang数据
  10040.     OJBetter_monaco.CollectRange = function (item) {
  10041.         return {
  10042.             startLineNumber: item.startLineNumber,
  10043.             startColumn: item.startColumn,
  10044.             endLineNumber: item.endLineNumber,
  10045.             endColumn: item.endColumn,
  10046.         };
  10047.     };
  10048.     // 收集Monaco position数据中的rang数据
  10049.     OJBetter_monaco.CollectRangeByPosition = function (item) {
  10050.         var word = model.getWordUntilPosition(item);
  10051.         return {
  10052.             startLineNumber: item.lineNumber,
  10053.             endLineNumber: item.lineNumber,
  10054.             startColumn: word.startColumn,
  10055.             endColumn: word.endColumn,
  10056.         };
  10057.     };
  10058.     // 将lsp格式的Edit转换为Monaco格式
  10059.     OJBetter_monaco.lspEditToMonacoEdit = function (edit) {
  10060.         const edits = [];
  10061.  
  10062.         if (language == "python") {
  10063.             for (const item1 of edit.documentChanges) {
  10064.                 for (const item2 of item1.edits) {
  10065.                     const newElement = {
  10066.                         textEdit: {
  10067.                             range: OJBetter_monaco.lspRangeToMonacoRange(item2.range),
  10068.                             text: item2.newText,
  10069.                         },
  10070.                         resource: monaco.Uri.parse(item1.textDocument.uri),
  10071.                         versionId: model.getVersionId(),
  10072.                     };
  10073.                     edits.push(newElement);
  10074.                 }
  10075.             }
  10076.         } else if (language == "java") {
  10077.             for (const item1 in edit.changes) {
  10078.                 edit.changes[item1].forEach((item2) => {
  10079.                     const newElement = {
  10080.                         textEdit: {
  10081.                             range: OJBetter_monaco.lspRangeToMonacoRange(item2.range),
  10082.                             text: item2.newText,
  10083.                         },
  10084.                         resource: uri,
  10085.                         versionId: model.getVersionId(),
  10086.                     };
  10087.                     edits.push(newElement);
  10088.                 });
  10089.             }
  10090.         } else {
  10091.             for (const key in edit.changes) {
  10092.                 const arr = edit.changes[key];
  10093.                 for (const item of arr) {
  10094.                     const newElement = {
  10095.                         textEdit: {
  10096.                             range: OJBetter_monaco.lspRangeToMonacoRange(item.range),
  10097.                             text: item.newText,
  10098.                         },
  10099.                         resource: monaco.Uri.parse(key),
  10100.                         versionId: model.getVersionId(),
  10101.                     };
  10102.                     edits.push(newElement);
  10103.                 }
  10104.             }
  10105.         }
  10106.         return { edits: edits };
  10107.     };
  10108.  
  10109.     /**
  10110.      * 实例化一个editor
  10111.      */
  10112.     uri = monaco.Uri.file(uri);
  10113.     model = monaco.editor.createModel('', language, uri);
  10114.     OJBetter.monaco.editor = monaco.editor.create(document.getElementById("OJBetter_monaco"), {
  10115.         model: model,
  10116.         rootUri: rootUri,
  10117.         fontSize: 15,
  10118.         tabSize: 4,
  10119.         theme: OJBetter.basic.darkMode == "dark" ? "vs-dark" : "vs",
  10120.         bracketPairColorization: {
  10121.             enabled: true,
  10122.             independentColorPoolPerBracketType: true,
  10123.         },
  10124.         automaticLayout: true,
  10125.         lineNumbersMinChars: 3,
  10126.         matchOnWordStartOnly: false,
  10127.         wordWrap: "on",
  10128.         wrappingIndent: "same",
  10129.         glyphMargin: true,
  10130.         formatOnType: true,
  10131.         scrollbar: {
  10132.             verticalScrollbarSize: 10,
  10133.             horizontalScrollbarSize: 10,
  10134.             alwaysConsumeMouseWheel: OJBetter.monaco.setting.alwaysConsumeMouseWheel
  10135.         },
  10136.         suggest: {
  10137.             selectionMode: 'never' // 代码建议不自动选择
  10138.         }
  10139.     });
  10140.  
  10141.     /**
  10142.      * 添加快捷功能
  10143.      */
  10144.     (OJBetter_monaco.addShortCuts = async () => {
  10145.         // 从配置信息更新字体大小
  10146.         OJBetter.monaco.editor.updateOptions({ fontSize: parseInt(OJBetter.monaco.setting.fontsize) });
  10147.  
  10148.         // 调整字体大小
  10149.         let changeSize = OJB_safeCreateJQElement(`
  10150.         <div class="ojb_btn ojb_btn_popover top">
  10151.             <input type="number" id="fontSizeInput" value="${OJBetter.monaco.setting.fontsize}">
  10152.             <span class="popover_content">${i18next.t('fontSizeInput', { ns: 'codeEditor' })}</span>
  10153.         </div>`)
  10154.         form.topRightDiv.append(changeSize);
  10155.         changeSize.find('input#fontSizeInput').on('input', function () {
  10156.             var size = $(this).val();
  10157.             OJBetter.monaco.editor.updateOptions({ fontSize: parseInt(size) });
  10158.             GM_setValue('editorFontSize', size);
  10159.         });
  10160.  
  10161.         // 全屏按钮
  10162.         let fullscreenButton = OJB_safeCreateJQElement(`
  10163.         <button type="button" class="ojb_btn ojb_btn_popover top">
  10164.             <i class="iconfont">&#xe606;</i>
  10165.             <span class="popover_content">${i18next.t('fullscreenButton', { ns: 'codeEditor' })}</span>
  10166.         </button>
  10167.         `);
  10168.         form.topRightDiv.append(fullscreenButton);
  10169.         fullscreenButton.on('click', enterFullscreen);
  10170.  
  10171.         // 固定到底部按钮
  10172.         let fixToBottomButton = OJB_safeCreateJQElement(`
  10173.         <button type="button" class="ojb_btn ojb_btn_popover top">
  10174.             <i class="iconfont">&#xe607;</i>
  10175.             <span class="popover_content">${i18next.t('fixToBottomButton', { ns: 'codeEditor' })}</span>
  10176.         </button>
  10177.         `);
  10178.         form.topRightDiv.append(fixToBottomButton);
  10179.         fixToBottomButton.on('click', fixToBottom);
  10180.  
  10181.         // 固定到右侧按钮
  10182.         let fixToRightButton = OJB_safeCreateJQElement(`
  10183.         <button type="button" class="ojb_btn ojb_btn_popover top">
  10184.             <i class="iconfont">&#xe605;</i>
  10185.             <span class="popover_content">${i18next.t('fixToRightButton', { ns: 'codeEditor' })}</span>
  10186.         </button>
  10187.         `);
  10188.         // form.topRightDiv.append(fixToRightButton);
  10189.         fixToRightButton.on('click', fixToRight);
  10190.  
  10191.         // 添加测试/提交按钮到顶部
  10192.         if (OJBetter.monaco.setting.submitButtonPosition == "top") {
  10193.             form.topRightDiv.append(form.runButton);
  10194.             form.topRightDiv.append(form.submitButton);
  10195.         }
  10196.  
  10197.         // 选择记忆
  10198.         if (!OJBetter.monaco.setting.position_initialized) {
  10199.             OJBetter.monaco.setting.position_initialized = true; // 标记是否已经初始化过
  10200.             if (OJBetter.monaco.setting.position == "full") {
  10201.                 fullscreenButton.click();
  10202.             } else if (OJBetter.monaco.setting.position == "bottom") {
  10203.                 fixToBottomButton.click();
  10204.             } else if (OJBetter.monaco.setting.position == "right") {
  10205.                 fixToRightButton.click();
  10206.             }
  10207.         }
  10208.  
  10209.         // 禁用按钮
  10210.         function disableButtons() {
  10211.             fullscreenButton.prop("disabled", true);
  10212.             fixToBottomButton.prop("disabled", true);
  10213.             fixToRightButton.prop("disabled", true);
  10214.         }
  10215.  
  10216.         // 启用按钮
  10217.         function enableButtons() {
  10218.             fullscreenButton.prop("disabled", false);
  10219.             fixToBottomButton.prop("disabled", false);
  10220.             fixToRightButton.prop("disabled", false);
  10221.         }
  10222.  
  10223.         // 进入全屏
  10224.         function enterFullscreen() {
  10225.             let editor = $('#OJBetter_editor');
  10226.             editor.addClass('fullscreen');
  10227.  
  10228.             // 取消按钮
  10229.             let cancelButton = OJB_safeCreateJQElement(`
  10230.                 <button type="button" class="ojb_btn ojb_btn_popover top primary exit_button_bottom">
  10231.                     <i class="iconfont">&#xe60b;</i>
  10232.                     <span class="popover_content">${i18next.t('exitFullscreenButton', { ns: 'codeEditor' })}</span>
  10233.                 </button>
  10234.             `).on('click', () => exitFullscreen(cancelButton));
  10235.             $('body').append(cancelButton);
  10236.  
  10237.             disableButtons();
  10238.             GM_setValue("monacoEditor_position", "full");
  10239.         }
  10240.  
  10241.         // 退出全屏
  10242.         const exitFullscreen = (cancelButton) => {
  10243.             let editor = $('#OJBetter_editor');
  10244.             editor.removeClass('fullscreen');
  10245.             cancelButton.remove();
  10246.             enableButtons();
  10247.             GM_setValue("monacoEditor_position", "initial");
  10248.         };
  10249.  
  10250.         // 固定到底部
  10251.         function fixToBottom() {
  10252.             let editor = $('#OJBetter_editor');
  10253.             editor.addClass('bottom');
  10254.  
  10255.             let halfHeight = $(window).height() * 0.5;
  10256.             let blankSpace = $('<div>', {
  10257.                 'class': 'blank-space',
  10258.                 'style': 'height: ' + (halfHeight + 30) + 'px;'
  10259.             });
  10260.             $('body').append(blankSpace);
  10261.  
  10262.             let cancelButton = OJB_safeCreateJQElement(`
  10263.                 <button type="button" class="ojb_btn ojb_btn_popover top enabled exit_button_bottom">
  10264.                     <i class="iconfont">&#xe625;</i>
  10265.                     <span class="popover_content">${i18next.t('cancelFixButton', { ns: 'codeEditor' })}</span>
  10266.                 </button>
  10267.             `).on('click', () => cancelFixingToBottom(cancelButton, blankSpace));
  10268.             $('body').append(cancelButton);
  10269.  
  10270.             disableButtons();
  10271.             GM_setValue("monacoEditor_position", "bottom");
  10272.         }
  10273.  
  10274.         // 取消固定到底部
  10275.         const cancelFixingToBottom = (cancelButton, blankSpace) => {
  10276.             let editor = $('#OJBetter_editor');
  10277.             editor.removeClass('bottom');
  10278.             cancelButton.remove();
  10279.             blankSpace.remove();
  10280.             enableButtons();
  10281.             GM_setValue("monacoEditor_position", "initial");
  10282.         };
  10283.  
  10284.         // 固定到右侧边栏
  10285.         function fixToRight() {
  10286.             const sidebar = $('#sidebar').hide();
  10287.  
  10288.             // 添加样式
  10289.             const styleElement = GM_addStyle(`
  10290.                 #body {
  10291.                     min-width: 50vw;
  10292.                     max-width: 50vw;
  10293.                     max-height: 100vh;
  10294.                     overflow-x: hidden;
  10295.                     overflow-y: auto;
  10296.                     padding: 1rem;
  10297.                     box-sizing: border-box;
  10298.                 }
  10299.                 body {
  10300.                     margin: 0px;
  10301.                 }
  10302.                 .content-with-sidebar {
  10303.                     margin-right: 0px !important;
  10304.                 }
  10305.                 .menu-list li {
  10306.                     margin-right: 0.5em;
  10307.                 }
  10308.                 .menu-list li a {
  10309.                     font-size: 1.4rem;
  10310.                 }
  10311.                 #OJBetter_editor{
  10312.                     height: 100vh;
  10313.                     width: 50vw;
  10314.                 }
  10315.             `);
  10316.  
  10317.             // 包装一层div
  10318.             $('#body').wrap('<div id="right-side-wrapper" style="display:flex; max-width: 100vw; overflow: hidden;"></div>');
  10319.             const blankSpace = $('<div>').appendTo('#right-side-wrapper');
  10320.  
  10321.             // 移动编辑器
  10322.             const editor = $('#OJBetter_editor').prependTo(blankSpace).addClass('right-side');
  10323.  
  10324.             // 取消按钮
  10325.             const cancelButton = OJB_safeCreateJQElement(`
  10326.                 <button type="button" class="ojb_btn ojb_btn_popover top enabled exit_button_bottom">
  10327.                     <i class="iconfont">&#xe625;</i>
  10328.                     <span class="popover_content">${i18next.t('cancelFixButton', { ns: 'codeEditor' })}</span>
  10329.                 </button>
  10330.             `).on('click', () => cancelFixingToRight(sidebar, styleElement, editor, cancelButton)).appendTo('body');
  10331.  
  10332.             disableButtons();
  10333.             GM_setValue("monacoEditor_position", "right");
  10334.  
  10335.             // 补丁：修复固定到右侧导致的样例元素.sample-test相关代码重复执行的问题（具体原因未查）
  10336.             $('.sample-test').find('.title').each((i, e) => {
  10337.                 if ($(e).find('.input-output-copier').length > 1) {
  10338.                     $(e).find('.input-output-copier').first().remove();
  10339.                 }
  10340.             });
  10341.             darkModeStyleAdjustment();
  10342.         }
  10343.  
  10344.         const cancelFixingToRight = (sidebar, styleElement, editor, cancelButton) => {
  10345.             sidebar.show();
  10346.             // 移回来
  10347.             editor.insertAfter(form.sourceDiv).removeClass('right-side');
  10348.  
  10349.             // 移除包装
  10350.             $('#body').unwrap();
  10351.             cancelButton.remove();
  10352.             styleElement.remove(); // 移除添加的样式
  10353.  
  10354.             enableButtons();
  10355.             GM_setValue("monacoEditor_position", "initial");
  10356.         }
  10357.  
  10358.         // 代码同步与保存
  10359.         if (OJBetter.monaco.setting.autoMemoryCode) {
  10360.             let nowUrl = window.location.href;
  10361.             nowUrl = nowUrl.replace(/#/, ""); // 当页面存在更改时url会多出一个#，去掉
  10362.             const code = await getCode(nowUrl);
  10363.             if (code) {
  10364.                 OJBetter.monaco.editor.setValue(code); // 恢复代码
  10365.                 form.sourceDiv.val(code);
  10366.             }
  10367.             OJBetter.monaco.editor.onDidChangeModelContent(async () => {
  10368.                 // 将monaco editor的内容同步到sourceDiv
  10369.                 const code = OJBetter.monaco.editor.getValue();
  10370.                 form.sourceDiv.val(code);
  10371.                 await saveCode(nowUrl, code);
  10372.             });
  10373.         }
  10374.     })();
  10375.  
  10376.     /**
  10377.      * 注册本地自动补全
  10378.      */
  10379.     (OJBetter_monaco.RegisterLocalComplet = async () => {
  10380.         // 补全器注册函数
  10381.         function registMyCompletionItemProvider(language, genre, rule) {
  10382.             if (genre == "monaco") {
  10383.                 monaco.languages.registerCompletionItemProvider(language, {
  10384.                     provideCompletionItems: function (model, position) {
  10385.                         return parseMonacoCompleter(rule, OJBetter_monaco.CollectRangeByPosition(position));
  10386.                     }
  10387.                 })
  10388.             } else if (genre == "ace") {
  10389.                 monaco.languages.registerCompletionItemProvider(language, {
  10390.                     provideCompletionItems: function (model, position) {
  10391.                         return parseAceCompleter(rule, OJBetter_monaco.CollectRangeByPosition(position));
  10392.                     }
  10393.                 })
  10394.             }
  10395.         }
  10396.  
  10397.         // 注册acwing cpp 模板
  10398.         if (language == "cpp" && OJBetter.monaco.complet.cppCodeTemplate) {
  10399.             try {
  10400.                 var acwing_cpp_code_completer = JSON.parse(GM_getResourceText("acwing_cpp_code_completer"));
  10401.                 registMyCompletionItemProvider('cpp', 'ace', acwing_cpp_code_completer);
  10402.             } catch (error) {
  10403.                 console.error("Error registering acwing cpp template:", error);
  10404.             }
  10405.         }
  10406.  
  10407.         // 注册自定义的补全
  10408.         let complet_length = OJBetter.monaco.complet.customConfig.configurations.length;
  10409.         if (complet_length > 0) {
  10410.             for (let i = 0; i < complet_length; i++) {
  10411.                 let item = OJBetter.monaco.complet.customConfig.configurations[i];
  10412.                 if (item.isChoose && item.language == language) {
  10413.                     try {
  10414.                         let rule = await OJB_getExternalJSON(item.jsonUrl);
  10415.                         registMyCompletionItemProvider(item.language, item.genre, rule);
  10416.                     } catch (error) {
  10417.                         console.error(`Error registering custom completer for ${item.language}:`, error);
  10418.                     }
  10419.                 }
  10420.             }
  10421.         }
  10422.     })();
  10423.  
  10424.     if (!support || !OJBetter.monaco.lsp.enabled) { return; } // 如果不支持lsp，则到此为止
  10425.  
  10426.     /**
  10427.      * LSP连接状态指示
  10428.      */
  10429.     const lspStateButton = OJB_safeCreateJQElement(`
  10430.     <div id="lspStateDiv" class="ojb_btn ojb_btn_popover top loading">
  10431.         <i class="iconfont">&#xe658;</i>
  10432.         <span class="popover_content">${i18next.t('lsp.connect', { ns: 'codeEditor' })}</span>
  10433.     </div>
  10434.     `).on('click', () => {
  10435.         OJB_showModal(LSPLogDiv);
  10436.         LSPLogDiv.show();
  10437.     });
  10438.     form.topRightDiv.prepend(lspStateButton);
  10439.  
  10440.     const LSPLogDiv = OJB_safeCreateJQElement(`
  10441.     <dialog id="LSPLog" style="display: none;">
  10442.         <button class="ojb_btn">${i18next.t('close', { ns: 'common' })}</button>
  10443.         <div id="LSPLogList" style="overflow: auto;"></div>
  10444.     <dialog>`);
  10445.     $('body').append(LSPLogDiv);
  10446.  
  10447.     const LSPLogList = $('<ul></ul>');
  10448.     $('#LSPLogList').append(LSPLogList);
  10449.  
  10450.     const closeButton = LSPLogDiv.find('button');
  10451.     closeButton.on('click', function () {
  10452.         OJB_closeModal(LSPLogDiv);
  10453.     });
  10454.  
  10455.     /**
  10456.      * 推送新的消息到LSP日志中
  10457.      * @param {'error' | 'warn' | 'info'} status 
  10458.      * @param {string} msg 
  10459.      * @param {boolean} data 
  10460.      */
  10461.     function pushLSPLogMessage(status, msg, data) {
  10462.         var li = $('<li>').text('[' + new Date().toLocaleString() + '] ' + msg);
  10463.         if (status === 'error') {
  10464.             li.attr('style', 'color: #f44336;');
  10465.         } else if (status === 'warn') {
  10466.             li.attr('style', 'color: #ff9800;');
  10467.         } else if (status === 'info') {
  10468.             li.attr('style', 'color: #616161;');
  10469.         }
  10470.         if (data) {
  10471.             var jsonText = JSON.stringify(data, null, 2);
  10472.             var details = $('<details>');
  10473.             var summary = $('<summary>').text('Data');
  10474.             var pre = $('<pre>').text(jsonText);
  10475.             details.append(summary, pre);
  10476.             li.append(details);
  10477.         }
  10478.         LSPLogList.append(li);
  10479.     }
  10480.  
  10481.     /**
  10482.      * 添加状态底栏
  10483.      */
  10484.     var statusBar = $('<div id="OJBetter_statusBar">');
  10485.     form.editorDiv.append(statusBar);
  10486.  
  10487.     /**
  10488.      * languageSocket
  10489.      */
  10490.     var url = OJBetter.monaco.lsp.socketUrl;
  10491.     var languageSocket = new WebSocket(url + language);
  10492.     OJBetter.monaco.lsp.socket.push(languageSocket);
  10493.     var languageSocketState = false;
  10494.     var responseHandlers = new Map(); // 映射表，需要等待返回数据的请求 -> 对应的事件触发函数
  10495.  
  10496.     languageSocket.onopen = () => {
  10497.         languageSocketState = true;
  10498.         lspStateButton.setButtonPopover(i18next.t('lsp.waitingAnswer', { ns: 'codeEditor' }));
  10499.         pushLSPLogMessage("info", `languageSocket ${i18next.t('lsp.socket.open', { ns: 'logMessage' })}`);
  10500.     };
  10501.     languageSocket.onmessage = (event) => {
  10502.         const message = JSON.parse(event.data);
  10503.         if (message.id === 0 && message.result) {
  10504.             // 初始化完成
  10505.             lspStateButton.setButtonState('success', i18next.t('lsp.connected', { ns: 'codeEditor' }));
  10506.             pushLSPLogMessage("info", `Initialization ${i18next.t('lsp.state.finished', { ns: 'logMessage' })}`);
  10507.             serverInfo = message.result; // 存下服务器支持信息
  10508.             OJBetter_monaco.openDocRequest(); // 打开文档
  10509.             if (!OJBetter.monaco.setting.language.includes(language)) {
  10510.                 OJBetter.monaco.setting.language.push(language);
  10511.                 OJBetter_monaco.RegistrationAfterInit(); // 注册语言及功能
  10512.             } else {
  10513.                 location.reload(); // 这里有问题，先贴个补丁
  10514.             }
  10515.             OJBetter_monaco.PassiveReceiveHandler(); // 注册被动接收函数
  10516.         } else if (message.id === 0 && message.error) {
  10517.             pushLSPLogMessage("warn", `Initialization ${i18next.t('lsp.state.error', { ns: 'logMessage' })}`);
  10518.         } else if (message.id !== undefined && responseHandlers.has(message.id)) {
  10519.             // 如果收到带有id字段的消息，则回传给对应的事件触发函数
  10520.             const handler = responseHandlers.get(message.id);
  10521.             if (handler) {
  10522.                 handler(message);
  10523.                 responseHandlers.delete(message.id); // 删除已处理的事件触发函数
  10524.             }
  10525.         } else if (message.method == "textDocument/publishDiagnostics") {
  10526.             // 接收代码诊断推送
  10527.             OJBetter_monaco.updateMarkers(message);
  10528.         } else if (message.method == "workspace/applyEdit") {
  10529.             // 应用服务器推送的更改
  10530.             OJBetter_monaco.applyEdit(message);
  10531.         }
  10532.     };
  10533.     languageSocket.onerror = (error) => {
  10534.         pushLSPLogMessage("error", `languageSocket ${i18next.t('lsp.state.error', { ns: 'logMessage' })}`, error);
  10535.         console.warn(`Error connecting to languageSocket: ${error}`)
  10536.     };
  10537.     languageSocket.onclose = (event) => {
  10538.         languageSocketState = false;
  10539.         lspStateButton.setButtonState('error', i18next.t('lsp.error', { ns: 'codeEditor' }));
  10540.         pushLSPLogMessage("warn", `languageSocket ${i18next.t('lsp.socket.close', { ns: 'logMessage' })}`);
  10541.     };
  10542.  
  10543.     /**
  10544.      * 等待LanguageSocketState
  10545.      */
  10546.     async function waitForLanguageSocketState() {
  10547.         return new Promise((resolve) => {
  10548.             const checkInitialized = () => {
  10549.                 if (languageSocketState) {
  10550.                     resolve();
  10551.                 } else {
  10552.                     setTimeout(checkInitialized, 100); // 每100毫秒检查一次initialized的值
  10553.                 }
  10554.             };
  10555.             checkInitialized();
  10556.         });
  10557.     }
  10558.  
  10559.     // 等待lsp响应初始化结果
  10560.     async function waitForInitialized() {
  10561.         return new Promise((resolve) => {
  10562.             const checkInitialized = () => {
  10563.                 if (initialized) {
  10564.                     resolve();
  10565.                 } else {
  10566.                     setTimeout(checkInitialized, 100); // 每100毫秒检查一次initialized的值
  10567.                 }
  10568.             };
  10569.             checkInitialized();
  10570.         });
  10571.     }
  10572.  
  10573.     /**
  10574.      * 与languageSocket通信的包装方法
  10575.      */
  10576.     async function sendMessage(data, requiresResponse, callback) {
  10577.         if (!initialized) {
  10578.             await waitForInitialized(); // 等待initialized为真
  10579.         }
  10580.         if (requiresResponse) {
  10581.             responseHandlers.set(data.id, callback) // 将事件触发函数与id关联起来
  10582.         }
  10583.         if (!languageSocketState) await waitForLanguageSocketState();
  10584.         languageSocket.send(JSON.stringify(data));
  10585.     }
  10586.     // 发送消息并等待返回结果
  10587.     function fetchData(params, callback) {
  10588.         sendMessage(params, true, callback);
  10589.     }
  10590.     // 发送消息，不需要等待返回结果
  10591.     function sendData(data) {
  10592.         sendMessage(data, false);
  10593.     }
  10594.  
  10595.     /**
  10596.      * 代码文件更新fileWebSocket
  10597.      */
  10598.     var fileWebSocket = new WebSocket(url + "file");
  10599.     var fileWebSocketState = false;
  10600.     OJBetter.monaco.lsp.socket.push(fileWebSocket);
  10601.     fileWebSocket.onopen = () => {
  10602.         fileWebSocketState = true;
  10603.         pushLSPLogMessage("info", `fileWebSocket ${i18next.t('lsp.socket.open', { ns: 'logMessage' })}`);
  10604.     };
  10605.     fileWebSocket.onclose = (ev) => {
  10606.         fileWebSocketState = false;
  10607.         pushLSPLogMessage("warn", `fileWebSocket ${i18next.t('lsp.socket.close', { ns: 'logMessage' })}`, ev);
  10608.     };
  10609.     fileWebSocket.onmessage = (ev) => {
  10610.         let message = JSON.parse(ev.data);
  10611.         if (message.result !== "ok")
  10612.             pushLSPLogMessage("error", `update file failed: ${ev}`);
  10613.     };
  10614.     fileWebSocket.onerror = (error) => {
  10615.         console.warn(`Error connecting to fileWebSocket: ${error}`);
  10616.     };
  10617.     async function updateFile(workspace, filename, fileExtension, code) {
  10618.         async function waitForfileWebSocketState() {
  10619.             return new Promise((resolve) => {
  10620.                 const checkInitialized = () => {
  10621.                     if (fileWebSocketState) {
  10622.                         resolve();
  10623.                     } else {
  10624.                         setTimeout(checkInitialized, 100); // 每100毫秒检查一次initialized的值
  10625.                     }
  10626.                 };
  10627.                 checkInitialized();
  10628.             });
  10629.         }
  10630.         if (!fileWebSocketState) await waitForfileWebSocketState();
  10631.         fileWebSocket.send(
  10632.             JSON.stringify({
  10633.                 type: "update",
  10634.                 workspace,
  10635.                 filename,
  10636.                 fileExtension,
  10637.                 code,
  10638.             })
  10639.         );
  10640.     }
  10641.  
  10642.     /**
  10643.      * 发送初始化请求
  10644.      */
  10645.     OJBetter_monaco.Initialize = () => {
  10646.         //初始化initialize
  10647.         const capabilities = {
  10648.             workspace: {
  10649.                 applyEdit: true,
  10650.             },
  10651.             textDocument: {
  10652.                 publishDiagnostics: {
  10653.                     relatedInformation: true,
  10654.                     versionSupport: false,
  10655.                     tagSupport: {
  10656.                         valueSet: [1, 2],
  10657.                     },
  10658.                     codeDescriptionSupport: true,
  10659.                 },
  10660.                 completion: {
  10661.                     contextSupport: true,
  10662.                     completionItem: {
  10663.                         snippetSupport: true,
  10664.                         commitCharactersSupport: true,
  10665.                         documentationFormat: ["markdown", "plaintext"],
  10666.                         deprecatedSupport: true,
  10667.                         preselectSupport: true,
  10668.                         tagSupport: {
  10669.                             valueSet: [1],
  10670.                         },
  10671.                         insertReplaceSupport: true,
  10672.                         resolveSupport: {
  10673.                             properties: [
  10674.                                 "documentation",
  10675.                                 "detail",
  10676.                                 "additionalTextEdits",
  10677.                             ],
  10678.                         },
  10679.                         insertTextModeSupport: {
  10680.                             valueSet: [1, 2],
  10681.                         },
  10682.                     },
  10683.                 },
  10684.                 hover: {
  10685.                     dynamicRegistration: true,
  10686.                     contentFormat: ["markdown", "plaintext"],
  10687.                 },
  10688.                 signatureHelp: {
  10689.                     signatureInformation: {
  10690.                         documentationFormat: ["markdown", "plaintext"],
  10691.                         parameterInformation: {
  10692.                             labelOffsetSupport: true,
  10693.                         },
  10694.                         activeParameterSupport: true,
  10695.                     },
  10696.                     contextSupport: true,
  10697.                 },
  10698.                 definition: {
  10699.                     dynamicRegistration: true,
  10700.                     linkSupport: true,
  10701.                 },
  10702.                 references: {
  10703.                     dynamicRegistration: true,
  10704.                 },
  10705.                 documentHighlight: {
  10706.                     dynamicRegistration: true,
  10707.                 },
  10708.                 codeAction: {
  10709.                     codeActionLiteralSupport: {
  10710.                         codeActionKind: {
  10711.                             valueSet:
  10712.                                 language == "java"
  10713.                                     ? []
  10714.                                     : [
  10715.                                         "",
  10716.                                         "quickfix",
  10717.                                         "refactor",
  10718.                                         "refactor.extract",
  10719.                                         "refactor.inline",
  10720.                                         "refactor.rewrite",
  10721.                                         "source",
  10722.                                         "source.organizeImports",
  10723.                                     ],
  10724.                         },
  10725.                     },
  10726.                 },
  10727.                 rename: {
  10728.                     dynamicRegistration: true,
  10729.                     prepareSupport: true,
  10730.                     prepareSupportDefaultBehavior: 1,
  10731.                     honorsChangeAnnotations: true,
  10732.                 },
  10733.                 documentLink: {
  10734.                     tooltipSupport: true,
  10735.                 },
  10736.                 typeDefinition: {
  10737.                     dynamicRegistration: true,
  10738.                     linkSupport: true,
  10739.                 },
  10740.                 implementation: {
  10741.                     dynamicRegistration: true,
  10742.                     linkSupport: true,
  10743.                 },
  10744.                 colorProvider: {
  10745.                     dynamicRegistration: true,
  10746.                 },
  10747.                 foldingRange: {
  10748.                     dynamicRegistration: true,
  10749.                     rangeLimit: 5000,
  10750.                     lineFoldingOnly: true,
  10751.                 },
  10752.                 declaration: {
  10753.                     dynamicRegistration: true,
  10754.                     linkSupport: true,
  10755.                 },
  10756.                 semanticTokens: {
  10757.                     dynamicRegistration: true,
  10758.                     tokenTypes: [
  10759.                         "namespace",
  10760.                         "type",
  10761.                         "class",
  10762.                         "enum",
  10763.                         "interface",
  10764.                         "struct",
  10765.                         "typeParameter",
  10766.                         "parameter",
  10767.                         "variable",
  10768.                         "property",
  10769.                         "enumMember",
  10770.                         "event",
  10771.                         "function",
  10772.                         "method",
  10773.                         "macro",
  10774.                         "keyword",
  10775.                         "modifier",
  10776.                         "comment",
  10777.                         "string",
  10778.                         "number",
  10779.                         "regexp",
  10780.                         "operator",
  10781.                     ],
  10782.                     tokenModifiers: [
  10783.                         "declaration",
  10784.                         "definition",
  10785.                         "readonly",
  10786.                         "static",
  10787.                         "deprecated",
  10788.                         "abstract",
  10789.                         "async",
  10790.                         "modification",
  10791.                         "documentation",
  10792.                         "defaultLibrary",
  10793.                     ],
  10794.                     formats: ["relative"],
  10795.                     requests: {
  10796.                         range: true,
  10797.                         full: {
  10798.                             delta: true,
  10799.                         },
  10800.                     },
  10801.                     multilineTokenSupport: false,
  10802.                     overlappingTokenSupport: false,
  10803.                 },
  10804.                 callHierarchy: {
  10805.                     dynamicRegistration: true,
  10806.                 },
  10807.             },
  10808.             window: {
  10809.                 showMessage: {
  10810.                     messageActionItem: {
  10811.                         additionalPropertiesSupport: true,
  10812.                     },
  10813.                 },
  10814.                 showDocument: {
  10815.                     support: true,
  10816.                 },
  10817.                 workDoneProgress: true,
  10818.             },
  10819.             general: {
  10820.                 regularExpressions: {
  10821.                     engine: "ECMAScript",
  10822.                     version: "ES2020",
  10823.                 },
  10824.                 markdown: {
  10825.                     parser: "marked",
  10826.                     version: "1.1.0",
  10827.                 },
  10828.             },
  10829.         };
  10830.  
  10831.         const initializeRequest = {
  10832.             id: id++,
  10833.             jsonrpc: "2.0",
  10834.             method: "initialize",
  10835.             params: {
  10836.                 processId: null,
  10837.                 clientInfo: {
  10838.                     name: "CFMonaco" + InstanceID,
  10839.                 },
  10840.                 locale: "zh-CN",
  10841.                 rootPath: null,
  10842.                 rootUri: null,
  10843.                 capabilities: capabilities,
  10844.                 trace: "off",
  10845.                 workspaceFolders: [
  10846.                     {
  10847.                         uri:
  10848.                             "file:///" + OJBetter.monaco.lsp.workUri + workspace,
  10849.                         name:
  10850.                             "file:///" + OJBetter.monaco.lsp.workUri + workspace,
  10851.                     },
  10852.                 ],
  10853.             },
  10854.         };
  10855.         languageSocket.send(JSON.stringify(initializeRequest));
  10856.  
  10857.         // 打开文档函数
  10858.         OJBetter_monaco.openDocRequest = function () {
  10859.             const initializ = {
  10860.                 jsonrpc: "2.0",
  10861.                 method: "initialized",
  10862.                 params: {},
  10863.             };
  10864.             languageSocket.send(JSON.stringify(initializ));
  10865.             const openDocRequest = {
  10866.                 jsonrpc: "2.0",
  10867.                 method: "textDocument/didOpen",
  10868.                 params: {
  10869.                     textDocument: {
  10870.                         uri: model.uri.toString(),
  10871.                         languageId: language,
  10872.                         version: model.getVersionId(),
  10873.                         text: model.getValue(),
  10874.                     },
  10875.                 },
  10876.             };
  10877.             languageSocket.send(JSON.stringify(openDocRequest));
  10878.             initialized = true; // 初始化完成，这里确认逻辑待完善
  10879.         };
  10880.  
  10881.         // 初始化更新文件
  10882.         updateFile(workspace, filename, fileExtension, model.getValue());
  10883.     }
  10884.  
  10885.     /**
  10886.      * 注册语言及功能
  10887.      */
  10888.     OJBetter_monaco.RegistrationAfterInit = () => {
  10889.         // 注册语言
  10890.         monaco.languages.register({ id: language });
  10891.  
  10892.         // 注册"Command"
  10893.         (function registerCommand() {
  10894.             serverInfo.capabilities.executeCommandProvider.commands.forEach(
  10895.                 (item) => {
  10896.                     pushLSPLogMessage("info", `${i18next.t('lsp.server.regist', { ns: 'logMessage' })}`, item);
  10897.                     monaco.editor.registerCommand(item, (accessor, ...args) => {
  10898.                         sendData({
  10899.                             jsonrpc: "2.0",
  10900.                             id: id++,
  10901.                             method: "workspace/executeCommand",
  10902.                             params: {
  10903.                                 command: item,
  10904.                                 arguments: args,
  10905.                             },
  10906.                         });
  10907.                     });
  10908.                 }
  10909.             );
  10910.         })();
  10911.  
  10912.         // 注册"增量更新"
  10913.         model.onDidChangeContent((event) => {
  10914.             updateFile(workspace, filename, fileExtension, model.getValue()); // 更新文件
  10915.             const changeDocRequest = {
  10916.                 jsonrpc: "2.0",
  10917.                 method: "textDocument/didChange",
  10918.                 params: {
  10919.                     textDocument: {
  10920.                         uri: model.uri.toString(),
  10921.                         version: model.getVersionId(),
  10922.                     },
  10923.                     contentChanges: event.changes.map((change) => ({
  10924.                         range: OJBetter_monaco.MonacoRangeTolspRange(change.range),
  10925.                         rangeLength: change.rangeLength,
  10926.                         text: change.text,
  10927.                     })),
  10928.                 },
  10929.             };
  10930.             sendData(changeDocRequest);
  10931.         });
  10932.  
  10933.         //注册"自动补全"
  10934.         monaco.languages.registerCompletionItemProvider(language, {
  10935.             provideCompletionItems: (model, position, context) => {
  10936.                 const request = {
  10937.                     jsonrpc: "2.0",
  10938.                     id: id++,
  10939.                     method: "textDocument/completion",
  10940.                     params: {
  10941.                         textDocument: {
  10942.                             uri: model.uri.toString(),
  10943.                         },
  10944.                         position: OJBetter_monaco.MonacoPositionTolspPosition(position),
  10945.                         context: {
  10946.                             triggerKind: context.triggerKind + 1, // 这里要+1，两边的定义不一样。。。
  10947.                             triggerCharacter: context.triggerCharacter,
  10948.                         },
  10949.                     },
  10950.                 };
  10951.                 return new Promise((resolve, reject) => {
  10952.                     fetchData(request, (response) => {
  10953.                         const result = response.result;
  10954.                         pushLSPLogMessage("info", `completion ${i18next.t('lsp.server.receive', { ns: 'logMessage' })}`, response);
  10955.                         if (!result) return resolve(null);
  10956.                         const CompletionItems = {
  10957.                             suggestions: result.items.map(
  10958.                                 ({
  10959.                                     label,
  10960.                                     kind,
  10961.                                     filterText,
  10962.                                     insertText,
  10963.                                     insertTextFormat,
  10964.                                     sortText,
  10965.                                     textEdit,
  10966.                                     documentation,
  10967.                                     additionalTextEdits,
  10968.                                 }) => ({
  10969.                                     additionalTextEdits: additionalTextEdits
  10970.                                         ? additionalTextEdits.map(({ newText, range }) => ({
  10971.                                             text: newText,
  10972.                                             range: OJBetter_monaco.lspRangeToMonacoRange(range),
  10973.                                         }))
  10974.                                         : [],
  10975.                                     documentation: documentation ? documentation.value : "",
  10976.                                     filterText,
  10977.                                     insertText: insertText ? insertText : textEdit.newText,
  10978.                                     insertTextRules:
  10979.                                         insertTextFormat === 2
  10980.                                             ? monaco.languages.CompletionItemInsertTextRule
  10981.                                                 .InsertAsSnippet
  10982.                                             : monaco.languages.CompletionItemInsertTextRule
  10983.                                                 .KeepWhitespace,
  10984.                                     kind,
  10985.                                     label,
  10986.                                     sortText,
  10987.                                     range: textEdit
  10988.                                         ? textEdit.range
  10989.                                             ? OJBetter_monaco.lspRangeToMonacoRange(textEdit.range)
  10990.                                             : OJBetter_monaco.lspRangeToMonacoRange(textEdit.insert)
  10991.                                         : null,
  10992.                                 })
  10993.                             ),
  10994.                         };
  10995.                         pushLSPLogMessage("info", `completion ${i18next.t('lsp.server.transmit', { ns: 'logMessage' })}`, CompletionItems);
  10996.                         resolve(CompletionItems);
  10997.                     });
  10998.                 });
  10999.             },
  11000.         });
  11001.  
  11002.         // 注册"代码修复"
  11003.         monaco.languages.registerCodeActionProvider(language, {
  11004.             provideCodeActions: (model, range, context) => {
  11005.                 const request = {
  11006.                     id: id++,
  11007.                     jsonrpc: "2.0",
  11008.                     method: "textDocument/codeAction",
  11009.                     params: {
  11010.                         textDocument: {
  11011.                             uri: model.uri.toString(),
  11012.                         },
  11013.                         range: OJBetter_monaco.MonacoRangeTolspRange(range),
  11014.                         context: {
  11015.                             diagnostics: context.markers.map((item) => ({
  11016.                                 range: OJBetter_monaco.MonacoRangeTolspRange({
  11017.                                     startLineNumber: item.startLineNumber,
  11018.                                     startColumn: item.startColumn,
  11019.                                     endLineNumber: item.endLineNumber,
  11020.                                     endColumn: item.endColumn,
  11021.                                 }),
  11022.                                 severity: OJBetter_monaco.MonacoSeverityTolspSeverity(
  11023.                                     item.severity
  11024.                                 ),
  11025.                                 code: item.code,
  11026.                                 source: item.source,
  11027.                                 message: item.message,
  11028.                                 tags: item.tags,
  11029.                                 relatedInformation: item.relatedInformation
  11030.                                     ? item.relatedInformation.map((item) => ({
  11031.                                         location: {
  11032.                                             uri: item.resource.toString(),
  11033.                                             range: OJBetter_monaco.MonacoRangeTolspRange({
  11034.                                                 startLineNumber: item.startLineNumber,
  11035.                                                 startColumn: item.startColumn,
  11036.                                                 endLineNumber: item.endLineNumber,
  11037.                                                 endColumn: item.endColumn,
  11038.                                             }),
  11039.                                         },
  11040.                                         message: item.message,
  11041.                                     }))
  11042.                                     : null,
  11043.                             })),
  11044.                             only: context.only ? [context.only] : [],
  11045.                             triggerKind: context.trigger,
  11046.                         },
  11047.                     },
  11048.                 };
  11049.  
  11050.                 return new Promise((resolve, reject) => {
  11051.                     fetchData(request, (response) => {
  11052.                         const result = response.result;
  11053.                         pushLSPLogMessage("info", `codeAction ${i18next.t('lsp.server.receive', { ns: 'logMessage' })}`, response);
  11054.                         if (!result) return resolve(null);
  11055.                         const codeAction = {
  11056.                             actions: result.map((item) => ({
  11057.                                 title: item.title,
  11058.                                 kind: item.kind ? item.kind : "quickfix",
  11059.                                 command: item.command
  11060.                                     ? item.command.command
  11061.                                         ? {
  11062.                                             id: item.command.command,
  11063.                                             arguments: item.command.arguments,
  11064.                                             title: item.command.title,
  11065.                                         }
  11066.                                         : null
  11067.                                     : null,
  11068.                                 diagnostics: item.diagnostics
  11069.                                     ? item.diagnostics.map((item) => ({
  11070.                                         code: item.code,
  11071.                                         message: item.message,
  11072.                                         range: OJBetter_monaco.lspRangeToMonacoRange(item.range),
  11073.                                         severity: OJBetter_monaco.lspSeverityToMonacoSeverity(
  11074.                                             item.severity
  11075.                                         ),
  11076.                                         source: item.source,
  11077.                                     }))
  11078.                                     : null,
  11079.                                 edit: item.edit
  11080.                                     ? OJBetter_monaco.lspEditToMonacoEdit(item.edit)
  11081.                                     : item.arguments
  11082.                                         ? {
  11083.                                             edits: item.arguments.flatMap(
  11084.                                                 (item1) => OJBetter_monaco.lspEditToMonacoEdit(item1).edits
  11085.                                             ),
  11086.                                         }
  11087.                                         : null,
  11088.                             })),
  11089.                             dispose: () => { },
  11090.                         };
  11091.                         pushLSPLogMessage("info", `codeAction ${i18next.t('lsp.server.transmit', { ns: 'logMessage' })}`, codeAction);
  11092.  
  11093.                         resolve(codeAction);
  11094.                     });
  11095.                 });
  11096.             },
  11097.         });
  11098.  
  11099.         // 注册"hover提示"
  11100.         monaco.languages.registerHoverProvider(language, {
  11101.             provideHover: (model, position) => {
  11102.                 const request = {
  11103.                     jsonrpc: "2.0",
  11104.                     id: id++,
  11105.                     method: "textDocument/hover",
  11106.                     params: {
  11107.                         textDocument: {
  11108.                             uri: model.uri.toString(),
  11109.                         },
  11110.                         position: OJBetter_monaco.MonacoPositionTolspPosition(position),
  11111.                     },
  11112.                 };
  11113.  
  11114.                 return new Promise((resolve, reject) => {
  11115.                     fetchData(request, (response) => {
  11116.                         pushLSPLogMessage("info", `Hover ${i18next.t('lsp.server.receive', { ns: 'logMessage' })}`, response);
  11117.                         const result = response.result;
  11118.  
  11119.                         if (!result) return resolve(null);
  11120.                         const Hover = {
  11121.                             range: result.range
  11122.                                 ? OJBetter_monaco.lspRangeToMonacoRange(result.range)
  11123.                                 : new monaco.Range(
  11124.                                     position.lineNumber,
  11125.                                     position.column,
  11126.                                     position.lineNumber,
  11127.                                     position.column
  11128.                                 ),
  11129.                             contents: Array.isArray(result.contents)
  11130.                                 ? result.contents.map((item) => ({
  11131.                                     value: item.value ? item.value : item,
  11132.                                 }))
  11133.                                 : [
  11134.                                     {
  11135.                                         value: result.contents.value,
  11136.                                     },
  11137.                                 ],
  11138.                         };
  11139.                         pushLSPLogMessage("info", `Hover ${i18next.t('lsp.server.transmit', { ns: 'logMessage' })}`, Hover);
  11140.                         resolve(Hover);
  11141.                     });
  11142.                 });
  11143.             },
  11144.         });
  11145.  
  11146.         // 注册"inlay提示"
  11147.         if (language == "cpp" || language == "java")
  11148.             monaco.languages.registerInlayHintsProvider(language, {
  11149.                 provideInlayHints: (model, range, token) => {
  11150.                     return new Promise((resolve, reject) => {
  11151.                         const request = {
  11152.                             jsonrpc: "2.0",
  11153.                             id: id++,
  11154.                             method: "textDocument/inlayHint",
  11155.                             params: {
  11156.                                 textDocument: {
  11157.                                     uri: model.uri.toString(),
  11158.                                 },
  11159.                                 range: OJBetter_monaco.MonacoRangeTolspRange(range),
  11160.                             },
  11161.                         };
  11162.  
  11163.                         fetchData(request, (response) => {
  11164.                             const result = response.result;
  11165.                             pushLSPLogMessage("info", `Inlay Hints ${i18next.t('lsp.server.receive', { ns: 'logMessage' })}`, response);
  11166.  
  11167.                             if (!result) return resolve(null);
  11168.  
  11169.                             const inlayHints = {
  11170.                                 hints: result.map((item) => {
  11171.                                     return {
  11172.                                         kind: item.kind,
  11173.                                         label: item.label,
  11174.                                         paddingLeft: item.paddingLeft,
  11175.                                         paddingRight: item.paddingRight,
  11176.                                         position: {
  11177.                                             lineNumber: item.position.line + 1,
  11178.                                             column: item.position.character + 1,
  11179.                                         },
  11180.                                     };
  11181.                                 }),
  11182.                             };
  11183.                             pushLSPLogMessage("info", `Inlay Hints ${i18next.t('lsp.server.transmit', { ns: 'logMessage' })}`, inlayHints);
  11184.  
  11185.                             resolve(inlayHints);
  11186.                         });
  11187.                     });
  11188.                 },
  11189.             });
  11190.  
  11191.         // 注册"转到定义"
  11192.         monaco.languages.registerDefinitionProvider(language, {
  11193.             provideDefinition: (model, position) => {
  11194.                 const request = {
  11195.                     jsonrpc: "2.0",
  11196.                     id: id++,
  11197.                     method: "textDocument/definition",
  11198.                     params: {
  11199.                         textDocument: {
  11200.                             uri: model.uri.toString(),
  11201.                         },
  11202.                         position: OJBetter_monaco.MonacoPositionTolspPosition(position),
  11203.                     },
  11204.                 };
  11205.  
  11206.                 return new Promise((resolve, reject) => {
  11207.                     fetchData(request, (response) => {
  11208.                         const result = response.result;
  11209.                         pushLSPLogMessage("info", `definition ${i18next.t('lsp.server.receive', { ns: 'logMessage' })}`, response);
  11210.  
  11211.                         if (result.length == 0) return resolve(null);
  11212.                         const definition = result.map((item) => ({
  11213.                             range: OJBetter_monaco.lspRangeToMonacoRange(item.range),
  11214.                             uri: monaco.Uri.parse(item.uri), //
  11215.                         }));
  11216.                         pushLSPLogMessage("info", `definition ${i18next.t('lsp.server.transmit', { ns: 'logMessage' })}`, definition);
  11217.  
  11218.                         resolve(definition);
  11219.                     });
  11220.                 });
  11221.  
  11222.             },
  11223.         });
  11224.  
  11225.         // 注册"转到引用"
  11226.         monaco.languages.registerReferenceProvider(language, {
  11227.             provideReferences: (model, position, context) => {
  11228.                 const request = {
  11229.                     jsonrpc: "2.0",
  11230.                     id: id++,
  11231.                     method: "textDocument/references",
  11232.                     params: {
  11233.                         context: context,
  11234.                         textDocument: {
  11235.                             uri: model.uri.toString(),
  11236.                         },
  11237.                         position: OJBetter_monaco.MonacoPositionTolspPosition(position),
  11238.                     },
  11239.                 };
  11240.  
  11241.                 return new Promise((resolve, reject) => {
  11242.                     fetchData(request, (response) => {
  11243.                         const result = response.result;
  11244.                         pushLSPLogMessage("info", `references ${i18next.t('lsp.server.receive', { ns: 'logMessage' })}`, response);
  11245.  
  11246.                         if (result.length == 0) return resolve([]);
  11247.  
  11248.                         const references = result.map((item) => ({
  11249.                             range: OJBetter_monaco.lspRangeToMonacoRange(item.range),
  11250.                             uri: monaco.Uri.parse(item.uri), //
  11251.                         }));
  11252.                         pushLSPLogMessage("info", `references ${i18next.t('lsp.server.transmit', { ns: 'logMessage' })}`, references);
  11253.                         resolve(references);
  11254.                     });
  11255.                 });
  11256.             },
  11257.         });
  11258.  
  11259.         // 注册"符号引用点击高亮"
  11260.         monaco.languages.registerDocumentHighlightProvider(language, {
  11261.             provideDocumentHighlights: (model, position) => {
  11262.                 const request = {
  11263.                     jsonrpc: "2.0",
  11264.                     id: id++,
  11265.                     method: "textDocument/documentHighlight",
  11266.                     params: {
  11267.                         textDocument: {
  11268.                             uri: model.uri.toString(),
  11269.                         },
  11270.                         position: OJBetter_monaco.MonacoPositionTolspPosition(position),
  11271.                     },
  11272.                 };
  11273.  
  11274.                 return new Promise((resolve, reject) => {
  11275.                     fetchData(request, (response) => {
  11276.                         const result = response.result;
  11277.                         pushLSPLogMessage("info", `documentHighlight ${i18next.t('lsp.server.receive', { ns: 'logMessage' })}`, response);
  11278.  
  11279.                         if (!result || result.length == 0) return resolve([]);
  11280.                         const highlights = result.map((item) => ({
  11281.                             range: OJBetter_monaco.lspRangeToMonacoRange(item.range),
  11282.                             kind: item.kind,
  11283.                         }));
  11284.                         pushLSPLogMessage("info",
  11285.                             `documentHighlight ${i18next.t('lsp.server.transmit', { ns: 'logMessage' })}`,
  11286.                             highlights
  11287.                         );
  11288.  
  11289.                         resolve(highlights);
  11290.                     });
  11291.                 });
  11292.             },
  11293.         });
  11294.  
  11295.         // 注册"文件链接"
  11296.         if (language == "cpp" || language == "java")
  11297.             monaco.languages.registerLinkProvider(language, {
  11298.                 provideLinks: (model) => {
  11299.                     const request = {
  11300.                         jsonrpc: "2.0",
  11301.                         id: id++,
  11302.                         method: "textDocument/documentLink",
  11303.                         params: {
  11304.                             textDocument: {
  11305.                                 uri: model.uri.toString(),
  11306.                             },
  11307.                         },
  11308.                     };
  11309.  
  11310.                     return new Promise((resolve, reject) => {
  11311.                         fetchData(request, (response) => {
  11312.                             const result = response.result;
  11313.                             pushLSPLogMessage("info", `DocumentLink ${i18next.t('lsp.server.receive', { ns: 'logMessage' })}`, response);
  11314.  
  11315.                             if (!result) return resolve(null);
  11316.                             const links = {
  11317.                                 links: result.map((item) => ({
  11318.                                     range: OJBetter_monaco.lspRangeToMonacoRange(item.range),
  11319.                                     url: item.target.toString(),
  11320.                                     tooltip: item.tooltip ? item.tooltip : null,
  11321.                                 })),
  11322.                             };
  11323.                             pushLSPLogMessage("info", `DocumentLink ${i18next.t('lsp.server.transmit', { ns: 'logMessage' })}`, links);
  11324.                             resolve(links);
  11325.                         });
  11326.                     });
  11327.                 },
  11328.             });
  11329.  
  11330.         // 注册"格式化"
  11331.         monaco.languages.registerDocumentFormattingEditProvider(language, {
  11332.             provideDocumentFormattingEdits: (model, options, token) => {
  11333.                 const request = {
  11334.                     jsonrpc: "2.0",
  11335.                     id: id++,
  11336.                     method: "textDocument/formatting",
  11337.                     params: {
  11338.                         textDocument: {
  11339.                             uri: model.uri.toString(),
  11340.                         },
  11341.                         options: options,
  11342.                     },
  11343.                 };
  11344.  
  11345.                 return new Promise((resolve, reject) => {
  11346.                     fetchData(request, (response) => {
  11347.                         const result = response.result;
  11348.                         pushLSPLogMessage("info", `formatting ${i18next.t('lsp.server.receive', { ns: 'logMessage' })}`, response);
  11349.  
  11350.                         const TextEdit = result.map((edit) => ({
  11351.                             range: OJBetter_monaco.lspRangeToMonacoRange(edit.range),
  11352.                             text: edit.newText,
  11353.                         }));
  11354.                         pushLSPLogMessage("info", `formatting ${i18next.t('lsp.server.transmit', { ns: 'logMessage' })}`, TextEdit);
  11355.                         resolve(TextEdit);
  11356.                     });
  11357.                 });
  11358.             },
  11359.         });
  11360.  
  11361.         // 注册"部分格式化"
  11362.         monaco.languages.registerDocumentRangeFormattingEditProvider(language, {
  11363.             provideDocumentRangeFormattingEdits: (model, range, options) => {
  11364.                 const request = {
  11365.                     jsonrpc: "2.0",
  11366.                     id: id++,
  11367.                     method: "textDocument/rangeFormatting",
  11368.                     params: {
  11369.                         textDocument: {
  11370.                             uri: model.uri.toString(),
  11371.                         },
  11372.                         range: OJBetter_monaco.MonacoRangeTolspRange(range),
  11373.                         options,
  11374.                     },
  11375.                 };
  11376.  
  11377.                 return new Promise((resolve, reject) => {
  11378.                     fetchData(request, (response) => {
  11379.                         const result = response.result;
  11380.                         pushLSPLogMessage("info", `rangeFormatting ${i18next.t('lsp.server.receive', { ns: 'logMessage' })}`, response);
  11381.  
  11382.                         if (!result || result.length == 0) return resolve([]);
  11383.                         const edits = result.map((item) => ({
  11384.                             range: OJBetter_monaco.lspRangeToMonacoRange(item.range),
  11385.                             text: item.newText,
  11386.                         }));
  11387.                         pushLSPLogMessage("info", `rangeFormatting ${i18next.t('lsp.server.transmit', { ns: 'logMessage' })}`, edits);
  11388.                         resolve(edits);
  11389.                     });
  11390.                 });
  11391.             },
  11392.         });
  11393.  
  11394.         // 注册"重命名"
  11395.         monaco.languages.registerRenameProvider(language, {
  11396.             provideRenameEdits: (model, position, newName, token) => {
  11397.                 const request = {
  11398.                     jsonrpc: "2.0",
  11399.                     id: id++,
  11400.                     method: "textDocument/rename",
  11401.                     params: {
  11402.                         textDocument: {
  11403.                             uri: model.uri.toString(),
  11404.                         },
  11405.                         position: OJBetter_monaco.MonacoPositionTolspPosition(position),
  11406.                         newName: newName,
  11407.                     },
  11408.                 };
  11409.  
  11410.                 return new Promise((resolve, reject) => {
  11411.                     fetchData(request, (response) => {
  11412.                         const result = response.result;
  11413.                         pushLSPLogMessage("info", `rename ${i18next.t('lsp.server.receive', { ns: 'logMessage' })}`, response);
  11414.  
  11415.                         const rename = OJBetter_monaco.lspEditToMonacoEdit(result);
  11416.                         pushLSPLogMessage("info", `rename ${i18next.t('lsp.server.transmit', { ns: 'logMessage' })}`, rename);
  11417.                         resolve(rename);
  11418.                     });
  11419.                 });
  11420.             },
  11421.         });
  11422.  
  11423.         // 注册"折叠范围分析"
  11424.         monaco.languages.registerFoldingRangeProvider(language, {
  11425.             provideFoldingRanges: (model) => {
  11426.                 const request = {
  11427.                     jsonrpc: "2.0",
  11428.                     id: id++,
  11429.                     method: "textDocument/foldingRange",
  11430.                     params: {
  11431.                         textDocument: {
  11432.                             uri: model.uri.toString(),
  11433.                         },
  11434.                     },
  11435.                 };
  11436.  
  11437.                 return new Promise((resolve, reject) => {
  11438.                     fetchData(request, (response) => {
  11439.                         const result = response.result;
  11440.                         pushLSPLogMessage("info", `FoldingRange ${i18next.t('lsp.server.receive', { ns: 'logMessage' })}`, response);
  11441.  
  11442.                         if (!result) return resolve([]);
  11443.                         const foldingRanges = result.map((item) => ({
  11444.                             start: item.startLine + 1,
  11445.                             end: item.endLine + 1,
  11446.                             kind: monaco.languages.FoldingRangeKind.fromValue(item.kind),
  11447.                         }));
  11448.                         pushLSPLogMessage("info", `FoldingRange ${i18next.t('lsp.server.transmit', { ns: 'logMessage' })}`, foldingRanges);
  11449.                         resolve(foldingRanges);
  11450.                     });
  11451.                 });
  11452.             },
  11453.         });
  11454.  
  11455.         // 注册"方法签名提示"
  11456.         monaco.languages.registerSignatureHelpProvider(language, {
  11457.             signatureHelpTriggerCharacters:
  11458.                 serverInfo.capabilities.signatureHelpProvider.triggerCharacters,
  11459.             provideSignatureHelp: (model, position, token, context) => {
  11460.                 const request = {
  11461.                     jsonrpc: "2.0",
  11462.                     id: id++,
  11463.                     method: "textDocument/signatureHelp",
  11464.                     params: {
  11465.                         textDocument: {
  11466.                             uri: model.uri.toString(),
  11467.                         },
  11468.                         position: {
  11469.                             line: position.lineNumber - 1,
  11470.                             character: position.column - 1,
  11471.                         },
  11472.                         context: {
  11473.                             triggerKind: context.triggerKind,
  11474.                             triggerCharacter: context.triggerCharacter,
  11475.                             isRetrigger: context.isRetrigger,
  11476.                             activeSignatureHelp: context.activeSignatureHelp,
  11477.                         },
  11478.                     },
  11479.                 };
  11480.  
  11481.                 return new Promise((resolve, reject) => {
  11482.                     fetchData(request, (response) => {
  11483.                         const result = response.result;
  11484.  
  11485.                         pushLSPLogMessage("info", `signatureHelp ${i18next.t('lsp.server.receive', { ns: 'logMessage' })}`, response);
  11486.  
  11487.                         if (!result) return resolve(null);
  11488.                         const SignatureHelpResult = {
  11489.                             value: {
  11490.                                 activeParameter: result.activeParameter,
  11491.                                 activeSignature: result.activeSignature,
  11492.                                 signatures: result.signatures,
  11493.                             },
  11494.                             dispose: () => { },
  11495.                         };
  11496.  
  11497.                         pushLSPLogMessage("info",
  11498.                             `signatureHelp ${i18next.t('lsp.server.transmit', { ns: 'logMessage' })}`,
  11499.                             SignatureHelpResult
  11500.                         );
  11501.                         resolve(SignatureHelpResult);
  11502.                     });
  11503.                 });
  11504.             },
  11505.         });
  11506.  
  11507.         // 注册"渐进式自动格式化" 如果server有这个
  11508.         if (serverInfo.capabilities.documentOnTypeFormattingProvider)
  11509.             monaco.languages.registerOnTypeFormattingEditProvider(language, {
  11510.                 autoFormatTriggerCharacters: [
  11511.                     serverInfo.capabilities.documentOnTypeFormattingProvider
  11512.                         .firstTriggerCharacter,
  11513.                 ],
  11514.                 provideOnTypeFormattingEdits: (model, position, ch, options) => {
  11515.                     const request = {
  11516.                         jsonrpc: "2.0",
  11517.                         id: id++,
  11518.                         method: "textDocument/onTypeFormatting",
  11519.                         params: {
  11520.                             textDocument: {
  11521.                                 uri: model.uri.toString(),
  11522.                             },
  11523.                             position: OJBetter_monaco.MonacoPositionTolspPosition(position),
  11524.                             ch,
  11525.                             options,
  11526.                         },
  11527.                     };
  11528.  
  11529.                     return new Promise((resolve, reject) => {
  11530.                         fetchData(request, (response) => {
  11531.                             const result = response.result;
  11532.                             pushLSPLogMessage("info", `onTypeFormatting ${i18next.t('lsp.server.receive', { ns: 'logMessage' })}`, response);
  11533.  
  11534.                             if (!result || result.length == 0) return resolve([]);
  11535.  
  11536.                             const edits = result.map((item) => ({
  11537.                                 range: OJBetter_monaco.lspRangeToMonacoRange(item.range),
  11538.                                 text: item.newText,
  11539.                             }));
  11540.                             pushLSPLogMessage("info", `onTypeFormatting ${i18next.t('lsp.server.transmit', { ns: 'logMessage' })}`, edits);
  11541.                             resolve(edits);
  11542.                         });
  11543.                     });
  11544.                 },
  11545.             });
  11546.     };
  11547.  
  11548.     /**
  11549.      * 被动式接收处理
  11550.      */
  11551.     OJBetter_monaco.PassiveReceiveHandler = () => {
  11552.  
  11553.         // "实时代码诊断"
  11554.         OJBetter_monaco.updateMarkers = function (message) {
  11555.             const params = message.params;
  11556.             pushLSPLogMessage("info", `Markers ${i18next.t('lsp.server.receive', { ns: 'logMessage' })}`, message);
  11557.  
  11558.             if (!params) return;
  11559.             const markers = params.diagnostics.map((item1) => ({
  11560.                 code: item1.code,
  11561.                 message: item1.message,
  11562.                 ...OJBetter_monaco.lspRangeToMonacoRange(item1.range),
  11563.                 relatedInformation: item1.relatedInformation
  11564.                     ? item1.relatedInformation.map((item2) => ({
  11565.                         ...(item2.location.range
  11566.                             ? OJBetter_monaco.lspRangeToMonacoRange(item2.location.range)
  11567.                             : OJBetter_monaco.lspRangeToMonacoRange(item2.location)),
  11568.                         message: item2.message,
  11569.                         resource: monaco.Uri.parse(item2.location.uri),
  11570.                     }))
  11571.                     : null,
  11572.                 severity: OJBetter_monaco.lspSeverityToMonacoSeverity(item1.severity),
  11573.                 source: item1.source,
  11574.             }));
  11575.  
  11576.             pushLSPLogMessage("info", `Markers ${i18next.t('lsp.server.transmit', { ns: 'logMessage' })}`, markers);
  11577.             monaco.editor.setModelMarkers(model, "eslint", markers);
  11578.  
  11579.             // 更新状态底栏信息
  11580.             const nowMarks = monaco.editor.getModelMarkers();
  11581.             warningCount = 0;
  11582.             errorCount = 0;
  11583.             for (const marker of nowMarks) {
  11584.                 if (marker.severity === monaco.MarkerSeverity.Warning) {
  11585.                     warningCount++;
  11586.                 } else if (marker.severity === monaco.MarkerSeverity.Error) {
  11587.                     errorCount++;
  11588.                 }
  11589.             }
  11590.             $('#OJBetter_statusBar').text(`Warnings: ${warningCount}, Errors: ${errorCount}`);
  11591.         };
  11592.  
  11593.         // "应用服务器推送的更改"(代码修复)
  11594.         OJBetter_monaco.applyEdit = function (message) {
  11595.             const params = message.params;
  11596.             pushLSPLogMessage("info", `applyEdit ${i18next.t('lsp.server.receive', { ns: 'logMessage' })}`, message);
  11597.  
  11598.             if (!params) return;
  11599.             const operations = Object.values(params.edit.changes)
  11600.                 .flat()
  11601.                 .map((item) => ({
  11602.                     range: OJBetter_monaco.lspRangeToMonacoRange(item.range),
  11603.                     text: item.newText,
  11604.                 }));
  11605.  
  11606.             pushLSPLogMessage("info", `applyEdit ${i18next.t('lsp.server.transmit', { ns: 'logMessage' })}`, operations);
  11607.             model.pushEditOperations([], operations, () => null); // 入栈编辑操作
  11608.         };
  11609.     }
  11610.  
  11611.     if (!languageSocketState) await waitForLanguageSocketState();
  11612.     OJBetter_monaco.Initialize();
  11613. }
  11614.  
  11615. // 语言更改
  11616. function changeMonacoLanguage(form) {
  11617.     let nowSelect = form.selectLang.val();
  11618.  
  11619.     // 这里是因为在Chrome上Select2会莫名其妙触发一次不会改变值的change事件，而在其他浏览器中没有，所以贴个补丁
  11620.     if (nowSelect === OJBetter.monaco.nowLangSelect) return;
  11621.     else OJBetter.monaco.nowLangSelect = nowSelect;
  11622.  
  11623.     // 记忆更改
  11624.     GM_setValue('compilerSelection', nowSelect);
  11625.     // 销毁旧的编辑器
  11626.     try {
  11627.         if (OJBetter.monaco.editor) OJBetter.monaco.editor.dispose();
  11628.     } catch (error) {
  11629.         console.warn("Encountered an error while attempting to delete the old editor, but it should not affect your regular usage.", error)
  11630.     }
  11631.     // 关闭旧的socket
  11632.     OJBetter.monaco.lsp.socket.forEach(socket => {
  11633.         socket.close();
  11634.     });
  11635.     // 移除相关元素
  11636.     form.topRightDiv.empty();
  11637.     $('#LSPLog').remove();
  11638.     $('#OJBetter_statusBar').remove();
  11639.     // 创建新的编辑器
  11640.     if (nowSelect in value_monacoLanguageMap) {
  11641.         let language = value_monacoLanguageMap[nowSelect];
  11642.         if (language == "python" || language == "cpp") {
  11643.             createMonacoEditor(language, form, true);
  11644.         } else {
  11645.             createMonacoEditor(language, form, false);
  11646.         }
  11647.     } else {
  11648.         createMonacoEditor(null, form, false);
  11649.     }
  11650.     // 更新在线编译器参数
  11651.     changeCompilerArgs(nowSelect);
  11652. }
  11653.  
  11654. // 收集样例数据
  11655. function getTestData() {
  11656.     let testData = {};
  11657.  
  11658.     /**
  11659.      * 从pre中获取文本信息
  11660.      * @param {JQuery<HTMLElement>} node 元素
  11661.      * @returns {string} 文本信息
  11662.      */
  11663.     function getTextFromPre(node) {
  11664.         let text;
  11665.         if (node.find("br").length > 0) {
  11666.             text = node.html().replace(/<br>/g, "\n"); // <br>作换行符的情况
  11667.         } else {
  11668.             text = node.text();
  11669.         }
  11670.         return text;
  11671.     }
  11672.  
  11673.     // $('.input').each(function (index) {
  11674.     //     var inputText = '';
  11675.     //     if ($(this).find('pre').find('div').length > 0) {
  11676.     //         $(this).find('pre').find('div').each(function () {
  11677.     //             inputText += getTextFromPre($(this)) + '\n';
  11678.     //         });
  11679.     //     } else {
  11680.     //         inputText = getTextFromPre($(this).find('pre'));
  11681.     //     }
  11682.     //     var outputText = '';
  11683.     //     if ($('.output').eq(index).find('pre').find('div').length > 0) {
  11684.     //         $('.output').eq(index).find('pre').find('div').each(function () {
  11685.     //             inputText += getTextFromPre($(this)) + '\n';
  11686.     //         });
  11687.     //     } else {
  11688.     //         outputText = getTextFromPre($('.output').eq(index).find('pre'));
  11689.     //     }
  11690.  
  11691.     //     testData[index + 1] = {
  11692.     //         input: inputText.trim(),
  11693.     //         output: outputText.trim()
  11694.     //     };
  11695.     // });
  11696.  
  11697.     // 需要过滤重复的样例（因为有日文英文两个页面，样例元素重复了两遍）
  11698.     let uniqueTestData = [];
  11699.     const filteredPreElements = $('pre').clone().filter((index, element) => element.id.startsWith('pre-sample'));
  11700.     for (let i = 0; i < filteredPreElements.length; i += 2) {
  11701.         if (i + 1 < filteredPreElements.length) {
  11702.             const inputElement = $(filteredPreElements[i]);
  11703.             const outputElement = $(filteredPreElements[i + 1]);
  11704.  
  11705.             const inputText = getTextFromPre(inputElement).trim();
  11706.             const outputText = getTextFromPre(outputElement).trim();
  11707.  
  11708.             // 检查是否已经存在相同的样例
  11709.             let isDuplicate = uniqueTestData.some(testCase => testCase.input === inputText && testCase.output === outputText);
  11710.             if (!isDuplicate) {
  11711.                 uniqueTestData.push({
  11712.                     input: inputText,
  11713.                     output: outputText
  11714.                 });
  11715.             }
  11716.         }
  11717.     }
  11718.  
  11719.     // 把唯一的测试数据赋值给testData，保持原有的索引风格
  11720.     uniqueTestData.forEach((testCase, index) => {
  11721.         testData[index + 1] = testCase;
  11722.     });
  11723.  
  11724.     return testData;
  11725. }
  11726.  
  11727. // 初始化自定义测试数据面板
  11728. function CustomTestInit() {
  11729.     const url = window.location.href;
  11730.  
  11731.     restoreText();
  11732.  
  11733.     // 添加
  11734.     $('#addCustomTest').click(function () {
  11735.         var sampleDiv = $('<div class="sampleDiv">');
  11736.         var inputTextarea = $('<p style="padding: 0px 5px;">input</p><textarea class="dynamicTextarea inputTextarea"></textarea>');
  11737.         var outputTextarea = $('<p style="padding: 0px 5px;">output</p><textarea class="dynamicTextarea outputTextarea"></textarea>');
  11738.         var deleteCustomTest = OJB_safeCreateJQElement(`<button type="button" class="deleteCustomTest">${closeIcon}</button>`);
  11739.         sampleDiv.append(deleteCustomTest);
  11740.         sampleDiv.append(inputTextarea);
  11741.         sampleDiv.append(outputTextarea);
  11742.         $('#customTests').append(sampleDiv);
  11743.     });
  11744.  
  11745.     // 实时保存文本内容到 IndexedDB 中
  11746.     $(document).on('input', '.inputTextarea, .outputTextarea', function () {
  11747.         OJBetter.common.database.transaction('rw', OJBetter.common.database.samplesData, function () {
  11748.             var objectStore = OJBetter.common.database.samplesData;
  11749.             var samples = {
  11750.                 url: url,
  11751.                 samples: []
  11752.             };
  11753.             var index = 0;
  11754.             $('.sampleDiv').each(function () {
  11755.                 var $sampleDiv = $(this);
  11756.                 var inputTextarea = $sampleDiv.find('.inputTextarea');
  11757.                 var outputTextarea = $sampleDiv.find('.outputTextarea');
  11758.                 $sampleDiv.attr('data-index', index);
  11759.                 inputTextarea.attr('id', 'input' + index);
  11760.                 outputTextarea.attr('id', 'output' + index);
  11761.                 var sample = {
  11762.                     id: index,
  11763.                     input: inputTextarea.val(),
  11764.                     output: outputTextarea.val()
  11765.                 };
  11766.                 samples.samples.push(sample);
  11767.                 index++;
  11768.             });
  11769.             objectStore.put(samples);
  11770.         });
  11771.     });
  11772.  
  11773.     // 删除
  11774.     $(document).on('click', '.deleteCustomTest', function () {
  11775.         var $sampleDiv = $(this).closest('.sampleDiv');
  11776.         OJBetter.common.database.transaction('rw', OJBetter.common.database.samplesData, function () {
  11777.             var objectStore = OJBetter.common.database.samplesData;
  11778.             var index = parseInt($sampleDiv.attr('data-index'));
  11779.             if (!isNaN(index)) {
  11780.                 objectStore.get(url).then(row => {
  11781.                     let samples = row.samples;
  11782.                     samples.splice(index, 1); // 移除第index个元素
  11783.                     objectStore.put({
  11784.                         url: url,
  11785.                         samples: samples
  11786.                     });
  11787.                 })
  11788.             }
  11789.             $sampleDiv.remove();
  11790.         });
  11791.     });
  11792.  
  11793.     // 恢复保存的内容
  11794.     function restoreText() {
  11795.         OJBetter.common.database.transaction('r', OJBetter.common.database.samplesData, function () {
  11796.             return OJBetter.common.database.samplesData.get(url);
  11797.         }).then(function (data) {
  11798.             if (data.samples && data.samples.length > 0) {
  11799.                 data.samples.forEach(function (item, index) {
  11800.                     var sampleDiv = $('<div class="sampleDiv">');
  11801.                     var inputTextarea = OJB_safeCreateJQElement(`<p style="padding: 0px 5px;">input</p><textarea id="input${index}" class="dynamicTextarea inputTextarea"></textarea>`);
  11802.                     var outputTextarea = OJB_safeCreateJQElement(`<p style="padding: 0px 5px;">output</p><textarea id="output${index}" class="dynamicTextarea outputTextarea"></textarea>`);
  11803.                     var deleteCustomTest = OJB_safeCreateJQElement(`<button type="button" class="deleteCustomTest">${closeIcon}</button>`);
  11804.  
  11805.                     inputTextarea.val(item.input);
  11806.                     outputTextarea.val(item.output);
  11807.  
  11808.                     sampleDiv.append(deleteCustomTest);
  11809.                     sampleDiv.append(inputTextarea);
  11810.                     sampleDiv.append(outputTextarea);
  11811.                     sampleDiv.attr('data-index', index)
  11812.                     $('#customTests').append(sampleDiv);
  11813.                 });
  11814.             }
  11815.         });
  11816.     }
  11817. }
  11818.  
  11819. // 获取自定义测试数据
  11820. function getCustomTestData() {
  11821.     const url = window.location.href;
  11822.  
  11823.     return new Promise(function (resolve) {
  11824.         var customTestData = {};
  11825.         OJBetter.common.database.transaction('r', OJBetter.common.database.samplesData, function () {
  11826.             return OJBetter.common.database.samplesData.get(url);
  11827.         }).then(function (data) {
  11828.             if (!data) resolve(customTestData);
  11829.             if (data.samples && data.samples.length > 0) {
  11830.                 data.samples.forEach(function (item, index) {
  11831.                     customTestData[index + 1] = {
  11832.                         input: item.input,
  11833.                         output: item.output
  11834.                     };
  11835.                 });
  11836.             }
  11837.             resolve(customTestData);
  11838.         });
  11839.     });
  11840. }
  11841.  
  11842. // codeforces编译器参数列表
  11843. let officialLanguage = "";
  11844. function officialCompilerArgsChange(nowSelect) {
  11845.     officialLanguage = nowSelect;
  11846.     $('#CompilerArgsInput').prop("disabled", true);
  11847. }
  11848.  
  11849. // codeforces编译器通信
  11850. async function officialCompiler(code, input) {
  11851.     // const data = new FormData();
  11852.     // data.append('csrf_token', OJBetter.common.cf_csrf_token);
  11853.     const data = new URLSearchParams();
  11854.     data.append('csrf_token', OJBetter.common.at_csrf_token);
  11855.     // data.append('source', code);
  11856.     // data.append('tabSize', '4');
  11857.     // data.append('programTypeId', officialLanguage);
  11858.     data.append('data.LanguageId', officialLanguage);
  11859.     data.append('input', input);
  11860.     // data.append('output', '');
  11861.     // data.append('communityCode', '');
  11862.     // data.append('action', 'submitSourceCode');
  11863.     // data.append('programTypeId', officialLanguage);
  11864.     data.append('sourceCode', code);
  11865.  
  11866.     const requestOptions = {
  11867.         method: 'POST',
  11868.         // url: `${OJBetter.common.hostAddress}/data/customtest`,
  11869.         url: `${OJBetter.common.hostAddress}/contests/arc172/custom_test/submit/json`,
  11870.         data: data,
  11871.         headers: {
  11872.             // 'X-Csrf-Token': OJBetter.common.cf_csrf_token
  11873.             'Content-Type': 'application/x-www-form-urlencoded'
  11874.         }
  11875.     };
  11876.  
  11877.     const result = {
  11878.         Errors: '',
  11879.         Result: '',
  11880.         Stats: ''
  11881.     };
  11882.  
  11883.     try {
  11884.         const submitResponse = await OJB_GMRequest(requestOptions);
  11885.         // if (submitResponse.status !== 200 || !submitResponse.response) {
  11886.         //     result.Errors = `${i18next.t('compiler.official.pushError', { ns: 'codeEditor' })}`;
  11887.         //     return result;
  11888.         // }
  11889.         if (submitResponse.status !== 200) {
  11890.             result.Errors = `${i18next.t('compiler.official.pushError', { ns: 'codeEditor' })}`;
  11891.             return result;
  11892.         }
  11893.  
  11894.         // const submitResult = JSON.parse(submitResponse.response);
  11895.         // const customTestSubmitId = submitResult.customTestSubmitId;
  11896.  
  11897.         const verdictResponse = await OJB_promiseRetryWrapper(
  11898.             getOfficialCompilerVerdict,
  11899.             {
  11900.                 maxRetries: 10,
  11901.                 retryInterval: 500
  11902.             },
  11903.             // customTestSubmitId
  11904.         );
  11905.         return verdictResponse;
  11906.     } catch (error) {
  11907.         result.Errors = error.message;
  11908.         return result;
  11909.     }
  11910. }
  11911.  
  11912. // 获取codeforces编译器的执行结果
  11913. // async function getOfficialCompilerVerdict(customTestSubmitId) {
  11914. async function getOfficialCompilerVerdict() {
  11915.     // const newdata = new FormData();
  11916.     // newdata.append('csrf_token', OJBetter.common.cf_csrf_token);
  11917.     // newdata.append('action', 'getVerdict');
  11918.     // newdata.append('customTestSubmitId', customTestSubmitId);
  11919.  
  11920.     // const requestOptions = {
  11921.     //     method: 'POST',
  11922.     //     url: `${OJBetter.common.hostAddress}/data/customtest`,
  11923.     //     data: newdata,
  11924.     //     headers: {
  11925.     //         'X-Csrf-Token': OJBetter.common.cf_csrf_token
  11926.     //     }
  11927.     // };
  11928.     const requestOptions = {
  11929.         method: 'GET',
  11930.         url: `https://atcoder.jp/contests/arc172/custom_test/json?reload=true`,
  11931.     };
  11932.  
  11933.     const responseDetails = await OJB_GMRequest(requestOptions);
  11934.     if (responseDetails.status !== 200 || !responseDetails.response) {
  11935.         throw new Error(`${i18next.t('compiler.official.getResultError', { ns: 'codeEditor' })}`);
  11936.     }
  11937.  
  11938.     const response = JSON.parse(responseDetails.response);
  11939.     // if (!response.stat) {
  11940.     //     throw new Error('Verdict not ready, retrying...');
  11941.     // }
  11942.     if (response.Interval) {
  11943.         throw new Error('Verdict not ready, retrying...');
  11944.     }
  11945.  
  11946.     // return {
  11947.     //     Errors: response.verdict === "OK" ? null : response.verdict + '<br>' + response.output,
  11948.     //     Result: response.output.replace(/\r\n/g, "\n"),
  11949.     //     Stats: `Status: ${response.stat}`
  11950.     // };
  11951.     return {
  11952.         Errors: response.Result.ExitCode === "0" ? null : response.Stderr,
  11953.         Result: response.Stdout.replace(/\r\n/g, "\n"),
  11954.         Stats: `Status: ExitCode: ${response.Result.ExitCode}  Exec Time: ${response.Result.TimeConsumption} ms  Memory: ${response.Result.MemoryConsumption} KB`
  11955.     };
  11956. }
  11957.  
  11958. // rextester编译器参数列表
  11959. let rextesterLanguage = "";
  11960. function rextesterCompilerArgsChange(nowSelect) {
  11961.     // let LanguageChoiceList = {
  11962.     //     "4": "9", "6": "8", "7": "5", "9": "1", "13": "13", "19": "42", "20": "21", "28": "30", "31": "24", "32": "20",
  11963.     //     "34": "17", "36": "4", "43": "6", "45": "7", "46": "4", "50": "7", "51": "9", "52": "27", "54": "7", "55": "23", "60": "4",
  11964.     //     "61": "7", "65": "1", "67": "12", "70": "5", "73": "7", "74": "4", "75": "46", "77": "43", "79": "1", "80": "27", "83": "43", "87": "4"
  11965.     // }
  11966.     let LanguageChoiceList = {
  11967.         "5001": "7", "5002": "20", "5003": "1", "5005": "4", "5009": "17", "5016": "8", "5037": "13", "5041": "9",
  11968.         "5047": "21", "5055": "5", "5058": "17", "5063": "5", "5078": "5", "5082": "5"
  11969.     }
  11970.  
  11971.     let CompilerArgsList = {
  11972.         "6": "-Wall -std=gnu99 -O2 -o a.out source_file.c",
  11973.         "7": "-Wall -std=c++14 -O2 -o a.out source_file.cpp",
  11974.         "20": "-o a.out source_file.go",
  11975.         "27": "-Wall -std=c++14 -stdlib=libc++ -O2 -o a.out source_file.cpp",
  11976.         "30": "source_file.d -ofa.out"
  11977.     }
  11978.     if (nowSelect in LanguageChoiceList) {
  11979.         $('#RunTestButton').prop("disabled", false);
  11980.         rextesterLanguage = LanguageChoiceList[nowSelect];
  11981.     } else {
  11982.         $('#RunTestButton').prop("disabled", true);
  11983.     }
  11984.     if (rextesterLanguage in CompilerArgsList) {
  11985.         const rextesterCompilerArgs = CompilerArgsList[rextesterLanguage];
  11986.         $('#CompilerArgsInput').val(rextesterCompilerArgs);
  11987.     } else {
  11988.         $('#CompilerArgsInput').val("");
  11989.     }
  11990. }
  11991.  
  11992. // rextester编译器通信
  11993. async function rextesterCompiler(code, input) {
  11994.     try {
  11995.         const result = await OJB_promiseRetryWrapper(rextesterCompilerRequest, {
  11996.             maxRetries: 5,
  11997.             retryInterval: 500,
  11998.             errorHandler: (err) => ({ Errors: err.message, Result: '', Stats: '' })
  11999.         }, code, input);
  12000.         return result;
  12001.     } catch (error) {
  12002.         return { Errors: error.message, Result: '', Stats: '' };
  12003.     }
  12004. }
  12005.  
  12006. // rextester编译器请求方法
  12007. async function rextesterCompilerRequest(code, input) {
  12008.     const data = new FormData();
  12009.     data.append('LanguageChoiceWrapper', rextesterLanguage);
  12010.     data.append('EditorChoiceWrapper', '1');
  12011.     data.append('LayoutChoiceWrapper', '1');
  12012.     data.append('Program', code);
  12013.     data.append('CompilerArgs', $('#CompilerArgsInput').val());
  12014.     data.append('Input', input);
  12015.     data.append('ShowWarnings', 'false');
  12016.     data.append('IsInEditMode', 'false');
  12017.     data.append('IsLive', 'false');
  12018.  
  12019.     const responseDetails = await OJB_GMRequest({
  12020.         method: 'POST',
  12021.         url: 'https://rextester.com/rundotnet/Run',
  12022.         data: data
  12023.     });
  12024.  
  12025.     if (responseDetails.status !== 200 || !responseDetails.response) {
  12026.         throw new Error(`${i18next.t('compiler.common.error', { ns: 'codeEditor' })}`);
  12027.     }
  12028.  
  12029.     const response = JSON.parse(responseDetails.response);
  12030.     return {
  12031.         Errors: response.Errors || '',
  12032.         Result: response.Result || '',
  12033.         Stats: response.Stats || ''
  12034.     };
  12035. }
  12036.  
  12037. // wandbox编译器参数列表
  12038. var wandboxlist = JSON.parse(GM_getResourceText("wandboxlist"));
  12039. function wandboxCompilerArgsChange(nowSelect) {
  12040.     // let LanguageChoiceList = {
  12041.     //     "6": "PHP", "7": "Python", "9": "C#", "12": "Haskell", "13": "Perl", "19": "OCaml",
  12042.     //     "20": "Scala", "28": "D", "31": "Python", "32": "Go", "34": "JavaScript", "36": "Java", "40": "Python", "41": "Python",
  12043.     //     "43": "C++", "50": "C++", "51": "Pascal", "52": "C++", "54": "C++", "60": "Java", "61": "C++", "65": "C#", "67": "Ruby",
  12044.     //     "70": "Python", "73": "C++", "74": "Java", "75": "Rust", "79": "C#", "80": "C++", "87": "Java"
  12045.     // }
  12046.     let LanguageChoiceList = {
  12047.         "5001": "C++", "5002": "Go", "5003": "C#", "5005": "Java", "5009": "JavaScript", "5010": "JavaScript",
  12048.         "5012": "D", "5013": "D", "5016": "PHP", "5017": "C++", "5018": "Ruby", "5025": "Haskell",
  12049.         "5027": "Lua", "5028": "C++", "5031": "C++", "5037": "Perl", "5041": "Pascal", "5042": "C#",
  12050.         "5043": "Lua", "5047": "Scala", "5055": "Python", "5056": "Scala", "5059": "OCaml", "5062": "Lisp",
  12051.         "5063": "Python", "5077": "D", "5078": "Python", "5081": "OCaml", "5082": "Python"
  12052.     }
  12053.  
  12054.     // 移除旧的
  12055.     $('#CompilerChange').remove();
  12056.  
  12057.     if (nowSelect in LanguageChoiceList) {
  12058.         $('#RunTestButton').prop("disabled", false);
  12059.         const Languagefiltered = wandboxlist.filter(obj => obj.language === LanguageChoiceList[nowSelect]);
  12060.  
  12061.         // 创建编译器下拉框
  12062.         let CompilerChange = $('<select id="CompilerChange" style="width: 100%;"></select>');
  12063.  
  12064.         $('#CompilerSetting').show().append(CompilerChange);
  12065.         for (let i = 0; i < Languagefiltered.length; i++) {
  12066.             let Compiler = Languagefiltered[i];
  12067.             let op = $("<option></option>")
  12068.                 .val(Compiler.name)
  12069.                 .text(Compiler["display-name"] + " " + Compiler.version);
  12070.             $("#CompilerChange").append(op);
  12071.         }
  12072.  
  12073.         // 编译器参数刷新
  12074.         function refreshCompilerArgs() {
  12075.             var flags = '';
  12076.             $("#CompilerBox").find("*").each(function () {
  12077.                 if ($(this).is("input[type='checkbox']")) {
  12078.                     let flag = $(this).prop("checked") ? $(this).val() : '';
  12079.                     flags += flag + (flag ? ' ' : '');
  12080.                 } else if ($(this).is("select") || $(this).is("input") || $(this).is("textarea")) {
  12081.                     let flag = $(this).val();
  12082.                     flags += flag + (flag ? ' ' : '');
  12083.                 }
  12084.             });
  12085.             $("#CompilerArgsInput").val(flags);
  12086.             $("#CompilerArgsInput").prop("readonly", true); // 只读
  12087.         }
  12088.  
  12089.         // 编译器切换监听
  12090.         CompilerChange.change(function () {
  12091.             let selectedName = CompilerChange.val();
  12092.             let Compiler = Languagefiltered.find(
  12093.                 (obj) => obj.name === selectedName
  12094.             );
  12095.  
  12096.             $("#CompilerArgsInput").val(); // 初始化编译器输入框
  12097.  
  12098.             $("#CompilerBox").remove();
  12099.             let div = $("<div id='CompilerBox'></div>");
  12100.  
  12101.             let display_compile_command = OJB_safeCreateJQElement(`<input id='${Compiler.name}' value='${Compiler['display-compile-command']}' style="display:none;"}></input>`);
  12102.             div.append(display_compile_command);
  12103.  
  12104.             let switches = Compiler.switches;
  12105.             for (let i = 0; i < switches.length; i++) {
  12106.                 let switche = switches[i];
  12107.  
  12108.                 if (switche.type == "single") {
  12109.                     let single = OJB_safeCreateJQElement(`
  12110.                     <div>
  12111.                         <input type='checkbox' id='${switche.name}' value='${switche['display-flags']}' ${switche.default ? 'checked' : ''}></input>
  12112.                         <label for='${switche.name}'>${switche['display-name']}</label>
  12113.                     </div>
  12114.                     `);
  12115.                     div.append(single);
  12116.                     single.find("input").change(function () {
  12117.                         refreshCompilerArgs();
  12118.                     });
  12119.                 } else if (switche.type == "select") {
  12120.                     let select = OJB_safeCreateJQElement(`<select id='${switche.name}'></select>`);
  12121.                     select.data('previousValue', switche.options[0]['display-flags']);
  12122.                     div.append(select);
  12123.                     for (let i = 0; i < switche.options.length; i++) {
  12124.                         let option = switche.options[i];
  12125.                         let op = $("<option></option>")
  12126.                             .val(option['display-flags'])
  12127.                             .text(option['display-name']);
  12128.                         select.append(op);
  12129.                     }
  12130.                     select.change(function () {
  12131.                         refreshCompilerArgs();
  12132.                     });
  12133.                 }
  12134.             }
  12135.  
  12136.             if (Compiler['compiler-option-raw'] == true) {
  12137.                 let textarea = OJB_safeCreateJQElement(`<textarea id="compiler_option_raw" placeholder="Raw compiler options" style="resize: vertical;"></textarea>`);
  12138.                 div.append(textarea);
  12139.                 textarea.on('input', function () {
  12140.                     refreshCompilerArgs();
  12141.                 });
  12142.             }
  12143.             if (Compiler['runtime-option-raw'] == true) {
  12144.                 let textarea = OJB_safeCreateJQElement(`<textarea id="runtime_option_raw" placeholder="Raw runtime options" style="resize: vertical;"></textarea>`);
  12145.                 div.append(textarea);
  12146.                 textarea.on('input', function () {
  12147.                     refreshCompilerArgs();
  12148.                 });
  12149.             }
  12150.             $("#CompilerSetting").append(div);
  12151.  
  12152.             refreshCompilerArgs();  // 初始化
  12153.         });
  12154.  
  12155.         CompilerChange.trigger("change"); // 初始化
  12156.     } else {
  12157.         $('#RunTestButton').prop("disabled", true);
  12158.     }
  12159. }
  12160.  
  12161. // wandbox编译器通信
  12162. async function wandboxCompiler(code, input) {
  12163.     try {
  12164.         const result = await OJB_promiseRetryWrapper(wandboxCompilerRequest, {
  12165.             maxRetries: 5,
  12166.             retryInterval: 500,
  12167.             errorHandler: (err) => ({ Errors: err.message, Result: '', Stats: '' })
  12168.         }, code, input);
  12169.         return result;
  12170.     } catch (error) {
  12171.         return { Errors: error.message, Result: '', Stats: '' };
  12172.     }
  12173. }
  12174.  
  12175. // wandbox编译器请求方法
  12176. async function wandboxCompilerRequest(code, input) {
  12177.     const data = {
  12178.         code: code,
  12179.         codes: [],
  12180.         compiler: $('#CompilerChange').val().replace($('#compiler_option_raw').val(), '').replace($('#runtime_option_raw').val(), ''),
  12181.         'compiler-option-raw': $('#compiler_option_raw').val(),
  12182.         'runtime-option-raw': $('#runtime_option_raw').val(),
  12183.         options: $("#CompilerArgsInput").val(),
  12184.         description: '',
  12185.         stdin: input,
  12186.         title: ''
  12187.     };
  12188.  
  12189.     const responseDetails = await OJB_GMRequest({
  12190.         method: 'POST',
  12191.         url: 'https://wandbox.org/api/compile.json',
  12192.         data: JSON.stringify(data),
  12193.         headers: {
  12194.             'Content-Type': 'application/json'
  12195.         }
  12196.     });
  12197.  
  12198.     if (responseDetails.status !== 200 || !responseDetails.response) {
  12199.         throw new Error(`${i18next.t('compiler.common.error', { ns: 'codeEditor' })}`);
  12200.     }
  12201.  
  12202.     const response = JSON.parse(responseDetails.response);
  12203.     return {
  12204.         Errors: response.compiler_error === "" ? response.signal : response.compiler_error,
  12205.         Result: response.program_output || '',
  12206.         Stats: response.status === "0" ? "Finish" : "Error"
  12207.     };
  12208. }
  12209.  
  12210. // 更改编译器参数
  12211. function changeCompilerArgs(nowSelect) {
  12212.     if (OJBetter.monaco.onlineCompilerChoice == "official") {
  12213.         officialCompilerArgsChange(nowSelect);
  12214.     } else if (OJBetter.monaco.onlineCompilerChoice == "rextester") {
  12215.         rextesterCompilerArgsChange(nowSelect);
  12216.     } else if (OJBetter.monaco.onlineCompilerChoice == "wandbox") {
  12217.         wandboxCompilerArgsChange(nowSelect);
  12218.     }
  12219. }
  12220.  
  12221. // 在线编译器通信
  12222. async function onlineCompilerConnect(code, input) {
  12223.     if (OJBetter.monaco.onlineCompilerChoice == "official") {
  12224.         return await officialCompiler(code, input);
  12225.     } else if (OJBetter.monaco.onlineCompilerChoice == "rextester") {
  12226.         return await rextesterCompiler(code, input);
  12227.     } else if (OJBetter.monaco.onlineCompilerChoice == "wandbox") {
  12228.         return await wandboxCompiler(code, input);
  12229.     }
  12230. }
  12231.  
  12232. // 差异对比
  12233. function codeDiff(expectedText, actualText) {
  12234.     // 将文本按行拆分
  12235.     const expectedLines = expectedText ? expectedText.split('\n') : [];
  12236.     const actualLines = actualText ? actualText.split('\n') : [];
  12237.  
  12238.     const output = document.createElement('div');
  12239.  
  12240.     const createLineElement = (lineNo, contentElement) => {
  12241.         const lineDiv = document.createElement('div');
  12242.         lineDiv.className = 'diffLine';
  12243.  
  12244.         const lineNoDiv = document.createElement('div');
  12245.         lineNoDiv.className = 'lineNo';
  12246.         lineNoDiv.textContent = lineNo;
  12247.  
  12248.         lineDiv.appendChild(lineNoDiv);
  12249.         lineDiv.appendChild(contentElement);
  12250.  
  12251.         return lineDiv;
  12252.     };
  12253.  
  12254.     const createContentElement = (isEquals = true, expected = null, removed = null) => {
  12255.         const contentDiv = document.createElement('div');
  12256.         contentDiv.className = 'lineContent';
  12257.  
  12258.         if (isEquals) {
  12259.             const span = document.createElement('span');
  12260.             span.textContent = expected;
  12261.             contentDiv.appendChild(span);
  12262.         } else {
  12263.             if (removed != null) {
  12264.                 const removedSpan = document.createElement('span');
  12265.                 removedSpan.className = 'removed';
  12266.                 removedSpan.textContent = removed;
  12267.                 contentDiv.appendChild(removedSpan);
  12268.             }
  12269.             if (expected != null) {
  12270.                 const addedSpan = document.createElement('span');
  12271.                 addedSpan.className = 'added';
  12272.                 addedSpan.textContent = expected;
  12273.                 contentDiv.appendChild(addedSpan);
  12274.             }
  12275.         }
  12276.  
  12277.         return contentDiv;
  12278.     };
  12279.  
  12280.     let index = 1;
  12281.  
  12282.     expectedLines.forEach((expectedLine, i) => {
  12283.         const actualLine = actualLines[i];
  12284.         if (actualLine === undefined) {
  12285.             output.appendChild(createLineElement(index++, createContentElement(false, expectedLine)));
  12286.         } else if (expectedLine === actualLine) {
  12287.             output.appendChild(createLineElement(index++, createContentElement(true, expectedLine)));
  12288.         } else {
  12289.             output.appendChild(createLineElement(index++, createContentElement(false, expectedLine, actualLine)));
  12290.         }
  12291.     });
  12292.  
  12293.     // 处理多余的 actualLines
  12294.     for (let i = expectedLines.length; i < actualLines.length; i++) {
  12295.         output.appendChild(createLineElement(index++, createContentElement(false, null, actualLines[i])));
  12296.     }
  12297.  
  12298.     return output.innerHTML;
  12299. }
  12300.  
  12301. // 内容类型常量
  12302. const TestCaseContentType = {
  12303.     TERMINAL: 'terminal',
  12304.     DIFF: 'diff',
  12305.     NO_DIFF: 'no_diff',
  12306.     SUCCESS: 'success'
  12307. };
  12308.  
  12309. // 样例测试状态类
  12310. class TestCaseStatus {
  12311.     constructor(item, prefix) {
  12312.         this.testCase = OJB_safeCreateJQElement(`<div class="test-case"></div>`);
  12313.         this.item = item;
  12314.         this.prefix = prefix;
  12315.         this.titleElement = OJB_safeCreateJQElement(`<div class="test-case-title">${this.prefix} ${this.item}</div>`);
  12316.         this.statusElement = OJB_safeCreateJQElement(`<div class="test-case-status"></div>`);
  12317.         this.contentElement = OJB_safeCreateJQElement(`<div class="test-case-content"></div>`);
  12318.         this.judgeElement = OJB_safeCreateJQElement(`<div class="test-case-judge"></div>`);
  12319.         this.testCase.append(this.titleElement, this.statusElement, this.contentElement, this.judgeElement);
  12320.         $('#statePanel').append(this.testCase);
  12321.         this.setStatus('Queued', 'queued');
  12322.     }
  12323.  
  12324.     setTitle(title) {
  12325.         this.titleElement.text(title);
  12326.     }
  12327.  
  12328.     setStatus(text, status) {
  12329.         this.statusElement.text(text).removeClass('queued running success error').addClass(status);
  12330.     }
  12331.  
  12332.     setContent(content, type) {
  12333.         // 如果内容类型为SUCCESS，隐藏内容元素并提前返回
  12334.         if (type === TestCaseContentType.SUCCESS) {
  12335.             this.contentElement.hide();
  12336.             return;
  12337.         }
  12338.  
  12339.         // 根据内容类型创建内容元素
  12340.         const createContentElementByType = (content, type) => {
  12341.             let contentElement;
  12342.             switch (type) {
  12343.                 case TestCaseContentType.TERMINAL:
  12344.                     // 为TERMINAL类型创建一个新的终端容器
  12345.                     contentElement = OJB_safeCreateJQElement(`<div class="terminal-container" style="overflow: auto;"></div>`);
  12346.                     break;
  12347.                 case TestCaseContentType.DIFF:
  12348.                 case TestCaseContentType.NO_DIFF:
  12349.                     // 为DIFF和NO_DIFF类型创建相应的内容元素，并添加差异说明
  12350.                     const className = type === TestCaseContentType.DIFF ? "output_diff" : "output_no_diff";
  12351.                     contentElement = OJB_safeCreateJQElement(`<pre class="${className}">${content}</pre>`);
  12352.                     appendDiffNote();
  12353.                     break;
  12354.                 default:
  12355.                     throw new Error("Unsupported content type.");
  12356.             }
  12357.             return contentElement;
  12358.         };
  12359.  
  12360.         // 初始化终端
  12361.         const initializeTerminal = (content, contentElement) => {
  12362.             const term = new Terminal({ rows: 10, cols: 150 });
  12363.             term.setOption('theme', { background: '#2d2e2c' });
  12364.             term.setOption('convertEol', true); // 将换行符\n转换为\r\n
  12365.             term.write(content);
  12366.             term.open(contentElement.get(0));
  12367.         };
  12368.  
  12369.         // 添加差异说明
  12370.         const appendDiffNote = () => {
  12371.             const diffNote = OJB_safeCreateJQElement(`<div class="diff_note">${i18next.t('resultBlock.diffNote', { ns: 'codeEditor' })}</div>`);
  12372.             this.testCase.append(diffNote);
  12373.         };
  12374.  
  12375.         // 创建并追加内容元素
  12376.         const contentElement = createContentElementByType(content, type);
  12377.         this.contentElement.append(contentElement);
  12378.  
  12379.         // 如果内容类型为TERMINAL，初始化并打开终端
  12380.         if (type === TestCaseContentType.TERMINAL) {
  12381.             initializeTerminal(content, contentElement);
  12382.         }
  12383.     }
  12384.  
  12385.     setJudge(judge) {
  12386.         this.judgeElement.text(judge);
  12387.     }
  12388. }
  12389.  
  12390. // 样例测试函数
  12391. async function runCode(event, runButton, sourceDiv) {
  12392.     event.preventDefault();
  12393.     const statePanel = $('#statePanel').show().empty();
  12394.     const testData = getTestData();
  12395.     const customTestData = await getCustomTestData();
  12396.     const totalTests = Object.keys(customTestData).length + Object.keys(testData).length;
  12397.  
  12398.     let passedTests = 0;
  12399.     let failedTests = 0;
  12400.     let hasError = false;
  12401.  
  12402.     // 定义一个对象队列，包括创建的样例块实例和对应的样例数据
  12403.     const queue = [];
  12404.  
  12405.     // 先生成各个样例的块，并显示排队中，将创建的各个对象存到队列中，以便后面更新
  12406.     for (const [item, data] of Object.entries(customTestData)) {
  12407.         const testCase = new TestCaseStatus(item, i18next.t('resultBlock.title.custom', { ns: 'codeEditor' }));
  12408.         queue.push({ testCase, data });
  12409.     }
  12410.  
  12411.     if (!$('#onlyCustomTest').prop('checked')) {
  12412.         for (const [item, data] of Object.entries(testData)) {
  12413.             const testCase = new TestCaseStatus(item, i18next.t('resultBlock.title.sample', { ns: 'codeEditor' }));
  12414.             queue.push({ testCase, data });
  12415.         }
  12416.     }
  12417.  
  12418.     // 测试函数
  12419.     const runTest = async (testCase, data, index) => {
  12420.         runButton.setButtonState('running', `${index}/${totalTests}`);
  12421.  
  12422.         testCase.setStatus('Running', 'running');
  12423.         const result = await onlineCompilerConnect(sourceDiv.val(), data.input);
  12424.  
  12425.         if (result.Errors) {
  12426.             testCase.setStatus('Compilation error or Time limit', 'error');
  12427.             testCase.setContent(result.Errors, TestCaseContentType.TERMINAL);
  12428.             hasError = true;
  12429.         } else if (result.Result.trim() === data.output.trim()) {
  12430.             testCase.setStatus('Accepted', 'success');
  12431.             testCase.setContent('The output is correct.', TestCaseContentType.SUCCESS);
  12432.             passedTests++;
  12433.         } else {
  12434.             testCase.setStatus('Wrong Answer', 'error');
  12435.             const diffContent = $('#DontShowDiff').prop('checked') ? result.Result.trim() : codeDiff(data.output.trim(), result.Result.trim());
  12436.             const contentType = $('#DontShowDiff').prop('checked') ? TestCaseContentType.NO_DIFF : TestCaseContentType.DIFF;
  12437.             testCase.setContent(diffContent, contentType);
  12438.             failedTests++;
  12439.         }
  12440.  
  12441.         const judgeStats = `${i18next.t('resultBlock.state', { ns: 'codeEditor' })}${result.Stats}`;
  12442.         testCase.setJudge(judgeStats);
  12443.  
  12444.         await OJB_delay(500); // 等待500毫秒
  12445.     };
  12446.  
  12447.     // 对队列中的对象进行测试
  12448.     for (let i = 0; i < queue.length; i++) {
  12449.         const { testCase, data } = queue[i];
  12450.         await runTest(testCase, data, i + 1);
  12451.     }
  12452.  
  12453.     // 测试完成后更新按钮状态
  12454.     if (hasError) {
  12455.         runButton.setButtonState('error', i18next.t('runTestButton.error', { ns: 'codeEditor' }));
  12456.     } else if (failedTests > 0) {
  12457.         runButton.setButtonState('error', `${passedTests}/${totalTests} ` + i18next.t('runTestButton.partial', { ns: 'codeEditor' }));
  12458.     } else {
  12459.         runButton.setButtonState('success', i18next.t('runTestButton.success', { ns: 'codeEditor' }));
  12460.         if (OJBetter.monaco.setting.autoSubmitAfterPass) {
  12461.             $('#OJBetter_SubmitForm').submit(); // 自动提交
  12462.         }
  12463.     }
  12464. }
  12465.  
  12466. /**
  12467.  * 添加题目页代码编辑器
  12468.  * @returns 
  12469.  */
  12470. async function addProblemPageCodeEditor() {
  12471.     // if (typeof ace === 'undefined') {
  12472.     //     const loadingMessage = new LoadingMessage();
  12473.     //     loadingMessage.updateStatus(`${OJBetter.state.name} —— ${i18next.t('error.codeEditor.load', { ns: 'alert' })}`, 'error');
  12474.     //     return; // 因为Codeforces设定的是未登录时不能访问提交页，也不会加载ace库
  12475.     // }
  12476.  
  12477.     // 获取提交页链接
  12478.     const href = window.location.href;
  12479.     let submitUrl = OJBetter.common.hostAddress + $('.form-code-submit').attr('action');
  12480.     // if (/\/problemset\//.test(href)) {
  12481.     //     // problemset
  12482.     //     submitUrl = OJBetter.common.hostAddress + '/problemset/submit';
  12483.     // } else if (/\/gym\//.test(href)) {
  12484.     //     // gym 题目
  12485.     //     submitUrl = OJBetter.common.hostAddress + '/gym/' + ((href) => {
  12486.     //         const regex = /\/gym\/(?<num>[0-9a-zA-Z]*?)\/problem\//;
  12487.     //         const match = href.match(regex);
  12488.     //         return match && match.groups.num;
  12489.     //     })(href) + '/submit';
  12490.     // } else if (OJBetter.typeOfPage.is_acmsguru) {
  12491.     //     // acmsguru 题目
  12492.     //     submitUrl = href.replace(/\/problemsets[A-Za-z0-9\/#]*/, "/problemsets/acmsguru/submit");
  12493.     // } else {
  12494.     //     submitUrl = href.replace(/\/problem[A-Za-z0-9\/#]*/, "/submit");
  12495.     // }
  12496.  
  12497.     // // 获取提交页HTML
  12498.     // let cloneHTML = await getSubmitHTML(submitUrl);
  12499.  
  12500.     // 创建
  12501.     // let form = await createCodeEditorForm(submitUrl, cloneHTML);
  12502.     let form = await createCodeEditorForm(submitUrl);
  12503.     let selectLang = form.selectLang;
  12504.     let submitButton = form.submitButton;
  12505.     let runButton = form.runButton;
  12506.  
  12507.     // 初始化
  12508.     CustomTestInit(); // 自定义测试数据面板
  12509.     selectLang.val(OJBetter.monaco.compilerSelection); // 恢复上一次的语言选择
  12510.  
  12511.     // 设置语言选择change事件监听器
  12512.     selectLang.on('change', () => {
  12513.         changeMonacoLanguage(form); // 编辑器语言切换监听
  12514.     });
  12515.     changeMonacoLanguage(form);
  12516.  
  12517.     // 样例测试
  12518.     runButton.on('click', (event) => runCode(event, runButton, form.sourceDiv, form.submitDiv))
  12519.         .setHoverRedo();
  12520.  
  12521.     // 提交
  12522.     submitButton.on('click', async function (event) {
  12523.         event.preventDefault();
  12524.         if (OJBetter.monaco.setting.isCodeSubmitDoubleConfirm) {
  12525.             // 获取题目名
  12526.             const questionTitle = (() => {
  12527.                 const element = document.querySelector('.h2');
  12528.                 return Array.from(element.childNodes)
  12529.                     .filter(node => node.nodeType === Node.TEXT_NODE)
  12530.                     .map(textNode => textNode.textContent.trim())
  12531.                     .join(' ');
  12532.             })();
  12533.             const submit = await OJB_createDialog(
  12534.                 i18next.t('submitCode.title', { ns: 'dialog' }),
  12535.                 i18next.t('submitCode.content', { ns: 'dialog', questionTitle: questionTitle }),
  12536.                 [
  12537.                     i18next.t('submitCode.buttons.0', { ns: 'dialog' }),
  12538.                     i18next.t('submitCode.buttons.1', { ns: 'dialog' })
  12539.                 ],
  12540.                 true
  12541.             ); //提交确认
  12542.             if (submit) {
  12543.                 submitButton.after(`<img class="OJBetter_loding" src="//codeforces.org/s/84141/images/ajax-loading-24x24.gif">`);
  12544.                 $('#OJBetter_SubmitForm').submit();
  12545.             } else {
  12546.                 submitButton.addClass('disabled');
  12547.                 setTimeout(function () {
  12548.                     submitButton.removeClass('disabled');
  12549.                 }, 300);
  12550.             }
  12551.         } else {
  12552.             $('#OJBetter_SubmitForm').submit();
  12553.         }
  12554.     });
  12555. }
  12556.  
  12557. /**
  12558.  * 获取翻译服务目标语言的对应代码
  12559.  * @param {string} serverName 服务名称
  12560.  * @returns {string} 目标语言，如果没有对应代码则返回中文
  12561.  */
  12562. function getTargetLanguage(serverName) {
  12563.     let targetLanguage = OJBetter.supportList.translationSupport[serverName][OJBetter.translation.targetLang];
  12564.     if (targetLanguage) return targetLanguage;
  12565.     else return OJBetter.supportList.translationSupport[serverName]['zh'];
  12566. }
  12567.  
  12568. /**
  12569.  * 将文本中Markdown格式的加粗**转换成HTML格式。
  12570.  * @param {string} text 文本
  12571.  * @returns {string} 替换后的字符串
  12572.  */
  12573. function convertBoldMarkdownToHTML(text) {
  12574.     return text.replace(/\*\*(.*?)\*\*/g, '<strong>$1</strong>');
  12575. }
  12576.  
  12577. /**
  12578. * 将文本中Markdown格式的链接文本转换成HTML格式。
  12579. * @param {string} text 文本
  12580. * @returns {string} 替换后的字符串
  12581. */
  12582. function convertLinksMarkdownToHTML(text) {
  12583.     return text.replace(/(?<!!)\[(.*?)\]\(([^"]*?)("(.*?)")*\)/g, '<a href="$2" title="$4">$1</a>');
  12584. }
  12585.  
  12586. /**
  12587.  * 将HTML格式的加粗文本转换回Markdown格式。
  12588.  * @param {string} text 文本
  12589.  * @returns {string} 替换后的字符串
  12590.  */
  12591. function convertBoldHTMLToMarkdown(text) {
  12592.     return text.replace(/<strong>(.*?)<\/strong>/g, '**$1**');
  12593. }
  12594.  
  12595. /**
  12596.  * 将HTML格式的链接文本转换回Markdown格式。
  12597.  * @param {string} html - 包含HTML链接标签<a>的字符串。
  12598.  * @returns {string} 转换后的字符串，其中HTML链接标签被替换为Markdown的链接语法。
  12599.  */
  12600. function convertLinksHTMLToMarkdown(html) {
  12601.     return html.replace(/<a href="([^"]*)"( title="([^"]*)")*>([^<]+)<\/a>/g, '[$4]($1 "$3")');
  12602. }
  12603.  
  12604. /**
  12605.  * DeepL翻译
  12606.  * @param {string} raw 原文
  12607.  * @returns {Promise<TransRawData>} 翻译结果对象
  12608.  */
  12609. async function translate_deepl(raw) {
  12610.     const id = (Math.floor(Math.random() * 99999) + 100000) * 1000;
  12611.     const data = {
  12612.         jsonrpc: '2.0',
  12613.         method: 'LMT_handle_texts',
  12614.         id,
  12615.         params: {
  12616.             splitting: 'newlines',
  12617.             lang: {
  12618.                 source_lang_user_selected: 'auto',
  12619.                 target_lang: getTargetLanguage('deepl'),
  12620.             },
  12621.             texts: [{
  12622.                 text: raw,
  12623.                 requestAlternatives: 3
  12624.             }],
  12625.             timestamp: getTimeStamp(raw.split('i').length - 1)
  12626.         }
  12627.     }
  12628.     let postData = JSON.stringify(data);
  12629.     if ((id + 5) % 29 === 0 || (id + 3) % 13 === 0) {
  12630.         postData = postData.replace('"method":"', '"method" : "');
  12631.     } else {
  12632.         postData = postData.replace('"method":"', '"method": "');
  12633.     }
  12634.     const options = {
  12635.         method: 'POST',
  12636.         url: 'https://www2.deepl.com/jsonrpc',
  12637.         data: postData,
  12638.         headers: {
  12639.             'Content-Type': 'application/json',
  12640.             'Host': 'www2.deepl.com',
  12641.             'Origin': 'https://www.deepl.com',
  12642.             'Referer': 'https://www.deepl.com/',
  12643.         },
  12644.         anonymous: true,
  12645.         nocache: true,
  12646.     }
  12647.  
  12648.     return await BaseTranslate(options, res => JSON.parse(res)?.result?.texts?.[0]?.text || res, res => {
  12649.         const resObj = {
  12650.             status: true,
  12651.             message: 'ok'
  12652.         };
  12653.         if (res.includes('"message":"Too many requests"')) {
  12654.             resObj.status = false;
  12655.             resObj.message = i18next.t('error.deepl429', { ns: 'translator' }); // Too many requests 提示
  12656.             return resObj;
  12657.         };
  12658.         return resObj;
  12659.     });
  12660. }
  12661.  
  12662. /**
  12663.  * 使用 DeepL Free API 进行翻译
  12664.  * @param {string} raw 原文
  12665.  * @returns {Promise<TransRawData>} 翻译结果对象
  12666.  */
  12667. async function translate_deepl_api_free(raw) {
  12668.     const data = JSON.stringify({
  12669.         text: [raw],
  12670.         target_lang: getTargetLanguage('deepl'),
  12671.         split_sentences: '1',
  12672.         ...(OJBetter.deepl.enableEmphasisProtection || OJBetter.deepl.enableLinkProtection ? { tag_handling: 'html' } : {}),
  12673.         ...Object.assign({}, ...OJBetter.deepl.config.data)
  12674.     });
  12675.  
  12676.     const options = {
  12677.         method: "POST",
  12678.         url: OJBetter.deepl.config.proxy || "https://api-free.deepl.com/v2/translate",
  12679.         headers: {
  12680.             "Authorization": `DeepL-Auth-Key ${OJBetter.deepl.config.key}`,
  12681.             "Content-Type": "application/json",
  12682.             ...Object.assign({}, ...OJBetter.deepl.config.header)
  12683.         },
  12684.         data: data,
  12685.         onload: response => response.responseText,
  12686.         onerror: error => console.error(error)
  12687.     };
  12688.  
  12689.     return await BaseTranslate(options, res => JSON.parse(res).translations[0].text);
  12690. }
  12691.  
  12692. /**
  12693.  * 使用 DeepL Pro API 进行翻译
  12694.  * @param {string} raw 原文
  12695.  * @returns {Promise<TransRawData>} 翻译结果对象
  12696.  */
  12697. async function translate_deepl_api_pro(raw) {
  12698.     const data = JSON.stringify({
  12699.         text: [raw],
  12700.         target_lang: getTargetLanguage('deepl'),
  12701.         split_sentences: '1',
  12702.         ...(OJBetter.deepl.enableEmphasisProtection || OJBetter.deepl.enableLinkProtection ? { tag_handling: 'html' } : {}),
  12703.         ...Object.assign({}, ...OJBetter.deepl.config.data)
  12704.     });
  12705.  
  12706.     const options = {
  12707.         method: "POST",
  12708.         url: OJBetter.deepl.config.proxy || "https://api.deepl.com/v2/translate",
  12709.         headers: {
  12710.             "Authorization": `DeepL-Auth-Key ${OJBetter.deepl.config.key}`,
  12711.             "Content-Type": "application/json",
  12712.             ...Object.assign({}, ...OJBetter.deepl.config.header)
  12713.         },
  12714.         data: data,
  12715.         onload: response => response.responseText,
  12716.         onerror: error => console.error(error)
  12717.     };
  12718.  
  12719.     return await BaseTranslate(options, res => JSON.parse(res).translations[0].text);
  12720. }
  12721.  
  12722. /**
  12723.  * 使用 DeepLX 进行翻译
  12724.  * @param {String} text 原文
  12725.  * @returns {Promise<TransRawData>} 翻译结果对象
  12726.  */
  12727. async function translate_deeplx(text) {
  12728.     const options = {
  12729.         method: "POST",
  12730.         url: OJBetter.deepl.config.proxy || 'https://api.deeplx.org/translate',
  12731.         data: JSON.stringify({
  12732.             "text": text,
  12733.             "source_lang": "EN",
  12734.             "target_lang": getTargetLanguage('deepl'),
  12735.         }),
  12736.         headers: {
  12737.             'Content-Type': 'application/json',
  12738.             ...(OJBetter.deepl.config.key ? { Authorization: `Bearer ${OJBetter.deepl.config.key}` } : {})
  12739.         },
  12740.         responseType: "json",
  12741.     };
  12742.  
  12743.     return await BaseTranslate(options, res => {
  12744.         const parsedResponse = JSON.parse(res);
  12745.         if (parsedResponse.code === 200 && parsedResponse.data) {
  12746.             return parsedResponse.data;
  12747.         } else {
  12748.             throw new Error('Translation failed or invalid response format.');
  12749.         }
  12750.     });
  12751. }
  12752.  
  12753. function getTimeStamp(iCount) {
  12754.     const ts = Date.now();
  12755.     if (iCount !== 0) {
  12756.         iCount = iCount + 1;
  12757.         return ts - (ts % iCount) + iCount;
  12758.     } else {
  12759.         return ts;
  12760.     }
  12761. }
  12762.  
  12763. /**
  12764.  * 讯飞听见翻译
  12765.  * @param {String} text 要翻译的文本
  12766.  * @returns {Promise<TransRawData>} 翻译结果对象
  12767.  */
  12768. async function translate_iflyrec(text) {
  12769.     const options = {
  12770.         method: "POST",
  12771.         url: 'https://www.iflyrec.com/TranslationService/v1/textTranslation',
  12772.         data: JSON.stringify({
  12773.             "from": "2",
  12774.             "to": getTargetLanguage('iflyrec'),
  12775.             "contents": [{
  12776.                 "text": text,
  12777.                 "frontBlankLine": 0
  12778.             }]
  12779.         }),
  12780.         anonymous: true,
  12781.         headers: {
  12782.             'Content-Type': 'application/json',
  12783.             'Origin': 'https://www.iflyrec.com',
  12784.         },
  12785.         responseType: "json",
  12786.     };
  12787.     return await BaseTranslate(options, res => JSON.parse(res).biz[0].translateResult.replace(/\\n/g, "\n\n"));
  12788. }
  12789.  
  12790. /**
  12791.  * 有道翻译
  12792.  * @param {string} raw 原文
  12793.  * @returns {Promise<TransRawData>} 翻译结果对象
  12794.  */
  12795. async function translate_youdao_mobile(raw) {
  12796.     /**
  12797.      * 生成cookie
  12798.      */
  12799.     const getcookie = (() => {
  12800.         // 生成IP地址
  12801.         const generateIP = () => {
  12802.             return `${OJB_getRandomNumberInRange(1, 255)}.${OJB_getRandomNumberInRange(1, 255)}.${OJB_getRandomNumberInRange(1, 255)}.${OJB_getRandomNumberInRange(1, 255)}`;
  12803.         }
  12804.         // 生成OUTFOX_SEARCH_USER_ID_NCOO的值
  12805.         const OUTFOX_SEARCH_USER_ID_NCOO = `${OJB_getRandomNumberInRange(100000000, 999999999)}.${OJB_getRandomNumberInRange(100000000, 999999999)}`;
  12806.         // 生成OUTFOX_SEARCH_USER_ID的值
  12807.         const OUTFOX_SEARCH_USER_ID = `${OJB_getRandomNumberInRange(100000000, 999999999)}@${generateIP()}`;
  12808.         return `OUTFOX_SEARCH_USER_ID_NCOO=${OUTFOX_SEARCH_USER_ID_NCOO}; OUTFOX_SEARCH_USER_ID=${OUTFOX_SEARCH_USER_ID}`;
  12809.     })();
  12810.  
  12811.     /**
  12812.      * 生成随机时间戳
  12813.      */
  12814.     const gettime = (new Date()).getTime();
  12815.  
  12816.     /**
  12817.      * 生成sign
  12818.      */
  12819.     const getsign = (() => {
  12820.         const d = "fanyideskweb";
  12821.         const u = "webfanyi";
  12822.         const t = "fsdsogkndfokasodnaso";
  12823.         function A(e) {
  12824.             return CryptoJS.MD5(e.toString()).toString(CryptoJS.enc.Hex);
  12825.         }
  12826.         function w(e) {
  12827.             return A(`client=${d}&mysticTime=${e}&product=${u}&key=${t}`);
  12828.         }
  12829.         return w(gettime);
  12830.     })();
  12831.  
  12832.     /**
  12833.      * 解码方法
  12834.      * @param {string} src 待解码的字符串
  12835.      * @returns {Object} 解码后的数据
  12836.      */
  12837.     const decode = function (src) {
  12838.         // 解码URL安全的Base64
  12839.         const decodeUrlSafeBase64 = (str) => {
  12840.             let base64 = str.replace(/-/g, '+').replace(/_/g, '/');
  12841.             return base64;
  12842.         }
  12843.  
  12844.         // 使用MD5生成key和iv，取前16字节
  12845.         const key = "ydsecret://query/key/B*RGygVywfNBwpmBaZg*WT7SIOUP2T0C9WHMZN39j^DAdaZhAnxvGcCY6VYFwnHl";
  12846.         const iv = "ydsecret://query/iv/C@lZe2YzHtZ2CYgaXKSVfsb7Y4QWHjITPPZ0nQp87fBeJ!Iv6v^6fvi2WN@bYpJ4";
  12847.         const keyHash = CryptoJS.MD5(key).toString();
  12848.         const ivHash = CryptoJS.MD5(iv).toString();
  12849.  
  12850.         // 使用AES-128-CBC模式进行解密
  12851.         const keyForAES = CryptoJS.enc.Hex.parse(keyHash).toString().substring(0, 32);
  12852.         const ivForAES = CryptoJS.enc.Hex.parse(ivHash).toString().substring(0, 32);
  12853.  
  12854.         // 解码URL安全的Base64
  12855.         const decodedBase64 = decodeUrlSafeBase64(src);
  12856.  
  12857.         // 解密
  12858.         const decrypted = CryptoJS.AES.decrypt({
  12859.             ciphertext: CryptoJS.enc.Base64.parse(decodedBase64)
  12860.         }, CryptoJS.enc.Hex.parse(keyForAES), {
  12861.             iv: CryptoJS.enc.Hex.parse(ivForAES),
  12862.             mode: CryptoJS.mode.CBC,
  12863.             padding: CryptoJS.pad.Pkcs7
  12864.         });
  12865.  
  12866.         // 将解密结果转换为Utf8字符串
  12867.         const decryptedStr = decrypted.toString(CryptoJS.enc.Utf8);
  12868.  
  12869.         // 处理JSON字符串并解析
  12870.         const jsonStr = decryptedStr.substring(0, decryptedStr.lastIndexOf("}") + 1);
  12871.         return JSON.parse(jsonStr);
  12872.     }
  12873.     // 整理数据
  12874.     const organizeTranslation = (data) => {
  12875.         // 提取translateResult数组
  12876.         const { translateResult } = data;
  12877.  
  12878.         // 整理tgt字段
  12879.         return translateResult
  12880.             .flat()
  12881.             .map(item => item.tgt)
  12882.             .join('');
  12883.     };
  12884.     // 表单数据
  12885.     const data = {
  12886.         "i": raw,
  12887.         "from": "auto",
  12888.         "to": getTargetLanguage('youdao'),
  12889.         "dictResult": "true",
  12890.         "keyid": "webfanyi",
  12891.         "sign": getsign,
  12892.         "client": "fanyideskweb",
  12893.         "product": "webfanyi",
  12894.         "appVersion": "1.0.0",
  12895.         "vendor": "web",
  12896.         "pointParam": "client,mysticTime,product",
  12897.         "mysticTime": gettime,
  12898.         "keyfrom": "fanyi.web",
  12899.         "mid": "1",
  12900.         "screen": "1",
  12901.         "model": "1",
  12902.         "network": "wifi",
  12903.         "abtest": "0",
  12904.         "yduuid": "abcdefg"
  12905.     };
  12906.     const options = {
  12907.         method: "POST",
  12908.         url: 'https://dict.youdao.com/webtranslate',
  12909.         data: new URLSearchParams(data),
  12910.         anonymous: true,
  12911.         cookie: getcookie,
  12912.         headers: {
  12913.             "Content-Type": "application/x-www-form-urlencoded",
  12914.             'Referer': 'https://fanyi.youdao.com/',
  12915.         }
  12916.     }
  12917.     return await BaseTranslate(options,
  12918.         res => {
  12919.             const decodeData = decode(res)
  12920.             const result = organizeTranslation(decodeData);
  12921.             return result;
  12922.         }
  12923.     );
  12924. }
  12925.  
  12926. /**
  12927.  * google翻译
  12928.  * @param {string} raw 原文
  12929.  * @returns {Promise<TransRawData>} 翻译结果对象
  12930.  */
  12931. async function translate_gg(raw) {
  12932.     const params = `tl=${getTargetLanguage('google')}&q=${encodeURIComponent(raw)}`;
  12933.     const options = {
  12934.         method: "GET",
  12935.         url: `https://translate.google.com/m?${params}`,
  12936.     }
  12937.     return await BaseTranslate(options,
  12938.         res => $(res).filter('.result-container').text() || $(res).find('.result-container').text());
  12939. }
  12940.  
  12941. /**
  12942.  * 彩云翻译
  12943.  * @param {string} raw 原文
  12944.  * @returns {Promise<TransRawData>} 翻译结果对象
  12945.  */
  12946. async function translate_caiyun(raw) {
  12947.     const source = "NOPQRSTUVWXYZABCDEFGHIJKLMnopqrstuvwxyzabcdefghijklm";
  12948.     const dic = [..."ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz"].reduce((dic, current, index) => { dic[current] = source[index]; return dic }, {});
  12949.     const browser_id = CryptoJS.MD5(Math.random().toString()).toString();
  12950.     const caiyun_jwt = await (async () => {
  12951.         const options = {
  12952.             method: "POST",
  12953.             url: 'https://api.interpreter.caiyunai.com/v1/user/jwt/generate',
  12954.             headers: {
  12955.                 "content-type": "application/json",
  12956.                 "x-authorization": "token:qgemv4jr1y38jyq6vhvi",
  12957.                 "origin": "https://fanyi.caiyunapp.com",
  12958.             },
  12959.             data: JSON.stringify({ browser_id }),
  12960.         }
  12961.         const res = await OJB_GMRequest(options);
  12962.         return JSON.parse(res.responseText).jwt;
  12963.     })();
  12964.  
  12965.     // 解码
  12966.     const decodeUnicode = str => {
  12967.         const decoder = new TextDecoder();
  12968.         const data = Uint8Array.from(atob(str), c => c.charCodeAt(0));
  12969.         return decoder.decode(data);
  12970.     };
  12971.     const decoder = line => decodeUnicode([...line].map(i => dic[i] || i).join(""));
  12972.  
  12973.     const options = {
  12974.         method: "POST",
  12975.         url: 'https://api.interpreter.caiyunai.com/v1/translator',
  12976.         data: JSON.stringify({
  12977.             "source": raw.split('\n'),
  12978.             "browser_id": browser_id,
  12979.             "trans_type": getTargetLanguage('caiyun'),
  12980.             "request_id": "web_fanyi",
  12981.             "media": "text",
  12982.             "os_type": "web",
  12983.             "dict": true,
  12984.             "cached": true,
  12985.             "replaced": true,
  12986.             "style": "formal",
  12987.             "model": "",
  12988.             "detect": true,
  12989.         }),
  12990.         headers: {
  12991.             "content-type": "application/json;charset=UTF-8",
  12992.             "x-authorization": "token:qgemv4jr1y38jyq6vhvi",
  12993.             "t-authorization": caiyun_jwt
  12994.         }
  12995.     }
  12996.     return await BaseTranslate(options, res => JSON.parse(res).target.map(decoder).join('\n'))
  12997. }
  12998.  
  12999. /**
  13000.  * ChatGPT
  13001.  * @param {string} raw 原文
  13002.  * @returns {Promise<TransRawData>} 翻译结果对象
  13003.  */
  13004. async function translate_openai(raw) {
  13005.     const modelDefault = 'gpt-3.5-turbo';
  13006.     const lang = getTargetLanguage('openai');
  13007.     let prompt = "";
  13008.     if (OJBetter.chatgpt.customPrompt) {
  13009.         prompt = `\n${OJBetter.chatgpt.customPrompt}`;
  13010.         if (!OJBetter.chatgpt.asSystemPrompt) {
  13011.             prompt += `\n${raw}`;
  13012.         };
  13013.     } else {
  13014.         prompt = `
  13015. As a professional English translator, your task is to accurately translate a segment of an algorithm programming competition question into ${lang}.
  13016. The translation should use professional terms and maintain the text format, including ${OJBetter.typeOfPage.is_oldLatex || OJBetter.typeOfPage.is_acmsguru
  13017.                 ? "keeping the LaTeX equations unchanged."
  13018.                 : "keeping the brackets【】, HTML tags, and their content unchanged."
  13019.             }
  13020. After translation, please ensure that the ${lang} version conforms to normal expression habits.
  13021. What I need is a carefully polished ${lang} translation of my question segment. ${OJBetter.chatgpt.asSystemPrompt ? '' :
  13022.                 `The segment to be translated is as follows: "
  13023. ${raw}
  13024. "`}`;
  13025.     };
  13026.     const data = {
  13027.         model: OJBetter.chatgpt.config.model || modelDefault,
  13028.         messages: OJBetter.chatgpt.asSystemPrompt ?
  13029.             [
  13030.                 {
  13031.                     role: "system",
  13032.                     content: prompt
  13033.                 },
  13034.                 {
  13035.                     role: "user",
  13036.                     content: raw
  13037.                 }
  13038.             ] :
  13039.             [
  13040.                 {
  13041.                     role: "user",
  13042.                     content: prompt
  13043.                 }
  13044.             ],
  13045.         temperature: 0.7,
  13046.         ...Object.assign({}, ...OJBetter.chatgpt.config.data)
  13047.     };
  13048.     const options = {
  13049.         method: "POST",
  13050.         url: OJBetter.chatgpt.config.proxy || 'https://api.openai.com/v1/chat/completions',
  13051.         data: JSON.stringify(data),
  13052.         responseType: 'json',
  13053.         headers: {
  13054.             'Content-Type': 'application/json',
  13055.             'Authorization': 'Bearer ' + OJBetter.chatgpt.config.key,
  13056.             ...Object.assign({}, ...OJBetter.chatgpt.config.header)
  13057.         }
  13058.     }
  13059.     return await BaseTranslate(options,
  13060.         res => res,
  13061.         undefined,
  13062.         response => response.response.choices[0].message.content);
  13063. }
  13064.  
  13065. /**
  13066.  * ChatGPT 流式传输
  13067.  * @param {string} raw 原文
  13068.  * @param {TranslateDiv} translateDiv 翻译结果面板
  13069.  * @returns {Promise<TransRawData>} 翻译结果对象
  13070.  */
  13071. async function translate_openai_stream(raw, translateDiv) {
  13072.     const result = {
  13073.         done: true,
  13074.         checkPassed: null,
  13075.         response: null,
  13076.         responseText: null,
  13077.         text: "",
  13078.         error: null,
  13079.         message: null
  13080.     };
  13081.     const helpText = i18next.t('error.basic', { ns: 'translator' }); // 基本帮助提示信息
  13082.     try {
  13083.         for await (const delta of openai_stream(raw)) {
  13084.             result.text += delta;
  13085.             // 翻译结果面板更新
  13086.             translateDiv.updateTranslateDiv(result.text, !(OJBetter.typeOfPage.is_oldLatex || OJBetter.typeOfPage.is_acmsguru), false);
  13087.         }
  13088.         return result;
  13089.     } catch (err) {
  13090.         console.warn(err);
  13091.         result.error = {
  13092.             message: err.message || null,
  13093.             stack: err.stack ? err.stack.replace(/\n/g, '<br>').replace(/\s/g, '&nbsp;') : null,
  13094.             enumerable: err,
  13095.             source: 'openai_stream'
  13096.         };
  13097.         result.message = `${i18next.t('error.GMRequest', { ns: 'translator' })}${helpText}`;
  13098.     }
  13099.  
  13100.     return result;
  13101. }
  13102.  
  13103. /**
  13104.  * 流式传输
  13105.  * @param {string} raw 原文
  13106.  * @returns {AsyncGenerator<string>} 返回 AsyncGenerator
  13107.  */
  13108. async function* openai_stream(raw) {
  13109.     const modelDefault = 'gpt-3.5-turbo';
  13110.     const lang = getTargetLanguage('openai');
  13111.     let prompt = "";
  13112.     if (OJBetter.chatgpt.customPrompt) {
  13113.         prompt = `\n${OJBetter.chatgpt.customPrompt}`;
  13114.         if (!OJBetter.chatgpt.asSystemPrompt) {
  13115.             prompt += `\n${raw}`;
  13116.         };
  13117.     } else {
  13118.         prompt = `
  13119. As a professional English translator, your task is to accurately translate a segment of an algorithm programming competition question into ${lang}.
  13120. The translation should use professional terms and maintain the text format, including ${OJBetter.typeOfPage.is_oldLatex || OJBetter.typeOfPage.is_acmsguru
  13121.                 ? "keeping the LaTeX equations unchanged."
  13122.                 : "keeping the brackets【】, HTML tags, and their content unchanged."
  13123.             }
  13124. After translation, please ensure that the ${lang} version conforms to normal expression habits.
  13125. What I need is a carefully polished ${lang} translation of my question segment. ${OJBetter.chatgpt.asSystemPrompt ? '' :
  13126.                 `The segment to be translated is as follows: "
  13127. ${raw}
  13128. "`}`;
  13129.     };
  13130.     const data = {
  13131.         model: OJBetter.chatgpt.config.model || modelDefault,
  13132.         messages: OJBetter.chatgpt.asSystemPrompt ?
  13133.             [
  13134.                 {
  13135.                     role: "system",
  13136.                     content: prompt
  13137.                 },
  13138.                 {
  13139.                     role: "user",
  13140.                     content: raw
  13141.                 }
  13142.             ] :
  13143.             [
  13144.                 {
  13145.                     role: "user",
  13146.                     content: prompt
  13147.                 }
  13148.             ],
  13149.         temperature: 0.7,
  13150.         stream: true,
  13151.         ...Object.assign({}, ...OJBetter.chatgpt.config.data)
  13152.     };
  13153.     const options = {
  13154.         method: "POST",
  13155.         url: OJBetter.chatgpt.config.proxy || 'https://api.openai.com/v1/chat/completions',
  13156.         data: JSON.stringify(data),
  13157.         responseType: 'stream',
  13158.         headers: {
  13159.             'Content-Type': 'application/json',
  13160.             'Authorization': 'Bearer ' + OJBetter.chatgpt.config.key,
  13161.             ...Object.assign({}, ...OJBetter.chatgpt.config.header)
  13162.         }
  13163.     }
  13164.     const response = await OJB_GMRequest(options, true);
  13165.     const reader = response.response.getReader();
  13166.     const decoder = new TextDecoder();
  13167.     let buffer = ''; // 用于累积数据片段的缓冲区
  13168.  
  13169.     while (true) {
  13170.         const { done, value } = await reader.read();
  13171.         if (done) break;
  13172.         buffer += decoder.decode(value, { stream: true }); // 将新的数据片段追加到缓冲区
  13173.         let lines = buffer.split("\n\n"); // 处理累积的数据
  13174.  
  13175.         // 缓冲区的最后一行可能还未完整接收，保留在缓冲区中，-1
  13176.         for (let i = 0; i < lines.length - 1; i++) {
  13177.             let line = lines[i];
  13178.             line = line.substring(5); // 移除 'data:' 前缀
  13179.             if (line.includes('[DONE]')) {
  13180.                 return; // End
  13181.             }
  13182.             try {
  13183.                 let data = JSON.parse(line);
  13184.                 let delta = data['choices'][0]['delta'];
  13185.                 let content = delta['content'] ? delta['content'] : "";
  13186.                 yield content; // 传递数据给调用者
  13187.             } catch (error) {
  13188.                 console.warn(`Error parsing JSON: ${error}\n\nError data: ${line}`);
  13189.             }
  13190.         }
  13191.  
  13192.         // 保留最后一行在缓冲区中
  13193.         buffer = lines.slice(-1);
  13194.     }
  13195.  
  13196.     return buffer;
  13197. }
  13198.  
  13199. /**
  13200.  * @typedef {Object} CheckResponseResult
  13201.  * @property {boolean} status 检查是否通过
  13202.  * @property {string} message 检查失败时的消息
  13203.  */
  13204.  
  13205. /**
  13206.  * @typedef {Object} ErrorResponse
  13207.  * @property {Object} message 错误消息
  13208.  * @property {Object} stack 错误堆栈
  13209.  * @property {Object} enumerable 可枚举的错误属性
  13210.  * @property {string} source 错误来源
  13211.  */
  13212.  
  13213. /**
  13214.  * @typedef {Object} TransRawData
  13215.  * @property {boolean} done 操作是否完成
  13216.  * @property {CheckResponseResult|null} checkPassed 检查是否通过的结果
  13217.  * @property {Object|null} response 响应对象
  13218.  * @property {string|null} text 处理后的文本
  13219.  * @property {ErrorResponse} error 错误列表
  13220.  * @property {string|null} message 可能的消息
  13221.  */
  13222.  
  13223. /**
  13224.  * 通用翻译函数
  13225.  * @param {Object} options GM_xmlhttpRequest 的参数
  13226.  * @param {Function} processer 响应再处理函数，它接收响应文本，并应返回处理后的文本。
  13227.  * @param {Function} checkResponse 检查文本是否符合预期的函数，它接收文本，并返回一个Object，包含状态和信息。默认为返回 { status: true, message: 'ok' }
  13228.  * @param {Function} getResponseText 重写响应文本获取函数，它接收response，并返回响应文本。 默认为 response.responseText
  13229.  * @returns {Promise<TransRawData>} 返回 Promise，其解析值为翻译结果对象
  13230.  */
  13231. async function BaseTranslate(options, processer, checkResponse = () => { return { status: true, message: 'ok' } }, getResponseText = (response) => response.responseText) {
  13232.     const result = {
  13233.         done: false,
  13234.         checkPassed: null,
  13235.         response: null,
  13236.         responseText: null,
  13237.         text: "",
  13238.         error: null,
  13239.         message: null
  13240.     };
  13241.     const helpText = i18next.t('error.basic', { ns: 'translator' }); // 基本帮助提示信息
  13242.     const toDo = async () => {
  13243.         try {
  13244.             result.response = await OJB_GMRequest(options);
  13245.             result.responseText = result.response.responseText;
  13246.             result.text = getResponseText(result.response);
  13247.         } catch (err) {
  13248.             console.warn(err);
  13249.             result.error = {
  13250.                 message: err.message || null,
  13251.                 stack: err.stack ? err.stack.replace(/\n/g, '<br>').replace(/\s/g, '&nbsp;') : null,
  13252.                 enumerable: err,
  13253.                 source: 'GMRequest'
  13254.             };
  13255.             result.message = `${i18next.t('error.GMRequest', { ns: 'translator' })}${helpText}`;
  13256.             throw result;
  13257.         }
  13258.         try {
  13259.             result.text = processer(result.text);
  13260.         } catch (err) {
  13261.             console.warn(err);
  13262.             result.error = {
  13263.                 message: err.message || null,
  13264.                 stack: err.stack ? err.stack.replace(/\n/g, '<br>').replace(/\s/g, '&nbsp;') : null,
  13265.                 enumerable: err,
  13266.                 source: 'processer'
  13267.             };
  13268.             result.message = `${i18next.t('error.processer', { ns: 'translator' })}${helpText}`;
  13269.             throw result;
  13270.         }
  13271.         try {
  13272.             result.checkPassed = checkResponse(result.text);
  13273.             if (result.checkPassed.status) result.done = true;
  13274.             else result.message = result.checkPassed.message;
  13275.             return result;
  13276.         } catch (err) {
  13277.             console.warn(err);
  13278.             result.error = {
  13279.                 message: err.message || null,
  13280.                 stack: err.stack ? err.stack.replace(/\n/g, '<br>').replace(/\s/g, '&nbsp;') : null,
  13281.                 enumerable: err,
  13282.                 source: 'checkResponse'
  13283.             };
  13284.             result.message = `${i18next.t('error.checkResponse', { ns: 'translator' })}${helpText}`;
  13285.             throw result;
  13286.         }
  13287.     };
  13288.  
  13289.     return await OJB_promiseRetryWrapper(toDo, {
  13290.         maxRetries: 3,
  13291.         errorHandler: (err, maxRetries, attemptsLeft) => {
  13292.             const detailedError = {
  13293.                 maxRetries: maxRetries,
  13294.                 attemptsLeft: attemptsLeft,
  13295.                 ...err
  13296.             };
  13297.             return detailedError;
  13298.         }
  13299.     });
  13300. }
  13301.  
  13302. /**
  13303.  * 查询服务余额
  13304.  * @param {Object} quotaConfig - 配额配置对象
  13305.  * @returns {Promise} 返回包含余额信息的 Promise
  13306.  */
  13307. async function queryServerBalance(quotaConfig) {
  13308.     // 确保传入了有效的配置对象
  13309.     if (!quotaConfig || !quotaConfig.url) {
  13310.         return Promise.reject(new Error('Quota configuration is missing.'));
  13311.     }
  13312.  
  13313.     // 准备请求选项
  13314.     const requestOptions = {
  13315.         method: quotaConfig.method || 'GET',
  13316.         url: quotaConfig.url,
  13317.         headers: {
  13318.             ...Object.assign({}, ...quotaConfig.header)
  13319.         },
  13320.         data: JSON.stringify({ ...Object.assign({}, ...quotaConfig.data) })
  13321.     };
  13322.  
  13323.     // 发送请求并返回 Promise
  13324.     return OJB_GMRequest(requestOptions).then(response => {
  13325.         try {
  13326.             const responseData = JSON.parse(response.responseText);
  13327.             // 从响应数据中提取余额
  13328.             const surplusPath = quotaConfig.surplus;
  13329.             const surplusValue = OJB_evaluatePathOrExpression(responseData, surplusPath);
  13330.             return surplusValue;
  13331.         } catch (error) {
  13332.             return Promise.reject(new Error('Failed to parse balance response.'));
  13333.         }
  13334.     }).catch(error => {
  13335.         console.warn('Error querying balance:', error);
  13336.         return Promise.reject(error);
  13337.     });
  13338. }
  13339.  
  13340. /**
  13341.  * 确认 jQuery 已加载
  13342.  * @param {number} retryDelay 重试延迟（毫秒）
  13343.  * @returns {Promise<void>}
  13344.  */
  13345. async function ensureJQueryIsLoaded(retryDelay = 50) {
  13346.     while (typeof jQuery === 'undefined') {
  13347.         console.warn(`JQuery is not loaded. Retry after ${retryDelay} ms.`);
  13348.         await OJB_delay(retryDelay);
  13349.         retryDelay = Math.min(retryDelay * 2, 2000);
  13350.     }
  13351. }
  13352.  
  13353. /**
  13354.  * 加载必须的函数
  13355.  * @returns {Promise} 加载提示信息
  13356.  */
  13357. async function loadRequiredFunctions() {
  13358.     await initVar();// 初始化全局变量
  13359.     return Promise.allSettled([
  13360.         initDB(), // 连接数据库
  13361.         initI18next(), // i18next初始化
  13362.         initButtonFunc(), // 加载按钮相关函数
  13363.         initHTML2MarkDown(), // 初始化html2markdown转换器
  13364.         checkScriptVersion(), // 更新检查
  13365.         // ...(OJBetter.typeOfPage.is_acmsguru ? [acmsguruReblock()] : []) // 为acmsguru题面重新划分div
  13366.     ]);
  13367. }
  13368.  
  13369. /**
  13370.  * DOM加载后即可执行
  13371.  */
  13372. function initOnDOMReady() {
  13373.     showAnnounce(); // 显示公告
  13374.     showWarnMessage(); // 显示警告消息
  13375.     initSettingsPanel(); // 加载设置按钮面板
  13376.     initMonacoEditor(); // 初始化monaco编辑器资源
  13377.     localizeWebsite(); // 网站本地化替换
  13378.     addDependencyStyles(); // 添加一些依赖库的样式
  13379.     addI18nStyles(); // 添加包含i18n内容的样式
  13380.     // if (OJBetter.basic.expandFoldingblocks) ExpandFoldingblocks(); // 折叠块展开
  13381.     // if (OJBetter.basic.renderPerfOpt) RenderPerfOpt(); // 折叠块渲染优化
  13382.     // if (OJBetter.basic.selectElementPerfOpt) SelectElementPerfOpt(); // 下拉选择框性能优化
  13383.     if (OJBetter.typeOfPage.is_problem) {
  13384.         const problemPageLinkbar = new ProblemPageLinkbar(); // 创建题目页相关链接栏
  13385.         if (OJBetter.basic.showCF2vjudge) CF2vjudge(problemPageLinkbar); // 跳转到Vjudge按钮
  13386.         if (OJBetter.basic.showJumpToLuogu) CF2luogu(problemPageLinkbar); // 跳转到洛谷按钮
  13387.         if (OJBetter.clist.enabled.problem) showRatingByClist_problem(problemPageLinkbar); // problem页显示Rating
  13388.     }
  13389.     if (OJBetter.typeOfPage.is_contest) {
  13390.         if (OJBetter.clist.enabled.contest) showRatingByClist_contest(); // contest页显示Rating
  13391.     }
  13392.     // if (OJBetter.typeOfPage.is_problemset) {
  13393.     //     if (OJBetter.clist.enabled.problemset) showRatingByClist_problemset(); // problemset页显示Rating
  13394.     // }
  13395.     if (OJBetter.typeOfPage.is_problem && OJBetter.monaco.enableOnProblemPage) {
  13396.         addProblemPageCodeEditor(); // 添加题目页代码编辑器
  13397.     }
  13398. }
  13399.  
  13400. /**
  13401.  * 需要在页面资源完全加载后执行的函数
  13402.  */
  13403. function onResourcesReady(loadingMessage) {
  13404.     if (OJBetter.preference.showLoading) loadingMessage.updateStatus(`${OJBetter.state.name} —— ${i18next.t('loadFunc', { ns: 'alert' })}`);
  13405.     initializeInParallel(loadingMessage);
  13406.     initializeSequentially(loadingMessage);
  13407. }
  13408.  
  13409. /**
  13410.  * 可以异步并行的函数
  13411.  */
  13412. function initializeInParallel(loadingMessage) {
  13413.     if (OJBetter.basic.darkMode == "dark") darkModeStyleAdjustment(); // 黑暗模式额外的处理事件
  13414.     // if (OJBetter.basic.commentPaging) CommentPagination(); // 评论区分页
  13415.     if (OJBetter.translation.comment.transMode == "2") multiChoiceTranslation(); // 选段翻译支持
  13416.     if (OJBetter.monaco.beautifyPreBlocks) beautifyPreBlocksWithMonaco(); // 美化Pre代码块
  13417. }
  13418.  
  13419. /**
  13420.  * 必须按序执行的函数
  13421.  */
  13422. async function initializeSequentially(loadingMessage) {
  13423.     await addConversionButton(); // 添加MD/复制/翻译按钮
  13424.     if ((OJBetter.typeOfPage.is_problem || OJBetter.typeOfPage.is_completeProblemset) && OJBetter.translation.memory.enabled) {
  13425.         await initTransResultsRecover(); // 翻译结果恢复功能初始化
  13426.     }
  13427.     if (OJBetter.translation.auto.enabled) {
  13428.         await initTransWhenViewable(); // 自动翻译
  13429.     }
  13430.     // if (OJBetter.basic.standingsRecolor && OJBetter.typeOfPage.is_cfStandings) {
  13431.     //     await recolorStandings(); // cf赛制榜单重新着色
  13432.     // }
  13433.     if (OJBetter.preference.showLoading) loadingMessage.updateStatus(`${OJBetter.state.name} —— ${i18next.t('loadSuccess', { ns: 'alert' })}`, 'success', 3000);
  13434. }
  13435.  
  13436. /**
  13437.  * 主方法
  13438.  */
  13439. async function main() {
  13440.     await ensureJQueryIsLoaded(); // 等待jQuery加载
  13441.     const loadingMessage = new LoadingMessage();
  13442.     await loadRequiredFunctions(); // 加载必须的函数
  13443.     initOnDOMReady(); // DOM加载后即可执行的函数
  13444.     if (OJBetter.preference.showLoading) loadingMessage.updateStatus(`${OJBetter.state.name} —— ${i18next.t('onload', { ns: 'alert' })}`);
  13445.  
  13446.     // 检查页面资源是否已经完全加载
  13447.     if (OJBetter.state.notWaiteLoaded) {
  13448.         onResourcesReady(loadingMessage);
  13449.     } else {
  13450.         if (document.readyState === 'complete') {
  13451.             onResourcesReady(loadingMessage);
  13452.         } else {
  13453.             window.addEventListener('load', () => onResourcesReady(loadingMessage));
  13454.         }
  13455.     }
  13456. };
  13457.  
  13458. // ------------------------------
  13459. // 脚本加载入口
  13460. if (document.readyState === 'loading') {
  13461.     document.addEventListener("DOMContentLoaded", main);
  13462. } else {
  13463.     main(); // 如果DOMContentLoaded已经触发，立即执行
  13464. }
  13465. // ------------------------------
  13466.  
  13467. // ------------------------------
  13468. // 配置自动迁移代码（将在10个小版本后移除-1.19）
  13469. // ------------------------------
  13470.  
  13471. if (GM_getValue("openai_key") || GM_getValue("api2d_key")) {
  13472.     const newConfig = { "choice": -1, "configurations": [] };
  13473.     if (GM_getValue("openai_key")) {
  13474.         let config1 = {
  13475.             "note": "我的配置1",
  13476.             "model": GM_getValue("openai_model"),
  13477.             "key": GM_getValue("openai_key"),
  13478.             "proxy": GM_getValue("openai_proxy"),
  13479.             "_header": "",
  13480.             "_data": ""
  13481.         }
  13482.         if (GM_getValue("translation") === "openai") newConfig.choice = 0;
  13483.         newConfig.configurations.push(config1);
  13484.     }
  13485.     if (GM_getValue("api2d_key")) {
  13486.         let config2 = {
  13487.             "note": "api2d",
  13488.             "model": GM_getValue("api2d_model"),
  13489.             "key": GM_getValue("api2d_key"),
  13490.             "proxy": GM_getValue("api2d_request_entry") + '/v1/chat/completions',
  13491.             "_header": GM_getValue("x_api2d_no_cache") ? "" : " x-api2d-no-cache : 1",
  13492.             "_data": ""
  13493.         }
  13494.         if (GM_getValue("translation") === "api2d") {
  13495.             if (GM_getValue("openai_key")) newConfig.choice = 1;
  13496.             else newConfig.choice = 0;
  13497.         }
  13498.         newConfig.configurations.push(config2);
  13499.     }
  13500.     GM_setValue("chatgpt-config", newConfig);
  13501.     const keysToDelete = ["openai_key", "openai_model", "openai_proxy", "api2d_key", "api2d_model", "api2d_request_entry", "x_api2d_no_cache", "showOpneAiAdvanced"];
  13502.     keysToDelete.forEach(key => {
  13503.         if (GM_getValue(key) != undefined) GM_deleteValue(key);
  13504.     });
  13505.     if (GM_getValue("translation") === "api2d") GM_setValue("translation", "openai");
  13506.     location.reload();
  13507. }
  13508.  
  13509.  
  13510. // ------------------------------
  13511. // 配置自动迁移代码（将在10个小版本后移除-1.23）
  13512. // ------------------------------
  13513.  
  13514. {
  13515.     let bottomZh_CN = GM_getValue("bottomZh_CN");
  13516.     if (bottomZh_CN !== undefined) {
  13517.         if (bottomZh_CN == true) {
  13518.             GM_setValue("localizationLanguage", "zh");
  13519.         } else {
  13520.             GM_setValue("localizationLanguage", "initial");
  13521.         }
  13522.         GM_deleteValue("bottomZh_CN");
  13523.         location.reload();
  13524.     }
  13525. }
  13526. {
  13527.     let config = GM_getValue("chatgpt-config");
  13528.     if (config && config !== undefined) {
  13529.         let index = parseInt(config.choice, 10);
  13530.         if (index == -1) config.choice = "";
  13531.         else config.choice = config.configurations[index].note;
  13532.         config.configurations.forEach(function (item) {
  13533.             item.name = item.note;
  13534.             delete item.note;
  13535.         });
  13536.         GM_deleteValue("chatgpt-config");
  13537.         GM_setValue("chatgpt_config", config);
  13538.         location.reload();
  13539.     }
  13540. }
  13541.  
  13542. // ------------------------------
  13543. // 配置自动迁移代码（将在10个小版本后移除-1.24）
  13544. // ------------------------------
  13545.  
  13546. {
  13547.     let config = GM_getValue("compilerSelection");
  13548.     if (config !== undefined) {
  13549.         if (config === "61") {
  13550.             GM_setValue("compilerSelection", "5001");
  13551.             location.reload();
  13552.         }
  13553.     }
  13554. }