wip: update

Author: ElaBosak233

package.json

@@ -12,8 +12,8 @@
         "format": "prettier --write ."
     },
     "dependencies": {
-        "@fontsource-variable/ubuntu-sans": "^5.2.5",
-        "@fontsource-variable/ubuntu-sans-mono": "^5.2.5",
+        "@fontsource-variable/ubuntu-sans": "^5.2.6",
+        "@fontsource-variable/ubuntu-sans-mono": "^5.2.6",
         "@hcaptcha/react-hcaptcha": "^1.12.0",
         "@hookform/resolvers": "^4.1.3",
         "@marsidev/react-turnstile": "^1.1.0",
@@ -29,23 +29,23 @@
         "@radix-ui/react-switch": "^1.1.3",
         "@radix-ui/react-tooltip": "^1.1.8",
         "@tanstack/react-table": "^8.21.2",
-        "ace-builds": "^1.39.0",
-        "alova": "^3.2.9",
+        "ace-builds": "^1.39.1",
+        "alova": "^3.2.10",
         "ansi_up": "^6.0.2",
         "class-variance-authority": "^0.7.1",
         "clsx": "^2.1.1",
         "crypto-js": "^4.2.0",
         "highlight.js": "^11.11.1",
         "katex": "^0.16.21",
-        "lucide-react": "^0.477.0",
-        "nanoid": "^5.1.2",
+        "lucide-react": "^0.483.0",
+        "nanoid": "^5.1.5",
         "react": "^19.0.0",
-        "react-day-picker": "^9.5.1",
+        "react-day-picker": "^9.6.3",
         "react-dom": "^19.0.0",
         "react-dropzone": "^14.3.8",
         "react-hook-form": "^7.54.2",
-        "react-markdown": "^10.0.1",
-        "react-router": "^7.2.0",
+        "react-markdown": "^10.1.0",
+        "react-router": "^7.4.0",
         "recharts": "^2.15.1",
         "rehype-autolink-headings": "^7.1.0",
         "rehype-highlight": "^7.0.2",
@@ -63,25 +63,25 @@
         "zustand": "^5.0.3"
     },
     "devDependencies": {
-        "@eslint/js": "^9.21.0",
-        "@shikijs/rehype": "^3.1.0",
+        "@eslint/js": "^9.23.0",
+        "@shikijs/rehype": "^3.2.1",
         "@tailwindcss/typography": "^0.5.16",
-        "@tailwindcss/vite": "^4.0.9",
+        "@tailwindcss/vite": "^4.0.15",
         "@types/crypto-js": "^4.2.2",
-        "@types/node": "^22.13.9",
-        "@types/react": "^19.0.10",
+        "@types/node": "^22.13.13",
+        "@types/react": "^19.0.12",
         "@types/react-dom": "^19.0.4",
-        "@vitejs/plugin-react-swc": "^3.8.0",
-        "eslint": "^9.21.0",
+        "@vitejs/plugin-react-swc": "^3.8.1",
+        "eslint": "^9.23.0",
         "eslint-plugin-react-hooks": "^5.2.0",
         "eslint-plugin-react-refresh": "^0.4.19",
         "globals": "^16.0.0",
         "prettier": "^3.5.3",
-        "tailwindcss": "^4.0.9",
+        "tailwindcss": "^4.0.15",
         "typescript": "~5.8.2",
-        "typescript-eslint": "^8.26.0",
-        "vite": "^6.2.0",
+        "typescript-eslint": "^8.28.0",
+        "vite": "^6.2.3",
         "vite-plugin-compression": "^0.5.1"
     },
-    "packageManager": "[email protected].1+sha512.40ee09af407fa9fbb5fbfb8e1cb40fbb74c0af0c3e10e9224d7b53c7658528615b2c92450e74cfad91e3a2dcafe3ce4050d80bda71d757756d2ce2b66213e9a3"
+    "packageManager": "[email protected].5"
 }

src/components/ui/editor.tsx

@@ -1,6 +1,6 @@
 import { useThemeStore } from "@/storages/theme";
 import { cn } from "@/utils";
-import ace from "ace-builds";
+import ace, { edit } from "ace-builds";
 import "ace-builds/esm-resolver";
 import { useEffect, useRef, useState } from "react";
 
@@ -43,7 +43,6 @@ function Editor(props: EditorProps) {
 
         const editor = ace.edit(editorRef.current, {
             mode: `ace/mode/${lang || "text"}`,
-            theme: `ace/theme/${theme === "light" ? "kuroir" : "github_dark"}`,
             showPrintMargin: false,
             highlightActiveLine: false,
             highlightGutterLine: false,
@@ -85,14 +84,13 @@ function Editor(props: EditorProps) {
         return () => {
             editor.destroy();
         };
-    }, [lang, showLineNumbers, tabSize, placeholder, theme]);
+    }, [lang, showLineNumbers, tabSize, placeholder]);
 
     useEffect(() => {
-        const editor = editorRef.current;
+        const editor = editorInstance.current;
         if (editor) {
-            editor.classList.remove("ace-kuroir", "ace-github-dark");
-            editor.classList.add(
-                theme === "light" ? "ace-kuroir" : "ace-github-dark"
+            editor.setTheme(
+                `ace/theme/${theme === "light" ? "kuroir" : "github_dark"}`
             );
         }
     }, [theme]);