chore(ui): bump deps

Includes vite v5 - only change needed is to set .mts for vite config files.

invokeai/frontend/web/config/vite.app.config.mts

@@ -1,6 +1,6 @@
 import type { UserConfig } from 'vite';
 
-import { commonPlugins } from './common';
+import { commonPlugins } from './common.mjs';
 
 export const appConfig: UserConfig = {
   base: './',

invokeai/frontend/web/config/vite.package.config.mts

@@ -3,7 +3,7 @@ import type { UserConfig } from 'vite';
 import cssInjectedByJsPlugin from 'vite-plugin-css-injected-by-js';
 import dts from 'vite-plugin-dts';
 
-import { commonPlugins } from './common';
+import { commonPlugins } from './common.mjs';
 
 export const packageConfig: UserConfig = {
   base: './',

invokeai/frontend/web/package.json

@@ -74,7 +74,7 @@
     "compare-versions": "^6.1.0",
     "dateformat": "^5.0.3",
     "framer-motion": "^10.16.16",
-    "i18next": "^23.7.12",
+    "i18next": "^23.7.13",
     "i18next-http-backend": "^2.4.2",
     "idb-keyval": "^6.2.1",
     "konva": "^9.3.0",
@@ -91,12 +91,12 @@
     "react-error-boundary": "^4.0.12",
     "react-hook-form": "^7.49.2",
     "react-hotkeys-hook": "4.4.1",
-    "react-i18next": "^13.5.0",
+    "react-i18next": "^14.0.0",
     "react-icons": "^4.12.0",
     "react-konva": "^18.2.10",
     "react-redux": "^9.0.4",
     "react-resizable-panels": "^1.0.6",
-    "react-select": "5.7.7",
+    "react-select": "5.8.0",
     "react-textarea-autosize": "^8.5.3",
     "react-use": "^17.4.2",
     "react-virtuoso": "^4.6.2",
@@ -121,7 +121,7 @@
     "ts-toolbelt": "^9.6.0"
   },
   "devDependencies": {
-    "@arthurgeron/eslint-plugin-react-usememo": "^2.2.1",
+    "@arthurgeron/eslint-plugin-react-usememo": "^2.2.2",
     "@chakra-ui/cli": "^2.4.1",
     "@storybook/addon-docs": "^7.6.6",
     "@storybook/addon-essentials": "^7.6.6",
@@ -136,7 +136,7 @@
     "@storybook/theming": "^7.6.6",
     "@types/dateformat": "^5.0.2",
     "@types/lodash-es": "^4.17.12",
-    "@types/node": "^20.10.5",
+    "@types/node": "^20.10.6",
     "@types/react": "^18.2.46",
     "@types/react-dom": "^18.2.18",
     "@types/uuid": "^9.0.7",
@@ -162,7 +162,7 @@
     "storybook": "^7.6.6",
     "ts-toolbelt": "^9.6.0",
     "typescript": "^5.3.3",
-    "vite": "^4.5.1",
+    "vite": "^5.0.10",
     "vite-plugin-css-injected-by-js": "^3.3.1",
     "vite-plugin-dts": "^3.7.0",
     "vite-plugin-eslint": "^1.8.1",

invokeai/frontend/web/src/common/components/InvEditable/theme.ts

@@ -15,8 +15,8 @@ const baseStylePreview = defineStyle({
   transitionDuration: 'normal',
   color: 'base.100',
   _invalid: {
-    color: 'error.300'
+    color: 'error.300',
-  }
+  },
 });
 
 const baseStyleInput = defineStyle(() => ({

invokeai/frontend/web/tsconfig.node.json

@@ -6,10 +6,9 @@
     "allowSyntheticDefaultImports": true
   },
   "include": [
-    "vite.config.ts",
+    "vite.config.mts",
-    "./config/vite.app.config.ts",
+    "config/vite.app.config.mts",
-    "./config/vite.package.config.ts",
+    "config/vite.package.config.mts",
-    "./config/vite.common.config.ts",
+    "config/common.mts"
-    "./config/common.ts"
   ]
 }

invokeai/frontend/web/vite.config.mts

@@ -1,7 +1,7 @@
 import { defineConfig } from 'vite';
 
-import { appConfig } from './config/vite.app.config';
+import { appConfig } from './config/vite.app.config.mjs';
-import { packageConfig } from './config/vite.package.config';
+import { packageConfig } from './config/vite.package.config.mjs';
 
 export default defineConfig(({ mode }) => {
   if (mode === 'package') {