chore(ui): update all packages

- only breaking change was in `openapi-fetch`, easy fix
- also looks like prettier/eslint is a bit more comprehensive? caught a couple extra things

invokeai/frontend/web/package.json

@@ -34,7 +34,8 @@
     "lint-staged": "lint-staged",
     "postinstall": "patch-package && yarn run theme",
     "theme": "chakra-cli tokens src/theme/theme.ts",
-    "theme:watch": "chakra-cli tokens src/theme/theme.ts --watch"
+    "theme:watch": "chakra-cli tokens src/theme/theme.ts --watch",
+    "up": "yarn upgrade-interactive --latest"
   },
   "madge": {
     "detectiveOptions": {
@@ -54,7 +55,7 @@
   },
   "dependencies": {
     "@chakra-ui/anatomy": "^2.2.0",
-    "@chakra-ui/icons": "^2.0.19",
+    "@chakra-ui/icons": "^2.1.0",
     "@chakra-ui/react": "^2.8.0",
     "@chakra-ui/styled-system": "^2.9.1",
     "@chakra-ui/theme-tools": "^2.1.0",
@@ -65,56 +66,55 @@
     "@emotion/react": "^11.11.1",
     "@emotion/styled": "^11.11.0",
     "@floating-ui/react-dom": "^2.0.1",
-    "@fontsource-variable/inter": "^5.0.3",
+    "@fontsource-variable/inter": "^5.0.8",
-    "@fontsource/inter": "^5.0.3",
+    "@fontsource/inter": "^5.0.8",
-    "@mantine/core": "^6.0.14",
+    "@mantine/core": "^6.0.19",
-    "@mantine/form": "^6.0.15",
+    "@mantine/form": "^6.0.19",
-    "@mantine/hooks": "^6.0.14",
+    "@mantine/hooks": "^6.0.19",
     "@nanostores/react": "^0.7.1",
     "@reduxjs/toolkit": "^1.9.5",
     "@roarr/browser-log-writer": "^1.1.5",
     "dateformat": "^5.0.3",
-    "downshift": "^7.6.0",
+    "formik": "^2.4.3",
-    "formik": "^2.4.2",
+    "framer-motion": "^10.16.1",
-    "framer-motion": "^10.12.17",
     "fuse.js": "^6.6.2",
-    "i18next": "^23.2.3",
+    "i18next": "^23.4.4",
     "i18next-browser-languagedetector": "^7.0.2",
     "i18next-http-backend": "^2.2.1",
     "konva": "^9.2.0",
     "lodash-es": "^4.17.21",
     "nanostores": "^0.9.2",
     "new-github-issue-url": "^1.0.0",
-    "openapi-fetch": "^0.6.1",
+    "openapi-fetch": "^0.7.4",
     "overlayscrollbars": "^2.2.0",
     "overlayscrollbars-react": "^0.5.0",
-    "patch-package": "^7.0.0",
+    "patch-package": "^8.0.0",
     "query-string": "^8.1.0",
-    "re-resizable": "^6.9.9",
+    "re-resizable": "^6.9.11",
     "react": "^18.2.0",
     "react-colorful": "^5.6.1",
     "react-dom": "^18.2.0",
     "react-dropzone": "^14.2.3",
     "react-error-boundary": "^4.0.11",
-    "react-hotkeys-hook": "4.4.0",
+    "react-hotkeys-hook": "4.4.1",
-    "react-i18next": "^13.0.1",
+    "react-i18next": "^13.1.2",
     "react-icons": "^4.10.1",
     "react-konva": "^18.2.10",
-    "react-redux": "^8.1.1",
+    "react-redux": "^8.1.2",
-    "react-resizable-panels": "^0.0.52",
+    "react-resizable-panels": "^0.0.55",
     "react-use": "^17.4.0",
-    "react-virtuoso": "^4.3.11",
+    "react-virtuoso": "^4.5.0",
     "react-zoom-pan-pinch": "^3.0.8",
-    "reactflow": "^11.7.4",
+    "reactflow": "^11.8.3",
     "redux-dynamic-middlewares": "^2.2.0",
-    "redux-remember": "^3.3.1",
+    "redux-remember": "^4.0.1",
-    "roarr": "^7.15.0",
+    "roarr": "^7.15.1",
-    "serialize-error": "^11.0.0",
+    "serialize-error": "^11.0.1",
-    "socket.io-client": "^4.7.0",
+    "socket.io-client": "^4.7.2",
     "use-debounce": "^9.0.4",
     "use-image": "^1.1.1",
     "uuid": "^9.0.0",
-    "zod": "^3.21.4"
+    "zod": "^3.22.2"
   },
   "peerDependencies": {
     "@chakra-ui/cli": "^2.4.0",
@@ -127,38 +127,36 @@
     "@chakra-ui/cli": "^2.4.1",
     "@types/dateformat": "^5.0.0",
     "@types/lodash-es": "^4.14.194",
-    "@types/node": "^20.3.1",
+    "@types/node": "^20.5.1",
-    "@types/react": "^18.2.14",
+    "@types/react": "^18.2.20",
     "@types/react-dom": "^18.2.6",
     "@types/react-redux": "^7.1.25",
     "@types/react-transition-group": "^4.4.6",
     "@types/uuid": "^9.0.2",
-    "@typescript-eslint/eslint-plugin": "^5.60.0",
+    "@typescript-eslint/eslint-plugin": "^6.4.1",
-    "@typescript-eslint/parser": "^5.60.0",
+    "@typescript-eslint/parser": "^6.4.1",
     "@vitejs/plugin-react-swc": "^3.3.2",
     "axios": "^1.4.0",
     "babel-plugin-transform-imports": "^2.0.0",
     "concurrently": "^8.2.0",
-    "eslint": "^8.43.0",
+    "eslint": "^8.47.0",
-    "eslint-config-prettier": "^8.8.0",
+    "eslint-config-prettier": "^9.0.0",
-    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-prettier": "^5.0.0",
-    "eslint-plugin-react": "^7.32.2",
+    "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-hooks": "^4.6.0",
     "form-data": "^4.0.0",
     "husky": "^8.0.3",
-    "lint-staged": "^13.2.2",
+    "lint-staged": "^14.0.1",
     "madge": "^6.1.0",
     "openapi-types": "^12.1.3",
-    "openapi-typescript": "^6.2.8",
+    "openapi-typescript": "^6.5.2",
-    "openapi-typescript-codegen": "^0.24.0",
     "postinstall-postinstall": "^2.1.0",
-    "prettier": "^2.8.8",
+    "prettier": "^3.0.2",
     "rollup-plugin-visualizer": "^5.9.2",
-    "terser": "^5.18.1",
     "ts-toolbelt": "^9.6.0",
-    "vite": "^4.3.9",
+    "vite": "^4.4.9",
-    "vite-plugin-css-injected-by-js": "^3.1.1",
+    "vite-plugin-css-injected-by-js": "^3.3.0",
-    "vite-plugin-dts": "^2.3.0",
+    "vite-plugin-dts": "^3.5.2",
     "vite-plugin-eslint": "^1.8.1",
     "vite-tsconfig-paths": "^4.2.0",
     "yarn": "^1.22.19"

invokeai/frontend/web/src/features/nodes/types/types.ts

@@ -740,7 +740,7 @@ export type FieldIdentifier = {
 
 export type FieldComponentProps<
   V extends InputFieldValue,
-  T extends InputFieldTemplate
+  T extends InputFieldTemplate,
 > = {
   nodeId: string;
   field: V;

invokeai/frontend/web/src/features/ui/components/tabs/ModelManager/subpanels/ModelManagerPanel/ModelList.tsx

@@ -238,7 +238,7 @@ const modelsFilter = <
   T extends
     | MainModelConfigEntity
     | LoRAModelConfigEntity
-    | OnnxModelConfigEntity
+    | OnnxModelConfigEntity,
 >(
   data: EntityState<T> | undefined,
   model_type: ModelType,

invokeai/frontend/web/src/services/api/thunks/session.ts

@@ -30,8 +30,8 @@ export const sessionCreated = createAsyncThunk<
   CreateSessionThunkConfig
 >('api/sessionCreated', async (arg, { rejectWithValue }) => {
   const { graph } = arg;
-  const { post } = $client.get();
+  const { POST } = $client.get();
-  const { data, error, response } = await post('/api/v1/sessions/', {
+  const { data, error, response } = await POST('/api/v1/sessions/', {
     body: graph,
   });
 
@@ -72,8 +72,8 @@ export const sessionInvoked = createAsyncThunk<
   InvokedSessionThunkConfig
 >('api/sessionInvoked', async (arg, { rejectWithValue }) => {
   const { session_id } = arg;
-  const { put } = $client.get();
+  const { PUT } = $client.get();
-  const { data, error, response } = await put(
+  const { data, error, response } = await PUT(
     '/api/v1/sessions/{session_id}/invoke',
     {
       params: { query: { all: true }, path: { session_id } },
@@ -92,11 +92,12 @@ export const sessionInvoked = createAsyncThunk<
       return rejectWithValue({
         arg,
         status: response.status,
-        error: error.detail
+        error: error.detail,
       });
     }
-    if (error)
+    if (error) {
       return rejectWithValue({ arg, status: response.status, error });
+    }
   }
 });
 
@@ -122,8 +123,8 @@ export const sessionCanceled = createAsyncThunk<
   CancelSessionThunkConfig
 >('api/sessionCanceled', async (arg, { rejectWithValue }) => {
   const { session_id } = arg;
-  const { del } = $client.get();
+  const { DELETE } = $client.get();
-  const { data, error, response } = await del(
+  const { data, error, response } = await DELETE(
     '/api/v1/sessions/{session_id}/invoke',
     {
       params: {
@@ -162,8 +163,8 @@ export const listedSessions = createAsyncThunk<
   ListSessionsThunkConfig
 >('api/listSessions', async (arg, { rejectWithValue }) => {
   const { params } = arg;
-  const { get } = $client.get();
+  const { GET } = $client.get();
-  const { data, error, response } = await get('/api/v1/sessions/', {
+  const { data, error, response } = await GET('/api/v1/sessions/', {
     params,
   });