chore: merge main into release 14

react-vite-ts/package.json

@@ -6,25 +6,28 @@
     "dev": "vite",
     "build": "tsc && vite build",
     "preview": "vite preview",
-    "cypress:run": "cypress run --config video=false --component"
+    "cypress:run": "cypress run --component"
   },
   "dependencies": {
-    "msw": "^0.39.2",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0"
+    "msw": "^2.6.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
   },
   "devDependencies": {
-    "@types/react": "^18.0.0",
-    "@types/react-dom": "^18.0.0",
-    "@vitejs/plugin-react": "^1.3.0",
-    "autoprefixer": "^10.4.4",
-    "cypress": "^12.7.0",
-    "postcss": "^8.4.12",
-    "tailwindcss": "^3.0.24",
-    "typescript": "^4.6.3",
-    "vite": "^2.9.2"
+    "@types/react": "^18.3.1",
+    "@types/react-dom": "^18.3.1",
+    "@vitejs/plugin-react": "^4.3.3",
+    "autoprefixer": "^10.4.20",
+    "cypress": "^13.15.1",
+    "postcss": "^8.4.47",
+    "tailwindcss": "^3.4.14",
+    "typescript": "^5.6.3",
+    "vite": "^5.4.10"
   },
   "msw": {
-    "workerDirectory": "."
+    "workerDirectory": [
+      ".",
+      ""
+    ]
   }
-}
+}

react-vite-ts/src/mocks.ts

@@ -1,20 +1,19 @@
-import { rest, setupWorker } from 'msw';
+import { http, HttpResponse } from 'msw'
+import { setupWorker } from 'msw/browser';
 
 export const handlers = [
-  rest.post<{ username: string; password: string }>(
+  http.post<{},{ username: string; password: string }>(
     '/auth',
-    (req, res, ctx) => {
-      const { username, password } = req.body;
+    async ({ request }) => {
+      const req = await request.json()
+      const { username, password } = req
       if (username === 'testuser' && password === 'testpassword') {
-        return res(ctx.status(200), ctx.json({ message: 'Authenticated' }));
+        return HttpResponse.json({ message: 'Authenticated' }, { status: 200 })
       } else {
-        return res(
-          ctx.status(401),
-          ctx.json({ message: 'Bad username or password' })
-        );
+        return HttpResponse.json({ message: 'Bad username or password' }, { status: 401 })
       }
     }
   ),
 ];
 
-export const worker = setupWorker(...handlers);
+export const worker = setupWorker(...handlers);