tests(ui): enable vitest type testing

This is useful for the zod schemas and types we have created to match the backend.

invokeai/frontend/web/.gitignore

@@ -41,3 +41,6 @@ stats.html
 # Yalc
 .yalc
 yalc.lock
+
+# vitest
+tsconfig.vitest-temp.json

invokeai/frontend/web/package.json

@@ -154,6 +154,7 @@
     "rollup-plugin-visualizer": "^5.12.0",
     "storybook": "^7.6.10",
     "ts-toolbelt": "^9.6.0",
+    "tsafe": "^1.6.6",
     "typescript": "^5.3.3",
     "vite": "^5.0.12",
     "vite-plugin-css-injected-by-js": "^3.3.1",

invokeai/frontend/web/pnpm-lock.yaml

@@ -300,6 +300,9 @@ devDependencies:
   ts-toolbelt:
     specifier: ^9.6.0
     version: 9.6.0
+  tsafe:
+    specifier: ^1.6.6
+    version: 1.6.6
   typescript:
     specifier: ^5.3.3
     version: 5.3.3
@@ -13505,6 +13508,10 @@ packages:
     resolution: {integrity: sha512-nsZd8ZeNUzukXPlJmTBwUAuABDe/9qtVDelJeT/qW0ow3ZS3BsQJtNkan1802aM9Uf68/Y8ljw86Hu0h5IUW3w==}
     dev: true
 
+  /tsafe@1.6.6:
+    resolution: {integrity: sha512-gzkapsdbMNwBnTIjgO758GujLCj031IgHK/PKr2mrmkCSJMhSOR5FeOuSxKLMUoYc0vAA4RGEYYbjt/v6afD3g==}
+    dev: true
+
   /tsconfck@3.0.1(typescript@5.3.3):
     resolution: {integrity: sha512-7ppiBlF3UEddCLeI1JRx5m2Ryq+xk4JrZuq4EuYXykipebaq1dV0Fhgr1hb7CkmHt32QSgOZlcqVLEtHBG4/mg==}
     engines: {node: ^18 || >=20}

invokeai/frontend/web/vite.config.mts

@@ -84,7 +84,10 @@ export default defineConfig(({ mode }) => {
       },
     },
     test: {
-      //
+      typecheck: {
+        enabled: true,
+        ignoreSourceErrors: true,
+      },
     },
   };
 });