🚨 Format code

🐛 Fixed docker prettier plugin issue
⚡ Optimize font size and add more fonts
2025-09-24 21:44:42 +08:00 · 2025-09-24 19:14:10 +08:00 · 2025-09-24 00:44:41 +08:00 · 2025-09-23 19:43:26 +08:00 · 2025-09-21 23:23:43 +08:00 · 2025-09-21 22:17:41 +08:00
316 changed files with 17599 additions and 12032 deletions
--- a/frontend/bindings/voidraft/internal/models/models.ts
+++ b/frontend/bindings/voidraft/internal/models/models.ts
@@ -484,6 +484,12 @@ export class GeneralConfig {
     */
    "globalHotkey": HotkeyCombo;

+    /**
+     * 界面设置
+     * 是否启用加载动画
+     */
+    "enableLoadingAnimation": boolean;
+
    /** Creates a new GeneralConfig instance. */
    constructor($$source: Partial<GeneralConfig> = {}) {
        if (!("alwaysOnTop" in $$source)) {
@@ -507,6 +513,9 @@ export class GeneralConfig {
        if (!("globalHotkey" in $$source)) {
            this["globalHotkey"] = (new HotkeyCombo());
        }
+        if (!("enableLoadingAnimation" in $$source)) {
+            this["enableLoadingAnimation"] = false;
+        }

        Object.assign(this, $$source);
    }
--- a/frontend/eslint.config.js
+++ b/frontend/eslint.config.js
@@ -50,7 +50,11 @@ export default defineConfig([
            '.local',
            '/bin',
            'Dockerfile',
-            '**/bindings/'
+            '**/bindings/',
+            '*.js',
+            '**/*.js',
+            '**/*.cjs',
+            '**/*.mjs',
        ],
    }
 ]);
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -9,5 +9,6 @@
  <body>
    <div id="app"></div>
    <script type="module" src="/src/main.ts"></script>
+    <script src="/math.js"></script>
  </body>
 </html>
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -37,31 +37,28 @@
        "@codemirror/search": "^6.5.11",
        "@codemirror/state": "^6.5.2",
        "@codemirror/view": "^6.38.2",
+        "@cospaia/prettier-plugin-clojure": "^0.0.2",
        "@lezer/highlight": "^1.2.1",
        "@lezer/lr": "^1.4.2",
        "@prettier/plugin-xml": "^3.4.2",
-        "@reteps/dockerfmt": "^0.3.6",
+        "@toml-tools/lexer": "^1.0.0",
+        "@toml-tools/parser": "^1.0.0",
        "codemirror": "^6.0.2",
        "codemirror-lang-elixir": "^4.0.0",
        "colors-named": "^1.0.2",
        "colors-named-hex": "^1.0.2",
        "franc-min": "^6.2.0",
+        "groovy-beautify": "^0.0.17",
        "hsl-matcher": "^1.2.4",
        "java-parser": "^3.0.1",
-        "jinx-rust": "^0.1.6",
        "jsox": "^1.2.123",
-        "lezer": "^0.13.5",
        "linguist-languages": "^9.0.0",
-        "node-sql-parser": "^5.3.12",
        "php-parser": "^3.2.5",
        "pinia": "^3.0.3",
        "pinia-plugin-persistedstate": "^4.5.0",
        "prettier": "^3.6.2",
-        "prettier-plugin-toml": "^2.0.6",
        "remarkable": "^2.0.1",
        "sass": "^1.92.1",
-        "sh-syntax": "^0.5.8",
-        "sql-formatter": "^15.6.9",
        "vue": "^3.5.21",
        "vue-i18n": "^11.1.12",
        "vue-pick-colors": "^1.8.0",
@@ -78,7 +75,6 @@
        "eslint": "^9.35.0",
        "eslint-plugin-vue": "^10.4.0",
        "globals": "^16.4.0",
-        "rollup-plugin-visualizer": "^6.0.3",
        "typescript": "^5.9.2",
        "typescript-eslint": "^8.43.0",
        "unplugin-vue-components": "^29.0.0",
@@ -569,6 +565,12 @@
        "w3c-keyname": "^2.2.4"
      }
    },
+    "node_modules/@cospaia/prettier-plugin-clojure": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmmirror.com/@cospaia/prettier-plugin-clojure/-/prettier-plugin-clojure-0.0.2.tgz",
+      "integrity": "sha512-5ZgNOdiiIHbcBLvJhonCGoHFfuLlfsA+CjohiZGVuyD2XMVi35YFr7vZ6eSHeWjFAUsKRFbcOqtoXsV1Wk7zXA==",
+      "license": "MIT"
+    },
    "node_modules/@esbuild/aix-ppc64": {
      "version": "0.25.2",
      "resolved": "https://registry.npmmirror.com/@esbuild/aix-ppc64/-/aix-ppc64-0.25.2.tgz",
@@ -1873,15 +1875,6 @@
        "prettier": "^3.0.0"
      }
    },
-    "node_modules/@reteps/dockerfmt": {
-      "version": "0.3.6",
-      "resolved": "https://registry.npmmirror.com/@reteps/dockerfmt/-/dockerfmt-0.3.6.tgz",
-      "integrity": "sha512-Tb5wIMvBf/nLejTQ61krK644/CEMB/cpiaIFXqGApfGqO3GwcR3qnI0DbmkFVCl2OyEp8LnLX3EkucoL0+tbFg==",
-      "license": "MIT",
-      "engines": {
-        "node": "^v12.20.0 || ^14.13.0 || >=16.0.0"
-      }
-    },
    "node_modules/@rolldown/pluginutils": {
      "version": "1.0.0-beta.29",
      "resolved": "https://registry.npmmirror.com/@rolldown/pluginutils/-/pluginutils-1.0.0-beta.29.tgz",
@@ -2228,19 +2221,23 @@
        "win32"
      ]
    },
-    "node_modules/@taplo/core": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmmirror.com/@taplo/core/-/core-0.2.0.tgz",
-      "integrity": "sha512-r8bl54Zj1In3QLkiW/ex694bVzpPJ9EhwqT9xkcUVODnVUGirdB1JTsmiIv0o1uwqZiwhi8xNnTOQBRQCpizrQ==",
-      "license": "MIT"
-    },
-    "node_modules/@taplo/lib": {
-      "version": "0.5.0",
-      "resolved": "https://registry.npmmirror.com/@taplo/lib/-/lib-0.5.0.tgz",
-      "integrity": "sha512-+xIqpQXJco3T+VGaTTwmhxLa51qpkQxCjRwezjFZgr+l21ExlywJFcDfTrNmL6lG6tqb0h8GyJKO3UPGPtSCWg==",
+    "node_modules/@toml-tools/lexer": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/@toml-tools/lexer/-/lexer-1.0.0.tgz",
+      "integrity": "sha512-rVoOC9FibF2CICwCBWQnYcjAEOmLCJExer178K2AsY0Nk9FjJNVoVJuR5UAtuq42BZOajvH+ainf6Gj2GpCnXQ==",
      "license": "MIT",
      "dependencies": {
-        "@taplo/core": "^0.2.0"
+        "chevrotain": "^11.0.1"
+      }
+    },
+    "node_modules/@toml-tools/parser": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/@toml-tools/parser/-/parser-1.0.0.tgz",
+      "integrity": "sha512-j8cd3A3ccLHppGoWI69urbiVJslrpwI6sZ61ySDUPxM/FTkQWRx/JkkF8aipnl0Ds0feWXyjyvmWzn70mIohYg==",
+      "license": "MIT",
+      "dependencies": {
+        "@toml-tools/lexer": "^1.0.0",
+        "chevrotain": "^11.0.1"
      }
    },
    "node_modules/@types/estree": {
@@ -2267,12 +2264,6 @@
        "undici-types": "~7.10.0"
      }
    },
-    "node_modules/@types/pegjs": {
-      "version": "0.10.6",
-      "resolved": "https://registry.npmmirror.com/@types/pegjs/-/pegjs-0.10.6.tgz",
-      "integrity": "sha512-eLYXDbZWXh2uxf+w8sXS8d6KSoXTswfps6fvCUuVAGN8eRpfe7h9eSRydxiSJvo9Bf+GzifsDOr9TMQlmJdmkw==",
-      "license": "MIT"
-    },
    "node_modules/@types/remarkable": {
      "version": "2.0.8",
      "resolved": "https://registry.npmmirror.com/@types/remarkable/-/remarkable-2.0.8.tgz",
@@ -2838,16 +2829,6 @@
      "dev": true,
      "license": "MIT"
    },
-    "node_modules/ansi-regex": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmmirror.com/ansi-regex/-/ansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
    "node_modules/ansi-styles": {
      "version": "4.3.0",
      "resolved": "https://registry.npmmirror.com/ansi-styles/-/ansi-styles-4.3.0.tgz",
@@ -2882,6 +2863,7 @@
      "version": "2.0.1",
      "resolved": "https://registry.npmmirror.com/argparse/-/argparse-2.0.1.tgz",
      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+      "dev": true,
      "license": "Python-2.0"
    },
    "node_modules/asn1.js": {
@@ -2970,15 +2952,6 @@
      ],
      "license": "MIT"
    },
-    "node_modules/big-integer": {
-      "version": "1.6.52",
-      "resolved": "https://registry.npmmirror.com/big-integer/-/big-integer-1.6.52.tgz",
-      "integrity": "sha512-QxD8cf2eVqJOOz63z6JIN9BzvVs/dlySa5HGSBH5xtR8dPteIRQnBxxKqkNTiT6jbDTF6jAfrd4oMcND9RGbQg==",
-      "license": "Unlicense",
-      "engines": {
-        "node": ">=0.6"
-      }
-    },
    "node_modules/binary-extensions": {
      "version": "2.3.0",
      "resolved": "https://registry.npmmirror.com/binary-extensions/-/binary-extensions-2.3.0.tgz",
@@ -3402,21 +3375,6 @@
        "consola": "^3.2.3"
      }
    },
-    "node_modules/cliui": {
-      "version": "8.0.1",
-      "resolved": "https://registry.npmmirror.com/cliui/-/cliui-8.0.1.tgz",
-      "integrity": "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "string-width": "^4.2.0",
-        "strip-ansi": "^6.0.1",
-        "wrap-ansi": "^7.0.0"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
    "node_modules/codemirror": {
      "version": "6.0.2",
      "resolved": "https://registry.npmmirror.com/codemirror/-/codemirror-6.0.2.tgz",
@@ -3495,12 +3453,6 @@
        "url": "https://jaywcjlove.github.io/#/sponsor"
      }
    },
-    "node_modules/commander": {
-      "version": "2.20.3",
-      "resolved": "https://registry.npmmirror.com/commander/-/commander-2.20.3.tgz",
-      "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
-      "license": "MIT"
-    },
    "node_modules/concat-map": {
      "version": "0.0.1",
      "resolved": "https://registry.npmmirror.com/concat-map/-/concat-map-0.0.1.tgz",
@@ -3757,16 +3709,6 @@
        "url": "https://github.com/sponsors/ljharb"
      }
    },
-    "node_modules/define-lazy-prop": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmmirror.com/define-lazy-prop/-/define-lazy-prop-2.0.0.tgz",
-      "integrity": "sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
    "node_modules/define-properties": {
      "version": "1.2.1",
      "resolved": "https://registry.npmmirror.com/define-properties/-/define-properties-1.2.1.tgz",
@@ -3840,12 +3782,6 @@
      "dev": true,
      "license": "MIT"
    },
-    "node_modules/discontinuous-range": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmmirror.com/discontinuous-range/-/discontinuous-range-1.0.0.tgz",
-      "integrity": "sha512-c68LpLbO+7kP/b1Hr1qs8/BJ09F5khZGTxqxZuhzxpmwJKOgRFHJWIb9/KmqnqHhLdO55aOxFH/EGBvUQbL/RQ==",
-      "license": "MIT"
-    },
    "node_modules/domain-browser": {
      "version": "4.22.0",
      "resolved": "https://registry.npmmirror.com/domain-browser/-/domain-browser-4.22.0.tgz",
@@ -3911,13 +3847,6 @@
      "dev": true,
      "license": "MIT"
    },
-    "node_modules/emoji-regex": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmmirror.com/emoji-regex/-/emoji-regex-8.0.0.tgz",
-      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-      "dev": true,
-      "license": "MIT"
-    },
    "node_modules/entities": {
      "version": "4.5.0",
      "resolved": "https://registry.npmmirror.com/entities/-/entities-4.5.0.tgz",
@@ -4012,16 +3941,6 @@
        "@esbuild/win32-x64": "0.25.2"
      }
    },
-    "node_modules/escalade": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmmirror.com/escalade/-/escalade-3.2.0.tgz",
-      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6"
-      }
-    },
    "node_modules/escape-string-regexp": {
      "version": "4.0.0",
      "resolved": "https://registry.npmmirror.com/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
@@ -4431,16 +4350,6 @@
        "url": "https://github.com/sponsors/ljharb"
      }
    },
-    "node_modules/get-caller-file": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmmirror.com/get-caller-file/-/get-caller-file-2.0.5.tgz",
-      "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
-      "dev": true,
-      "license": "ISC",
-      "engines": {
-        "node": "6.* || 8.* || >= 10.*"
-      }
-    },
    "node_modules/get-intrinsic": {
      "version": "1.3.0",
      "resolved": "https://registry.npmmirror.com/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
@@ -4545,6 +4454,12 @@
      "dev": true,
      "license": "MIT"
    },
+    "node_modules/groovy-beautify": {
+      "version": "0.0.17",
+      "resolved": "https://registry.npmmirror.com/groovy-beautify/-/groovy-beautify-0.0.17.tgz",
+      "integrity": "sha512-n3GRn7wJMCoPpNOC9bhuHWxnTkb9CwVnQH1RJK4M/F3Edc7l2FOa7wLa8iL2eqt0sQgQLzbxSsvZ7En2fJ8ZUg==",
+      "license": "MIT"
+    },
    "node_modules/has-flag": {
      "version": "4.0.0",
      "resolved": "https://registry.npmmirror.com/has-flag/-/has-flag-4.0.0.tgz",
@@ -4812,22 +4727,6 @@
        "url": "https://github.com/sponsors/ljharb"
      }
    },
-    "node_modules/is-docker": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmmirror.com/is-docker/-/is-docker-2.2.1.tgz",
-      "integrity": "sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==",
-      "dev": true,
-      "license": "MIT",
-      "bin": {
-        "is-docker": "cli.js"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
    "node_modules/is-extglob": {
      "version": "2.1.1",
      "resolved": "https://registry.npmmirror.com/is-extglob/-/is-extglob-2.1.1.tgz",
@@ -4838,16 +4737,6 @@
        "node": ">=0.10.0"
      }
    },
-    "node_modules/is-fullwidth-code-point": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmmirror.com/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
-      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
    "node_modules/is-generator-function": {
      "version": "1.1.0",
      "resolved": "https://registry.npmmirror.com/is-generator-function/-/is-generator-function-1.1.0.tgz",
@@ -4954,19 +4843,6 @@
        "url": "https://github.com/sponsors/mesqueeb"
      }
    },
-    "node_modules/is-wsl": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmmirror.com/is-wsl/-/is-wsl-2.2.0.tgz",
-      "integrity": "sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "is-docker": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
    "node_modules/isarray": {
      "version": "2.0.5",
      "resolved": "https://registry.npmmirror.com/isarray/-/isarray-2.0.5.tgz",
@@ -5002,12 +4878,6 @@
        "lodash": "4.17.21"
      }
    },
-    "node_modules/jinx-rust": {
-      "version": "0.1.6",
-      "resolved": "https://registry.npmmirror.com/jinx-rust/-/jinx-rust-0.1.6.tgz",
-      "integrity": "sha512-qP+wtQL1PrDDFwtPKhNGtjWOmijCrKdfUHWTV2G/ikxfjrh+cjdvkQTmny9RAsVF0jiui9m+F0INWu4cuRcZeQ==",
-      "license": "MIT"
-    },
    "node_modules/jiti": {
      "version": "2.4.2",
      "resolved": "https://registry.npmmirror.com/jiti/-/jiti-2.4.2.tgz",
@@ -5113,16 +4983,6 @@
        "node": ">= 0.8.0"
      }
    },
-    "node_modules/lezer": {
-      "version": "0.13.5",
-      "resolved": "https://registry.npmmirror.com/lezer/-/lezer-0.13.5.tgz",
-      "integrity": "sha512-cAiMQZGUo2BD8mpcz7Nv1TlKzWP7YIdIRrX41CiP5bk5t4GHxskOxWUx2iAOuHlz8dO+ivbuXr0J1bfHsWD+lQ==",
-      "deprecated": "This package has been replaced by @lezer/lr",
-      "license": "MIT",
-      "dependencies": {
-        "lezer-tree": "^0.13.2"
-      }
-    },
    "node_modules/lezer-elixir": {
      "version": "1.1.2",
      "resolved": "https://registry.npmmirror.com/lezer-elixir/-/lezer-elixir-1.1.2.tgz",
@@ -5132,13 +4992,6 @@
        "@lezer/lr": "^1.3.0"
      }
    },
-    "node_modules/lezer-tree": {
-      "version": "0.13.2",
-      "resolved": "https://registry.npmmirror.com/lezer-tree/-/lezer-tree-0.13.2.tgz",
-      "integrity": "sha512-15ZxW8TxVNAOkHIo43Iouv4zbSkQQ5chQHBpwXcD2bBFz46RB4jYLEEww5l1V0xyIx9U2clSyyrLes+hAUFrGQ==",
-      "deprecated": "This package has been replaced by @lezer/common",
-      "license": "MIT"
-    },
    "node_modules/linguist-languages": {
      "version": "9.0.0",
      "resolved": "https://registry.npmmirror.com/linguist-languages/-/linguist-languages-9.0.0.tgz",
@@ -5339,12 +5192,6 @@
        "pathe": "^2.0.1"
      }
    },
-    "node_modules/moo": {
-      "version": "0.5.2",
-      "resolved": "https://registry.npmmirror.com/moo/-/moo-0.5.2.tgz",
-      "integrity": "sha512-iSAJLHYKnX41mKcJKjqvnAN9sf0LMDTXDEvFv+ffuRR9a1MIuXLjMNL6EsnDHSkKLTWNqQQ5uo61P4EbU4NU+Q==",
-      "license": "BSD-3-Clause"
-    },
    "node_modules/ms": {
      "version": "2.1.3",
      "resolved": "https://registry.npmmirror.com/ms/-/ms-2.1.3.tgz",
@@ -5394,28 +5241,6 @@
      "dev": true,
      "license": "MIT"
    },
-    "node_modules/nearley": {
-      "version": "2.20.1",
-      "resolved": "https://registry.npmmirror.com/nearley/-/nearley-2.20.1.tgz",
-      "integrity": "sha512-+Mc8UaAebFzgV+KpI5n7DasuuQCHA89dmwm7JXw3TV43ukfNQ9DnBH3Mdb2g/I4Fdxc26pwimBWvjIw0UAILSQ==",
-      "license": "MIT",
-      "dependencies": {
-        "commander": "^2.19.0",
-        "moo": "^0.5.0",
-        "railroad-diagrams": "^1.0.0",
-        "randexp": "0.4.6"
-      },
-      "bin": {
-        "nearley-railroad": "bin/nearley-railroad.js",
-        "nearley-test": "bin/nearley-test.js",
-        "nearley-unparse": "bin/nearley-unparse.js",
-        "nearleyc": "bin/nearleyc.js"
-      },
-      "funding": {
-        "type": "individual",
-        "url": "https://nearley.js.org/#give-to-nearley"
-      }
-    },
    "node_modules/node-addon-api": {
      "version": "7.1.1",
      "resolved": "https://registry.npmmirror.com/node-addon-api/-/node-addon-api-7.1.1.tgz",
@@ -5431,19 +5256,6 @@
      "optional": true,
      "peer": true
    },
-    "node_modules/node-sql-parser": {
-      "version": "5.3.12",
-      "resolved": "https://registry.npmmirror.com/node-sql-parser/-/node-sql-parser-5.3.12.tgz",
-      "integrity": "sha512-GQBwA2e44qjbK0MzFwh5bNYefniV6cKT4KfjNDpuh/2EWipUEK1BCMc//moSidp8EF6fHB/EqJwUH9GCh9MAPg==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@types/pegjs": "^0.10.0",
-        "big-integer": "^1.6.48"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
    "node_modules/node-stdlib-browser": {
      "version": "1.3.1",
      "resolved": "https://registry.npmmirror.com/node-stdlib-browser/-/node-stdlib-browser-1.3.1.tgz",
@@ -5603,24 +5415,6 @@
      "optional": true,
      "peer": true
    },
-    "node_modules/open": {
-      "version": "8.4.2",
-      "resolved": "https://registry.npmmirror.com/open/-/open-8.4.2.tgz",
-      "integrity": "sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "define-lazy-prop": "^2.0.0",
-        "is-docker": "^2.1.1",
-        "is-wsl": "^2.2.0"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
    "node_modules/optionator": {
      "version": "0.9.4",
      "resolved": "https://registry.npmmirror.com/optionator/-/optionator-0.9.4.tgz",
@@ -5990,24 +5784,6 @@
        "url": "https://github.com/prettier/prettier?sponsor=1"
      }
    },
-    "node_modules/prettier-plugin-toml": {
-      "version": "2.0.6",
-      "resolved": "https://registry.npmmirror.com/prettier-plugin-toml/-/prettier-plugin-toml-2.0.6.tgz",
-      "integrity": "sha512-12N/wBuHa9jd/KVy9pRP20NMKxQfQLMseQCt66lIbLaPLItvGUcSIryE1eZZMJ7loSws6Ig3M2Elc2EreNh76w==",
-      "license": "MIT",
-      "dependencies": {
-        "@taplo/lib": "^0.5.0"
-      },
-      "engines": {
-        "node": ">=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/unts"
-      },
-      "peerDependencies": {
-        "prettier": "^3.0.3"
-      }
-    },
    "node_modules/process": {
      "version": "0.11.10",
      "resolved": "https://registry.npmmirror.com/process/-/process-0.11.10.tgz",
@@ -6120,25 +5896,6 @@
      ],
      "license": "MIT"
    },
-    "node_modules/railroad-diagrams": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmmirror.com/railroad-diagrams/-/railroad-diagrams-1.0.0.tgz",
-      "integrity": "sha512-cz93DjNeLY0idrCNOH6PviZGRN9GJhsdm9hpn1YCS879fj4W+x5IFJhhkRZcwVgMmFF7R82UA/7Oh+R8lLZg6A==",
-      "license": "CC0-1.0"
-    },
-    "node_modules/randexp": {
-      "version": "0.4.6",
-      "resolved": "https://registry.npmmirror.com/randexp/-/randexp-0.4.6.tgz",
-      "integrity": "sha512-80WNmd9DA0tmZrw9qQa62GPPWfuXJknrmVmLcxvq4uZBdYqb1wYoKTmnlGUchvVWe0XiLupYkBoXVOxz3C8DYQ==",
-      "license": "MIT",
-      "dependencies": {
-        "discontinuous-range": "1.0.0",
-        "ret": "~0.1.10"
-      },
-      "engines": {
-        "node": ">=0.12"
-      }
-    },
    "node_modules/randombytes": {
      "version": "2.1.0",
      "resolved": "https://registry.npmmirror.com/randombytes/-/randombytes-2.1.0.tgz",
@@ -6231,16 +5988,6 @@
        "sprintf-js": "~1.0.2"
      }
    },
-    "node_modules/require-directory": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmmirror.com/require-directory/-/require-directory-2.1.1.tgz",
-      "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
    "node_modules/resolve": {
      "version": "1.22.10",
      "resolved": "https://registry.npmmirror.com/resolve/-/resolve-1.22.10.tgz",
@@ -6272,15 +6019,6 @@
        "node": ">=4"
      }
    },
-    "node_modules/ret": {
-      "version": "0.1.15",
-      "resolved": "https://registry.npmmirror.com/ret/-/ret-0.1.15.tgz",
-      "integrity": "sha512-TTlYpa+OL+vMMNG24xSlQGEJ3B/RzEfUlLct7b5G/ytav+wPrplCpVMFuwzXbkecJrb6IYo1iFb0S9v37754mg==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.12"
-      }
-    },
    "node_modules/reusify": {
      "version": "1.1.0",
      "resolved": "https://registry.npmmirror.com/reusify/-/reusify-1.1.0.tgz",
@@ -6349,50 +6087,6 @@
        "fsevents": "~2.3.2"
      }
    },
-    "node_modules/rollup-plugin-visualizer": {
-      "version": "6.0.3",
-      "resolved": "https://registry.npmmirror.com/rollup-plugin-visualizer/-/rollup-plugin-visualizer-6.0.3.tgz",
-      "integrity": "sha512-ZU41GwrkDcCpVoffviuM9Clwjy5fcUxlz0oMoTXTYsK+tcIFzbdacnrr2n8TXcHxbGKKXtOdjxM2HUS4HjkwIw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "open": "^8.0.0",
-        "picomatch": "^4.0.2",
-        "source-map": "^0.7.4",
-        "yargs": "^17.5.1"
-      },
-      "bin": {
-        "rollup-plugin-visualizer": "dist/bin/cli.js"
-      },
-      "engines": {
-        "node": ">=18"
-      },
-      "peerDependencies": {
-        "rolldown": "1.x || ^1.0.0-beta",
-        "rollup": "2.x || 3.x || 4.x"
-      },
-      "peerDependenciesMeta": {
-        "rolldown": {
-          "optional": true
-        },
-        "rollup": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/rollup-plugin-visualizer/node_modules/picomatch": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmmirror.com/picomatch/-/picomatch-4.0.3.tgz",
-      "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/jonschlinkert"
-      }
-    },
    "node_modules/run-parallel": {
      "version": "1.2.0",
      "resolved": "https://registry.npmmirror.com/run-parallel/-/run-parallel-1.2.0.tgz",
@@ -6522,21 +6216,6 @@
      "dev": true,
      "license": "MIT"
    },
-    "node_modules/sh-syntax": {
-      "version": "0.5.8",
-      "resolved": "https://registry.npmmirror.com/sh-syntax/-/sh-syntax-0.5.8.tgz",
-      "integrity": "sha512-JfVoxf4FxQI5qpsPbkHhZo+n6N9YMJobyl4oGEUBb/31oQYlgTjkXQD8PBiafS2UbWoxrTO0Z5PJUBXEPAG1Zw==",
-      "license": "MIT",
-      "dependencies": {
-        "tslib": "^2.8.1"
-      },
-      "engines": {
-        "node": ">=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/sh-syntax"
-      }
-    },
    "node_modules/sha.js": {
      "version": "2.4.12",
      "resolved": "https://registry.npmmirror.com/sha.js/-/sha.js-2.4.12.tgz",
@@ -6657,16 +6336,6 @@
        "url": "https://github.com/sponsors/ljharb"
      }
    },
-    "node_modules/source-map": {
-      "version": "0.7.6",
-      "resolved": "https://registry.npmmirror.com/source-map/-/source-map-0.7.6.tgz",
-      "integrity": "sha512-i5uvt8C3ikiWeNZSVZNWcfZPItFQOsYTUAOkcUPGd8DqDy1uOUikjt5dG+uRlwyvR108Fb9DOd4GvXfT0N2/uQ==",
-      "dev": true,
-      "license": "BSD-3-Clause",
-      "engines": {
-        "node": ">= 12"
-      }
-    },
    "node_modules/source-map-js": {
      "version": "1.2.1",
      "resolved": "https://registry.npmmirror.com/source-map-js/-/source-map-js-1.2.1.tgz",
@@ -6691,19 +6360,6 @@
      "integrity": "sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==",
      "license": "BSD-3-Clause"
    },
-    "node_modules/sql-formatter": {
-      "version": "15.6.9",
-      "resolved": "https://registry.npmmirror.com/sql-formatter/-/sql-formatter-15.6.9.tgz",
-      "integrity": "sha512-r9VKnkRfKW7jbhTgytwbM+JqmFclQYN9L58Z3UTktuy9V1f1Y+rGK3t70Truh2wIOJzvZkzobAQ2PwGjjXsr6Q==",
-      "license": "MIT",
-      "dependencies": {
-        "argparse": "^2.0.1",
-        "nearley": "^2.20.1"
-      },
-      "bin": {
-        "sql-formatter": "bin/sql-formatter-cli.cjs"
-      }
-    },
    "node_modules/std-env": {
      "version": "3.9.0",
      "resolved": "https://registry.npmmirror.com/std-env/-/std-env-3.9.0.tgz",
@@ -6746,34 +6402,6 @@
        "safe-buffer": "~5.2.0"
      }
    },
-    "node_modules/string-width": {
-      "version": "4.2.3",
-      "resolved": "https://registry.npmmirror.com/string-width/-/string-width-4.2.3.tgz",
-      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "emoji-regex": "^8.0.0",
-        "is-fullwidth-code-point": "^3.0.0",
-        "strip-ansi": "^6.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/strip-ansi": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmmirror.com/strip-ansi/-/strip-ansi-6.0.1.tgz",
-      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-regex": "^5.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
    "node_modules/strip-json-comments": {
      "version": "3.1.1",
      "resolved": "https://registry.npmmirror.com/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
@@ -7688,24 +7316,6 @@
        "node": ">=0.10.0"
      }
    },
-    "node_modules/wrap-ansi": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmmirror.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
-      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-styles": "^4.0.0",
-        "string-width": "^4.1.0",
-        "strip-ansi": "^6.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
-      }
-    },
    "node_modules/xml-name-validator": {
      "version": "4.0.0",
      "resolved": "https://registry.npmmirror.com/xml-name-validator/-/xml-name-validator-4.0.0.tgz",
@@ -7726,45 +7336,6 @@
        "node": ">=0.4"
      }
    },
-    "node_modules/y18n": {
-      "version": "5.0.8",
-      "resolved": "https://registry.npmmirror.com/y18n/-/y18n-5.0.8.tgz",
-      "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
-      "dev": true,
-      "license": "ISC",
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/yargs": {
-      "version": "17.7.2",
-      "resolved": "https://registry.npmmirror.com/yargs/-/yargs-17.7.2.tgz",
-      "integrity": "sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "cliui": "^8.0.1",
-        "escalade": "^3.1.1",
-        "get-caller-file": "^2.0.5",
-        "require-directory": "^2.1.1",
-        "string-width": "^4.2.3",
-        "y18n": "^5.0.5",
-        "yargs-parser": "^21.1.1"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/yargs-parser": {
-      "version": "21.1.1",
-      "resolved": "https://registry.npmmirror.com/yargs-parser/-/yargs-parser-21.1.1.tgz",
-      "integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==",
-      "dev": true,
-      "license": "ISC",
-      "engines": {
-        "node": ">=12"
-      }
-    },
    "node_modules/yocto-queue": {
      "version": "0.1.0",
      "resolved": "https://registry.npmmirror.com/yocto-queue/-/yocto-queue-0.1.0.tgz",
@@ -7777,6 +7348,50 @@
      "funding": {
        "url": "https://github.com/sponsors/sindresorhus"
      }
+    },
+    "src/common/prettier/plugins/scala/prettier-plugin-scala": {
+      "name": "@simochee/prettier-plugin-scala",
+      "version": "0.1.0",
+      "extraneous": true,
+      "license": "MIT",
+      "dependencies": {
+        "@simochee/scala-parser": "file:../scala-parser"
+      },
+      "devDependencies": {
+        "@tsconfig/node-ts": "^23.6.1",
+        "@tsconfig/node24": "^24.0.1",
+        "@types/node": "^22.10.2",
+        "prettier": "^3.4.2",
+        "tsup": "^8.5.0",
+        "typescript": "^5.7.2",
+        "vitest": "^2.1.9"
+      },
+      "engines": {
+        "node": ">=20.0.0"
+      },
+      "peerDependencies": {
+        "prettier": "^3.0.0"
+      }
+    },
+    "src/common/prettier/plugins/scala/scala-parser": {
+      "name": "@simochee/scala-parser",
+      "version": "0.1.0",
+      "extraneous": true,
+      "license": "MIT",
+      "dependencies": {
+        "chevrotain": "^11.0.3"
+      },
+      "devDependencies": {
+        "@tsconfig/node-ts": "^23.6.1",
+        "@tsconfig/node24": "^24.0.1",
+        "@types/node": "^22.10.2",
+        "tsup": "^8.5.0",
+        "typescript": "^5.7.2",
+        "vitest": "^2.1.9"
+      },
+      "engines": {
+        "node": ">=20.0.0"
+      }
    }
  }
 }
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -41,31 +41,28 @@
    "@codemirror/search": "^6.5.11",
    "@codemirror/state": "^6.5.2",
    "@codemirror/view": "^6.38.2",
+    "@cospaia/prettier-plugin-clojure": "^0.0.2",
    "@lezer/highlight": "^1.2.1",
    "@lezer/lr": "^1.4.2",
    "@prettier/plugin-xml": "^3.4.2",
-    "@reteps/dockerfmt": "^0.3.6",
+    "@toml-tools/lexer": "^1.0.0",
+    "@toml-tools/parser": "^1.0.0",
    "codemirror": "^6.0.2",
    "codemirror-lang-elixir": "^4.0.0",
    "colors-named": "^1.0.2",
    "colors-named-hex": "^1.0.2",
    "franc-min": "^6.2.0",
+    "groovy-beautify": "^0.0.17",
    "hsl-matcher": "^1.2.4",
    "java-parser": "^3.0.1",
-    "jinx-rust": "^0.1.6",
    "jsox": "^1.2.123",
-    "lezer": "^0.13.5",
    "linguist-languages": "^9.0.0",
-    "node-sql-parser": "^5.3.12",
    "php-parser": "^3.2.5",
    "pinia": "^3.0.3",
    "pinia-plugin-persistedstate": "^4.5.0",
    "prettier": "^3.6.2",
-    "prettier-plugin-toml": "^2.0.6",
    "remarkable": "^2.0.1",
    "sass": "^1.92.1",
-    "sh-syntax": "^0.5.8",
-    "sql-formatter": "^15.6.9",
    "vue": "^3.5.21",
    "vue-i18n": "^11.1.12",
    "vue-pick-colors": "^1.8.0",
@@ -82,7 +79,6 @@
    "eslint": "^9.35.0",
    "eslint-plugin-vue": "^10.4.0",
    "globals": "^16.4.0",
-    "rollup-plugin-visualizer": "^6.0.3",
    "typescript": "^5.9.2",
    "typescript-eslint": "^8.43.0",
    "unplugin-vue-components": "^29.0.0",
--- a/frontend/public/go.wasm
+++ b/frontend/public/go.wasm
--- a/frontend/public/langdetect-worker.js
+++ b/frontend/public/langdetect-worker.js
@@ -1,7 +1,5 @@
 importScripts("guesslang.min.js")

-const LANGUAGES = ["json", "py", "html", "sql", "md", "java", "php", "css", "xml", "cpp", "rs", "cs", "rb", "sh", "yaml", "toml", "go", "clj", "ex", "erl", "js", "ts", "swift", "kt", "groovy", "ps1", "dart", "scala"]
-
 const guessLang = new self.GuessLang()

 function sendResult(language, confidence, idx) {
@@ -27,20 +25,13 @@ onmessage = (event) => {

    guessLang.runModel(content).then((result) => {
        if (result.length > 0) {
-            const lang = result[0]
-            if (LANGUAGES.includes(lang.languageId) && lang.confidence > 0.15) {
-                sendResult(lang.languageId, lang.confidence, idx)
+            // 返回置信度最高的结果
+            const bestResult = result[0]
+            if (bestResult.confidence > 0.15) {
+                sendResult(bestResult.languageId, bestResult.confidence, idx)
                return
            }
        }
-
-        for (let lang of result) {
-            if (LANGUAGES.includes(lang.languageId) && lang.confidence > 0.5) {
-                sendResult(lang.languageId, lang.confidence, idx)
-                return
-            }
-        }
-
        sendResult("text", 0.0, idx)
    }).catch(() => {
        sendResult("text", 0.0, idx)
--- a/frontend/public/math.js
+++ b/frontend/public/math.js
--- a/frontend/public/wasm_exec.js
+++ b/frontend/public/wasm_exec.js
@@ -1,561 +0,0 @@
-// Copyright 2018 The Go Authors. All rights reserved.
-// Use of this source code is governed by a BSD-style
-// license that can be found in the LICENSE file.
-
-"use strict";
-
-(() => {
-	const enosys = () => {
-		const err = new Error("not implemented");
-		err.code = "ENOSYS";
-		return err;
-	};
-
-	if (!globalThis.fs) {
-		let outputBuf = "";
-		globalThis.fs = {
-			constants: { O_WRONLY: -1, O_RDWR: -1, O_CREAT: -1, O_TRUNC: -1, O_APPEND: -1, O_EXCL: -1 }, // unused
-			writeSync(fd, buf) {
-				outputBuf += decoder.decode(buf);
-				const nl = outputBuf.lastIndexOf("\n");
-				if (nl != -1) {
-					console.log(outputBuf.substring(0, nl));
-					outputBuf = outputBuf.substring(nl + 1);
-				}
-				return buf.length;
-			},
-			write(fd, buf, offset, length, position, callback) {
-				if (offset !== 0 || length !== buf.length || position !== null) {
-					callback(enosys());
-					return;
-				}
-				const n = this.writeSync(fd, buf);
-				callback(null, n);
-			},
-			chmod(path, mode, callback) { callback(enosys()); },
-			chown(path, uid, gid, callback) { callback(enosys()); },
-			close(fd, callback) { callback(enosys()); },
-			fchmod(fd, mode, callback) { callback(enosys()); },
-			fchown(fd, uid, gid, callback) { callback(enosys()); },
-			fstat(fd, callback) { callback(enosys()); },
-			fsync(fd, callback) { callback(null); },
-			ftruncate(fd, length, callback) { callback(enosys()); },
-			lchown(path, uid, gid, callback) { callback(enosys()); },
-			link(path, link, callback) { callback(enosys()); },
-			lstat(path, callback) { callback(enosys()); },
-			mkdir(path, perm, callback) { callback(enosys()); },
-			open(path, flags, mode, callback) { callback(enosys()); },
-			read(fd, buffer, offset, length, position, callback) { callback(enosys()); },
-			readdir(path, callback) { callback(enosys()); },
-			readlink(path, callback) { callback(enosys()); },
-			rename(from, to, callback) { callback(enosys()); },
-			rmdir(path, callback) { callback(enosys()); },
-			stat(path, callback) { callback(enosys()); },
-			symlink(path, link, callback) { callback(enosys()); },
-			truncate(path, length, callback) { callback(enosys()); },
-			unlink(path, callback) { callback(enosys()); },
-			utimes(path, atime, mtime, callback) { callback(enosys()); },
-		};
-	}
-
-	if (!globalThis.process) {
-		globalThis.process = {
-			getuid() { return -1; },
-			getgid() { return -1; },
-			geteuid() { return -1; },
-			getegid() { return -1; },
-			getgroups() { throw enosys(); },
-			pid: -1,
-			ppid: -1,
-			umask() { throw enosys(); },
-			cwd() { throw enosys(); },
-			chdir() { throw enosys(); },
-		}
-	}
-
-	if (!globalThis.crypto) {
-		throw new Error("globalThis.crypto is not available, polyfill required (crypto.getRandomValues only)");
-	}
-
-	if (!globalThis.performance) {
-		throw new Error("globalThis.performance is not available, polyfill required (performance.now only)");
-	}
-
-	if (!globalThis.TextEncoder) {
-		throw new Error("globalThis.TextEncoder is not available, polyfill required");
-	}
-
-	if (!globalThis.TextDecoder) {
-		throw new Error("globalThis.TextDecoder is not available, polyfill required");
-	}
-
-	const encoder = new TextEncoder("utf-8");
-	const decoder = new TextDecoder("utf-8");
-
-	globalThis.Go = class {
-		constructor() {
-			this.argv = ["js"];
-			this.env = {};
-			this.exit = (code) => {
-				if (code !== 0) {
-					console.warn("exit code:", code);
-				}
-			};
-			this._exitPromise = new Promise((resolve) => {
-				this._resolveExitPromise = resolve;
-			});
-			this._pendingEvent = null;
-			this._scheduledTimeouts = new Map();
-			this._nextCallbackTimeoutID = 1;
-
-			const setInt64 = (addr, v) => {
-				this.mem.setUint32(addr + 0, v, true);
-				this.mem.setUint32(addr + 4, Math.floor(v / 4294967296), true);
-			}
-
-			const setInt32 = (addr, v) => {
-				this.mem.setUint32(addr + 0, v, true);
-			}
-
-			const getInt64 = (addr) => {
-				const low = this.mem.getUint32(addr + 0, true);
-				const high = this.mem.getInt32(addr + 4, true);
-				return low + high * 4294967296;
-			}
-
-			const loadValue = (addr) => {
-				const f = this.mem.getFloat64(addr, true);
-				if (f === 0) {
-					return undefined;
-				}
-				if (!isNaN(f)) {
-					return f;
-				}
-
-				const id = this.mem.getUint32(addr, true);
-				return this._values[id];
-			}
-
-			const storeValue = (addr, v) => {
-				const nanHead = 0x7FF80000;
-
-				if (typeof v === "number" && v !== 0) {
-					if (isNaN(v)) {
-						this.mem.setUint32(addr + 4, nanHead, true);
-						this.mem.setUint32(addr, 0, true);
-						return;
-					}
-					this.mem.setFloat64(addr, v, true);
-					return;
-				}
-
-				if (v === undefined) {
-					this.mem.setFloat64(addr, 0, true);
-					return;
-				}
-
-				let id = this._ids.get(v);
-				if (id === undefined) {
-					id = this._idPool.pop();
-					if (id === undefined) {
-						id = this._values.length;
-					}
-					this._values[id] = v;
-					this._goRefCounts[id] = 0;
-					this._ids.set(v, id);
-				}
-				this._goRefCounts[id]++;
-				let typeFlag = 0;
-				switch (typeof v) {
-					case "object":
-						if (v !== null) {
-							typeFlag = 1;
-						}
-						break;
-					case "string":
-						typeFlag = 2;
-						break;
-					case "symbol":
-						typeFlag = 3;
-						break;
-					case "function":
-						typeFlag = 4;
-						break;
-				}
-				this.mem.setUint32(addr + 4, nanHead | typeFlag, true);
-				this.mem.setUint32(addr, id, true);
-			}
-
-			const loadSlice = (addr) => {
-				const array = getInt64(addr + 0);
-				const len = getInt64(addr + 8);
-				return new Uint8Array(this._inst.exports.mem.buffer, array, len);
-			}
-
-			const loadSliceOfValues = (addr) => {
-				const array = getInt64(addr + 0);
-				const len = getInt64(addr + 8);
-				const a = new Array(len);
-				for (let i = 0; i < len; i++) {
-					a[i] = loadValue(array + i * 8);
-				}
-				return a;
-			}
-
-			const loadString = (addr) => {
-				const saddr = getInt64(addr + 0);
-				const len = getInt64(addr + 8);
-				return decoder.decode(new DataView(this._inst.exports.mem.buffer, saddr, len));
-			}
-
-			const timeOrigin = Date.now() - performance.now();
-			this.importObject = {
-				_gotest: {
-					add: (a, b) => a + b,
-				},
-				gojs: {
-					// Go's SP does not change as long as no Go code is running. Some operations (e.g. calls, getters and setters)
-					// may synchronously trigger a Go event handler. This makes Go code get executed in the middle of the imported
-					// function. A goroutine can switch to a new stack if the current stack is too small (see morestack function).
-					// This changes the SP, thus we have to update the SP used by the imported function.
-
-					// func wasmExit(code int32)
-					"runtime.wasmExit": (sp) => {
-						sp >>>= 0;
-						const code = this.mem.getInt32(sp + 8, true);
-						this.exited = true;
-						delete this._inst;
-						delete this._values;
-						delete this._goRefCounts;
-						delete this._ids;
-						delete this._idPool;
-						this.exit(code);
-					},
-
-					// func wasmWrite(fd uintptr, p unsafe.Pointer, n int32)
-					"runtime.wasmWrite": (sp) => {
-						sp >>>= 0;
-						const fd = getInt64(sp + 8);
-						const p = getInt64(sp + 16);
-						const n = this.mem.getInt32(sp + 24, true);
-						fs.writeSync(fd, new Uint8Array(this._inst.exports.mem.buffer, p, n));
-					},
-
-					// func resetMemoryDataView()
-					"runtime.resetMemoryDataView": (sp) => {
-						sp >>>= 0;
-						this.mem = new DataView(this._inst.exports.mem.buffer);
-					},
-
-					// func nanotime1() int64
-					"runtime.nanotime1": (sp) => {
-						sp >>>= 0;
-						setInt64(sp + 8, (timeOrigin + performance.now()) * 1000000);
-					},
-
-					// func walltime() (sec int64, nsec int32)
-					"runtime.walltime": (sp) => {
-						sp >>>= 0;
-						const msec = (new Date).getTime();
-						setInt64(sp + 8, msec / 1000);
-						this.mem.setInt32(sp + 16, (msec % 1000) * 1000000, true);
-					},
-
-					// func scheduleTimeoutEvent(delay int64) int32
-					"runtime.scheduleTimeoutEvent": (sp) => {
-						sp >>>= 0;
-						const id = this._nextCallbackTimeoutID;
-						this._nextCallbackTimeoutID++;
-						this._scheduledTimeouts.set(id, setTimeout(
-							() => {
-								this._resume();
-								while (this._scheduledTimeouts.has(id)) {
-									// for some reason Go failed to register the timeout event, log and try again
-									// (temporary workaround for https://github.com/golang/go/issues/28975)
-									console.warn("scheduleTimeoutEvent: missed timeout event");
-									this._resume();
-								}
-							},
-							getInt64(sp + 8),
-						));
-						this.mem.setInt32(sp + 16, id, true);
-					},
-
-					// func clearTimeoutEvent(id int32)
-					"runtime.clearTimeoutEvent": (sp) => {
-						sp >>>= 0;
-						const id = this.mem.getInt32(sp + 8, true);
-						clearTimeout(this._scheduledTimeouts.get(id));
-						this._scheduledTimeouts.delete(id);
-					},
-
-					// func getRandomData(r []byte)
-					"runtime.getRandomData": (sp) => {
-						sp >>>= 0;
-						crypto.getRandomValues(loadSlice(sp + 8));
-					},
-
-					// func finalizeRef(v ref)
-					"syscall/js.finalizeRef": (sp) => {
-						sp >>>= 0;
-						const id = this.mem.getUint32(sp + 8, true);
-						this._goRefCounts[id]--;
-						if (this._goRefCounts[id] === 0) {
-							const v = this._values[id];
-							this._values[id] = null;
-							this._ids.delete(v);
-							this._idPool.push(id);
-						}
-					},
-
-					// func stringVal(value string) ref
-					"syscall/js.stringVal": (sp) => {
-						sp >>>= 0;
-						storeValue(sp + 24, loadString(sp + 8));
-					},
-
-					// func valueGet(v ref, p string) ref
-					"syscall/js.valueGet": (sp) => {
-						sp >>>= 0;
-						const result = Reflect.get(loadValue(sp + 8), loadString(sp + 16));
-						sp = this._inst.exports.getsp() >>> 0; // see comment above
-						storeValue(sp + 32, result);
-					},
-
-					// func valueSet(v ref, p string, x ref)
-					"syscall/js.valueSet": (sp) => {
-						sp >>>= 0;
-						Reflect.set(loadValue(sp + 8), loadString(sp + 16), loadValue(sp + 32));
-					},
-
-					// func valueDelete(v ref, p string)
-					"syscall/js.valueDelete": (sp) => {
-						sp >>>= 0;
-						Reflect.deleteProperty(loadValue(sp + 8), loadString(sp + 16));
-					},
-
-					// func valueIndex(v ref, i int) ref
-					"syscall/js.valueIndex": (sp) => {
-						sp >>>= 0;
-						storeValue(sp + 24, Reflect.get(loadValue(sp + 8), getInt64(sp + 16)));
-					},
-
-					// valueSetIndex(v ref, i int, x ref)
-					"syscall/js.valueSetIndex": (sp) => {
-						sp >>>= 0;
-						Reflect.set(loadValue(sp + 8), getInt64(sp + 16), loadValue(sp + 24));
-					},
-
-					// func valueCall(v ref, m string, args []ref) (ref, bool)
-					"syscall/js.valueCall": (sp) => {
-						sp >>>= 0;
-						try {
-							const v = loadValue(sp + 8);
-							const m = Reflect.get(v, loadString(sp + 16));
-							const args = loadSliceOfValues(sp + 32);
-							const result = Reflect.apply(m, v, args);
-							sp = this._inst.exports.getsp() >>> 0; // see comment above
-							storeValue(sp + 56, result);
-							this.mem.setUint8(sp + 64, 1);
-						} catch (err) {
-							sp = this._inst.exports.getsp() >>> 0; // see comment above
-							storeValue(sp + 56, err);
-							this.mem.setUint8(sp + 64, 0);
-						}
-					},
-
-					// func valueInvoke(v ref, args []ref) (ref, bool)
-					"syscall/js.valueInvoke": (sp) => {
-						sp >>>= 0;
-						try {
-							const v = loadValue(sp + 8);
-							const args = loadSliceOfValues(sp + 16);
-							const result = Reflect.apply(v, undefined, args);
-							sp = this._inst.exports.getsp() >>> 0; // see comment above
-							storeValue(sp + 40, result);
-							this.mem.setUint8(sp + 48, 1);
-						} catch (err) {
-							sp = this._inst.exports.getsp() >>> 0; // see comment above
-							storeValue(sp + 40, err);
-							this.mem.setUint8(sp + 48, 0);
-						}
-					},
-
-					// func valueNew(v ref, args []ref) (ref, bool)
-					"syscall/js.valueNew": (sp) => {
-						sp >>>= 0;
-						try {
-							const v = loadValue(sp + 8);
-							const args = loadSliceOfValues(sp + 16);
-							const result = Reflect.construct(v, args);
-							sp = this._inst.exports.getsp() >>> 0; // see comment above
-							storeValue(sp + 40, result);
-							this.mem.setUint8(sp + 48, 1);
-						} catch (err) {
-							sp = this._inst.exports.getsp() >>> 0; // see comment above
-							storeValue(sp + 40, err);
-							this.mem.setUint8(sp + 48, 0);
-						}
-					},
-
-					// func valueLength(v ref) int
-					"syscall/js.valueLength": (sp) => {
-						sp >>>= 0;
-						setInt64(sp + 16, parseInt(loadValue(sp + 8).length));
-					},
-
-					// valuePrepareString(v ref) (ref, int)
-					"syscall/js.valuePrepareString": (sp) => {
-						sp >>>= 0;
-						const str = encoder.encode(String(loadValue(sp + 8)));
-						storeValue(sp + 16, str);
-						setInt64(sp + 24, str.length);
-					},
-
-					// valueLoadString(v ref, b []byte)
-					"syscall/js.valueLoadString": (sp) => {
-						sp >>>= 0;
-						const str = loadValue(sp + 8);
-						loadSlice(sp + 16).set(str);
-					},
-
-					// func valueInstanceOf(v ref, t ref) bool
-					"syscall/js.valueInstanceOf": (sp) => {
-						sp >>>= 0;
-						this.mem.setUint8(sp + 24, (loadValue(sp + 8) instanceof loadValue(sp + 16)) ? 1 : 0);
-					},
-
-					// func copyBytesToGo(dst []byte, src ref) (int, bool)
-					"syscall/js.copyBytesToGo": (sp) => {
-						sp >>>= 0;
-						const dst = loadSlice(sp + 8);
-						const src = loadValue(sp + 32);
-						if (!(src instanceof Uint8Array || src instanceof Uint8ClampedArray)) {
-							this.mem.setUint8(sp + 48, 0);
-							return;
-						}
-						const toCopy = src.subarray(0, dst.length);
-						dst.set(toCopy);
-						setInt64(sp + 40, toCopy.length);
-						this.mem.setUint8(sp + 48, 1);
-					},
-
-					// func copyBytesToJS(dst ref, src []byte) (int, bool)
-					"syscall/js.copyBytesToJS": (sp) => {
-						sp >>>= 0;
-						const dst = loadValue(sp + 8);
-						const src = loadSlice(sp + 16);
-						if (!(dst instanceof Uint8Array || dst instanceof Uint8ClampedArray)) {
-							this.mem.setUint8(sp + 48, 0);
-							return;
-						}
-						const toCopy = src.subarray(0, dst.length);
-						dst.set(toCopy);
-						setInt64(sp + 40, toCopy.length);
-						this.mem.setUint8(sp + 48, 1);
-					},
-
-					"debug": (value) => {
-						console.log(value);
-					},
-				}
-			};
-		}
-
-		async run(instance) {
-			if (!(instance instanceof WebAssembly.Instance)) {
-				throw new Error("Go.run: WebAssembly.Instance expected");
-			}
-			this._inst = instance;
-			this.mem = new DataView(this._inst.exports.mem.buffer);
-			this._values = [ // JS values that Go currently has references to, indexed by reference id
-				NaN,
-				0,
-				null,
-				true,
-				false,
-				globalThis,
-				this,
-			];
-			this._goRefCounts = new Array(this._values.length).fill(Infinity); // number of references that Go has to a JS value, indexed by reference id
-			this._ids = new Map([ // mapping from JS values to reference ids
-				[0, 1],
-				[null, 2],
-				[true, 3],
-				[false, 4],
-				[globalThis, 5],
-				[this, 6],
-			]);
-			this._idPool = [];   // unused ids that have been garbage collected
-			this.exited = false; // whether the Go program has exited
-
-			// Pass command line arguments and environment variables to WebAssembly by writing them to the linear memory.
-			let offset = 4096;
-
-			const strPtr = (str) => {
-				const ptr = offset;
-				const bytes = encoder.encode(str + "\0");
-				new Uint8Array(this.mem.buffer, offset, bytes.length).set(bytes);
-				offset += bytes.length;
-				if (offset % 8 !== 0) {
-					offset += 8 - (offset % 8);
-				}
-				return ptr;
-			};
-
-			const argc = this.argv.length;
-
-			const argvPtrs = [];
-			this.argv.forEach((arg) => {
-				argvPtrs.push(strPtr(arg));
-			});
-			argvPtrs.push(0);
-
-			const keys = Object.keys(this.env).sort();
-			keys.forEach((key) => {
-				argvPtrs.push(strPtr(`${key}=${this.env[key]}`));
-			});
-			argvPtrs.push(0);
-
-			const argv = offset;
-			argvPtrs.forEach((ptr) => {
-				this.mem.setUint32(offset, ptr, true);
-				this.mem.setUint32(offset + 4, 0, true);
-				offset += 8;
-			});
-
-			// The linker guarantees global data starts from at least wasmMinDataAddr.
-			// Keep in sync with cmd/link/internal/ld/data.go:wasmMinDataAddr.
-			const wasmMinDataAddr = 4096 + 8192;
-			if (offset >= wasmMinDataAddr) {
-				throw new Error("total length of command line and environment variables exceeds limit");
-			}
-
-			this._inst.exports.run(argc, argv);
-			if (this.exited) {
-				this._resolveExitPromise();
-			}
-			await this._exitPromise;
-		}
-
-		_resume() {
-			if (this.exited) {
-				throw new Error("Go program has already exited");
-			}
-			this._inst.exports.resume();
-			if (this.exited) {
-				this._resolveExitPromise();
-			}
-		}
-
-		_makeFuncWrapper(id) {
-			const go = this;
-			return function () {
-				const event = { id: id, this: this, args: arguments };
-				go._pendingEvent = event;
-				go._resume();
-				return event.result;
-			};
-		}
-	}
-})();
--- a/frontend/src/assets/fonts/Hack/hack-bold.woff
+++ b/frontend/src/assets/fonts/Hack/hack-bold.woff
--- a/frontend/src/assets/fonts/Hack/hack-bold.woff2
+++ b/frontend/src/assets/fonts/Hack/hack-bold.woff2
--- a/frontend/src/assets/fonts/Hack/hack-bolditalic.woff
+++ b/frontend/src/assets/fonts/Hack/hack-bolditalic.woff
--- a/frontend/src/assets/fonts/Hack/hack-bolditalic.woff2
+++ b/frontend/src/assets/fonts/Hack/hack-bolditalic.woff2
--- a/frontend/src/assets/fonts/Hack/hack-italic.woff
+++ b/frontend/src/assets/fonts/Hack/hack-italic.woff
--- a/frontend/src/assets/fonts/Hack/hack-italic.woff2
+++ b/frontend/src/assets/fonts/Hack/hack-italic.woff2
--- a/frontend/src/assets/fonts/Hack/hack-regular.woff
+++ b/frontend/src/assets/fonts/Hack/hack-regular.woff
--- a/frontend/src/assets/fonts/Hack/hack-regular.woff2
+++ b/frontend/src/assets/fonts/Hack/hack-regular.woff2
--- a/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_Sans/HarmonyOS_Sans_Black.ttf
+++ b/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_Sans/HarmonyOS_Sans_Black.ttf
--- a/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_Sans/HarmonyOS_Sans_Black.woff2
+++ b/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_Sans/HarmonyOS_Sans_Black.woff2
--- a/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_Sans/HarmonyOS_Sans_Bold.ttf
+++ b/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_Sans/HarmonyOS_Sans_Bold.ttf
--- a/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_Sans/HarmonyOS_Sans_Bold.woff2
+++ b/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_Sans/HarmonyOS_Sans_Bold.woff2
--- a/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_Sans/HarmonyOS_Sans_Light.ttf
+++ b/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_Sans/HarmonyOS_Sans_Light.ttf
--- a/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_Sans/HarmonyOS_Sans_Light.woff2
+++ b/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_Sans/HarmonyOS_Sans_Light.woff2
--- a/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_Sans/HarmonyOS_Sans_Medium.ttf
+++ b/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_Sans/HarmonyOS_Sans_Medium.ttf
--- a/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_Sans/HarmonyOS_Sans_Medium.woff2
+++ b/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_Sans/HarmonyOS_Sans_Medium.woff2
--- a/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_Sans/HarmonyOS_Sans_Regular.ttf
+++ b/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_Sans/HarmonyOS_Sans_Regular.ttf
--- a/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_Sans/HarmonyOS_Sans_Regular.woff2
+++ b/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_Sans/HarmonyOS_Sans_Regular.woff2
--- a/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_Sans/HarmonyOS_Sans_Semibold.ttf
+++ b/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_Sans/HarmonyOS_Sans_Semibold.ttf
--- a/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_Sans/HarmonyOS_Sans_Semibold.woff2
+++ b/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_Sans/HarmonyOS_Sans_Semibold.woff2
--- a/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_Sans/HarmonyOS_Sans_Thin.ttf
+++ b/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_Sans/HarmonyOS_Sans_Thin.ttf
--- a/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_Sans/HarmonyOS_Sans_Thin.woff2
+++ b/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_Sans/HarmonyOS_Sans_Thin.woff2
--- a/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_SansSC/HarmonyOS_SansSC_Black.ttf
+++ b/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_SansSC/HarmonyOS_SansSC_Black.ttf
--- a/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_SansSC/HarmonyOS_SansSC_Black.woff2
+++ b/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_SansSC/HarmonyOS_SansSC_Black.woff2
--- a/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_SansSC/HarmonyOS_SansSC_Bold.ttf
+++ b/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_SansSC/HarmonyOS_SansSC_Bold.ttf
--- a/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_SansSC/HarmonyOS_SansSC_Bold.woff2
+++ b/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_SansSC/HarmonyOS_SansSC_Bold.woff2
--- a/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_SansSC/HarmonyOS_SansSC_Light.ttf
+++ b/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_SansSC/HarmonyOS_SansSC_Light.ttf
--- a/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_SansSC/HarmonyOS_SansSC_Light.woff2
+++ b/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_SansSC/HarmonyOS_SansSC_Light.woff2
--- a/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_SansSC/HarmonyOS_SansSC_Medium.ttf
+++ b/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_SansSC/HarmonyOS_SansSC_Medium.ttf
--- a/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_SansSC/HarmonyOS_SansSC_Medium.woff2
+++ b/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_SansSC/HarmonyOS_SansSC_Medium.woff2
--- a/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_SansSC/HarmonyOS_SansSC_Regular.ttf
+++ b/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_SansSC/HarmonyOS_SansSC_Regular.ttf
--- a/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_SansSC/HarmonyOS_SansSC_Regular.woff2
+++ b/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_SansSC/HarmonyOS_SansSC_Regular.woff2
--- a/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_SansSC/HarmonyOS_SansSC_Semibold.ttf
+++ b/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_SansSC/HarmonyOS_SansSC_Semibold.ttf
--- a/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_SansSC/HarmonyOS_SansSC_Semibold.woff2
+++ b/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_SansSC/HarmonyOS_SansSC_Semibold.woff2
--- a/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_SansSC/HarmonyOS_SansSC_Thin.ttf
+++ b/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_SansSC/HarmonyOS_SansSC_Thin.ttf
--- a/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_SansSC/HarmonyOS_SansSC_Thin.woff2
+++ b/frontend/src/assets/fonts/HarmonyOS/HarmonyOS_SansSC/HarmonyOS_SansSC_Thin.woff2
--- a/frontend/src/assets/fonts/HarmonyOS/font_compressor.py
+++ b/frontend/src/assets/fonts/HarmonyOS/font_compressor.py
@@ -0,0 +1,254 @@
+#!/usr/bin/env python3
+# -*- coding: utf-8 -*-
+"""
+鸿蒙字体压缩工具
+使用 fonttools 库压缩 TTF 字体文件，减小文件大小
+"""
+
+import os
+import sys
+import subprocess
+import shutil
+from pathlib import Path
+from typing import List, Tuple
+
+def check_dependencies():
+    """检查必要的依赖是否已安装"""
+    missing_packages = []
+    
+    # 检查 fonttools
+    try:
+        import fontTools
+    except ImportError:
+        missing_packages.append('fonttools')
+    
+    # 检查 brotli
+    try:
+        import brotli
+    except ImportError:
+        missing_packages.append('brotli')
+    
+    # 检查 pyftsubset 命令是否可用
+    try:
+        result = subprocess.run(['pyftsubset', '--help'], capture_output=True, text=True)
+        if result.returncode != 0:
+            missing_packages.append('fonttools[subset]')
+    except FileNotFoundError:
+        if 'fonttools' not in missing_packages:
+            missing_packages.append('fonttools[subset]')
+    
+    if missing_packages:
+        print(f"缺少必要的依赖包: {', '.join(missing_packages)}")
+        print("请运行以下命令安装:")
+        print(f"pip install {' '.join(missing_packages)}")
+        return False
+    
+    return True
+
+def get_file_size(file_path: str) -> int:
+    """获取文件大小（字节）"""
+    return os.path.getsize(file_path)
+
+def format_file_size(size_bytes: int) -> str:
+    """格式化文件大小显示"""
+    if size_bytes < 1024:
+        return f"{size_bytes} B"
+    elif size_bytes < 1024 * 1024:
+        return f"{size_bytes / 1024:.2f} KB"
+    else:
+        return f"{size_bytes / (1024 * 1024):.2f} MB"
+
+def compress_font(input_path: str, output_path: str, compression_level: str = "basic") -> bool:
+    """
+    压缩单个字体文件
+    
+    Args:
+        input_path: 输入字体文件路径
+        output_path: 输出字体文件路径
+        compression_level: 压缩级别 ("basic", "medium", "aggressive")
+    
+    Returns:
+        bool: 压缩是否成功
+    """
+    try:
+        # 基础压缩参数
+        base_args = [
+            "pyftsubset", input_path,
+            "--output-file=" + output_path,
+            "--flavor=woff2",  # 输出为 WOFF2 格式，压缩率更高
+            "--with-zopfli",   # 使用 Zopfli 算法进一步压缩
+        ]
+        
+        # 根据压缩级别设置不同的参数
+        if compression_level == "basic":
+            # 基础压缩：保留常用字符和功能
+            args = base_args + [
+                "--unicodes=U+0020-007F,U+00A0-00FF,U+2000-206F,U+2070-209F,U+20A0-20CF",  # 基本拉丁字符、标点符号等
+                "--layout-features=*",  # 保留所有布局特性
+                "--glyph-names",        # 保留字形名称
+                "--symbol-cmap",        # 保留符号映射
+                "--legacy-cmap",        # 保留传统字符映射
+                "--notdef-glyph",       # 保留 .notdef 字形
+                "--recommended-glyphs", # 保留推荐字形
+                "--name-IDs=*",         # 保留所有名称ID
+                "--name-legacy",        # 保留传统名称
+            ]
+        elif compression_level == "medium":
+            # 中等压缩：移除一些不常用的功能
+            args = base_args + [
+                "--unicodes=U+0020-007F,U+00A0-00FF,U+2000-206F",  # 减少字符范围
+                "--layout-features=kern,liga,clig",  # 只保留关键布局特性
+                "--no-glyph-names",     # 移除字形名称
+                "--notdef-glyph",
+                "--name-IDs=1,2,3,4,5,6",  # 只保留基本名称ID
+            ]
+        else:  # aggressive
+            # 激进压缩：最大程度减小文件大小
+            args = base_args + [
+                "--unicodes=U+0020-007F",  # 只保留基本ASCII字符
+                "--no-layout-features",     # 移除所有布局特性
+                "--no-glyph-names",        # 移除字形名称
+                "--no-symbol-cmap",        # 移除符号映射
+                "--no-legacy-cmap",        # 移除传统映射
+                "--notdef-glyph",
+                "--name-IDs=1,2",          # 只保留最基本的名称
+                "--desubroutinize",        # 去子程序化（可能减小CFF字体大小）
+            ]
+        
+        # 执行压缩命令
+        result = subprocess.run(args, capture_output=True, text=True)
+        
+        if result.returncode == 0:
+            return True
+        else:
+            print(f"压缩失败: {result.stderr}")
+            return False
+            
+    except Exception as e:
+        print(f"压缩过程中出现错误: {str(e)}")
+        return False
+
+def find_font_files(directory: str) -> List[str]:
+    """查找目录中的所有字体文件"""
+    font_extensions = ['.ttf', '.otf', '.woff', '.woff2']
+    font_files = []
+    
+    for root, dirs, files in os.walk(directory):
+        for file in files:
+            if any(file.lower().endswith(ext) for ext in font_extensions):
+                font_files.append(os.path.join(root, file))
+    
+    return font_files
+
+def compress_fonts_batch(font_directory: str, compression_level: str = "basic"):
+    """
+    批量压缩字体文件
+    
+    Args:
+        font_directory: 字体文件目录
+        compression_level: 压缩级别
+    """
+    if not os.path.exists(font_directory):
+        print(f"错误: 目录 {font_directory} 不存在")
+        return
+    
+    # 查找所有字体文件
+    font_files = find_font_files(font_directory)
+    
+    if not font_files:
+        print("未找到字体文件")
+        return
+    
+    print(f"找到 {len(font_files)} 个字体文件")
+    print(f"压缩级别: {compression_level}")
+    print(f"压缩后的文件将与源文件放在同一目录，扩展名为 .woff2")
+    print("-" * 60)
+    
+    total_original_size = 0
+    total_compressed_size = 0
+    successful_compressions = 0
+    
+    for i, font_file in enumerate(font_files, 1):
+        print(f"[{i}/{len(font_files)}] 处理: {os.path.basename(font_file)}")
+        
+        # 获取原始文件大小
+        original_size = get_file_size(font_file)
+        total_original_size += original_size
+        
+        # 生成输出文件名（保持原文件名，只改变扩展名）
+        file_dir = os.path.dirname(font_file)
+        base_name = os.path.splitext(os.path.basename(font_file))[0]
+        output_file = os.path.join(file_dir, f"{base_name}.woff2")
+        
+        # 压缩字体
+        if compress_font(font_file, output_file, compression_level):
+            if os.path.exists(output_file):
+                compressed_size = get_file_size(output_file)
+                total_compressed_size += compressed_size
+                successful_compressions += 1
+                
+                # 计算压缩率
+                compression_ratio = (1 - compressed_size / original_size) * 100
+                
+                print(f"  ✓ 成功: {format_file_size(original_size)} → {format_file_size(compressed_size)} "
+                      f"(压缩 {compression_ratio:.1f}%)")
+            else:
+                print(f"  ✗ 失败: 输出文件未生成")
+        else:
+            print(f"  ✗ 失败: 压缩过程出错")
+        
+        print()
+    
+    # 显示总结
+    print("=" * 60)
+    print("压缩完成!")
+    print(f"成功压缩: {successful_compressions}/{len(font_files)} 个文件")
+    
+    if successful_compressions > 0:
+        total_compression_ratio = (1 - total_compressed_size / total_original_size) * 100
+        print(f"总大小: {format_file_size(total_original_size)} → {format_file_size(total_compressed_size)}")
+        print(f"总压缩率: {total_compression_ratio:.1f}%")
+        print(f"节省空间: {format_file_size(total_original_size - total_compressed_size)}")
+
+def main():
+    """主函数"""
+    print("鸿蒙字体压缩工具")
+    print("=" * 60)
+    
+    # 检查依赖
+    if not check_dependencies():
+        return
+    
+    # 获取当前脚本所在目录
+    current_dir = os.path.dirname(os.path.abspath(__file__))
+    
+    # 设置默认字体目录
+    font_directory = current_dir
+    
+    print(f"字体目录: {font_directory}")
+    
+    # 让用户选择压缩级别
+    print("\n请选择压缩级别:")
+    print("1. 基础压缩 (保留大部分功能，适合网页使用)")
+    print("2. 中等压缩 (平衡文件大小和功能)")
+    print("3. 激进压缩 (最小文件大小，可能影响显示效果)")
+    
+    while True:
+        choice = input("\n请输入选择 (1-3): ").strip()
+        if choice == "1":
+            compression_level = "basic"
+            break
+        elif choice == "2":
+            compression_level = "medium"
+            break
+        elif choice == "3":
+            compression_level = "aggressive"
+            break
+        else:
+            print("无效选择，请输入 1、2 或 3")
+    
+    # 开始批量压缩
+    compress_fonts_batch(font_directory, compression_level=compression_level)
+
+if __name__ == "__main__":
+    main()
--- a/frontend/src/assets/fonts/OpenSans/Bold/OpenSans-Bold.woff
+++ b/frontend/src/assets/fonts/OpenSans/Bold/OpenSans-Bold.woff
--- a/frontend/src/assets/fonts/OpenSans/Bold/OpenSans-Bold.woff2
+++ b/frontend/src/assets/fonts/OpenSans/Bold/OpenSans-Bold.woff2
--- a/frontend/src/assets/fonts/OpenSans/BoldItalic/OpenSans-BoldItalic.woff
+++ b/frontend/src/assets/fonts/OpenSans/BoldItalic/OpenSans-BoldItalic.woff
--- a/frontend/src/assets/fonts/OpenSans/BoldItalic/OpenSans-BoldItalic.woff2
+++ b/frontend/src/assets/fonts/OpenSans/BoldItalic/OpenSans-BoldItalic.woff2
--- a/frontend/src/assets/fonts/OpenSans/ExtraBold/OpenSans-ExtraBold.woff
+++ b/frontend/src/assets/fonts/OpenSans/ExtraBold/OpenSans-ExtraBold.woff
--- a/frontend/src/assets/fonts/OpenSans/ExtraBold/OpenSans-ExtraBold.woff2
+++ b/frontend/src/assets/fonts/OpenSans/ExtraBold/OpenSans-ExtraBold.woff2
--- a/frontend/src/assets/fonts/OpenSans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff
+++ b/frontend/src/assets/fonts/OpenSans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff
--- a/frontend/src/assets/fonts/OpenSans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff2
+++ b/frontend/src/assets/fonts/OpenSans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff2
--- a/frontend/src/assets/fonts/OpenSans/Italic/OpenSans-Italic.woff
+++ b/frontend/src/assets/fonts/OpenSans/Italic/OpenSans-Italic.woff
--- a/frontend/src/assets/fonts/OpenSans/Italic/OpenSans-Italic.woff2
+++ b/frontend/src/assets/fonts/OpenSans/Italic/OpenSans-Italic.woff2
--- a/frontend/src/assets/fonts/OpenSans/Light/OpenSans-Light.woff
+++ b/frontend/src/assets/fonts/OpenSans/Light/OpenSans-Light.woff
--- a/frontend/src/assets/fonts/OpenSans/Light/OpenSans-Light.woff2
+++ b/frontend/src/assets/fonts/OpenSans/Light/OpenSans-Light.woff2
--- a/frontend/src/assets/fonts/OpenSans/LightItalic/OpenSans-LightItalic.woff
+++ b/frontend/src/assets/fonts/OpenSans/LightItalic/OpenSans-LightItalic.woff
--- a/frontend/src/assets/fonts/OpenSans/LightItalic/OpenSans-LightItalic.woff2
+++ b/frontend/src/assets/fonts/OpenSans/LightItalic/OpenSans-LightItalic.woff2
--- a/frontend/src/assets/fonts/OpenSans/Regular/OpenSans-Regular.woff
+++ b/frontend/src/assets/fonts/OpenSans/Regular/OpenSans-Regular.woff
--- a/frontend/src/assets/fonts/OpenSans/Regular/OpenSans-Regular.woff2
+++ b/frontend/src/assets/fonts/OpenSans/Regular/OpenSans-Regular.woff2
--- a/frontend/src/assets/fonts/OpenSans/Semibold/OpenSans-Semibold.woff
+++ b/frontend/src/assets/fonts/OpenSans/Semibold/OpenSans-Semibold.woff
--- a/frontend/src/assets/fonts/OpenSans/Semibold/OpenSans-Semibold.woff2
+++ b/frontend/src/assets/fonts/OpenSans/Semibold/OpenSans-Semibold.woff2
--- a/frontend/src/assets/fonts/OpenSans/SemiboldItalic/OpenSans-SemiboldItalic.woff
+++ b/frontend/src/assets/fonts/OpenSans/SemiboldItalic/OpenSans-SemiboldItalic.woff
--- a/frontend/src/assets/fonts/OpenSans/SemiboldItalic/OpenSans-SemiboldItalic.woff2
+++ b/frontend/src/assets/fonts/OpenSans/SemiboldItalic/OpenSans-SemiboldItalic.woff2
--- a/frontend/src/assets/styles/fonts.css
+++ b/frontend/src/assets/styles/fonts.css
@@ -1,146 +0,0 @@
-/* HarmonyOS Sans 字体定义 */
-
-/* HarmonyOS Sans Regular */
-@font-face {
-  font-family: 'HarmonyOS Sans';
-  src: url('../fonts/HarmonyOS Sans/HarmonyOS_Sans/HarmonyOS_Sans_Regular.ttf') format('truetype');
-  font-weight: 400;
-  font-style: normal;
-  font-display: swap;
-}
-
-/* HarmonyOS Sans Light */
-@font-face {
-  font-family: 'HarmonyOS Sans';
-  src: url('../fonts/HarmonyOS Sans/HarmonyOS_Sans/HarmonyOS_Sans_Light.ttf') format('truetype');
-  font-weight: 300;
-  font-style: normal;
-  font-display: swap;
-}
-
-/* HarmonyOS Sans Medium */
-@font-face {
-  font-family: 'HarmonyOS Sans';
-  src: url('../fonts/HarmonyOS Sans/HarmonyOS_Sans/HarmonyOS_Sans_Medium.ttf') format('truetype');
-  font-weight: 500;
-  font-style: normal;
-  font-display: swap;
-}
-
-/* HarmonyOS Sans Semibold */
-@font-face {
-  font-family: 'HarmonyOS Sans';
-  src: url('../fonts/HarmonyOS Sans/HarmonyOS_Sans/HarmonyOS_Sans_Semibold.ttf') format('truetype');
-  font-weight: 600;
-  font-style: normal;
-  font-display: swap;
-}
-
-/* HarmonyOS Sans Bold */
-@font-face {
-  font-family: 'HarmonyOS Sans';
-  src: url('../fonts/HarmonyOS Sans/HarmonyOS_Sans/HarmonyOS_Sans_Bold.ttf') format('truetype');
-  font-weight: 700;
-  font-style: normal;
-  font-display: swap;
-}
-
-/* HarmonyOS Sans Black */
-@font-face {
-  font-family: 'HarmonyOS Sans';
-  src: url('../fonts/HarmonyOS Sans/HarmonyOS_Sans/HarmonyOS_Sans_Black.ttf') format('truetype');
-  font-weight: 900;
-  font-style: normal;
-  font-display: swap;
-}
-
-/* HarmonyOS Sans Thin */
-@font-face {
-  font-family: 'HarmonyOS Sans';
-  src: url('../fonts/HarmonyOS Sans/HarmonyOS_Sans/HarmonyOS_Sans_Thin.ttf') format('truetype');
-  font-weight: 100;
-  font-style: normal;
-  font-display: swap;
-}
-
-/* HarmonyOS Sans SC 简体中文字体 */
-
-/* HarmonyOS Sans SC Regular */
-@font-face {
-  font-family: 'HarmonyOS Sans SC';
-  src: url('../fonts/HarmonyOS Sans/HarmonyOS_SansSC/HarmonyOS_SansSC_Regular.ttf') format('truetype');
-  font-weight: 400;
-  font-style: normal;
-  font-display: swap;
-}
-
-/* HarmonyOS Sans SC Light */
-@font-face {
-  font-family: 'HarmonyOS Sans SC';
-  src: url('../fonts/HarmonyOS Sans/HarmonyOS_SansSC/HarmonyOS_SansSC_Light.ttf') format('truetype');
-  font-weight: 300;
-  font-style: normal;
-  font-display: swap;
-}
-
-/* HarmonyOS Sans SC Medium */
-@font-face {
-  font-family: 'HarmonyOS Sans SC';
-  src: url('../fonts/HarmonyOS Sans/HarmonyOS_SansSC/HarmonyOS_SansSC_Medium.ttf') format('truetype');
-  font-weight: 500;
-  font-style: normal;
-  font-display: swap;
-}
-
-/* HarmonyOS Sans SC Semibold */
-@font-face {
-  font-family: 'HarmonyOS Sans SC';
-  src: url('../fonts/HarmonyOS Sans/HarmonyOS_SansSC/HarmonyOS_SansSC_Semibold.ttf') format('truetype');
-  font-weight: 600;
-  font-style: normal;
-  font-display: swap;
-}
-
-/* HarmonyOS Sans SC Bold */
-@font-face {
-  font-family: 'HarmonyOS Sans SC';
-  src: url('../fonts/HarmonyOS Sans/HarmonyOS_SansSC/HarmonyOS_SansSC_Bold.ttf') format('truetype');
-  font-weight: 700;
-  font-style: normal;
-  font-display: swap;
-}
-
-/* HarmonyOS Sans SC Black */
-@font-face {
-  font-family: 'HarmonyOS Sans SC';
-  src: url('../fonts/HarmonyOS Sans/HarmonyOS_SansSC/HarmonyOS_SansSC_Black.ttf') format('truetype');
-  font-weight: 900;
-  font-style: normal;
-  font-display: swap;
-}
-
-/* HarmonyOS Sans SC Thin */
-@font-face {
-  font-family: 'HarmonyOS Sans SC';
-  src: url('../fonts/HarmonyOS Sans/HarmonyOS_SansSC/HarmonyOS_SansSC_Thin.ttf') format('truetype');
-  font-weight: 100;
-  font-style: normal;
-  font-display: swap;
-}
-
-/* 字体加载优化 */
-.font-loading {
-  font-family: system-ui, -apple-system, sans-serif;
-}
-
-.font-loaded {
-  font-family: 'HarmonyOS Sans SC', 'HarmonyOS Sans', 'Microsoft YaHei', 'PingFang SC', 'Helvetica Neue', Arial, sans-serif;
-}
-
-/* CodeMirror 专用字体类 */
-.cm-harmonyos-font {
-  font-family: 'HarmonyOS Sans SC', 'HarmonyOS Sans', 'Microsoft YaHei', 'PingFang SC', 'Helvetica Neue', Arial, sans-serif !important;
-  font-feature-settings: 'liga' 1, 'calt' 1;
-  font-variant-ligatures: contextual;
-  text-rendering: optimizeLegibility;
-} 
--- a/frontend/src/assets/styles/hack_fonts.css
+++ b/frontend/src/assets/styles/hack_fonts.css
@@ -0,0 +1,31 @@
+@font-face {
+    font-family: 'Hack';
+    src: url('../fonts/Hack/hack-regular.woff2') format('woff2'),
+    url('../fonts/Hack/hack-regular.woff') format('woff');
+    font-weight: 400;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Hack';
+    src: url('../fonts/Hack/hack-bold.woff2') format('woff2'),
+    url('../fonts/Hack/hack-bold.woff') format('woff');
+    font-weight: 700;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Hack';
+    src: url('../fonts/Hack/hack-italic.woff2') format('woff2'),
+    url('../fonts/Hack/hack-italic.woff') format('woff');
+    font-weight: 400;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Hack';
+    src: url('../fonts/Hack/hack-bolditalic.woff2') format('woff2'),
+    url('../fonts/Hack/hack-bolditalic.woff') format('woff');
+    font-weight: 700;
+    font-style: italic;
+}
--- a/frontend/src/assets/styles/harmony_fonts.css
+++ b/frontend/src/assets/styles/harmony_fonts.css
@@ -0,0 +1,134 @@
+/* HarmonyOS 字体定义 */
+
+/* HarmonyOS Regular */
+@font-face {
+  font-family: 'HarmonyOS';
+  src: url('../fonts/HarmonyOS/HarmonyOS_Sans/HarmonyOS_Sans_Regular.woff2') format('truetype');
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+
+/* HarmonyOS Light */
+@font-face {
+  font-family: 'HarmonyOS';
+  src: url('../fonts/HarmonyOS/HarmonyOS_Sans/HarmonyOS_Sans_Light.woff2') format('truetype');
+  font-weight: 300;
+  font-style: normal;
+  font-display: swap;
+}
+
+/* HarmonyOS Medium */
+@font-face {
+  font-family: 'HarmonyOS';
+  src: url('../fonts/HarmonyOS/HarmonyOS_Sans/HarmonyOS_Sans_Medium.woff2') format('truetype');
+  font-weight: 500;
+  font-style: normal;
+  font-display: swap;
+}
+
+/* HarmonyOS Semibold */
+@font-face {
+  font-family: 'HarmonyOS';
+  src: url('../fonts/HarmonyOS/HarmonyOS_Sans/HarmonyOS_Sans_Semibold.woff2') format('truetype');
+  font-weight: 600;
+  font-style: normal;
+  font-display: swap;
+}
+
+/* HarmonyOS Bold */
+@font-face {
+  font-family: 'HarmonyOS';
+  src: url('../fonts/HarmonyOS/HarmonyOS_Sans/HarmonyOS_Sans_Bold.woff2') format('truetype');
+  font-weight: 700;
+  font-style: normal;
+  font-display: swap;
+}
+
+/* HarmonyOS Black */
+@font-face {
+  font-family: 'HarmonyOS';
+  src: url('../fonts/HarmonyOS/HarmonyOS_Sans/HarmonyOS_Sans_Black.woff2') format('truetype');
+  font-weight: 900;
+  font-style: normal;
+  font-display: swap;
+}
+
+/* HarmonyOS Thin */
+@font-face {
+  font-family: 'HarmonyOS';
+  src: url('../fonts/HarmonyOS/HarmonyOS_Sans/HarmonyOS_Sans_Thin.woff2') format('truetype');
+  font-weight: 100;
+  font-style: normal;
+  font-display: swap;
+}
+
+/* HarmonyOS SC 简体中文字体 */
+
+/* HarmonyOS SC Regular */
+@font-face {
+  font-family: 'HarmonyOS';
+  src: url('../fonts/HarmonyOS/HarmonyOS_SansSC/HarmonyOS_SansSC_Regular.woff2') format('truetype');
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+
+/* HarmonyOS SC Light */
+@font-face {
+  font-family: 'HarmonyOS';
+  src: url('../fonts/HarmonyOS/HarmonyOS_SansSC/HarmonyOS_SansSC_Light.woff2') format('truetype');
+  font-weight: 300;
+  font-style: normal;
+  font-display: swap;
+}
+
+/* HarmonyOS SC Medium */
+@font-face {
+  font-family: 'HarmonyOS';
+  src: url('../fonts/HarmonyOS/HarmonyOS_SansSC/HarmonyOS_SansSC_Medium.woff2') format('truetype');
+  font-weight: 500;
+  font-style: normal;
+  font-display: swap;
+}
+
+/* HarmonyOS SC Semibold */
+@font-face {
+  font-family: 'HarmonyOS';
+  src: url('../fonts/HarmonyOS/HarmonyOS_SansSC/HarmonyOS_SansSC_Semibold.woff2') format('truetype');
+  font-weight: 600;
+  font-style: normal;
+  font-display: swap;
+}
+
+/* HarmonyOS SC Bold */
+@font-face {
+  font-family: 'HarmonyOS';
+  src: url('../fonts/HarmonyOS/HarmonyOS_SansSC/HarmonyOS_SansSC_Bold.woff2') format('truetype');
+  font-weight: 700;
+  font-style: normal;
+  font-display: swap;
+}
+
+/* HarmonyOS SC Black */
+@font-face {
+  font-family: 'HarmonyOS';
+  src: url('../fonts/HarmonyOS/HarmonyOS_SansSC/HarmonyOS_SansSC_Black.woff2') format('truetype');
+  font-weight: 900;
+  font-style: normal;
+  font-display: swap;
+}
+
+/* HarmonyOS SC Thin */
+@font-face {
+  font-family: 'HarmonyOS';
+  src: url('../fonts/HarmonyOS/HarmonyOS_SansSC/HarmonyOS_SansSC_Thin.woff2') format('truetype');
+  font-weight: 100;
+  font-style: normal;
+  font-display: swap;
+}
+
+/* 字体加载优化 */
+.font-loading {
+  font-family: system-ui, -apple-system, sans-serif;
+}
--- a/frontend/src/assets/styles/index.css
+++ b/frontend/src/assets/styles/index.css
@@ -1,5 +1,7 @@
 /* 导入所有CSS文件 */
@import 'normalize.css';
@import 'variables.css';
-@import "fonts.css";
-@import 'scrollbar.css';
+@import "harmony_fonts.css";
+@import 'scrollbar.css';
+@import 'hack_fonts.css';
+@import 'opensans_fonts.css';
--- a/frontend/src/assets/styles/opensans_fonts.css
+++ b/frontend/src/assets/styles/opensans_fonts.css
@@ -0,0 +1,80 @@
+/* BEGIN Light */
+@font-face {
+    font-family: 'Open Sans';
+    src: url("../fonts/OpenSans/Light/OpenSans-Light.woff2?v=1.1.0") format("woff2"), url("../fonts/OpenSans/Light/OpenSans-Light.woff?v=1.1.0") format("woff");
+    font-weight: 300;
+    font-style: normal;
+}
+/* END Light */
+/* BEGIN Light Italic */
+@font-face {
+    font-family: 'Open Sans';
+    src: url("../fonts/OpenSans/LightItalic/OpenSans-LightItalic.woff2?v=1.1.0") format("woff2"), url("../fonts/OpenSans/LightItalic/OpenSans-LightItalic.woff?v=1.1.0") format("woff");
+    font-weight: 300;
+    font-style: italic;
+}
+/* END Light Italic */
+/* BEGIN Regular */
+@font-face {
+    font-family: 'Open Sans';
+    src: url("../fonts/OpenSans/Regular/OpenSans-Regular.woff2?v=1.1.0") format("woff2"), url("../fonts/OpenSans/Regular/OpenSans-Regular.woff?v=1.1.0") format("woff");
+    font-weight: normal;
+    font-style: normal;
+}
+/* END Regular */
+/* BEGIN Italic */
+@font-face {
+    font-family: 'Open Sans';
+    src: url("../fonts/OpenSans/Italic/OpenSans-Italic.woff2?v=1.1.0") format("woff2"), url("../fonts/OpenSans/Italic/OpenSans-Italic.woff?v=1.1.0") format("woff");
+    font-weight: normal;
+    font-style: italic;
+}
+/* END Italic */
+/* BEGIN Semibold */
+@font-face {
+    font-family: 'Open Sans';
+    src: url("../fonts/OpenSans/Semibold/OpenSans-Semibold.woff2?v=1.1.0") format("woff2"), url("../fonts/OpenSans/Semibold/OpenSans-Semibold.woff?v=1.1.0") format("woff");
+    font-weight: 600;
+    font-style: normal;
+}
+/* END Semibold */
+/* BEGIN Semibold Italic */
+@font-face {
+    font-family: 'Open Sans';
+    src: url("../fonts/OpenSans/SemiboldItalic/OpenSans-SemiboldItalic.woff2?v=1.1.0") format("woff2"), url("../fonts/OpenSans/SemiboldItalic/OpenSans-SemiboldItalic.woff?v=1.1.0") format("woff");
+    font-weight: 600;
+    font-style: italic;
+}
+/* END Semibold Italic */
+/* BEGIN Bold */
+@font-face {
+    font-family: 'Open Sans';
+    src: url("../fonts/OpenSans/Bold/OpenSans-Bold.woff2?v=1.1.0") format("woff2"), url("../fonts/OpenSans/Bold/OpenSans-Bold.woff?v=1.1.0") format("woff");
+    font-weight: bold;
+    font-style: normal;
+}
+/* END Bold */
+/* BEGIN Bold Italic */
+@font-face {
+    font-family: 'Open Sans';
+    src: url("../fonts/OpenSans/BoldItalic/OpenSans-BoldItalic.woff2?v=1.1.0") format("woff2"), url("../fonts/OpenSans/BoldItalic/OpenSans-BoldItalic.woff?v=1.1.0") format("woff");
+    font-weight: bold;
+    font-style: italic;
+}
+/* END Bold Italic */
+/* BEGIN Extrabold */
+@font-face {
+    font-family: 'Open Sans';
+    src: url("../fonts/OpenSans/ExtraBold/OpenSans-ExtraBold.woff2?v=1.1.0") format("woff2"), url("../fonts/OpenSans/ExtraBold/OpenSans-ExtraBold.woff?v=1.1.0") format("woff");
+    font-weight: 800;
+    font-style: normal;
+}
+/* END Extrabold */
+/* BEGIN Extrabold Italic */
+@font-face {
+    font-family: 'Open Sans';
+    src: url("../fonts/OpenSans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff2?v=1.1.0") format("woff2"), url("../fonts/OpenSans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff?v=1.1.0") format("woff");
+    font-weight: 800;
+    font-style: italic;
+}
+/* END Extrabold Italic */
--- a/frontend/src/common/constant/config.ts
+++ b/frontend/src/common/constant/config.ts
@@ -0,0 +1,164 @@
+import {
+    AppConfig,
+    AppearanceConfig,
+    EditingConfig,
+    GeneralConfig,
+    LanguageType,
+    SystemThemeType,
+    TabType,
+    UpdatesConfig,
+    UpdateSourceType,
+    GitBackupConfig,
+    AuthMethod
+} from '@/../bindings/voidraft/internal/models/models';
+import {FONT_OPTIONS} from './fonts';
+
+// 配置键映射和限制的类型定义
+export type GeneralConfigKeyMap = {
+    readonly [K in keyof GeneralConfig]: string;
+};
+
+export type EditingConfigKeyMap = {
+    readonly [K in keyof EditingConfig]: string;
+};
+
+export type AppearanceConfigKeyMap = {
+    readonly [K in keyof AppearanceConfig]: string;
+};
+
+export type UpdatesConfigKeyMap = {
+    readonly [K in keyof UpdatesConfig]: string;
+};
+
+export type BackupConfigKeyMap = {
+    readonly [K in keyof GitBackupConfig]: string;
+};
+
+export type NumberConfigKey = 'fontSize' | 'tabSize' | 'lineHeight';
+
+// 配置键映射
+export const GENERAL_CONFIG_KEY_MAP: GeneralConfigKeyMap = {
+    alwaysOnTop: 'general.alwaysOnTop',
+    dataPath: 'general.dataPath',
+    enableSystemTray: 'general.enableSystemTray',
+    startAtLogin: 'general.startAtLogin',
+    enableGlobalHotkey: 'general.enableGlobalHotkey',
+    globalHotkey: 'general.globalHotkey',
+    enableWindowSnap: 'general.enableWindowSnap',
+    enableLoadingAnimation: 'general.enableLoadingAnimation',
+} as const;
+
+export const EDITING_CONFIG_KEY_MAP: EditingConfigKeyMap = {
+    fontSize: 'editing.fontSize',
+    fontFamily: 'editing.fontFamily',
+    fontWeight: 'editing.fontWeight',
+    lineHeight: 'editing.lineHeight',
+    enableTabIndent: 'editing.enableTabIndent',
+    tabSize: 'editing.tabSize',
+    tabType: 'editing.tabType',
+    autoSaveDelay: 'editing.autoSaveDelay'
+} as const;
+
+export const APPEARANCE_CONFIG_KEY_MAP: AppearanceConfigKeyMap = {
+    language: 'appearance.language',
+    systemTheme: 'appearance.systemTheme'
+} as const;
+
+export const UPDATES_CONFIG_KEY_MAP: UpdatesConfigKeyMap = {
+    version: 'updates.version',
+    autoUpdate: 'updates.autoUpdate',
+    primarySource: 'updates.primarySource',
+    backupSource: 'updates.backupSource',
+    backupBeforeUpdate: 'updates.backupBeforeUpdate',
+    updateTimeout: 'updates.updateTimeout',
+    github: 'updates.github',
+    gitea: 'updates.gitea'
+} as const;
+
+export const BACKUP_CONFIG_KEY_MAP: BackupConfigKeyMap = {
+    enabled: 'backup.enabled',
+    repo_url: 'backup.repo_url',
+    auth_method: 'backup.auth_method',
+    username: 'backup.username',
+    password: 'backup.password',
+    token: 'backup.token',
+    ssh_key_path: 'backup.ssh_key_path',
+    ssh_key_passphrase: 'backup.ssh_key_passphrase',
+    backup_interval: 'backup.backup_interval',
+    auto_backup: 'backup.auto_backup',
+} as const;
+
+// 配置限制
+export const CONFIG_LIMITS = {
+    fontSize: {min: 12, max: 28, default: 13},
+    tabSize: {min: 2, max: 8, default: 4},
+    lineHeight: {min: 1.0, max: 3.0, default: 1.5},
+    tabType: {values: [TabType.TabTypeSpaces, TabType.TabTypeTab], default: TabType.TabTypeSpaces}
+} as const;
+
+// 默认配置
+export const DEFAULT_CONFIG: AppConfig = {
+    general: {
+        alwaysOnTop: false,
+        dataPath: '',
+        enableSystemTray: true,
+        startAtLogin: false,
+        enableGlobalHotkey: false,
+        globalHotkey: {
+            ctrl: false,
+            shift: false,
+            alt: true,
+            win: false,
+            key: 'X'
+        },
+        enableWindowSnap: true,
+        enableLoadingAnimation: true,
+    },
+    editing: {
+        fontSize: CONFIG_LIMITS.fontSize.default,
+        fontFamily: FONT_OPTIONS[0].value,
+        fontWeight: 'normal',
+        lineHeight: CONFIG_LIMITS.lineHeight.default,
+        enableTabIndent: true,
+        tabSize: CONFIG_LIMITS.tabSize.default,
+        tabType: CONFIG_LIMITS.tabType.default,
+        autoSaveDelay: 5000
+    },
+    appearance: {
+        language: LanguageType.LangZhCN,
+        systemTheme: SystemThemeType.SystemThemeAuto
+    },
+    updates: {
+        version: "1.0.0",
+        autoUpdate: true,
+        primarySource: UpdateSourceType.UpdateSourceGithub,
+        backupSource: UpdateSourceType.UpdateSourceGitea,
+        backupBeforeUpdate: true,
+        updateTimeout: 30,
+        github: {
+            owner: "landaiqing",
+            repo: "voidraft",
+        },
+        gitea: {
+            baseURL: "https://git.landaiqing.cn",
+            owner: "landaiqing",
+            repo: "voidraft",
+        }
+    },
+    backup: {
+        enabled: false,
+        repo_url: "",
+        auth_method: AuthMethod.UserPass,
+        username: "",
+        password: "",
+        token: "",
+        ssh_key_path: "",
+        ssh_key_passphrase: "",
+        backup_interval: 60,
+        auto_backup: true,
+    },
+    metadata: {
+        version: '1.0.0',
+        lastUpdated: new Date().toString(),
+    }
+};
--- a/frontend/src/common/constant/fonts.ts
+++ b/frontend/src/common/constant/fonts.ts
@@ -0,0 +1,101 @@
+// Font options with popular programming and common fonts
+export const FONT_OPTIONS = [
+    // Custom fonts
+    {
+        label: 'HarmonyOS',
+        value: 'HarmonyOS'
+    },
+    {
+        label: 'Hack',
+        value: 'Hack'
+    },
+    {
+        label: 'Open Sans',
+        value: '"Open Sans"'
+    },
+    // Common system fonts
+    {
+        label: 'Arial',
+        value: 'Arial'
+    },
+    {
+        label: 'Helvetica',
+        value: 'Helvetica'
+    },
+    {
+        label: 'Times New Roman',
+        value: '"Times New Roman"'
+    },
+    {
+        label: 'Georgia',
+        value: 'Georgia'
+    },
+    {
+        label: 'Verdana',
+        value: 'Verdana'
+    },
+    {
+        label: 'Tahoma',
+        value: 'Tahoma'
+    },
+    {
+        label: 'Segoe UI',
+        value: '"Segoe UI"'
+    },
+    {
+        label: 'System UI',
+        value: 'system-ui'
+    },
+    
+    // Chinese fonts
+    {
+        label: 'Microsoft YaHei',
+        value: '"Microsoft YaHei"'
+    },
+    {
+        label: 'PingFang SC',
+        value: '"PingFang SC"'
+    },
+    
+    // Popular programming fonts
+    {
+        label: 'JetBrains Mono',
+        value: '"JetBrains Mono"'
+    },
+    {
+        label: 'Fira Code',
+        value: '"Fira Code"'
+    },
+    {
+        label: 'Source Code Pro',
+        value: '"Source Code Pro"'
+    },
+    {
+        label: 'Cascadia Code',
+        value: '"Cascadia Code"'
+    },
+    {
+        label: 'Consolas',
+        value: 'Consolas'
+    },
+    {
+        label: 'Monaco',
+        value: 'Monaco'
+    },
+    {
+        label: 'Menlo',
+        value: 'Menlo'
+    },
+    {
+        label: 'Roboto Mono',
+        value: '"Roboto Mono"'
+    },
+    {
+        label: 'Inconsolata',
+        value: 'Inconsolata'
+    },
+    {
+        label: 'Ubuntu Mono',
+        value: '"Ubuntu Mono"'
+    }
+];
--- a/frontend/src/common/constant/locales.ts
+++ b/frontend/src/common/constant/locales.ts
@@ -0,0 +1,13 @@
+export type SupportedLocaleType = 'zh-CN' | 'en-US';
+
+// 支持的语言列表
+export const SUPPORTED_LOCALES = [
+    {
+        code: 'zh-CN' as SupportedLocaleType,
+        name: '简体中文'
+    },
+    {
+        code: 'en-US' as SupportedLocaleType,
+        name: 'English'
+    }
+] as const;
--- a/frontend/src/common/prettier/plugins/clang/clang-format-cli.cjs
+++ b/frontend/src/common/prettier/plugins/clang/clang-format-cli.cjs
--- a/frontend/src/common/prettier/plugins/clang/clang-format-cli.wasm
+++ b/frontend/src/common/prettier/plugins/clang/clang-format-cli.wasm
--- a/frontend/src/common/prettier/plugins/clang/clang-format-node.js
+++ b/frontend/src/common/prettier/plugins/clang/clang-format-node.js
@@ -0,0 +1,10 @@
+import fs from "node:fs/promises";
+import initAsync from "./clang-format.js";
+
+const wasm = new URL("./clang-format.wasm", import.meta.url);
+
+export default function (init = fs.readFile(wasm)) {
+    return initAsync(init);
+}
+
+export * from "./clang-format.js";
--- a/frontend/src/common/prettier/plugins/clang/clang-format-vite.js
+++ b/frontend/src/common/prettier/plugins/clang/clang-format-vite.js
@@ -0,0 +1,8 @@
+import initAsync from "./clang-format.js";
+import wasm from "./clang-format.wasm?url";
+
+export default function (input = wasm) {
+    return initAsync(input);
+}
+
+export * from "./clang-format.js";
--- a/frontend/src/common/prettier/plugins/clang/clang-format.js
+++ b/frontend/src/common/prettier/plugins/clang/clang-format.js
--- a/frontend/src/common/prettier/plugins/clang/clang-format.wasm
+++ b/frontend/src/common/prettier/plugins/clang/clang-format.wasm
--- a/frontend/src/common/prettier/plugins/clang/cli-pre.js
+++ b/frontend/src/common/prettier/plugins/clang/cli-pre.js
@@ -0,0 +1,3 @@
+Module.preRun = function customPreRun() {
+    ENV.PWD = process.cwd();
+}
--- a/frontend/src/common/prettier/plugins/clang/git-clang-format
+++ b/frontend/src/common/prettier/plugins/clang/git-clang-format
@@ -0,0 +1,858 @@
+#!/usr/bin/env python3
+#
+# ===- git-clang-format - ClangFormat Git Integration -------*- python -*--=== #
+#
+# Part of the LLVM Project, under the Apache License v2.0 with LLVM Exceptions.
+# See https://llvm.org/LICENSE.txt for license information.
+# SPDX-License-Identifier: Apache-2.0 WITH LLVM-exception
+#
+# ===----------------------------------------------------------------------=== #
+
+r"""
+clang-format git integration
+============================
+
+This file provides a clang-format integration for git. Put it somewhere in your
+path and ensure that it is executable. Then, "git clang-format" will invoke
+clang-format on the changes in current files or a specific commit.
+
+For further details, run:
+git clang-format -h
+
+Requires Python version >=3.8
+"""
+
+from __future__ import absolute_import, division, print_function
+import argparse
+import collections
+import contextlib
+import errno
+import os
+import re
+import subprocess
+import sys
+
+usage = "git clang-format [OPTIONS] [<commit>] [<commit>|--staged] [--] [<file>...]"
+
+desc = """
+If zero or one commits are given, run clang-format on all lines that differ
+between the working directory and <commit>, which defaults to HEAD.  Changes are
+only applied to the working directory, or in the stage/index.
+
+Examples:
+  To format staged changes, i.e everything that's been `git add`ed:
+    git clang-format
+
+  To also format everything touched in the most recent commit:
+    git clang-format HEAD~1
+
+  If you're on a branch off main, to format everything touched on your branch:
+    git clang-format main
+
+If two commits are given (requires --diff), run clang-format on all lines in the
+second <commit> that differ from the first <commit>.
+
+The following git-config settings set the default of the corresponding option:
+  clangFormat.binary
+  clangFormat.commit
+  clangFormat.extensions
+  clangFormat.style
+"""
+
+# Name of the temporary index file in which save the output of clang-format.
+# This file is created within the .git directory.
+temp_index_basename = "clang-format-index"
+
+
+Range = collections.namedtuple("Range", "start, count")
+
+
+def main():
+    config = load_git_config()
+
+    # In order to keep '--' yet allow options after positionals, we need to
+    # check for '--' ourselves.  (Setting nargs='*' throws away the '--', while
+    # nargs=argparse.REMAINDER disallows options after positionals.)
+    argv = sys.argv[1:]
+    try:
+        idx = argv.index("--")
+    except ValueError:
+        dash_dash = []
+    else:
+        dash_dash = argv[idx:]
+        argv = argv[:idx]
+
+    default_extensions = ",".join(
+        [
+            # From clang/lib/Frontend/FrontendOptions.cpp, all lower case
+            "c",
+            "h",  # C
+            "m",  # ObjC
+            "mm",  # ObjC++
+            "cc",
+            "cp",
+            "cpp",
+            "c++",
+            "cxx",
+            "hh",
+            "hpp",
+            "hxx",
+            "inc",  # C++
+            "ccm",
+            "cppm",
+            "cxxm",
+            "c++m",  # C++ Modules
+            "cu",
+            "cuh",  # CUDA
+            "cl",  # OpenCL
+            # Other languages that clang-format supports
+            "proto",
+            "protodevel",  # Protocol Buffers
+            "java",  # Java
+            "js",
+            "mjs",
+            "cjs",  # JavaScript
+            "ts",  # TypeScript
+            "cs",  # C Sharp
+            "json",
+            "ipynb",  # Json
+            "sv",
+            "svh",
+            "v",
+            "vh",  # Verilog
+            "td",  # TableGen
+            "txtpb",
+            "textpb",
+            "pb.txt",
+            "textproto",
+            "asciipb",  # TextProto
+        ]
+    )
+
+    p = argparse.ArgumentParser(
+        usage=usage,
+        formatter_class=argparse.RawDescriptionHelpFormatter,
+        description=desc,
+    )
+    p.add_argument(
+        "--binary",
+        default=config.get("clangformat.binary", "clang-format"),
+        help="path to clang-format",
+    ),
+    p.add_argument(
+        "--commit",
+        default=config.get("clangformat.commit", "HEAD"),
+        help="default commit to use if none is specified",
+    ),
+    p.add_argument(
+        "--diff",
+        action="store_true",
+        help="print a diff instead of applying the changes",
+    )
+    p.add_argument(
+        "--diffstat",
+        action="store_true",
+        help="print a diffstat instead of applying the changes",
+    )
+    p.add_argument(
+        "--extensions",
+        default=config.get("clangformat.extensions", default_extensions),
+        help=(
+            "comma-separated list of file extensions to format, "
+            "excluding the period and case-insensitive"
+        ),
+    ),
+    p.add_argument(
+        "-f",
+        "--force",
+        action="store_true",
+        help="allow changes to unstaged files",
+    )
+    p.add_argument(
+        "-p", "--patch", action="store_true", help="select hunks interactively"
+    )
+    p.add_argument(
+        "-q",
+        "--quiet",
+        action="count",
+        default=0,
+        help="print less information",
+    )
+    p.add_argument(
+        "--staged",
+        "--cached",
+        action="store_true",
+        help="format lines in the stage instead of the working dir",
+    )
+    p.add_argument(
+        "--style",
+        default=config.get("clangformat.style", None),
+        help="passed to clang-format",
+    ),
+    p.add_argument(
+        "-v",
+        "--verbose",
+        action="count",
+        default=0,
+        help="print extra information",
+    )
+    p.add_argument(
+        "--diff_from_common_commit",
+        action="store_true",
+        help=(
+            "diff from the last common commit for commits in "
+            "separate branches rather than the exact point of the "
+            "commits"
+        ),
+    )
+    # We gather all the remaining positional arguments into 'args' since we need
+    # to use some heuristics to determine whether or not <commit> was present.
+    # However, to print pretty messages, we make use of metavar and help.
+    p.add_argument(
+        "args",
+        nargs="*",
+        metavar="<commit>",
+        help="revision from which to compute the diff",
+    )
+    p.add_argument(
+        "ignored",
+        nargs="*",
+        metavar="<file>...",
+        help="if specified, only consider differences in these files",
+    )
+    opts = p.parse_args(argv)
+
+    opts.verbose -= opts.quiet
+    del opts.quiet
+
+    commits, files = interpret_args(opts.args, dash_dash, opts.commit)
+    if len(commits) > 2:
+        die("at most two commits allowed; %d given" % len(commits))
+    if len(commits) == 2:
+        if opts.staged:
+            die("--staged is not allowed when two commits are given")
+        if not opts.diff:
+            die("--diff is required when two commits are given")
+    elif opts.diff_from_common_commit:
+        die("--diff_from_common_commit is only allowed when two commits are given")
+
+    if os.path.dirname(opts.binary):
+        opts.binary = os.path.abspath(opts.binary)
+
+    changed_lines = compute_diff_and_extract_lines(
+        commits, files, opts.staged, opts.diff_from_common_commit
+    )
+    if opts.verbose >= 1:
+        ignored_files = set(changed_lines)
+    filter_by_extension(changed_lines, opts.extensions.lower().split(","))
+    # The computed diff outputs absolute paths, so we must cd before accessing
+    # those files.
+    cd_to_toplevel()
+    filter_symlinks(changed_lines)
+    filter_ignored_files(changed_lines, binary=opts.binary)
+    if opts.verbose >= 1:
+        ignored_files.difference_update(changed_lines)
+        if ignored_files:
+            print(
+                "Ignoring the following files (wrong extension, symlink, or "
+                "ignored by clang-format):"
+            )
+            for filename in ignored_files:
+                print("    %s" % filename)
+        if changed_lines:
+            print("Running clang-format on the following files:")
+            for filename in changed_lines:
+                print("    %s" % filename)
+
+    if not changed_lines:
+        if opts.verbose >= 0:
+            print("no modified files to format")
+        return 0
+
+    if len(commits) > 1:
+        old_tree = commits[1]
+        revision = old_tree
+    elif opts.staged:
+        old_tree = create_tree_from_index(changed_lines)
+        revision = ""
+    else:
+        old_tree = create_tree_from_workdir(changed_lines)
+        revision = None
+    new_tree = run_clang_format_and_save_to_tree(
+        changed_lines, revision, binary=opts.binary, style=opts.style
+    )
+    if opts.verbose >= 1:
+        print("old tree: %s" % old_tree)
+        print("new tree: %s" % new_tree)
+
+    if old_tree == new_tree:
+        if opts.verbose >= 0:
+            print("clang-format did not modify any files")
+        return 0
+
+    if opts.diff:
+        return print_diff(old_tree, new_tree)
+    if opts.diffstat:
+        return print_diffstat(old_tree, new_tree)
+
+    changed_files = apply_changes(
+        old_tree, new_tree, force=opts.force, patch_mode=opts.patch
+    )
+    if (opts.verbose >= 0 and not opts.patch) or opts.verbose >= 1:
+        print("changed files:")
+        for filename in changed_files:
+            print("    %s" % filename)
+
+    return 1
+
+
+def load_git_config(non_string_options=None):
+    """Return the git configuration as a dictionary.
+
+    All options are assumed to be strings unless in `non_string_options`, in
+    which is a dictionary mapping option name (in lower case) to either "--bool"
+    or "--int"."""
+    if non_string_options is None:
+        non_string_options = {}
+    out = {}
+    for entry in run("git", "config", "--list", "--null").split("\0"):
+        if entry:
+            if "\n" in entry:
+                name, value = entry.split("\n", 1)
+            else:
+                # A setting with no '=' ('\n' with --null) is implicitly 'true'
+                name = entry
+                value = "true"
+            if name in non_string_options:
+                value = run("git", "config", non_string_options[name], name)
+            out[name] = value
+    return out
+
+
+def interpret_args(args, dash_dash, default_commit):
+    """Interpret `args` as "[commits] [--] [files]" and return (commits, files).
+
+    It is assumed that "--" and everything that follows has been removed from
+    args and placed in `dash_dash`.
+
+    If "--" is present (i.e., `dash_dash` is non-empty), the arguments to its
+    left (if present) are taken as commits.  Otherwise, the arguments are
+    checked from left to right if they are commits or files.  If commits are not
+    given, a list with `default_commit` is used."""
+    if dash_dash:
+        if len(args) == 0:
+            commits = [default_commit]
+        else:
+            commits = args
+        for commit in commits:
+            object_type = get_object_type(commit)
+            if object_type not in ("commit", "tag"):
+                if object_type is None:
+                    die("'%s' is not a commit" % commit)
+                else:
+                    die(
+                        "'%s' is a %s, but a commit was expected"
+                        % (commit, object_type)
+                    )
+        files = dash_dash[1:]
+    elif args:
+        commits = []
+        while args:
+            if not disambiguate_revision(args[0]):
+                break
+            commits.append(args.pop(0))
+        if not commits:
+            commits = [default_commit]
+        files = args
+    else:
+        commits = [default_commit]
+        files = []
+    return commits, files
+
+
+def disambiguate_revision(value):
+    """Returns True if `value` is a revision, False if it is a file, or dies."""
+    # If `value` is ambiguous (neither a commit nor a file), the following
+    # command will die with an appropriate error message.
+    run("git", "rev-parse", value, verbose=False)
+    object_type = get_object_type(value)
+    if object_type is None:
+        return False
+    if object_type in ("commit", "tag"):
+        return True
+    die("`%s` is a %s, but a commit or filename was expected" % (value, object_type))
+
+
+def get_object_type(value):
+    """Returns a string description of an object's type, or None if it is not
+    a valid git object."""
+    cmd = ["git", "cat-file", "-t", value]
+    p = subprocess.Popen(cmd, stdout=subprocess.PIPE, stderr=subprocess.PIPE)
+    stdout, stderr = p.communicate()
+    if p.returncode != 0:
+        return None
+    return convert_string(stdout.strip())
+
+
+def compute_diff_and_extract_lines(commits, files, staged, diff_common_commit):
+    """Calls compute_diff() followed by extract_lines()."""
+    diff_process = compute_diff(commits, files, staged, diff_common_commit)
+    changed_lines = extract_lines(diff_process.stdout)
+    diff_process.stdout.close()
+    diff_process.wait()
+    if diff_process.returncode != 0:
+        # Assume error was already printed to stderr.
+        sys.exit(2)
+    return changed_lines
+
+
+def compute_diff(commits, files, staged, diff_common_commit):
+    """Return a subprocess object producing the diff from `commits`.
+
+    The return value's `stdin` file object will produce a patch with the
+    differences between the working directory (or stage if --staged is used) and
+    the first commit if a single one was specified, or the difference between
+    both specified commits, filtered on `files` (if non-empty).
+    Zero context lines are used in the patch."""
+    git_tool = "diff-index"
+    extra_args = []
+    if len(commits) == 2:
+        git_tool = "diff-tree"
+        if diff_common_commit:
+            commits = [f"{commits[0]}...{commits[1]}"]
+    elif staged:
+        extra_args += ["--cached"]
+
+    cmd = ["git", git_tool, "-p", "-U0"] + extra_args + commits + ["--"]
+    cmd.extend(files)
+    p = subprocess.Popen(cmd, stdin=subprocess.PIPE, stdout=subprocess.PIPE)
+    p.stdin.close()
+    return p
+
+
+def extract_lines(patch_file):
+    """Extract the changed lines in `patch_file`.
+
+    The return value is a dictionary mapping filename to a list of (start_line,
+    line_count) pairs.
+
+    The input must have been produced with ``-U0``, meaning unidiff format with
+    zero lines of context.  The return value is a dict mapping filename to a
+    list of line `Range`s."""
+    matches = {}
+    for line in patch_file:
+        line = convert_string(line)
+        match = re.search(r"^\+\+\+\ [^/]+/(.*)", line)
+        if match:
+            filename = match.group(1).rstrip("\r\n\t")
+        match = re.search(r"^@@ -[0-9,]+ \+(\d+)(,(\d+))?", line)
+        if match:
+            start_line = int(match.group(1))
+            line_count = 1
+            if match.group(3):
+                line_count = int(match.group(3))
+            if line_count == 0:
+                line_count = 1
+            if start_line == 0:
+                continue
+            matches.setdefault(filename, []).append(Range(start_line, line_count))
+    return matches
+
+
+def filter_by_extension(dictionary, allowed_extensions):
+    """Delete every key in `dictionary` that doesn't have an allowed extension.
+
+    `allowed_extensions` must be a collection of lowercase file extensions,
+    excluding the period."""
+    allowed_extensions = frozenset(allowed_extensions)
+    for filename in list(dictionary.keys()):
+        base_ext = filename.rsplit(".", 1)
+        if len(base_ext) == 1 and "" in allowed_extensions:
+            continue
+        if len(base_ext) == 1 or base_ext[1].lower() not in allowed_extensions:
+            del dictionary[filename]
+
+
+def filter_symlinks(dictionary):
+    """Delete every key in `dictionary` that is a symlink."""
+    for filename in list(dictionary.keys()):
+        if os.path.islink(filename):
+            del dictionary[filename]
+
+
+def filter_ignored_files(dictionary, binary):
+    """Delete every key in `dictionary` that is ignored by clang-format."""
+    ignored_files = run(binary, "-list-ignored", *dictionary.keys())
+    if not ignored_files:
+        return
+    ignored_files = ignored_files.split("\n")
+    for filename in ignored_files:
+        del dictionary[filename]
+
+
+def cd_to_toplevel():
+    """Change to the top level of the git repository."""
+    toplevel = run("git", "rev-parse", "--show-toplevel")
+    os.chdir(toplevel)
+
+
+def create_tree_from_workdir(filenames):
+    """Create a new git tree with the given files from the working directory.
+
+    Returns the object ID (SHA-1) of the created tree."""
+    return create_tree(filenames, "--stdin")
+
+
+def create_tree_from_index(filenames):
+    # Copy the environment, because the files have to be read from the original
+    # index.
+    env = os.environ.copy()
+
+    def index_contents_generator():
+        for filename in filenames:
+            git_ls_files_cmd = [
+                "git",
+                "ls-files",
+                "--stage",
+                "-z",
+                "--",
+                filename,
+            ]
+            git_ls_files = subprocess.Popen(
+                git_ls_files_cmd,
+                env=env,
+                stdin=subprocess.PIPE,
+                stdout=subprocess.PIPE,
+            )
+            stdout = git_ls_files.communicate()[0]
+            yield convert_string(stdout.split(b"\0")[0])
+
+    return create_tree(index_contents_generator(), "--index-info")
+
+
+def run_clang_format_and_save_to_tree(
+    changed_lines, revision=None, binary="clang-format", style=None
+):
+    """Run clang-format on each file and save the result to a git tree.
+
+    Returns the object ID (SHA-1) of the created tree."""
+    # Copy the environment when formatting the files in the index, because the
+    # files have to be read from the original index.
+    env = os.environ.copy() if revision == "" else None
+
+    def iteritems(container):
+        try:
+            return container.iteritems()  # Python 2
+        except AttributeError:
+            return container.items()  # Python 3
+
+    def index_info_generator():
+        for filename, line_ranges in iteritems(changed_lines):
+            if revision is not None:
+                if len(revision) > 0:
+                    git_metadata_cmd = [
+                        "git",
+                        "ls-tree",
+                        "%s:%s" % (revision, os.path.dirname(filename)),
+                        os.path.basename(filename),
+                    ]
+                else:
+                    git_metadata_cmd = [
+                        "git",
+                        "ls-files",
+                        "--stage",
+                        "--",
+                        filename,
+                    ]
+                git_metadata = subprocess.Popen(
+                    git_metadata_cmd,
+                    env=env,
+                    stdin=subprocess.PIPE,
+                    stdout=subprocess.PIPE,
+                )
+                stdout = git_metadata.communicate()[0]
+                mode = oct(int(stdout.split()[0], 8))
+            else:
+                mode = oct(os.stat(filename).st_mode)
+            # Adjust python3 octal format so that it matches what git expects
+            if mode.startswith("0o"):
+                mode = "0" + mode[2:]
+            blob_id = clang_format_to_blob(
+                filename,
+                line_ranges,
+                revision=revision,
+                binary=binary,
+                style=style,
+                env=env,
+            )
+            yield "%s %s\t%s" % (mode, blob_id, filename)
+
+    return create_tree(index_info_generator(), "--index-info")
+
+
+def create_tree(input_lines, mode):
+    """Create a tree object from the given input.
+
+    If mode is '--stdin', it must be a list of filenames.  If mode is
+    '--index-info' is must be a list of values suitable for "git update-index
+    --index-info", such as "<mode> <SP> <sha1> <TAB> <filename>".  Any other
+    mode is invalid."""
+    assert mode in ("--stdin", "--index-info")
+    cmd = ["git", "update-index", "--add", "-z", mode]
+    with temporary_index_file():
+        p = subprocess.Popen(cmd, stdin=subprocess.PIPE)
+        for line in input_lines:
+            p.stdin.write(to_bytes("%s\0" % line))
+        p.stdin.close()
+        if p.wait() != 0:
+            die("`%s` failed" % " ".join(cmd))
+        tree_id = run("git", "write-tree")
+        return tree_id
+
+
+def clang_format_to_blob(
+    filename,
+    line_ranges,
+    revision=None,
+    binary="clang-format",
+    style=None,
+    env=None,
+):
+    """Run clang-format on the given file and save the result to a git blob.
+
+    Runs on the file in `revision` if not None, or on the file in the working
+    directory if `revision` is None. Revision can be set to an empty string to
+    run clang-format on the file in the index.
+
+    Returns the object ID (SHA-1) of the created blob."""
+    clang_format_cmd = [binary]
+    if style:
+        clang_format_cmd.extend(["--style=" + style])
+    clang_format_cmd.extend(
+        [
+            "--lines=%s:%s" % (start_line, start_line + line_count - 1)
+            for start_line, line_count in line_ranges
+        ]
+    )
+    if revision is not None:
+        clang_format_cmd.extend(["--assume-filename=" + filename])
+        git_show_cmd = [
+            "git",
+            "cat-file",
+            "blob",
+            "%s:%s" % (revision, filename),
+        ]
+        git_show = subprocess.Popen(
+            git_show_cmd, env=env, stdin=subprocess.PIPE, stdout=subprocess.PIPE
+        )
+        git_show.stdin.close()
+        clang_format_stdin = git_show.stdout
+    else:
+        clang_format_cmd.extend([filename])
+        git_show = None
+        clang_format_stdin = subprocess.PIPE
+    try:
+        clang_format = subprocess.Popen(
+            clang_format_cmd, stdin=clang_format_stdin, stdout=subprocess.PIPE
+        )
+        if clang_format_stdin == subprocess.PIPE:
+            clang_format_stdin = clang_format.stdin
+    except OSError as e:
+        if e.errno == errno.ENOENT:
+            die('cannot find executable "%s"' % binary)
+        else:
+            raise
+    clang_format_stdin.close()
+    hash_object_cmd = [
+        "git",
+        "hash-object",
+        "-w",
+        "--path=" + filename,
+        "--stdin",
+    ]
+    hash_object = subprocess.Popen(
+        hash_object_cmd, stdin=clang_format.stdout, stdout=subprocess.PIPE
+    )
+    clang_format.stdout.close()
+    stdout = hash_object.communicate()[0]
+    if hash_object.returncode != 0:
+        die("`%s` failed" % " ".join(hash_object_cmd))
+    if clang_format.wait() != 0:
+        die("`%s` failed" % " ".join(clang_format_cmd))
+    if git_show and git_show.wait() != 0:
+        die("`%s` failed" % " ".join(git_show_cmd))
+    return convert_string(stdout).rstrip("\r\n")
+
+
+@contextlib.contextmanager
+def temporary_index_file(tree=None):
+    """Context manager for setting GIT_INDEX_FILE to a temporary file and
+    deleting the file afterward."""
+    index_path = create_temporary_index(tree)
+    old_index_path = os.environ.get("GIT_INDEX_FILE")
+    os.environ["GIT_INDEX_FILE"] = index_path
+    try:
+        yield
+    finally:
+        if old_index_path is None:
+            del os.environ["GIT_INDEX_FILE"]
+        else:
+            os.environ["GIT_INDEX_FILE"] = old_index_path
+        os.remove(index_path)
+
+
+def create_temporary_index(tree=None):
+    """Create a temporary index file and return the created file's path.
+
+    If `tree` is not None, use that as the tree to read in.  Otherwise, an
+    empty index is created."""
+    gitdir = run("git", "rev-parse", "--git-dir")
+    path = os.path.join(gitdir, temp_index_basename)
+    if tree is None:
+        tree = "--empty"
+    run("git", "read-tree", "--index-output=" + path, tree)
+    return path
+
+
+def print_diff(old_tree, new_tree):
+    """Print the diff between the two trees to stdout."""
+    # We use the porcelain 'diff' and not plumbing 'diff-tree' because the
+    # output is expected to be viewed by the user, and only the former does nice
+    # things like color and pagination.
+    #
+    # We also only print modified files since `new_tree` only contains the files
+    # that were modified, so unmodified files would show as deleted without the
+    # filter.
+    return subprocess.run(
+        ["git", "diff", "--diff-filter=M", "--exit-code", old_tree, new_tree]
+    ).returncode
+
+
+def print_diffstat(old_tree, new_tree):
+    """Print the diffstat between the two trees to stdout."""
+    # We use the porcelain 'diff' and not plumbing 'diff-tree' because the
+    # output is expected to be viewed by the user, and only the former does nice
+    # things like color and pagination.
+    #
+    # We also only print modified files since `new_tree` only contains the files
+    # that were modified, so unmodified files would show as deleted without the
+    # filter.
+    return subprocess.run(
+        [
+            "git",
+            "diff",
+            "--diff-filter=M",
+            "--exit-code",
+            "--stat",
+            old_tree,
+            new_tree,
+        ]
+    ).returncode
+
+
+def apply_changes(old_tree, new_tree, force=False, patch_mode=False):
+    """Apply the changes in `new_tree` to the working directory.
+
+    Bails if there are local changes in those files and not `force`.  If
+    `patch_mode`, runs `git checkout --patch` to select hunks interactively."""
+    changed_files = (
+        run(
+            "git",
+            "diff-tree",
+            "--diff-filter=M",
+            "-r",
+            "-z",
+            "--name-only",
+            old_tree,
+            new_tree,
+        )
+        .rstrip("\0")
+        .split("\0")
+    )
+    if not force:
+        unstaged_files = run("git", "diff-files", "--name-status", *changed_files)
+        if unstaged_files:
+            print(
+                "The following files would be modified but have unstaged changes:",
+                file=sys.stderr,
+            )
+            print(unstaged_files, file=sys.stderr)
+            print("Please commit, stage, or stash them first.", file=sys.stderr)
+            sys.exit(2)
+    if patch_mode:
+        # In patch mode, we could just as well create an index from the new tree
+        # and checkout from that, but then the user will be presented with a
+        # message saying "Discard ... from worktree".  Instead, we use the old
+        # tree as the index and checkout from new_tree, which gives the slightly
+        # better message, "Apply ... to index and worktree".  This is not quite
+        # right, since it won't be applied to the user's index, but oh well.
+        with temporary_index_file(old_tree):
+            subprocess.run(["git", "checkout", "--patch", new_tree], check=True)
+        index_tree = old_tree
+    else:
+        with temporary_index_file(new_tree):
+            run("git", "checkout-index", "-f", "--", *changed_files)
+    return changed_files
+
+
+def run(*args, **kwargs):
+    stdin = kwargs.pop("stdin", "")
+    verbose = kwargs.pop("verbose", True)
+    strip = kwargs.pop("strip", True)
+    for name in kwargs:
+        raise TypeError("run() got an unexpected keyword argument '%s'" % name)
+    p = subprocess.Popen(
+        args,
+        stdout=subprocess.PIPE,
+        stderr=subprocess.PIPE,
+        stdin=subprocess.PIPE,
+    )
+    stdout, stderr = p.communicate(input=stdin)
+
+    stdout = convert_string(stdout)
+    stderr = convert_string(stderr)
+
+    if p.returncode == 0:
+        if stderr:
+            if verbose:
+                print("`%s` printed to stderr:" % " ".join(args), file=sys.stderr)
+            print(stderr.rstrip(), file=sys.stderr)
+        if strip:
+            stdout = stdout.rstrip("\r\n")
+        return stdout
+    if verbose:
+        print("`%s` returned %s" % (" ".join(args), p.returncode), file=sys.stderr)
+    if stderr:
+        print(stderr.rstrip(), file=sys.stderr)
+    sys.exit(2)
+
+
+def die(message):
+    print("error:", message, file=sys.stderr)
+    sys.exit(2)
+
+
+def to_bytes(str_input):
+    # Encode to UTF-8 to get binary data.
+    if isinstance(str_input, bytes):
+        return str_input
+    return str_input.encode("utf-8")
+
+
+def to_string(bytes_input):
+    if isinstance(bytes_input, str):
+        return bytes_input
+    return bytes_input.encode("utf-8")
+
+
+def convert_string(bytes_input):
+    try:
+        return to_string(bytes_input.decode("utf-8"))
+    except AttributeError:  # 'str' object has no attribute 'decode'.
+        return str(bytes_input)
+    except UnicodeError:
+        return str(bytes_input)
+
+
+if __name__ == "__main__":
+    sys.exit(main())
--- a/frontend/src/common/prettier/plugins/clang/index.ts
+++ b/frontend/src/common/prettier/plugins/clang/index.ts
@@ -0,0 +1,216 @@
+/**
+ * Prettier Plugin for C/C++/C#/Java/Protobuf formatting using clang-format WebAssembly
+ * 
+ * This plugin provides support for formatting multiple languages using the clang-format WASM implementation.
+ * Supported languages:
+ * - C / C++
+ * - Objective-C / Objective-C++
+ * - C#
+ * - Java
+ * - Protocol Buffer (Protobuf)
+ * 
+ * It supports various file extensions and common clang-format styles.
+ */
+import type { Plugin, Parser, Printer } from 'prettier';
+
+// Import the clang-format WASM module
+import clangFormatInit, { format } from './clang-format-vite.js';
+
+const parserName = 'clang-format';
+
+// Language configuration
+const languages = [
+    {
+        name: 'C',
+        aliases: ['c'],
+        parsers: ['c'],
+        extensions: ['.c', '.h'],
+        filenames: ['*.c', '*.h'],
+        aceMode: 'c_cpp',
+        tmScope: 'source.c',
+        linguistLanguageId: 50,
+        vscodeLanguageIds: ['c']
+    },
+    {
+        name: 'C++',
+        aliases: ['cpp', 'cxx', 'cc'],
+        parsers: ['cpp'],
+        extensions: ['.cpp', '.cxx', '.cc', '.hpp', '.hxx', '.hh', '.C', '.H'],
+        filenames: ['*.cpp', '*.cxx', '*.cc', '*.hpp', '*.hxx', '*.hh', '*.C', '*.H'],
+        aceMode: 'c_cpp',
+        tmScope: 'source.cpp',
+        linguistLanguageId: 43,
+        vscodeLanguageIds: ['cpp']
+    },
+    {
+        name: 'Objective-C',
+        aliases: ['objc', 'objectivec'],
+        parsers: ['objective-c'],
+        extensions: ['.m'],
+        filenames: ['*.m'],
+        aceMode: 'objectivec',
+        tmScope: 'source.objc',
+        linguistLanguageId: 259,
+        vscodeLanguageIds: ['objective-c']
+    },
+    {
+        name: 'Objective-C++',
+        aliases: ['objcpp', 'objectivecpp'],
+        parsers: ['objective-cpp'],
+        extensions: ['.mm'],
+        filenames: ['*.mm'],
+        aceMode: 'objectivec',
+        tmScope: 'source.objcpp',
+        linguistLanguageId: 260,
+        vscodeLanguageIds: ['objective-cpp']
+    },
+    {
+        name: 'C#',
+        aliases: ['csharp', 'cs'],
+        parsers: ['cs'],
+        extensions: ['.cs'],
+        filenames: ['*.cs'],
+        aceMode: 'csharp',
+        tmScope: 'source.cs',
+        linguistLanguageId: 42,
+        vscodeLanguageIds: ['csharp']
+    },
+    {
+        name: 'Java',
+        aliases: ['java'],
+        parsers: ['java'],
+        extensions: ['.java'],
+        filenames: ['*.java'],
+        aceMode: 'java',
+        tmScope: 'source.java',
+        linguistLanguageId: 181,
+        vscodeLanguageIds: ['java']
+    },
+    {
+        name: 'Protocol Buffer',
+        aliases: ['protobuf', 'proto'],
+        parsers: ['proto'],
+        extensions: ['.proto'],
+        filenames: ['*.proto'],
+        aceMode: 'protobuf',
+        tmScope: 'source.proto',
+        linguistLanguageId: 297,
+        vscodeLanguageIds: ['proto']
+    }
+];
+
+// Parser configuration
+const clangParser: Parser<string> = {
+    astFormat: parserName,
+    parse: (text: string) => text,
+    locStart: () => 0,
+    locEnd: (node: string) => node.length,
+};
+
+// Lazy initialize clang-format WASM module
+let initPromise: Promise<void> | null = null;
+let isInitialized = false;
+
+function initClangFormat(): Promise<void> {
+    if (isInitialized) {
+        return Promise.resolve();
+    }
+    
+    if (!initPromise) {
+        initPromise = (async () => {
+            try {
+                await clangFormatInit();
+                isInitialized = true;
+            } catch (error) {
+                console.warn('Failed to initialize clang-format WASM module:', error);
+                initPromise = null;
+                throw error;
+            }
+        })();
+    }
+    
+    return initPromise;
+}
+
+// Printer configuration
+const clangPrinter: Printer<string> = {
+    // @ts-expect-error -- Support async printer like shell plugin
+    async print(path, options) {
+        try {
+            // Wait for initialization to complete
+            await initClangFormat();
+            
+            const text = (path as any).getValue ? (path as any).getValue() : path.node;
+            const style = getClangStyle(options);
+            
+            // Format using clang-format (synchronous call)
+            const formatted = format(text, options.filename, style);
+            
+            return formatted.trim();
+        } catch (error) {
+            console.warn('clang-format failed:', error);
+            // Return original text if formatting fails
+            return (path as any).getValue ? (path as any).getValue() : path.node;
+        }
+    },
+};
+
+
+// Helper function to determine clang-format style
+function getClangStyle(options: any): string {
+    // You can extend this to support more options
+    const style = options.clangStyle || 'LLVM';
+    
+    // Support common styles
+    const validStyles = ['LLVM', 'Google', 'Chromium', 'Mozilla', 'WebKit', 'Microsoft', 'GNU'];
+    if (validStyles.includes(style)) {
+        return style;
+    }
+    
+    // Default to LLVM style
+    return 'LLVM';
+}
+
+// Plugin options
+const options = {
+    clangStyle: {
+        since: '0.0.1',
+        category: 'Format' as const,
+        type: 'choice' as const,
+        default: 'LLVM',
+        description: 'The clang-format style to use',
+        choices: [
+            { value: 'LLVM', description: 'LLVM coding standards' },
+            { value: 'Google', description: "Google's C++ style guide" },
+            { value: 'Chromium', description: "Chromium's style guide" },
+            { value: 'Mozilla', description: "Mozilla's style guide" },
+            { value: 'WebKit', description: "WebKit's style guide" },
+            { value: 'Microsoft', description: "Microsoft's style guide" },
+            { value: 'GNU', description: 'GNU coding standards' }
+        ]
+    },
+    filename: {
+        // since: '0.1.0',
+        category: 'Config',
+        type: 'string',
+        default: undefined,
+        description: 'Custom filename to use for web_fmt processing (affects language detection)',
+    }
+};
+
+// Plugin object
+const clangPlugin: Plugin = {
+    languages,
+    parsers: {
+        [parserName]: clangParser,
+    },
+    printers: {
+        [parserName]: clangPrinter,
+    },
+    ...options,
+};
+
+export default clangPlugin;
+export { languages };
+export const parsers = clangPlugin.parsers;
+export const printers = clangPlugin.printers;
--- a/frontend/src/common/prettier/plugins/clang/src/CMakeLists.txt
+++ b/frontend/src/common/prettier/plugins/clang/src/CMakeLists.txt
@@ -0,0 +1,105 @@
+cmake_minimum_required(VERSION 3.20)
+
+project(clang-format-wasm)
+
+set(CMAKE_CXX_STANDARD 17)
+set(CMAKE_CXX_STANDARD_REQUIRED ON)
+
+# Set Emscripten flags for WASM
+if(EMSCRIPTEN)
+    set(CMAKE_EXECUTABLE_SUFFIX ".js")
+    
+    # Common Emscripten flags
+    set(EMSCRIPTEN_FLAGS
+        -O3
+        -sWASM=1
+        -sEXPORTED_RUNTIME_METHODS=['ccall','cwrap']
+        -sALLOW_MEMORY_GROWTH=1
+        -sMODULARIZE=1
+        -sEXPORT_NAME='Module'
+        -sENVIRONMENT=web,webview,worker
+        -sUSE_ES6_IMPORT_META=0
+        --no-entry
+    )
+    
+    # Library-specific flags
+    set(LIB_EMSCRIPTEN_FLAGS
+        ${EMSCRIPTEN_FLAGS}
+        -sEXPORTED_FUNCTIONS=['_malloc','_free']
+        --bind
+    )
+    
+    # CLI-specific flags  
+    set(CLI_EMSCRIPTEN_FLAGS
+        ${EMSCRIPTEN_FLAGS}
+        -sEXPORTED_FUNCTIONS=['_main']
+        -sINVOKE_RUN=0
+        -sNODERAWFS=1
+    )
+endif()
+
+# Find LLVM
+find_package(LLVM REQUIRED CONFIG)
+message(STATUS "Found LLVM ${LLVM_PACKAGE_VERSION}")
+message(STATUS "Using LLVMConfig.cmake in: ${LLVM_DIR}")
+
+# Include LLVM headers
+include_directories(${LLVM_INCLUDE_DIRS})
+add_definitions(${LLVM_DEFINITIONS})
+
+# Find Clang
+find_package(Clang REQUIRED CONFIG)
+
+# Get LLVM components
+llvm_map_components_to_libnames(llvm_libs support core)
+
+# Define source files
+set(LIB_SOURCES
+    lib.cc
+    lib.h
+    binding.cc
+)
+
+set(CLI_SOURCES
+    cli.cc
+)
+
+# Create library target
+add_executable(clang-format-wasm ${LIB_SOURCES})
+
+# Link against Clang and LLVM libraries
+target_link_libraries(clang-format-wasm
+    clangFormat
+    clangToolingCore
+    clangBasic
+    clangRewrite
+    ${llvm_libs}
+)
+
+# Create CLI target
+add_executable(clang-format-cli ${CLI_SOURCES})
+
+target_link_libraries(clang-format-cli
+    clangFormat
+    clangToolingCore
+    clangBasic
+    clangRewrite
+    ${llvm_libs}
+)
+
+# Set Emscripten flags
+if(EMSCRIPTEN)
+    # Configure library target
+    set_target_properties(clang-format-wasm PROPERTIES
+        COMPILE_FLAGS "${LIB_EMSCRIPTEN_FLAGS}"
+        LINK_FLAGS "${LIB_EMSCRIPTEN_FLAGS}"
+        OUTPUT_NAME "clang-format-esm"
+    )
+    
+    # Configure CLI target
+    set_target_properties(clang-format-cli PROPERTIES
+        COMPILE_FLAGS "${CLI_EMSCRIPTEN_FLAGS}"
+        LINK_FLAGS "${CLI_EMSCRIPTEN_FLAGS}"
+        OUTPUT_NAME "clang-format-cli"
+    )
+endif()
--- a/frontend/src/common/prettier/plugins/clang/src/CustomFileSystem.cc
+++ b/frontend/src/common/prettier/plugins/clang/src/CustomFileSystem.cc
@@ -0,0 +1,117 @@
+#include "CustomFileSystem.h"
+#include "llvm/ADT/StringExtras.h"
+#include "llvm/Support/Path.h"
+#include <emscripten.h>
+#include <iostream>
+#include <string>
+#include <system_error>
+
+using namespace llvm;
+using namespace llvm::vfs;
+
+namespace {
+
+bool isRunningOnWindows() {
+  return EM_ASM_INT({return process.platform == 'win32' ? 1 : 0}) == 1;
+}
+
+std::error_code current_path(SmallVectorImpl<char> &result) {
+  result.clear();
+
+  const char *pwd = ::getenv("PWD");
+  result.append(pwd, pwd + strlen(pwd));
+
+  return {};
+}
+
+} // namespace
+
+namespace llvm {
+namespace vfs {
+
+sys::path::Style getPathStyle() {
+  static sys::path::Style cachedStyle = sys::path::Style::native;
+
+  if (cachedStyle == sys::path::Style::native) {
+    cachedStyle = isRunningOnWindows() ? sys::path::Style::windows
+                                       : sys::path::Style::posix;
+  }
+
+  return cachedStyle;
+}
+
+void make_absolute(const Twine &current_directory,
+                   SmallVectorImpl<char> &path) {
+  StringRef p(path.data(), path.size());
+
+  auto pathStyle = getPathStyle();
+
+  bool rootDirectory = sys::path::has_root_directory(p, pathStyle);
+  bool rootName = sys::path::has_root_name(p, pathStyle);
+
+  // Already absolute.
+  if ((rootName || is_style_posix(pathStyle)) && rootDirectory)
+    return;
+
+  // All of the following conditions will need the current directory.
+  SmallString<128> current_dir;
+  current_directory.toVector(current_dir);
+
+  // Relative path. Prepend the current directory.
+  if (!rootName && !rootDirectory) {
+    // Append path to the current directory.
+    sys::path::append(current_dir, pathStyle, p);
+    // Set path to the result.
+    path.swap(current_dir);
+    return;
+  }
+
+  if (!rootName && rootDirectory) {
+    StringRef cdrn = sys::path::root_name(current_dir, pathStyle);
+    SmallString<128> curDirRootName(cdrn.begin(), cdrn.end());
+    sys::path::append(curDirRootName, pathStyle, p);
+    // Set path to the result.
+    path.swap(curDirRootName);
+    return;
+  }
+
+  if (rootName && !rootDirectory) {
+    StringRef pRootName = sys::path::root_name(p, pathStyle);
+    StringRef bRootDirectory =
+        sys::path::root_directory(current_dir, pathStyle);
+    StringRef bRelativePath = sys::path::relative_path(current_dir, pathStyle);
+    StringRef pRelativePath = sys::path::relative_path(p, pathStyle);
+
+    SmallString<128> res;
+    sys::path::append(res, pathStyle, pRootName, bRootDirectory, bRelativePath,
+                      pRelativePath);
+    path.swap(res);
+    return;
+  }
+
+  llvm_unreachable("All rootName and rootDirectory combinations should have "
+                   "occurred above!");
+}
+
+std::error_code make_absolute(SmallVectorImpl<char> &path) {
+  if (sys::path::is_absolute(path, getPathStyle()))
+    return {};
+
+  SmallString<128> current_dir;
+  if (std::error_code ec = current_path(current_dir))
+    return ec;
+
+  make_absolute(current_dir, path);
+  return {};
+}
+
+CustomFileSystem::CustomFileSystem(IntrusiveRefCntPtr<FileSystem> FS)
+    : ProxyFileSystem(std::move(FS)) {}
+
+std::error_code
+CustomFileSystem::makeAbsolute(SmallVectorImpl<char> &Path) const {
+  return make_absolute(Path);
+}
+
+} // namespace vfs
+} // namespace llvm
--- a/frontend/src/common/prettier/plugins/clang/src/CustomFileSystem.h
+++ b/frontend/src/common/prettier/plugins/clang/src/CustomFileSystem.h
@@ -0,0 +1,27 @@
+#ifndef CUSTOM_FILE_SYSTEM_H
+#define CUSTOM_FILE_SYSTEM_H
+
+#include "llvm/ADT/IntrusiveRefCntPtr.h"
+#include "llvm/ADT/SmallString.h"
+#include "llvm/ADT/SmallVector.h"
+#include "llvm/Support/ErrorOr.h"
+#include "llvm/Support/Path.h"
+#include "llvm/Support/VirtualFileSystem.h"
+
+namespace llvm {
+namespace vfs {
+
+sys::path::Style getPathStyle();
+std::error_code make_absolute(SmallVectorImpl<char> &path);
+
+class CustomFileSystem : public ProxyFileSystem {
+public:
+  CustomFileSystem(IntrusiveRefCntPtr<FileSystem> FS);
+
+  std::error_code makeAbsolute(SmallVectorImpl<char> &Path) const override;
+};
+
+} // namespace vfs
+} // namespace llvm
+
+#endif // CUSTOM_FILE_SYSTEM_H
--- a/frontend/src/common/prettier/plugins/clang/src/README.md
+++ b/frontend/src/common/prettier/plugins/clang/src/README.md
@@ -0,0 +1,100 @@
+# Clang Format WASM Plugin
+
+这是一个基于 clang-format WebAssembly 的 Prettier 插件，支持格式化 C/C++/C#/Java/Protobuf 代码。
+
+## 目录结构
+
+```
+clang/
+├── src/                        # 源码目录
+│   ├── scripts/                # 构建和工具脚本
+│   │   ├── build.sh           # 主构建脚本
+│   │   ├── gen_patch.sh       # 补丁生成脚本
+│   │   └── cli.patch          # CLI 修改补丁
+│   ├── *.cc                   # C++ 源文件
+│   ├── *.h                    # C++ 头文件
+│   ├── CMakeLists.txt         # CMake 构建配置
+│   ├── package.json           # NPM 包配置
+│   ├── clang-format.d.ts      # TypeScript 类型定义
+│   ├── template.js            # JavaScript 模板
+│   └── clang-format-diff.py   # Python 差异工具
+├── *.js                       # 编译后的 JavaScript 文件
+├── *.wasm                     # 编译后的 WebAssembly 文件
+├── *.cjs                      # CommonJS 格式的 CLI 工具
+├── git-clang-format           # Git 集成工具
+└── index.ts                   # 插件入口文件
+```
+
+## 构建说明
+
+### 前提条件
+
+- Install LLVM and Clang (version 18 or later)
+- Install CMake (version 3.27 or later)
+- Install Ninja (version 1.11 or later)
+
+### 构建步骤
+
+1. Clone this repository
+
+2. 进入源码目录：
+   ```bash
+   cd src
+   ```
+
+3. 运行构建脚本：
+   ```bash
+   ./scripts/build.sh
+   ```
+
+构建脚本会：
+- 创建 `build` 目录并编译源码
+- 将编译结果复制到上级目录（插件目录）
+- 生成 WebAssembly 文件和 JavaScript 绑定
+- 复制必要的工具和类型定义文件
+
+### 输出文件
+
+构建完成后，插件目录下会包含：
+- `clang-format.wasm` - WebAssembly 库文件
+- `clang-format.js` - JavaScript 绑定文件
+- `clang-format-cli.cjs` - CLI 工具
+- `clang-format-cli.wasm` - CLI WebAssembly 文件
+- `git-clang-format` - Git 集成工具
+- `clang-format-diff.py` - 差异工具
+
+## 开发说明
+
+### 修改源码
+
+- C++ 源文件位于 `src/` 目录下
+- 修改后运行 `./scripts/build.sh` 重新构建
+- 类型定义文件 `src/clang-format.d.ts` 需要与实际 API 保持同步
+
+### 生成补丁
+
+如果修改了 CLI 相关代码，可以使用：
+```bash
+./scripts/gen_patch.sh
+```
+
+生成补丁文件 `scripts/cli.patch`。
+
+## 使用说明
+
+插件会自动加载编译后的 WebAssembly 文件，支持以下语言：
+- C/C++
+- Objective-C/C++
+- C#
+- Java
+- Protocol Buffer
+
+支持的 clang-format 样式：
+- LLVM
+- Google
+- Chromium
+- Mozilla
+- WebKit
+- Microsoft
+- GNU
+- 自定义样式
--- a/frontend/src/common/prettier/plugins/clang/src/binding.cc
+++ b/frontend/src/common/prettier/plugins/clang/src/binding.cc
@@ -0,0 +1,26 @@
+#include "lib.h"
+#include <emscripten/bind.h>
+
+using namespace emscripten;
+
+EMSCRIPTEN_BINDINGS(my_module) {
+  register_vector<unsigned>("RangeList");
+
+  value_object<Result>("Result")
+      .field("error", &Result::error)
+      .field("content", &Result::content);
+
+  function<std::string>("version", &version);
+  function<Result, const std::string, const std::string, const std::string>(
+      "format", &format);
+  function<Result, const std::string, const std::string, const std::string,
+           const std::vector<unsigned>>("format_byte", &format_byte);
+  function<Result, const std::string, const std::string, const std::string,
+           const std::vector<unsigned>>("format_line", &format_line);
+  function<void, const std::string>("set_fallback_style", &set_fallback_style);
+  function<void, bool>("set_sort_includes", &set_sort_includes);
+  function<Result, const std::string, const std::string, const std::string>(
+      "dump_config", &dump_config);
+}
+
+int main(void) {}
--- a/frontend/src/common/prettier/plugins/clang/src/clang-format-diff.py
+++ b/frontend/src/common/prettier/plugins/clang/src/clang-format-diff.py
@@ -0,0 +1,197 @@
+#!/usr/bin/env python3
+#
+# ===- clang-format-diff.py - ClangFormat Diff Reformatter ----*- python -*--===#
+#
+# Part of the LLVM Project, under the Apache License v2.0 with LLVM Exceptions.
+# See https://llvm.org/LICENSE.txt for license information.
+# SPDX-License-Identifier: Apache-2.0 WITH LLVM-exception
+#
+# ===------------------------------------------------------------------------===#
+
+"""
+This script reads input from a unified diff and reformats all the changed
+lines. This is useful to reformat all the lines touched by a specific patch.
+Example usage for git/svn users:
+
+  git diff -U0 --no-color --relative HEAD^ | {clang_format_diff} -p1 -i
+  svn diff --diff-cmd=diff -x-U0 | {clang_format_diff} -i
+
+It should be noted that the filename contained in the diff is used unmodified
+to determine the source file to update. Users calling this script directly
+should be careful to ensure that the path in the diff is correct relative to the
+current working directory.
+"""
+from __future__ import absolute_import, division, print_function
+
+import argparse
+import difflib
+import re
+import subprocess
+import sys
+
+if sys.version_info.major >= 3:
+    from io import StringIO
+else:
+    from io import BytesIO as StringIO
+
+
+def main():
+    parser = argparse.ArgumentParser(
+        description=__doc__.format(clang_format_diff="%(prog)s"),
+        formatter_class=argparse.RawDescriptionHelpFormatter,
+    )
+    parser.add_argument(
+        "-i",
+        action="store_true",
+        default=False,
+        help="apply edits to files instead of displaying a diff",
+    )
+    parser.add_argument(
+        "-p",
+        metavar="NUM",
+        default=0,
+        help="strip the smallest prefix containing P slashes",
+    )
+    parser.add_argument(
+        "-regex",
+        metavar="PATTERN",
+        default=None,
+        help="custom pattern selecting file paths to reformat "
+        "(case sensitive, overrides -iregex)",
+    )
+    parser.add_argument(
+        "-iregex",
+        metavar="PATTERN",
+        default=r".*\.(?:cpp|cc|c\+\+|cxx|cppm|ccm|cxxm|c\+\+m|c|cl|h|hh|hpp"
+        r"|hxx|m|mm|inc|js|ts|proto|protodevel|java|cs|json|ipynb|s?vh?)",
+        help="custom pattern selecting file paths to reformat "
+        "(case insensitive, overridden by -regex)",
+    )
+    parser.add_argument(
+        "-sort-includes",
+        action="store_true",
+        default=False,
+        help="let clang-format sort include blocks",
+    )
+    parser.add_argument(
+        "-v",
+        "--verbose",
+        action="store_true",
+        help="be more verbose, ineffective without -i",
+    )
+    parser.add_argument(
+        "-style",
+        help="formatting style to apply (LLVM, GNU, Google, Chromium, "
+        "Microsoft, Mozilla, WebKit)",
+    )
+    parser.add_argument(
+        "-fallback-style",
+        help="The name of the predefined style used as a"
+        "fallback in case clang-format is invoked with"
+        "-style=file, but can not find the .clang-format"
+        "file to use.",
+    )
+    parser.add_argument(
+        "-binary",
+        default="clang-format",
+        help="location of binary to use for clang-format",
+    )
+    args = parser.parse_args()
+
+    # Extract changed lines for each file.
+    filename = None
+    lines_by_file = {}
+    for line in sys.stdin:
+        match = re.search(r"^\+\+\+\ (.*?/){%s}(.+)" % args.p, line.rstrip())
+        if match:
+            filename = match.group(2)
+        if filename is None:
+            continue
+
+        if args.regex is not None:
+            if not re.match("^%s$" % args.regex, filename):
+                continue
+        else:
+            if not re.match("^%s$" % args.iregex, filename, re.IGNORECASE):
+                continue
+
+        match = re.search(r"^@@.*\+(\d+)(?:,(\d+))?", line)
+        if match:
+            start_line = int(match.group(1))
+            line_count = 1
+            if match.group(2):
+                line_count = int(match.group(2))
+                # The input is something like
+                #
+                # @@ -1, +0,0 @@
+                #
+                # which means no lines were added.
+                if line_count == 0:
+                    continue
+            # Also format lines range if line_count is 0 in case of deleting
+            # surrounding statements.
+            end_line = start_line
+            if line_count != 0:
+                end_line += line_count - 1
+            lines_by_file.setdefault(filename, []).extend(
+                ["--lines", str(start_line) + ":" + str(end_line)]
+            )
+
+    # Reformat files containing changes in place.
+    has_diff = False
+    for filename, lines in lines_by_file.items():
+        if args.i and args.verbose:
+            print("Formatting {}".format(filename))
+        command = [args.binary, filename]
+        if args.i:
+            command.append("-i")
+        if args.sort_includes:
+            command.append("--sort-includes")
+        command.extend(lines)
+        if args.style:
+            command.extend(["--style", args.style])
+        if args.fallback_style:
+            command.extend(["--fallback-style", args.fallback_style])
+
+        try:
+            p = subprocess.Popen(
+                command,
+                stdout=subprocess.PIPE,
+                stderr=None,
+                stdin=subprocess.PIPE,
+                universal_newlines=True,
+            )
+        except OSError as e:
+            # Give the user more context when clang-format isn't
+            # found/isn't executable, etc.
+            raise RuntimeError(
+                'Failed to run "%s" - %s"' % (" ".join(command), e.strerror)
+            )
+
+        stdout, _stderr = p.communicate()
+        if p.returncode != 0:
+            return p.returncode
+
+        if not args.i:
+            with open(filename) as f:
+                code = f.readlines()
+            formatted_code = StringIO(stdout).readlines()
+            diff = difflib.unified_diff(
+                code,
+                formatted_code,
+                filename,
+                filename,
+                "(before formatting)",
+                "(after formatting)",
+            )
+            diff_string = "".join(diff)
+            if len(diff_string) > 0:
+                has_diff = True
+                sys.stdout.write(diff_string)
+
+    if has_diff:
+        return 1
+
+
+if __name__ == "__main__":
+    sys.exit(main())
--- a/frontend/src/common/prettier/plugins/clang/src/clang-format.d.ts
+++ b/frontend/src/common/prettier/plugins/clang/src/clang-format.d.ts
@@ -0,0 +1,175 @@
+export type InitInput =
+	| RequestInfo
+	| URL
+	| Response
+	| BufferSource
+	| WebAssembly.Module;
+
+export default function init(input?: InitInput): Promise<void>;
+
+/**
+ * The style to use for formatting.
+ * Supported style values are:
+ *  - `LLVM` - A style complying with the LLVM coding standards.
+ *  - `Google` - A style complying with Google’s C++ style guide.
+ *  - `Chromium` - A style complying with Chromium’s style guide.
+ *  - `Mozilla` - A style complying with Mozilla’s style guide.
+ *  - `WebKit` - A style complying with WebKit’s style guide.
+ *  - `Microsoft` - A style complying with Microsoft’s style guide.
+ *  - `GNU` - A style complying with the GNU coding standards.
+ *  - A string starting with `{`, for example: `{BasedOnStyle: Chromium, IndentWidth: 4, ...}`.
+ *  - A string which represents `.clang-format` content.
+ *
+ */
+export type Style =
+	| "LLVM"
+	| "Google"
+	| "Chromium"
+	| "Mozilla"
+	| "WebKit"
+	| "Microsoft"
+	| "GNU"
+	| (string & {});
+
+/**
+ * The filename to use for determining the language.
+ */
+export type Filename =
+	| "main.c"
+	| "main.cc"
+	| "main.cxx"
+	| "main.cpp"
+	| "main.java"
+	| "main.js"
+	| "main.mjs"
+	| "main.ts"
+	| "main.json"
+	| "main.m"
+	| "main.mm"
+	| "main.proto"
+	| "main.cs"
+	| (string & {});
+
+/**
+ * Formats the given content using the specified style.
+ *
+ * @param {string} content - The content to format.
+ * @param {Filename} filename - The filename to use for determining the language.
+ * @param {Style} style - The style to use for formatting.
+ *   Supported style values are:
+ *   - `LLVM` - A style complying with the LLVM coding standards.
+ *   - `Google` - A style complying with Google’s C++ style guide.
+ *   - `Chromium` - A style complying with Chromium’s style guide.
+ *   - `Mozilla` - A style complying with Mozilla’s style guide.
+ *   - `WebKit` - A style complying with WebKit’s style guide.
+ *   - `Microsoft` - A style complying with Microsoft’s style guide.
+ *   - `GNU` - A style complying with the GNU coding standards.
+ *   - A string starting with `{`, for example: `{BasedOnStyle: Chromium, IndentWidth: 4, ...}`.
+ *   - A string which represents `.clang-format` content.
+ *
+ * @returns {string} The formatted content.
+ * @throws {Error}
+ *
+ * @see {@link https://clang.llvm.org/docs/ClangFormatStyleOptions.html}
+ */
+export declare function format(
+	content: string,
+	filename?: Filename,
+	style?: Style,
+): string;
+
+/**
+ * Both the startLine and endLine are 1-based.
+ */
+export type LineRange = [startLine: number, endLine: number];
+
+/**
+ * Both the offset and length are measured in bytes.
+ */
+export type ByteRange = [offset: number, length: number];
+
+/**
+ * Formats the specified range of lines in the given content using the specified style.
+ *
+ * @param {string} content - The content to format.
+ * @param {LineRange[]} range - Array<[startLine, endLine]> - The range of lines to format.
+ * Both startLine and endLine are 1-based.
+ * Multiple ranges can be formatted by specifying several lines arguments.
+ * @param {Filename} filename - The filename to use for determining the language.
+ * @param {Style} style - The style to use for formatting.
+ *   Supported style values are:
+ *   - `LLVM` - A style complying with the LLVM coding standards.
+ *   - `Google` - A style complying with Google’s C++ style guide.
+ *   - `Chromium` - A style complying with Chromium’s style guide.
+ *   - `Mozilla` - A style complying with Mozilla’s style guide.
+ *   - `WebKit` - A style complying with WebKit’s style guide.
+ *   - `Microsoft` - A style complying with Microsoft’s style guide.
+ *   - `GNU` - A style complying with the GNU coding standards.
+ *   - A string starting with `{`, for example: `{BasedOnStyle: Chromium, IndentWidth: 4, ...}`.
+ *   - A string which represents `.clang-format` content.
+ *
+ * @returns {string} The formatted content.
+ * @throws {Error}
+ *
+ * @see {@link https://clang.llvm.org/docs/ClangFormatStyleOptions.html}
+ */
+export declare function format_line_range(
+	content: string,
+	range: ByteRange[] | [[offset: number]],
+	filename?: Filename,
+	style?: Style,
+): string;
+
+/**
+ * @deprecated Use `format_line_range` instead.
+ */
+export declare function formatLineRange(
+	content: string,
+	range: ByteRange[] | [[offset: number]],
+	filename?: Filename,
+	style?: Style,
+): string;
+
+/**
+ * Formats the specified range of bytes in the given content using the specified style.
+ *
+ * @param {string} content - The content to format.
+ * @param {ByteRange[]} range - Array<[offset, length]> - The range of bytes to format.
+ * @param {Filename} filename - The filename to use for determining the language.
+ * @param {Style} style - The style to use for formatting.
+ *   Supported style values are:
+ *   - `LLVM` - A style complying with the LLVM coding standards.
+ *   - `Google` - A style complying with Google’s C++ style guide.
+ *   - `Chromium` - A style complying with Chromium’s style guide.
+ *   - `Mozilla` - A style complying with Mozilla’s style guide.
+ *   - `WebKit` - A style complying with WebKit’s style guide.
+ *   - `Microsoft` - A style complying with Microsoft’s style guide.
+ *   - `GNU` - A style complying with the GNU coding standards.
+ *   - A string starting with `{`, for example: `{BasedOnStyle: Chromium, IndentWidth: 4, ...}`.
+ *   - A string which represents `.clang-format` content.
+ *
+ * @returns {string} The formatted content.
+ * @throws {Error}
+ *
+ * @see {@link https://clang.llvm.org/docs/ClangFormatStyleOptions.html}
+ */
+export declare function format_byte_range(
+	content: string,
+	range: LineRange[],
+	filename?: Filename,
+	style?: Style,
+): string;
+
+/**
+ * @deprecated Use `format_byte_range` instead.
+ */
+export declare function formatByteRange(
+	content: string,
+	range: LineRange[],
+	filename?: Filename,
+	style?: Style,
+): string;
+
+export declare function version(): string;
+
+export declare function set_fallback_style(style: Style): void;
--- a/frontend/src/common/prettier/plugins/clang/src/cli.cc
+++ b/frontend/src/common/prettier/plugins/clang/src/cli.cc
@@ -0,0 +1,748 @@
+//===-- clang-format/ClangFormat.cpp - Clang format tool ------------------===//
+//
+// Part of the LLVM Project, under the Apache License v2.0 with LLVM Exceptions.
+// See https://llvm.org/LICENSE.txt for license information.
+// SPDX-License-Identifier: Apache-2.0 WITH LLVM-exception
+//
+//===----------------------------------------------------------------------===//
+///
+/// \file
+/// This file implements a clang-format tool that automatically formats
+/// (fragments of) C++ code.
+///
+//===----------------------------------------------------------------------===//
+
+#include "clang/../../lib/Format/MatchFilePath.h"
+#include "clang/Basic/Diagnostic.h"
+#include "clang/Basic/DiagnosticOptions.h"
+#include "clang/Basic/FileManager.h"
+#include "clang/Basic/SourceManager.h"
+#include "clang/Basic/Version.h"
+#include "clang/Format/Format.h"
+#include "clang/Rewrite/Core/Rewriter.h"
+#include "llvm/ADT/StringSwitch.h"
+#include "llvm/Support/CommandLine.h"
+#include "llvm/Support/FileSystem.h"
+#include "llvm/Support/InitLLVM.h"
+#include "llvm/Support/Process.h"
+#include <fstream>
+
+#include "CustomFileSystem.h"
+
+using namespace llvm;
+using clang::tooling::Replacements;
+
+static cl::opt<bool> Help("h", cl::desc("Alias for -help"), cl::Hidden);
+
+// Mark all our options with this category, everything else (except for -version
+// and -help) will be hidden.
+static cl::OptionCategory ClangFormatCategory("Clang-format options");
+
+static cl::list<unsigned>
+    Offsets("offset",
+            cl::desc("Format a range starting at this byte offset.\n"
+                     "Multiple ranges can be formatted by specifying\n"
+                     "several -offset and -length pairs.\n"
+                     "Can only be used with one input file."),
+            cl::cat(ClangFormatCategory));
+static cl::list<unsigned>
+    Lengths("length",
+            cl::desc("Format a range of this length (in bytes).\n"
+                     "Multiple ranges can be formatted by specifying\n"
+                     "several -offset and -length pairs.\n"
+                     "When only a single -offset is specified without\n"
+                     "-length, clang-format will format up to the end\n"
+                     "of the file.\n"
+                     "Can only be used with one input file."),
+            cl::cat(ClangFormatCategory));
+static cl::list<std::string>
+    LineRanges("lines",
+               cl::desc("<start line>:<end line> - format a range of\n"
+                        "lines (both 1-based).\n"
+                        "Multiple ranges can be formatted by specifying\n"
+                        "several -lines arguments.\n"
+                        "Can't be used with -offset and -length.\n"
+                        "Can only be used with one input file."),
+               cl::cat(ClangFormatCategory));
+static cl::opt<std::string>
+    Style("style", cl::desc(clang::format::StyleOptionHelpDescription),
+          cl::init(clang::format::DefaultFormatStyle),
+          cl::cat(ClangFormatCategory));
+static cl::opt<std::string>
+    FallbackStyle("fallback-style",
+                  cl::desc("The name of the predefined style used as a\n"
+                           "fallback in case clang-format is invoked with\n"
+                           "-style=file, but can not find the .clang-format\n"
+                           "file to use. Defaults to 'LLVM'.\n"
+                           "Use -fallback-style=none to skip formatting."),
+                  cl::init(clang::format::DefaultFallbackStyle),
+                  cl::cat(ClangFormatCategory));
+
+static cl::opt<std::string> AssumeFileName(
+    "assume-filename",
+    cl::desc("Set filename used to determine the language and to find\n"
+             ".clang-format file.\n"
+             "Only used when reading from stdin.\n"
+             "If this is not passed, the .clang-format file is searched\n"
+             "relative to the current working directory when reading stdin.\n"
+             "Unrecognized filenames are treated as C++.\n"
+             "supported:\n"
+             "  CSharp: .cs\n"
+             "  Java: .java\n"
+             "  JavaScript: .js .mjs .cjs .ts\n"
+             "  Json: .json .ipynb\n"
+             "  Objective-C: .m .mm\n"
+             "  Proto: .proto .protodevel\n"
+             "  TableGen: .td\n"
+             "  TextProto: .txtpb .textpb .pb.txt .textproto .asciipb\n"
+             "  Verilog: .sv .svh .v .vh"),
+    cl::init("<stdin>"), cl::cat(ClangFormatCategory));
+
+static cl::opt<bool> Inplace("i",
+                             cl::desc("Inplace edit <file>s, if specified."),
+                             cl::cat(ClangFormatCategory));
+
+static cl::opt<bool> OutputXML("output-replacements-xml",
+                               cl::desc("Output replacements as XML."),
+                               cl::cat(ClangFormatCategory));
+static cl::opt<bool>
+    DumpConfig("dump-config",
+               cl::desc("Dump configuration options to stdout and exit.\n"
+                        "Can be used with -style option."),
+               cl::cat(ClangFormatCategory));
+static cl::opt<unsigned>
+    Cursor("cursor",
+           cl::desc("The position of the cursor when invoking\n"
+                    "clang-format from an editor integration"),
+           cl::init(0), cl::cat(ClangFormatCategory));
+
+static cl::opt<bool>
+    SortIncludes("sort-includes",
+                 cl::desc("If set, overrides the include sorting behavior\n"
+                          "determined by the SortIncludes style flag"),
+                 cl::cat(ClangFormatCategory));
+
+static cl::opt<std::string> QualifierAlignment(
+    "qualifier-alignment",
+    cl::desc("If set, overrides the qualifier alignment style\n"
+             "determined by the QualifierAlignment style flag"),
+    cl::init(""), cl::cat(ClangFormatCategory));
+
+static cl::opt<std::string> Files(
+    "files",
+    cl::desc("A file containing a list of files to process, one per line."),
+    cl::value_desc("filename"), cl::init(""), cl::cat(ClangFormatCategory));
+
+static cl::opt<bool>
+    Verbose("verbose", cl::desc("If set, shows the list of processed files"),
+            cl::cat(ClangFormatCategory));
+
+// Use --dry-run to match other LLVM tools when you mean do it but don't
+// actually do it
+static cl::opt<bool>
+    DryRun("dry-run",
+           cl::desc("If set, do not actually make the formatting changes"),
+           cl::cat(ClangFormatCategory));
+
+// Use -n as a common command as an alias for --dry-run. (git and make use -n)
+static cl::alias DryRunShort("n", cl::desc("Alias for --dry-run"),
+                             cl::cat(ClangFormatCategory), cl::aliasopt(DryRun),
+                             cl::NotHidden);
+
+// Emulate being able to turn on/off the warning.
+static cl::opt<bool>
+    WarnFormat("Wclang-format-violations",
+               cl::desc("Warnings about individual formatting changes needed. "
+                        "Used only with --dry-run or -n"),
+               cl::init(true), cl::cat(ClangFormatCategory), cl::Hidden);
+
+static cl::opt<bool>
+    NoWarnFormat("Wno-clang-format-violations",
+                 cl::desc("Do not warn about individual formatting changes "
+                          "needed. Used only with --dry-run or -n"),
+                 cl::init(false), cl::cat(ClangFormatCategory), cl::Hidden);
+
+static cl::opt<unsigned> ErrorLimit(
+    "ferror-limit",
+    cl::desc("Set the maximum number of clang-format errors to emit\n"
+             "before stopping (0 = no limit).\n"
+             "Used only with --dry-run or -n"),
+    cl::init(0), cl::cat(ClangFormatCategory));
+
+static cl::opt<bool>
+    WarningsAsErrors("Werror",
+                     cl::desc("If set, changes formatting warnings to errors"),
+                     cl::cat(ClangFormatCategory));
+
+namespace {
+enum class WNoError { Unknown };
+}
+
+static cl::bits<WNoError> WNoErrorList(
+    "Wno-error",
+    cl::desc("If set, don't error out on the specified warning type."),
+    cl::values(
+        clEnumValN(WNoError::Unknown, "unknown",
+                   "If set, unknown format options are only warned about.\n"
+                   "This can be used to enable formatting, even if the\n"
+                   "configuration contains unknown (newer) options.\n"
+                   "Use with caution, as this might lead to dramatically\n"
+                   "differing format depending on an option being\n"
+                   "supported or not.")),
+    cl::cat(ClangFormatCategory));
+
+static cl::opt<bool>
+    ShowColors("fcolor-diagnostics",
+               cl::desc("If set, and on a color-capable terminal controls "
+                        "whether or not to print diagnostics in color"),
+               cl::init(true), cl::cat(ClangFormatCategory), cl::Hidden);
+
+static cl::opt<bool>
+    NoShowColors("fno-color-diagnostics",
+                 cl::desc("If set, and on a color-capable terminal controls "
+                          "whether or not to print diagnostics in color"),
+                 cl::init(false), cl::cat(ClangFormatCategory), cl::Hidden);
+
+static cl::list<std::string> FileNames(cl::Positional,
+                                       cl::desc("[@<file>] [<file> ...]"),
+                                       cl::cat(ClangFormatCategory));
+
+static cl::opt<bool> FailOnIncompleteFormat(
+    "fail-on-incomplete-format",
+    cl::desc("If set, fail with exit code 1 on incomplete format."),
+    cl::init(false), cl::cat(ClangFormatCategory));
+
+static cl::opt<bool> ListIgnored("list-ignored",
+                                 cl::desc("List ignored files."),
+                                 cl::cat(ClangFormatCategory), cl::Hidden);
+
+namespace clang {
+namespace format {
+
+static FileID createInMemoryFile(StringRef FileName, MemoryBufferRef Source,
+                                 SourceManager &Sources, FileManager &Files,
+                                 llvm::vfs::InMemoryFileSystem *MemFS) {
+  MemFS->addFileNoOwn(FileName, 0, Source);
+  auto File = Files.getOptionalFileRef(FileName);
+  assert(File && "File not added to MemFS?");
+  return Sources.createFileID(*File, SourceLocation(), SrcMgr::C_User);
+}
+
+// Parses <start line>:<end line> input to a pair of line numbers.
+// Returns true on error.
+static bool parseLineRange(StringRef Input, unsigned &FromLine,
+                           unsigned &ToLine) {
+  std::pair<StringRef, StringRef> LineRange = Input.split(':');
+  return LineRange.first.getAsInteger(0, FromLine) ||
+         LineRange.second.getAsInteger(0, ToLine);
+}
+
+static bool fillRanges(MemoryBuffer *Code,
+                       std::vector<tooling::Range> &Ranges) {
+  IntrusiveRefCntPtr<llvm::vfs::InMemoryFileSystem> InMemoryFileSystem(
+      new llvm::vfs::InMemoryFileSystem);
+  FileManager Files(FileSystemOptions(), InMemoryFileSystem);
+  DiagnosticOptions DiagOpts;
+  DiagnosticsEngine Diagnostics(
+      IntrusiveRefCntPtr<DiagnosticIDs>(new DiagnosticIDs), DiagOpts);
+  SourceManager Sources(Diagnostics, Files);
+  const auto ID = createInMemoryFile("<irrelevant>", *Code, Sources, Files,
+                                     InMemoryFileSystem.get());
+  if (!LineRanges.empty()) {
+    if (!Offsets.empty() || !Lengths.empty()) {
+      errs() << "error: cannot use -lines with -offset/-length\n";
+      return true;
+    }
+
+    for (const auto &LineRange : LineRanges) {
+      unsigned FromLine, ToLine;
+      if (parseLineRange(LineRange, FromLine, ToLine)) {
+        errs() << "error: invalid <start line>:<end line> pair\n";
+        return true;
+      }
+      if (FromLine < 1) {
+        errs() << "error: start line should be at least 1\n";
+        return true;
+      }
+      if (FromLine > ToLine) {
+        errs() << "error: start line should not exceed end line\n";
+        return true;
+      }
+      const auto Start = Sources.translateLineCol(ID, FromLine, 1);
+      const auto End = Sources.translateLineCol(ID, ToLine, UINT_MAX);
+      if (Start.isInvalid() || End.isInvalid())
+        return true;
+      const auto Offset = Sources.getFileOffset(Start);
+      const auto Length = Sources.getFileOffset(End) - Offset;
+      Ranges.push_back(tooling::Range(Offset, Length));
+    }
+    return false;
+  }
+
+  if (Offsets.empty())
+    Offsets.push_back(0);
+  const bool EmptyLengths = Lengths.empty();
+  unsigned Length = 0;
+  if (Offsets.size() == 1 && EmptyLengths) {
+    Length = Sources.getFileOffset(Sources.getLocForEndOfFile(ID)) - Offsets[0];
+  } else if (Offsets.size() != Lengths.size()) {
+    errs() << "error: number of -offset and -length arguments must match.\n";
+    return true;
+  }
+  for (unsigned I = 0, E = Offsets.size(), CodeSize = Code->getBufferSize();
+       I < E; ++I) {
+    const auto Offset = Offsets[I];
+    if (Offset >= CodeSize) {
+      errs() << "error: offset " << Offset << " is outside the file\n";
+      return true;
+    }
+    if (!EmptyLengths)
+      Length = Lengths[I];
+    if (Offset + Length > CodeSize) {
+      errs() << "error: invalid length " << Length << ", offset + length ("
+             << Offset + Length << ") is outside the file.\n";
+      return true;
+    }
+    Ranges.push_back(tooling::Range(Offset, Length));
+  }
+  return false;
+}
+
+static void outputReplacementXML(StringRef Text) {
+  // FIXME: When we sort includes, we need to make sure the stream is correct
+  // utf-8.
+  size_t From = 0;
+  size_t Index;
+  while ((Index = Text.find_first_of("\n\r<&", From)) != StringRef::npos) {
+    outs() << Text.substr(From, Index - From);
+    switch (Text[Index]) {
+    case '\n':
+      outs() << "&#10;";
+      break;
+    case '\r':
+      outs() << "&#13;";
+      break;
+    case '<':
+      outs() << "&lt;";
+      break;
+    case '&':
+      outs() << "&amp;";
+      break;
+    default:
+      llvm_unreachable("Unexpected character encountered!");
+    }
+    From = Index + 1;
+  }
+  outs() << Text.substr(From);
+}
+
+static void outputReplacementsXML(const Replacements &Replaces) {
+  for (const auto &R : Replaces) {
+    outs() << "<replacement "
+           << "offset='" << R.getOffset() << "' "
+           << "length='" << R.getLength() << "'>";
+    outputReplacementXML(R.getReplacementText());
+    outs() << "</replacement>\n";
+  }
+}
+
+static bool
+emitReplacementWarnings(const Replacements &Replaces, StringRef AssumedFileName,
+                        const std::unique_ptr<llvm::MemoryBuffer> &Code) {
+  unsigned Errors = 0;
+  if (WarnFormat && !NoWarnFormat) {
+    SourceMgr Mgr;
+    const char *StartBuf = Code->getBufferStart();
+
+    Mgr.AddNewSourceBuffer(
+        MemoryBuffer::getMemBuffer(StartBuf, AssumedFileName), SMLoc());
+    for (const auto &R : Replaces) {
+      SMDiagnostic Diag = Mgr.GetMessage(
+          SMLoc::getFromPointer(StartBuf + R.getOffset()),
+          WarningsAsErrors ? SourceMgr::DiagKind::DK_Error
+                           : SourceMgr::DiagKind::DK_Warning,
+          "code should be clang-formatted [-Wclang-format-violations]");
+
+      Diag.print(nullptr, llvm::errs(), ShowColors && !NoShowColors);
+      if (ErrorLimit && ++Errors >= ErrorLimit)
+        break;
+    }
+  }
+  return WarningsAsErrors;
+}
+
+static void outputXML(const Replacements &Replaces,
+                      const Replacements &FormatChanges,
+                      const FormattingAttemptStatus &Status,
+                      const cl::opt<unsigned> &Cursor,
+                      unsigned CursorPosition) {
+  outs() << "<?xml version='1.0'?>\n<replacements "
+            "xml:space='preserve' incomplete_format='"
+         << (Status.FormatComplete ? "false" : "true") << "'";
+  if (!Status.FormatComplete)
+    outs() << " line='" << Status.Line << "'";
+  outs() << ">\n";
+  if (Cursor.getNumOccurrences() != 0) {
+    outs() << "<cursor>" << FormatChanges.getShiftedCodePosition(CursorPosition)
+           << "</cursor>\n";
+  }
+
+  outputReplacementsXML(Replaces);
+  outs() << "</replacements>\n";
+}
+
+class ClangFormatDiagConsumer : public DiagnosticConsumer {
+  virtual void anchor() {}
+
+  void HandleDiagnostic(DiagnosticsEngine::Level DiagLevel,
+                        const Diagnostic &Info) override {
+
+    SmallVector<char, 16> vec;
+    Info.FormatDiagnostic(vec);
+    errs() << "clang-format error:" << vec << "\n";
+  }
+};
+
+// Returns true on error.
+static bool format(StringRef FileName, bool ErrorOnIncompleteFormat = false) {
+  const bool IsSTDIN = FileName == "-";
+  if (!OutputXML && Inplace && IsSTDIN) {
+    errs() << "error: cannot use -i when reading from stdin.\n";
+    return true;
+  }
+  // On Windows, overwriting a file with an open file mapping doesn't work,
+  // so read the whole file into memory when formatting in-place.
+  ErrorOr<std::unique_ptr<MemoryBuffer>> CodeOrErr =
+      !OutputXML && Inplace
+          ? MemoryBuffer::getFileAsStream(FileName)
+          : MemoryBuffer::getFileOrSTDIN(FileName, /*IsText=*/true);
+  if (std::error_code EC = CodeOrErr.getError()) {
+    errs() << FileName << ": " << EC.message() << "\n";
+    return true;
+  }
+  std::unique_ptr<llvm::MemoryBuffer> Code = std::move(CodeOrErr.get());
+  if (Code->getBufferSize() == 0)
+    return false; // Empty files are formatted correctly.
+
+  StringRef BufStr = Code->getBuffer();
+
+  const char *InvalidBOM = SrcMgr::ContentCache::getInvalidBOM(BufStr);
+
+  if (InvalidBOM) {
+    errs() << "error: encoding with unsupported byte order mark \""
+           << InvalidBOM << "\" detected";
+    if (!IsSTDIN)
+      errs() << " in file '" << FileName << "'";
+    errs() << ".\n";
+    return true;
+  }
+
+  std::vector<tooling::Range> Ranges;
+  if (fillRanges(Code.get(), Ranges))
+    return true;
+  StringRef AssumedFileName = IsSTDIN ? AssumeFileName : FileName;
+  if (AssumedFileName.empty()) {
+    llvm::errs() << "error: empty filenames are not allowed\n";
+    return true;
+  }
+
+  auto RealFS = vfs::getRealFileSystem();
+  auto CustomFS = new vfs::CustomFileSystem(RealFS);
+  IntrusiveRefCntPtr<vfs::FileSystem> CustomFSPtr(CustomFS);
+  Expected<FormatStyle> FormatStyle =
+      getStyle(Style, AssumedFileName, FallbackStyle, Code->getBuffer(),
+               CustomFSPtr.get(), WNoErrorList.isSet(WNoError::Unknown));
+  if (!FormatStyle) {
+    llvm::errs() << toString(FormatStyle.takeError()) << "\n";
+    return true;
+  }
+
+  StringRef QualifierAlignmentOrder = QualifierAlignment;
+
+  FormatStyle->QualifierAlignment =
+      StringSwitch<FormatStyle::QualifierAlignmentStyle>(
+          QualifierAlignmentOrder.lower())
+          .Case("right", FormatStyle::QAS_Right)
+          .Case("left", FormatStyle::QAS_Left)
+          .Default(FormatStyle->QualifierAlignment);
+
+  if (FormatStyle->QualifierAlignment == FormatStyle::QAS_Left) {
+    FormatStyle->QualifierOrder = {"const", "volatile", "type"};
+  } else if (FormatStyle->QualifierAlignment == FormatStyle::QAS_Right) {
+    FormatStyle->QualifierOrder = {"type", "const", "volatile"};
+  } else if (QualifierAlignmentOrder.contains("type")) {
+    FormatStyle->QualifierAlignment = FormatStyle::QAS_Custom;
+    SmallVector<StringRef> Qualifiers;
+    QualifierAlignmentOrder.split(Qualifiers, " ", /*MaxSplit=*/-1,
+                                  /*KeepEmpty=*/false);
+    FormatStyle->QualifierOrder = {Qualifiers.begin(), Qualifiers.end()};
+  }
+
+  if (SortIncludes.getNumOccurrences() != 0) {
+    FormatStyle->SortIncludes = {};
+    if (SortIncludes)
+      FormatStyle->SortIncludes.Enabled = true;
+  }
+  unsigned CursorPosition = Cursor;
+  Replacements Replaces = sortIncludes(*FormatStyle, Code->getBuffer(), Ranges,
+                                       AssumedFileName, &CursorPosition);
+
+  const bool IsJson = FormatStyle->isJson();
+
+  // To format JSON insert a variable to trick the code into thinking its
+  // JavaScript.
+  if (IsJson && !FormatStyle->DisableFormat) {
+    auto Err =
+        Replaces.add(tooling::Replacement(AssumedFileName, 0, 0, "x = "));
+    if (Err)
+      llvm::errs() << "Bad Json variable insertion\n";
+  }
+
+  auto ChangedCode = tooling::applyAllReplacements(Code->getBuffer(), Replaces);
+  if (!ChangedCode) {
+    llvm::errs() << toString(ChangedCode.takeError()) << "\n";
+    return true;
+  }
+  // Get new affected ranges after sorting `#includes`.
+  Ranges = tooling::calculateRangesAfterReplacements(Replaces, Ranges);
+  FormattingAttemptStatus Status;
+  Replacements FormatChanges =
+      reformat(*FormatStyle, *ChangedCode, Ranges, AssumedFileName, &Status);
+  Replaces = Replaces.merge(FormatChanges);
+  if (DryRun) {
+    return Replaces.size() > (IsJson ? 1u : 0u) &&
+           emitReplacementWarnings(Replaces, AssumedFileName, Code);
+  }
+  if (OutputXML) {
+    outputXML(Replaces, FormatChanges, Status, Cursor, CursorPosition);
+  } else {
+    IntrusiveRefCntPtr<llvm::vfs::InMemoryFileSystem> InMemoryFileSystem(
+        new llvm::vfs::InMemoryFileSystem);
+    FileManager Files(FileSystemOptions(), InMemoryFileSystem);
+
+    DiagnosticOptions DiagOpts;
+    ClangFormatDiagConsumer IgnoreDiagnostics;
+    DiagnosticsEngine Diagnostics(
+        IntrusiveRefCntPtr<DiagnosticIDs>(new DiagnosticIDs), DiagOpts,
+        &IgnoreDiagnostics, false);
+    SourceManager Sources(Diagnostics, Files);
+    FileID ID = createInMemoryFile(AssumedFileName, *Code, Sources, Files,
+                                   InMemoryFileSystem.get());
+    Rewriter Rewrite(Sources, LangOptions());
+    tooling::applyAllReplacements(Replaces, Rewrite);
+    if (Inplace) {
+      if (Rewrite.overwriteChangedFiles())
+        return true;
+    } else {
+      if (Cursor.getNumOccurrences() != 0) {
+        outs() << "{ \"Cursor\": "
+               << FormatChanges.getShiftedCodePosition(CursorPosition)
+               << ", \"IncompleteFormat\": "
+               << (Status.FormatComplete ? "false" : "true");
+        if (!Status.FormatComplete)
+          outs() << ", \"Line\": " << Status.Line;
+        outs() << " }\n";
+      }
+      Rewrite.getEditBuffer(ID).write(outs());
+    }
+  }
+  return ErrorOnIncompleteFormat && !Status.FormatComplete;
+}
+
+} // namespace format
+} // namespace clang
+
+static void PrintVersion(raw_ostream &OS) {
+  OS << clang::getClangToolFullVersion("clang-format") << '\n';
+}
+
+// Dump the configuration.
+static int dumpConfig() {
+  std::unique_ptr<llvm::MemoryBuffer> Code;
+  // We can't read the code to detect the language if there's no file name.
+  if (!FileNames.empty()) {
+    // Read in the code in case the filename alone isn't enough to detect the
+    // language.
+    ErrorOr<std::unique_ptr<MemoryBuffer>> CodeOrErr =
+        MemoryBuffer::getFileOrSTDIN(FileNames[0], /*IsText=*/true);
+    if (std::error_code EC = CodeOrErr.getError()) {
+      llvm::errs() << EC.message() << "\n";
+      return 1;
+    }
+    Code = std::move(CodeOrErr.get());
+  }
+
+  auto RealFS = vfs::getRealFileSystem();
+  auto CustomFS = new vfs::CustomFileSystem(RealFS);
+  IntrusiveRefCntPtr<vfs::FileSystem> CustomFSPtr(CustomFS);
+
+  Expected<clang::format::FormatStyle> FormatStyle = clang::format::getStyle(
+      Style,
+      FileNames.empty() || FileNames[0] == "-" ? AssumeFileName : FileNames[0],
+      FallbackStyle, Code ? Code->getBuffer() : "", CustomFSPtr.get());
+  if (!FormatStyle) {
+    llvm::errs() << toString(FormatStyle.takeError()) << "\n";
+    return 1;
+  }
+  std::string Config = clang::format::configurationAsText(*FormatStyle);
+  outs() << Config << "\n";
+  return 0;
+}
+
+using String = SmallString<128>;
+static String IgnoreDir;             // Directory of .clang-format-ignore file.
+static String PrevDir;               // Directory of previous `FilePath`.
+static SmallVector<String> Patterns; // Patterns in .clang-format-ignore file.
+
+// Check whether `FilePath` is ignored according to the nearest
+// .clang-format-ignore file based on the rules below:
+// - A blank line is skipped.
+// - Leading and trailing spaces of a line are trimmed.
+// - A line starting with a hash (`#`) is a comment.
+// - A non-comment line is a single pattern.
+// - The slash (`/`) is used as the directory separator.
+// - A pattern is relative to the directory of the .clang-format-ignore file (or
+//   the root directory if the pattern starts with a slash).
+// - A pattern is negated if it starts with a bang (`!`).
+static bool isIgnored(StringRef FilePath) {
+  using namespace llvm::sys::fs;
+  if (!is_regular_file(FilePath))
+    return false;
+
+  String Path;
+  String AbsPath{FilePath};
+
+  auto PathStyle = vfs::getPathStyle();
+
+  using namespace llvm::sys::path;
+  vfs::make_absolute(AbsPath);
+  remove_dots(AbsPath, /*remove_dot_dot=*/true, PathStyle);
+
+  if (StringRef Dir{parent_path(AbsPath, PathStyle)}; PrevDir != Dir) {
+    PrevDir = Dir;
+
+    for (;;) {
+      Path = Dir;
+      append(Path, PathStyle, ".clang-format-ignore");
+      if (is_regular_file(Path))
+        break;
+      Dir = parent_path(Dir, PathStyle);
+      if (Dir.empty())
+        return false;
+    }
+
+    IgnoreDir = convert_to_slash(Dir, PathStyle);
+
+    std::ifstream IgnoreFile{Path.c_str()};
+    if (!IgnoreFile.good())
+      return false;
+
+    Patterns.clear();
+
+    for (std::string Line; std::getline(IgnoreFile, Line);) {
+      if (const auto Pattern{StringRef{Line}.trim()};
+          // Skip empty and comment lines.
+          !Pattern.empty() && Pattern[0] != '#') {
+        Patterns.push_back(Pattern);
+      }
+    }
+  }
+
+  if (IgnoreDir.empty())
+    return false;
+
+  const auto Pathname{convert_to_slash(AbsPath, PathStyle)};
+  for (const auto &Pat : Patterns) {
+    const bool IsNegated = Pat[0] == '!';
+    StringRef Pattern{Pat};
+    if (IsNegated)
+      Pattern = Pattern.drop_front();
+
+    if (Pattern.empty())
+      continue;
+
+    Pattern = Pattern.ltrim();
+
+    // `Pattern` is relative to `IgnoreDir` unless it starts with a slash.
+    // This doesn't support patterns containing drive names (e.g. `C:`).
+    if (Pattern[0] != '/') {
+      Path = IgnoreDir;
+      append(Path, Style::posix, Pattern);
+      remove_dots(Path, /*remove_dot_dot=*/true, Style::posix);
+      Pattern = Path;
+    }
+
+    if (clang::format::matchFilePath(Pattern, Pathname) == !IsNegated)
+      return true;
+  }
+
+  return false;
+}
+
+int main(int argc, const char **argv) {
+  InitLLVM X(argc, argv);
+
+  cl::HideUnrelatedOptions(ClangFormatCategory);
+
+  cl::SetVersionPrinter(PrintVersion);
+  cl::ParseCommandLineOptions(
+      argc, argv,
+      "A tool to format C/C++/Java/JavaScript/JSON/Objective-C/Protobuf/C# "
+      "code.\n\n"
+      "If no arguments are specified, it formats the code from standard input\n"
+      "and writes the result to the standard output.\n"
+      "If <file>s are given, it reformats the files. If -i is specified\n"
+      "together with <file>s, the files are edited in-place. Otherwise, the\n"
+      "result is written to the standard output.\n");
+
+  if (Help) {
+    cl::PrintHelpMessage();
+    return 0;
+  }
+
+  if (DumpConfig)
+    return dumpConfig();
+
+  if (!Files.empty()) {
+    std::ifstream ExternalFileOfFiles{std::string(Files)};
+    std::string Line;
+    unsigned LineNo = 1;
+    while (std::getline(ExternalFileOfFiles, Line)) {
+      FileNames.push_back(Line);
+      LineNo++;
+    }
+    errs() << "Clang-formatting " << LineNo << " files\n";
+  }
+
+  if (FileNames.empty()) {
+    if (isIgnored(AssumeFileName))
+      return 0;
+    return clang::format::format("-", FailOnIncompleteFormat);
+  }
+
+  if (FileNames.size() > 1 &&
+      (!Offsets.empty() || !Lengths.empty() || !LineRanges.empty())) {
+    errs() << "error: -offset, -length and -lines can only be used for "
+              "single file.\n";
+    return 1;
+  }
+
+  unsigned FileNo = 1;
+  bool Error = false;
+  for (const auto &FileName : FileNames) {
+    const bool Ignored = isIgnored(FileName);
+    if (ListIgnored) {
+      if (Ignored)
+        outs() << FileName << '\n';
+      continue;
+    }
+    if (Ignored)
+      continue;
+    if (Verbose) {
+      errs() << "Formatting [" << FileNo++ << "/" << FileNames.size() << "] "
+             << FileName << "\n";
+    }
+    Error |= clang::format::format(FileName, FailOnIncompleteFormat);
+  }
+  return Error ? 1 : 0;
+}
--- a/frontend/src/common/prettier/plugins/clang/src/lib.cc
+++ b/frontend/src/common/prettier/plugins/clang/src/lib.cc
@@ -0,0 +1,323 @@
+//===-- clang-format/ClangFormat.cpp - Clang format tool ------------------===//
+//
+// Part of the LLVM Project, under the Apache License v2.0 with LLVM Exceptions.
+// See https://llvm.org/LICENSE.txt for license information.
+// SPDX-License-Identifier: Apache-2.0 WITH LLVM-exception
+//
+//===----------------------------------------------------------------------===//
+///
+/// \file
+/// This file implements a clang-format tool that automatically formats
+/// (fragments of) C++ code.
+///
+//===----------------------------------------------------------------------===//
+
+#include "lib.h"
+#include "clang/Basic/FileManager.h"
+#include "clang/Basic/SourceManager.h"
+#include "clang/Basic/Version.h"
+#include "clang/Format/Format.h"
+#include "clang/Rewrite/Core/Rewriter.h"
+
+using namespace llvm;
+using clang::tooling::Replacements;
+
+static std::string FallbackStyle{clang::format::DefaultFallbackStyle};
+
+static unsigned Cursor{0};
+
+static bool SortIncludes{false};
+
+static std::string QualifierAlignment{""};
+
+static auto Ok(const std::string content) -> Result {
+  return {false, std::move(content)};
+}
+
+static auto Err(const std::string content) -> Result {
+  return {true, std::move(content)};
+}
+
+namespace clang {
+namespace format {
+
+static FileID createInMemoryFile(StringRef FileName, MemoryBufferRef Source,
+                                 SourceManager &Sources, FileManager &Files,
+                                 llvm::vfs::InMemoryFileSystem *MemFS) {
+  MemFS->addFileNoOwn(FileName, 0, Source);
+  auto File = Files.getOptionalFileRef(FileName);
+  assert(File && "File not added to MemFS?");
+  return Sources.createFileID(*File, SourceLocation(), SrcMgr::C_User);
+}
+
+static auto fillRanges(MemoryBuffer *Code, std::vector<tooling::Range> &Ranges)
+    -> void {
+  Ranges.push_back(tooling::Range(0, Code->getBuffer().size()));
+}
+
+static auto isPredefinedStyle(StringRef style) -> bool {
+  return StringSwitch<bool>(style.lower())
+      .Cases("llvm", "chromium", "mozilla", "google", "webkit", "gnu",
+             "microsoft", "none", "file", true)
+      .Default(false);
+}
+
+static auto format_range(const std::unique_ptr<llvm::MemoryBuffer> code,
+                         const std::string assumedFileName,
+                         const std::string style,
+                         std::vector<tooling::Range> ranges) -> Result {
+  StringRef BufStr = code->getBuffer();
+
+  const char *InvalidBOM = SrcMgr::ContentCache::getInvalidBOM(BufStr);
+
+  if (InvalidBOM) {
+    std::stringstream err;
+    err << "encoding with unsupported byte order mark \"" << InvalidBOM
+        << "\" detected.";
+
+    return Err(err.str());
+  }
+
+  StringRef AssumedFileName = assumedFileName;
+  if (AssumedFileName.empty())
+    AssumedFileName = "<stdin>";
+
+  IntrusiveRefCntPtr<llvm::vfs::InMemoryFileSystem> InMemoryFileSystem(
+      new llvm::vfs::InMemoryFileSystem);
+  FileManager Files(FileSystemOptions(), InMemoryFileSystem);
+
+  DiagnosticOptions DiagOpts;
+  DiagnosticsEngine Diagnostics(
+      IntrusiveRefCntPtr<DiagnosticIDs>(new DiagnosticIDs), DiagOpts);
+  SourceManager Sources(Diagnostics, Files);
+
+  StringRef _style = style;
+
+  if (!_style.starts_with("{") && !isPredefinedStyle(_style)) {
+    std::unique_ptr<llvm::MemoryBuffer> DotClangFormat =
+        MemoryBuffer::getMemBuffer(style);
+
+    createInMemoryFile(".clang-format", *DotClangFormat.get(), Sources, Files,
+                       InMemoryFileSystem.get());
+    _style = "file:.clang-format";
+  }
+
+  llvm::Expected<FormatStyle> FormatStyle =
+      getStyle(_style, AssumedFileName, FallbackStyle, code->getBuffer(),
+               InMemoryFileSystem.get(), false);
+
+  InMemoryFileSystem.reset();
+
+  if (!FormatStyle) {
+    std::string err = llvm::toString(FormatStyle.takeError());
+    return Err(err);
+  }
+
+  StringRef QualifierAlignmentOrder = QualifierAlignment;
+
+  FormatStyle->QualifierAlignment =
+      StringSwitch<FormatStyle::QualifierAlignmentStyle>(
+          QualifierAlignmentOrder.lower())
+          .Case("right", FormatStyle::QAS_Right)
+          .Case("left", FormatStyle::QAS_Left)
+          .Default(FormatStyle->QualifierAlignment);
+
+  if (FormatStyle->QualifierAlignment == FormatStyle::QAS_Left) {
+    FormatStyle->QualifierOrder = {"const", "volatile", "type"};
+  } else if (FormatStyle->QualifierAlignment == FormatStyle::QAS_Right) {
+    FormatStyle->QualifierOrder = {"type", "const", "volatile"};
+  } else if (QualifierAlignmentOrder.contains("type")) {
+    FormatStyle->QualifierAlignment = FormatStyle::QAS_Custom;
+    SmallVector<StringRef> Qualifiers;
+    QualifierAlignmentOrder.split(Qualifiers, " ", /*MaxSplit=*/-1,
+                                  /*KeepEmpty=*/false);
+    FormatStyle->QualifierOrder = {Qualifiers.begin(), Qualifiers.end()};
+  }
+
+  if (SortIncludes) {
+    FormatStyle->SortIncludes = {};
+    FormatStyle->SortIncludes.Enabled = true;
+  }
+
+  unsigned CursorPosition = Cursor;
+  Replacements Replaces = sortIncludes(*FormatStyle, code->getBuffer(), ranges,
+                                       AssumedFileName, &CursorPosition);
+
+  // To format JSON insert a variable to trick the code into thinking its
+  // JavaScript.
+  if (FormatStyle->isJson() && !FormatStyle->DisableFormat) {
+    auto err =
+        Replaces.add(tooling::Replacement(AssumedFileName, 0, 0, "x = "));
+    if (err)
+      return Err("Bad Json variable insertion");
+  }
+
+  auto ChangedCode =
+      cantFail(tooling::applyAllReplacements(code->getBuffer(), Replaces));
+
+  // Get new affected ranges after sorting `#includes`.
+  ranges = tooling::calculateRangesAfterReplacements(Replaces, ranges);
+  FormattingAttemptStatus Status;
+  Replacements FormatChanges =
+      reformat(*FormatStyle, ChangedCode, ranges, AssumedFileName, &Status);
+  Replaces = Replaces.merge(FormatChanges);
+
+  return Ok(
+      cantFail(tooling::applyAllReplacements(code->getBuffer(), Replaces)));
+}
+
+static auto format_range(const std::string str,
+                         const std::string assumedFileName,
+                         const std::string style, const bool is_line_range,
+                         const std::vector<unsigned> ranges) -> Result {
+  ErrorOr<std::unique_ptr<MemoryBuffer>> CodeOrErr =
+      MemoryBuffer::getMemBuffer(str);
+
+  if (std::error_code EC = CodeOrErr.getError())
+    return Err(EC.message());
+  std::unique_ptr<llvm::MemoryBuffer> Code = std::move(CodeOrErr.get());
+  if (Code->getBufferSize() == 0)
+    return Ok(""); // Empty files are formatted correctly.
+
+  std::vector<tooling::Range> Ranges;
+
+  if (ranges.empty()) {
+    fillRanges(Code.get(), Ranges);
+    return format_range(std::move(Code), assumedFileName, style,
+                        std::move(Ranges));
+  }
+
+  IntrusiveRefCntPtr<llvm::vfs::InMemoryFileSystem> InMemoryFileSystem(
+      new llvm::vfs::InMemoryFileSystem);
+  FileManager Files(FileSystemOptions(), InMemoryFileSystem);
+  DiagnosticOptions DiagOpts;
+  DiagnosticsEngine Diagnostics(
+      IntrusiveRefCntPtr<DiagnosticIDs>(new DiagnosticIDs), DiagOpts);
+  SourceManager Sources(Diagnostics, Files);
+  FileID ID = createInMemoryFile("<irrelevant>", *Code, Sources, Files,
+                                 InMemoryFileSystem.get());
+
+  if (is_line_range) {
+    for (auto FromLine = begin(ranges); FromLine < end(ranges); FromLine += 2) {
+      auto ToLine = FromLine + 1;
+
+      SourceLocation Start = Sources.translateLineCol(ID, *FromLine, 1);
+      SourceLocation End = Sources.translateLineCol(ID, *ToLine, UINT_MAX);
+      if (Start.isInvalid() || End.isInvalid())
+        return Err("invalid line number");
+      unsigned Offset = Sources.getFileOffset(Start);
+      unsigned Length = Sources.getFileOffset(End) - Offset;
+      Ranges.push_back(tooling::Range(Offset, Length));
+    }
+  } else {
+    if (ranges.size() > 2 && ranges.size() % 2 != 0)
+      return Err("number of -offset and -length arguments must match");
+
+    if (ranges.size() == 1) {
+      auto offset = begin(ranges);
+      if (*offset >= Code->getBufferSize()) {
+        std::stringstream err;
+        err << "offset " << *offset << " is outside the file";
+        return Err(err.str());
+      }
+      SourceLocation Start =
+          Sources.getLocForStartOfFile(ID).getLocWithOffset(*offset);
+      SourceLocation End = Sources.getLocForEndOfFile(ID);
+
+      unsigned Offset = Sources.getFileOffset(Start);
+      unsigned Length = Sources.getFileOffset(End) - Offset;
+
+      Ranges.push_back(tooling::Range(Offset, Length));
+    } else {
+      for (auto offset = begin(ranges); offset < end(ranges); offset += 2) {
+        auto length = offset + 1;
+
+        if (*offset >= Code->getBufferSize()) {
+          std::stringstream err;
+          err << "offset " << *offset << " is outside the file";
+          return Err(err.str());
+        }
+
+        unsigned end = *offset + *length;
+        if (end > Code->getBufferSize()) {
+          std::stringstream err;
+          err << "invalid length " << *length << ", offset + length (" << end
+              << ") is outside the file.";
+          return Err(err.str());
+        }
+
+        SourceLocation Start =
+            Sources.getLocForStartOfFile(ID).getLocWithOffset(*offset);
+        SourceLocation End = Start.getLocWithOffset(*length);
+
+        unsigned Offset = Sources.getFileOffset(Start);
+        unsigned Length = Sources.getFileOffset(End) - Offset;
+
+        Ranges.push_back(tooling::Range(Offset, Length));
+      }
+    }
+  }
+
+  return format_range(std::move(Code), assumedFileName, style,
+                      std::move(Ranges));
+}
+
+static auto format(const std::string str, const std::string assumedFileName,
+                   const std::string style) -> Result {
+  ErrorOr<std::unique_ptr<MemoryBuffer>> CodeOrErr =
+      MemoryBuffer::getMemBuffer(str);
+
+  if (std::error_code EC = CodeOrErr.getError())
+    return Err(EC.message());
+  std::unique_ptr<llvm::MemoryBuffer> Code = std::move(CodeOrErr.get());
+  if (Code->getBufferSize() == 0)
+    return Ok(""); // Empty files are formatted correctly.
+
+  std::vector<tooling::Range> Ranges;
+  fillRanges(Code.get(), Ranges);
+
+  return format_range(std::move(Code), assumedFileName, style,
+                      std::move(Ranges));
+}
+
+} // namespace format
+} // namespace clang
+
+auto version() -> std::string {
+  return clang::getClangToolFullVersion("clang-format");
+}
+
+auto format(const std::string str, const std::string assumedFileName,
+            const std::string style) -> Result {
+  return clang::format::format(str, assumedFileName, style);
+}
+
+auto format_byte(const std::string str, const std::string assumedFileName,
+                 const std::string style, const std::vector<unsigned> ranges)
+    -> Result {
+  return clang::format::format_range(str, assumedFileName, style, false,
+                                     std::move(ranges));
+}
+
+auto format_line(const std::string str, const std::string assumedFileName,
+                 const std::string style, const std::vector<unsigned> ranges)
+    -> Result {
+  return clang::format::format_range(str, assumedFileName, style, true,
+                                     std::move(ranges));
+}
+
+auto set_fallback_style(const std::string style) -> void {
+  FallbackStyle = style;
+}
+
+auto set_sort_includes(const bool sort) -> void { SortIncludes = sort; }
+
+auto dump_config(const std::string style, const std::string FileName,
+                 const std::string code) -> Result {
+  llvm::Expected<clang::format::FormatStyle> FormatStyle =
+      clang::format::getStyle(style, FileName, FallbackStyle, code);
+  if (!FormatStyle)
+    return Err(llvm::toString(FormatStyle.takeError()));
+  std::string Config = clang::format::configurationAsText(*FormatStyle);
+  return Ok(Config);
+}
--- a/frontend/src/common/prettier/plugins/clang/src/lib.h
+++ b/frontend/src/common/prettier/plugins/clang/src/lib.h
@@ -0,0 +1,24 @@
+#ifndef CLANG_FORMAT_WASM_LIB_H_
+#define CLANG_FORMAT_WASM_LIB_H_
+#include <sstream>
+
+struct Result {
+    bool error;
+    std::string content;
+};
+
+auto version() -> std::string;
+auto format(const std::string str, const std::string assumedFileName, const std::string style) -> Result;
+auto format_byte(const std::string str,
+                 const std::string assumedFileName,
+                 const std::string style,
+                 const std::vector<unsigned> ranges) -> Result;
+auto format_line(const std::string str,
+                 const std::string assumedFileName,
+                 const std::string style,
+                 const std::vector<unsigned> ranges) -> Result;
+auto set_fallback_style(const std::string style) -> void;
+auto set_sort_includes(const bool sort) -> void;
+auto dump_config(const std::string style, const std::string FileName, const std::string code) -> Result;
+
+#endif
--- a/frontend/src/common/prettier/plugins/clang/src/scripts/build.sh
+++ b/frontend/src/common/prettier/plugins/clang/src/scripts/build.sh
@@ -0,0 +1,42 @@
+set -Eeo pipefail
+
+cd $(dirname $0)/..
+project_root=$(pwd)
+
+rm -rf pkg
+mkdir -p pkg build
+cd build
+
+export CC=$(which clang)
+export CXX=$(which clang++)
+
+emcmake cmake -G Ninja ..
+ninja clang-format-wasm
+
+cd $project_root
+
+if [[ ! -z "${WASM_OPT}" ]]; then
+    wasm-opt -Os build/clang-format-esm.wasm -o build/clang-format-esm-Os.wasm
+    wasm-opt -Oz build/clang-format-esm.wasm -o build/clang-format-esm-Oz.wasm
+fi
+
+SMALLEST_WASM=$(ls -Sr build/clang-format-e*.wasm | head -1)
+
+cp $SMALLEST_WASM pkg/clang-format.wasm
+cat src/template.js build/clang-format-esm.js >pkg/clang-format.js
+
+# add shebang
+echo '#!/usr/bin/env node' | cat - ./build/clang-format-cli.js >./pkg/clang-format-cli.cjs
+cp ./build/clang-format-cli.wasm ./pkg/
+
+cp ./src/clang-format.d.ts src/clang-format-*.js ./pkg/
+cp ./package.json LICENSE README.md .npmignore ./pkg/
+
+# copy git-clang-format and clang-format-diff.py
+cp ./build/_deps/llvm_project-src/clang/tools/clang-format/git-clang-format ./pkg/
+cp ./build/_deps/llvm_project-src/clang/tools/clang-format/clang-format-diff.py ./pkg/
+
+ls -lh ./pkg
+
+# make sure repo is clean
+# git diff --exit-code
--- a/frontend/src/common/prettier/plugins/clang/src/scripts/cli.patch
+++ b/frontend/src/common/prettier/plugins/clang/src/scripts/cli.patch
@@ -0,0 +1,95 @@
+diff --git a/src/cli.cc b/src/cli.cc
+index 2861005..69ec009 100644
+--- a/src/cli.cc
+++ b/src/cli.cc
+@@ -12,7 +12,7 @@
+ ///
+ //===----------------------------------------------------------------------===//
+ 
+-#include "../../lib/Format/MatchFilePath.h"
+#include "clang/../../lib/Format/MatchFilePath.h"
+ #include "clang/Basic/Diagnostic.h"
+ #include "clang/Basic/DiagnosticOptions.h"
+ #include "clang/Basic/FileManager.h"
+@@ -27,6 +27,8 @@
+ #include "llvm/Support/Process.h"
+ #include <fstream>
+ 
+#include "CustomFileSystem.h"
+
+ using namespace llvm;
+ using clang::tooling::Replacements;
+ 
+@@ -448,9 +450,12 @@ static bool format(StringRef FileName, bool ErrorOnIncompleteFormat = false) {
+     return true;
+   }
+ 
+  auto RealFS = vfs::getRealFileSystem();
+  auto CustomFS = new vfs::CustomFileSystem(RealFS);
+  IntrusiveRefCntPtr<vfs::FileSystem> CustomFSPtr(CustomFS);
+   Expected<FormatStyle> FormatStyle =
+       getStyle(Style, AssumedFileName, FallbackStyle, Code->getBuffer(),
+-               nullptr, WNoErrorList.isSet(WNoError::Unknown));
+               CustomFSPtr.get(), WNoErrorList.isSet(WNoError::Unknown));
+   if (!FormatStyle) {
+     llvm::errs() << toString(FormatStyle.takeError()) << "\n";
+     return true;
+@@ -571,10 +576,15 @@ static int dumpConfig() {
+     }
+     Code = std::move(CodeOrErr.get());
+   }
+
+  auto RealFS = vfs::getRealFileSystem();
+  auto CustomFS = new vfs::CustomFileSystem(RealFS);
+  IntrusiveRefCntPtr<vfs::FileSystem> CustomFSPtr(CustomFS);
+
+   Expected<clang::format::FormatStyle> FormatStyle = clang::format::getStyle(
+       Style,
+       FileNames.empty() || FileNames[0] == "-" ? AssumeFileName : FileNames[0],
+-      FallbackStyle, Code ? Code->getBuffer() : "");
+      FallbackStyle, Code ? Code->getBuffer() : "", CustomFSPtr.get());
+   if (!FormatStyle) {
+     llvm::errs() << toString(FormatStyle.takeError()) << "\n";
+     return 1;
+@@ -607,24 +617,26 @@ static bool isIgnored(StringRef FilePath) {
+   String Path;
+   String AbsPath{FilePath};
+ 
+  auto PathStyle = vfs::getPathStyle();
+
+   using namespace llvm::sys::path;
+-  make_absolute(AbsPath);
+-  remove_dots(AbsPath, /*remove_dot_dot=*/true);
+  vfs::make_absolute(AbsPath);
+  remove_dots(AbsPath, /*remove_dot_dot=*/true, PathStyle);
+ 
+-  if (StringRef Dir{parent_path(AbsPath)}; PrevDir != Dir) {
+  if (StringRef Dir{parent_path(AbsPath, PathStyle)}; PrevDir != Dir) {
+     PrevDir = Dir;
+ 
+     for (;;) {
+       Path = Dir;
+-      append(Path, ".clang-format-ignore");
+      append(Path, PathStyle, ".clang-format-ignore");
+       if (is_regular_file(Path))
+         break;
+-      Dir = parent_path(Dir);
+      Dir = parent_path(Dir, PathStyle);
+       if (Dir.empty())
+         return false;
+     }
+ 
+-    IgnoreDir = convert_to_slash(Dir);
+    IgnoreDir = convert_to_slash(Dir, PathStyle);
+ 
+     std::ifstream IgnoreFile{Path.c_str()};
+     if (!IgnoreFile.good())
+@@ -644,7 +656,7 @@ static bool isIgnored(StringRef FilePath) {
+   if (IgnoreDir.empty())
+     return false;
+ 
+-  const auto Pathname{convert_to_slash(AbsPath)};
+  const auto Pathname{convert_to_slash(AbsPath, PathStyle)};
+   for (const auto &Pat : Patterns) {
+     const bool IsNegated = Pat[0] == '!';
+     StringRef Pattern{Pat};
--- a/frontend/src/common/prettier/plugins/clang/src/scripts/gen_patch.sh
+++ b/frontend/src/common/prettier/plugins/clang/src/scripts/gen_patch.sh
@@ -0,0 +1,26 @@
+current_dir=$(pwd)
+tmp_dir=$(mktemp -d)
+
+cd $tmp_dir
+
+git init
+
+cp $current_dir/build/_deps/llvm_project-src/clang/tools/clang-format/ClangFormat.cpp ./cli.cc
+
+git add -f .
+git commit -m "init"
+
+cp $current_dir/src/cli.cc ./cli.cc
+
+git add -f .
+git diff \
+    --cached \
+    --no-color \
+    --ignore-space-at-eol \
+    --no-ext-diff \
+    --src-prefix=a/src/ \
+    --dst-prefix=b/src/ \
+    >$current_dir/scripts/cli.patch || true
+
+rm -rf $tmp_dir
+
--- a/frontend/src/common/prettier/plugins/clang/src/template.js
+++ b/frontend/src/common/prettier/plugins/clang/src/template.js
@@ -0,0 +1,146 @@
+/* @ts-self-types="./clang-format.d.ts" */
+async function load(module) {
+    if (typeof Response === "function" && module instanceof Response) {
+        if ("compileStreaming" in WebAssembly) {
+            try {
+                return await WebAssembly.compileStreaming(module);
+            } catch (e) {
+                if (module.headers.get("Content-Type") !== "application/wasm") {
+                    console.warn(
+                        "`WebAssembly.compileStreaming` failed because your server does not serve wasm with `application/wasm` MIME type. Falling back to `WebAssembly.instantiate` which is slower. Original error:\n",
+                        e,
+                    );
+                } else {
+                    throw e;
+                }
+            }
+        }
+
+        return module.arrayBuffer();
+    }
+
+    return module;
+}
+
+let wasm;
+export default async function initAsync(input) {
+    if (wasm !== undefined) {
+        return wasm;
+    }
+
+    if (typeof input === "undefined") {
+        input = new URL("clang-format.wasm", import.meta.url);
+    }
+
+    if (
+        typeof input === "string" ||
+        (typeof Request === "function" && input instanceof Request) ||
+        (typeof URL === "function" && input instanceof URL)
+    ) {
+        input = fetch(input);
+    }
+
+    wasm = await load(await input).then((wasm) => Module({ wasm }));
+    assert_init = () => {};
+}
+
+function assert_init() {
+    throw new Error("uninit");
+}
+
+export function version() {
+    assert_init();
+    return wasm.version();
+}
+
+export function set_fallback_style(style) {
+    assert_init();
+    wasm.set_fallback_style(style);
+}
+
+export function set_sort_includes(sort) {
+    assert_init();
+    wasm.set_sort_includes(sort);
+}
+
+function unwrap(result) {
+    const { error, content } = result;
+    if (error) {
+        throw Error(content);
+    }
+    return content;
+}
+
+export function format(content, filename = "<stdin>", style = "LLVM") {
+    assert_init();
+    const result = wasm.format(content, filename, style);
+    return unwrap(result);
+}
+
+export function format_line_range(
+    content,
+    range,
+    filename = "<stdin>",
+    style = "LLVM",
+) {
+    assert_init();
+    const rangeList = new wasm.RangeList();
+    for (const [fromLine, toLine] of range) {
+        if (fromLine < 1) {
+            throw Error("start line should be at least 1");
+        }
+        if (fromLine > toLine) {
+            throw Error("start line should not exceed end line");
+        }
+        rangeList.push_back(fromLine);
+        rangeList.push_back(toLine);
+    }
+
+    const result = wasm.format_line(content, filename, style, rangeList);
+    rangeList.delete();
+    return unwrap(result);
+}
+
+export function format_byte_range(
+    content,
+    range,
+    filename = "<stdin>",
+    style = "LLVM",
+) {
+    assert_init();
+    const rangeList = new wasm.RangeList();
+
+    if (range.length === 1 && range[0].length === 1) {
+        rangeList.push_back(range[0][0]);
+    } else {
+        for (const [offset, length] of range) {
+            if (offset < 0) {
+                throw Error("start offset should be at least 0");
+            }
+            if (length < 0) {
+                throw Error("length should be at least 0");
+            }
+            rangeList.push_back(offset);
+            rangeList.push_back(length);
+        }
+    }
+
+    const result = wasm.format_byte(content, filename, style, rangeList);
+    rangeList.delete();
+    return unwrap(result);
+}
+
+export function dump_config({
+    style = "file",
+    filename = "<stdin>",
+    code = "",
+} = {}) {
+    assert_init();
+    const result = wasm.dump_config(style, filename, code);
+    return unwrap(result);
+}
+
+export {
+    format_byte_range as formatByteRange,
+    format_line_range as formatLineRange,
+};
--- a/frontend/src/common/prettier/plugins/dart/dart_fmt.d.ts
+++ b/frontend/src/common/prettier/plugins/dart/dart_fmt.d.ts
@@ -0,0 +1,32 @@
+export function format(input: string, filename: string, config?: LayoutConfig): string;
+
+interface LayoutConfig {
+	line_width?: number;
+	line_ending?: "lf" | "crlf";
+	language_version?: string;
+}
+
+export type InitInput = RequestInfo | URL | Response | BufferSource | WebAssembly.Module;
+
+export type InitOutput = unknown;
+
+// export type SyncInitInput = BufferSource | WebAssembly.Module;
+// /**
+// * Instantiates the given `module`, which can either be bytes or
+// * a precompiled `WebAssembly.Module`.
+// *
+// * @param {SyncInitInput} module
+// *
+// * @returns {InitOutput}
+// */
+// export function initSync(module: SyncInitInput): InitOutput;
+
+/**
+* If `module_or_path` is {RequestInfo} or {URL}, makes a request and
+* for everything else, calls `WebAssembly.instantiate` directly.
+*
+* @param {InitInput | Promise<InitInput>} module_or_path
+*
+* @returns {Promise<InitOutput>}
+*/
+export default function init(module_or_path?: InitInput | Promise<InitInput>): Promise<InitOutput>;
--- a/frontend/src/common/prettier/plugins/dart/dart_fmt.js
+++ b/frontend/src/common/prettier/plugins/dart/dart_fmt.js
@@ -0,0 +1,84 @@
+import { format as dart_fmt, instantiate, invoke } from "./dart_fmt.mjs";
+
+let wasm;
+
+function get_imports() {}
+function init_memory() {}
+
+function normalize(module) {
+	if (!(module instanceof WebAssembly.Module)) {
+		return new WebAssembly.Module(module);
+	}
+	return module;
+}
+
+export default async function (input) {
+	if (wasm !== undefined) return wasm;
+
+	if (typeof input === "undefined") {
+		input = new URL("dart_fmt.wasm", import.meta.url);
+	}
+	const imports = get_imports();
+
+	if (
+		typeof input === "string" ||
+		(typeof Request === "function" && input instanceof Request) ||
+		(typeof URL === "function" && input instanceof URL)
+	) {
+		input = fetch(input);
+	}
+
+	init_memory(imports);
+
+	wasm = await load(await input)
+		.then(normalize)
+		.then(instantiate);
+
+	invoke(wasm);
+
+	return wasm;
+}
+
+async function load(module) {
+	if (typeof Response === "function" && module instanceof Response) {
+		if ("compileStreaming" in WebAssembly) {
+			try {
+				return await WebAssembly.compileStreaming(module);
+			} catch (e) {
+				if (module.headers.get("Content-Type") != "application/wasm") {
+					console.warn(
+						"`WebAssembly.compileStreaming` failed because your server does not serve wasm with `application/wasm` MIME type. Falling back to `WebAssembly.instantiate` which is slower. Original error:\n",
+						e,
+					);
+				} else {
+					throw e;
+				}
+			}
+		}
+
+		return module.arrayBuffer();
+	}
+
+	return module;
+}
+
+export function format(source, filename = "stdin.dart", config = {}) {
+	const options = { lineEnding: "\n" };
+	if (config.line_width) {
+		options.pageWidth = config.line_width;
+	}
+	if (options.line_ending === "crlf") {
+		options.lineEnding = "\r\n";
+	}
+	if(options.language_version) {
+		options.languageVersion = options.language_version;
+	}
+
+	const result = dart_fmt(source, filename, JSON.stringify(options));
+	const err = result[0] === "x";
+	const output = result.slice(1);
+	if (err) {
+		throw new Error(output);
+	}
+	return output;
+}
--- a/frontend/src/common/prettier/plugins/dart/dart_fmt.mjs
+++ b/frontend/src/common/prettier/plugins/dart/dart_fmt.mjs
@@ -0,0 +1,350 @@
+
+// `modulePromise` is a promise to the `WebAssembly.module` object to be
+//   instantiated.
+// `importObjectPromise` is a promise to an object that contains any additional
+//   imports needed by the module that aren't provided by the standard runtime.
+//   The fields on this object will be merged into the importObject with which
+//   the module will be instantiated.
+// This function returns a promise to the instantiated module.
+export const instantiate = async (modulePromise, importObjectPromise) => {
+    let dartInstance;
+
+    // Prints to the console
+    function printToConsole(value) {
+      if (typeof dartPrint == "function") {
+        dartPrint(value);
+        return;
+      }
+      if (typeof console == "object" && typeof console.log != "undefined") {
+        console.log(value);
+        return;
+      }
+      if (typeof print == "function") {
+        print(value);
+        return;
+      }
+
+      throw "Unable to print message: " + js;
+    }
+
+    // Converts a Dart List to a JS array. Any Dart objects will be converted, but
+    // this will be cheap for JSValues.
+    function arrayFromDartList(constructor, list) {
+      const exports = dartInstance.exports;
+      const read = exports.$listRead;
+      const length = exports.$listLength(list);
+      const array = new constructor(length);
+      for (let i = 0; i < length; i++) {
+        array[i] = read(list, i);
+      }
+      return array;
+    }
+
+    // A special symbol attached to functions that wrap Dart functions.
+    const jsWrappedDartFunctionSymbol = Symbol("JSWrappedDartFunction");
+
+    function finalizeWrapper(dartFunction, wrapped) {
+      wrapped.dartFunction = dartFunction;
+      wrapped[jsWrappedDartFunctionSymbol] = true;
+      return wrapped;
+    }
+
+    // Imports
+    const dart2wasm = {
+
+_49: v => v.toString(),
+_64: s => {
+      if (!/^\s*[+-]?(?:Infinity|NaN|(?:\.\d+|\d+(?:\.\d*)?)(?:[eE][+-]?\d+)?)\s*$/.test(s)) {
+        return NaN;
+      }
+      return parseFloat(s);
+    },
+_65: () => {
+          let stackString = new Error().stack.toString();
+          let frames = stackString.split('\n');
+          let drop = 2;
+          if (frames[0] === 'Error') {
+              drop += 1;
+          }
+          return frames.slice(drop).join('\n');
+        },
+_69: () => {
+      // On browsers return `globalThis.location.href`
+      if (globalThis.location != null) {
+        return globalThis.location.href;
+      }
+      return null;
+    },
+_70: () => {
+        return typeof process != "undefined" &&
+               Object.prototype.toString.call(process) == "[object process]" &&
+               process.platform == "win32";
+      },
+_85: s => JSON.stringify(s),
+_86: s => printToConsole(s),
+_87: a => a.join(''),
+_90: (s, t) => s.split(t),
+_91: s => s.toLowerCase(),
+_92: s => s.toUpperCase(),
+_93: s => s.trim(),
+_97: (s, p, i) => s.indexOf(p, i),
+_98: (s, p, i) => s.lastIndexOf(p, i),
+_100: Object.is,
+_101: s => s.toUpperCase(),
+_102: s => s.toLowerCase(),
+_103: (a, i) => a.push(i),
+_113: (a, b) => a == b ? 0 : (a > b ? 1 : -1),
+_114: a => a.length,
+_116: (a, i) => a[i],
+_117: (a, i, v) => a[i] = v,
+_120: (o, start, length) => new Uint8Array(o.buffer, o.byteOffset + start, length),
+_121: (o, start, length) => new Int8Array(o.buffer, o.byteOffset + start, length),
+_122: (o, start, length) => new Uint8ClampedArray(o.buffer, o.byteOffset + start, length),
+_123: (o, start, length) => new Uint16Array(o.buffer, o.byteOffset + start, length),
+_124: (o, start, length) => new Int16Array(o.buffer, o.byteOffset + start, length),
+_125: (o, start, length) => new Uint32Array(o.buffer, o.byteOffset + start, length),
+_126: (o, start, length) => new Int32Array(o.buffer, o.byteOffset + start, length),
+_129: (o, start, length) => new Float32Array(o.buffer, o.byteOffset + start, length),
+_130: (o, start, length) => new Float64Array(o.buffer, o.byteOffset + start, length),
+_133: (o) => new DataView(o.buffer, o.byteOffset, o.byteLength),
+_137: Function.prototype.call.bind(Object.getOwnPropertyDescriptor(DataView.prototype, 'byteLength').get),
+_138: (b, o) => new DataView(b, o),
+_140: Function.prototype.call.bind(DataView.prototype.getUint8),
+_141: Function.prototype.call.bind(DataView.prototype.setUint8),
+_142: Function.prototype.call.bind(DataView.prototype.getInt8),
+_143: Function.prototype.call.bind(DataView.prototype.setInt8),
+_144: Function.prototype.call.bind(DataView.prototype.getUint16),
+_145: Function.prototype.call.bind(DataView.prototype.setUint16),
+_146: Function.prototype.call.bind(DataView.prototype.getInt16),
+_147: Function.prototype.call.bind(DataView.prototype.setInt16),
+_148: Function.prototype.call.bind(DataView.prototype.getUint32),
+_149: Function.prototype.call.bind(DataView.prototype.setUint32),
+_150: Function.prototype.call.bind(DataView.prototype.getInt32),
+_151: Function.prototype.call.bind(DataView.prototype.setInt32),
+_156: Function.prototype.call.bind(DataView.prototype.getFloat32),
+_157: Function.prototype.call.bind(DataView.prototype.setFloat32),
+_158: Function.prototype.call.bind(DataView.prototype.getFloat64),
+_159: Function.prototype.call.bind(DataView.prototype.setFloat64),
+_165: x0 => format = x0,
+_166: f => finalizeWrapper(f, function(x0,x1,x2) { return dartInstance.exports._166(f,arguments.length,x0,x1,x2); }),
+_184: (c) =>
+              queueMicrotask(() => dartInstance.exports.$invokeCallback(c)),
+_187: (s, m) => {
+          try {
+            return new RegExp(s, m);
+          } catch (e) {
+            return String(e);
+          }
+        },
+_188: (x0,x1) => x0.exec(x1),
+_189: (x0,x1) => x0.test(x1),
+_190: (x0,x1) => x0.exec(x1),
+_191: (x0,x1) => x0.exec(x1),
+_192: x0 => x0.pop(),
+_198: o => o === undefined,
+_199: o => typeof o === 'boolean',
+_200: o => typeof o === 'number',
+_202: o => typeof o === 'string',
+_205: o => o instanceof Int8Array,
+_206: o => o instanceof Uint8Array,
+_207: o => o instanceof Uint8ClampedArray,
+_208: o => o instanceof Int16Array,
+_209: o => o instanceof Uint16Array,
+_210: o => o instanceof Int32Array,
+_211: o => o instanceof Uint32Array,
+_212: o => o instanceof Float32Array,
+_213: o => o instanceof Float64Array,
+_214: o => o instanceof ArrayBuffer,
+_215: o => o instanceof DataView,
+_216: o => o instanceof Array,
+_217: o => typeof o === 'function' && o[jsWrappedDartFunctionSymbol] === true,
+_220: o => o instanceof RegExp,
+_221: (l, r) => l === r,
+_222: o => o,
+_223: o => o,
+_224: o => o,
+_225: b => !!b,
+_226: o => o.length,
+_229: (o, i) => o[i],
+_230: f => f.dartFunction,
+_231: l => arrayFromDartList(Int8Array, l),
+_232: (data, length) => {
+          const jsBytes = new Uint8Array(length);
+          const getByte = dartInstance.exports.$uint8ListGet;
+          for (let i = 0; i < length; i++) {
+            jsBytes[i] = getByte(data, i);
+          }
+          return jsBytes;
+        },
+_233: l => arrayFromDartList(Uint8ClampedArray, l),
+_234: l => arrayFromDartList(Int16Array, l),
+_235: l => arrayFromDartList(Uint16Array, l),
+_236: l => arrayFromDartList(Int32Array, l),
+_237: l => arrayFromDartList(Uint32Array, l),
+_238: l => arrayFromDartList(Float32Array, l),
+_239: l => arrayFromDartList(Float64Array, l),
+_240: (data, length) => {
+          const read = dartInstance.exports.$byteDataGetUint8;
+          const view = new DataView(new ArrayBuffer(length));
+          for (let i = 0; i < length; i++) {
+              view.setUint8(i, read(data, i));
+          }
+          return view;
+        },
+_241: l => arrayFromDartList(Array, l),
+_242:       (s, length) => {
+        if (length == 0) return '';
+
+        const read = dartInstance.exports.$stringRead1;
+        let result = '';
+        let index = 0;
+        const chunkLength = Math.min(length - index, 500);
+        let array = new Array(chunkLength);
+        while (index < length) {
+          const newChunkLength = Math.min(length - index, 500);
+          for (let i = 0; i < newChunkLength; i++) {
+            array[i] = read(s, index++);
+          }
+          if (newChunkLength < chunkLength) {
+            array = array.slice(0, newChunkLength);
+          }
+          result += String.fromCharCode(...array);
+        }
+        return result;
+      }
+      ,
+_243:     (s, length) => {
+      if (length == 0) return '';
+
+      const read = dartInstance.exports.$stringRead2;
+      let result = '';
+      let index = 0;
+      const chunkLength = Math.min(length - index, 500);
+      let array = new Array(chunkLength);
+      while (index < length) {
+        const newChunkLength = Math.min(length - index, 500);
+        for (let i = 0; i < newChunkLength; i++) {
+          array[i] = read(s, index++);
+        }
+        if (newChunkLength < chunkLength) {
+          array = array.slice(0, newChunkLength);
+        }
+        result += String.fromCharCode(...array);
+      }
+      return result;
+    }
+    ,
+_244:     (s) => {
+      let length = s.length;
+      let range = 0;
+      for (let i = 0; i < length; i++) {
+        range |= s.codePointAt(i);
+      }
+      const exports = dartInstance.exports;
+      if (range < 256) {
+        if (length <= 10) {
+          if (length == 1) {
+            return exports.$stringAllocate1_1(s.codePointAt(0));
+          }
+          if (length == 2) {
+            return exports.$stringAllocate1_2(s.codePointAt(0), s.codePointAt(1));
+          }
+          if (length == 3) {
+            return exports.$stringAllocate1_3(s.codePointAt(0), s.codePointAt(1), s.codePointAt(2));
+          }
+          if (length == 4) {
+            return exports.$stringAllocate1_4(s.codePointAt(0), s.codePointAt(1), s.codePointAt(2), s.codePointAt(3));
+          }
+          if (length == 5) {
+            return exports.$stringAllocate1_5(s.codePointAt(0), s.codePointAt(1), s.codePointAt(2), s.codePointAt(3), s.codePointAt(4));
+          }
+          if (length == 6) {
+            return exports.$stringAllocate1_6(s.codePointAt(0), s.codePointAt(1), s.codePointAt(2), s.codePointAt(3), s.codePointAt(4), s.codePointAt(5));
+          }
+          if (length == 7) {
+            return exports.$stringAllocate1_7(s.codePointAt(0), s.codePointAt(1), s.codePointAt(2), s.codePointAt(3), s.codePointAt(4), s.codePointAt(5), s.codePointAt(6));
+          }
+          if (length == 8) {
+            return exports.$stringAllocate1_8(s.codePointAt(0), s.codePointAt(1), s.codePointAt(2), s.codePointAt(3), s.codePointAt(4), s.codePointAt(5), s.codePointAt(6), s.codePointAt(7));
+          }
+          if (length == 9) {
+            return exports.$stringAllocate1_9(s.codePointAt(0), s.codePointAt(1), s.codePointAt(2), s.codePointAt(3), s.codePointAt(4), s.codePointAt(5), s.codePointAt(6), s.codePointAt(7), s.codePointAt(8));
+          }
+          if (length == 10) {
+            return exports.$stringAllocate1_10(s.codePointAt(0), s.codePointAt(1), s.codePointAt(2), s.codePointAt(3), s.codePointAt(4), s.codePointAt(5), s.codePointAt(6), s.codePointAt(7), s.codePointAt(8), s.codePointAt(9));
+          }
+        }
+        const dartString = exports.$stringAllocate1(length);
+        const write = exports.$stringWrite1;
+        for (let i = 0; i < length; i++) {
+          write(dartString, i, s.codePointAt(i));
+        }
+        return dartString;
+      } else {
+        const dartString = exports.$stringAllocate2(length);
+        const write = exports.$stringWrite2;
+        for (let i = 0; i < length; i++) {
+          write(dartString, i, s.charCodeAt(i));
+        }
+        return dartString;
+      }
+    }
+    ,
+_247: l => new Array(l),
+_251: (o, p) => o[p],
+_255: o => String(o),
+_260: x0 => x0.index,
+_262: x0 => x0.length,
+_264: (x0,x1) => x0[x1],
+_265: (x0,x1) => x0.exec(x1),
+_267: x0 => x0.flags,
+_268: x0 => x0.multiline,
+_269: x0 => x0.ignoreCase,
+_270: x0 => x0.unicode,
+_271: x0 => x0.dotAll,
+_272: (x0,x1) => x0.lastIndex = x1
+    };
+
+    const baseImports = {
+        dart2wasm: dart2wasm,
+
+
+        Math: Math,
+        Date: Date,
+        Object: Object,
+        Array: Array,
+        Reflect: Reflect,
+    };
+
+    const jsStringPolyfill = {
+        "charCodeAt": (s, i) => s.charCodeAt(i),
+        "compare": (s1, s2) => {
+            if (s1 < s2) return -1;
+            if (s1 > s2) return 1;
+            return 0;
+        },
+        "concat": (s1, s2) => s1 + s2,
+        "equals": (s1, s2) => s1 === s2,
+        "fromCharCode": (i) => String.fromCharCode(i),
+        "length": (s) => s?.length||0,
+        "substring": (s, a, b) => s.substring(a, b),
+    };
+
+    dartInstance = await WebAssembly.instantiate(await modulePromise, {
+        ...baseImports,
+        ...(await importObjectPromise),
+        "wasm:js-string": jsStringPolyfill,
+    });
+
+    return dartInstance;
+};
+
+// Call the main function for the instantiated module
+// `moduleInstance` is the instantiated dart2wasm module
+// `args` are any arguments that should be passed into the main function.
+export const invoke = (moduleInstance, ...args) => {
+  moduleInstance.exports.$invokeMain(args);
+};
+
+
+export let format;
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
landaiqing	f5bfff80b7	🚨 Format code	2025-09-24 21:44:42 +08:00
landaiqing	1462d8a753	🐛 Fixed docker prettier plugin issue	2025-09-24 19:14:10 +08:00
landaiqing	39ee2d14f3	⚡ Optimize font size and add more fonts	2025-09-24 00:44:41 +08:00
landaiqing	e536cdd9ba	🐛 Fixed docker、shell prettier plugin issue	2025-09-23 19:43:26 +08:00
landaiqing	dc4b73406d	🐛 Fixed prettier plugin parser configuration issue	2025-09-21 23:23:43 +08:00
landaiqing	0012a5dc19	✨ Added loading animation switch	2025-09-21 22:17:41 +08:00
landaiqing	3cda88371e	🐛 Fixed manual Chunks issue	2025-09-21 21:54:39 +08:00
landaiqing	0338351680	⚡ Improve app launch speed	2025-09-21 03:04:23 +08:00
landaiqing	e372a0dd7c	🎨 Modify the rendering logic of the checkbox	2025-09-21 01:14:33 +08:00
landaiqing	d597f379ff	🚚 Refactor directory structure	2025-09-21 00:11:40 +08:00
landaiqing	9222a52d91	✨ Modified sql prettier plugin	2025-09-20 19:18:33 +08:00
landaiqing	c3670bb8cd	✨ Added dockerfile、lua prettier plugin	2025-09-20 01:30:16 +08:00
landaiqing	2ea3456ff7	✨ Added dart prettier plugin	2025-09-19 19:41:48 +08:00
landaiqing	c9379f0edb	✨ Added python prettier plugin	2025-09-19 19:35:48 +08:00
landaiqing	f72010bd69	✨ Added clang prettier plugin	2025-09-19 19:17:13 +08:00
landaiqing	cd027097f8	🐛 Fixed golang prettier plugin issue	2025-09-19 18:39:41 +08:00
landaiqing	9cbbf729c0	🔥 Remove powershell prettier plugin	2025-09-18 00:13:07 +08:00
landaiqing	c26c11e253	🐛 Fixed build issue	2025-09-17 09:54:43 +08:00
landaiqing	338ac358db	🚧 Modify toml,powershell prettier plugin(beta)	2025-09-17 00:12:39 +08:00
landaiqing	a83c7139c9	✨ Added scala、powershell、groovy prettier plugin	2025-09-14 23:45:01 +08:00