chore: update dependencies and fix build issues

Author: pomelo-nwu

package.json

@@ -81,9 +81,10 @@
     "style-loader": "^3.3.1",
     "ts-loader": "^9.4.2",
     "turbo": "^1.8.3",
-    "typescript": "^5.1.6",
-    "webpack": "^5.88.0",
-    "webpack-cli": "^5.0.0"
+    "typescript": "^5.3.3",
+    "webpack": "^5.96.1",
+    "webpack-cli": "^5.1.4",
+    "terser-webpack-plugin": "^5.3.10"
   },
   "publishConfig": {
     "access": "public"

packages/studio-components/src/HomePage/Hooks/useEnv.tsx

@@ -9,7 +9,7 @@ const EnvContext = React.createContext({
 export const EnvProvider = props => {
   const isMobile = useIsMobile();
   const currentMode = useTheme();
-  const isDark = currentMode === 'dark';
+  const isDark = currentMode === 'darkAlgorithm';
   console.log('currentMode', currentMode, 'isDark', isDark);
 
   return (

packages/studio-draw-pattern/package.json

@@ -33,7 +33,8 @@
     "father": "^4.4.5",
     "typescript": "^5.5.4",
     "vite": "^5.4.16",
-    "vitest": "^2.0.5"
+    "vitest": "^2.0.5",
+    "@swc/core": "^1.3.53"
   },
   "dependencies": {
     "@ant-design/icons": "^5.2.6",
@@ -47,4 +48,4 @@
     "uuid": "^10.0.0",
     "zustand": "^4.5.5"
   }
-}
+}

packages/studio-importor/src/app/button-controller/import-and-export-config.tsx

@@ -71,8 +71,8 @@ const Content = () => {
         style={{ height: '160px' }}
         icon={
           <Space split="or">
-            <Icons.File text="YAML" style={{ fontSize: '30px', color: token.colorTextSecondary }} />
-            <Icons.File text="JSON" style={{ fontSize: '30px', color: token.colorTextSecondary }} />
+            <Icons.File style={{ fontSize: '30px', color: token.colorTextSecondary, text: 'YAML' }} />
+            <Icons.File style={{ fontSize: '30px', color: token.colorTextSecondary, text: 'JSON' }} />
           </Space>
         }
       />

packages/studio-importor/src/app/import-schema/import-from-yaml/index.tsx

@@ -32,7 +32,7 @@ const hackContent = jsonContent => {
 };
 
 const ImportFromYAML = (props: IProps) => {
-  const { style = {}, icon = <Icons.File text="YAML" />, disabled } = props;
+  const { style = {}, icon = <Icons.File style={{ text: 'YAML' }} />, disabled } = props;
   const { updateStore, store } = useContext();
   const { appMode, nodes, edges } = store;
   const customRequest: UploadProps['customRequest'] = async options => {